:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#17304e;background:#f0f4f9;font-size:16px;--navy:#102544;--gold:#d6b66e;--blue:#246fb6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}a{color:inherit}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #5f9ddd;outline-offset:5px}p{line-height:1.65}.masthead{color:#fff;background:linear-gradient(115deg,#0a192f,#173b62)}.masthead-inner{max-width:1180px;margin:auto;padding:30px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:18px;text-decoration:none}.brand img{border-radius:50%;object-fit:contain}.brand strong{display:block;font-size:36px;letter-spacing:-1px}.brand strong span{color:#b9d6f3}.brand small{display:block;font-size:12px;letter-spacing:2px;color:#c2d6ea;margin-top:7px}.masthead-right{text-align:right}.masthead-right span{font-size:12px;letter-spacing:1.7px;color:var(--gold)}.masthead-right p{font-size:19px;margin:8px 0 0}.checker{height:12px;background:repeating-linear-gradient(90deg,#0b2545 0 6px,#fff 6px 12px) 0 0/100% 6px no-repeat,repeating-linear-gradient(90deg,#fff 0 6px,#0b2545 6px 12px) 0 6px/100% 6px no-repeat}.portal-nav{max-width:1180px;margin:auto;display:flex;flex-wrap:wrap;gap:8px;padding:14px 28px}.portal-nav a,.portal-nav span{padding:10px 16px;font-size:14px;border-radius:7px;text-decoration:none}.portal-nav a{color:#d1e1f2}.portal-nav a:hover{background:#ffffff12}.nav-active{background:#e8f1fb;color:#132f50;font-weight:700}main{max-width:1180px;margin:auto;padding:0 28px 42px}.intro{display:grid;grid-template-columns:1fr 250px;align-items:center;gap:50px;padding:48px 0 40px;border-bottom:1px solid #d3dfea}.eyebrow{font-size:12px;font-weight:750;letter-spacing:2px;color:#42719b;margin:0 0 14px}h1{font-size:clamp(34px,4.4vw,55px);line-height:1.12;letter-spacing:-1.7px;margin:0 0 18px;font-weight:750}h1 span{color:#26679d}.intro-copy{max-width:590px;color:#526981;font-size:17px;margin:0 0 22px}.intro-link{display:inline-block;font-size:14px;font-weight:700;text-underline-offset:6px;color:#205f95}.intro-badge{text-align:center;padding:24px 10px;border-left:1px solid #d3dfea}.intro-badge img{display:block;object-fit:contain;margin:0 auto 14px}.intro-badge span{display:block;font-size:12px;letter-spacing:2px;color:#58718b}.intro-badge strong{display:block;font-size:14px;margin-top:7px}.tools-section{padding:35px 0 42px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px}.section-heading .eyebrow{margin-bottom:8px}h2{font-size:25px;letter-spacing:-.5px;line-height:1.3;margin:0}.count{font-size:14px;color:#5c7289;border:1px solid #ccdbe8;border-radius:20px;padding:7px 12px;white-space:nowrap}.tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.tool-card{--accent:#2677b1;display:flex;flex-direction:column;position:relative;overflow:hidden;border:1px solid #d6e1ec;border-top:4px solid var(--accent);border-radius:15px;background:#fff;padding:28px;box-shadow:0 6px 24px #15375806;transition:transform .18s,box-shadow .18s}.tool-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #14355312}.tool-card[data-kind=meritos]{--accent:#ac853c}.card-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:23px}.tool-icon{display:grid;place-items:center;width:56px;height:56px;border:1px solid #dce7f1;background:#edf4fb;border-radius:13px;color:#255f91}.tool-icon svg{width:30px;height:30px}.tool-card[data-kind=meritos] .tool-icon{background:#faf5e9;color:#916c2c;border-color:#eadbbc}.tool-tag{font-size:12px;font-weight:650;letter-spacing:.8px;color:#63768a;text-transform:uppercase;text-align:right}.tool-card h3{font-size:24px;line-height:1.25;letter-spacing:-.5px;margin:0}.tool-card>p{font-size:16px;color:#526981;margin:14px 0 26px}.card-actions{margin-top:auto;border-top:1px solid #e4ebf2;padding-top:21px;display:flex;justify-content:space-between;align-items:center;gap:12px}.card-action{display:inline-block;color:#fff;background:linear-gradient(110deg,#1d5e97,#143d66);text-decoration:none;border-radius:7px;padding:13px 18px;font-size:14px;font-weight:650;min-height:44px}.card-action:hover{background:#123c65}.card-label{font-size:13px;color:#667d94}.load-state{grid-column:1/-1;padding:30px;background:#fff;border:1px dashed #c0d1e1;border-radius:12px;color:#566d84}.retry{border:1px solid #9cb4ca;padding:12px 18px;border-radius:8px;background:white;color:#174a75;cursor:pointer}.contact-section{background:#e5edf6;border:1px solid #d2dfec;border-radius:15px;display:grid;grid-template-columns:1fr auto;gap:35px;align-items:center;padding:30px}.contact-section h2{font-size:23px}.contact-section p:not(.eyebrow){color:#526981;max-width:630px;margin:12px 0 0}.contact-actions{display:flex;flex-direction:column;gap:15px;font-size:14px;font-weight:650}.contact-actions a{color:#205a8c;text-underline-offset:4px}.support{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:30px 2px 0}.support h2{font-size:18px}.support p{font-size:14px;color:#526981;margin:8px 0 0}.support>a{font-size:14px;white-space:nowrap;color:#154e7e;text-underline-offset:5px}footer{background:#0e223d;color:#c7d9ea}.footer-inner{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px}.footer-inner strong{color:#fff;font-size:24px}.footer-inner small{display:block;font-size:12px;margin-top:6px}.footer-inner p,.footer-inner>a{font-size:13px}.footer-inner>a{text-underline-offset:4px}[hidden]{display:none!important}@media(max-width:700px){.masthead-inner{padding:22px 20px}.brand img{width:68px;height:68px}.brand strong{font-size:30px}.brand small{font-size:10px;letter-spacing:1.3px}.masthead-right{display:none}.portal-nav{padding:12px 16px;gap:3px}.portal-nav a,.portal-nav span{padding:10px;font-size:13px}main{padding:0 18px 32px}.intro{grid-template-columns:1fr;gap:22px;padding:32px 0}.intro h1 br{display:none}.intro h1{font-size:37px}.intro-copy{font-size:16px}.intro-badge{display:none}.tools-section{padding:27px 0 30px}.section-heading{align-items:flex-start}.section-heading h2{font-size:23px}.count{font-size:12px;padding:6px 9px}.tools-grid{grid-template-columns:1fr;gap:18px}.tool-card{padding:23px}.tool-card h3{font-size:23px}.card-label{font-size:12px}.contact-section{grid-template-columns:1fr;gap:22px;padding:24px}.contact-section h2{font-size:22px}.support{align-items:flex-start;flex-direction:column;gap:16px}.footer-inner{align-items:flex-start;flex-direction:column;padding:25px 20px;gap:15px}.footer-inner p{margin:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tool-card{transition:none}.tool-card:hover{transform:none}}

