/* AMET V1 con fachada inspirada en la muestra V2. La lógica sigue en app.js. */
:root{--bg:#f5f8fc;--panel:#fff;--panel2:#edf4fb;--line:#d6e4f2;--text:#15315c;--muted:#60718b;--gold:#e8ad63;color-scheme:light}
html{scroll-behavior:smooth}body{background:#e7eef7;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.shell{max-width:none;width:100%;background:var(--bg);min-height:100dvh}
.v2-demo-bar{background:#08224a;color:#deecff;text-align:center;padding:7px 16px;font-size:11px;letter-spacing:.08em;font-weight:750}
header.v2-top{position:sticky;top:0;z-index:20;display:block;padding:0;background:#fff;box-shadow:0 4px 22px #0d36601a;color:#113c80}
.v2-top-inner{width:min(1180px,calc(100% - 44px));min-height:82px;margin:auto;display:flex;align-items:center;gap:18px}
header.v2-top .brand{flex:none;display:flex;align-items:center;gap:12px;color:#123c81}
header.v2-top .brand img{width:53px;height:53px;border:3px solid #d9edfa}
header.v2-top .brand b{font-size:21px;letter-spacing:0;white-space:nowrap;line-height:1.1}
header.v2-top .brand small{color:#627795;font-size:10px;font-weight:750;letter-spacing:.07em;text-transform:uppercase}
.v2-top nav.v2-desktop-nav{position:static;display:flex;flex:1;justify-content:center;gap:clamp(3px,1.4vw,15px);padding:0;background:transparent;border:0;box-shadow:none;z-index:auto}
.v2-top nav.v2-desktop-nav button{display:inline-flex;flex:none;min-height:42px;padding:8px 3px;background:transparent;border:0;color:#173a70;font-size:13px;font-weight:700;white-space:nowrap}
.v2-top nav.v2-desktop-nav button:hover{color:#1c6cc8;background:transparent}
.v2-profile{flex:none;background:#103e88;color:#fff;border:0;border-radius:100px;padding:12px 18px;font-weight:750;font-size:13px}
.v2-theme-toggle{flex:none;border:1px solid #b9d5e8;background:#eef7ff;color:#16457c;border-radius:100px;padding:11px 14px;font-size:12px;font-weight:800;white-space:nowrap}
.v2-mobile-theme{grid-column:1/-1}
.v2-menu-toggle{display:none;margin-left:auto;border:1px solid #d6e4f2;background:#fff;color:#103c81;border-radius:11px;width:43px;height:43px;font-size:22px}
.v2-mobile-nav{display:none}
main{flex:1;width:min(1180px,calc(100% - 44px));margin:auto;padding:34px 0 100px}
h1,h2,h3{color:#103665;letter-spacing:-.035em}h1{font-size:clamp(29px,3vw,40px)}h2{font-size:clamp(21px,2vw,29px)}p{color:#60718b}
a{color:#225fad}.card,.tile,.document,.afiliacion-heading{background:#fff;border-color:#d9e5f1;color:#17365f;box-shadow:0 8px 24px #1b477c0b}
.tile:hover,.document:hover{background:#f1f7fd}.tile-link small{color:#557a9e}
.button{background:#edf4fc;border-color:#cbdfee;color:#194986;font-weight:700}.button.primary{background:#1756a4;border-color:#1756a4;color:white}.tag{background:#e5f2ff;color:#225ca2}
input,textarea,select{background:#fff;border-color:#b7cde0;color:#1b385a;color-scheme:light}.form label{color:#425c76}
footer{background:#081f46;border-color:#1b426c;color:#bacde2;padding:30px max(22px,calc((100vw - 1180px)/2));font-size:12px;line-height:1.55}
#nav{display:none}

/* Portada y los cuatro accesos principales */
.v2-hero{width:100vw;margin:-34px 0 0 calc(50% - 50vw);position:relative;overflow:hidden;background:linear-gradient(118deg,#0a2b60,#0d3f89 56%,#2060b6);color:white}
.v2-hero:before{content:"";width:740px;height:740px;position:absolute;right:-180px;top:-480px;border:1px solid #ffffff2c;border-radius:50%;box-shadow:0 0 0 90px #ffffff0a,0 0 0 180px #ffffff08,0 0 0 270px #ffffff06}
.v2-hero-grid{width:min(1180px,calc(100% - 44px));min-height:500px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px;padding:54px 0 62px;position:relative}
.v2-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:850;letter-spacing:.17em;text-transform:uppercase}.v2-eyebrow:before{content:"";width:26px;height:2px;background:#f2bb62}
.v2-hero h1{color:white;max-width:580px;font-size:clamp(46px,5.5vw,82px);line-height:1.05;letter-spacing:-.055em;margin:20px 0 17px}
.v2-hero h1 span{color:#bdeafb}.v2-hero p{color:#d9e8fc;line-height:1.7;max-width:550px;font-size:16px}
.v2-hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:29px}
.v2-hero-button{min-height:46px;border:1px solid transparent;border-radius:11px;padding:12px 18px;background:white;color:#103c82;font-weight:800}
.v2-hero-button.v2-outline{background:#ffffff13;border-color:#9ac4f17a;color:white}
.v2-hero-art{min-height:365px;position:relative;display:grid;place-items:center}
.v2-art-frame{position:relative;overflow:hidden;width:min(100%,475px);aspect-ratio:1.16;display:flex;flex-direction:column;justify-content:space-between;padding:23px;border:1px solid #ffffff44;border-radius:27px;box-shadow:0 25px 60px #001b4d70;background:linear-gradient(155deg,#5293d566,#092d66dd),radial-gradient(circle at 75% 20%,#7ec7e9 0 13%,transparent 38%)}
.v2-art-frame:after{content:"";position:absolute;left:-35px;right:-35px;bottom:-52px;height:160px;background:linear-gradient(150deg,#56b3cf66 12%,#154486 43%,#062354 70%);clip-path:polygon(0 70%,15% 38%,28% 59%,49% 12%,64% 45%,83% 0,100% 38%,100% 100%,0 100%)}
.v2-art-frame>div,.v2-art-label{position:relative;z-index:1}
.v2-art-label{align-self:flex-start;border:1px solid #ffffff77;background:#0b397b8c;padding:9px 12px;border-radius:10px;font-size:11px;font-weight:850;letter-spacing:.1em}
.v2-art-frame strong{display:block;font-size:clamp(32px,3.4vw,52px);line-height:1.05;letter-spacing:-.05em;color:white;text-shadow:0 3px 12px #052b5a}
.v2-art-frame small{display:block;color:#e5f5fd;margin-top:12px}
.v2-art-badge{position:absolute;right:-10px;bottom:-14px;z-index:2;width:132px;height:132px;border-radius:22px;padding:16px;background:white;color:#174486;text-align:center;display:grid;place-items:center;transform:rotate(7deg);box-shadow:0 15px 40px #08265a70}
.v2-art-badge img{width:83px;height:83px;object-fit:cover;border-radius:50%}.v2-art-badge small{font-size:9px;font-weight:850}
.v2-utility{width:100vw;margin:0 0 0 calc(50% - 50vw);background:white;border-bottom:1px solid #d9e5f1;padding:16px max(22px,calc((100vw - 1180px)/2));display:flex;align-items:center;flex-wrap:wrap;gap:14px;font-size:13px;color:#123b80}
.v2-utility a{font-weight:650;color:#516883;border-left:1px solid #d7e2ef;padding-left:13px}
.home-features,.v2-promo-section,.home-tools{padding:76px 0 0;margin:0}
.v2-kicker{display:block;color:#2e6cc0;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.18em;margin-bottom:10px}
.home-features h2,.v2-promo-section h2,.home-tools h2{font-size:clamp(29px,3vw,42px);line-height:1.12;color:#103665;letter-spacing:-.045em;margin-bottom:9px}
.home-features>p{margin:0 0 26px}
.v2-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.v2-quick-grid .feature-card{display:flex;flex-direction:column;align-items:flex-start;gap:0;min-height:220px;padding:23px;margin:0;border:1px solid #d6e7f6;border-radius:20px;background:#fff;color:#15315c;box-shadow:0 8px 30px #1b477c0a;transition:transform .2s,box-shadow .2s}
.v2-quick-grid .feature-card:hover{transform:translateY(-3px);box-shadow:0 18px 50px #102f5e19;filter:none}
.v2-quick-grid .feature-salario{color:white;border-color:#1b59a9;background:linear-gradient(150deg,#123b81,#2267bf)}
.v2-quick-grid .feature-icon{width:49px;height:49px;margin:0 0 27px;border-radius:13px;background:#e9f4ff;color:#1754a4}
.v2-quick-grid .feature-salario .feature-icon{background:#ffffff2c;color:white}
.v2-quick-grid .feature-icon svg{width:29px;height:29px}.v2-quick-grid .feature-copy{display:block}.v2-quick-grid .feature-copy strong{display:block;font-size:20px;line-height:1.2;margin-bottom:8px}.v2-quick-grid .feature-copy small{display:block;font-size:12px;line-height:1.5;color:#647890}
.v2-quick-grid .feature-salario .feature-copy small{color:#cce2ff}.v2-quick-grid .feature-arrow{margin:auto 0 0;padding-top:13px;color:#2867b5;font-size:22px}.v2-quick-grid .feature-salario .feature-arrow{color:white}
.v2-promo-section .promo-carousel{max-width:900px;margin:24px auto 0}.v2-promo-section .promo-stage{border-color:#b6d7ef;box-shadow:0 18px 38px #10396127}
.home-tools .tools-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:22px}
.home-tools .tool-card{min-height:125px;border:1px solid #d7e6f4;border-radius:18px;padding:20px;background:#fff;color:#15315c;box-shadow:0 8px 28px #1b477c0b}
.home-tools .tool-copy{font-size:17px}.home-tools .tool-copy small{color:#627b93;font-size:11px}.home-tools .tool-arrow{color:#2769b2}
.home-tools .tool-schools{grid-column:span 2;border:2px solid #ab72e6;background:linear-gradient(115deg,#3a2862,#182f62);color:#fff;box-shadow:0 0 18px #a447f34f}
.home-tools .tool-schools .tool-copy small{color:#e2c8ff}.home-tools .tool-schools .tool-arrow{color:#d4a7ff}
.home-tools .tool-afiliacion{grid-column:span 1;border-color:#76b7e8;background:#e8f5ff}.home-tools .tool-afiliacion .tool-copy small{color:#496b91}
.home-tools .tool-tramites{grid-column:span 1}
.home-ads{max-width:900px;margin:48px auto 20px}

/* Las pantallas de la versión funcional adoptan la misma paleta. */
main:not(:has(.v2-hero))>h1:first-child{margin:9px 0 15px;font-size:clamp(30px,4vw,43px)}
.section-hero{border:0;border-radius:23px;background:linear-gradient(115deg,#0a2b60,#1d61b0);padding:27px;color:white;box-shadow:0 18px 37px #102f5e2b}
.section-hero h1,.section-hero p{color:#fff}.section-eyebrow{color:#c5eaff}.section-icon{background:#ffffff25;color:white}
.section-ofrecimientos,.section-formacion{background:linear-gradient(115deg,#0a3569,#2769b5)}
.section-back{color:#225fad}.salary-heading p,.salary-hint{color:#60718b}
.salary-general,.salary-form,.salary-reference,.salary-output,.salary-demo,.school-search{background:#fff;color:#15315c;border-color:#d6e4f2;box-shadow:0 8px 25px #19436b0b}
.salary-general>summary,.salary-reference h2,.salary-output h2,.salary-demo h2{color:#103665}
.salary-general>p,.salary-reference p,.salary-demo p,.salary-output p{color:#60718b}
.salary-form label,.salary-switch legend,.salary-demo-fields label,.salary-reference legend{color:#425c76}
.salary-form select,.salary-form input[type=number],.salary-reference select,.salary-reference input[type=number],.salary-demo-fields input,.salary-proposal select{background:#f5f9fd;border-color:#aec8df;color:#173b69;color-scheme:light}
.salary-form option{background:#fff;color:#15315c}.salary-proposal{border-bottom-color:#d6e4f2;color:#365c7d}.salary-proposal strong{color:#225fad}
.salary-switch span,.salary-manual summary{background:#edf4fc;border-color:#bfd5ea;color:#173b69}.salary-switch input:checked+span{background:#1c60ac;color:white;border-color:#1c60ac}
.salary-options summary,.salary-reference .reference-unions{color:#173b69;border-color:#d6e4f2}
.salary-status,.salary-formula{background:#eef6fd;color:#365c7d;border-left-color:#4c9ad6}
.salary-result-card{background:linear-gradient(115deg,#0b3979,#1b64ae);border-color:#84b6ed;box-shadow:0 12px 30px #0a2b6052}
.salary-result-card>strong,.salary-result-card small{color:#e4f3ff}.salary-output .salary-result-card .salary-estimate-main{color:#fff}
.salary-output .salary-demo-row{border-bottom-color:#d6e4f2;color:#173b69}.salary-output .salary-demo-row:last-of-type{color:#1b61ad}
.offerings-card,.cenet-card,.pav-card{background:#fff;border-color:#d6e4f2}.offerings-card label,.cenet-card h2,.cenet-card b,.pav-card h2{color:#15315c}
.offerings-card select{border-color:#a9cce6}.offerings-result h2{color:#1d60ab}.cenet-card .button.primary,.section-formacion~.cenet-card a.button.primary{background:#1756a4;border-color:#1756a4;color:white}
.pav-card p,.pav-card .pav-note{color:#60718b}.pav-topics span{background:#e9f4fc;color:#173d69;border-color:#c8deef}.pav-topics b{color:#2671bd}.pav-card .pav-button{background:#1756a4;border-color:#1756a4;color:white}
.document{background:#fff;color:#183a66}.document small{color:#256ab5}.social-card{margin-top:40px}.social-link{background:#edf4fc;border-color:#d2e1ef;color:#174276}.social-link span:last-child{color:#385e85}.social-whatsapp{background:#e5f8ef;border-color:#b8e5cf}
.news-card,.news-entry{background:#fff;border-color:#d6e4f2;color:#15315c;box-shadow:0 8px 28px #1b477c0b}.news-entry-body p{color:#60718b}.news-source{color:#2368b4}
.school-hero{background:linear-gradient(115deg,#292a72,#254e9a);color:white}.school-hero h1,.school-hero p{color:white}.school-summary{color:#60718b}.school-summary strong{color:#7044b3}
.school-fields label{color:#425c76}.school-fields select,.school-fields input{background:#f5f9fd;border-color:#aec8df;color:#173b69}
.school-message,.school-source{color:#60718b}.school-result{background:#f7fbff;border-color:#d4e2f0;color:#183b67}.school-result:hover{background:#eaf3ff}.school-result small{color:#637b92}.school-detail{background:#fff;color:#173b69}.school-detail-item{border-color:#d8e4ef}.school-detail-item strong,.school-detail-item a{color:#153b72}.school-map-note{color:#60718b}
.ad{background:#e8f5fb;border-color:#bddde9}.notice{background:#eaf4fd;color:#28527d}
.chat-open{right:20px;bottom:20px;border:2px solid white;background:#0d418e;box-shadow:0 12px 35px #09275b55}
.chat-panel{right:20px;bottom:82px;background:#fff;color:#193865;border-color:#cbdff0;box-shadow:0 22px 60px #0a2b6055}.chat-head{background:#0f418f}.chat-log{background:#f7fbff}.bubble{background:#e3f0fa;color:#153a70}.bubble.mine{background:#175da8;color:#fff}.chat-panel small{color:#60718b}

@media(max-width:1080px){.v2-top nav.v2-desktop-nav{gap:5px}.v2-top nav.v2-desktop-nav button{font-size:11px}header.v2-top .brand b{font-size:18px}.v2-hero-grid{gap:28px}}
@media(max-width:850px){.v2-top nav.v2-desktop-nav,.v2-profile,.v2-theme-toggle{display:none}.v2-menu-toggle{display:block}.v2-mobile-nav:not([hidden]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px 22px 18px;border-top:1px solid #e5edf5}.v2-mobile-nav button{background:#edf4fc;border:1px solid #d5e4f0;border-radius:10px;color:#16457c;padding:12px;text-align:left;font-weight:700}.v2-mobile-nav .v2-mobile-theme{grid-column:1/-1;background:#d8edfd;border-color:#a8d1ec}.v2-hero-grid{grid-template-columns:1fr;padding:48px 0 75px}.v2-hero-art{min-height:275px}.v2-art-frame{max-width:560px;aspect-ratio:1.8}.v2-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-tools .tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-tools .tool-afiliacion{grid-column:span 1}}
@media(max-width:600px){.v2-top-inner{width:calc(100% - 32px);min-height:70px}header.v2-top .brand img{width:45px;height:45px}header.v2-top .brand b{font-size:18px}header.v2-top .brand small{font-size:9px}.v2-demo-bar{font-size:9px;padding:5px 11px}main{width:calc(100% - 32px);padding:0 0 114px}.v2-hero{margin-top:0}.v2-hero-grid{width:calc(100% - 32px);padding:42px 0 64px;gap:23px}.v2-hero h1{font-size:clamp(41px,11vw,62px)}.v2-hero p{font-size:15px}.v2-hero-art{min-height:230px}.v2-art-frame{aspect-ratio:1.24}.v2-art-badge{width:88px;height:88px;padding:8px;right:0;bottom:-12px}.v2-art-badge img{width:60px;height:60px}.v2-art-badge small{display:none}.v2-art-frame strong{font-size:clamp(29px,9vw,42px)}.v2-utility{font-size:11px;padding:12px 16px;gap:8px}.v2-utility a{padding-left:8px}.home-features,.v2-promo-section,.home-tools{padding-top:63px}.v2-quick-grid{gap:10px}.v2-quick-grid .feature-card{min-height:192px;padding:17px}.v2-quick-grid .feature-icon{margin-bottom:18px}.v2-quick-grid .feature-copy strong{font-size:16px}.v2-quick-grid .feature-copy small{font-size:11px}.home-tools .tools-grid{gap:10px}.home-tools .tool-card{padding:13px;min-height:94px}.home-tools .tool-copy{font-size:14px}.home-tools .tool-schools{grid-column:1/-1}.home-tools .tool-afiliacion{grid-column:1/-1}.v2-promo-section .promo-stage{aspect-ratio:1.7}main:not(:has(.v2-hero)){padding-top:24px}#nav{position:sticky;bottom:0;display:flex;background:#fff;border-top:1px solid #d6e4f2;box-shadow:0 -5px 20px #0a35691a}#nav button{color:#335d80}#nav button[aria-current=page]{background:#e2f0fd;border-color:#8bb7e4;color:#134f97;box-shadow:inset 0 -3px #367ec7}#nav .nav-symbol{background:#dceefd;color:#215ca1}.chat-open{bottom:97px;right:12px}.chat-panel{bottom:87px;right:12px}.school-search{margin-bottom:16px}}
@media(max-width:390px){.v2-quick-grid .feature-card{min-height:184px;padding:13px}.v2-quick-grid .feature-copy strong{font-size:15px}.v2-quick-grid .feature-icon{width:43px;height:43px}.v2-art-label{font-size:9px}.v2-hero h1{font-size:39px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Modo oscuro voluntario. Las tarjetas conservan su jerarquía con bordes luminosos. */
html[data-theme="dark"]{--bg:#081523;--panel:#102238;--panel2:#18354a;--line:#355772;--text:#edf7ff;--muted:#b8cddd;--gold:#ffca81;color-scheme:dark}
html[data-theme="dark"] body{background:#06101c;color:var(--text)}
html[data-theme="dark"] .shell{background:var(--bg)}
html[data-theme="dark"] .v2-demo-bar{background:#050f20;color:#b8d8f1;border-bottom:1px solid #21456c}
html[data-theme="dark"] header.v2-top{background:#0d1f34;box-shadow:0 4px 24px #0008;color:#e9f6ff;border-bottom:1px solid #294763}
html[data-theme="dark"] header.v2-top .brand,html[data-theme="dark"] .v2-top nav.v2-desktop-nav button{color:#eaf5ff}
html[data-theme="dark"] header.v2-top .brand small{color:#b4c9de}
html[data-theme="dark"] .v2-top nav.v2-desktop-nav button:hover{color:#7de8ff}
html[data-theme="dark"] .v2-theme-toggle,html[data-theme="dark"] .v2-menu-toggle{background:#19334b;color:#a8f1ff;border-color:#5a95af}
html[data-theme="dark"] .v2-profile{background:#1e6596;color:#fff}
html[data-theme="dark"] main h1,html[data-theme="dark"] main h2,html[data-theme="dark"] main h3{color:#f1f9ff}
html[data-theme="dark"] p,html[data-theme="dark"] .muted{color:#b8cddd}
html[data-theme="dark"] a{color:#8ae8ff}
html[data-theme="dark"] .card,html[data-theme="dark"] .tile,html[data-theme="dark"] .document,html[data-theme="dark"] .afiliacion-heading{background:#102238;border-color:#355772;color:#edf7ff;box-shadow:0 10px 28px #0005}
html[data-theme="dark"] .tile:hover,html[data-theme="dark"] .document:hover{background:#19354d}
html[data-theme="dark"] .tile-link small,html[data-theme="dark"] .form label{color:#bbd2e3}
html[data-theme="dark"] .button{background:#19354d;border-color:#5484a3;color:#e9f7ff}
html[data-theme="dark"] .button.primary{background:#208fb2;border-color:#57d7f4;color:#041923}
html[data-theme="dark"] .tag{background:#193e59;color:#a9efff}
html[data-theme="dark"] input,html[data-theme="dark"] textarea,html[data-theme="dark"] select{background:#0a1b2b;border-color:#50738e;color:#f0f9ff;color-scheme:dark}
html[data-theme="dark"] select option{background:#102238;color:#f0f9ff}
html[data-theme="dark"] footer{background:#071422;border-color:#2a4d64;color:#b6cbdc}
html[data-theme="dark"] .v2-hero{background:linear-gradient(120deg,#06172c,#0b2a4b 58%,#144570)}
html[data-theme="dark"] .v2-hero h1,html[data-theme="dark"] .section-hero h1{color:#fff}
html[data-theme="dark"] .v2-hero h1 span{color:#90efff}
html[data-theme="dark"] .v2-hero p{color:#d7e8f6}
html[data-theme="dark"] .v2-hero-button{background:#b9f3ff;color:#08283a}
html[data-theme="dark"] .v2-hero-button.v2-outline{background:#183d5c;color:#f0f9ff;border-color:#8acfe8}
html[data-theme="dark"] .v2-utility{background:#0e2237;border-color:#315572;color:#d6e9f6}
html[data-theme="dark"] .v2-utility a{border-color:#3b6480;color:#9de6f4}
html[data-theme="dark"] .v2-kicker{color:#78dfff}
html[data-theme="dark"] .home-features h2,html[data-theme="dark"] .v2-promo-section h2,html[data-theme="dark"] .home-tools h2{color:#f0f8ff}
html[data-theme="dark"] .v2-quick-grid .feature-card{background:linear-gradient(145deg,#142b40,#0e2235);color:#f1faff;border:2px solid var(--accent);box-shadow:0 0 14px color-mix(in srgb,var(--accent) 38%,transparent),0 12px 24px #0006}
html[data-theme="dark"] .v2-quick-grid .feature-card:hover{box-shadow:0 0 24px color-mix(in srgb,var(--accent) 55%,transparent),0 14px 30px #0008}
html[data-theme="dark"] .v2-quick-grid .feature-salario{--accent:#ffc77c}
html[data-theme="dark"] .v2-quick-grid .feature-ofrecimientos{--accent:#62e6ff}
html[data-theme="dark"] .v2-quick-grid .feature-formacion{--accent:#9fbdff}
html[data-theme="dark"] .v2-quick-grid .feature-recibo{--accent:#7bf1c7}
html[data-theme="dark"] .v2-quick-grid .feature-icon{background:color-mix(in srgb,var(--accent) 18%,#102339);color:var(--accent)}
html[data-theme="dark"] .v2-quick-grid .feature-copy small{color:#c1d7e7}
html[data-theme="dark"] .v2-quick-grid .feature-arrow{color:var(--accent)}
html[data-theme="dark"] .home-tools .tool-card{background:#10283b;color:#f0f9ff;border:2px solid #5ca4bb;box-shadow:0 0 11px #49d8e33a,0 8px 20px #0005}
html[data-theme="dark"] .home-tools .tool-card:nth-child(3n){border-color:#6de5c5;box-shadow:0 0 11px #6de5c538,0 8px 20px #0005}
html[data-theme="dark"] .home-tools .tool-schools{background:linear-gradient(115deg,#241b47,#14273d);border-color:#ba84ff;box-shadow:0 0 19px #a962ef78}
html[data-theme="dark"] .home-tools .tool-afiliacion{background:linear-gradient(115deg,#12394b,#10283b);border-color:#65e4f5;box-shadow:0 0 14px #5de1ef50}
html[data-theme="dark"] .home-tools .tool-copy small{color:#c6d9e8}
html[data-theme="dark"] .home-tools .tool-arrow{color:#a5eaff}
html[data-theme="dark"] .section-hero{background:linear-gradient(115deg,#102b4b,#134061);border:1px solid #6ccbec}
html[data-theme="dark"] .section-hero p,html[data-theme="dark"] .salary-heading p,html[data-theme="dark"] .salary-hint{color:#d4e7f4}
html[data-theme="dark"] .salary-general,html[data-theme="dark"] .salary-form,html[data-theme="dark"] .salary-reference,html[data-theme="dark"] .salary-output,html[data-theme="dark"] .salary-demo,html[data-theme="dark"] .school-search{background:#102438;color:#edf7ff;border-color:#395e78;box-shadow:0 8px 25px #0006}
html[data-theme="dark"] .salary-general>summary,html[data-theme="dark"] .salary-reference h2,html[data-theme="dark"] .salary-output h2,html[data-theme="dark"] .salary-demo h2{color:#edf8ff}
html[data-theme="dark"] .salary-general>p,html[data-theme="dark"] .salary-reference p,html[data-theme="dark"] .salary-demo p,html[data-theme="dark"] .salary-output p{color:#c0d2df}
html[data-theme="dark"] .salary-form label,html[data-theme="dark"] .salary-switch legend,html[data-theme="dark"] .salary-demo-fields label,html[data-theme="dark"] .salary-reference legend{color:#d2e4f0}
html[data-theme="dark"] .salary-form select,html[data-theme="dark"] .salary-form input[type=number],html[data-theme="dark"] .salary-reference select,html[data-theme="dark"] .salary-reference input[type=number],html[data-theme="dark"] .salary-demo-fields input,html[data-theme="dark"] .salary-proposal select{background:#0a1b2b;border-color:#5a809b;color:#f0f9ff;color-scheme:dark}
html[data-theme="dark"] .salary-form option{background:#0a1b2b;color:#fff}
html[data-theme="dark"] .salary-proposal{border-bottom-color:#395e78;color:#cfdfec}
html[data-theme="dark"] .salary-proposal strong{color:#8fe8ff}
html[data-theme="dark"] .salary-switch span,html[data-theme="dark"] .salary-manual summary{background:#18384e;border-color:#5988a6;color:#eaf7ff}
html[data-theme="dark"] .salary-switch input:checked+span{background:#147898;border-color:#73e5f9;color:#fff}
html[data-theme="dark"] .salary-options summary,html[data-theme="dark"] .salary-reference .reference-unions{color:#e4f5ff;border-color:#395e78}
html[data-theme="dark"] .salary-status,html[data-theme="dark"] .salary-formula,html[data-theme="dark"] #salary-quick-message:not(:empty){background:#18384b;color:#cee4f2;border-left-color:#72def5}
html[data-theme="dark"] .salary-result-card{background:linear-gradient(115deg,#123c60,#16698e);border-color:#81e9ff}
html[data-theme="dark"] .salary-output .salary-demo-row{border-bottom-color:#365a73;color:#e5f4ff}
html[data-theme="dark"] .salary-output .salary-demo-row:last-of-type{color:#a3f0ff}
html[data-theme="dark"] .offerings-card,html[data-theme="dark"] .cenet-card,html[data-theme="dark"] .pav-card{background:#10283b;border-color:#4e8aa9;color:#edf7ff}
html[data-theme="dark"] .offerings-card label,html[data-theme="dark"] .cenet-card h2,html[data-theme="dark"] .cenet-card b,html[data-theme="dark"] .pav-card h2{color:#f0faff}
html[data-theme="dark"] .offerings-result h2{color:#8eeaff}
html[data-theme="dark"] .pav-card p,html[data-theme="dark"] .pav-card .pav-note{color:#c2d5e3}
html[data-theme="dark"] .pav-topics span{background:#193c52;color:#e2f8ff;border-color:#4e859c}
html[data-theme="dark"] .pav-topics b{color:#80eaff}
html[data-theme="dark"] .document{background:#102438;color:#edf7ff}
html[data-theme="dark"] .document small{color:#8feaff}
html[data-theme="dark"] .social-link{background:#17364d;border-color:#487a99;color:#e8f8ff}
html[data-theme="dark"] .social-link span:last-child{color:#c4dcec}
html[data-theme="dark"] .social-whatsapp{background:#143b37;border-color:#4dc89e}
html[data-theme="dark"] .news-card,html[data-theme="dark"] .news-entry{background:#102438;border-color:#365e79;color:#edf7ff;box-shadow:0 8px 28px #0005}
html[data-theme="dark"] .news-entry-body p{color:#c0d3e2}
html[data-theme="dark"] .news-source{color:#9be8ff}
html[data-theme="dark"] .school-summary,html[data-theme="dark"] .school-message,html[data-theme="dark"] .school-source,html[data-theme="dark"] .school-map-note{color:#bfd5e6}
html[data-theme="dark"] .school-summary strong{color:#c49cff}
html[data-theme="dark"] .school-fields label{color:#d1e6f4}
html[data-theme="dark"] .school-fields select,html[data-theme="dark"] .school-fields input{background:#0a1b2b;border-color:#5a809b;color:#f0f9ff}
html[data-theme="dark"] .school-result,html[data-theme="dark"] .school-detail{background:#10283c;border-color:#3f6985;color:#e9f7ff}
html[data-theme="dark"] .school-result:hover{background:#1b3d55}
html[data-theme="dark"] .school-result small{color:#bdd4e4}
html[data-theme="dark"] .school-detail-item{border-color:#3f6985}
html[data-theme="dark"] .school-detail-item strong,html[data-theme="dark"] .school-detail-item a{color:#a8eaff}
html[data-theme="dark"] .ad,html[data-theme="dark"] .notice{background:#16334a;border-color:#4b8da8;color:#e5f4ff}
html[data-theme="dark"] .message{background:#1c3c50;color:#e5f4ff}
html[data-theme="dark"] .message.admin{background:#234b42}
html[data-theme="dark"] .chat-open{border-color:#80e8f6;background:#12627b;box-shadow:0 0 20px #49dfee77}
html[data-theme="dark"] .chat-panel{background:#102438;border-color:#4b809b;color:#ecf8ff}
html[data-theme="dark"] .chat-head{background:#114866}
html[data-theme="dark"] .chat-log{background:#0b1b2b}
html[data-theme="dark"] .bubble{background:#1a3c52;color:#ecf8ff}
html[data-theme="dark"] .bubble.mine{background:#1d708f;color:#fff}
html[data-theme="dark"] .chat-panel small{color:#bbd0e2}
html[data-theme="dark"] .afiliacion-heading .afiliacion-preview{border-color:#587c98}
@media(max-width:850px){html[data-theme="dark"] .v2-mobile-nav:not([hidden]){background:#0e2134;border-top-color:#33556f}html[data-theme="dark"] .v2-mobile-nav button{background:#17384e;color:#e8f7ff;border-color:#426e88}html[data-theme="dark"] .v2-mobile-nav .v2-mobile-theme{background:#13495e;color:#a7f1ff;border-color:#6cc8df}}
@media(max-width:600px){html[data-theme="dark"] #nav{background:#0d2133;border-top-color:#37617a;box-shadow:0 -5px 20px #0008}html[data-theme="dark"] #nav button{color:#d3e6f4}html[data-theme="dark"] #nav button[aria-current=page]{background:#193e55;border-color:#71e3f4;color:#a8f1ff;box-shadow:inset 0 -3px #67dbf1}html[data-theme="dark"] #nav .nav-symbol{background:#184660;color:#89e8fa}}

/* Mostrar u ocultar contraseña en acceso y cambio de clave. */
.password-field{display:grid;gap:5px;font-size:13px;color:#425c76}
.password-field>label{font-weight:600}
.password-wrap{position:relative;display:block}
.password-wrap input{display:block;width:100%;padding-right:55px}
.password-visibility{position:absolute;right:5px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:42px;height:38px;min-height:38px;border:0;border-radius:8px;background:transparent;color:#245d99}
.password-visibility:hover{background:#deedf9}
.password-visibility svg{width:23px;height:23px;pointer-events:none}
.password-visibility .eye-slash{display:none}
.password-visibility[aria-pressed="true"] .eye-slash{display:block}
html[data-theme="dark"] .password-field{color:#d2e4f0}
html[data-theme="dark"] .password-visibility{color:#92e6fb}
html[data-theme="dark"] .password-visibility:hover{background:#1b4259}

/* Acceso visible al tema en la esquina superior derecha de la portada. */
.v2-hero-theme{position:absolute;top:18px;right:0;z-index:4;display:inline-flex;align-items:center;justify-content:center;max-width:185px;min-height:43px;padding:8px 13px;border:2px solid #d8fff4;border-radius:13px;background:#83f8d5;color:#073b43;font-size:12px;font-weight:900;line-height:1.2;text-align:center;box-shadow:0 0 17px #5cffe9a3,0 8px 20px #00172c8c;transition:transform .2s ease,box-shadow .2s ease}
.v2-hero-theme:hover{transform:translateY(-2px);box-shadow:0 0 25px #5cffe9,0 9px 22px #00172c9c}
.v2-hero-theme:focus-visible{outline:3px solid #fff;outline-offset:3px}
html[data-theme="dark"] .v2-hero-theme{background:#9affdd;border-color:#edfff8;color:#073b43;box-shadow:0 0 22px #68ffd5b8,0 8px 22px #0009}
@media(max-width:850px){.v2-hero-grid{padding-top:75px}}
@media(max-width:600px){.v2-hero-grid{padding-top:75px}.v2-hero-theme{top:13px;right:0;max-width:184px;min-height:41px}}
@media(max-width:390px){.v2-hero-theme{max-width:170px;font-size:11px;padding:7px 10px}}