/* Vidrio sobre el home real. Se carga al final: no cambia el contenido de la página. */
/* Dos tiras con el vidrio: su alto lo pone vidrio.js */
.vidrio-tira{position:fixed;left:0;width:100%;pointer-events:none;z-index:899}
.vidrio-top{top:0}
.vidrio-bot{bottom:0}

.nav,.nav.scrolled{top:calc(12px + env(safe-area-inset-top));left:16px;right:16px;margin:0 auto;max-width:1240px;height:60px;padding:0 8px 0 20px;border-radius:30px;box-shadow:none}
.nav-links a{color:#0d192e}
.nav-links a:hover{color:#2d7c73}
.nav-toggle span{background:#0d192e}
.nav-links .btn-contact,.nav-links .btn-es{border-radius:999px}

/* Carrito: píldora concéntrica con la barra, sin brillo, con bolsa de línea */
.cart-icon,.cart-icon:hover{height:44px;min-height:44px;padding:0 16px;border-radius:22px;box-shadow:none;transform:none;color:#07111e}
.cart-icon:hover{background:#35c4ae}
.cart-icon svg{fill:none}
.cart-icon svg path,.cart-icon svg line{fill:none;stroke:#07111e;stroke-width:2}

.wa-fab{color:#fff;box-shadow:none}
.wa-fab:active{transform:scale(.96)}

/* Con WebGL el vidrio lo pinta el canvas; sin él cae a blur normal */
.vidrio-gl .nav,.vidrio-gl .nav.scrolled,.vidrio-gl .wa-fab{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
html:not(.vidrio-gl) .nav,html:not(.vidrio-gl) .dock-bar{background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%)}
html:not(.vidrio-gl) .wa-fab{background:#0e8042}
html:not(.vidrio-gl) .dock-lens{background:rgba(255,255,255,.6)}

/* Barra de abajo con burbuja: sólo en cel */
.dock-bar{display:none}
@media (max-width:1024px){
  .nav-links{top:calc(100% + 8px);border-radius:22px;border-top:0}
  .nav.open{background:transparent}
  .nav-links a{color:#fff}
  .nav-links a:hover{color:#3db3a5}
}
@media (max-width:820px){
  .nav,.nav.scrolled{left:12px;right:12px;padding:0 8px 0 16px}
  .dock-bar{position:fixed;z-index:901;left:14px;right:88px;bottom:calc(18px + env(safe-area-inset-bottom));height:66px;display:flex;border-radius:33px;touch-action:none;user-select:none;-webkit-user-select:none}
  .dock-tab{position:relative;z-index:1;flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:0;padding:0;color:#0d192e;font:600 11px/1 Inter,system-ui,sans-serif;cursor:pointer;touch-action:none}
  .dock-tab svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .dock-tab.on{color:#14655c}
  .dock-tab:focus-visible{outline:2px solid #14655c;outline-offset:-6px;border-radius:26px}
  .dock-lens{position:absolute;left:0;top:0;border-radius:999px;pointer-events:none;will-change:transform}
  .wa-fab{right:14px;bottom:calc(18px + env(safe-area-inset-bottom));width:66px;height:66px;padding:0;justify-content:center}
  .wa-fab svg{width:28px;height:28px}
  .footer{padding-bottom:calc(110px + env(safe-area-inset-bottom))}
  /* Que la barra de abajo no tape las reseñas en la primera pantalla */
  .hero .hero-content{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
}