/* =====================================================
   PÁGINAS SIMPLES (Contacto, Cookies, Privacidad, Términos)
   Estas cuatro páginas comparten exactamente el mismo bloque de
   estilos adicionales (fondo, tipografía base y breakpoints del
   navbar responsive); todo lo demás sale de tarjetas/formularios
   con estilos en línea puntuales del propio HTML.
===================================================== */

html,
    body {
      background: var(--bg);
    }

body {
      color: var(--text);
      background: transparent;
    }

body::before {
      content: "";
      position: fixed;
      inset: 0;
      z-index: -2;
      pointer-events: none;
      background: radial-gradient(1000px 680px at 84% -8%, var(--ambient-1), transparent 58%), radial-gradient(760px 620px at -10% 38%, var(--ambient-2), transparent 60%), var(--bg);
    }

html.theme-anim,
    html.theme-anim *,
    html.theme-anim *::before,
    html.theme-anim *::after {
      transition: background-color .45s ease, background .45s ease, border-color .45s ease, color .3s ease, fill .3s ease, box-shadow .45s ease !important;
    }

[data-theme-toggle] {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 44px;
      height: 44px;
      border-radius: 11px;
      flex-shrink: 0;
      border: 1.5px solid var(--border);
      background: rgba(var(--surface-rgb), 0.5);
      color: var(--text);
      cursor: pointer;
      padding: 0;
      position: relative;
      overflow: hidden;
      transition: border-color .2s ease, background .2s ease, transform .2s ease, color .2s ease;
    }

@media (max-width:940px) {
      [data-nav-toggle] {
        display: none !important;
      }
    }

@media (prefers-reduced-motion:reduce) {
      * {
        animation: none !important;
        transition: none !important;
      }
    }

body {
          font-family: 'Manrope', -apple-system, 'Segoe UI', sans-serif;
          -webkit-font-smoothing: antialiased;
          color: var(--text);
        }

select {
          font-family: inherit;
        }

@media (max-width: 940px) {
          [data-desktop-nav] {
            display: none !important;
          }

          [data-nav-cta] {
            display: none !important;
          }

          [data-hamburger] {
            display: inline-flex !important;
          }
        }

@media (max-width: 600px) {
          main > section {
            padding-left: 20px !important;
            padding-right: 20px !important;
          }
        }