@charset "utf-8";
/* CSS Document */


  @import url('https://fonts.googleapis.com/css2?family=Antic+Slab&family=Lato:wght@100;300;400;700;900&family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap');


/*   font-family: 'Antic Slab', serif;
font-family: 'Lato', sans-serif;
font-family: 'Raleway', sans-serif;
*/

html,body{ overflow-x:hidden;
font-family: 'Raleway', sans-serif;
font-size:16px; background-color:#ffffff;font-display:swap; color:#000;  }

.mycontainer{ max-width:1500px !important}
.logo{ max-width:300px}
.alto_logo{ margin-top:-45px; }
/*p{ text-align:justify}*/
.imagen_slider{min-height:500px; max-height:500px;width:100%;object-fit: cover; object-position: 50% 50%;}

 /* Estilo para el punto de lista verde */
    .lista-verde li {
      list-style-type: none; /* Elimina el estilo predeterminado del punto de la lista */
     /*  padding-left: 1em; Agrega espacio a la izquierda para simular el punto */
    }

    .lista-verde li::before {
      content: "\2022"; /* Código Unicode del punto (•) */
      color: #044e3f; /* Color verde para el punto */
      display: inline-block;
      width: 0.5em; /* Ancho del punto */
      font-size: 2em; /* Tamaño del punto, ajusta según sea necesario */
    /*  margin-left: -1em; /* Mueve el punto a la izquierda para que esté fuera del área del texto */
    }
	
	.verde{ color:#044e3f}
.amarillo{ color:#f1b604 !important}
.alto_fichas{margin-top:-280px; z-index:2}
hr{ border-top: #044e3f solid 5px; }
 /*MENU*/

.navbar-light .navbar-nav .nav-link {    color: #000; font-size:18px; font-weight:600; }
.nav-link:hover {    color: #f1b604 !important; font-size:16px;}
.active {   /* color: #11507a; */font-size:16px;}
/*FIN MENU*/

.iconos{ font-size:3vW;  vertical-align:middle; color: #044e3f}
.icono_brown{ font-size:60px;  padding-top:0px; color:#f1b604}
.icono_w{ font-size:3vW;  vertical-align:middle; color: #fff}
.iconito{ font-size:20px;  vertical-align:middle}
.iconos_redes{ font-size:22px;}
.iconos_blue {font-size:42px; color:#11507a; padding-top:6px;}
li.nav-item{ font-weight:bold}
.contenedor img { width:100%; height:auto;}
/* head */
.bg-light{ background-color:transparent !important}
.backg1 { background-color:#838e94;color:#fff}
.backg_foto { background-image:url(../images/backg_pie.jpg);}
.borde1{ border-top:#fff solid 1px; }

.borde2{ border-bottom:#000 solid 10px; }
.borde3{ border-top:#000 solid 10px; }
.telefonos{ font-size:17px; color:#11507a; font-weight:700; }

.btn-light{padding:15px 30px;  background-color:transparent; width:100%; border:1px solid #ccc; border-radius:0px  }
.btn-light_top{padding:5px 10px;  background-color:transparent; width:100%; border:2px solid #11507a; border-radius:0px; font-size:14px  }

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem  !important;
    padding-left: 0.5rem !important;
}
/* fin head */
.fons{ background-image:url(../images/fondo.jpg); background-repeat:no-repeat; background-position:center top;background-size: cover; min-height:742px}
.centradol {text-align:left;}
.centrador {text-align:right;}
a {
  color: #000;
    text-decoration: none;
    background-color: transparent;
}
a:hover {
    color: #333;
    text-decoration: none;
}
.sub_index{font-size:28px; color:#fff;font-family: 'Antic Slab', serif;}

.texto_circulo{font-size:31px; color:#fff;font-weight:900; line-height:1}
.texto_circulo2{font-size:24px; color:#fff;font-weight:700; line-height:1}
/*h1,h2,h3,h4,h5,h6{font-family: 'Bakbak One', cursive;}
 index */
h1.index{ font-size: 3.5vw;color:#ffffff; font-weight:900; }
h1{  font-size:3.2vw;color:#fff;font-weight:800;  } 
h2{font-weight:300; font-size:26px;  }
h2.titulo_index{color:#fff; font-size:68px;     }
h2.titulos_index{ font-size:2vw;  color:#000;font-weight:800;}
h2.hpie{color:#fff; font-size:40px; font-weight:900; }
h2.titulo{font-weight:900; font-size:36px;   margin-top:10px }
h3{font-size:1.6vw;  color:#000;font-weight:600;  }
h4{font-weight:500; font-size:28px;color:#044e3f}
h5{font-weight:700; font-size:22px; }
h6{ font-weight:300; font-size:20px;color:#044e3f; }
.texto_equip{ font-size:18px; text-transform:uppercase}
span.subtext{display:block; color:#ffffff; padding-bottom:80px}
/*fin index*/
h5.card-title{font-weight:bold; font-size:22px;}

.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 0rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: transparent;
    border-radius: .25rem;
	font-size:12px
}
.text-muted {

    color: #11507a !important;
}

/* seccion
.fonsec{ background-image:url(../images/fondosec.jpg); background-repeat:no-repeat; background-position:center top;background-size: 100% 100%;}*/

.titulsec h1 {padding-top:75px; padding-bottom:75px;;}
/* fin seccion */
/* pie de pagina */
.fonspie{ background-image:url(../images/fondopie.jpg); background-repeat:no-repeat; background-position:center top;background-size: cover; min-height:742px}
.logopie {padding:25px 0px 20px 0px}
.tel{font-size:28px; display:block; padding:15px 0px 8px 0px;}
.dire{font-size:14px;font-family: 'Raleway', sans-serif;}
.linkmail, .linkmail:visited{color:#000000; text-decoration:none}
.linkmail:hover {color:#000000; text-decoration:underline}
.redes{ padding:25px 0px 25px 0px}
.icoredes, .icoredes:visited {color:#fff; text-decoration:none; font-size:26px; padding:10px}
.icoredes:hover{color:#11507a; text-decoration:none; padding:10px}
.flecha, .flecha:visited {display:block;color:#11507a; text-decoration:none; font-size:36px;}
.flecha:hover{display:block;color:#11507a; text-decoration:none; font-size:36px;}
.fin{ padding-top:20px; padding-bottom:20px}
.last{font-size:14px;}
.linklast,.linklast:visited {color:#fff; text-decoration:none; font-size:18px}
.linklast:hover {color:#044e3f; text-decoration:underline}
/* fin pie de pagina */
.img-responsive{
	width:100%;
	height:auto !important;
}
label{  color: #fff !important; font-size:16px}
::placeholder {
  color: white !important;
  opacity: 1; /* Firefox */
}
.form-control {
  display: block;
  width: 100%;
  height: calc(2em + 1rem + 3px);
  padding: .400rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 2.5;
  color: #fff;
  background-color: transparent;
  background-clip: padding-box;
  border-top:none;
  border-left:none;
  border-right:none;
  border-bottom: 1px solid #fff;
  border-radius:0px;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  }
  .form-control:focus {
  color: #fff;
background-color: transparent;
  border-color:#fff;
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(255,255,255,.25);
}

.form-controln {
display: block;
color:#fff;
width: 100%;
height: calc(1.5em + .75rem + 2px);
padding: 20px;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
background-color: transparent;
border: 2px solid #fff;
border-radius: 40px;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-primary2 {
color: #fff;
background-color: #044e3f;
border:#fff 2px solid;
text-align:center;
border-radius:30px;
cursor: pointer;
padding:10px 40px;
}
.btn-primary2:hover {
color: #fff;
background-color: #39312d;
border:#fff 2px solid;
}
.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color:  #f1b604 ;
    background-clip: padding-box;
    border: 0px solid rgba(0,0,0,.15);
    border-radius: 1px; box-shadow:#A44142;
}
.dropdown-item{
    color: #fff;
    text-decoration: none;
    background-color: #f1b604  ;
	font-family: 'Lato', sans-serif;
	 font-size:18px; padding-bottom:10px; border-bottom:#fff 1px solid;
}

.dropdown-item:hover {
    color: #fff;
    text-decoration: none; background-color: #044e3f; 
   
}


/* carousel */
.owl-nav {
  display: block;
}
.owl-carousel .owl-nav button.owl-prev,  .owl-nav .owl-prev {
  position: absolute;
  left: 0px;
  top: 40%;
  border: none;
  text-align: center;
  z-index: 5000;
  width: 96px;
  height: 60px;
  /*border-radius: 0px 40px 40px 0px;
  background: #a70064; */
  outline: 0;
  transition: all 0.3s;
  color: #fff; 
}
.owl-nav .owl-prev span {
  font-size: 55px; 
  display: inline-block;
}
.owl-carousel .owl-nav button.owl-prev:hover, .owl-nav .owl-prev:hover {
  background: transparent;
  border: none;
  color: #11507a;
}

.owl-carousel .owl-nav button.owl-next,   .owl-nav .owl-next {
  position: absolute;
  right: 0px;
  top: 40%;
  border: none;
  text-align: center;
  z-index: 50000;
  width: 96px;
  height: 30px;  outline: 0;
 /* border-radius: 40px  0px 0px 40px;

  background: #a70064;*/
  color: #fff;
  transition: all 0.3s;
}
.owl-nav .owl-next span {
  font-size: 55px; 
  display: inline-block;
}
.owl-carousel .owl-nav button.owl-next:hover, .owl-nav .owl-next:hover {
  background: transparent;
  border: none;
  color: #11507a;
}


/* fin carousel */


/*BOTONES*/
.btn { border-radius:0px !important; 
transition: none !important; }


/*BOTON fondo azul*/
	.btn_fb {
		color: #fff !important;
		padding:20px 40px; 
		background-color:#374ad1;
		text-align: center;
	}
	.btn_fb:hover {
		color: #fff !important;
		background-color: #922dd5 ; text-decoration:none; 	
	}


/*BOTON fondo azul oscuro*/
.btn_fb_dark{
font-size:12px; 
	color: #fff !important;
		padding:5px 50px; 
		background-color:#374ad1;
		text-align: center;
}
.btn_fb_dark:hover {
	color: #fff !important;
	background-color: #922dd5 ; text-decoration:none; 	 ; 
}


/*BOTON borde blanco*/
.btn_brw {
		color: #fff !important;
padding:10px 80px; 
background-color: transparent;
text-align: center; 
border:2px solid #fff !important;
}
.btn_brw:hover {
	color: #7d2fdd !important;
	background-color: #fff  ; text-decoration:none; 	 ; 
}


/*BOTON fondo violetal*/

	.btn_fv {
		color: #fff !important;
		padding: 5px 60px; 
		background-color:#044e3f;
		text-align: center;
	}
	.btn_fv:hover {
		color: #fff !important;
		background-color: #f1b604  ; text-decoration:none; 	
	}

/*BOTON fondo violeta borde redondo*/
	.btn_fvo {
		color: #fff !important;
		padding: 5px 60px; 
		background-color:#922dd5;
		text-align: center; border-radius:10px ; 
	}
	.btn_fvo:hover {
		color: #fff !important;
		background-color: #922dd5 ; text-decoration:none; 	
	}

/*BOTON borde azul*/
.btn_bb {
		color: #fff !important;
	padding: 5px 60px; 
background-color: transparent;
text-align: center; 
border:2px solid #f1b604 !important;
}
.btn_bb:hover {
background-color: transparent;
 
border:2px solid #044e3f!important; text-decoration:none; 	 ; 
}


.form-control_min{ 
width: 15%;


font-size: 1rem;

line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}



.btn-primary{ background-color: #f1b604 ;border:none;color:#fff;   border-radius:0px;padding: 10px 20px; text-align:center;  width:100%  }
.btn-primary_top{ background-color:#11507a;border-color:#11507a;color:#ffffff;  width:100%;  border-radius:0px;padding:5px;  }
.btn-primary:hover{ background-color: #044e3f;border-color:#044e3f;color:#fff;   }
.btn-primary:active{
color: #fff !important;
background-color: #11507a !important;
border-color:  #11507a !important
}
.btn-primary:focus {
color: #fff !important;
background-color: #11507a !important;
border-color:  #11507a !important;
}


.pagination{list-style: none outside none; margin:0; padding: 0; }
.pagination>li{float:left; padding:2px  }
.pagination>li>a,.pagination>li>span{float:left;padding:5px 10px; margin:0px;line-height:1.428571429;text-decoration:none;background-color: transparent;border-right:2px solid #000}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:0px;border-top-left-radius:0px}
.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{background-color:#ccc; color:#fff; padding:5px 10px;}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;cursor:default;background-color: transparent; color:#999; border-color:#dedede; padding:4px 10px}
.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#000;cursor:not-allowed;background-color: transparent;border-color:#dedede; padding:5px 10px}

/*TABS*/

nav > .nav.nav-tabs{

  border: none;
 
   /* background:#272e38;
    border-radius:10px 0px;*/

}
nav > div a.nav-item.nav-link_tab{    padding: 15px 10px;
    color:#014b26;
	font-size:24px;
	font-weight:400; }
nav > div a.nav-item.nav-link_tab.active{
  color:#c2c337;
 
 background-color:#fff;
 
    /*border-radius:30px 30px 0px  0px;*/

}

nav > div a.nav-item.nav-link_tab.active:after
 {}

.tab-content{

    line-height: 25px;
  
  
  /*  padding:30px 25px;*/
}

/*ocultar / mostrar movil*/

@media only screen and (max-width:991px) {
body{
font-size:16px !important;  }	
	.iconos_redes{ font-size:18px;}
.alto_logo{ margin-top:5px; }
.logo{ max-width:150px}
.nomovil{ display:none}  
.icono_w{ font-size:10vW;  }
.solomovil{ display: block}  
.navbar-light .navbar-nav .nav-link {    color: #000000; font-size:18px; text-transform:uppercase;font-weight:200; padding-bottom:2px;
}
.alto_fichas{margin-top:-100px;}

.imagen_slider{min-height:290px; max-height:190px;width:100%;object-fit: cover; object-position: 50% 50%;}
.owl-nav {
  display: block;
}


.iconos{ font-size:40px;  padding-top:0px;}


.sub_index{font-size:20px; }
h1.index{   font-size:6vw;}
h1{   font-size:7vw;}

h2.titulo_index{ font-size:28px; }
h2.titulos_index{font-size:30px;}
	h2.hpie{color:#fff; font-size:20px; font-weight:300 !important  }
	h3{font-size:4.6vw;  color:#000;font-weight:600;  }
.btn-light_top {
    padding: 4px ;
    background-color: transparent;
    width: 100%;
    border: 1px solid #ffaa3e;
    border-radius: 0px;
    font-size: 8px;
}.telefonos{ font-size:14px;  font-weight:700; padding-right:10px}
.centradol {text-align:center;}
.centrador {text-align:center;}
.owl-carousel .owl-nav button.owl-prev, .owl-nav .owl-prev {
    left: 1px;
    top: 15%;}
	.owl-carousel .owl-nav button.owl-next, .owl-nav .owl-next {
    right: 1px;
    top: 15%;}
	h2.hpie{color:#fff; font-size:20px; font-weight:900 }

.texto_equip{ font-size:12px; text-transform:uppercase}


.overlay {

   background-image: url(../images/M-marcaaguaMENU.png) !important;
      background-position:bottom right !important;
   background-repeat:no-repeat;

}

.overlay a {
   
    font-size:20px !important;
    padding: 15px 10px 0px 10px !important;

}
.overlay a.min {

    font-size:16px !important;


}

}	
	

/*menu movil*/

.overlay {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 3;
    top: 0;
    left: 0;
   background-color: rgb(255,255,255);
   background-color: rgba(255,255,255, 1);
   background-image: url(../images/iso.png);
   background-position:bottom left;
   background-repeat:no-repeat;
    overflow-y: hidden;
    transition: 0.5s;
}

.overlay-content {
    position: relative;
  /* top: 40%;*/
    width: 100%;
    text-align: left;
    margin-top: 12%;
	

}

.overlay ul {
	list-style:none; margin: 0px;
	padding: 0px;
}


.overlay ul  li{
 transition: 0.9s;margin: 0px;
	padding: 0px;
}
.overlay a {
    padding: 25px 10px 0px 10px;
    text-decoration: none;
    font-size:26px;
    color: #000;
    display: block;
    transition: 0.9s;

	font-weight:500;

}

.overlay a.min {
    padding-left: 40px;
	padding-top:0px !important;
	padding-bottom:0px !important;
    text-decoration: none;
    font-size:18px;
    color: #000;
    display: block;
    transition: 0.9s;

	font-weight:300 !important;

}

.overlay a:hover, .overlay a:focus {
    color: #f1b604;
}

.overlay .closebtn {
    position: absolute;
    top: -10px;
    right: 20px;
    font-size: 50px; font-weight:200
	  
}

	
	

.centradol { text-align:center}
.centrador { text-align:center}

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


.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	text-align:center;
  color: #fff;
  background-color: #044e3f; border-radius:0px  !important; font-weight:300 !important;  
}

.nav-pills .nav-link {
  border-radius:0px  !important; background-color: #044e3f; margin-left:1px;margin-right:1px;	text-align:center;font-weight:300 !important;    color: #fff;
}

.sombra{ box-shadow: 0px 6px 6px  rgba(0, 0, 0, 0.2); }

:root {
  --body-bg-color: #1a1c1d;
  --text-color: #aaaebc;
  --hr-color: #26292a;
  --transition-duration: 0.5s;
  --transition-delay: 0.4s;
  --red: #e74c3c;
}



.pompom a {
  position: relative;
  display: block;
  padding: 0px;
}

.pompom .border {
  position: absolute;
  left: 0;
  background: currentColor;
  transition: transform var(--transition-duration) ease-in-out;
}

.pompom .border-top,
.pompom .border-bottom {
  width: 100%;
  height: 1px;
  transform: scaleX(0);
}

.pompom .border-left,
.pompom .border-right {
  width: 2px;
  height: 100%;
  transform: scaleY(0);
}

.pompom .border-top,
.pompom .border-left,
.pompom .border-right {
  top: 0;
}

.pompom .border-bottom {
  bottom: 0;
  transform-origin: bottom right;
}

.pompom .border-top {
  transform-origin: top left;
}

.pompom .border-left {
  transform-origin: bottom left;
}

.pompom .border-right {
  left: auto;
  right: 0;
  transform-origin: top right;
}

.pompom a:hover .border-top,
.pompom a:hover .border-bottom {
  transform: scaleX(1);
}

.pompom a:hover .border-left,
.pompom a:hover .border-right {
  transform: scaleY(1);
}

.pompom a:hover .border-right {
  transition-delay: var(--transition-delay);
}

.pompom a:hover .border-bottom {
  transition-delay: calc(var(--transition-delay) * 2);
}

.pompom a:hover .border-left {
  transition-delay: calc(var(--transition-delay) * 3);
}


/* ANIMATIONS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.pompom[data-animation="diagonal"] .border-left {
  transform-origin: top left;
}

.pompom[data-animation="diagonal"] .border-right,
.pompom[data-animation="diagonal"] .border-bottom {
  transform-origin: bottom right;
}

.pompom[data-animation="diagonal"] a:hover [class^=border]{
  transition-delay: 0s;
}

.border-top {
  border-top: 2px solid #044e3f !important;
  
}
.border-left {

     border-left: 2px solid #044e3f !important;

}
.border-bottom {

	   border-bottom: 2px solid #044e3f !important;
  
}
.border-right {

     border-right: 2px solid #044e3f !important;
}
.border {
  border-top: 2px solid #044e3f !important;
    border-left: 2px solid #044e3f !important;
	  border-bottom: 2px solid #044e3f !important;
    border-right: 2px solid #044e3f !important;
  
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: rgb(222, 226, 230);
	
	   border-left-width: 2px;
    border-left-style: solid;
    border-left-color: rgb(222, 226, 230);
	
	
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: rgb(222, 226, 230);
	
	   border-right-width: 2px;
    border-right-style: solid;
    border-right-color: rgb(222, 226, 230);
	

}
.modal-azul{
background-color: rgba(115,168,196,0.7) !important;
}

.modal-verde{
background-color: rgba(132,184,75,0.7) !important;
}
.modal-content {

  background-color: #fff !important;
  border: none !important;
  border-radius:40px;
  background-image:url(../images/M-marcaaguapopup.png); background-position:right bottom; background-repeat:no-repeat

}


@media (min-width: 1200px) and (max-width: 1300px) {
.navbar-light .navbar-nav .nav-link {     font-size:12px !important }

}

@media (min-width: 1301px) and (max-width: 1450px) {
.navbar-light .navbar-nav .nav-link {     font-size:14px !important }

}

@media (min-width: 1451px) and (max-width: 1620px) {
.navbar-light .navbar-nav .nav-link {     font-size:16px !important }

}

.metodo-slider-wrap {
    position: relative;
}

.metodo-paginator {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 25px;
}

.metodo-prev,
.metodo-next {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0 20px;
    
    color: #f1b604;

    cursor: pointer;
    font-weight: 600;
    user-select: none;
    z-index: 10;
}


.ico-pulse {
  animation: pulseTel 1.4s infinite ease-in-out;
  transform-origin: center;
}

@keyframes pulseTel {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.15);
  }

  100% {
    transform: scale(1);
  }
}