/* Encabezado oscuro compartido con el blog */
.cid-bhero{background:radial-gradient(120% 120% at 85% 10%,#2A3844 0%,#16222D 55%,#0B141B 100%)}
/* CID: Mi cuenta, verificador de credenciales y consejos */

/* Acceso */
.cid-acc{background:#fff;color:var(--ink);border-radius:12px;padding:34px 32px;box-shadow:0 30px 70px rgba(0,0,0,.35);border-top:4px solid var(--brass)}
.cid-acc h2{font-size:28px;margin-bottom:14px}
.cid-acc form{display:flex;flex-direction:column;gap:8px}
.cid-acc label{font-size:14px;font-weight:700;margin-top:6px}
.cid-acc input{font:inherit;border:1.5px solid var(--line);border-radius:6px;padding:13px 14px;background:#fff;color:var(--ink)}
.cid-acc input:focus{outline:none;border-color:var(--petrol);box-shadow:0 0 0 3px rgba(36,89,122,.15)}
.cid-acc .btn{justify-content:center;margin-top:12px}
.cid-cod{text-align:center;font-size:30px!important;letter-spacing:.35em;font-weight:700;font-family:var(--serif)!important}
.cid-acc-txt{color:var(--muted);font-size:15.5px;margin:0 0 8px}
.cid-acc-pie{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:18px 0 0;font-size:14px;color:var(--muted)}
.cid-acc-pie a{color:var(--petrol);font-weight:700}
.cid-err{background:#FBEFEF;color:#8E1F24;border-radius:6px;padding:10px 14px;font-size:14.5px;margin:0 0 10px}
.cid-hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}

/* Panel del miembro */
.cid-bienvenida{min-height:0;padding:56px 0 48px}
.cid-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.cid-chip{font-size:13.5px;font-weight:700;border:1px solid rgba(255,255,255,.28);border-radius:40px;padding:6px 14px;color:#DDE7EC}
.cid-chip--activo{background:#1E7A48;border-color:#1E7A48;color:#fff}
.cid-chip--aspirante{background:#A9853A;border-color:#A9853A;color:#fff}
.cid-chip--suspendido,.cid-chip--baja{background:#BF2B30;border-color:#BF2B30;color:#fff}
.cid-acc-acciones{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.cid-bienvenida .btn-ghost{color:#fff}
.cid-panel{padding:64px 0 96px}
.cid-h{font-size:30px;margin:0 0 22px}
.cid-aviso{background:var(--brass-soft);border-left:4px solid var(--brass);border-radius:8px;padding:18px 22px;margin-bottom:40px;font-size:16px}
.cid-vacio-p{color:var(--muted);font-size:16.5px;margin:0 0 40px}

.cid-creds{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;margin-bottom:48px}
.cid-cred{border-radius:16px;padding:22px;color:#fff;background:linear-gradient(150deg,#1A2E3D,#0F2533 65%,#0B1B26);box-shadow:0 24px 50px rgba(15,37,51,.25),inset 0 0 0 2px #B08A3E;display:flex;flex-direction:column;gap:16px}
.cid-cred--distintivo{background:linear-gradient(150deg,#D9C48F,#B08A3E 55%,#8F6E2B);color:#1E1608;box-shadow:0 24px 50px rgba(15,37,51,.2)}
.cid-cred--nombramiento{background:linear-gradient(150deg,#24597A,#1B465F 60%,#173A50)}
.cid-cred--off{filter:grayscale(.8);opacity:.75}
.cid-cred-top{display:flex;gap:12px;align-items:center}
.cid-cred-top small{display:block;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;opacity:.8}
.cid-cred-top b{font-family:var(--serif);font-size:19px;font-weight:600;line-height:1.15}
.cid-cred-est{margin-left:auto;font-size:11.5px;font-weight:700;border:1px solid currentColor;border-radius:20px;padding:3px 10px;white-space:nowrap}
.cid-cred-mid{display:flex;justify-content:space-between;align-items:flex-end;gap:14px}
.cid-cred-mid span{display:block;font-size:13.5px;opacity:.85}
.cid-cred-nom{font-size:17px!important;font-weight:700;opacity:1!important;margin-bottom:4px}
.cid-cred code{display:inline-block;margin-top:8px;font-family:ui-monospace,Menlo,monospace;font-size:13px;background:rgba(255,255,255,.14);padding:3px 8px;border-radius:4px}
.cid-qr{width:96px;flex-shrink:0;background:#fff;border-radius:8px;padding:4px;line-height:0}
.cid-qr svg{width:100%;height:auto}
.cid-cred-link{font-size:13.5px;font-weight:700;color:inherit;opacity:.9}

.cid-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.cid-box{background:#fff;border:1px solid var(--line);border-radius:10px;padding:26px 28px}
.cid-box h3{font-size:22px;margin-bottom:12px}
.cid-box-t{font-family:var(--serif);font-size:20px;margin:0 0 8px}
.cid-box dl{margin:0 0 14px;display:grid;grid-template-columns:auto 1fr;gap:8px 18px;font-size:15.5px}
.cid-box dt{color:var(--muted);font-weight:600}
.cid-box dd{margin:0}
.cid-box-n{font-size:14px;color:var(--muted);margin:0}
.cid-box-n a{color:var(--petrol)}
.cid-box--dark{background:var(--ink);color:#fff;border-color:var(--ink);border-bottom:4px solid var(--brass)}
.cid-box--dark p{color:#C7D3DA;font-size:15.5px}
.cid-box--dark .btn{margin-top:8px}

/* Verificador */
.cid-verif{max-width:640px}
.cid-vform{margin-top:8px}
.cid-vform label{display:block;font-weight:700;font-size:14.5px;margin-bottom:8px}
.cid-vform div{display:flex;gap:10px;flex-wrap:wrap}
.cid-vform input{flex:1;min-width:220px;font:inherit;font-size:18px;letter-spacing:.06em;text-transform:uppercase;border:1.5px solid var(--line);border-radius:6px;padding:12px 14px;background:#fff}
.cid-vres{border-radius:12px;padding:28px 30px;margin-bottom:32px;border:1px solid var(--line);background:#fff;position:relative}
.cid-vres b{display:block;font-family:var(--serif);font-size:26px;font-weight:600;line-height:1.2;margin:14px 0 12px}
.cid-vres dl{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;margin:0 0 14px;font-size:15.5px}
.cid-vres dt{color:var(--muted);font-weight:600}.cid-vres dd{margin:0}
.cid-vres p{margin:0;font-size:15.5px}
.cid-vres small{display:block;margin-top:12px;color:var(--muted);font-size:13px}
.cid-vsello{display:inline-block;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-radius:40px;padding:6px 14px;color:#fff}
.cid-vres--ok{border-left:6px solid var(--green)}
.cid-vres--ok .cid-vsello{background:var(--green)}
.cid-vres--no{border-left:6px solid var(--red)}
.cid-vres--no .cid-vsello{background:var(--red)}

/* Consejos */
.cid-tag{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.03em;border-radius:40px;padding:5px 12px;background:var(--soft);color:var(--ink)}
.cid-tag--activo{background:var(--green);color:#fff}
.cid-tag--formacion{background:var(--brass);color:#fff}
.cid-tag--por_abrir{background:rgba(255,255,255,.14);color:#DDE7EC}
.cid-consejos .cid-tag--por_abrir{background:var(--soft);color:var(--ink)}
.cid-bhero .cid-tag{margin-bottom:14px}
.cid-consejos{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.cid-consejo{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:10px;padding:28px;text-decoration:none;color:var(--ink);transition:box-shadow .25s,transform .25s}
.cid-consejo:hover{box-shadow:0 18px 40px rgba(15,37,51,.12);transform:translateY(-3px)}
.cid-consejo h2{font-size:28px;margin:16px 0 4px}
.cid-consejo p{color:var(--muted);margin:0 0 10px;font-size:15.5px}
.cid-consejo-t{color:var(--ink)!important}
.cid-consejo-n{margin-top:auto;padding-top:14px;font-weight:700;font-size:14.5px;color:var(--petrol)}
.cid-consejo--nuevo{background:var(--ink);color:#fff;border-color:var(--ink)}
.cid-consejo--nuevo p{color:#C7D3DA}.cid-consejo--nuevo .cid-consejo-n{color:#E5CF9B}
.cid-cgrid{display:grid;grid-template-columns:1fr 360px;gap:56px;align-items:start}
.cid-cside{display:flex;flex-direction:column;gap:20px;position:sticky;top:120px}
.cid-cuerpo--c{padding:0 0 32px}
.cid-mesa{list-style:none;margin:0 0 48px;padding:0;border-top:1px solid var(--line)}
.cid-mesa li{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.cid-mesa span{color:var(--muted);font-size:15px}
.cid-mesa a{font-size:13.5px;font-weight:700;color:var(--petrol)}
.cid-met{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.cid-met div{background:var(--ink);color:#fff;border-radius:10px;padding:22px}
.cid-met b{display:block;font-family:var(--serif);font-size:40px;line-height:1;color:#E5CF9B}
.cid-met span{display:block;margin-top:10px;font-size:14px;color:#C7D3DA}

@media (max-width:980px){.cid-cols,.cid-cgrid{grid-template-columns:1fr}.cid-consejos{grid-template-columns:1fr 1fr}.cid-met{grid-template-columns:1fr 1fr}.cid-cside{position:static}}
@media (max-width:620px){.cid-consejos{grid-template-columns:1fr}.cid-creds{grid-template-columns:1fr}.cid-mesa li{grid-template-columns:1fr}.cid-acc{padding:26px 22px}}

/* cid:red:start */
/* Motor de la Red */
.cid-red{background:var(--paper);padding:72px 0 96px;border-top:1px solid var(--line)}
.cid-red-head h2{font-size:clamp(28px,3vw,38px);margin-bottom:24px}
.cid-red-aviso{background:var(--green-soft);color:#1E5A38;border-radius:8px;padding:12px 16px;font-weight:600;margin:0 0 20px}
.cid-red-aviso.is-err{background:#FBEFEF;color:#8E1F24}
.cid-red-b{background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px 30px;margin-top:22px}
.cid-red-b h3{font-size:23px;margin-bottom:14px}
.cid-nota{color:var(--muted);font-size:15px;margin:-6px 0 16px}
.cid-sem{background:var(--ink);color:#fff;border-radius:14px;padding:24px 26px;border-bottom:4px solid var(--brass)}
.cid-sem-g{display:flex;gap:16px;align-items:center;margin-bottom:20px}
.cid-sem-g i{width:22px;height:22px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 6px rgba(255,255,255,.08)}
.cid-sem--verde .cid-sem-g i{background:#4CB07A}.cid-sem--ambar .cid-sem-g i{background:#E5B04A}.cid-sem--rojo .cid-sem-g i{background:#E0575C}
.cid-sem-g b{display:block;font-family:var(--serif);font-size:22px;font-weight:600}
.cid-sem-g span{color:#C7D3DA;font-size:15px}
.cid-sem-i{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.cid-sem-c{background:rgba(255,255,255,.06);border-radius:10px;padding:16px;border-top:3px solid #8FA3AE}
.cid-sem-c--verde{border-top-color:#4CB07A}.cid-sem-c--ambar{border-top-color:#E5B04A}.cid-sem-c--rojo{border-top-color:#E0575C}
.cid-sem-c span{display:block;font-size:13px;color:#AFC3CF}
.cid-sem-c b{display:block;font-family:var(--serif);font-size:30px;line-height:1.1;margin:6px 0}
.cid-sem-c small{display:block;font-size:12.5px;color:#8FA3AE;line-height:1.4}
.cid-match{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.cid-match li{display:flex;justify-content:space-between;gap:18px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:16px 18px}
.cid-match b{font-size:17px}
.cid-match span{display:block;color:var(--muted);font-size:14.5px}
.cid-match p{margin:6px 0 8px;font-size:15px}
.cid-match em{display:inline-block;font-style:normal;font-size:12px;font-weight:700;border-radius:20px;padding:3px 10px;margin-right:6px;background:var(--soft);color:var(--ink)}
.cid-match em.t-mutuo{background:var(--green-soft);color:#1E5A38}
.cid-match em.t-intl{background:#EAF1F6;color:var(--petrol)}
.cid-match .btn{flex-shrink:0;height:44px;font-size:14.5px}
.cid-red-f{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cid-red-f label{display:flex;flex-direction:column;gap:6px;font-size:14.5px;font-weight:600}
.cid-red-f .full{grid-column:1/-1}
.cid-red-f input,.cid-red-f select,.cid-red-f textarea{font:inherit;font-weight:400;border:1.5px solid var(--line);border-radius:6px;padding:11px 12px;background:#fff}
.cid-red-f .chk{flex-direction:row;align-items:flex-start;gap:8px;font-weight:400}
.cid-red-f .btn{justify-content:center}
.cid-tipo{grid-column:1/-1;border:0;padding:0;margin:0;display:flex;gap:18px;flex-wrap:wrap}
.cid-tipo legend{font-weight:700;font-size:14.5px;margin-bottom:6px}
.cid-tipo label{flex-direction:row;align-items:center;gap:8px;font-weight:500}
.cid-solo-ref{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cid-red-f:has(input[value=unoauno]:checked) .cid-solo-ref{display:none}
.cid-ref{display:grid;grid-template-columns:1fr auto;gap:20px;border:1px solid var(--line);border-left:4px solid var(--petrol);border-radius:10px;padding:16px 18px;margin-bottom:12px}
.cid-ref--ganado{border-left-color:var(--green)}.cid-ref--perdido{border-left-color:#B7C2C8;opacity:.8}
.cid-ref-i b{font-size:17px}
.cid-ref-i span{display:block;color:var(--muted);font-size:13.5px;margin-top:2px}
.cid-ref-i p{margin:6px 0 0;font-size:15px}
.cid-ref-n{color:var(--muted)}
.cid-ref-f{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start;min-width:300px}
.cid-ref-f select,.cid-ref-f input{font:inherit;font-size:14.5px;border:1.5px solid var(--line);border-radius:6px;padding:9px 10px}
.cid-ref-f select[name=estado]{grid-column:1/-1}
.cid-ref-f .btn{grid-column:1/-1;height:42px;justify-content:center;font-size:14.5px}
.cid-dados{list-style:none;padding:0;margin:0}
.cid-dados li{padding:10px 0;border-top:1px solid var(--line);font-size:15px}
.cid-pill{display:inline-block;font-size:12px;font-weight:700;border-radius:20px;padding:2px 10px;background:var(--soft);margin-right:6px}
.cid-pill--ganado{background:var(--green-soft);color:#1E5A38}.cid-pill--perdido{background:#EEF1F2;color:#6D7C85}.cid-pill--uno{background:#EAF1F6;color:var(--petrol)}
/* Pagina del consejo */
.cid-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.cid-metrics div{background:var(--ink);color:#fff;border-radius:10px;padding:20px}
.cid-metrics b{display:block;font-family:var(--serif);font-size:32px;line-height:1.1;color:#E5CF9B;word-break:break-word}
.cid-metrics span{display:block;margin-top:8px;font-size:13.5px;color:#C7D3DA}
.cid-prox{border-top:4px solid var(--brass)}
.cid-prox-k{display:block;font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--brass)}
.cid-prox b{display:block;font-family:var(--serif);font-size:24px;margin:6px 0 2px}
.cid-prox span{color:var(--muted);font-size:15px}
.cid-prox p{margin:10px 0;font-size:15px}
.cid-top{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.cid-top li{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px;position:relative}
.cid-top i{position:absolute;top:14px;right:16px;font-style:normal;font-family:var(--serif);font-size:28px;color:var(--brass)}
.cid-top b{display:block;font-size:17px;padding-right:30px}
.cid-top span{display:block;color:var(--muted);font-size:14px}
.cid-top em{display:block;font-style:normal;font-weight:700;color:var(--green);margin-top:8px}
.cid-miembros{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cid-miembros div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px 18px}
.cid-miembros b{display:block;font-size:16.5px}
.cid-miembros span{display:block;color:var(--muted);font-size:14px}
.cid-miembros p{margin:8px 0 0;font-size:14.5px}
.cid-miembros small{display:block;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--brass)}
.cid-pais{font-size:26px;margin:36px 0 16px;display:flex;align-items:baseline;gap:12px}
.cid-pais:first-of-type{margin-top:0}
.cid-pais small{font-family:var(--sans);font-size:14px;font-weight:600;color:var(--muted)}
@media (max-width:980px){.cid-sem-i{grid-template-columns:1fr 1fr}.cid-ref{grid-template-columns:1fr}.cid-ref-f{min-width:0}.cid-metrics,.cid-top{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.cid-sem-i,.cid-red-f,.cid-solo-ref,.cid-metrics,.cid-top,.cid-miembros{grid-template-columns:1fr}.cid-match li{flex-direction:column;align-items:flex-start}.cid-red-b{padding:22px 18px}}
.cid-ref-f:not(:has(option[value=ganado]:checked)) input[name=monto],.cid-ref-f:not(:has(option[value=ganado]:checked)) select[name=moneda]{display:none}
/* cid:red:end */

.cid-vdemo,.cid-demo-aviso{background:#FFF6DB;border:1.5px dashed #D9A93A;color:#5A3D00;border-radius:8px;padding:12px 16px;font-size:14.5px;font-weight:600;margin:0 0 18px}