/* Aquí van los estilos generales del sitio */


@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

body {
padding: 0;
margin: 0;
  font-family: "Open Sans", sans-serif;
color:#000;
font-size:1em;
}
.mycontainer{ max-width:1600px}
.cd-header{
	position: fixed;
	width:100%;
	top:0px;
	/*top:-26px;*/
	left:0;
	z-index:10000;
	transition: all .2s ease-in-out;
	background-color:#fff;
} 


.cd-header.active {
 
background-color:#fff; border-bottom:#ccc 2px solid;


}
.cd-header.active  img{
	max-width:150px;
}
.modal-content {

  background-color: #fff;
 box-shadow: 0 0 0 .2rem rgba(219,141,59,.25);
  color:#000 !important;

  border-radius: 0px ;
  outline: 0;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
  background-color:transparent;
  background-clip: padding-box;
  border-top:none;
  border-left:none;
  border-right:none;
  border-bottom: 1px solid #27397c;
  border-radius:0;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  }
  .form-control:focus {
  color: #000;
  background-color: #fff;
  border-color: #f9af19;
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(219,141,59,.25);
}

.img-responsive{ width:100%; height:auto !important}

.logo{ width:100%;max-width:305px}	
.logo_pie{ width:100%;max-width:198px}	


.video{ min-height:565px; max-height:565px;width:100%;object-fit: cover; object-position: 50% 50%;}

.foto{min-height:500px; }


