/* Sitio público de SAR: pasos del inicio, instructores, validar folio y páginas legales. */
.sar-public-eyebrow{font-size:10px;font-weight:700;letter-spacing:.27em;text-transform:uppercase;color:#356CA8;margin-bottom:14px}
.sar-public-head{max-width:720px;margin-bottom:40px}
.sar-public-head h2,.sar-verify h2{margin:0;color:#0d2343!important;font-size:clamp(34px,4vw,54px);line-height:1.02;letter-spacing:-.04em;font-weight:700}
.sar-public-head h2 strong,.sar-verify h2 strong{color:#275D90!important;font-weight:700}
.sar-public-head p{margin:18px 0 0;color:#627891;font-size:16px;line-height:1.7}
.sar-public-btn{display:inline-flex;align-items:center;gap:12px;min-height:50px;padding:0 24px;border-radius:999px;background:#275D90;color:#fff!important;font-size:13px;font-weight:700;letter-spacing:.03em;text-decoration:none;transition:background .2s ease,transform .2s ease}
.sar-public-btn:hover{background:#21325B;transform:translateY(-2px)}
[data-sar-teachers][hidden],[data-sar-verify][hidden]{display:none!important}

.sar-steps{padding:90px 0;background:#f7fafe;font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif}
.sar-steps-grid{list-style:none;margin:0 0 40px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d8e3ed}
.sar-step{padding:34px 40px 10px 0}
.sar-step+.sar-step{padding-left:40px;border-left:1px solid #d8e3ed}
.sar-step-num{display:block;font-size:64px;line-height:1;color:#c4d6e6;font-weight:700;letter-spacing:-.06em}
.sar-step h3{margin:18px 0 8px;color:#14385f!important;font-size:24px;font-weight:700;letter-spacing:-.02em}
.sar-step p{margin:0;color:#687f96;font-size:15px;line-height:1.6}

.sar-teachers{padding:90px 0;background:#fff;font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif}
.sar-teachers-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.sar-teacher{display:flex;align-items:center;gap:16px;padding:22px;border:1px solid #dfe7ef;border-radius:18px;background:#fff}
.sar-teacher-photo{flex:0 0 64px;width:64px;height:64px;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#0c355f,#275D90);color:#fff;font-size:24px;font-weight:700}
.sar-teacher-name{color:#14385f;font-size:17px;font-weight:700;line-height:1.25}
.sar-teacher-meta{margin-top:4px;color:#687f96;font-size:13px}

.sar-verify{position:relative;padding:86px 0;background:linear-gradient(135deg,#092948 0%,#123f70 42%,#275D90 100%);color:#fff;font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif;overflow:hidden}
.sar-verify-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}
.sar-verify .sar-public-eyebrow{color:#acd0ee}
.sar-verify h2{color:#fff!important}
.sar-verify h2 strong{color:#8fc3ee!important}
.sar-verify p{margin:18px 0 0;max-width:560px;color:rgba(255,255,255,.78);font-size:16px;line-height:1.7}
.sar-verify-form{padding:28px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(255,255,255,.08)}
.sar-verify-form label{display:block;margin-bottom:10px;color:#cfe3f4;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.sar-verify-row{display:flex;gap:10px}
.sar-verify-row input{flex:1;min-width:0;height:52px;padding:0 16px;border:1px solid rgba(255,255,255,.35);border-radius:12px;background:#fff;color:#0d2343;font-size:16px;text-transform:uppercase}
.sar-verify-row button{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 22px;border:0;border-radius:12px;background:#fff;color:#173f69;font-weight:700;cursor:pointer}
.sar-verify-row button:hover{background:#dceeff}

/* Páginas legales y validar certificado */
.sar-page-head{padding:70px 0 46px;background:linear-gradient(135deg,#0a2a4b 0%,#184c7b 48%,#275D90 100%);color:#fff;font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif}
.sar-page-head .sar-public-eyebrow{color:#b9d5ed}
.sar-page-head h1{margin:0;color:#fff!important;font-size:clamp(38px,5vw,62px);line-height:1;letter-spacing:-.045em;font-weight:700}
.sar-page-head p{margin:16px 0 0;color:rgba(255,255,255,.8);font-size:16px}
.sar-legal{display:grid;grid-template-columns:260px minmax(0,1fr);gap:56px;padding:60px 0 90px;font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif}
.sar-legal-toc{position:sticky;top:24px;align-self:start;display:flex;flex-direction:column;gap:8px;padding:22px;border:1px solid #dfe7ef;border-radius:16px;background:#f7fafe;font-size:14px}
.sar-legal-toc strong{color:#14385f}
.sar-legal-toc a{color:#526b84;text-decoration:none}
.sar-legal-toc a:hover{color:#275D90}
.sar-prose{max-width:760px;color:#3d5168;font-size:16px;line-height:1.75}
.sar-prose h2{margin:40px 0 12px;color:#14385f!important;font-size:24px;font-weight:700;letter-spacing:-.02em;scroll-margin-top:24px}
.sar-prose ul{padding-left:22px}
.sar-prose li{margin-bottom:6px}
.sar-prose a{color:#275D90;text-decoration:underline}

.sar-validate{padding:60px 0 90px;font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif}
.sar-validate-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}
.sar-validate-card{padding:28px;border:1px solid #dfe7ef;border-radius:18px;background:#fff;box-shadow:0 16px 38px rgba(31,45,61,.06)}
.sar-validate-card label{display:block;margin-bottom:10px;color:#14385f;font-weight:700}
.sar-validate-card .sar-verify-row input{border-color:#cfdbe6}
.sar-validate-card .sar-verify-row button{background:#275D90;color:#fff}
.sar-validate-card .sar-verify-row button:hover{background:#21325B}
.sar-validate-card .sar-verify-row button:disabled{opacity:.6;cursor:wait}
.sar-validate-help{margin:14px 0 0;color:#687f96;font-size:14px;line-height:1.6}
.sar-validate-result{padding:26px;border:2px solid #dfe7ef;border-radius:18px;background:#fff;outline:none}
.sar-validate-result[hidden]{display:none}
.sar-validate-result.is-valid{border-color:#2f9e6e}
.sar-validate-result.is-invalid{border-color:#c0504d}
.sar-validate-status{display:block;margin-bottom:16px;font-size:20px;font-weight:700}
.is-valid .sar-validate-status{color:#2f8a61}
.is-invalid .sar-validate-status{color:#b0413e}
.sar-validate-data{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 14px}
.sar-validate-data dt{color:#7a8da0;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.sar-validate-data dd{margin:4px 0 0;color:#14385f;font-weight:700}
.sar-validate-code{color:#7a8da0;font-size:13px}

@media(max-width:991px){
  .sar-verify-grid,.sar-validate-grid{grid-template-columns:1fr;gap:34px}
  .sar-teachers-grid{grid-template-columns:1fr 1fr}
  .sar-legal{grid-template-columns:1fr;gap:28px}
  .sar-legal-toc{position:static}
}
@media(max-width:767px){
  .sar-steps,.sar-teachers,.sar-verify{padding:64px 0}
  .sar-steps-grid{grid-template-columns:1fr}
  .sar-step,.sar-step+.sar-step{padding:26px 0;border-left:0;border-bottom:1px solid #d8e3ed}
  .sar-step-num{font-size:48px}
  .sar-teachers-grid{grid-template-columns:1fr}
  .sar-verify-row{flex-direction:column}
  .sar-verify-row input{flex:none;width:100%}
  .sar-verify-row button{justify-content:center}
  .sar-validate-data{grid-template-columns:1fr}
  .sar-page-head{padding:52px 0 36px}
}
.sar-verify-row input::placeholder{text-transform:none}
/* Responsive: margen lateral en celular en Aviso de privacidad y Términos */
@media(max-width:991px){.container.sar-legal{padding-left:16px;padding-right:16px}}