/* CIDEMET Sitio 2026 */
body{margin:0;background:#FFFFFF}
.cd{font-family:'Archivo',system-ui,sans-serif;color:#13203A;background:#FFFFFF;font-size:17px;line-height:1.6}
.cd *{box-sizing:border-box}
.cd a{color:#1A3470}.cd a:hover{color:#0B1C44}
.cd a:focus-visible,.cd button:focus-visible,.cd input:focus-visible+span{outline:2px solid #00AEEF;outline-offset:3px}
.cd svg text[font-family*="Arial Black"]{font-family:'Arial Black','Montserrat',sans-serif}
.wrap{max-width:1280px;margin:0 auto;padding-left:32px;padding-right:32px}
.h2{margin:0;font-weight:400;font-variation-settings:'wdth' 112;font-size:42px;line-height:1.1;letter-spacing:-.012em}
.eyebrow{font-size:14px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:#0B6E99}
.btn{display:inline-block;background:#1A3470;color:#FFFFFF!important;text-decoration:none;padding:15px 26px;border-radius:6px;font-weight:500;border:0;font:inherit;cursor:pointer}
.btn2{display:inline-block;color:#1A3470;text-decoration:none;padding:13.5px 24px;border-radius:6px;border:1.5px solid #1A3470;font-weight:500}
.pt{opacity:0;transform-box:fill-box;transform-origin:center;animation:pt .5s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes pt{from{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}
.dt{opacity:0;transform-box:fill-box;transform-origin:center;animation:pt .35s ease-out forwards}
/* mapa */
.mapa .d{transition:opacity .2s,transform .25s cubic-bezier(.2,.7,.2,1);cursor:pointer}
.mapa .d.pt{opacity:1;animation-fill-mode:backwards}
.lgs{columns:2 230px;column-gap:40px}
.lg{break-inside:avoid;padding-bottom:22px}
.lg h3{margin:0 0 8px;font-size:14px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:#5D6A7C}
.lg ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.k{display:flex;gap:10px;align-items:center;width:100%;text-align:left;background:none;border:0;padding:6px 8px;margin-left:-8px;border-radius:6px;font:inherit;font-size:16px;color:#13203A;cursor:pointer}
.k:hover{background:#E6F0FA}
.r{position:absolute;opacity:0;width:1px;height:1px}
.r:checked+.k{background:#E6F0FA;font-weight:600}
.r:focus-visible+.k{outline:2px solid #00AEEF;outline-offset:2px}
.lg li{position:relative}
.sw{flex:none;width:12px;height:12px;border-radius:50%}
.descbox{min-height:132px;background:#F1F5F9;border-radius:12px;padding:20px 24px;font-size:16px;color:#3A4658}
.descbox strong{color:#13203A;font-weight:600}
.ds{display:none}
.mapa:has(.r:checked) .d,.mapa:has(.k:hover) .d,.mapa:has(.d:hover) .d{opacity:.16}
.mapa:has(.r:checked) .ds0,.mapa:has(.k:hover) .ds0,.mapa:has(.d:hover) .ds0{display:none}
.mapa:has(#r-acr:checked) .d-acr, .mapa:has(.k-acr:hover) .d-acr, .mapa:has(.d-acr:hover) .d-acr{opacity:1;transform:scale(1.35)}
.mapa:has(#r-acr:checked) .ds-acr{display:block}
.mapa:has(#r-acu:checked) .d-acu, .mapa:has(.k-acu:hover) .d-acu, .mapa:has(.d-acu:hover) .d-acu{opacity:1;transform:scale(1.35)}
.mapa:has(#r-acu:checked) .ds-acu{display:block}
.mapa:has(#r-sig:checked) .d-sig, .mapa:has(.k-sig:hover) .d-sig, .mapa:has(.d-sig:hover) .d-sig{opacity:1;transform:scale(1.35)}
.mapa:has(#r-sig:checked) .ds-sig{display:block}
.mapa:has(#r-man:checked) .d-man, .mapa:has(.k-man:hover) .d-man, .mapa:has(.d-man:hover) .d-man{opacity:1;transform:scale(1.35)}
.mapa:has(#r-man:checked) .ds-man{display:block}
.mapa:has(#r-cap:checked) .d-cap, .mapa:has(.k-cap:hover) .d-cap, .mapa:has(.d-cap:hover) .d-cap{opacity:1;transform:scale(1.35)}
.mapa:has(#r-cap:checked) .ds-cap{display:block}
.mapa:has(#r-ase:checked) .d-ase, .mapa:has(.k-ase:hover) .d-ase, .mapa:has(.d-ase:hover) .d-ase{opacity:1;transform:scale(1.35)}
.mapa:has(#r-ase:checked) .ds-ase{display:block}
.mapa:has(#r-com:checked) .d-com, .mapa:has(.k-com:hover) .d-com, .mapa:has(.d-com:hover) .d-com{opacity:1;transform:scale(1.35)}
.mapa:has(#r-com:checked) .ds-com{display:block}
.mapa:has(#r-pm:checked) .d-pm, .mapa:has(.k-pm:hover) .d-pm, .mapa:has(.d-pm:hover) .d-pm{opacity:1;transform:scale(1.35)}
.mapa:has(#r-pm:checked) .ds-pm{display:block}
.mapa:has(#r-rep:checked) .d-rep, .mapa:has(.k-rep:hover) .d-rep, .mapa:has(.d-rep:hover) .d-rep{opacity:1;transform:scale(1.35)}
.mapa:has(#r-rep:checked) .ds-rep{display:block}
.mapa:has(#r-ref:checked) .d-ref, .mapa:has(.k-ref:hover) .d-ref, .mapa:has(.d-ref:hover) .d-ref{opacity:1;transform:scale(1.35)}
.mapa:has(#r-ref:checked) .ds-ref{display:block}
.mapa:has(#r-aud:checked) .d-aud, .mapa:has(.k-aud:hover) .d-aud, .mapa:has(.d-aud:hover) .d-aud{opacity:1;transform:scale(1.35)}
.mapa:has(#r-aud:checked) .ds-aud{display:block}
.mapa:has(#r-doc:checked) .d-doc, .mapa:has(.k-doc:hover) .d-doc, .mapa:has(.d-doc:hover) .d-doc{opacity:1;transform:scale(1.35)}
.mapa:has(#r-doc:checked) .ds-doc{display:block}
.mapa:has(#r-dis:checked) .d-dis, .mapa:has(.k-dis:hover) .d-dis, .mapa:has(.d-dis:hover) .d-dis{opacity:1;transform:scale(1.35)}
.mapa:has(#r-dis:checked) .ds-dis{display:block}
.mapa:has(#r-c1:checked) .d-c1, .mapa:has(.k-c1:hover) .d-c1, .mapa:has(.d-c1:hover) .d-c1{opacity:1;transform:scale(1.35)}
.mapa:has(#r-c1:checked) .ds-c1{display:block}
.mapa:has(#r-c2:checked) .d-c2, .mapa:has(.k-c2:hover) .d-c2, .mapa:has(.d-c2:hover) .d-c2{opacity:1;transform:scale(1.35)}
.mapa:has(#r-c2:checked) .ds-c2{display:block}
.mapa:has(#r-c3:checked) .d-c3, .mapa:has(.k-c3:hover) .d-c3, .mapa:has(.d-c3:hover) .d-c3{opacity:1;transform:scale(1.35)}
.mapa:has(#r-c3:checked) .ds-c3{display:block}
.mapa:has(#r-c4:checked) .d-c4, .mapa:has(.k-c4:hover) .d-c4, .mapa:has(.d-c4:hover) .d-c4{opacity:1;transform:scale(1.35)}
.mapa:has(#r-c4:checked) .ds-c4{display:block}
.mapa:has(#r-arco:checked) .d-arco, .mapa:has(.k-arco:hover) .d-arco, .mapa:has(.d-arco:hover) .d-arco{opacity:1;transform:scale(1.35)}
.mapa:has(#r-arco:checked) .ds-arco{display:block}
.mapa:has(.k:hover) .ds,.mapa:has(.d:hover) .ds{display:none!important}
.mapa:has(.k-acr:hover) .ds-acr,.mapa:has(.d-acr:hover) .ds-acr{display:block!important}
.mapa:has(.k-acu:hover) .ds-acu,.mapa:has(.d-acu:hover) .ds-acu{display:block!important}
.mapa:has(.k-sig:hover) .ds-sig,.mapa:has(.d-sig:hover) .ds-sig{display:block!important}
.mapa:has(.k-man:hover) .ds-man,.mapa:has(.d-man:hover) .ds-man{display:block!important}
.mapa:has(.k-cap:hover) .ds-cap,.mapa:has(.d-cap:hover) .ds-cap{display:block!important}
.mapa:has(.k-ase:hover) .ds-ase,.mapa:has(.d-ase:hover) .ds-ase{display:block!important}
.mapa:has(.k-com:hover) .ds-com,.mapa:has(.d-com:hover) .ds-com{display:block!important}
.mapa:has(.k-pm:hover) .ds-pm,.mapa:has(.d-pm:hover) .ds-pm{display:block!important}
.mapa:has(.k-rep:hover) .ds-rep,.mapa:has(.d-rep:hover) .ds-rep{display:block!important}
.mapa:has(.k-ref:hover) .ds-ref,.mapa:has(.d-ref:hover) .ds-ref{display:block!important}
.mapa:has(.k-aud:hover) .ds-aud,.mapa:has(.d-aud:hover) .ds-aud{display:block!important}
.mapa:has(.k-doc:hover) .ds-doc,.mapa:has(.d-doc:hover) .ds-doc{display:block!important}
.mapa:has(.k-dis:hover) .ds-dis,.mapa:has(.d-dis:hover) .ds-dis{display:block!important}
.mapa:has(.k-c1:hover) .ds-c1,.mapa:has(.d-c1:hover) .ds-c1{display:block!important}
.mapa:has(.k-c2:hover) .ds-c2,.mapa:has(.d-c2:hover) .ds-c2{display:block!important}
.mapa:has(.k-c3:hover) .ds-c3,.mapa:has(.d-c3:hover) .ds-c3{display:block!important}
.mapa:has(.k-c4:hover) .ds-c4,.mapa:has(.d-c4:hover) .ds-c4{display:block!important}
.mapa:has(.k-arco:hover) .ds-arco,.mapa:has(.d-arco:hover) .ds-arco{display:block!important}
.card{background:#FFFFFF;border-radius:12px;padding:28px;display:flex;flex-direction:column;gap:14px;border:1px solid #E3EAF2}
.card.acr{border-top:4px solid #1A3470}
.card.tra{border-top:4px solid #B8C7D8}
.bdg{align-self:flex-start;font-size:14px;padding:3px 10px;border-radius:99px}
.bdg.acr{color:#FFFFFF;background:#1A3470}
.bdg.tra{color:#3A4658;background:#EEF1F5}
.ilus{font-size:13px;color:#5D6A7C;margin:-6px 0 0}
.hdr{position:sticky;top:0;z-index:20}
/* cámara */
.foam{background-color:#0B1322;background-image:linear-gradient(rgba(10,20,44,.82),rgba(10,20,44,.82)),url(../img/espuma_cabina.jpg);background-size:auto,100% auto;background-repeat:repeat,repeat-y;background-position:center top}
@media (max-width:720px){.foam{background-size:auto,200% auto}}
.dark{color:#E4ECF7}.dark a{color:#7FD3F7}.dark a:hover{color:#BDE9FB}
/* cotizador */
.paso{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.paso legend{padding:0;font-weight:600;font-size:18px;margin-bottom:12px}
.paso legend span{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#1A3470;color:#FFFFFF;font-size:14px;margin-right:10px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{position:relative}
.chip input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.chip span{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:99px;border:1.5px solid #C9D6E5;background:#FFFFFF;font-size:16px}
.chip span::before{content:"";width:9px;height:9px;border-radius:50%;background:#C9D6E5}
.chip input:checked+span{border-color:#1A3470;background:#E6F0FA}
.chip input:checked+span::before{background:#00AEEF}
.eq-otro,.eq-audio{display:none!important}
.eq:has(input[value="otro"]:checked) .eq-otro{display:flex!important}
.eq:has(input[value="audiometro"]:checked) .eq-audio{display:flex!important}
.f-msg:empty{display:none}
.f-msg{border-radius:8px;padding:12px 16px;font-size:15px}
.f-msg.ok{background:#E3F4EC;color:#0E5A3A}
.f-msg.err{background:#FDE7E8;color:#8E1F24}
.fld{display:flex;flex-direction:column;gap:6px;font-size:15px;color:#3A4658}
.fld input,.fld select{font:inherit;font-size:16px;color:#13203A;padding:11px 14px;border:1.5px solid #C9D6E5;border-radius:6px;background:#FFFFFF}
.hbig{font-size:52px}
@media (max-width:720px){.hov{background:rgba(9,16,30,.82)!important}.hbig{font-size:34px}.h2{font-size:32px}.wrap{padding-left:16px;padding-right:16px}.h1{font-size:40px!important}}
@media (prefers-reduced-motion: reduce){.pt,.dt{animation:none!important;opacity:1}.mapa .d{transition:none}}


.phero{background:#F1F5F9}
.phero .in{display:flex;flex-wrap:wrap;gap:32px 64px;align-items:center;padding-top:56px;padding-bottom:64px}
.bdgs{display:flex;flex-wrap:wrap;gap:8px}
.h1p{margin:0;font-weight:400;font-variation-settings:'wdth' 116;font-size:52px;line-height:1.05;letter-spacing:-.02em;color:#1A3470}
.lead{margin:0;font-size:19px;line-height:1.55;color:#3A4658;max-width:36em}
.sec{padding-top:80px;padding-bottom:80px}
.mist{background:#F1F5F9}
.items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}
.items li{display:grid;grid-template-columns:14px 1fr;gap:14px;align-items:start}
.items li::before{content:"";width:12px;height:12px;border-radius:50%;background:#00AEEF;margin-top:7px}
.items li:nth-child(odd)::before{background:#1A3470}
.items b{display:block;font-weight:600}
.items span{color:#3A4658;font-size:16px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:20px}
.c{background:#FFFFFF;border:1px solid #E3EAF2;border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:8px}
.c .k{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#5D6A7C;font-weight:600}
.c .v{font-weight:500;font-size:19px;line-height:1.3}
.c .d{font-size:15px;color:#3A4658}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:28px}
.step{display:flex;flex-direction:column;gap:8px}
.step .n{width:36px;height:36px;border-radius:50%;background:#1A3470;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600}
.step:nth-child(2) .n{background:#115C9A}.step:nth-child(3) .n{background:#0885C4}.step:nth-child(4) .n{background:#00AEEF}
.step b{font-weight:600}.step p{margin:0;color:#3A4658;font-size:16px}
.faq{display:flex;flex-direction:column;border-top:1px solid #E3EAF2}
.faq details{border-bottom:1px solid #E3EAF2;padding:18px 0}
.faq summary{cursor:pointer;font-weight:500;font-size:18px;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::after{content:"+";color:#0B6E99;font-size:22px;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq p{margin:10px 0 0;color:#3A4658;max-width:52em}
.cta{background:#1A3470;color:#fff}
.cta .in{display:flex;flex-wrap:wrap;gap:24px 48px;align-items:center;justify-content:space-between;padding-top:64px;padding-bottom:64px}
.cta h2{margin:0;font-weight:400;font-variation-settings:'wdth' 112;font-size:34px;line-height:1.15;max-width:18em}
.cta p{margin:8px 0 0;color:#CBD8EA}
.chartcard{background:#FFFFFF;border:1px solid #E3EAF2;border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:10px}
.note{font-size:14px;color:#5D6A7C;margin:0}
.tl{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;align-items:start}
.tl div{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:14px;color:#3A4658;text-align:center}
.tl i{width:28px;height:28px;border-radius:50%;display:block}
.scale{display:flex;flex-wrap:wrap;gap:8px}
@media (max-width:720px){.h1p{font-size:36px}.cta h2{font-size:26px}.tl{grid-template-columns:repeat(4,1fr)}}
body.cidemet-2026{margin:0}

@media (max-width:720px){.k{min-height:44px;padding-top:10px;padding-bottom:10px}}
/* Símbolo de acreditación ema — CEI-PR-GCI-001 v29: 5.4 fondo liso, 5.5 mínimo 1.5 cm x 4 cm, 5.1.5 c protección */
.ema-s{display:block;flex:0 0 auto;width:5.8cm;max-width:none;background-color:#FFFFFF;background-position:center;background-size:contain;background-repeat:no-repeat;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.ema-a10{aspect-ratio:900/307;background-image:url(../img/ema_A-10.png)}
.ema-al{aspect-ratio:900/283;background-image:url(../img/ema_AL-1076-082-19.png)}
/* Notas del Cuaderno técnico */
.nota{max-width:46em;font-size:18px;line-height:1.7;color:#24324A}
.nota h2{font-weight:500;font-size:26px;line-height:1.25;color:#1A3470;margin:44px 0 10px}
.nota h2:first-child{margin-top:0}
.nota p{margin:12px 0}.nota ul,.nota ol{padding-left:24px}.nota li{margin:4px 0}
.nota table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.45;margin:20px 0;display:block;overflow-x:auto}
.nota th,.nota td{border:1px solid #DCE4EE;padding:10px 12px;text-align:left;vertical-align:top}
.nota th{background:#EEF3F9;color:#1A3470;font-weight:600}
.nota-meta{margin:0;font-size:15px;color:#5D6A7C}
.nota-cta{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;margin:48px 0 0;padding:24px 28px;background:#F1F5F9;border-left:4px solid #00AEEF;border-radius:8px}
.nota-cta div{display:flex;flex-wrap:wrap;gap:8px 20px;flex:1 1 260px}
.nota-refs{margin-top:40px;padding-top:20px;border-top:1px solid #DCE4EE;font-size:15px;color:#5D6A7C}
.nota-refs ol{margin:10px 0 0}.nota-refs a{overflow-wrap:anywhere}
.nota-mas{margin-top:32px;font-size:16px}.nota-mas ul{margin:10px 0 0}
a.c:hover{border-color:#00AEEF}
@media (max-width:720px){.nota{font-size:17px}.nota h2{font-size:22px}}
/* Cotizador: campos según lo que se necesita */
.nec-capacitacion,.nec-asesoria{display:none}
form:has(input[name="necesidad"][value="capacitacion"]:checked) .nec-capacitacion,form:has(input[name="necesidad"][value="asesoria"]:checked) .nec-asesoria{display:flex}
form:has(input[name="necesidad"][value="capacitacion"]:checked) .nec-equipo,form:has(input[name="necesidad"][value="asesoria"]:checked) .nec-equipo{display:none}
.eq-cabina{display:none!important}.eq:has(input[value="cabina"]:checked) .eq-cabina{display:flex!important}
.eq-opc{display:none;color:#5D6A7C;font-size:14px}.eq:has(input[value="cabina"]:checked) .eq-opc{display:inline}.eq:has(input[value="cabina"]:checked) .eq-req{display:none}
.bdg.acr{border-radius:8px;line-height:1.35;padding:4px 10px}
.nw{white-space:nowrap}
.aviso-s{margin:0;font-size:13.5px;line-height:1.5;color:#5D6A7C}.aviso-s b{color:#3A4658;font-weight:600}

/* v1.1.8 · revisión de prelanzamiento */
.saltar{position:absolute;left:-9999px;top:8px;z-index:100;background:#1A3470;color:#fff;padding:10px 16px;border-radius:6px;text-decoration:none}
.saltar:focus{left:16px}
.hdr nav a[aria-current="page"]:not(.btn){color:#0B6E99!important;font-weight:600}
.menu-btn,.cta-movil{display:none!important}
.paso{min-width:0}
.fld input,.fld select,.fld textarea{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
.campo-err{border-color:#B91C1C!important;background:#FEF2F2!important;outline:none}
@media (max-width:720px){
 .hdr .wrap{padding-top:10px!important;padding-bottom:10px!important;gap:8px 12px!important;flex-wrap:wrap}
 .hdr .wrap>a:first-child{width:124px!important;margin-right:auto}
 .cta-movil{display:inline-flex!important;align-items:center;min-height:44px;font-size:15px}
 .menu-btn{display:inline-flex!important;align-items:center;font:inherit;font-size:15px;font-weight:600;color:#13203A;background:#fff;border:1.5px solid #C9D6E5;border-radius:6px;padding:0 14px;min-height:44px;cursor:pointer}
 .hdr nav{display:none!important}
 .hdr.abierto nav{display:flex!important;flex-direction:column;align-items:stretch!important;gap:0!important;flex-basis:100%;padding:2px 0 6px}
 .hdr.abierto nav a{padding:12px 0;border-top:1px solid #E3EAF2}
 .hdr.abierto nav a.btn{display:none}
 footer a{display:inline-block;padding:7px 0}
}