/* =========================================================================
   UV-Life · global.css
   Estilos de ELEMENTOS COMUNES entre landings (footer + WhatsApp float).
   Autocontenido: no depende de variables de style-carnes.css ni de
   style-superficies-aire.css, para poder cargarse en cualquier landing
   sin importar el orden ni el wrapper (.uvl-page, .landing-page, etc.)
   ========================================================================= */

/* ---------- HEADER ---------- */
.uvc-shared-header{
  font-family:'Poppins',system-ui,sans-serif;
  position:sticky;top:0;z-index:90;
  background:#ffffff;
  border-bottom:1px solid #eee9fa;
  box-shadow:0 2px 14px -6px rgba(60,30,140,.12);
}
.uvc-shared-header *{box-sizing:border-box}
.uvc-shared-header img{max-width:100%;display:block;height:auto}
.uvc-shared-header a{text-decoration:none}

/* Evita que el tema (Basel) fuerce mayúsculas en botones/links del header */
.uvc-shared-header a,
.uvc-shared-header button{text-transform:none;letter-spacing:normal}

.uvc-shared-header .uvc-wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.uvc-shared-header .uvc-nav-in{display:flex;align-items:center;justify-content:space-between;height:76px;gap:20px}

.uvc-shared-header .uvc-logo{display:flex;align-items:center;flex-shrink:0}
.uvc-shared-header .uvc-logo-img{height:32px;width:auto;display:block}

.uvc-shared-header .uvc-links{display:flex;align-items:center;gap:22px}

