/* Ilustración propia y estructura editorial de la página administrativo. */
body.administrativo-visual {
 --admin-ink:#142a3d; --admin-muted:#435a6c; --admin-surface:#edf3f7;
 --admin-blue:#285f87; --admin-chip:#dceaf3;
 --admin-art-ground:#dceaf3; --admin-art-accent:#bad4e6;
 --admin-art-blue:#326a92; --admin-art-column:#abc7dc; --admin-art-paper:#fff;
}
html[data-tema="oscuro"] body.administrativo-visual {
 --admin-ink:#f1f5f8; --admin-muted:#c5d3df; --admin-surface:#182c3b;
 --admin-blue:#a9d4f2; --admin-chip:#304f65;
 --admin-art-ground:#203849; --admin-art-accent:#345c78;
 --admin-art-blue:#8fbedf; --admin-art-column:#426e8b; --admin-art-paper:#142a3d;
}
body.administrativo-visual header.admin-hero {
 display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);
 align-items:center; gap:clamp(24px,4vw,64px); max-width:1200px;
 margin:0 auto; padding:clamp(28px,5vw,64px) clamp(16px,4vw,48px);
 text-align:left; border:0; background:transparent; color:var(--admin-ink);
}
body.administrativo-visual .admin-hero h1 { font-size:clamp(32px,4.2vw,58px); line-height:1.13; color:var(--admin-ink); }
body.administrativo-visual .admin-hero .tag { color:var(--admin-blue); }
body.administrativo-visual .admin-hero p { margin-inline:0; color:var(--admin-muted); font-size:clamp(16px,1.5vw,19px); }
body.administrativo-visual .admin-hero .hero__botones { justify-content:flex-start; display:flex; flex-wrap:wrap; gap:12px; }
body.administrativo-visual .admin-hero__art svg { display:block; width:100%; height:auto; }
body.administrativo-visual .miga,
body.administrativo-visual main#contenido { width:100%; max-width:1200px; padding-inline:clamp(16px,4vw,48px); }
body.administrativo-visual main#contenido > section { border:0; background:transparent; padding:24px 0; box-shadow:none; }
body.administrativo-visual main#contenido > section > h2 { border:0; padding:0; margin-bottom:24px; color:var(--admin-ink); }
body.administrativo-visual main#contenido .areas { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
body.administrativo-visual .areas .area {
 min-width:0; padding:clamp(20px,3vw,32px); background:var(--admin-surface);
 border:0; border-radius:20px; box-shadow:none; counter-increment:none;
}
body.administrativo-visual .areas .area::before,
body.administrativo-visual .areas .area::after { display:none; }
body.administrativo-visual .admin-area-icon {
 display:grid; place-items:center; width:64px; height:64px; margin-bottom:20px;
 border-radius:18px; background:var(--admin-chip); color:var(--admin-blue);
}
.admin-area-icon svg { width:34px; height:34px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
body.administrativo-visual .areas .area h3 { color:var(--admin-ink); font-size:clamp(19px,2vw,24px); line-height:1.3; }
body.administrativo-visual .areas .area ul { color:var(--admin-muted); font-size:16px; margin:14px 0 0 20px; }
body.administrativo-visual .areas .area li { margin-bottom:8px; }
body.administrativo-visual .pasos { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin:0; }
body.administrativo-visual .pasos li {
 background:var(--admin-surface); color:var(--admin-muted); border:0; border-radius:20px;
 padding:88px 24px 24px; margin:0; font-size:16px;
}
body.administrativo-visual .pasos li::before {
 top:24px; left:24px; width:44px; height:44px; background:var(--admin-chip);
 color:var(--admin-blue); border-radius:14px; font-size:21px;
}
body.administrativo-visual .pasos b { display:block; color:var(--admin-ink); margin-bottom:12px; font-size:19px; line-height:1.35; }
body.administrativo-visual main#contenido > .cta { background:var(--admin-surface); padding:32px; border-radius:20px; }
body.administrativo-visual main#contenido > .cta p,
body.administrativo-visual .box { color:var(--admin-muted); }
body.administrativo-visual .hero .btn-linea,
body.administrativo-visual .cta .btn-linea { background:var(--admin-chip); color:var(--admin-ink); border:0; }
body.administrativo-visual .btn { min-height:48px; display:inline-flex; justify-content:center; align-items:center; }
body.administrativo-visual .cta a:not(.btn) { color:var(--admin-blue); }
@media(max-width:760px) {
 body.administrativo-visual header.admin-hero { grid-template-columns:1fr; gap:24px; }
 body.administrativo-visual .admin-hero__art { width:min(100%,380px); justify-self:center; }
 body.administrativo-visual main#contenido .areas,
 body.administrativo-visual .pasos { grid-template-columns:1fr; }
 body.administrativo-visual .pasos li { padding:24px 24px 24px 88px; }
 body.administrativo-visual .pasos li::before { left:24px; }
 body.administrativo-visual main#contenido > .cta { padding:24px 20px; }
}
@media(max-width:380px) {
 body.administrativo-visual .hero__botones .btn { width:100%; }
 body.administrativo-visual .pasos li { padding:84px 20px 20px; }
 body.administrativo-visual .pasos li::before { left:20px; }
}
/* Supera las reglas de compatibilidad V4 solo dentro de esta página. */
html.v4-legacy body.administrativo-visual > header.admin-hero { width:100% !important; max-width:1200px !important; margin-inline:auto !important; padding:clamp(28px,5vw,64px) clamp(16px,4vw,48px) !important; border:0 !important; }
html.v4-legacy body.administrativo-visual main#contenido { max-width:1200px !important; margin-inline:auto !important; }
html.v4-legacy body.administrativo-visual main#contenido > section { width:100% !important; max-width:100% !important; margin-inline:0 !important; border:0 !important; }
html.v4-legacy body.administrativo-visual main#contenido > section::before,
html.v4-legacy body.administrativo-visual main#contenido > section::after,
html.v4-legacy body.administrativo-visual main#contenido h2::after,
html.v4-legacy body.administrativo-visual .miga::before,
html.v4-legacy body.administrativo-visual .miga::after { content:none; display:none; }
html.v4-legacy body.administrativo-visual .admin-hero .tag::after { content:none; display:none; }
html.v4-legacy body.administrativo-visual .miga { border:0; }
html.v4-legacy body.administrativo-visual .areas .area { border:0; border-radius:20px !important; background:var(--admin-surface) !important; transition:none; }
html.v4-legacy body.administrativo-visual main#contenido h2 { border:0 !important; }
html.v4-legacy body.administrativo-visual .pasos li { transition:none; }
html.v4-legacy body.administrativo-visual .pasos { max-width:none; width:100%; margin-inline:0; }
html.v4-legacy body.administrativo-visual .admin-hero .tag { max-width:none; width:auto; }
html.v4-legacy body.administrativo-visual .admin-hero h1 { max-width:none !important; }
html.v4-legacy body.administrativo-visual .hero .btn-linea,
html.v4-legacy body.administrativo-visual .cta .btn-linea { background:var(--admin-chip); color:var(--admin-ink); border:0; }
html.v4-legacy body.administrativo-visual main#contenido > .cta { border-radius:20px; }
@media(min-width:761px) {
 html.v4-legacy body.administrativo-visual main#contenido .areas { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}