/* ===========================================================================
 * liquid-glass-base.css - reglas base de los paneles LiquidGlass
 * ---------------------------------------------------------------------------
 * Version recortada de liquid-glass.css (LiquidGlassEffect/, MIT). El archivo
 * original trae ademas el CSS de su demo (reset global `* { margin: 0 }`,
 * `body { color: #fff }`, #controls, bg-picker...) que romperia Sunshine si se
 * cargara entero, asi que aqui solo quedan las dos reglas que el motor espera
 * en la hoja de estilos:
 *
 *   .lg-content  - capa de contenido, siempre por encima de los vidrios
 *   .lg-layer    - las capas inyectadas por liquid-glass.js (refract/chrome)
 *
 * El radio de esquina NO se fija aqui: liquid-glass.js ya aplica
 * `border-radius: inherit` a las capas, asi que cada superficie conserva el
 * suyo (navbar recto, tarjetas a 16px, botones capsula...).
 * ======================================================================== */
.lg-content {
    position: relative;
    z-index: 2;
}

.lg-layer {
    pointer-events: none;
}