.intro{grid-template-columns:1fr}.intro-copy{max-width:760px}

.portal-welcome{padding:38px 0 32px;border-bottom:0}.portal-welcome h1{font-size:clamp(30px,3.5vw,44px);margin-bottom:12px}.portal-welcome .intro-copy{margin:0;font-size:17px}.portal-welcome+.tools-section{padding-top:12px}@media(max-width:700px){.portal-welcome{padding:28px 0 22px}.portal-welcome h1{font-size:32px;line-height:1.2}.portal-welcome .intro-copy{font-size:16px}}

.ca-header .ca-checker,.checker,.tool-checker,.police-checker{height:8px;background:linear-gradient(90deg,transparent 0%,#75afe3 28%,#b9d9f5 48%,#75afe3 70%,transparent 100%) 0 0/100% 1px no-repeat,linear-gradient(90deg,#16436c 0%,#2871ad 37%,#d6b66e 37%,#d6b66e 43%,#2871ad 43%,#16436c 100%) 0 2px/100% 3px no-repeat,linear-gradient(90deg,transparent,#456c91,transparent) 0 7px/100% 1px no-repeat;background-color:#102544;}

.tool-card[data-kind=codificado]{--accent:#3676b6;--tint:#edf4fc}.tool-card[data-kind=alcoholemia]{--accent:#318d88;--tint:#edf8f6}.tool-card[data-kind=pesaje]{--accent:#8170aa;--tint:#f4f0fa}.tool-card[data-kind=meritos]{--accent:#ac853c;--tint:#faf5e9}.tool-card[data-kind=permutas]{--accent:#66894d;--tint:#f2f7ec}.tool-card[data-kind=juzgados-guardia]{--accent:#ad7160;--tint:#fbf2ee}.tool-card{background:linear-gradient(145deg,var(--tint,#f5f8fb),#fff 65%)}.tool-card .tool-icon{background:var(--tint,#edf4fb);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 25%,white)}


/* iOS: mantener el tamano del campo al enfocar, tambien en contenido dinamico. */ input,textarea,select,[contenteditable]:not([contenteditable="false"]){font-size:16px!important;}

/* Compact welcome and a single tools heading row. */
.portal-welcome{padding:16px 0 18px}
.portal-welcome h1{margin-bottom:8px}
.portal-welcome .intro-copy{margin:0}
.tools-section{padding-top:18px}
.section-heading{flex-wrap:nowrap;align-items:center;gap:10px;margin-bottom:18px}
.section-heading h2{min-width:0}
@media(max-width:700px){.portal-welcome{padding:8px 0 14px}.portal-welcome h1{font-size:29px}.tools-section{padding-top:14px}.section-heading h2{font-size:22px}}

.portal-page main>.ca-area-label{min-height:16.8px}.portal-page .portal-welcome{padding-top:0}.portal-page .portal-welcome h1{margin-top:0}
@media(max-width:760px){.portal-page main>.ca-area-label{min-height:15.4px}}

.home-menu-heading{grid-column:1/-1;margin:18px 0 0;padding:10px 14px;border-left:4px solid #d1ae66;background:#e6eef5;border-radius:6px;font-size:19px;color:#17304e}.home-menu-heading:first-child{margin-top:0}