@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:wght@500&display=swap');

:root {
    --blanco: #FFFFFF;
    --gris: #3A3A3A;
    --azul-oscuro: #001628;
    --azul: #002C52;
    --amarillo-claro: #FFFAEF;
    --unnamed-color-183152: #183152;
    --unnamed-color-002c52: #002C52;
}

*{
    margin:0;
    padding:0;
    font-family: 'Montserrat', sans-serif;
}
body{
    /* background-color: #0D1C2B; */
    border:none;
    font-family: 'Montserrat', sans-serif;
}
.cont{
    display: grid;
    grid-template-columns: 100% auto;
    gap:10px;
    margin:10px;
}

/* form .btn{
    background-color:#00819a;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.3em;
} */
.card-footer .btn{
    background-color: #002C52;
    text-align:center;
    color:#FFFAEF;
}

form span{
    font-size: 1.1em;
    margin: 5px 0px;
}

.form-control{
    border:1px solid #46494c;
    background-color: #fff;
}

.read{
    background-color: #fff;
}

.numero{
    background-color: #002C52;
  color: white;
  border-radius: 100%;
  margin-right: 5px;
  width: 40px;
  height: 40px;
  display: inline-block;
  line-height: 2;
}


.nav-tabs {
   border: 0px solid transparent;
}
.nav-tabs .nav-link {
   border: 0px solid transparent;
}
.tab-content {
    border: 0px solid transparent;
}
.tab-pane {
    border: 0px solid transparent;
}

.nav-item span{
    font-size: 1.2em;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}

.nav-item .disabled{
    opacity:0.3;
   /* background-color: #0D1C2B; */
}

.card-footer .btn{
    font-family: 'Montserrat', sans-serif;
    font-size: 1.3em;
}


.card-header{
    background-color: var(--azul);
    color:var(--blanco);
    padding:10px 40px;
}
.card-footer{
    display: grid;
    grid-template-columns: 25% auto 25%;
    background-color: #fff;
    border-top:none;
}

.card-header h2{
    font-family: 'Montserrat', sans-serif;
    font-size: 2.2em;
}

/* .card-body{
    height: 70vh;
} */

.card{
    border:none;
}
.apd .card-body{
    display: grid;
    grid-template-columns: 20% auto;
    gap:15px;
}
.apd .card-body span{
    /* text-align: right; */
    margin:5px;
    font-size: 1.2em;
}
.prt .card-body{
    display: grid;
    grid-template-columns: 20% auto;
    gap:15px;
}
.prt .card-body span{
    /* text-align: right; */
    margin:5px;
    font-size: 1.2em;
}
.ins .card-body{
    padding: 0px;
    margin:0px 10px;
}

input[type=text],input[type=email],input[type=date]{
    padding: 2px 25px;
}

/* .prt .card-footer{
    display: grid;
    grid-template-columns: 60% auto;
    gap:10px;
    margin:10px;
} */
.evento{
    display: grid;
    grid-template-columns: 18% auto 25%;
    gap:15px;
    padding: 10px 0px;
}
.evento p{
    background-color: #002C52;
    color:white;
    font-size: 1.8em;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    padding: 2px;
    border-radius: 25px;
    font-weight: bold;
}
.subfooter{
    display: grid;
    grid-template-columns: 75% auto;
    gap:10px;
    margin:10px;
}

.foto{
    border: none;
    width:30vw;
    margin:0 20vw;
}
.foto button{
    width: 100%;
    /* height: 100%; */
    min-height: 180px; 
    background-color:rgba(255, 255, 255, .2);
    
    /* background-color:#00819a; */
}
.cate p{
    margin:5px 0px;
    padding:0px;
}
.cate span{
    font-family: 'Montserrat', sans-serif;
    font-size: 1.3em;   
    padding:15px;
    font-weight: bold;
}
.cate a{
    color:#2a2a2a;
    text-decoration: none;
}


.flexdatalist-results li{
    font-size: 1em;
}
.flexdatalist-results li span.highlight{
    text-decoration: none;
    font-weight: normal;
    margin-left:10px;
}

#form-ins {margin-top: 25px;}

a {text-decoration: none!important;}

