/* Platyca · tokens del Brand Book v1.0 (oct 2026) */
@font-face{font-family:"Plus Jakarta Sans";font-weight:500;font-display:swap;src:url(../fonts/plus-jakarta-sans-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-weight:700;font-display:swap;src:url(../fonts/plus-jakarta-sans-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-weight:700;font-display:swap;src:url(../fonts/plus-jakarta-sans-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-weight:400;font-display:swap;src:url(../fonts/inter-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-weight:500;font-display:swap;src:url(../fonts/inter-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-weight:500;font-display:swap;src:url(../fonts/inter-latin-600-normal.woff2) format("woff2")}
:root{
  --teal:#09B8BF; --teal-700:#078A8F; --teal-50:#E6F8F9;
  --navy:#0B1F33; --navy-80:#1A3352; --navy-60:#4D5F74; --navy-40:#8A97A6; --navy-15:#D9DEE3;
  --crema:#F8F7F4; --amarillo:#FFC629; --mandarina:#FF7A45; --lila:#8B6CF6;
  --ok:#0E8A5F; --mal:#C2410C; --blanco:#fff;
  --f-tit:"Plus Jakarta Sans",system-ui,sans-serif; --f-txt:"Inter",system-ui,sans-serif;
  --r:14px; --r-s:8px; --sombra:0 1px 2px rgba(11,31,51,.06),0 8px 24px rgba(11,31,51,.08);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--f-txt);color:var(--navy);background:var(--crema);line-height:1.55;font-size:16px}
h1,h2,h3,h4{font-family:var(--f-tit);line-height:1.15;margin:0 0 .5em;letter-spacing:-.01em}
a{color:var(--teal-700)}
img,svg{max-width:100%}
.marca{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--navy)}
.marca img{width:36px;height:36px}
.marca b{font-family:var(--f-tit);font-weight:700;font-size:26px;letter-spacing:-.03em}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:13px 22px;font:500 15px/1 var(--f-txt);cursor:pointer;text-decoration:none;transition:transform .08s,background .15s}
.btn:active{transform:translateY(1px)}
.btn-pri{background:var(--teal);color:var(--navy)}
.btn-pri:hover{background:#12c9d0}
.btn-sec{background:transparent;color:var(--navy);box-shadow:inset 0 0 0 1.5px var(--navy)}
.btn-osc{background:var(--navy);color:#fff}
.btn[disabled]{opacity:.5;cursor:not-allowed}
label{display:block;font-weight:500;font-size:14px;margin:0 0 6px}
input,select,textarea{width:100%;font:inherit;font-size:16px;color:var(--navy);background:#fff;border:1.5px solid var(--navy-15);border-radius:var(--r-s);padding:11px 12px}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-50)}
.chk{display:flex;gap:10px;align-items:flex-start;font-weight:400}
.chk input{width:20px;height:20px;margin-top:2px;flex:none}
.ayuda{font-size:13px;color:var(--navy-60);margin-top:4px}
.oculto{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
:focus-visible{outline:3px solid var(--teal);outline-offset:2px}b,strong{font-weight:500}
[hidden]{display:none!important}
.marca img{content:url(../logo-platyca.svg?v=2);width:auto;height:34px}body .marca-clara img,body .lado .marca img{content:url(../logo-platyca-claro.svg?v=2);width:auto;height:30px}.marca b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}