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

:root{
	--naranja-oscuro:#CF9107;
	--naranja-claro:#FCDC77;
	--azul-oscuro:#044050;
	--azul-claro:#BDDAE1;
    --crema:#f4eed7;
    --gris-oscuro:#555;
    --gris-claro:#FEFAED;
}

body,html {
    font-family: "Heebo", sans-serif;
    font-optical-sizing: auto;
    font-size:14pt;
    overflow-x:hidden;
    /*background-color:var(--naranja-claro);*/
    /*background-image:url('../imgs/miel_ch_fondo.jpg');*/
}

a,a:hover,a:link,a:visited,a:active{text-decoration:none!important;}

.spacer{height:20px;width:100%;}
.centrar{text-align:center;}
.icono_whats {height:50px;width:auto;object-fit:cover;}
.faq-container {
    max-width: 800px;
    margin: 50px auto;
    padding: 20px;
}

.fondo{background-color:var(--naranja-claro);}
container{border-radius:8px;background-color:var(--gris-claro);box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 20%);}

#bloque-telas{display:block;transition:all 0.6s;}
#bloque-miel{display:none;transition:all 0.6s;}

.logo-top{height:60px;width:auto;object-fit:cover;}

.header-top{background-color:var(--gris-claro);padding:10px;}
.header-slide{background-color:var(--crema);background-image:url('../imgs/fondo_panales_gris.png');}
.slide1 {width:100%;height:100%;text-align:center;background:url('../imgs/wraps.jpg') no-repeat center center;background-size:cover;padding:0;}
.slide2 {width:100%;height:100%;text-align:center;background:url('../imgs/miel1.jpg') no-repeat center center;background-size:cover;padding:0;}

.foto-header{width:auto;height:100%;object-fit:cover;}
.titulo{color:var(--azul-oscuro);font-family:"Heebo",sans-serif;font-size:2.6em;font-weight:600;}
.titulo-sub{color:var(--gris-oscuro);font-family:"Heebo",sans-serif;font-size:1.8em;font-weight:500;line-height:1em;}
.subtitulo{font-family:"Noto", sans-serif;font-size:1.5em;font-weight:500;line-height:1.1em;}

