body {
	margin:0; padding:0; background:#fff;font-size:100%; height: 100%;font-family: 'Poppins', sans-serif;font-size: 14px;
}

html {
  scroll-behavior: smooth;
}
a:hover{text-decoration:none}

.madre{ position: relative; height: 100vh;}


.contenedor-con{ width:90%; margin: auto; overflow: hidden; position: relative}

.cabecera{ position: relative;overflow:visible;width: 100%; padding-top:70px; padding-bottom: 60px}

.logo{position:relative;max-width: 500px;width:30%; margin:24px auto; z-index: 100; flex-shrink: 0;}
.logo2{ max-width: 275px;}
.foto-home{ position: absolute; z-index: 100; width:40%; top:0; right: 50px; object-fit: contain;}
.cardumen{ position: absolute;  width:100%; top:0; right: 0; object-fit: contain;z-index: -10}
.foto-carta{ position: absolute; width:36%;height: 100%; top:0; right: 0; padding-top:40px;object-fit: contain;z-index: -10}
.contenidos{padding:24px}
section{width:85%;margin:64px auto}



/*--------*/



p  {line-height:140%; color:#555;font-family: 'Poppins', sans-serif; font-size: 16px; }
h1,h2 { font-family: 'Poppins', sans-serif; }
h3,h4,h5 { font-family: 'Poppins', sans-serif;}
h1, .h1{color:#0B869E; font-size:4vw; font-weight:lighter; margin-top:40px; margin-bottom: 10px; line-height: 100%}
h2{color:#2E84A1;font-size: 50px;font-style: normal;font-weight: 300;line-height: normal; }
h3{color:#2E84A1;font-size:30px;font-weight:400; margin-top:24px;}
h4{color:#555;font-size:19px;font-weight:400;}

.lista li{margin-left: 32px}



.h2{color: #2E84A1;font-family: 'Poppins', sans-serif;font-size: 40px;font-style: normal;font-weight: 300;line-height: 160%;text-transform: uppercase;}
.h3{color: #111;font-family:'Poppins', sans-serif;font-size: 35px;font-style: normal;font-weight: 400;line-height: 100%;margin: 10px}
.h4{color: #111;font-family: 'Poppins', sans-serif;font-size: 19px;font-style: normal;font-weight: 400;line-height: 160%;text-transform: uppercase;}
.h5{color: #111;font-family: 'Poppins', sans-serif;font-size: 16px;}
.tit-menu{color: #2E84A1;font-family: 'Poppins', sans-serif;font-size: 3.5vw;font-style: normal;font-weight: 700;line-height: 100%;text-transform: uppercase;margin:10px}
.tit-menu-en{color: #111;font-family: 'Poppins', sans-serif;font-size: 3.5vw;font-style: normal;font-weight: 400;line-height: 100%;text-transform: uppercase; margin:10px}
.texto-peq{font-size:12px}

.precio{color: #111;font-family: 'Poppins', sans-serif;font-size: 19px;color:#2E84A1; text-align: right;}

.iconos{width:80%; margin-left:auto; margin-right: auto;}
.icono{ display: flex;flex-direction: column;align-items: center;}
 .icono{width:25%;}



.fondo1{background:#4FADCC}
.fondo2{background:#4FADCC}
.fondo3{background:#BFE1EC}
.negro{color:#111}
.blanco{color:#fff}
.tgris{color:rgba(153,153,153,1);}
.amarillo{color:#FF7F00;}
.verde{color:#0B869E}
.verdeclaro{color:#979F8A}
.azul{color:#7D876E}
.marron{color:#623D22}
.rojo{color:#FA656A}
.rosaclaro{color:#E3BEA6}

.menup{
	font-family: 'Nunito', sans-serif; 
	font-size: 20px; 
	color:#0B879E;
	text-align:left;	
	line-height: 15px;
	margin: 0px 5px;
	padding:8px  16px;
	text-decoration: none; 
	font-weight:600;text-transform:uppercase;
	
}
.menup:hover{color:#000}
.trasparencia{background:rgba(255,255,255,0.70); padding: 24px}
.vm{vertical-align:middle}

.borde{border:1px dashed #FF7F00; padding:24px; margin:16px 0}
.redondeo{border-radius: 300px 300px 300px 0 }
.redondeo2{border-radius: 300px 300px 0 300px  }
.redondeo3{border-radius: 0 300px 300px  300px  }

.separador{ width:100px; height: 3px; margin:32px auto; position: relative;}
.enlace{ color:#08C7C5}
.nolink{text-decoration:none}
.nolink:hover{ text-decoration:none}

.img-fondos {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

input[type=text], input[type=number], input[type=password], input[type=email], .cajainput {
	height:40px;  width:100%; border:none; /*border-bottom:1px solid #7D876E*/;margin:3px auto
}
#form_contact input[type=text], #form_contact input[type=number], #form_contact input[type=email] {
	height:40px;  width:100%; border:none; /*border-bottom:1px solid #7D876E;*/
}

html {
	scroll-behavior: smooth;}

.centradohor{display: flex;  justify-content: center; }
/*-------btn-carta--------*/
.cont-btn-carta{ width:12%;margin:0.2%; position:relative;float:left}
.btn-cont{ width:100%; padding:8px; position: relative; margin-bottom: 60px}
.btn-cont img{ display: block;opacity:0.5; transition:  0.4s ease;}
.btn-leyenda{ 
         position: absolute;
      bottom: -50px;
      left: 0;
      width: 100%;
      text-align: center;
      font-size: 35px;
      color: #111;font-weight: 600;
      background-color:none; 
      padding:  0;
      transition: all 0.4s ease;
    }
.btn-leyenda p {margin:4px auto }
    
.btn-cont:hover img, .btn-cont:hover .btn-leyenda {opacity: 1; transition:  0.4s ease;  bottom: 10px;
	 transform: translateY(3%);}
 .btn-cont:hover .btn-leyenda {
      bottom: 50%; background-color: rgba(256, 256, 256, 0.6);
	 transform: translateY(50%);}
/*-----------titulo sobre foto---------*/
.cabecera-menu {
  position: relative;
  display: inline-block; /* O width: 300px; según necesites */
}

.cabecera-menu img {
  display: block;
  width: 100%; /* Ajustable */
  height: auto;
}

.titulo-menu {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 24px;
  /*background-color: rgba(0, 0, 0, 0.5); /* Opcional para legibilidad */
  padding: 10px 20px;
  text-align: center;
}

/*-----------BOTONES---------*/
.btn-up {
      position: fixed;
      bottom: 20px;
      left: 20px;
      background: #0B869E;
      color: white;
      border: none;
      padding: 10px 15px;
      border-radius: 50%;
      font-size: 40px;
      cursor: pointer;
      z-index: 1000;
      box-shadow: 0 0 5px rgba(0,0,0,0.3);
    }

    .btn-up:hover {
      background: #555;
    }
.btn{
	padding: 8px 24px;justify-content: center;align-items: center;gap: 10px; margin:32px auto;
;font-family:'Poppins',sans-serif;font-size: 16px;font-style: normal;font-weight: 800;line-height: normal;    color:#4FADCC;
    text-decoration: none; background: none;
    outline: 0;
    border: 2px solid #4FADCC;
    transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.btn:hover{
	 color: #333; transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1)}


/*-------pie---------*/

.pie{ position:relative; width:100%;padding:32px 0;color:#fff;overflow:hidden;padding-top:25px;font-size:12px;text-transform: uppercase;  border-top:2px solid #0B869E}
.pie p{color:#111;font-size:12px}
.pie h3{color:#0B869E}
.ppppie a{
    color:#fff;
}
.pie2{ clear:both;position:relative;width:100%;background:rgba(102,102,102,0.6);top:40px}
.gotapie{padding:32px 24px; margin-top:16px}

/*-----------*/
.caja-flex{
display: flex;
flex-wrap: wrap;
	}
.cajaflex{display: flex; flex-wrap: wrap;justify-content: space-between; }
.flex-col{flex-direction: column;align-items: flex-start;gap:8px;}
.flex-row{flex-direction:row;align-items: flex-start;gap:16px;}
.flex-centrado{align-items:center;}
.flex-ver-centrado{flex-direction: column;align-items: center;gap: 120px;}
.flex-ver-r{display: flex;flex-direction: column;align-items: flex-start; gap:8px;justify-content: center;}
.flex-ver-l{display: flex;flex-direction: column;align-items:flex-end; gap:8px;justify-content: center;}
.centradocentrado{
    display:flex;
    justify-content: center;
    align-items: center;
}

.no-link{text-decoration:none; color:#444}
.no-link:hover{color:#08C7C5}





/*-------------para los select------------*/
.cajaselect, .btnselect {
  /* margin:10px auto 10px auto;	
   border-bottom:1px solid #7D876E #fff;
   height:40px;
   overflow: hidden;*/
   width: 100%;
   position:relative; color:#777;text-shadow: none;
}
.btnselect {color:#fff;}
select {
   background:#fff; /*transparent;*/
	 background-image: none;
   border: none;
   font-size: 16px;
   height: 30px;
   padding: 5px;
   width: 100%;color:#777;
}
select:focus{ outline: none;}

.cajaselect::after{
	content: " ";/*"\025be";*/
	display:table-cell;
	padding-top:7px;
	text-align:center;
	width:40px;
	height:40px;
	background:url("../images/flecha-abajo.jpg") no-repeat center center;
	position:absolute;
	top:0;
	right:0px;	
	pointer-events: none; font-family: 'lato';
}
input.btn {width:100%}
/*------------- fin para los select------------*/

/*------------- centrado porcentual------------*/
.centrado-porcentual {
    position: fixed; 
    top:50%;
    z-index: 99999;
    left:50%;
	width: 75%;
	max-width: 680px;
    transform: translate(-50%, -50%);
    background: #fff;
    -webkit-transform: translate(-50%, -50%);
    border: 1px solid #E2E2E2;
    text-align: center;
}
.ovalo {
  width: 100%;
 
  background-color: #6FCBCD;
  clip-path: ellipse(80% 50% at 50% 50%);
}
@media screen and (max-width: 1400px){


.ovalo {clip-path: ellipse(100% 50% at 50% 50%);}
}
	


@media screen and (max-width: 1280px){
	.ovalo {clip-path: ellipse(120% 50% at 50% 50%);}

	
	} 

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

.cabecera{z-index: 100; display: block;width: 100%;   padding: 40px 0;justify-content: center;
align-items: center;}

	
.galleta{position:relative;top:0; left:0; width:100%; overflow: hidden;padding:16px 24px ;border-radius: 30px 30px 0  30px;}	

	.logo{ position: relative;width:40%;top:8px; left:16px;}
	.logopie{max-width:220px}
/*--------------------- */
	.ocultar{display:none;}
	.mostrar{display:block;}


.centrado-porcentual {width: 90%;}
	}




@media (max-width:768px) {
	.h1{font-size:7vw;}
	
	
	.centradohor{display: inline-block;  justify-content:space-between; }
	.foto-carta{display:none}
	.tit-menu{font-size: 5.5vw;}
	.tit-menu-en{font-size: 5.5vw;}
	
	.pie{padding:0;}		
.centrado-porcentual {
	width: 90%; left:40%;}
h1{font-size: 64px;line-height: 100%; margin-top:16px}
h2, .h2{font-size: 30px;}
	h3{font-size: 24px;}
	section{width:100%; margin:24px auto}
	
	
	
	 .cont-btn-carta {
    width: 95%;
    margin:  0;padding: 0;
  }

  .btn-cont {
    display: flex;
    align-items: center;
    position: relative;
       border-radius: 8px;
    overflow: hidden; 
	  padding:0;
	  margin-bottom: 0;
  }

  .btn-cont img { 
	 
    width: 60px;
    height: 60px;
    object-fit: cover;
    flex-shrink: 0;
    margin-right: 10px;
    opacity: 1 !important; /* No efecto en móvil */
    transition: none;
  }

  .btn-leyenda {
    position: static;
    width: auto;
    background: none;
   
    opacity: 1;
    padding: 0;
    transition: none;
  }
.btn-leyenda p {  color: #0B869E;
    font-size: 20px;}
	
  .cont-btn-carta:hover .btn-leyenda {
    opacity: 1;   /* No cambio en móvil */
  }

  .cont-btn-carta:hover img {
    opacity: 1; /* No cambio en móvil */
  }

	
	
	
}