.cont-form .nav-link, .cont-form .nav-link:focus {color:#a7a7a7!important;}
.nav-tabs .nav-link.active{color:#002C52!important;}
.nav-link.active .numero {background: #002C52!important;}
.nav-link .numero {background: #a7a7a7;}
.ordenid{color:#002C52; font-weight: bold;}
.card tr.bg-dark{background: #0D1C2B;}
.card td {   padding: 5px 0; }

.titulo-blanco{line-height: 50px;   font-family: 'Russo One', sans-serif; color: #fff; font-size: 45px; text-transform: uppercase;}

.titulo-blanco::after {
  content: '';
  border-bottom: 4px solid #fff;
  position: relative;
  display: block;
}

.boton {
  background: #002C52;
  border-radius: 25px; text-align: center;
  font-family: 'Montserrat', sans-serif!important;
  font-size: 16px!important;
  font-weight: 500;
  letter-spacing: 0px;
  color: #FFFAEF;
  text-transform: uppercase;
  padding: 10px 25px;
  border:none;
}
.boton:hover {background: #002C52; color: #fff;}
.btn .boton:active {background: #002C52; color: #fff;}


.boton-1{
  border: 1.5px solid #FFFAEF;
  border-radius: 25px; text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0px;
  color: #FFFAEF;
  text-transform: uppercase;
  padding: 10px 15px;
}
.boton-1 i{padding-right: 5px;}

  /* Base tarjeta */

.tarjeta{
  position: relative;
  background: #FFFFFF;
  box-shadow: 0px 0px 40px #002C522E;
  border-radius: 25px;
}

/* Navbar menú */
.container-nav{ background: #002C52;}

.a-menu {padding-right: 15px; color: #fff; text-transform: uppercase; font-size: 14px; letter-spacing: 1.4px; line-height: 18px;}

.a-menu:hover {color: #fff;}

.rrss a { color: #fff; margin-right: 15px;} 
.rrss a :last-child{margin-right: 0px;}

/* Fin Navbar menú */

/* Header */
header {position: relative; padding:30px 0 0 0; margin-bottom: -160px; z-index: 100; }
/* Fin Header */

/* Banner cabecera*/
.bg0{background-image: url("https://olasprotour.com/img/img1.jpg"); background-size:cover; background-position:center;}
.bg1{padding: 250px 0 100px 0; background: transparent linear-gradient(180deg, #18315299 0%, #0D1C2B 100%) 0% 0% no-repeat padding-box;}
.bg1 .titulo-blanco::after {border: none;}
/* Fin Banner cabecera */

/* Footer */
footer{background: #0D1C2B; padding: 50px 20px;}
footer .nav{margin-top: 50px;}
/* Fin Footer */

/* Contacto + Iniciar sesión */
#cc h3{font-size: 30px; color: #002C52; font-weight: bold; margin-bottom: 30px;}
#cc h4{font-size: 24px; color: #002C52; font-weight: bold; margin-bottom: 30px;}
#cc .tarjeta i {   color: #002C52;   margin-right: 5px; }
#cc .tarjeta .boton i{color:#fff;}

label {color: #7E7E7E;}
.form-control {   background: #FAFAFA;   border: 1px solid #EAEAEA;   border-radius: 25px; }

#cc .col-lg-8 {margin: auto;}

.rc a{color: #002C52; text-decoration: underline!important; margin-left: 20px;}

/* Fin Contacto + Iniciar sesión */

.my-5 {
margin-left: auto;
  margin-right: auto;
}

#selevt {max-height: 52px;}

/* CSS VERSIÓN MÓVIL */

@media (width <= 475px) {

.foto{
    border: none;
    width:96vw;
    margin:0 2vw;
}
.titulo-blanco{font-size: 30px!important; line-height: 33px!important;}

/* Navbar menú */
.navbar-toggler { color: #fff; }
.navbar-toggler:focus {box-shadow: none;}
.navbar-nav, .rrss{padding: 20px;}
.navbar .rrss{text-align: left!important;}
/* Fin Navbar menú */

/*Header*/
header{margin-bottom: -128px;}
.logo img {max-width: 150px;}
.boton-1{font-size: 14px; padding: 10px;}
/*Fin Header*/

/* Banner cabecera */
.bg1 {padding:200px 20px 50px 20px;}
/* Fin Banner cabecera */

/* Footer */
footer .nav {flex-direction: column;}
/* Fin Footer */

.apd .card-body, .prt .card-body, .evento, .subfooter{grid-template-columns: 100%;}

.tarjeta.px-5 {padding: 30px 10px !important;}

.nav-justified .nav-item {flex-basis: auto; flex-grow: unset;}

.card-footer{ grid-template-columns: auto;}
}
/* FIN CSS VERSIÓN MÓVIL */