.ico{ font-size:24px; color:#f9af19; padding:6px}


.blanco{ background-image:url(../images/mascara.png); background-position:center top;position:absolute; bottom:0px; width:100%; height:33px; z-index:5000}
a{
text-decoration:none;
color:#fff;
}
a:hover {
    color: #f9af19;
}

.centrador { text-align:right}
.texto_contacto{text-align:justify; font-size:18px; line-height:2}

.top_titular{ margin-top:10%}

hr{ border-bottom:4px solid #f9af19; width:15%;  margin:30px 0 30px 0; display:inline-block}

h1{
 color:#27397c; font-size:50px; text-transform:uppercase;font-weight:700; 
}
h2.light{color: #27397c;  font-size:28px; text-transform:uppercase;font-weight:600;}
h2{ font-size:2.2em;color: #27397c;font-weight:800;}
h2.index{ font-size:40px; font-weight:600; color:#27397c; }
h3{color: #fff;  font-size:22px; text-transform:uppercase}
h4{color: #6a6057;  font-size:26px; font-weight:600;}
h5{color: #fff;  font-size:30px; }
h6 {
/*  font-weight: bold;*/
font-size: 100%;
margin:0;
padding:0;
color:#444;
}

.texto{ color:#fff}
.texto_blue{ color:#f9af19}

.card-body { padding:30px}
.card-img-topb { border-radius:0px;max-width:185px; width:100%; margin:0 auto}
.pie{ position:absolute; bottom:0px; width:100%; z-index:5000; padding:10px 0px}

.flecha_pie{ position:absolute; bottom:30px; right:40px; color:#fff; font-size:40px}
.flecha_pie_color{ position:absolute; bottom:30px; right:40px; color:#f9af19; font-size:40px}



/* Custom CSS
* --------------------------------------- */
.wrap{
margin-left: auto;
margin-right: auto;
width: 960px;
position: relative;
}

.intro p{
width: 50%;
margin: 0 auto;
font-size: 18px;
}


#menu active{
/*background:#666;
background: rgba(0,0,0, 0.5);*/
color: #f9af19;
}
#menu  a{
text-decoration:none;
color: #000;
font-weight:500;
font-size:16px; text-transform:uppercase
}
#menu  a:hover{
text-decoration: underline;
}
#menu hover{
color: #f9af19;
}
#menu  a{
padding: 0px 15px;
display:block;
}
/*#menu{
position: absolute;
top:0;
left:0;
height: 40px;
z-index: 70;
width: 100%;
padding: 0;
margin:0;
}*/
.navbar-light .navbar-toggler {
color: #f9af19;
border: none; font-size:36px
}


.flecha_piesi{ display:none}

.btn_blue_big{ background-color:#f9af19; color:#fff; font-size:16px; padding:10px 30px; font-weight:600;}
.btn_blue_big:hover{background-color:#fff; color:#031d42; text-decoration:none}


.btn_blue{ background-color:#f9af19; color:#fff; font-size:24px; padding:15px 25px;}
.btn_blue:hover{background-color:#fff; color:#031d42; text-decoration:none}


.btn_borde{ background-color:#031d42; border:#fff 2px solid; color:#fff; font-size:24px; padding:15px 25px;}
.btn_borde:hover{background-color:#f9af19; color:#031d42; text-decoration:none}

.borde{ background-color:#031d42; border:#fff 2px solid; color:#fff; font-size:24px; padding:15px 15px;}
/*menu movil*/
.overlay {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    /*background-color: rgb(255,255,255);*/
   /* background-color: rgba(255,255,255, 1);*/
   background-image:url(../images/fondo_menu.jpg);
   background-size:cover;
    overflow-y: hidden;
    transition: 0.5s;
}

.overlay-content {
    position: relative;
  /* top: 40%;*/
    width: 100%;
    text-align: center;
    margin-top: 100px;
}

.overlay ul {
	list-style:none; margin: 0px;
	padding: 0px;
}
.overlay ul  li{
 transition: 0.9s;margin: 0px;
	padding: 0px;
}
.overlay a {
    padding: 10px;
    text-decoration: none;
    font-size:6vw;
    color: #fff;
    display: block;
    transition: 0.9s;
	text-transform:uppercase;
}
.overlay a:hover, .overlay a:focus {
    color: #f9af19;
}
.overlay .closebtn {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 50px; font-weight:200
	  
}



@media only screen and (max-width: 1500px) {
/* Aquí van los estilos para iPad horizontal */
.logo{ width:100%;max-width:300px}	
#mycontainer{ max-width:1000px}
#menu  a{
padding: 0px 10px;
font-size:14px
}
.fotos_gal{min-height:600px; max-height:6500px;width:100%;object-fit: cover; object-position: 50% 50%;}
h1{
font-size:24px;

}
h2{ font-size:26px; }
h2.light{  font-size:20px; font-weight:600;text-transform:uppercase}
h3{  font-size:16px; text-transform:uppercase; margin-bottom:0px}
h4{  font-size:16px; }
h5{  font-size:28px;}
/*h4{color: #fff;  font-size:20px; font-weight:300;text-transform:uppercase}*/

.video{ min-height:450px; max-height:450px;width:100%;object-fit: cover; object-position: 50% 50%;}
.intro p{
width: 70%;
margin: 0 auto;
font-size: 14px;
}
.card-body { padding:20px}
.card-img-topb { border-radius:0px;max-width:105px; width:100%; margin:0 auto}
.content-input {font-size: 13px;}
.meses{font-size: 13px;}
.pie{background-color:#000000; position:absolute; bottom:0px; width:100%; z-index:5000; padding:0px}
.logo_pie{ width:100%;max-width:300px}	
.flecha_pie{ position:absolute; bottom:40px; right:40px; color:#fff; font-size:40px}

.vini{width:100%; max-width:120px;}
.fp-slidesNav.fp-bottom {
bottom:90px;
}
.flecha_piesi{ display:none}
.btn_blue_big{  font-size:14px; padding:15px 20px;}
}

@media only screen and ( max-width: 480px ) {


/* Aquí van los estilos para iPhone  */
.logo{ width:100%;max-width:150px}	
/*.blanco{background-color:#fff; position:absolute; bottom:0px; width:100%; height:40px; z-index:5000}*/
.texto_contacto{font-size:14px; }
#menu a.movil { /*background-color: rgba(41, 22, 15, 0.9);*/; padding:6px 2px}
.facebook_insta{position:absolute; bottom:16%; right:10%;}
.ico_redes{width:100%; max-width:24px}
.fotos_gal{min-height:400px; max-height:400px;width:100%;object-fit: cover; object-position: 50% 50%;}

.top_titular{ margin-top:0}
.video{height:400px;width:100%;}
.foto{min-height:360px; }
.btn_blue_big{  font-size:14px; padding:15px 20px;}

hr{ border-bottom:3px solid #f9af19;   margin:10px 0 10px 0; }
h1{
font-size:24px;

}
h2{ font-size:26px; }
h2.light{  font-size:20px; font-weight:600;text-transform:uppercase}
h2.index{ font-size:32px; font-weight:400;}
h3{  font-size:16px; text-transform:uppercase; margin-bottom:0px}
h4{  font-size:16px; }
h5{  font-size:28px; }

.texto{ font-size:12px}
.texto_blue{ color:#f9af19; font-size:12px}

.logo_pie{ width:100%;max-width:180px}	
.flecha_pie{display:none}
.flecha_pie_color{display:none}
.flecha_piesi{ position:absolute; bottom:10px; right:40px; color:#fff; font-size:14px}
.pie{ display:none}
.fp-slidesNav.fp-bottom {
bottom:50px;
}
.ico{ font-size:16px; color:#f9af19; padding:6px}

}

/*ocultar / mostrar movil*/
@media only screen and (max-width:991px) {

.nomovil{display: none}	.centradol { text-align:center}
.centrador { text-align:center}

}
@media only screen and (min-width:992px) {
	.solomovil{display: none}

}	
.back-to-top {
    background-color: #fff;
}
.bg-site-color {
    background-color: #f9af19 !important;
}
.back-to-top {
    background-color: rgba(255,255,255,.95);
    border-radius: 24px;
    bottom: 15px;
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 8px rgba(0,0,0,.2);
    box-shadow: 0 2px 8px rgba(0,0,0,.2);
    display: none;
    margin-left: -15px;
    position: fixed;
    right: 15px;
    -webkit-transition: bottom .2s ease-in-out;
    -moz-transition: bottom .2s ease-in-out;
    -o-transition: bottom .2s ease-in-out;
    transition: bottom .2s ease-in-out;
    z-index: 999;
}
.back-to-top i {
    border-radius: 0;
    color: #fff !important;
    display: block;
    height: 48px;
    line-height: 48px;
    text-align: center;
    width: 48px;
}

 .textos  ul {
            list-style: none; /* Eliminar viñetas por defecto */
            padding: 0;
        }

       .textos  ul li {
             font-size: clamp(16px,1vw, 20px);
            margin-bottom: 15px;
            position: relative;
            padding-left: 25px; /* Espacio para la flecha */
        }

       .textos  ul li::before {
            content: ">"; /* Flecha roja */
            color: #27397c;
            font-weight: bold;
            position: absolute;
            left: 0;
        }