:root { --bg-hero:url('../../assets/hero-placeholder.jpg'); }
      html { scroll-behavior: smooth; }
      body { font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, 'Apple Color Emoji','Segoe UI Emoji'; }
      .container { max-width: 1200px; width: 100%; }
      /* Aspecto del overlay para el hero */
      .hero-bg { background-image: linear-gradient(180deg, rgba(6,95,70,.85), rgba(5,150,105,.75)), var(--bg-hero, radial-gradient(ellipse at top, #ecfdf5, #d1fae5)); background-size: cover; background-position: top; }
      /* Tabla responsive */
      .table-wrap { box-shadow: 0 1px 0 rgba(0,0,0,.06) inset; }
      .reveal{opacity:0;transform:translateY(10px);transition:opacity .6s ease, transform .6s ease}
      .reveal.is-visible{opacity:1;transform:none}
      .reveal{opacity:0;transform:translateY(10px);transition:opacity .6s ease, transform .6s ease}
      .reveal.is-visible{opacity:1;transform:none}
      /* Cookie bar minimal */
      #cookiebar{position:fixed;left:0;right:0;bottom:0;z-index:60;}
      .reveal{opacity:0;transform:translateY(10px);transition:opacity .6s ease, transform .6s ease}
      .reveal.is-visible{opacity:1;transform:none}
      /* Cookie bar minimal */
      #cookiebar{position:fixed;left:0;right:0;bottom:0;z-index:60;}
      /* Reserva de espacio para typing */
      .typing-slot{display:inline-block;min-height:1em;position:relative;vertical-align:baseline}
      @media (min-width:768px){.typing-slot{white-space:nowrap}}
      @media (max-width:767px){.typing-slot{white-space:normal}}
      .reveal{opacity:0;transform:translateY(10px);transition:opacity .6s ease, transform .6s ease}
      .reveal.is-visible{opacity:1;transform:none}
      #cookiebar{position:fixed;left:0;right:0;bottom:0;z-index:60;}
      /* Cursor + espacio para el texto animado */
      .typing-slot{
        display:inline-block;
        position:relative;
        vertical-align:baseline;
      }

      /* Desktop: una sola línea, ancho fijo */
      @media (min-width:768px){
        .typing-slot{
          white-space:nowrap;
          min-height:1em; /* asegura misma altura entre frases */
        }
      }

      /* Móvil: se permite salto de línea, pero con altura reservada */
      @media (max-width:767.98px){
        .typing-slot{
          white-space:normal;
          min-height:3.2rem; /* ~2 líneas del tamaño actual */
        }
      }

      /* Cursor */
      .typing-slot::after{
        content:'';
        display:inline-block;
        width:2px;
        height:0.9em;
        background:currentColor;
        margin-left:4px;
        transform:translateY(2px);
        animation:blink 1s step-end infinite;
      }
      .typing-active::after{
        animation-play-state:paused; /* mientras escribe, el cursor se queda fijo */
        opacity:1;
      }

      @keyframes blink{
        50%{opacity:0}
      }
      /* Cookiebar full width sin overflow */
      #cookiebar>div{width:100%;max-width:100%;padding-left:1rem;padding-right:1rem;box-sizing:border-box;margin-inline:0}

      /* FAQ panels animation */
      [data-faq-panel]{
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        margin-top: 0;
        transition:
          max-height .22s ease,
          opacity .18s ease,
          margin-top .22s ease,
          margin-bottom .22s ease;
      }

      [data-faq-panel].is-open{
        opacity: 1;
        margin-top: 0.75rem;
        margin-bottom: 0.75rem;
      }