/* COSOC 2026–2030 — página /municipio/cosoc/ (page-cosoc.php).
   Migrado desde cosoc-san-ignacio.html: todo bajo .cosoc-page con prefijo .cosoc-
   para no chocar con main.css. Sin panel ?editar. */

.cosoc-page{
  --cs-navy:#0D2B5E;--cs-navy2:#1A3F7A;--cs-navy3:#0A1F44;--cs-navy4:#071830;
  --cs-gold:#F0C40A;--cs-gold2:#D4A800;--cs-gold3:#FEF9E2;
  --cs-light:#F0F4FF;--cs-light2:#E8EEF8;--cs-lgray:#DDE4F0;--cs-gray:#5F6E8C;
  --cs-tx:#1A1A2E;--cs-green:#1A7A3C;--cs-green-bg:#E7F5EC;--cs-red:#C0392B;--cs-red-bg:#FBECEA;--cs-bg:#F8FAFF;
  --cs-f-t:"Montserrat","Segoe UI",Arial,sans-serif;
  --cs-f-b:"Open Sans","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  display:block;background:var(--cs-bg);color:var(--cs-tx);font-family:var(--cs-f-b);line-height:1.6;overflow-x:clip
}
.cosoc-page *,.cosoc-page *::before,.cosoc-page *::after{box-sizing:border-box}
.cosoc-page [hidden]{display:none!important}
.cosoc-page:focus{outline:none}
.cosoc-page h1,.cosoc-page h2,.cosoc-page h3,.cosoc-page h4{font-family:var(--cs-f-t);margin:0;letter-spacing:-.01em;text-wrap:balance}
.cosoc-page p{margin:0}
.cosoc-page p,.cosoc-page li,.cosoc-page a,.cosoc-page b,.cosoc-page dd,.cosoc-page h3,.cosoc-page h4,.cosoc-page summary,.cosoc-body{overflow-wrap:anywhere}
.cosoc-page a{color:var(--cs-navy2);text-underline-offset:3px}
.cosoc-page a:hover{color:var(--cs-navy)}
.cosoc-page :focus-visible{outline:3px solid var(--cs-navy2);outline-offset:3px;border-radius:4px}
.cosoc-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cosoc-wrap{max-width:1120px;margin-inline:auto;padding-inline:24px}
@media(max-width:640px){.cosoc-wrap{padding-inline:16px}}
.cosoc-i{display:inline-block;flex:none}
.cosoc-i svg{width:100%;height:100%;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cosoc-mt{margin-top:10px!important}
.cosoc-mt6{margin-top:6px!important}
.cosoc-mt8{margin-top:8px!important}
mark.cosoc-pend{background:var(--cs-gold3);color:var(--cs-tx);padding:0 .35em;border-radius:4px;border:1px dashed var(--cs-gold2);font-weight:600}
.cosoc-rev-banner{margin-top:14px;padding:12px 16px;border-radius:12px;border:2px dashed var(--cs-gold2);background:var(--cs-gold3);font-size:.88rem;color:#4b3b00}
.cosoc-anchor,.cosoc-sec{scroll-margin-top:90px}
/* main.css usa #calendario como cuadrícula de 7 días (calendario de eventos). */
.cosoc-page #calendario{display:block;grid-template-columns:none;gap:0}
@media (prefers-reduced-motion:reduce){.cosoc-page *{transition:none!important;animation:none!important}}

/* Botones */
.cosoc-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:48px;padding:.65rem 1.2rem;border-radius:10px;border:2px solid transparent;font:700 .92rem/1.2 var(--cs-f-t);text-decoration:none;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s,transform .1s}
.cosoc-btn .cosoc-i{width:18px;height:18px}
.cosoc-btn:active{transform:translateY(1px)}
.cosoc-page .cosoc-btn-gold{background:var(--cs-gold);color:var(--cs-navy3)}
.cosoc-page .cosoc-btn-gold:hover{background:var(--cs-gold2);color:var(--cs-navy3)}
.cosoc-page .cosoc-btn-navy{background:var(--cs-navy);color:#fff}
.cosoc-page .cosoc-btn-navy:hover{background:var(--cs-navy3);color:#fff}
.cosoc-page .cosoc-btn-line{background:#fff;color:var(--cs-navy);border-color:var(--cs-lgray)}
.cosoc-page .cosoc-btn-line:hover{border-color:var(--cs-navy2);color:var(--cs-navy)}

/* Portada */
.cosoc-hero{background:linear-gradient(135deg,var(--cs-navy4),var(--cs-navy));color:#fff;position:relative;overflow:hidden}
.cosoc-hero::before{content:"";position:absolute;inset:0;opacity:.07;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='24' viewBox='0 0 120 24'%3E%3Cpath d='M0 12 Q15 2 30 12 T60 12 T90 12 T120 12' fill='none' stroke='white' stroke-width='1.2'/%3E%3C/svg%3E")}
.cosoc-hero::after{content:"";position:absolute;right:-160px;bottom:-260px;width:620px;height:620px;border-radius:50%;background:radial-gradient(closest-side,rgba(240,196,10,.16),transparent);pointer-events:none}
.cosoc-hero .cosoc-wrap{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:52px;align-items:center;padding-block:40px 56px}
.cosoc-crumbs{font-size:.8rem;color:rgba(255,255,255,.72);margin-bottom:28px}
.cosoc-page .cosoc-crumbs a{color:rgba(255,255,255,.9)}
.cosoc-page .cosoc-crumbs a:hover{color:#fff}
.cosoc-kicker{display:flex;align-items:center;gap:12px;font:700 .75rem/1.45 var(--cs-f-t);letter-spacing:.16em;text-transform:uppercase;color:var(--cs-gold)}
.cosoc-kicker::before{content:"";width:26px;height:3px;border-radius:2px;background:currentColor;flex:none}
.cosoc-hero h1{font-size:clamp(2rem,4.6vw,3.1rem);line-height:1.08;font-weight:800;margin:16px 0 18px;color:#fff}
.cosoc-hero h1 span{color:var(--cs-gold)}
.cosoc-lead{font-size:1.08rem;line-height:1.6;color:rgba(255,255,255,.88);max-width:54ch}
.cosoc-hero-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;margin:28px 0 0;padding-top:22px;border-top:1px solid rgba(255,255,255,.16);max-width:560px}
.cosoc-hero-meta dt{font:600 .66rem/1.3 var(--cs-f-t);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.cosoc-hero-meta dd{margin:4px 0 0;font-weight:600;font-size:.94rem}
.cosoc-page .cosoc-hero-tel{color:#fff;text-decoration:none}
.cosoc-page .cosoc-hero-tel:hover{color:#fff;text-decoration:underline}
.cosoc-estado{background:#fff;color:var(--cs-tx);border-radius:16px;box-shadow:0 30px 60px -26px rgba(2,10,36,.75);overflow:hidden}
.cosoc-estado-top{padding:20px 22px 18px}
.cosoc-estado-k{font:700 .68rem var(--cs-f-t);letter-spacing:.14em;text-transform:uppercase;color:var(--cs-gray)}
.cosoc-estado h2{font-size:1.4rem;font-weight:800;color:var(--cs-navy);margin:8px 0 6px;line-height:1.2}
.cosoc-estado-sub{font-size:.95rem;color:#3a4766}
.cosoc-chip{display:inline-flex;align-items:center;gap:6px;font:700 .68rem/1 var(--cs-f-t);letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border-radius:999px}
.cosoc-chip.now{background:var(--cs-gold);color:var(--cs-navy3)}
.cosoc-chip.past{background:var(--cs-green-bg);color:var(--cs-green)}
.cosoc-chip.next{background:var(--cs-light2);color:var(--cs-navy2)}
.cosoc-prog{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;margin:16px 0 0}
.cosoc-prog i{display:block;height:7px;border-radius:4px;background:var(--cs-lgray)}
.cosoc-prog i.past{background:var(--cs-green)}
.cosoc-prog i.now{background:var(--cs-gold)}
.cosoc-estado-act{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--cs-lgray)}
.cosoc-page .cosoc-estado-act a{display:flex;align-items:center;gap:10px;padding:15px 18px;text-decoration:none;font:700 .86rem/1.25 var(--cs-f-t);color:var(--cs-navy);transition:background-color .15s}
.cosoc-estado-act a + a{border-left:1px solid var(--cs-lgray)}
.cosoc-estado-act a:hover{background:var(--cs-light)}
.cosoc-estado-act .cosoc-i{width:20px;height:20px;color:var(--cs-navy2)}
.cosoc-estado-act a.cosoc-hi{background:var(--cs-gold3)}
.cosoc-estado-act a.cosoc-hi:hover{background:#fcf0b8}
@media(max-width:940px){.cosoc-hero .cosoc-wrap{grid-template-columns:1fr;gap:32px;padding-block:26px 40px}.cosoc-crumbs{margin-bottom:20px}}
@media(max-width:560px){.cosoc-hero-meta{gap:16px}.cosoc-estado-act{grid-template-columns:1fr}.cosoc-estado-act a+a{border-left:0;border-top:1px solid var(--cs-lgray)}}

/* Índice */
.cosoc-toc{background:#fff;border-bottom:1px solid var(--cs-lgray)}
.cosoc-toc .cosoc-wrap{display:flex;gap:6px 8px;flex-wrap:wrap;align-items:center;padding-block:12px}
.cosoc-toc b{font:700 .68rem var(--cs-f-t);letter-spacing:.14em;text-transform:uppercase;color:var(--cs-gray);margin-right:8px}
.cosoc-page .cosoc-toc a{display:inline-flex;align-items:center;min-height:38px;padding:.3rem .9rem;border-radius:999px;background:var(--cs-light);color:var(--cs-navy);font:600 .84rem var(--cs-f-t);text-decoration:none}
.cosoc-toc a:hover{background:var(--cs-light2)}

/* Secciones */
.cosoc-main{padding-block:64px 90px}
.cosoc-sec + .cosoc-sec{margin-top:84px}
.cosoc-sec-head{max-width:66ch;margin-bottom:28px}
.cosoc-eyebrow{display:flex;align-items:center;gap:10px;font:700 .72rem/1 var(--cs-f-t);letter-spacing:.16em;text-transform:uppercase;color:var(--cs-navy2)}
.cosoc-n{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--cs-gold);color:var(--cs-navy3);font-size:.78rem;letter-spacing:0}
.cosoc-sec-head h2{font-size:clamp(1.55rem,3vw,2.05rem);line-height:1.16;font-weight:800;color:var(--cs-navy);margin:14px 0 10px}
.cosoc-sec-head p{font-size:1.04rem;color:#46526f}
.cosoc-card{background:#fff;border:1px solid var(--cs-lgray);border-radius:16px}
.cosoc-note{display:flex;gap:12px;margin-top:20px;padding:14px 18px;border-radius:12px;background:var(--cs-light);font-size:.92rem;color:#334061}
.cosoc-note .cosoc-i{width:20px;height:20px;color:var(--cs-navy2);margin-top:2px}
.cosoc-note-gold{background:var(--cs-gold3);margin-top:22px}
.cosoc-note-gold .cosoc-i{color:#7a5c00}
.cosoc-sub-h{font:800 1.15rem var(--cs-f-t);color:var(--cs-navy);margin:0 0 14px}

/* 1. Información general */
.cosoc-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.cosoc-info{padding:24px 22px}
.cosoc-ico{width:46px;height:46px;border-radius:12px;background:var(--cs-light);color:var(--cs-navy);display:grid;place-items:center;margin-bottom:16px}
.cosoc-ico .cosoc-i{width:24px;height:24px}
.cosoc-info h3{font-size:1.08rem;font-weight:800;color:var(--cs-navy);margin-bottom:10px}
.cosoc-info p,.cosoc-info li{font-size:.95rem;color:#38445f}
.cosoc-info ul{margin:8px 0 0;padding-left:1.1rem;display:grid;gap:6px;list-style:disc}
.cosoc-regl{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:center;padding:22px 24px;margin-top:18px;background:linear-gradient(135deg,var(--cs-navy4),var(--cs-navy));border-radius:16px;color:#fff}
.cosoc-regl .cosoc-ico{width:52px;height:52px;border-radius:14px;background:var(--cs-gold);color:var(--cs-navy3);margin:0}
.cosoc-regl .cosoc-ico .cosoc-i{width:26px;height:26px}
.cosoc-regl h3{font-size:1.1rem;font-weight:800;color:#fff}
.cosoc-regl p{font-size:.92rem;color:rgba(255,255,255,.85);margin-top:3px}
.cosoc-regl .cosoc-regl-pend{margin:0}
.cosoc-page .cosoc-regl-dec{color:#fff;text-decoration:underline;text-decoration-color:var(--cs-gold);text-underline-offset:3px}
.cosoc-page .cosoc-regl-dec:hover{color:var(--cs-gold)}
.cosoc-page .cosoc-regl .cosoc-regl-dec:focus-visible{outline-color:var(--cs-gold)}
.cosoc-regl-meta{white-space:nowrap}
.cosoc-regl-btn > span:not(.cosoc-i){display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}
.cosoc-regl-btn small{font:600 .72rem var(--cs-f-b);opacity:.85;margin-top:2px}
.cosoc-page .cosoc-regl .cosoc-btn:focus-visible{outline-color:var(--cs-gold)}
@media(max-width:900px){.cosoc-info-grid{grid-template-columns:1fr}.cosoc-regl{grid-template-columns:auto 1fr}.cosoc-regl .cosoc-btn,.cosoc-regl .cosoc-regl-pend{grid-column:1/-1}}

/* 2. Convocatoria */
.cosoc-status{display:flex;gap:16px;align-items:center;padding:18px 22px;border-radius:14px;background:var(--cs-gold3);border:1.5px solid var(--cs-gold);margin-bottom:34px}
.cosoc-status .cosoc-st-ico{width:46px;height:46px;border-radius:50%;background:var(--cs-gold);color:var(--cs-navy3);display:grid;place-items:center;flex:none}
.cosoc-status .cosoc-st-ico .cosoc-i{width:24px;height:24px}
.cosoc-status h3{font-size:1.05rem;font-weight:800;color:var(--cs-navy)}
.cosoc-status p{font-size:.95rem;color:#3a4766;margin-top:2px}
.cosoc-status.done{background:var(--cs-green-bg);border-color:#b7e0c4}
.cosoc-status.done .cosoc-st-ico{background:var(--cs-green);color:#fff}
.cosoc-tl{list-style:none;margin:0;padding:0;position:relative}
.cosoc-tl::before{content:"";position:absolute;left:19px;top:14px;bottom:14px;width:3px;border-radius:2px;background:var(--cs-lgray)}
.cosoc-tl li{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);gap:18px;padding-bottom:18px}
.cosoc-tl li:last-child{padding-bottom:0}
.cosoc-dot{position:relative;z-index:1;width:40px;height:40px;border-radius:50%;background:#fff;border:3px solid var(--cs-lgray);display:grid;place-items:center;color:var(--cs-gray)}
.cosoc-dot .cosoc-i{width:18px;height:18px}
.cosoc-tl li.past .cosoc-dot{background:var(--cs-green);border-color:var(--cs-green);color:#fff}
.cosoc-tl li.now .cosoc-dot{background:var(--cs-gold);border-color:var(--cs-gold2);color:var(--cs-navy3);box-shadow:0 0 0 6px rgba(240,196,10,.28)}
.cosoc-tl li.next .cosoc-dot{border-color:var(--cs-navy2);color:var(--cs-navy2)}
.cosoc-hito{display:grid;grid-template-columns:150px minmax(0,1fr);gap:6px 24px;padding:16px 20px;background:#fff;border:1px solid var(--cs-lgray);border-radius:14px}
.cosoc-tl li.now .cosoc-hito{border:2px solid var(--cs-gold);background:var(--cs-gold3)}
.cosoc-tl li.past .cosoc-hito{background:#fcfdff}
.cosoc-h-date{font:800 1.05rem/1.2 var(--cs-f-t);color:var(--cs-navy)}
.cosoc-h-date small{display:block;font:600 .72rem var(--cs-f-t);color:var(--cs-gray);letter-spacing:.06em;text-transform:uppercase;margin-top:4px}
.cosoc-hito h4{font-size:1.02rem;font-weight:800;color:var(--cs-navy);display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
.cosoc-hito p{font-size:.93rem;color:#3d4967;margin-top:4px}
.cosoc-h-resp{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:.82rem;color:var(--cs-gray)}
.cosoc-h-resp .cosoc-i{width:14px;height:14px}
@media(max-width:700px){.cosoc-hito{grid-template-columns:1fr}.cosoc-tl::before{left:17px}.cosoc-tl li{grid-template-columns:36px minmax(0,1fr);gap:12px}.cosoc-dot{width:36px;height:36px}}

.cosoc-orient{margin-top:52px;padding:26px}
.cosoc-orient .cosoc-sub-h{margin-bottom:2px}
.cosoc-orient-intro{color:#46526f;font-size:.95rem}
.cosoc-opts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 4px}
.cosoc-opt{display:flex;align-items:flex-start;gap:10px;min-height:76px;padding:12px 14px;border:2px solid var(--cs-lgray);border-radius:12px;background:#fff;font:600 .9rem/1.3 var(--cs-f-t);color:var(--cs-navy);text-align:left;cursor:pointer;transition:border-color .15s,background-color .15s}
.cosoc-opt:hover{border-color:var(--cs-navy2)}
.cosoc-opt[aria-pressed="true"]{border-color:var(--cs-navy);background:var(--cs-light)}
.cosoc-opt .cosoc-i{width:22px;height:22px;color:var(--cs-navy2);margin-top:1px}
.cosoc-opt[aria-pressed="true"] .cosoc-i{color:var(--cs-navy)}
.cosoc-o-out{margin-top:16px;padding:20px 22px;border-radius:12px;background:var(--cs-light);display:none}
.cosoc-o-out.on{display:block}
.cosoc-o-out h4{font:800 1rem var(--cs-f-t);color:var(--cs-navy);margin-bottom:10px}
.cosoc-o-out ol{margin:0;padding:0;list-style:none;display:grid;gap:10px;counter-reset:cs}
.cosoc-o-out li{counter-increment:cs;display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;font-size:.96rem;color:#2c3857}
.cosoc-o-out li::before{content:counter(cs);width:28px;height:28px;border-radius:50%;background:var(--cs-navy);color:#fff;font:700 .8rem var(--cs-f-t);display:grid;place-items:center}
.cosoc-o-go{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px}
@media(max-width:900px){.cosoc-opts{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.cosoc-opts{grid-template-columns:1fr}}

/* Acordeones (convocatoria, funciones) y preguntas frecuentes */
.cosoc-acc{margin-top:40px;display:grid;gap:10px}
.cosoc-acc-tight{margin-top:18px}
.cosoc-acc details,.cosoc-faq details{background:#fff;border:1px solid var(--cs-lgray);border-radius:12px;overflow:hidden}
.cosoc-acc summary,.cosoc-faq summary{display:flex;align-items:center;gap:12px;padding:16px 20px;cursor:pointer;font:700 .98rem/1.35 var(--cs-f-t);color:var(--cs-navy);list-style:none;min-height:56px}
.cosoc-acc summary::-webkit-details-marker,.cosoc-faq summary::-webkit-details-marker{display:none}
.cosoc-acc summary::marker,.cosoc-faq summary::marker{content:""}
.cosoc-acc summary .cosoc-i{width:20px;height:20px;color:var(--cs-navy2)}
.cosoc-page summary .cosoc-chev{margin-left:auto;width:20px;height:20px;color:var(--cs-navy2);transition:transform .2s}
.cosoc-page details[open] summary .cosoc-chev{transform:rotate(180deg)}
.cosoc-acc summary:hover,.cosoc-faq summary:hover{background:var(--cs-light)}
.cosoc-page summary:focus-visible{outline-offset:-3px}
.cosoc-acc .cosoc-body{padding:4px 22px 20px 52px;font-size:.96rem;color:#34405d}
.cosoc-body ul{margin:8px 0 0;padding-left:1.1rem;display:grid;gap:6px;list-style:disc}
.cosoc-body-h{font:800 .98rem var(--cs-f-t);color:var(--cs-navy);margin-bottom:6px!important}
@media(max-width:560px){.cosoc-acc .cosoc-body{padding-left:20px}}
.cosoc-faq{display:grid;gap:10px}
.cosoc-faq summary{gap:14px}
.cosoc-faq .cosoc-body{padding:2px 22px 20px;font-size:.96rem;color:#34405d}

/* Documentos */
.cosoc-docs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px}
.cosoc-doc{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;padding:22px;border:2px dashed #a9b8d8;border-radius:16px;background:#fff;align-items:center}
.cosoc-doc-ico{width:54px;height:64px;border-radius:8px;background:var(--cs-red-bg);color:var(--cs-red);display:grid;place-items:center;font:800 .78rem var(--cs-f-t);letter-spacing:.04em;border:1px solid #f0c9c4;position:relative}
.cosoc-doc-ico::after{content:"";position:absolute;right:-1px;top:-1px;width:14px;height:14px;background:linear-gradient(225deg,var(--cs-bg) 50%,#f0c9c4 50%);border-bottom-left-radius:4px}
.cosoc-doc h3{font-size:1.02rem;font-weight:800;color:var(--cs-navy)}
.cosoc-doc p{font-size:.88rem;color:var(--cs-gray);margin:2px 0 12px}
.cosoc-row{display:flex;flex-wrap:wrap;gap:8px}
.cosoc-doc .cosoc-btn{min-height:44px;padding:.5rem 1rem;font-size:.86rem}
@media(max-width:800px){.cosoc-docs{grid-template-columns:1fr}}
@media(max-width:400px){.cosoc-doc{grid-template-columns:1fr}.cosoc-doc-ico{width:44px;height:52px}}

/* 3. Buscador del padrón */
.cosoc-verif{padding:0;overflow:hidden;margin-top:14px}
.cosoc-v-top{padding:26px 28px 22px;background:linear-gradient(135deg,var(--cs-navy4),var(--cs-navy));color:#fff}
.cosoc-v-top h3{font-size:1.25rem;font-weight:800;color:#fff}
.cosoc-v-top p{color:rgba(255,255,255,.85);font-size:.95rem;margin-top:4px}
.cosoc-sbox{display:grid;grid-template-columns:minmax(0,1fr) auto;margin-top:18px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px -14px rgba(0,0,0,.6)}
.cosoc-sbox-f{position:relative;display:flex;align-items:center}
.cosoc-sbox .cosoc-lens{position:absolute;left:16px;width:22px;height:22px;color:var(--cs-gray);pointer-events:none}
.cosoc-page .cosoc-sbox input{width:100%;min-height:58px;border:0;padding:0 54px 0 48px;font:600 1.05rem var(--cs-f-b);color:var(--cs-tx);background:transparent;outline:none;border-radius:0;-webkit-appearance:none;appearance:none}
.cosoc-sbox input::-webkit-search-cancel-button{display:none}
.cosoc-sbox:focus-within{outline:3px solid var(--cs-gold);outline-offset:2px}
.cosoc-sbox input::placeholder{color:#6f7c97;font-weight:400}
.cosoc-sbox .cosoc-go{border:0;background:var(--cs-gold);color:var(--cs-navy3);font:800 .92rem var(--cs-f-t);padding:0 26px;cursor:pointer;display:flex;align-items:center;gap:8px;min-height:58px}
.cosoc-sbox .cosoc-go:hover{background:var(--cs-gold2)}
.cosoc-sbox .cosoc-go .cosoc-i{width:19px;height:19px}
.cosoc-clear{position:absolute;right:8px;width:38px;height:38px;border:0;border-radius:50%;background:var(--cs-light);color:var(--cs-navy);display:none;place-items:center;cursor:pointer;padding:0}
.cosoc-clear.on{display:grid}
.cosoc-clear .cosoc-i{width:16px;height:16px}
.cosoc-tries{display:flex;flex-wrap:wrap;gap:6px 8px;margin-top:12px;font-size:.84rem;color:rgba(255,255,255,.8);align-items:center}
.cosoc-tries button{border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;padding:5px 12px;font:600 .8rem var(--cs-f-b);cursor:pointer;min-height:32px}
.cosoc-tries button:hover{background:rgba(255,255,255,.2)}
.cosoc-page .cosoc-v-top :focus-visible{outline-color:var(--cs-gold)}
.cosoc-filters{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;padding:16px 28px;border-bottom:1px solid var(--cs-lgray);background:var(--cs-light)}
.cosoc-seg{display:inline-flex;background:#fff;border:1.5px solid var(--cs-lgray);border-radius:10px;overflow:hidden}
.cosoc-seg button{border:0;background:transparent;padding:0 16px;min-height:42px;font:700 .82rem var(--cs-f-t);color:var(--cs-navy);cursor:pointer;display:flex;align-items:center;gap:7px}
.cosoc-seg button + button{border-left:1.5px solid var(--cs-lgray)}
.cosoc-seg button[aria-pressed="true"]{background:var(--cs-navy);color:#fff}
.cosoc-seg button small{font:600 .72rem var(--cs-f-b);opacity:.8}
.cosoc-sel{display:flex;align-items:center;gap:10px;font:700 .8rem var(--cs-f-t);color:var(--cs-navy)}
.cosoc-page .cosoc-sel select{min-height:42px;border:1.5px solid var(--cs-lgray);border-radius:10px;padding:0 34px 0 12px;font:600 .9rem var(--cs-f-b);color:var(--cs-tx);background-color:#fff;max-width:100%}
.cosoc-v-padron{display:flex;gap:10px;align-items:flex-start;padding:12px 28px;font-size:.88rem;color:#3a4766;border-bottom:1px solid var(--cs-lgray);background:#fff}
.cosoc-v-padron .cosoc-i{width:18px;height:18px;color:var(--cs-navy2);margin-top:3px}
.cosoc-res-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;padding:22px 28px 10px}
.cosoc-res-head h3{font-size:1.12rem;font-weight:800;color:var(--cs-navy)}
.cosoc-res-head span{font-size:.9rem;color:var(--cs-gray)}
.cosoc-msg{margin:6px 28px 12px;padding:14px 18px;border-radius:12px;background:var(--cs-gold3);border:1px solid #f1dc86;font-size:.93rem;color:#4b3b00;display:flex;gap:12px}
.cosoc-msg .cosoc-i{width:20px;height:20px;margin-top:2px;color:#7a5c00}
.cosoc-rlist{list-style:none;margin:0;padding:0 16px}
.cosoc-r{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:6px 16px;align-items:center;padding:14px 12px;border-bottom:1px solid var(--cs-lgray)}
.cosoc-r:last-child{border-bottom:0}
.cosoc-r-ic{width:44px;height:44px;border-radius:12px;background:var(--cs-light);color:var(--cs-navy);display:grid;place-items:center}
.cosoc-r-ic .cosoc-i{width:22px;height:22px}
.cosoc-r-nm{font:700 1rem/1.3 var(--cs-f-t);color:var(--cs-navy);overflow-wrap:anywhere}
.cosoc-r mark{background:var(--cs-gold);color:var(--cs-navy3);padding:0 2px;border-radius:3px}
.cosoc-r-mt{font-size:.88rem;color:#4a5673;margin-top:3px}
.cosoc-r-mt b{font-weight:600;color:#2c3857}
.cosoc-r-upd{color:#7a5c00}
.cosoc-tag{display:inline-block;margin-right:8px;padding:2px 9px;border-radius:999px;background:var(--cs-light2);color:var(--cs-navy2);font:700 .68rem var(--cs-f-t);letter-spacing:.04em;text-transform:uppercase}
.cosoc-tag.t{background:var(--cs-navy);color:#fff}
.cosoc-vig{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;background:var(--cs-green-bg);color:var(--cs-green);font:800 .8rem var(--cs-f-t);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border:1.5px solid #b7e0c4}
.cosoc-vig .cosoc-i{width:16px;height:16px}
@media(max-width:620px){
  .cosoc-seg{display:flex;width:100%}
  .cosoc-seg button{flex:1;padding:0 6px;justify-content:center;font-size:.76rem;gap:4px}
  .cosoc-sel{width:100%;flex-wrap:wrap}
  .cosoc-page .cosoc-sel select{width:100%}
  .cosoc-r{grid-template-columns:40px minmax(0,1fr)}
  .cosoc-r-ic{width:40px;height:40px}
  .cosoc-vig{grid-column:2;justify-self:start;margin-top:6px}
  .cosoc-sbox{grid-template-columns:1fr}
  .cosoc-sbox .cosoc-go{justify-content:center}
  .cosoc-v-top,.cosoc-filters,.cosoc-v-padron,.cosoc-res-head{padding-inline:18px}
  .cosoc-msg{margin-inline:18px}
}
.cosoc-empty{text-align:center;padding:34px 24px 38px}
.cosoc-empty-ico{width:60px;height:60px;border-radius:50%;background:var(--cs-light);color:var(--cs-navy2);display:grid;place-items:center;margin:0 auto 14px}
.cosoc-empty-ico .cosoc-i{width:28px;height:28px}
.cosoc-empty h4{font:800 1.1rem var(--cs-f-t);color:var(--cs-navy)}
.cosoc-empty p{max-width:56ch;margin:8px auto 0;color:#46526f;font-size:.95rem}
.cosoc-empty ul{max-width:50ch;margin:12px auto 0;text-align:left;padding-left:1.2rem;display:grid;gap:4px;font-size:.93rem;color:#38445f;list-style:disc}
.cosoc-more{display:flex;justify-content:center;padding:6px 0 18px}
.cosoc-v-foot{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center;justify-content:space-between;padding:20px 28px;border-top:1px solid var(--cs-lgray);background:var(--cs-light)}
.cosoc-v-foot p{font-size:.86rem;color:#46526f;max-width:56ch}
@media(max-width:620px){.cosoc-v-foot{padding-inline:18px}.cosoc-v-foot .cosoc-btn{width:100%}}
.cosoc-reclamo{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:18px;padding:16px 20px;border-radius:14px;background:#fff;border:1px solid var(--cs-lgray)}
.cosoc-reclamo > .cosoc-i{width:22px;height:22px;color:var(--cs-navy2)}
.cosoc-reclamo p{flex:1 1 220px;min-width:0;font-size:.94rem;color:#2c3857}

/* Contacto */
.cosoc-contact{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);overflow:hidden}
.cosoc-contact-l{padding:28px;background:linear-gradient(135deg,var(--cs-navy4),var(--cs-navy));color:#fff}
.cosoc-contact-l h2{font-size:1.25rem;font-weight:800;color:#fff}
.cosoc-contact-l p{margin-top:8px;color:rgba(255,255,255,.88);font-size:.95rem}
.cosoc-contact-l .cosoc-contact-sec{margin-top:14px;font-size:.88rem}
.cosoc-contact-r{padding:24px 28px;display:grid;gap:14px;align-content:center}
.cosoc-page .cosoc-crow{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:center;text-decoration:none;color:var(--cs-tx)}
.cosoc-crow-ic{width:44px;height:44px;border-radius:12px;background:var(--cs-light);color:var(--cs-navy);display:grid;place-items:center}
.cosoc-crow-ic .cosoc-i{width:22px;height:22px}
.cosoc-crow small{display:block;font:700 .66rem var(--cs-f-t);letter-spacing:.12em;text-transform:uppercase;color:var(--cs-gray)}
.cosoc-crow b{font:700 1rem var(--cs-f-t);color:var(--cs-navy);overflow-wrap:anywhere}
a.cosoc-crow:hover b{text-decoration:underline}
@media(max-width:800px){.cosoc-contact{grid-template-columns:1fr}}
.cosoc-fuentes{margin-top:40px!important;padding-top:20px;border-top:1px solid var(--cs-lgray);font-size:.84rem;color:var(--cs-gray)}
.cosoc-fuentes b{color:#3a4766}

.cosoc-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#0D2B5E;color:#fff;padding:12px 20px;border-radius:10px;z-index:80;font:600 .9rem var(--cs-f-b);box-shadow:0 10px 30px rgba(0,0,0,.35)}

/* Alto contraste del sitio (body.alto-contraste, main.css): lo que se pierde
   con el fondo negro general. */
body.alto-contraste .cosoc-hero::before,body.alto-contraste .cosoc-hero::after{display:none}
body.alto-contraste .cosoc-tl::before{background:#fff!important}
body.alto-contraste .cosoc-prog i{border:1px solid #fff}
body.alto-contraste .cosoc-prog i.past,body.alto-contraste .cosoc-prog i.now{background:#ffea00!important}
body.alto-contraste .cosoc-tl li.now .cosoc-hito,body.alto-contraste .cosoc-status,body.alto-contraste .cosoc-chip.now{border:2px solid #ffea00!important}
body.alto-contraste .cosoc-chip{border:1px solid #fff!important}
body.alto-contraste .cosoc-page mark{color:#000!important;background:#ffea00!important}
body.alto-contraste .cosoc-doc-ico::after{display:none}
body.alto-contraste .cosoc-page :focus-visible{outline-color:#ffea00!important}
body.alto-contraste .cosoc-sbox:focus-within{outline-color:#ffea00!important}

/* Comprobante de búsqueda: solo al imprimir con el botón (body.cosoc-printing). */
.cosoc-comprobante{display:none}
@media print{
  @page{size:A4;margin:16mm}
  body.cosoc-printing{background:#fff!important;zoom:1!important}
  body.cosoc-printing > *:not(#cosoc-comprobante){display:none!important}
  body.cosoc-printing #cosoc-comprobante{display:block;font-family:Arial,Helvetica,sans-serif;color:#000;font-size:11pt;line-height:1.45}
  #cosoc-comprobante h1{font:700 15pt Arial;margin:0 0 2pt}
  #cosoc-comprobante .org{font:700 9.5pt Arial;letter-spacing:.08em;text-transform:uppercase;color:#333}
  #cosoc-comprobante .top{border-bottom:2.5pt solid #0D2B5E;padding-bottom:8pt;margin-bottom:12pt}
  #cosoc-comprobante table{width:100%;border-collapse:collapse;margin:8pt 0}
  #cosoc-comprobante th,#cosoc-comprobante td{border:.6pt solid #666;padding:4pt 6pt;text-align:left;vertical-align:top;font-size:10pt;color:#000;background:#fff}
  #cosoc-comprobante th{font-family:Arial,Helvetica,sans-serif;font-weight:700;text-transform:none;letter-spacing:0;background:#e8eef8;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  #cosoc-comprobante .kv{display:grid;grid-template-columns:42mm 1fr;gap:2pt 8pt;font-size:10.5pt;margin:8pt 0}
  #cosoc-comprobante .kv b{font-weight:700}
  #cosoc-comprobante .v{font-weight:700}
  #cosoc-comprobante p{margin:0 0 6pt}
  #cosoc-comprobante .small{font-size:9pt;color:#333;margin-top:10pt;border-top:.6pt solid #999;padding-top:6pt}
  #cosoc-comprobante tr{break-inside:avoid}
  body.cosoc-printing.alto-contraste #cosoc-comprobante *{background:#fff!important;color:#000!important;border-color:#666!important}
}
