/* Tema público de marca ERTIA para catálogo y acceso. El Player conserva su tema oscuro (player-experience.css). */
.site{--brand:#96203c;--brand-strong:#7a1830;--brand-soft:#f8eef1;--brand-line:#efd6dd;--ink:#1d1b24;--muted:#5b5664;--line:#e8e2e5;--field:#d6ced2;--paper:#fbf9f8;--card:#fff;--ok:#1d6f4f;--ok-soft:#e9f5ef;--danger:#b3261e;--danger-soft:#fdf1f0;--accent:var(--brand);--radius:16px;--shadow:0 1px 2px #1d1b240a,0 18px 40px -22px #1d1b2433;
  background:var(--paper);color:var(--ink);min-height:100dvh;display:flex;flex-direction:column}
.site main{flex:1;width:100%;max-width:1200px;padding:0 24px}
.site .site-header{width:100%;max-width:1200px;padding:18px 24px;border-bottom:0;gap:16px}
.site .brand{font-size:24px;letter-spacing:4px;color:var(--brand)}.site .brand span{color:var(--muted);letter-spacing:2.5px}
.site-header-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px 14px}
.site .simulation-label{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--muted);font-size:12px}
.site .simulation-label::before{content:'';width:7px;height:7px;border-radius:50%;background:#3a9b74}
.site footer{width:100%;max-width:1200px;margin:56px auto 0;padding:28px 24px 36px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}
.site-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px}.site-footer nav{display:flex;flex-wrap:wrap;gap:8px 20px}.site-footer a{color:var(--muted)}.site-footer a:hover{color:var(--brand)}
.site .eyebrow{margin:0;color:var(--brand);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.site h1{margin:14px 0 18px;font-size:clamp(34px,5vw,56px);font-weight:700;line-height:1.06;letter-spacing:-.025em;color:var(--ink)}
.site h2{max-width:none;margin:0;font-size:clamp(24px,3vw,32px);font-weight:700;line-height:1.2;letter-spacing:-.015em}
.site p{line-height:1.6}
.site :focus-visible{outline:3px solid #c25e12;outline-offset:3px}
.site a{color:var(--brand)}

/* Botones */
.site .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;margin:0;padding:12px 22px;border:1px solid var(--brand);border-radius:12px;background:var(--brand);color:#fff;font-size:16px;font-weight:650;line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color .15s,border-color .15s,box-shadow .15s,transform .1s}
.site .button:hover{background:var(--brand-strong);border-color:var(--brand-strong);box-shadow:0 10px 24px -12px #96203caa}
.site .button:active{transform:translateY(1px)}
.site .button:disabled,.site .button[aria-disabled="true"]{opacity:.55;cursor:default;box-shadow:none;transform:none}
.site .button-ghost{background:var(--card);border-color:var(--line);color:var(--ink)}
.site .button-ghost:hover{background:var(--card);border-color:var(--brand);color:var(--brand);box-shadow:none}
.site .button-block{width:100%}
.site .button .arrow{transition:transform .15s}.site .button:hover .arrow{transform:translateX(3px)}
.site .link-button{min-height:44px;padding:0;border:0;background:none;color:var(--brand);font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.site .link-button:hover{border:0;color:var(--brand-strong)}

/* Idioma */
.lang-switch{display:inline-flex;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--card)}
.lang-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:36px;padding:0 10px;border-radius:999px;color:var(--muted);font-size:13px;font-weight:650;text-decoration:none}
.lang-switch a[aria-current="true"]{background:var(--brand);color:#fff}

/* Mensajes */
.notice{display:flex;gap:12px;align-items:flex-start;margin:0 0 20px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--card);font-size:15px;line-height:1.5}
.notice p{margin:0}.notice::before{content:'i';flex-shrink:0;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--ink);color:#fff;font-size:13px;font-weight:700;font-style:italic;font-family:Georgia,serif}
.notice-error{border-color:#f0c4c0;background:var(--danger-soft);color:#7d1b15}.notice-error::before{content:'!';background:var(--danger);font-style:normal;font-family:inherit}
.notice-ok{border-color:#bfe0cf;background:var(--ok-soft);color:#14513a}.notice-ok::before{content:'✓';background:var(--ok);font-style:normal;font-family:inherit}

/* Campos */
.field{display:flex;flex-direction:column;gap:6px;min-width:0}
.field>label,.field .field-label{font-size:14px;font-weight:650;color:var(--ink)}
.field .req{color:var(--brand);margin-left:2px}
.field input,.field select{width:100%;max-width:100%;min-width:0;min-height:50px;padding:12px 14px;border:1px solid var(--field);border-radius:12px;background:#fff;color:var(--ink);font:inherit;font-size:16px;transition:border-color .15s,box-shadow .15s}
.field input:hover,.field select:hover{border-color:#b9adb3}
.field input:focus-visible,.field select:focus-visible{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #fff,0 0 0 5px var(--brand)}
.field [aria-invalid="true"]{border-color:var(--danger);background:#fffbfb}
.field-hint{margin:0;color:var(--muted);font-size:13px;line-height:1.45}
.field-error{margin:0;color:var(--danger);font-size:13px;font-weight:650;line-height:1.45}.field-error:empty,.field-error[hidden]{display:none}
.check{display:flex;gap:12px;align-items:flex-start;min-height:44px;font-size:14px;line-height:1.5;cursor:pointer}
.check input{flex-shrink:0;width:20px;height:20px;margin:1px 0 0;accent-color:var(--brand);cursor:pointer}
.check input:focus-visible{outline:3px solid #c25e12;outline-offset:2px}
.check[data-invalid="true"] input{outline:2px solid var(--danger);outline-offset:2px}

@media(max-width:720px){
  .site main,.site .site-header,.site footer{padding-left:16px;padding-right:16px}
  .site .simulation-label{display:none}
  .site .brand{font-size:21px}
}