@font-face { font-family: "Eina 01"; src: url("/fonts/Eina01-Light.woff2") format("woff2"), url("/fonts/Eina01-Light.otf") format("opentype");   font-weight: 300; font-display: swap; }
    @font-face { font-family: "Eina 01"; src: url("/fonts/Eina01-Regular.woff2") format("woff2"), url("/fonts/Eina01-Regular.otf") format("opentype"); font-weight: 400; font-display: swap; }
    @font-face { font-family: "Eina 01"; src: url("/fonts/Eina01-Bold.woff2") format("woff2"), url("/fonts/Eina01-Bold.otf") format("opentype");    font-weight: 700; font-display: swap; }

    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    :root {
      --black:    #ffffff;
      --white:    #1f4ef5;
      --grey-mid: rgba(31,78,245,0.8);
      --grey-line:rgba(31,78,245,0.25);
      --max-w:    800px;
      --px:       80px;
      --px-mob:   24px;
    }

    html { scroll-behavior: smooth; }

    body {
      background: var(--black);
      color: var(--white);
      font-family: "Eina 01", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-weight: 400;
      line-height: 1.75;
      -webkit-font-smoothing: antialiased;
    }

    /* ── HEADER ── */
    .page-header {
      border-bottom: 1px solid var(--grey-line);
      padding: 32px var(--px);
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .page-header__logo {
      height: 40px;
      width: auto;
    }

    .page-header__back {
      font-size: 12px;
      font-weight: 400;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--grey-mid);
      text-decoration: none;
      transition: color 0.2s;
    }

    .page-header__back:hover { color: var(--white); }

    /* ── CONTENIDO ── */
    .page-content {
      max-width: var(--max-w);
      margin: 0 auto;
      padding: 80px var(--px);
    }

    .page-content h1 {
      font-size: clamp(28px, 4vw, 48px);
      font-weight: 700;
      letter-spacing: -0.03em;
      line-height: 1.1;
      color: var(--white);
      margin-bottom: 12px;
    }

    .page-content .meta {
      font-size: 12px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: var(--grey-mid);
      margin-bottom: 64px;
      display: block;
    }

    .page-content h2 {
      font-size: 18px;
      font-weight: 700;
      letter-spacing: -0.01em;
      color: var(--white);
      margin-top: 56px;
      margin-bottom: 16px;
      padding-top: 40px;
      border-top: 1px solid var(--grey-line);
    }

    .page-content h2:first-of-type {
      margin-top: 0;
      padding-top: 0;
      border-top: none;
    }

    .page-content p {
      font-size: 15px;
      color: #16181d;
      margin-bottom: 16px;
    }

    .page-content ul {
      margin: 0 0 16px 20px;
    }

    .page-content ul li {
      font-size: 15px;
      color: #16181d;
      margin-bottom: 8px;
    }

    .page-content a {
      color: var(--white);
      text-decoration: underline;
      text-underline-offset: 3px;
      transition: color 0.2s;
    }

    .page-content a:hover { color: var(--grey-mid); }

    .page-content strong {
      font-weight: 700;
      color: var(--white);
    }

    .info-box {
      background: rgba(31,78,245,0.06);
      border: 1px solid var(--grey-line);
      padding: 24px 28px;
      margin: 24px 0;
      font-size: 14px;
      color: #16181d;
      line-height: 1.7;
    }

    .info-box strong {
      display: block;
      color: var(--white);
      margin-bottom: 8px;
      font-size: 12px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
    }

    /* ── TABLA COOKIES ── */
    .cookie-table {
      width: 100%;
      border-collapse: collapse;
      margin: 24px 0;
      font-size: 13px;
    }

    .cookie-table th {
      text-align: left;
      font-size: 11px;
      font-weight: 400;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: var(--grey-mid);
      padding: 10px 12px;
      border-bottom: 1px solid var(--grey-line);
    }

    .cookie-table td {
      padding: 12px 12px;
      border-bottom: 1px solid rgba(31,78,245,0.15);
      color: #16181d;
      vertical-align: top;
    }

    .cookie-table tr:last-child td { border-bottom: none; }

    /* ── FOOTER ── */
    .page-footer {
      border-top: 1px solid var(--grey-line);
      padding: 32px var(--px);
      text-align: center;
    }

    .page-footer p {
      font-size: 12px;
      color: var(--grey-mid);
    }

    /* ── RESPONSIVE ── */
    @media (max-width: 768px) {
      .page-header,
      .page-footer { padding-left: var(--px-mob); padding-right: var(--px-mob); }
      .page-content { padding: 48px var(--px-mob); }
      .cookie-table { display: block; overflow-x: auto; }
    }