.boton-naranja{background-color:var(--naranja-oscuro);border-radius:6px;color:#fff;font-family:"Heebo",sans-serif;font-size:1em;font-weight:600;padding:8px 4px;display:inline-block;transition:all 0.3s;padding:6px 12px;text-align:center;}
.boton-naranja:hover{background-color:var(--azul-oscuro);/*color:var(--naranja-oscuro)*/;cursor:pointer;}

.boton-azul{background-color:var(--azul-oscuro);border-radius:6px;color:#fff;font-family:"Heebo",sans-serif;font-size:1em;font-weight:600;padding:8px 4px;display:inline-block;transition:all 0.3s;padding:6px 12px;text-align:center;}
.boton-azul:hover{background-color:var(--azul-claro);color:var(--azul-oscuro);cursor:pointer;}

.barra-pills{background-color:var(--crema);padding-top:8px;border-bottom:1px solid #ccc;}
.boton-pills{
  font-size:1.3em;font-weight:500;padding:3px 12px;
  color:var(--azul-oscuro);
  background:#fff;
  border:1px solid #ddd;
  -webkit-border-top-left-radius:12px;-webkit-border-top-right-radius:12px;-moz-border-radius-topleft:12px;-moz-border-radius-topright:12px;border-top-left-radius:12px;border-top-right-radius:12px;
  moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;
  /*
  background-size: 300% 100%;
  background: linear-gradient(to right,#e39ba5,#e8d0bd,#dabc9b,#e39ba5);
  */
}
.boton-pills:hover{
  background:var(--azul-oscuro);color:#fff;
  /*background-position: 100% 0;*/
  moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;
}
.boton-pills:focus{outline: none;}
.boton-pills.actual{background:var(--azul-claro);color:var(--azul-oscuro);}

.img-pills{width:auto;height:37px;object-fit:auto;padding:4px;margin:0 3px;}

.icono-features{height:90px;width:auto;max-width:120px;object-fit:cover;}
.icono-md{height:60px;width:auto;max-width:80px;object-fit:cover;}
.iconos-contacto{color:var(--gris-oscuro);font-size:0.8em;}

.bloque-menu{background-color:var(--naranja-oscuro);color:#fff;padding:8px;width:100%;}

.social-box{pading:4px;background-color:rgba(254,254,254,0.16);border-radius:6px;padding:3px 12px;}
.social-link{color:#fff;}
.social-icon{font-size:1.1em;margin:8px;}
 
.features{text-align:center;font-size:0.9em;padding:6%;}
.crema{background-color:var(--crema);color:var(--azul-oscuro);}
.azul-claro{background-color:var(--azul-claro);color:var(--azul-oscuro);}
.azul-oscuro{background-color:var(--azul-oscuro);color:var(--azul-claro);color:#FFF;}
.naranja-claro{background-color:var(--naranja-claro);color:var(--azul-oscuro);}

.cuadro-producto{border-radius:8px;box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 20%);padding:0;padding-bottom:20px;overflow:hidden;}
.producto-frame{
    overflow:hidden;width:100%;border:2px solid red;
    /*-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;border-top-left-radius:8px;border-top-right-radius:8px;*/
}

.foto-thumb{width:110%;height:340px;object-fit:cover;margin-left:-15px;webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;border-top-left-radius:8px;border-top-right-radius:8px;}
.foto-slide-miel{height:320px;width:auto;object-fit:cover;}

.tag{background-color:var(--azul-claro);font-size:0.8em;font-weight:500;padding:4px 8px;border-radius:10px;margin:3px;}
.slide-mieles{width:100%;height:330px;}

.tns-controls{position:relative;}
.tns-controls button{background-color:var(--azul-claro);border-radius:6px;position:absolute;z-index:99;cursor:pointer;width:90px;height:40px;border:none;}
.tns-controls button:hover{background-color:var(--azul-oscuro);color:#fff;border-radius:6px;}
/*
.tns-controls button[data-controls="prev"] {margin:auto;top;top:-60px;background:url(../imgs/btn_up.png) no-repeat;}
.tns-controls button[data-controls="next"] {margin:auto;bottom:-60px;background:url(../imgs/btn_up.png) no-repeat;rotate:180deg}
*/
.tns-controls button[aria-controls="tns1"] {list-style-type:disc;}
[data-action] {
  display: block;
  margin: 10px auto;
  font-size: 17px;
  min-width: 3em;
  text-align: center;
  background: transparent;
  border: 0;
}
.tns-controls [disabled] { 
  color: #999999;
  background: #B3B3B3; 
  cursor: not-allowed !important;
}
.tns-nav {
  text-align: center;
  margin: 10px 0;
}
.tns-nav > [aria-controls] {
  width: 9px;
  height: 9px;
  padding: 0;
  margin: 0 5px;
  border-radius: 50%;
  background: #ddd;
  border: 0;
}
.tns-nav > .tns-nav-active { background: #999; }
.playbutton-wrapper button { height:0px;width:0px;}

.whatsapp-float {
    /* Fija la posición en la esquina inferior derecha */
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    background-color: #25d366; /* Color de WhatsApp */
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 1000; /* Asegura que esté por encima de otros elementos */
    display: flex; /* Para centrar el icono */
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s, transform 0.3s; /* Transición para efectos hover */
}

.whatsapp-float:hover {
    background-color: #128C7E;
    transform: scale(1.05); /* Ligeramente más grande al pasar el ratón */
}

/* Oculta el enlace en pantallas muy pequeñas si es necesario, aunque en móvil es crucial */
@media (max-width: 768px) {
    .whatsapp-float {
        bottom: 20px;
        right: 20px;
        width: 50px;
        height: 50px;
        font-size: 25px;
    }
}

.footer{background:var(--naranja-oscuro);color:#fff;font-size:0.7em;font-weight:500;text-align:center;}