.uvc-shared-header .uvc-btn-primary{
  display:inline-flex;align-items:center;gap:8px;
  font-weight:600;font-size:.94rem;
  padding:12px 22px;border-radius:100px;
  background:#7c4dff;color:#fff;
  box-shadow:0 12px 26px -12px rgba(124,77,255,.7);
  transition:transform .15s,background .15s;
  white-space:nowrap;
}
.uvc-shared-header .uvc-btn-primary:hover{background:#5f2fe0;transform:translateY(-2px);color:#fff}

.uvc-shared-header .uvc-drop{position:relative}
.uvc-shared-header .uvc-drop-toggle{
  display:flex;align-items:center;gap:6px;
  background:none;border:0;cursor:pointer;
  font-family:inherit;font-size:.95rem;font-weight:500;
  color:#1b1436;padding:8px 2px;
}
.uvc-shared-header .uvc-drop-toggle:hover{color:#7c4dff}
.uvc-shared-header .uvc-drop .uvc-chev{transition:transform .2s;flex-shrink:0}
.uvc-shared-header .uvc-drop.open > .uvc-drop-toggle .uvc-chev{transform:rotate(180deg)}

.uvc-shared-header .uvc-drop-menu{
  display:none;position:absolute;top:calc(100% + 14px);left:0;
  min-width:250px;background:#fff;border-radius:14px;
  box-shadow:0 20px 44px -18px rgba(60,30,140,.35);
  border:1px solid #eee9fa;padding:10px;z-index:95;
}
.uvc-shared-header .uvc-drop.open .uvc-drop-menu{display:block}
.uvc-shared-header .uvc-drop-menu ul{list-style:none;margin:0;padding:0}
.uvc-shared-header .uvc-drop-menu > ul > li > a,
.uvc-shared-header .uvc-drop-sub-toggle{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  width:100%;padding:10px 12px;border-radius:9px;
  font-size:.92rem;color:#1b1436;background:none;border:0;
  cursor:pointer;font-family:inherit;text-align:left;
}
.uvc-shared-header .uvc-drop-menu > ul > li > a:hover,
.uvc-shared-header .uvc-drop-sub-toggle:hover{background:#f7f5ff;color:#7c4dff}

/* Sub-submenú "Desinfección de Aire" → se abre hacia el lado (derecha), no hacia abajo */
.uvc-shared-header .uvc-drop-sub{position:relative}
.uvc-shared-header .uvc-drop-sub-menu{
  display:none;position:absolute;top:-10px;left:100%;margin-left:8px;
  min-width:220px;background:#fff;border-radius:14px;
  box-shadow:0 20px 44px -18px rgba(60,30,140,.35);
  border:1px solid #eee9fa;padding:10px;z-index:96;
}
.uvc-shared-header .uvc-drop-sub.open > .uvc-drop-sub-menu{display:block}
.uvc-shared-header .uvc-drop-sub.open > .uvc-drop-sub-toggle .uvc-chev{transform:rotate(180deg)}
.uvc-shared-header .uvc-drop-sub-menu li a{
  display:block;padding:9px 12px;border-radius:9px;
  font-size:.88rem;color:#6b6488;white-space:nowrap;
}
.uvc-shared-header .uvc-drop-sub-menu li a:hover{background:#f7f5ff;color:#7c4dff}

/* Separador + botón "Comprar" destacado al final del menú Productos */
.uvc-shared-header .uvc-drop-sep{height:1px;background:#eee9fa;margin:8px 4px}
.uvc-shared-header .uvc-drop-buy{
  display:flex;align-items:center;justify-content:center;gap:8px;
  width:100%;padding:11px 14px;border-radius:9px;
  font-weight:600;font-size:.9rem;
  background:#7c4dff;color:#fff;
  box-shadow:0 10px 20px -10px rgba(124,77,255,.7);
  transition:background .15s,transform .15s;
}
.uvc-shared-header .uvc-drop-buy:hover{background:#5f2fe0;color:#fff;transform:translateY(-1px)}
.uvc-shared-header .uvc-drop-buy .uvc-chev{transform:rotate(0deg)}

.uvc-shared-header .uvc-burger{display:none;background:none;border:0;color:#1b1436;font-size:1.5rem;cursor:pointer}

@media(max-width:860px){
  .uvc-shared-header .uvc-links{
    position:absolute;top:76px;left:0;right:0;background:#fff;
    flex-direction:column;align-items:stretch;gap:4px;
    padding:16px 24px 24px;border-bottom:1px solid #eee9fa;
    display:none;box-shadow:0 20px 30px -20px rgba(60,30,140,.2);
  }
  .uvc-shared-header .uvc-links.open{display:flex}
  .uvc-shared-header .uvc-drop-menu{position:static;box-shadow:none;border:0;margin-top:4px;padding:0 0 0 8px}
  .uvc-shared-header .uvc-drop-toggle{width:100%;justify-content:space-between;padding:10px 4px}

  /* En mobile el sub-submenú vuelve a abrirse hacia abajo (acordeón), más usable en pantallas angostas */
  .uvc-shared-header .uvc-drop-sub-menu{
    position:static;box-shadow:none;border:0;margin:2px 0 0 0;
    padding:0 0 0 14px;min-width:0;
  }
  .uvc-shared-header .uvc-drop-sub-toggle .uvc-chev{transform:none}
  .uvc-shared-header .uvc-drop-sub.open > .uvc-drop-sub-toggle .uvc-chev{transform:rotate(90deg)}

  .uvc-shared-header .uvc-btn-primary{justify-content:center;margin-top:10px}
  .uvc-shared-header .uvc-burger{display:block}
}

/* ---------- FOOTER ---------- */
.uvc-shared-footer{
  font-family:'Poppins',system-ui,sans-serif;
  background:#150627;color:#CBBFE8;padding:60px 0 0!important;
}
.uvc-shared-footer *{box-sizing:border-box}
.uvc-shared-footer img{max-width:100%;display:block;height:auto}
.uvc-shared-footer .wrap{max-width:1160px;margin:0 auto;padding:0 24px}

.uvc-shared-footer .foot-top{display:grid;grid-template-columns:1.8fr 1fr;gap:36px}
.uvc-shared-footer .foot-brand p{font-size:13.5px;line-height:1.6;margin-top:12px;max-width:340px;color:#CBBFE8}
.uvc-shared-footer .foot-social{display:flex;gap:12px;margin-top:18px}
.uvc-shared-footer .foot-social a{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;transition:background .25s}
.uvc-shared-footer .foot-social a:hover{background:#7c4dff}
.uvc-shared-footer .foot-social svg{width:18px;height:18px;fill:#fff}
.uvc-shared-footer .foot-col h4{color:#fff;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:16px}
.uvc-shared-footer .foot-col ul{list-style:none;display:grid;gap:10px;margin:0;padding:0}
.uvc-shared-footer .foot-col a{font-size:14px;color:#CBBFE8;text-decoration:none;transition:color .2s}
.uvc-shared-footer .foot-col a:hover{color:#fff}
.uvc-shared-footer .foot-contact{border-top:1px solid rgba(167,139,250,.18);margin-top:44px;padding:24px 0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;font-size:13.5px;color:#CBBFE8}
.uvc-shared-footer .foot-contact a{color:#a78bfa;text-decoration:none}
.uvc-shared-footer .foot-legal{border-top:1px solid rgba(167,139,250,.14);padding:22px 0 30px;font-size:12.5px;color:#8B7DB0;text-align:center;line-height:1.7}
.uvc-shared-footer .foot-eco{background:#0e041d;padding:26px 0;text-align:center}
.uvc-shared-footer .foot-eco p{max-width:820px;margin:0 auto;font-size:12.8px;color:#9887bd;line-height:1.65}
.uvc-shared-footer .flogo{display:inline-block}
/*------movil-----*/
@media(max-width:860px){
  .uvc-shared-footer .foot-top{grid-template-columns:1fr}
  .hero-txt, .hero{padding: 1.3em!important;}
}

/* ---------- WHATSAPP FLOAT ---------- */
.uvc-wa-float{
  position:fixed;right:22px;bottom:22px;width:56px;height:56px;border-radius:50%;
  background:#25d366;display:flex;align-items:center;justify-content:center;
  box-shadow:0 12px 28px rgba(0,0,0,.28);z-index:80;
}
.uvc-wa-float svg{width:30px;height:30px;fill:#fff}

/*------------THEME--------------*/
.basel-sticky-sidebar-opener{display: none!important;}