/* ===== Campañas y navegación redistribuida (oct 2026) ===== */

/* 1. Menú fijo: orden y color de cada apartado */
.mnav{position:relative}
.mnav .mi-ayuda{order:1}
.mnav .mi-campanas{order:2}
.mnav .mi-comunidades{order:3}
.mnav .mi-tarjetas{order:4}
.mnav .mi-app{order:5}
.mnav .mi-consejo{order:6}
.mi-campanas,.md-campanas,.if-campanas{--acc:#B3262B;--acc-soft:#FCEBEA;--acc-2:#E0574D}
.mnav .mi-campanas>button{color:var(--acc)}
.mnav .mi-comunidades>button{color:#16304F}
.mnav .mi-comunidades.actual>button,.mnav .mi-comunidades.open>button,.mnav .mi-comunidades>button:hover{color:var(--acc)}

/* Paneles anchos: se colocan contra la barra, no contra el botón */
.mnav .mi-campanas,.mnav .mi-consejo,.mnav .mi-comunidades{position:static}
.mnav .mi-comunidades .panel{left:auto;right:0;width:min(900px,calc(100vw - 48px))}
.mnav .mi-campanas .panel{left:auto;right:0;width:min(820px,calc(100vw - 48px))}
.mnav .cpanel .cp-todas small{color:rgba(255,255,255,.86)!important}
.mnav .mi-consejo .panel{left:auto;right:0;width:min(900px,calc(100vw - 48px))}
.mnav .mi-app .panel{left:auto;right:0}

/* 2. Panel de Campañas */
.mnav .cpanel .cp-cols{display:grid;grid-template-columns:1.55fr 1fr;gap:6px 18px}
.mnav .cpanel .cp-madre{grid-template-columns:1fr 1fr}
.cp-madre a{--acc:var(--cc);--acc-2:var(--cc);--acc-soft:color-mix(in srgb,var(--cc) 11%,#fff)}
.mnav .mi .cp-madre a .ic,.mobile details .cp-madre a .ic{background:color-mix(in srgb,var(--cc) 13%,#fff);stroke:var(--cc)}
.mnav .mi .cp-madre a:hover b,.mnav .mi .cp-madre a:focus-visible b{color:var(--cc)}
.cp-lado{display:flex;flex-direction:column;gap:6px;padding-left:16px;border-left:1px solid var(--line)}
.mnav .cp-lado .pgh{display:flex;align-items:center;gap:10px;margin:2px 0 4px;padding:6px 0 7px;font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--acc)}
.mnav .cp-lado .pgh:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--acc-soft),transparent)}
.cp-mas{display:flex;flex-direction:column}
.mnav .cp-mas a,.mobile .cp-mas a{display:block;padding:8px 10px 8px 22px;border-radius:9px;font-size:14px;font-weight:600;line-height:1.3;color:#102A47;text-decoration:none;position:relative}
.mnav .cp-mas a:before,.mobile .cp-mas a:before{content:"";position:absolute;left:9px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--acc)}
.mnav .cp-mas a:hover,.mnav .cp-mas a:focus-visible{background:var(--acc-soft);color:var(--acc)}
.mnav .cp-todas{display:block;margin-top:auto;padding:12px 14px;border-radius:12px;background:linear-gradient(135deg,var(--acc),#7E1519);color:#fff!important;text-decoration:none}
.mnav .cp-todas b{display:block;font-size:15px;color:#fff}
.mnav .cp-todas small{display:block;font-size:12.5px;color:rgba(255,255,255,.82);margin-top:2px}
.mnav .cp-todas:hover{filter:brightness(1.08)}
.mnav .cp-sum{display:block;text-align:center;padding:9px;border-radius:10px;border:1px solid color-mix(in srgb,var(--acc) 30%,transparent);color:var(--acc)!important;font-weight:700;font-size:14px;text-decoration:none}
.mnav .cp-sum:hover{background:var(--acc-soft)}
.mobile .md-campanas .cp-todas{background:var(--acc-soft);border-radius:12px;padding:12px 14px!important;margin-top:8px}
.mobile .md-campanas .cp-mas a{border-top:1px solid var(--paper);border-radius:0}

/* 3. Panel de El Consejo: tres columnas, cada una con su grupo */
.mnav .mi .panel .pgc{display:grid;grid-template-columns:repeat(3,1fr);gap:0 14px}
.mnav .mi .panel .pgc>.pg{grid-template-columns:1fr!important;align-content:start}
.mnav .mi .panel .pgc>.pg+.pg{border-left:1px solid var(--line);padding-left:12px}
.mnav .mi-consejo .pg a small{font-size:12.5px}

/* 4. Barra verde superior: el botón Ayuda gratis con su panel */
.mnav .mi-campanas{order:1}

/* 5. Inicio: banda de campañas bajo el hero */
.cm-band{background:linear-gradient(180deg,#0B1A33 0,#0B1A33 64px,#F5F7F6 64px);padding:0 0 56px;position:relative}
.cm-band .wrap{position:relative}
.cm-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;background:#fff;border:1px solid var(--line);border-bottom:0;border-radius:20px 20px 0 0;padding:28px 30px 18px}
.cm-head h2{font-family:var(--serif);font-size:clamp(26px,2.6vw,34px);line-height:1.12;color:var(--ink);margin:0}
.cm-head p{margin:8px 0 0;max-width:58ch;color:var(--muted);font-size:16px;line-height:1.5}
.cm-todas{flex:none;display:inline-flex;align-items:center;gap:10px;padding:11px 16px 11px 18px;border-radius:999px;background:#B3262B;color:#fff;font-weight:700;font-size:15px;text-decoration:none;box-shadow:0 10px 22px rgba(179,38,43,.25)}
.cm-todas span{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 6px;border-radius:99px;background:#fff;color:#B3262B;font-size:13px;font-weight:800}
.cm-todas:hover{background:#951E22}
.cm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-top:0;border-radius:0 0 20px 20px;overflow:hidden;box-shadow:0 26px 50px rgba(12,28,56,.08)}
.cm-t{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;gap:4px 16px;padding:22px 24px 20px;background:#fff;text-decoration:none;color:var(--ink);transition:background-color .2s ease}
.cm-t:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--cc);transform:scaleY(.3);transform-origin:top;transition:transform .25s ease}
.cm-ic{grid-row:1/3;width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:color-mix(in srgb,var(--cc) 12%,#fff);transition:background-color .2s ease}
.cm-ic .ic{width:27px;height:27px;stroke:var(--cc);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;background:none!important;box-shadow:none!important}
.cm-tx b{display:block;font-family:var(--serif);font-size:21px;line-height:1.15;font-weight:600;color:#0F2340}
.cm-tx small{display:block;margin-top:5px;font-size:12.5px;line-height:1.35;color:var(--muted)}
.cm-li{display:block;margin-top:9px;font-size:15px;line-height:1.4;color:#24384F}
.cm-go{grid-column:2;justify-self:start;margin-top:10px;font-size:14px;font-weight:800;color:var(--cc);border-bottom:2px solid color-mix(in srgb,var(--cc) 35%,transparent);padding-bottom:1px}
.cm-t:hover,.cm-t:focus-visible{background:color-mix(in srgb,var(--cc) 6%,#fff)}
.cm-t:hover:before,.cm-t:focus-visible:before{transform:none}
.cm-t:hover .cm-ic,.cm-t:focus-visible .cm-ic{background:var(--cc)}
.cm-t:hover .cm-ic .ic,.cm-t:focus-visible .cm-ic .ic{stroke:#fff}
.cm-t:focus-visible{outline:3px solid var(--cc);outline-offset:-3px}
.cm-org{margin-top:26px}
.cm-org h3{font-family:var(--sans);font-size:15px;font-weight:700;color:#5A4517;margin:0 0 12px;display:flex;align-items:center;gap:12px}
.cm-org h3:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,#D9C08A,transparent)}
.cm-org-g{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.cm-p{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:16px;background:linear-gradient(160deg,#13264A,#0B1A33);border:1px solid #6E5A2C;box-shadow:inset 0 0 0 1px rgba(233,203,135,.12);color:#fff;text-decoration:none;transition:border-color .2s ease,transform .2s ease}
.cm-pic{flex:none;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;border:1.5px solid #C9A55A;background:rgba(201,165,90,.08)}
.cm-pic .ic{width:25px;height:25px;stroke:#E9CB87;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;background:none!important;box-shadow:none!important}
.cm-p b{display:block;font-family:var(--serif);font-size:17px;line-height:1.2;font-weight:600;color:#F6E7C2}
.cm-p small{display:block;margin-top:4px;font-size:13.5px;line-height:1.35;color:rgba(255,255,255,.74)}
.cm-p:hover,.cm-p:focus-visible{border-color:#E9CB87;transform:translateY(-2px)}
.cm-p:focus-visible{outline:3px solid #E9CB87;outline-offset:2px}
@media (max-width:980px){.cm-grid{grid-template-columns:1fr 1fr}.cm-org-g{grid-template-columns:1fr}.cm-head{flex-direction:column;align-items:flex-start}}
@media (max-width:620px){.cm-band{background:linear-gradient(180deg,#0B1A33 0,#0B1A33 40px,#F5F7F6 40px)}.cm-head{padding:22px 20px 14px}.cm-grid{grid-template-columns:1fr}.cm-t{padding:18px 18px 16px}.cm-tx b{font-size:19px}}
@media (prefers-reduced-motion:reduce){.cm-t,.cm-t:before,.cm-ic,.cm-p{transition:none}}

/* 6. Barra de campañas bajo el hero de cada campaña */
.cm-sub{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:5}
.cm-sub .wrap{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none;padding-top:10px;padding-bottom:10px}
.cm-sub .wrap::-webkit-scrollbar{display:none}
.cm-sub-k{flex:none;font-size:13px;font-weight:800;color:#B3262B;margin-right:8px}
.cm-sub a{flex:none;display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;font-size:14px;font-weight:650;color:#16304F;text-decoration:none;white-space:nowrap}
.cm-sub a i{width:9px;height:9px;border-radius:50%;background:var(--cc)}
.cm-sub a:hover,.cm-sub a:focus-visible{background:color-mix(in srgb,var(--cc,#B3262B) 10%,#fff);color:var(--cc,#B3262B)}
.cm-sub a.on{background:var(--cc);color:#fff}
.cm-sub a.on i{background:#fff}
.cm-sub .cm-sub-mas{margin-left:auto;border:1px solid #E7B9B6;color:#B3262B}

/* 7. Formulario Me sumo */
.csf{max-width:760px;position:relative}
.csf label{display:block;font-weight:650;margin:16px 0 6px;color:var(--ink)}
.csf label span{font-weight:400;color:var(--muted)}
.csf input[type=text],.csf input[type=email],.csf input[type=tel],.csf select,.csf textarea{width:100%;padding:12px 13px;border:1px solid #C3CED4;border-radius:10px;font:inherit;font-size:16px;background:#fff;color:var(--ink);box-sizing:border-box}
.csf input:focus,.csf select:focus,.csf textarea:focus{outline:3px solid color-mix(in srgb,var(--green) 30%,transparent);border-color:var(--green)}
.csf textarea{min-height:110px;resize:vertical}
.csf-g{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.csf-c{margin:0 0 4px;padding:12px 16px;border-radius:12px;background:var(--green-soft);border:1px solid #BFDFCB;font-size:15px;line-height:1.45}
.csf-formas{border:0;padding:0;margin:18px 0 0}
.csf-formas legend{font-weight:650;margin-bottom:8px;padding:0}
.csf-formas>div{display:flex;flex-wrap:wrap;gap:8px}
.csf .csf-chip{margin:0;position:relative;font-weight:500}
.csf-chip input{position:absolute;opacity:0;inset:0;cursor:pointer}
.csf-chip span{display:inline-block;padding:9px 14px;border-radius:999px;border:1px solid #C3CED4;background:#fff;font-size:14.5px;color:var(--ink)!important;cursor:pointer}
.csf-chip input:checked+span{background:var(--green);border-color:var(--green);color:#fff!important}
.csf-chip input:focus-visible+span{outline:3px solid color-mix(in srgb,var(--green) 35%,transparent);outline-offset:2px}
.csf .csf-ck{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:15px;line-height:1.45}
.csf-ck input{margin-top:4px;width:18px;height:18px;flex:none}
.csf-b{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:18px}
.csf-b span{font-size:14px;color:var(--muted)}
.csf-er{background:#FDECEC;border:1px solid #E7B4B4;border-radius:10px;padding:12px 14px;margin:0 0 14px}
.csf-ok{background:#fff;border:1px solid #BFDFCB;border-left:5px solid var(--green);border-radius:14px;padding:22px 24px}
.csf-ok h3{margin:0 0 6px}
@media (max-width:640px){.csf-g{grid-template-columns:1fr}}
.cs-sec{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(300px,1.15fr);gap:36px;align-items:start}
.cs-sec .cs-why h2{margin-top:6px}
.cs-sec .cs-why ul{margin:16px 0 0;padding-left:20px;line-height:1.65;font-size:16px}
.cs-sec .cs-why .cs-urg{margin-top:20px;padding:14px 16px;border-radius:12px;background:#FFF7E0;border:1px solid #E3C27A;font-size:15px;line-height:1.5}
@media (max-width:900px){.cs-sec{grid-template-columns:1fr}}

/* 8. Inicio: cajas con subcajas (espejo del menú fijo) */
.xb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.xb{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px 24px 20px;display:flex;flex-direction:column;transition:border-color .2s ease,box-shadow .2s ease}
.xb:before{content:"";position:absolute;left:24px;right:24px;top:-1px;height:4px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,var(--acc),var(--acc-2));opacity:.35;transition:opacity .2s ease}
.xb:hover,.xb:focus-within{border-color:color-mix(in srgb,var(--acc) 45%,var(--line));box-shadow:0 18px 40px color-mix(in srgb,var(--acc) 14%,transparent)}
.xb:hover:before,.xb:focus-within:before{opacity:1}
.xb-h{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ink)}
.xb-h .ic{width:46px;height:46px;padding:11px;border-radius:14px;background:var(--acc-soft);stroke:var(--acc);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;box-sizing:border-box;transition:background-color .2s ease,stroke .2s ease}
.xb:hover .xb-h .ic,.xb:focus-within .xb-h .ic{background:var(--acc);stroke:#fff}
.xb-h b{display:block;font-family:var(--serif);font-size:22px;font-weight:600;line-height:1.15}
.xb-h small{display:block;font-size:14px;color:var(--muted);margin-top:3px;line-height:1.35}
.xb-s{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:16px}
.xb-s a{display:block;padding:9px 11px;border-radius:10px;background:var(--paper);font-size:14px;font-weight:600;line-height:1.25;color:#16304F;text-decoration:none;transition:background-color .15s ease,color .15s ease}
.xb-s a:hover,.xb-s a:focus-visible{background:var(--acc-soft);color:var(--acc)}
.xb-s a:focus-visible{outline:2px solid var(--acc);outline-offset:1px}
.xb-all{margin-top:14px;align-self:flex-start;font-size:14px;font-weight:800;color:var(--acc);text-decoration:none;border-bottom:2px solid color-mix(in srgb,var(--acc) 30%,transparent)}
@media (max-width:980px){.xb-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.xb-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.xb,.xb:before,.xb-h .ic,.xb-s a{transition:none}}

/* 9. Colores nuevos de hero para las campañas */
.chero.c-rosa{--c1:#8E2457;--c2:#4E1030;--c3:#1C0511;--acc:#F7C3DA;--acc2:#D0558F;--accs:rgba(247,195,218,.12)}
.chero.c-ambar{--c1:#7A4510;--c2:#3F2307;--c3:#160B02;--acc:#F5D29C;--acc2:#C9832F;--accs:rgba(245,210,156,.12)}
.chero.c-teal{--c1:#0B5E66;--c2:#06363B;--c3:#021315;--acc:#A6E3E8;--acc2:#2BAEBA;--accs:rgba(166,227,232,.12)}
.chero.c-paz{--c1:#25558F;--c2:#132E52;--c3:#07111F;--acc:#C4DDF7;--acc2:#5C9BDD;--accs:rgba(196,221,247,.12)}

/* Tarjetas de página de campaña */
.cg-ti{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:0;padding:0;list-style:none}
.cg-ti li{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 18px 16px;font-size:15.5px;line-height:1.45}
.cg-ti li b{display:block;font-family:var(--serif);font-size:18px;margin-bottom:4px;color:#0F2340}

.cm-ic .ic,.cm-pic .ic{padding:0!important;border-radius:0!important}

/* Pasos de participación, en todas las páginas de campaña */
.camp-como-s{background:#fff;border-bottom:1px solid var(--line)}
.camp-pasos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;counter-reset:cp}
.camp-pasos li{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:24px 26px;counter-increment:cp}
.camp-pasos li:after{content:counter(cp,decimal-leading-zero);position:absolute;top:20px;right:24px;font-family:var(--serif);font-size:30px;font-weight:700;color:var(--line)}
.camp-pasos .ic{width:48px;height:48px;padding:11px;border-radius:14px;background:var(--green-soft);stroke:var(--green);margin-bottom:14px}
.camp-pasos b{display:block;font-size:18px;margin-bottom:6px;color:var(--ink)}
.camp-pasos span{display:block;font-size:15.5px;line-height:1.6;color:var(--muted)}
@media (max-width:900px){.camp-pasos{grid-template-columns:1fr}}

/* Pie: seis columnas, una por apartado */
@media (min-width:1101px){.nf-cols{grid-template-columns:repeat(6,minmax(0,1fr));gap:30px 20px}}
.nf-campanas{--acc:#B3262B}

@media (max-width:620px){.cm-tx small{display:none}.cm-li{margin-top:4px}.cm-go{margin-top:6px}.cm-ic{width:46px;height:46px;border-radius:14px}}

/* ===== Ayuda gratis en la barra verde (oct 2026) ===== */
.helpbar{position:relative;z-index:200}
.hb-ayuda{position:relative;--acc:#17854F;--acc-soft:#E5F5EC}
.hb-btn{display:inline-flex;align-items:center;gap:9px;height:34px;padding:0 14px 0 8px;border:0;border-radius:999px;background:#fff;color:#0F5E37;font:inherit;font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 2px 0 rgba(0,0,0,.12)}
.hb-btn img{width:22px;height:22px}
.hb-btn:after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:-4px 0 0 3px;transition:transform .2s ease}
.hb-ayuda.open .hb-btn:after{transform:rotate(-135deg);margin-top:3px}
.hb-btn:hover,.hb-ayuda.open .hb-btn{background:#F2FBF5}
.hb-btn:focus-visible{outline:3px solid #fff;outline-offset:2px}
.hb-ayuda.actual .hb-btn{box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(255,255,255,.35)}
.hb-panel{display:none;position:absolute;right:0;top:calc(100% + 10px);width:min(860px,calc(100vw - 32px));background:#fff;color:var(--ink);border-radius:18px;padding:14px;box-shadow:0 26px 60px rgba(12,28,56,.22),0 2px 8px rgba(12,28,56,.08);border:1px solid var(--line);overflow:hidden;font-weight:400}
.hb-panel:before{content:"";display:block;height:4px;margin:-14px -14px 12px;background:linear-gradient(90deg,#17854F,#34B374)}
.hb-ayuda.open .hb-panel{display:block;animation:panelIn .22s cubic-bezier(.2,.8,.3,1) both}
.hb-pi{margin:0 0 12px;padding:12px 14px;border-radius:12px;background:var(--acc-soft);color:#16304F;font-size:14.5px;font-weight:600;line-height:1.45}
.hb-cols{display:grid;grid-template-columns:1fr 250px;gap:14px}
.hb-g{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.helpbar .hb-g a{display:flex;align-items:flex-start;gap:12px;padding:10px;border-radius:10px;color:var(--ink);text-decoration:none}
.hb-g a .ic{width:40px;height:40px;padding:9px;border-radius:12px;background:var(--acc-soft);stroke:var(--acc)}
.hb-g a b{display:block;font-size:15px;font-weight:700;line-height:1.25;color:#102A47}
.hb-g a small{display:block;font-size:13px;line-height:1.35;color:#4A5C68;margin-top:2px}
.helpbar .hb-g a:hover,.helpbar .hb-g a:focus-visible{background:var(--acc-soft)}
.hb-g a:hover b{color:var(--acc)}
.hb-g a.dest{grid-column:1/-1;background:linear-gradient(135deg,#17854F,#0F5E37)}
.hb-g a.dest .ic{background:rgba(255,255,255,.16);stroke:#fff}
.hb-g a.dest b,.hb-g a.dest:hover b{color:#fff}
.hb-g a.dest small{color:rgba(255,255,255,.85)}
.helpbar .hb-g a.dest:hover{background:linear-gradient(135deg,#1B9659,#11683D)}
.hb-lado{display:flex;flex-direction:column;gap:6px;padding-left:14px;border-left:1px solid var(--line)}
.hb-urg-k{margin:4px 0 2px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#8A2A1F}
.hb-urg-k+.hb-tel{margin-top:0}
.hb-lado .hb-urg-k:nth-of-type(2){color:var(--acc);margin-top:10px}
.helpbar .hb-tel{display:block;padding:10px 12px;border-radius:12px;border:1px solid var(--line);color:var(--ink);text-decoration:none}
.hb-tel b{display:block;font-size:17px;font-weight:800;color:#102A47;font-variant-numeric:tabular-nums}
.hb-tel span{display:block;font-size:12.5px;color:#4A5C68}
.helpbar .hb-tel:hover{border-color:var(--acc);background:var(--acc-soft)}
.helpbar .hb-911{background:#FDECEC;border-color:#F1B9B9}
.hb-911 b{color:#B3262B}
.helpbar .hb-wa{background:var(--acc-soft);border-color:#BFDFCB}
@media (max-width:900px){.hb-cols{grid-template-columns:1fr}.hb-lado{padding-left:0;border-left:0}}
@media (prefers-reduced-motion:reduce){.hb-ayuda.open .hb-panel{animation:none}}
/* ===== Campañas v2 (oct 2026): botón de todas, inicio, hero de pancartas y buscador ===== */
@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/anton-400-latin.woff2') format('woff2')}
:root{--camp-1:#D62F2A;--camp-2:#F2602C;--camp-d:#8E1A17}

/* Botón "Ver las 12 campañas" */
.mnav .cpanel .cp-todas,.mobile .cp-todas,.cp-todas{display:flex!important;align-items:center;gap:14px;margin:0;padding:14px 16px!important;border-radius:14px!important;background:linear-gradient(120deg,var(--camp-1),var(--camp-2))!important;color:#fff!important;text-decoration:none;box-shadow:0 12px 26px rgba(214,47,42,.32);position:relative;overflow:hidden;transform:none!important}
.cp-todas:after{display:none!important}
.cp-todas .cp-t-ic{flex:none;width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.18);display:grid;place-items:center}
.cp-todas .cp-t-ic .ic{width:26px;height:26px;padding:0;background:none!important;box-shadow:none!important;stroke:#fff!important}
.cp-todas .cp-t-tx b{display:block;font-size:16.5px;font-weight:800;color:#fff!important;line-height:1.2}
.cp-todas .cp-t-tx small{display:block;font-size:13px;color:rgba(255,255,255,.9)!important;margin-top:2px}
.cp-todas .cp-t-fl{margin-left:auto;font-size:22px;font-weight:700;transition:transform .2s ease}
.cp-todas:hover,.cp-todas:focus-visible{box-shadow:0 16px 32px rgba(214,47,42,.42);filter:saturate(1.1)}
.cp-todas:hover .cp-t-fl{transform:translateX(4px)}
.cp-todas:focus-visible{outline:3px solid #FFD2C2;outline-offset:2px}
.mnav .cpanel .cp-madre .cp-todas{align-self:stretch}
.mobile .cp-todas-m{margin:6px 0 12px!important;border-top:0!important}
.cp-mas a:before{background:var(--cc,var(--acc))!important}
.mnav .cp-lado .cp-sum{margin-top:auto}

/* Inicio: sexta casilla y "también en marcha" */
.cm-cta{background:linear-gradient(135deg,var(--camp-1),var(--camp-2))!important;color:#fff;grid-template-columns:auto 1fr}
.cm-cta:before{display:none}
.cm-cta-n{grid-row:1/3;width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.18);font-family:'Anton',var(--sans);font-size:28px;color:#fff}
.cm-cta .cm-tx b{color:#fff}
.cm-cta .cm-li{color:rgba(255,255,255,.92)}
.cm-cta .cm-go{color:#fff;border-bottom-color:rgba(255,255,255,.5)}
.cm-cta:hover,.cm-cta:focus-visible{background:linear-gradient(135deg,#E0352F,#FF6E36)!important}
.cm-cta:focus-visible{outline:3px solid #fff;outline-offset:-5px}
.cm-todas{background:linear-gradient(120deg,var(--camp-1),var(--camp-2))}
.cm-todas:hover{background:linear-gradient(120deg,#C2261F,#E2511F)}
.cm-mas{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px}
.cm-mas-k{font-size:14px;font-weight:800;color:#8E1A17;margin-right:4px}
.cm-mas a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:14px;font-weight:650;color:#16304F;text-decoration:none;transition:border-color .15s ease,background-color .15s ease}
.cm-mas a i{width:9px;height:9px;border-radius:50%;background:var(--cc)}
.cm-mas a:hover,.cm-mas a:focus-visible{border-color:var(--cc);background:color-mix(in srgb,var(--cc) 8%,#fff)}
.cm-org-s{padding-top:8px}

/* Hero de /campanas/: pancartas */
.cph{position:relative;overflow:hidden;color:#fff;background:radial-gradient(70% 90% at 80% 20%,#E0452D 0%,rgba(224,69,45,0) 60%),linear-gradient(135deg,#6E0F12 0%,#A51F22 48%,#C83A24 100%)}
.cph:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.13) 1.2px,transparent 1.3px);background-size:16px 16px;-webkit-mask-image:linear-gradient(100deg,transparent 0%,#000 55%,#000 100%);mask-image:linear-gradient(100deg,transparent 0%,#000 55%,#000 100%)}
.cph:after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(180deg,rgba(40,6,8,0),rgba(40,6,8,.45));pointer-events:none}
.cph-g{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:40px;align-items:center;padding-top:40px;padding-bottom:58px}
.cph .crumb{font-size:14px;color:rgba(255,255,255,.75);margin:0 0 18px}
.cph .crumb a{color:#FFD8C7}
.cph-ey{display:inline-block;margin:0 0 18px;padding:7px 14px;border-radius:999px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.28);font-size:13px;font-weight:700;line-height:1.35;color:#FFE5D9}
.cph h1{font-family:'Anton',var(--sans);font-weight:400;font-size:clamp(46px,5.6vw,84px);line-height:.98;letter-spacing:.005em;margin:0;color:#fff;text-wrap:balance}
.cph-lead{margin:20px 0 0;max-width:52ch;font-size:18px;line-height:1.55;color:rgba(255,255,255,.92)}
.cph-acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.cph-b1{background:#fff;color:#A51F22!important;font-weight:800;border:0;box-shadow:0 12px 26px rgba(40,6,8,.3)}
.cph-b1:hover{background:#FFF1EA}
.cph-b2{background:transparent;color:#fff!important;border:1.5px solid rgba(255,255,255,.7);font-weight:700}
.cph-b2:hover{background:rgba(255,255,255,.12)}
.cph-dl{display:flex;flex-wrap:wrap;gap:28px;margin:34px 0 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.22)}
.cph-dl div{margin:0}
.cph-dl dt{font-family:'Anton',var(--sans);font-size:40px;line-height:1;color:#fff}
.cph-dl dd{margin:4px 0 0;font-size:14px;color:rgba(255,255,255,.82)}
.cph-crowd{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 12px;align-items:end;padding:6px 0 0}
.pl{position:relative;display:flex;flex-direction:column;align-items:center;text-decoration:none;transform:rotate(var(--r));transform-origin:50% 100%;animation:plUp .7s cubic-bezier(.2,.9,.3,1.2) both;animation-delay:var(--d);transition:transform .25s ease}
.pl:nth-child(4n+2){margin-bottom:18px}.pl:nth-child(4n+4){margin-bottom:10px}.pl:nth-child(4n+3){margin-bottom:-6px}
.pl-c{position:relative;z-index:1;width:100%;min-height:104px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:12px 12px 12px;border-radius:10px;background:#fff;box-shadow:0 14px 26px rgba(40,6,8,.35);border-top:7px solid var(--cc)}
.pl-c .ic{width:34px;height:34px;padding:7px;border-radius:10px;background:color-mix(in srgb,var(--cc) 13%,#fff);stroke:var(--cc)}
.pl-c b{font-size:14px;line-height:1.2;font-weight:800;color:#10213B}
.pl-st{display:block;width:8px;height:30px;margin-top:-2px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,#C9A06A,#9C7445)}
.pl:hover,.pl:focus-visible{transform:rotate(0) translateY(-8px)}
.pl:hover .pl-c,.pl:focus-visible .pl-c{background:var(--cc)}
.pl:hover .pl-c b,.pl:focus-visible .pl-c b{color:#fff}
.pl:hover .pl-c .ic,.pl:focus-visible .pl-c .ic{background:rgba(255,255,255,.2);stroke:#fff}
.pl:focus-visible{outline:none}.pl:focus-visible .pl-c{outline:3px solid #fff;outline-offset:3px}
@keyframes plUp{from{opacity:0;transform:translateY(60px) rotate(0)}to{opacity:1;transform:rotate(var(--r))}}
@media (max-width:1080px){.cph-g{grid-template-columns:1fr}.cph-crowd{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:640px){.cph-crowd{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 8px}.pl-c{min-height:88px;padding:9px}.pl-c b{font-size:12.5px}.pl:nth-child(n+10){display:none}.cph-dl dt{font-size:32px}}
@media (prefers-reduced-motion:reduce){.pl{animation:none;transition:none}}

/* Buscador "¿Qué te mueve?" */
.cel{background:#fff}
.cel-h h2{font-family:'Anton',var(--sans);font-weight:400;font-size:clamp(34px,3.6vw,52px);line-height:1;margin:0;color:#10213B}
.cel-h p{margin:12px 0 0;max-width:62ch;font-size:17px;line-height:1.5;color:var(--muted)}
.cel-f{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 22px}
.cel-f button{font:inherit;font-size:15px;font-weight:700;padding:10px 18px;border-radius:999px;border:1.5px solid #CBD5DA;background:#fff;color:#16304F;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}
.cel-f button:hover{border-color:var(--camp-1);color:var(--camp-1)}
.cel-f button[aria-pressed=true]{background:linear-gradient(120deg,var(--camp-1),var(--camp-2));border-color:transparent;color:#fff}
.cel-f button:focus-visible{outline:3px solid #F6B7A9;outline-offset:2px}
.cel-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cel-c{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px 20px 18px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.cel-c[hidden]{display:none}
.cel-c:before{content:"";position:absolute;left:0;right:0;top:0;height:6px;border-radius:18px 18px 0 0;background:var(--cc)}
.cel-c:hover,.cel-c:focus-within{border-color:color-mix(in srgb,var(--cc) 50%,var(--line));box-shadow:0 18px 36px color-mix(in srgb,var(--cc) 16%,transparent);transform:translateY(-3px)}
.cel-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cel-ic .ic{width:46px;height:46px;padding:10px;border-radius:14px;background:color-mix(in srgb,var(--cc) 13%,#fff);stroke:var(--cc)}
.cel-tema{font-size:13px;font-weight:700;color:var(--cc)}
.cel-pro{margin-left:auto;font-size:11.5px;font-weight:800;padding:5px 10px;border-radius:999px;background:#FDECE8;color:#A51F22}
.cel-c h3{margin:14px 0 0;font-family:var(--serif);font-size:23px;line-height:1.15}
.cel-c h3 a{color:#10213B;text-decoration:none}
.cel-c h3 a:hover{color:var(--cc)}
.cel-nom{margin:6px 0 0;font-size:13px;line-height:1.4;color:var(--muted)}
.cel-li{margin:10px 0 0;font-size:15.5px;line-height:1.45;color:#24384F;flex-grow:1}
.cel-b{display:flex;gap:8px;margin-top:16px}
.cel-b a{flex:1;text-align:center;padding:10px 12px;border-radius:12px;font-size:14.5px;font-weight:800;text-decoration:none}
.cel-ver{background:color-mix(in srgb,var(--cc) 10%,#fff);color:var(--cc)}
.cel-ver:hover{background:color-mix(in srgb,var(--cc) 18%,#fff)}
.cel-sum{background:var(--cc);color:#fff}
.cel-sum:hover{filter:brightness(1.1)}
.cel-b a:focus-visible{outline:3px solid var(--cc);outline-offset:2px}
.cel-n{margin:22px 0 0;font-size:16px;color:var(--muted)}
.cel-n a{color:var(--camp-1);font-weight:800}
@media (max-width:980px){.cel-g{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.cel-g{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.cel-c{transition:none}.cel-c:hover{transform:none}}
/* Lista detallada con título */
.camp-list-h{margin-bottom:22px}
/* Seis prioridades: la casilla de todas va a lo ancho */
.mnav .cpanel .cp-madre .cp-todas{grid-column:1/-1}
.cm-grid .cm-cta{grid-column:1/-1;display:flex!important;align-items:center;gap:18px;padding:20px 24px}
.cm-cta .cm-tx{flex:1}
.cm-cta .cm-tx b{font-size:22px}
.cm-cta .cm-li{margin-top:4px}
.cm-cta .cm-go{margin:0;flex:none;padding:11px 18px;border:0;border-radius:999px;background:#fff;color:#C2261F;font-size:15px}
@media (max-width:620px){.cm-grid .cm-cta{flex-wrap:wrap}.cm-cta .cm-go{width:100%;text-align:center}}

/* Panel de Campañas balanceado (oct 2026) */
.mnav .mi-campanas .panel{width:min(900px,calc(100vw - 48px))}
.mnav .cpanel .cp-cols{grid-template-columns:1.45fr 1fr;gap:0 20px;align-items:stretch}
.mnav .cpanel .cp-madre{grid-template-columns:1fr 1fr;align-content:start}
.mnav .cpanel .cp-lado{padding-left:20px}
.mnav .cpanel .cp-mas{display:grid;grid-template-columns:1fr;gap:2px;flex:1;align-content:space-between}
.mnav .cpanel .cp-mas a,.mobile .cp-mas a{display:flex;align-items:center;gap:12px;padding:8px 10px;font-size:14.5px;font-weight:700;color:#102A47}
.mnav .cpanel .cp-mas a:before,.mobile .cp-mas a:before{display:none}
.cp-mas a .ic{width:34px;height:34px;padding:7px;border-radius:10px;flex:none;background:color-mix(in srgb,var(--cc) 12%,#fff)!important;stroke:var(--cc)!important;box-shadow:none!important}
.mnav .cpanel .cp-mas a:hover,.mnav .cpanel .cp-mas a:focus-visible{background:color-mix(in srgb,var(--cc) 9%,#fff);color:var(--cc)}
.mnav .cpanel .cp-mas a:hover .ic{background:var(--cc)!important;stroke:#fff!important}
.mnav .cpanel .cp-pie{display:grid;grid-template-columns:1.45fr 1fr;gap:20px;margin-top:12px;padding-top:14px;border-top:1px solid var(--line)}
.mnav .cpanel .cp-pie .cp-todas{margin:0}
.mnav .cpanel .cp-sum{display:flex!important;align-items:center;gap:12px;text-align:left;padding:12px 14px!important;border-radius:14px!important;border:1.5px solid color-mix(in srgb,var(--acc) 35%,transparent);background:#fff;color:var(--ink)!important;margin:0}
.mnav .cpanel .cp-sum .cp-s-ic{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--acc-soft)}
.mnav .cpanel .cp-sum .cp-s-ic .ic{width:24px;height:24px;padding:0;background:none!important;box-shadow:none!important;stroke:var(--acc)!important}
.mnav .cpanel .cp-sum b{display:block;font-size:15.5px;font-weight:800;color:var(--acc)}
.mnav .cpanel .cp-sum small{display:block;font-size:13px;color:#4A5C68;margin-top:2px}
.mnav .cpanel .cp-sum:hover{background:var(--acc-soft)}
.mnav .cpanel .cp-sum:after{display:none!important}
.mobile .md-campanas .cp-mas a{border-top:1px solid var(--paper);border-radius:0;padding:9px 0}
/* Panel de El Consejo con zonas de color (oct 2026) */
.mnav .mi-consejo .panel .pgc{gap:0 10px}
.mnav .mi .panel .pgc>.pg.cz{padding:6px 8px 8px;border-radius:16px;border-left:0!important;background:linear-gradient(180deg,color-mix(in srgb,var(--acc) 9%,#fff),#fff 70%)}
.cz-a{--acc:#2563A8;--acc-soft:#E3EEFB;--acc-2:#4C90DC}
.cz-b{--acc:#96620E;--acc-soft:#FBEFD9;--acc-2:#D79B30}
.cz-c{--acc:#6B4FA8;--acc-soft:#EFE9FA;--acc-2:#9B7FD6}
.mnav .mi .panel .pgc>.pg.cz .pgh{color:var(--acc);margin-left:4px}
.mnav .mi .panel .pgc>.pg.cz .pgh:after{background:linear-gradient(90deg,color-mix(in srgb,var(--acc) 35%,transparent),transparent)}
.mnav .mi .cz a .ic{background:linear-gradient(150deg,var(--acc-soft),#fff)!important;stroke:var(--acc)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--acc) 14%,transparent)!important}
.mnav .mi .cz a:hover,.mnav .mi .cz a:focus-visible{background:var(--acc-soft)}
.mnav .mi .cz a:hover .ic,.mnav .mi .cz a:focus-visible .ic{background:linear-gradient(150deg,var(--acc),var(--acc-2))!important;stroke:#fff!important;box-shadow:0 6px 14px color-mix(in srgb,var(--acc) 30%,transparent)!important}
.mnav .mi .cz a:hover b,.mnav .mi .cz a:focus-visible b{color:var(--acc)}
.mnav .mi .cz a.dest{background:linear-gradient(135deg,var(--acc),#16437A)!important;box-shadow:0 10px 22px color-mix(in srgb,var(--acc) 28%,transparent)}
.mnav .mi .cz a.dest .ic{background:rgba(255,255,255,.18)!important;stroke:#fff!important;box-shadow:none!important}
.mnav .mi .cz a.dest b,.mnav .mi .cz a.dest:hover b{color:#fff}
.mnav .mi .cz a.dest small{color:rgba(255,255,255,.86)}
.mnav .mi .cz a.dest:after{color:#fff}
.mnav .mi-consejo .cn-pie{display:grid;grid-template-columns:1.45fr 1fr;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.mnav .mi-consejo .cn-pie a{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:14px;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}
.mnav .mi-consejo .cn-pie img{flex:none;border-radius:50%}
.mnav .mi-consejo .cn-pie b{display:block;font-size:15.5px;font-weight:800;line-height:1.25}
.mnav .mi-consejo .cn-pie small{display:block;font-size:13px;margin-top:2px}
.mnav .mi-consejo .cn-sello{background:linear-gradient(135deg,#13264A,#0B1A33);border:1px solid #6E5A2C;box-shadow:inset 0 0 0 1px rgba(233,203,135,.12)}
.mnav .mi-consejo .cn-sello b{color:#F6E7C2;font-family:var(--serif);font-size:17px;font-weight:600}
.mnav .mi-consejo .cn-sello small{color:rgba(255,255,255,.75)}
.mnav .mi-consejo .cn-sello img{box-shadow:0 0 0 2px #C9A55A}
.mnav .mi-consejo .cn-fl{margin-left:auto;color:#E9CB87;font-size:20px;font-weight:700;transition:transform .2s ease}
.mnav .mi-consejo .cn-sello:hover{box-shadow:0 12px 26px rgba(11,26,51,.35)}
.mnav .mi-consejo .cn-sello:hover .cn-fl{transform:translateX(4px)}
.mnav .mi-consejo .cn-cid{background:linear-gradient(135deg,#FBF4E2,#fff);border:1px solid #E5D3A6}
.mnav .mi-consejo .cn-cid b{color:#7A5A16}
.mnav .mi-consejo .cn-cid small{color:#6B5A36}
.mnav .mi-consejo .cn-cid:hover{box-shadow:0 10px 22px rgba(150,98,14,.18)}
.mnav .mi-consejo .cn-pie a:after{display:none!important}
.mnav .mi-consejo .cn-pie a:focus-visible{outline:3px solid #C9A55A;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.mnav .mi-consejo .cn-pie a,.mnav .mi-consejo .cn-fl{transition:none}}
/* Panel de La app con zonas de color (oct 2026) */
.mnav .mi-app{position:static}
.mnav .mi-app .panel.apz{left:auto;right:0;width:min(900px,calc(100vw - 48px))}
.apz-a{--acc:#0A7681;--acc-soft:#DDF2F4;--acc-2:#2BAEBA}
.apz-b{--acc:#17854F;--acc-soft:#E2F4E9;--acc-2:#34B374}
.mnav .mi-app .pgc{grid-template-columns:1fr 1fr 1fr;gap:0 10px}
.mnav .mi-app .apz-ic{display:grid;place-items:center;width:42px;height:42px;padding:9px;border-radius:13px}
.mnav .mi-app .apz-ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mnav .mi-app .cz .apz-ic{color:var(--acc)}
.mnav .mi-app .cz a:hover .apz-ic,.mnav .mi-app .cz a:focus-visible .apz-ic{color:#fff}
.mnav .mi-app .apz-ic .oro{fill:currentColor;stroke:none}
.apz-c{display:flex;flex-direction:column;gap:10px;padding:6px 4px 8px}
.mnav .apz-c .pgh{display:flex;align-items:center;gap:10px;margin:0 4px;padding:6px 0 4px;font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#8A4B12}
.mnav .apz-c .pgh:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(138,75,18,.35),transparent)}
.mnav .apz .apn-juego{display:block;flex:1;padding:16px;border-radius:16px;background:linear-gradient(150deg,#7A4510,#3F2307);color:#fff!important;text-decoration:none;position:relative;overflow:hidden;box-shadow:0 12px 24px rgba(63,35,7,.28)}
.mnav .apz .apn-juego .cartas{display:flex;gap:4px;margin-bottom:12px}
.mnav .apz .apn-juego .cartas i{width:16px;height:22px;border-radius:3px;background:#F6E7C2;display:block;transform:rotate(-8deg)}
.mnav .apz .apn-juego .cartas i:nth-child(2){transform:rotate(2deg);background:#fff}
.mnav .apz .apn-juego .cartas i:nth-child(3){transform:rotate(10deg);background:#1D3B66}
.mnav .apz .apn-juego b{display:block;font-family:var(--serif);font-size:18px;line-height:1.2;color:#FFF3D6}
.mnav .apz .apn-juego small{display:block;margin-top:6px;font-size:13px;line-height:1.4;color:rgba(255,255,255,.82)}
.mnav .apz .apn-juego .va{display:inline-block;margin-top:12px;font-size:13.5px;font-weight:800;color:#F3D08A}
.mnav .apz .apn-juego:hover{box-shadow:0 16px 30px rgba(63,35,7,.38)}
.mnav .apz .apz-cta{display:flex!important;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,#13264A,#0B1A33);color:#fff!important;text-decoration:none}
.mnav .apz .apz-cta .ic{width:40px;height:40px;padding:9px;border-radius:12px;background:rgba(255,255,255,.12)!important;stroke:#E9CB87!important;box-shadow:none!important}
.mnav .apz .apz-cta b{display:block;font-size:15px;color:#fff}
.mnav .apz .apz-cta small{display:block;font-size:12.5px;color:rgba(255,255,255,.75)}
.mnav .apz .apz-cta:after,.mnav .apz .apn-juego:after{display:none!important}
.mnav .apz .apz-pie{grid-template-columns:1.45fr 1fr}
.mnav .apz .apz-todo{background:linear-gradient(120deg,#0A7681,#0B5E66);box-shadow:0 12px 24px rgba(10,118,129,.28)}
.mnav .apz .apz-todo img{border-radius:12px!important;box-shadow:0 0 0 2px rgba(255,255,255,.35)}
.mnav .apz .apz-todo b{color:#fff}
.mnav .apz .apz-todo small{color:rgba(255,255,255,.88);display:flex!important;align-items:center;gap:6px}
.mnav .apz .apz-todo small i{width:8px;height:8px;border-radius:50%;display:inline-block}
.mnav .apz .apz-todo small i.on{background:#7BE0A6}
.mnav .apz .apz-todo small i.off{background:#F3D08A;margin-left:8px}
.mnav .apz .apz-todo .cn-fl{color:#fff}
.mnav .apz .apz-todo:hover .cn-fl{transform:translateX(4px)}
.mnav .apz .apz-todo:hover{box-shadow:0 16px 30px rgba(10,118,129,.38)}
.mnav .apz .apz-inst{background:#fff;border:1.5px solid #B9E3E7}
.mnav .apz .apz-inst-ic{flex:none;width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:#DDF2F4}
.mnav .apz .apz-inst-ic .ic{width:24px;height:24px;padding:0;background:none!important;stroke:#0A7681!important;box-shadow:none!important}
.mnav .apz .apz-inst b{color:#0A7681}
.mnav .apz .apz-inst small{color:#4A5C68}
.mnav .apz .apz-inst:hover{background:#EEF9FA}
.mnav .apz .cn-pie{display:grid;grid-template-columns:1.45fr 1fr;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.mnav .apz .cn-pie a{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:14px;text-decoration:none;transition:box-shadow .18s ease}
.mnav .apz .cn-pie a:after{display:none!important}
.mnav .apz .cn-pie b{display:block;font-size:15.5px;font-weight:800;line-height:1.25}
.mnav .apz .cn-pie small{display:block;font-size:13px;margin-top:2px}
.mnav .apz .cn-fl{margin-left:auto;font-size:20px;font-weight:700;transition:transform .2s ease}
.mnav .apz .cn-pie a:focus-visible,.mnav .apz .apn-juego:focus-visible,.mnav .apz .apz-cta:focus-visible{outline:3px solid #2BAEBA;outline-offset:2px}

/* Destacados por zona y placa del sello sin perderse al pasar el mouse */
.mnav .mi .cz a.dest{background:linear-gradient(135deg,var(--acc),color-mix(in srgb,var(--acc) 62%,#0B1A33))!important}
.mnav .mi .cz a.dest:hover,.mnav .mi .cz a.dest:focus-visible{background:linear-gradient(135deg,color-mix(in srgb,var(--acc) 88%,#fff),var(--acc))!important;transform:translateX(2px)}
.mnav .mi .cz a.dest:hover small{color:#fff}
.mnav .mi-consejo .cn-pie a.cn-sello:hover,.mnav .mi-consejo .cn-pie a.cn-sello:focus-visible{background:linear-gradient(135deg,#1A3260,#0E2142)!important;border-color:#C9A55A}
.mnav .mi-consejo .cn-pie a.cn-sello:hover b{color:#FFF1CC}
.mnav .mi-consejo .cn-pie a.cn-sello:hover small{color:rgba(255,255,255,.88)}
.mnav .mi-consejo .cn-pie a.cn-cid:hover,.mnav .mi-consejo .cn-pie a.cn-cid:focus-visible{background:linear-gradient(135deg,#F7EBCB,#FFFBF0)!important}
.mnav .apz .cn-pie a.apz-todo:hover{background:linear-gradient(120deg,#0C8792,#0A6A73)!important}
.mnav .apz a.apz-cta:hover,.mnav .apz a.apn-juego:hover{filter:brightness(1.12)}
.mnav .apz a.apz-cta:hover{background:linear-gradient(135deg,#1A3260,#0E2142)!important}
.mnav .apz a.apn-juego:hover{background:linear-gradient(150deg,#8A5216,#4A2A09)!important}

/* Panel de Tarjetas y credenciales con zonas de color (oct 2026) */
.mnav .mi-tarjetas{position:static}
.mnav .mi-tarjetas .panel.tzp{left:auto;right:0;width:min(860px,calc(100vw - 48px))}
.tz-a{--acc:#4A4FC0;--acc-soft:#EAEBFC;--acc-2:#7C80E4}
.tz-b{--acc:#8A6420;--acc-soft:#F7EEDB;--acc-2:#C99A3B}
.mnav .mi .panel .tz-cols{grid-template-columns:1fr 1fr}
.mnav .mi-tarjetas .tz-cols>.pg.cz{grid-template-columns:1fr!important;align-content:start}
.mnav .mi-tarjetas .tz-cols>.pg.cz .pgh{grid-column:1/-1}
.mnav .mi-tarjetas .tz-cols>.pg.cz a.dest{grid-column:1/-1}
.mnav .mi-tarjetas .tz-pie{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.mnav .mi-tarjetas .tz-pie a{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:14px;text-decoration:none;transition:box-shadow .18s ease}
.mnav .mi-tarjetas .tz-pie a:after{display:none!important}
.mnav .mi-tarjetas .tz-pie b{display:block;font-size:15.5px;font-weight:800;line-height:1.25}
.mnav .mi-tarjetas .tz-pie small{display:block;font-size:13px;margin-top:2px}
.mnav .mi-tarjetas .tz-pie img{flex:none;border-radius:50%}
.mnav .mi-tarjetas .tz-pie .cn-sello{background:linear-gradient(135deg,#13264A,#0B1A33);border:1px solid #6E5A2C;box-shadow:inset 0 0 0 1px rgba(233,203,135,.12)}
.mnav .mi-tarjetas .tz-pie .cn-sello b{color:#F6E7C2;font-family:var(--serif);font-size:17px;font-weight:600}
.mnav .mi-tarjetas .tz-pie .cn-sello small{color:rgba(255,255,255,.78)}
.mnav .mi-tarjetas .tz-pic{flex:none;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;border:1.5px solid #C9A55A;background:rgba(201,165,90,.1)}
.mnav .mi-tarjetas .tz-pic .ic{width:26px;height:26px;padding:0;background:none!important;box-shadow:none!important;stroke:#E9CB87!important}
.mnav .mi-tarjetas .tz-pie .cn-fl{margin-left:auto;color:#E9CB87;font-size:20px;font-weight:700;transition:transform .2s ease}
.mnav .mi-tarjetas .tz-pie a.cn-sello:hover,.mnav .mi-tarjetas .tz-pie a.cn-sello:focus-visible{background:linear-gradient(135deg,#1A3260,#0E2142)!important;border-color:#C9A55A;box-shadow:0 12px 26px rgba(11,26,51,.35)}
.mnav .mi-tarjetas .tz-pie a.cn-sello:hover .cn-fl{transform:translateX(4px)}
.mnav .mi-tarjetas .tz-pie .cn-cid{background:linear-gradient(135deg,#FBF4E2,#fff);border:1px solid #E5D3A6}
.mnav .mi-tarjetas .tz-pie .cn-cid b{color:#7A5A16}
.mnav .mi-tarjetas .tz-pie .cn-cid small{color:#6B5A36}
.mnav .mi-tarjetas .tz-pie a.cn-cid:hover,.mnav .mi-tarjetas .tz-pie a.cn-cid:focus-visible{background:linear-gradient(135deg,#F7EBCB,#FFFBF0)!important;box-shadow:0 10px 22px rgba(150,98,14,.18)}
.mnav .mi-tarjetas .tz-pie a:focus-visible{outline:3px solid #C9A55A;outline-offset:2px}
/* == Menu La app: ludoteca en verde y pie legible (oct 2026) == */
html body .mnav .mi-app .panel .apz-c .pgh{color:#1E7A48!important}
html body .mnav .mi-app .panel .apz-c .pgh:after{background:linear-gradient(90deg,rgba(30,122,72,.35),transparent)!important}
html body .mnav .mi-app .panel a.apn-juego,html body #mmenu .md-app a.apn-juego{background:linear-gradient(150deg,#228A52 0%,#0F5132 100%)!important;color:#fff!important;box-shadow:0 14px 26px -14px rgba(15,81,50,.85)!important;filter:none!important}
html body .mnav .mi-app .panel a.apn-juego:hover,html body #mmenu .md-app a.apn-juego:hover{background:linear-gradient(150deg,#27A060 0%,#126039 100%)!important;box-shadow:0 18px 30px -14px rgba(15,81,50,1)!important;filter:none!important}
html body .mnav .mi-app .panel a.apn-juego b,html body #mmenu .md-app a.apn-juego b{color:#fff!important}
html body .mnav .mi-app .panel a.apn-juego small,html body #mmenu .md-app a.apn-juego small{color:#E2F4E9!important}
html body .mnav .mi-app .panel a.apn-juego .va,html body #mmenu .md-app a.apn-juego .va{color:#F3D08A!important}
html body .mnav .mi-app .panel a.apn-juego .cartas i:nth-child(1){background:#F6E7C2!important}
html body .mnav .mi-app .panel a.apn-juego .cartas i:nth-child(3){background:#C8A84E!important}
html body .mnav .mi-app .panel a.apz-todo,html body .mnav .mi-app .panel a.apz-todo:hover{background:linear-gradient(120deg,#0A7681,#0B5E66)!important;color:#fff!important;filter:none!important}
html body .mnav .mi-app .panel a.apz-todo:hover{background:linear-gradient(120deg,#0C8792,#0A6A73)!important;box-shadow:0 16px 30px rgba(10,118,129,.4)!important}
html body .mnav .mi-app .panel a.apz-todo:focus{background:linear-gradient(120deg,#0C8792,#0A6A73)!important}
html body .mnav .mi-app .panel a.apz-todo b,html body .mnav .mi-app .panel a.apz-todo:hover b,html body .mnav .mi-app .panel a.apz-todo .cn-fl,html body .mnav .mi-app .panel a.apz-todo:hover .cn-fl{color:#fff!important}
html body .mnav .mi-app .panel a.apz-todo small,html body .mnav .mi-app .panel a.apz-todo:hover small{color:rgba(255,255,255,.9)!important}
html body #mmenu .md-app a.apn-inst,html body #mmenu .md-app a.apn-inst:hover{background:linear-gradient(140deg,#1D3B66,#0C1C38)!important;color:#fff!important}
html body #mmenu .md-app a.apn-inst b,html body #mmenu .md-app a.apn-inst:hover b{color:#fff!important}
html body #mmenu .md-app a.apn-inst small,html body #mmenu .md-app a.apn-inst:hover small{color:#C3D6E2!important}

/* Panel de Comunidades con zonas de color (oct 2026) */
.mnav .mi-comunidades .panel.kzp{left:auto;right:0;width:min(920px,calc(100vw - 48px))}
.kz-a{--acc:#A95315;--acc-soft:#FCEFE4;--acc-2:#E88840}
.kz-b{--acc:#8A6420;--acc-soft:#F7EEDB;--acc-2:#C99A3B}
.kz-c{--acc:#17854F;--acc-soft:#E2F4E9;--acc-2:#34B374}
.mnav .mi .cz a.mujer.dest{background:linear-gradient(135deg,#A8175A,#6E0E3B)!important}
.mnav .mi .cz a.mujer.dest:hover{background:linear-gradient(135deg,#BE2369,#86124A)!important}
.mnav .mi .cz a.moto.dest{background:linear-gradient(135deg,#1B1B1E,#3B2F14)!important;box-shadow:inset 0 0 0 1px rgba(233,203,135,.35),0 10px 22px rgba(0,0,0,.25)}
.mnav .mi .cz a.moto.dest b{color:#F1D27A!important}
.mnav .mi .cz a.moto.dest small{color:rgba(255,255,255,.8)}
.mnav .mi .cz a.moto.dest .ic{stroke:#F1D27A!important}
.mnav .mi .cz a.moto.dest:hover{background:linear-gradient(135deg,#26262A,#4A3B18)!important}
.mnav .mi .cz a.sind{background:none}
.mnav .mi .cz a.sind .ic{background:linear-gradient(150deg,#F7E0CE,#fff)!important;stroke:#B8693A!important}
.mnav .mi .cz a.sind b{color:#102A47}
.mnav .mi .cz a.sind:hover{background:#FCF1E8}
.mnav .mi .cz a.sind:hover b{color:#8E4F26}
.mnav .mi .cz a.sind:hover .ic{background:linear-gradient(150deg,#B8693A,#D88A55)!important;stroke:#fff!important}
.mnav .mi-comunidades .kz-pie{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.mnav .mi-comunidades .kz-p{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;text-decoration:none;transition:box-shadow .18s ease}
.mnav .mi-comunidades .kz-p:after{display:none!important}
.mnav .mi-comunidades .kz-p b{display:block;font-size:15px;font-weight:800;line-height:1.25}
.mnav .mi-comunidades .kz-p small{display:block;font-size:12.5px;line-height:1.35;margin-top:2px}
.mnav .mi-comunidades .kz-pic{flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center}
.mnav .mi-comunidades .kz-pic .ic{width:24px;height:24px;padding:0;background:none!important;box-shadow:none!important}
.mnav .mi-comunidades .kz-est{background:linear-gradient(135deg,#13264A,#0B1A33);border:1px solid #6E5A2C}
.mnav .mi-comunidades .kz-est .kz-pic{border:1.5px solid #C9A55A;background:rgba(201,165,90,.1)}
.mnav .mi-comunidades .kz-est .ic{stroke:#E9CB87!important}
.mnav .mi-comunidades .kz-est b{color:#F6E7C2;font-family:var(--serif);font-size:16.5px;font-weight:600}
.mnav .mi-comunidades .kz-est small{color:rgba(255,255,255,.78)}
.mnav .mi-comunidades .kz-est .cn-fl{margin-left:auto;color:#E9CB87;font-size:20px;font-weight:700;transition:transform .2s ease}
.mnav .mi-comunidades a.kz-est:hover,.mnav .mi-comunidades a.kz-est:focus-visible{background:linear-gradient(135deg,#1A3260,#0E2142)!important;border-color:#C9A55A;box-shadow:0 12px 26px rgba(11,26,51,.35)}
.mnav .mi-comunidades a.kz-est:hover .cn-fl{transform:translateX(4px)}
.mnav .mi-comunidades .kz-uni{background:linear-gradient(135deg,#E9F2FC,#fff);border:1px solid #C9DCF2}
.mnav .mi-comunidades .kz-uni .kz-pic{background:#fff;box-shadow:inset 0 0 0 1.5px #9EC2EA}
.mnav .mi-comunidades .kz-uni .ic{stroke:#2563A8!important}
.mnav .mi-comunidades .kz-uni b{color:#1D4E8A}
.mnav .mi-comunidades .kz-uni small{color:#4A5C68}
.mnav .mi-comunidades a.kz-uni:hover,.mnav .mi-comunidades a.kz-uni:focus-visible{background:linear-gradient(135deg,#DCEAFA,#F6FAFF)!important;box-shadow:0 10px 22px rgba(37,99,168,.16)}
.mnav .mi-comunidades .kz-pat{background:linear-gradient(135deg,#FBF4E2,#fff);border:1px solid #E5D3A6}
.mnav .mi-comunidades .kz-pat .kz-pic{background:#fff;box-shadow:inset 0 0 0 1.5px #D9BE7E}
.mnav .mi-comunidades .kz-pat .ic{stroke:#8A6420!important}
.mnav .mi-comunidades .kz-pat b{color:#7A5A16}
.mnav .mi-comunidades .kz-pat small{color:#6B5A36}
.mnav .mi-comunidades a.kz-pat:hover,.mnav .mi-comunidades a.kz-pat:focus-visible{background:linear-gradient(135deg,#F7EBCB,#FFFBF0)!important;box-shadow:0 10px 22px rgba(150,98,14,.18)}
.mnav .mi-comunidades .kz-p:focus-visible{outline:3px solid #C9A55A;outline-offset:2px}
/* Panel de Campañas con zonas de color, igual que los demás (oct 2026) */
.cpz-a{--acc:#B3262B;--acc-soft:#FCEBEA;--acc-2:#E0574D}
.cpz-b{--acc:#B5521C;--acc-soft:#FCEEE4;--acc-2:#E8823F}
.mnav .cpanel .cp-cols{gap:0 10px}
.mnav .cpanel .cpz{padding:6px 8px 8px;border-radius:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--acc) 8%,#fff),#fff 72%)}
.mnav .cpanel .cp-lado.cpz{border-left:0;padding-left:8px}
.mnav .cpanel .cpz .pgh{color:var(--acc)!important;margin-left:4px!important}
.mnav .cpanel .cpz .pgh:after{background:linear-gradient(90deg,color-mix(in srgb,var(--acc) 35%,transparent),transparent)!important}
.mnav .mi .cp-madre a.dest,.mnav .cpanel .cp-mas a.dest{background:linear-gradient(135deg,var(--cc),color-mix(in srgb,var(--cc) 60%,#0B1A33))!important;box-shadow:0 10px 22px color-mix(in srgb,var(--cc) 28%,transparent)}
.mnav .mi .cp-madre a.dest .ic,.mnav .cpanel .cp-mas a.dest .ic{background:rgba(255,255,255,.18)!important;stroke:#fff!important;box-shadow:none!important}
.mnav .mi .cp-madre a.dest b,.mnav .mi .cp-madre a.dest:hover b,.mnav .cpanel .cp-mas a.dest,.mnav .cpanel .cp-mas a.dest:hover{color:#fff!important}
.mnav .mi .cp-madre a.dest small{color:rgba(255,255,255,.86)!important}
.mnav .mi .cp-madre a.dest:hover,.mnav .cpanel .cp-mas a.dest:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--cc) 85%,#fff),var(--cc))!important}
.mnav .mi .cp-madre a.dest:after{color:#fff}
.mnav .cpanel .cp-mas a.dest{margin-bottom:4px}
.mnav .cpanel .cp-pie{grid-template-columns:1.45fr 1fr}
.mnav .cpanel .cp-pie .cp-sum{background:linear-gradient(135deg,#FCEEE4,#fff)!important;border:1px solid #F0C9AE!important}
.mnav .cpanel .cp-pie .cp-sum .cp-s-ic{background:#fff;box-shadow:inset 0 0 0 1.5px #EBB592}
.mnav .cpanel .cp-pie .cp-sum .cp-s-ic .ic{stroke:#B5521C!important}
.mnav .cpanel .cp-pie .cp-sum b{color:#9A4415}
.mnav .cpanel .cp-pie a.cp-sum:hover,.mnav .cpanel .cp-pie a.cp-sum:focus-visible{background:linear-gradient(135deg,#F9E1D0,#FFF8F3)!important;box-shadow:0 10px 22px rgba(181,82,28,.18)}
.mnav .cpanel .cp-pie a.cp-todas:hover{background:linear-gradient(120deg,#E0352F,#FF6E36)!important}
.mnav .cpanel .cp-madre a.dest{grid-column:auto!important}

/* ===== Página resumen de Comunidades (oct 2026) ===== */
.kmh{position:relative;overflow:hidden;color:#fff;background:radial-gradient(70% 90% at 82% 18%,#D9782E 0%,rgba(217,120,46,0) 60%),linear-gradient(135deg,#4A1E08 0%,#7A3410 45%,#A95315 100%)}
.kmh:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.05) 0 2px,transparent 2px 9px),repeating-linear-gradient(-45deg,rgba(0,0,0,.06) 0 2px,transparent 2px 9px)}
.kmh:after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(180deg,rgba(30,10,2,0),rgba(30,10,2,.4));pointer-events:none}
.kmh-g{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:40px;align-items:center;padding-top:40px;padding-bottom:58px}
.kmh .crumb{font-size:14px;color:rgba(255,255,255,.75);margin:0 0 18px}
.kmh .crumb a{color:#FFDDBF}
.kmh-ey{display:inline-block;margin:0 0 18px;padding:7px 14px;border-radius:999px;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.28);font-size:13px;font-weight:700;color:#FFE7D2}
.kmh h1{font-family:'Anton',var(--sans);font-weight:400;font-size:clamp(46px,5.6vw,84px);line-height:.98;margin:0;color:#fff;text-wrap:balance}
.kmh-lead{margin:20px 0 0;max-width:52ch;font-size:18px;line-height:1.55;color:rgba(255,255,255,.92)}
.kmh-acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.kmh-b1{background:#fff;color:#8A3D0E!important;font-weight:800;border:0;box-shadow:0 12px 26px rgba(30,10,2,.3)}
.kmh-b1:hover{background:#FFF3E8}
.kmh-b2{background:transparent;color:#fff!important;border:1.5px solid rgba(255,255,255,.7);font-weight:700}
.kmh-b2:hover{background:rgba(255,255,255,.12)}
.kmh-dl{display:flex;flex-wrap:wrap;gap:28px;margin:34px 0 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.22)}
.kmh-dl div{margin:0}
.kmh-dl dt{font-family:'Anton',var(--sans);font-size:40px;line-height:1;color:#fff}
.kmh-dl dd{margin:4px 0 0;font-size:14px;color:rgba(255,255,255,.82)}
.kmh-ins{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 12px;justify-items:center}
.ins{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;transform:rotate(var(--r));animation:insIn .55s cubic-bezier(.2,.9,.3,1.25) both;animation-delay:var(--d);transition:transform .25s ease}
.ins:nth-child(8n+2),.ins:nth-child(8n+4){margin-top:22px}.ins:nth-child(8n+5),.ins:nth-child(8n+7){margin-top:-10px}
.ins-c{position:relative;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--cc) 70%,#fff),var(--cc) 62%);box-shadow:0 0 0 5px #fff,0 0 0 7px color-mix(in srgb,var(--cc) 70%,#000),0 16px 26px rgba(30,10,2,.4)}
.ins-c:before{content:"";position:absolute;inset:7px;border-radius:50%;border:2px dashed rgba(255,255,255,.7)}
.ins-c .ic{width:44px;height:44px;padding:0;background:none!important;box-shadow:none!important;stroke:#fff!important;stroke-width:1.7}
.ins.oro .ins-c{background:radial-gradient(circle at 35% 30%,#4A4036,#141210 70%);box-shadow:0 0 0 5px #E9CB87,0 0 0 7px #6E5A2C,0 16px 26px rgba(30,10,2,.45)}
.ins.oro .ins-c:before{border-color:rgba(233,203,135,.7)}
.ins.oro .ins-c .ic{stroke:#F1D27A!important}
.ins b{max-width:120px;padding:5px 10px;border-radius:8px;background:#fff;color:#2A1608;font-size:12.5px;font-weight:800;line-height:1.2;text-align:center;box-shadow:0 6px 14px rgba(30,10,2,.25)}
.ins:hover,.ins:focus-visible{transform:rotate(0) translateY(-6px) scale(1.04)}
.ins:focus-visible{outline:none}.ins:focus-visible .ins-c{outline:3px solid #fff;outline-offset:8px}
@keyframes insIn{from{opacity:0;transform:scale(.4) rotate(0)}to{opacity:1;transform:rotate(var(--r))}}
@media (max-width:1080px){.kmh-g{grid-template-columns:1fr}}
@media (max-width:640px){.kmh-ins{grid-template-columns:repeat(3,minmax(0,1fr))}.ins-c{width:74px;height:74px}.ins-c .ic{width:34px;height:34px}.ins b{font-size:11.5px}.ins:nth-child(n+10){display:none}.kmh-dl dt{font-size:32px}}
@media (prefers-reduced-motion:reduce){.ins{animation:none;transition:none}}
/* Buscador con color de comunidades */
.kme .cel-f button[aria-pressed=true]{background:linear-gradient(120deg,#A95315,#E07A2E)}
.kme .cel-f button:hover{border-color:#A95315;color:#A95315}
.kme .cel-n a{color:#A95315}
.kme .cel-c.oro:before{background:linear-gradient(90deg,#1B1B1E,#C99A3B)}
.kme .cel-c.oro .cel-ic .ic{background:#1B1B1E;stroke:#F1D27A}
.kme .cel-c.oro .cel-tema{color:#8A6420}
.kme .cel-c.oro .cel-ver{background:#F7EEDB;color:#6E5A2C}
.kme .cel-c.oro .cel-sum{background:linear-gradient(135deg,#1B1B1E,#3B2F14);color:#F1D27A}
/* Consejos nacionales por causa */
.kmc{display:flex;flex-wrap:wrap;gap:10px}
.kmc a{display:inline-flex;align-items:center;gap:10px;padding:11px 16px;border-radius:14px;background:#fff;border:1px solid var(--line);font-size:15px;font-weight:650;color:#16304F;text-decoration:none;transition:border-color .15s ease,background-color .15s ease}
.kmc a:before{content:"";width:9px;height:9px;border-radius:50%;background:#A95315;flex:none}
.kmc a:hover,.kmc a:focus-visible{border-color:#A95315;background:#FCEFE4;color:#8A3D0E}
/* Botón de la página resumen dentro del panel */
.mnav .mi-comunidades .kz-pie{grid-template-columns:1.25fr 1fr 1fr 1fr}
.mnav .mi-comunidades .kz-todo{background:linear-gradient(120deg,#A95315,#E07A2E)!important;box-shadow:0 12px 24px rgba(169,83,21,.3)}
.mnav .mi-comunidades .kz-todo .kz-pic{background:rgba(255,255,255,.18)}
.mnav .mi-comunidades .kz-todo .ic{stroke:#fff!important}
.mnav .mi-comunidades .kz-todo b{color:#fff}
.mnav .mi-comunidades .kz-todo small{color:rgba(255,255,255,.9)}
.mnav .mi-comunidades .kz-todo .cn-fl{margin-left:auto;color:#fff;font-size:20px;font-weight:700;transition:transform .2s ease}
.mnav .mi-comunidades a.kz-todo:hover{background:linear-gradient(120deg,#BC5E19,#F08A3A)!important}
.mnav .mi-comunidades a.kz-todo:hover .cn-fl{transform:translateX(4px)}
.mnav .mi-comunidades .kz-pie .kz-est .cn-fl{display:none}
.mobile .kz-todo-m{display:flex;align-items:center;gap:12px;margin:6px 0 12px;padding:14px 16px!important;border-radius:14px!important;background:linear-gradient(120deg,#A95315,#E07A2E);color:#fff!important;text-decoration:none;border-top:0!important}
.mobile .kz-todo-m b{color:#fff!important}
.mobile .kz-todo-m small{color:rgba(255,255,255,.9)!important}
.mnav .mi-comunidades .kz-pie{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:10px}
.mnav .mi-comunidades .kz-p{padding:12px;gap:10px}
.mnav .mi-comunidades .kz-pic{width:40px;height:40px}
.mnav .mi-comunidades .kz-pic .ic{width:21px;height:21px}
.mnav .mi-comunidades .kz-est b{font-family:var(--sans);font-size:15px;font-weight:800}
.mnav .mi-comunidades .kz-todo b{font-size:16px}



/* ===== Migas de pan legibles en todos los heroes (oct 2026) ===== */
body nav.crumb.cr{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 8px;max-width:100%;margin:0 0 20px;padding:7px 16px 7px 12px;border-radius:999px;background:rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:var(--sans);font-size:15px;font-weight:600;line-height:1.3;color:#fff}
body nav.crumb.cr a,body nav.crumb.cr .cr-t{display:inline-flex;align-items:center;gap:6px;color:rgba(255,255,255,.9)!important;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s ease,color .15s ease}
body nav.crumb.cr a:hover,body nav.crumb.cr a:focus-visible{color:#fff!important;border-bottom-color:rgba(255,255,255,.75)}
body nav.crumb.cr a:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:4px}
body nav.crumb.cr .cr-a{display:inline-flex;align-items:center;gap:6px;color:#fff;font-weight:800}
body nav.crumb.cr .cr-s{color:rgba(255,255,255,.55);font-size:18px;font-weight:700;line-height:1}
body nav.crumb.cr .cr-i{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
@media (max-width:640px){body nav.crumb.cr{font-size:13.5px;padding:6px 12px 6px 10px;border-radius:14px}}
body nav.crumb.cr{display:flex;width:fit-content}

/* Fila superior del hero: migas a la izquierda, cápsula del título a la derecha */
.hero-top{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:12px 24px;flex-wrap:wrap;margin:0 0 -18px}
.hero-top>nav.crumb.cr{margin:0!important}
.hero-top>p{margin:0!important;max-width:min(560px,48%);text-align:left}
.cph .hero-top,.kmh .hero-top{margin-bottom:-10px}
@media (max-width:900px){.hero-top{margin-bottom:0}.hero-top>p{max-width:100%}}
/* Migas sobre heroes claros (ludoteca y juegos) */
body .ld-hero nav.crumb.cr{background:#fff;border-color:#D8E0E3;box-shadow:0 2px 8px rgba(12,28,56,.06);color:#0C1C38}
body .ld-hero nav.crumb.cr a,body .ld-hero nav.crumb.cr .cr-t{color:#2E4A66!important}
body .ld-hero nav.crumb.cr a:hover{color:#0C1C38!important;border-bottom-color:#0C1C38}
body .ld-hero nav.crumb.cr .cr-a{color:#0C1C38}
body .ld-hero nav.crumb.cr .cr-s{color:#8A9AA5}

/* ===== Seres sintientes v2: página ordenada (oct 2026) ===== */
.ss2 .ss2-hrow{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 18px}
.ss2 .ss2-hrow .crumb,.ss2 .ss2-hrow .chero-ey{margin:0}
.ss2 .chero.slim .chero-grid{grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding-bottom:40px}
.ss2 .chero h1{font-size:clamp(30px,3.2vw,46px);max-width:620px}
.ss2 .chero h1 em{display:block}
.ss2 .chero .chero-lead{max-width:600px}
.ss2-hvis{position:relative;justify-self:end;width:100%;max-width:460px;aspect-ratio:1.18}
.ss2-hw{position:absolute;left:50%;top:50%;width:80%;transform:translate(-50%,-50%);overflow:visible}
.ss2-glow{fill:rgba(245,210,156,.07)}
.ss2-ring{fill:none;stroke:#F5D29C;stroke-opacity:.45;stroke-width:1.5;stroke-dasharray:3 9;transform-origin:200px 200px;animation:ss2Gira 60s linear infinite}
.ss2-heart{transform-origin:200px 124px;animation:ss2Late 2.4s ease-in-out infinite}
@keyframes ss2Gira{to{transform:rotate(360deg)}}
@keyframes ss2Late{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
.ss2-hc{position:absolute;background:rgba(42,22,6,.66);border:1px solid rgba(245,210,156,.32);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;padding:12px 16px;box-shadow:0 14px 30px rgba(0,0,0,.3);max-width:190px}
.ss2-hc b{display:block;font-family:var(--serif);font-size:28px;line-height:1;color:#fff;font-variant-numeric:tabular-nums}
.ss2-hc b sup{font-size:.5em}
.ss2-hc span{display:block;font-size:12.5px;line-height:1.35;color:#EADBC4;margin-top:5px}
.ss2-hc1{left:0;bottom:8%}
.ss2-hc1 b{color:#F5D29C}
.ss2-hc2{right:0;top:2%}
.ss2-hc3{right:0;bottom:8%}
@media (prefers-reduced-motion:reduce){.ss2-ring,.ss2-heart{animation:none}}
@media (max-width:980px){.ss2 .chero.slim .chero-grid{grid-template-columns:1fr;gap:28px}.ss2-hvis{justify-self:stretch;max-width:none;aspect-ratio:auto;display:flex;gap:10px;flex-wrap:wrap}.ss2-hw{display:none}.ss2-hc{position:static;flex:1 1 140px;max-width:none}}

/* Fondos alternados, bien diferenciados */
.ss2 .ss2-blanco{background:#fff}
.ss2 .ss2-papel{background:#F7F2EA}
.ss2 .sec .kicker{color:#9A5A16;font-weight:700;letter-spacing:.02em}

/* 1. Cifras */
.ss2-cifras{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ss2-cifra{background:#FBF8F3;border:1px solid #EADFCF;border-radius:14px;padding:22px 20px 18px;display:flex;flex-direction:column}
.ss2-cifra b{font-family:var(--serif);font-size:clamp(32px,3vw,42px);line-height:1;color:#7A4510;font-variant-numeric:tabular-nums}
.ss2-cifra span{margin-top:10px;font-size:16px;line-height:1.45;color:var(--ink);flex:1}
.ss2-cifra small{margin-top:14px;padding-top:10px;border-top:1px solid #EADFCF;font-size:12px;line-height:1.4;color:var(--muted)}
.ss2-cifra.ss2-rojo{background:#FFF3F1;border-color:#F0C9C3}
.ss2-cifra.ss2-rojo b{color:var(--red)}
.ss2-cifra.ss2-rojo small{border-top-color:#F0C9C3}
.ss2-nota{margin:20px 0 0;max-width:820px;font-size:14.5px;line-height:1.6;color:var(--muted)}
@media (max-width:980px){.ss2-cifras{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.ss2-cifras{grid-template-columns:1fr}}

/* 2. Flujo: se regala, crece, se abandona */
.ss2-flujo{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px}
.ss2-flujo li{position:relative;background:#fff;border:1px solid #EADFCF;border-top:4px solid #C9832F;border-radius:14px;padding:22px 22px 20px}
.ss2-flujo li:not(:last-child):after{content:"→";position:absolute;right:-34px;top:50%;transform:translateY(-50%);font-size:26px;font-weight:700;color:#C9832F}
.ss2-flujo small{display:block;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#9A5A16;margin-bottom:6px}
.ss2-flujo b{display:block;font-family:var(--serif);font-size:26px;line-height:1.1;color:var(--ink);margin-bottom:8px}
.ss2-flujo span{display:block;font-size:15.5px;line-height:1.55;color:var(--muted)}
.ss2-flujo li.ss2-pico{border-top-color:var(--red);background:#FFF6F4}
.ss2-flujo li.ss2-pico small,.ss2-flujo li.ss2-pico b{color:#A3222A}
@media (max-width:820px){.ss2-flujo{grid-template-columns:1fr;gap:36px}.ss2-flujo li:not(:last-child):after{content:"↓";right:auto;left:50%;top:auto;bottom:-32px;transform:translateX(-50%)}}

/* 3. Casos */
.ss2-casos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ss2-caso{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 20px 18px;text-decoration:none;color:var(--ink);transition:transform .2s,box-shadow .2s,border-color .2s}
.ss2-caso:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(12,28,56,.08);border-color:#C9832F}
.ss2-caso b{display:block;font-family:var(--serif);font-size:20px;margin-bottom:8px}
.ss2-caso span{display:block;font-size:15px;line-height:1.55;color:var(--muted);flex:1}
.ss2-caso em{display:block;margin-top:16px;font-style:normal;font-weight:700;font-size:14.5px;color:var(--green)}
.ss2-caso em:after{content:" →"}
@media (max-width:980px){.ss2-casos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.ss2-casos{grid-template-columns:1fr}}

/* 4. Pasos para denunciar */
.ss2-pasos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;counter-reset:ss2p}
.ss2-pasos li{background:#fff;border:1px solid #EADFCF;border-radius:14px;padding:22px 20px;counter-increment:ss2p}
.ss2-pasos li:before{content:counter(ss2p);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--red);color:#fff;font-family:var(--serif);font-weight:700;font-size:17px;margin-bottom:12px}
.ss2-pasos b{display:block;font-size:18px;color:var(--ink);margin-bottom:6px}
.ss2-pasos span{display:block;font-size:15px;line-height:1.55;color:var(--muted)}
.ss2-botones{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 0}
@media (max-width:980px){.ss2-pasos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.ss2-pasos{grid-template-columns:1fr}}

/* 5. Acciones del año */
.ss2-acc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ss2-acc article{display:flex;flex-direction:column;background:#FBF8F3;border:1px solid #EADFCF;border-radius:16px;padding:22px 22px 0;overflow:hidden}
.ss2-f{margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#9A5A16}
.ss2-acc h3{font-size:21px;line-height:1.2;margin:0 0 8px;color:var(--ink)}
.ss2-acc article>p:not(.ss2-f){margin:0;font-size:15.5px;line-height:1.55;color:var(--muted)}
.ss2-acc a{color:var(--green);font-weight:700}
.ss2-hash{align-self:flex-start;margin:14px 0 18px;padding:5px 12px;border-radius:30px;background:#FFF3DC;border:1px solid #EBCB9A;font-size:13px;font-weight:700;color:#7A4510}
.ss2-ins{min-height:92px;margin:auto -22px 0;padding:14px 22px 16px;background:#fff;border-top:1px solid #EADFCF;font-size:14px;line-height:1.5;color:var(--muted)}
.ss2-ins b{display:block;font-size:12.5px;color:var(--ink);margin-bottom:3px}
@media (max-width:1050px){.ss2-acc{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.ss2-acc{grid-template-columns:1fr}}

/* 6. Súmate */
.ss2-tres{list-style:none;margin:18px 0 0;padding:0;counter-reset:ss2t}
.ss2-tres li{position:relative;padding:0 0 16px 48px;font-size:15px;line-height:1.5;color:var(--muted);counter-increment:ss2t}
.ss2-tres li:before{content:counter(ss2t);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#7A4510;color:#FFF3DC;font-family:var(--serif);font-weight:700}
.ss2-tres b{display:block;font-size:16.5px;color:var(--ink)}

/* Fuentes */
.ss2 .ss2-fuentes-s{padding:26px 0 40px}
.ss2-fuentes{border:1px solid var(--line);border-radius:12px;padding:14px 20px;background:#fff}
.ss2-fuentes summary{cursor:pointer;font-weight:700;font-size:15px;color:var(--ink)}
.ss2-fuentes ul{margin:12px 0 0;padding-left:20px;font-size:14px;line-height:1.6;color:var(--muted)}
.ss2-fuentes p{margin:10px 0 0;font-size:13px;color:var(--muted)}
/* ===== fin Seres sintientes v2 ===== */

/* ===== Cintillo de campañas bajo el hero (oct 2026) ===== */
.cm-tk{display:flex;align-items:stretch;background:#0F1B2E;color:#fff;border-bottom:1px solid rgba(255,255,255,.08);font-size:14.5px;position:relative;z-index:5;overflow:hidden}
.tk-k{flex:none;display:flex;align-items:center;gap:9px;padding:0 18px;background:linear-gradient(120deg,var(--camp-1),var(--camp-2));color:#fff!important;font-weight:800;font-size:14px;text-decoration:none;position:relative;z-index:2}
.tk-k .ic{width:22px;height:22px;padding:0;background:none!important;stroke:#fff!important;box-shadow:none!important}
.tk-k:hover{filter:brightness(1.08)}
.tk-aqui{flex:none;display:flex;align-items:center;gap:8px;padding:0 16px;background:color-mix(in srgb,var(--cc) 30%,#0F1B2E);border-right:1px solid rgba(255,255,255,.12);font-size:13.5px;color:rgba(255,255,255,.85);white-space:nowrap;position:relative;z-index:2}
.tk-aqui i{width:9px;height:9px;border-radius:50%;background:var(--cc);box-shadow:0 0 0 3px rgba(255,255,255,.25)}
.tk-aqui b{color:#fff}
.tk-v{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.tk-t{display:flex;width:max-content;animation:cmTk 55s linear infinite}
.tk-dup{display:flex}
.cm-tk:hover .tk-t,.cm-tk:focus-within .tk-t{animation-play-state:paused}
.tk-t a{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;color:rgba(255,255,255,.92);text-decoration:none;white-space:nowrap;font-weight:600;border-right:1px solid rgba(255,255,255,.07)}
.tk-t a i{width:9px;height:9px;border-radius:50%;background:var(--cc);box-shadow:0 0 0 3px color-mix(in srgb,var(--cc) 35%,transparent)}
.tk-t a:hover,.tk-t a:focus-visible{color:#fff;background:color-mix(in srgb,var(--cc) 35%,transparent)}
.tk-t a:focus-visible{outline:2px solid #fff;outline-offset:-4px}
.tk-t a.on{color:#fff;font-weight:800;background:color-mix(in srgb,var(--cc) 45%,transparent)}
.tk-todas{flex:none;display:flex;align-items:center;gap:4px;padding:0 18px;background:#0F1B2E;color:#FFB8A3!important;font-weight:800;text-decoration:none;border-left:1px solid rgba(255,255,255,.12);white-space:nowrap;position:relative;z-index:2}
.tk-todas:hover{color:#fff!important;background:#16263F}
@keyframes cmTk{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (max-width:760px){.tk-aqui{display:none}.tk-k span{display:none}.tk-k{padding:0 14px}.tk-todas{padding:0 12px;font-size:13.5px}.tk-t a{padding:12px 16px;font-size:13.5px}}
@media (prefers-reduced-motion:reduce){.tk-t{animation:none}.tk-v{overflow-x:auto;scrollbar-width:none}.tk-dup{display:none}}
/* ===== Placa Segura y tablon de mascotas (oct 2026) ===== */
.pl-hvis{position:relative;justify-self:end;width:100%;max-width:440px;aspect-ratio:1.15}
.pl-tag{position:absolute;left:70%;top:50%;width:52%;transform:translate(-50%,-50%);overflow:visible}
.pl-swing{transform-origin:150px 30px;animation:plSwing 4.5s ease-in-out infinite}
@keyframes plSwing{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}
.pl-hc{position:absolute;width:44%;background:rgba(42,22,6,.66);border:1px solid rgba(245,210,156,.32);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;padding:11px 15px;box-shadow:0 14px 30px rgba(0,0,0,.3);max-width:190px;display:flex;gap:10px;align-items:flex-start}
.pl-hc i{flex-shrink:0;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#F5D29C;color:#2A1606;font-style:normal;font-weight:800;font-size:13px;font-family:var(--serif)}
.pl-hc b{display:block;font-size:14.5px;line-height:1.2;color:#fff}
.pl-hc span{display:block;font-size:12.5px;line-height:1.35;color:#EADBC4;margin-top:3px}
.pl-hc1{left:0;top:6%}
.pl-hc2{left:0;top:37%}
.pl-hc3{left:0;top:68%}
@media (prefers-reduced-motion:reduce){.pl-swing{animation:none}}
@media (max-width:980px){.pl-hvis{justify-self:stretch;max-width:none;aspect-ratio:auto;display:flex;gap:10px;flex-wrap:wrap}.pl-tag{display:none}.pl-hc{position:static;flex:1 1 160px;max-width:none}}
.pl-cuerpo{padding:46px 0 72px;background:#fff}
.pl-cuerpo .wrap>*{max-width:100%}
.pl-cruce{display:flex;gap:14px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:0 0 28px;padding:16px 20px;border:1px solid #EADFCF;border-radius:14px;background:#FBF8F3}
.pl-cruce p{margin:0;font-size:15px;line-height:1.5;color:var(--ink)}
.pl-cruce p b{color:#7A4510}
/* ===== fin Placa Segura ===== */

.ms-hv{justify-self:end;width:100%;max-width:440px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ms-hv div{background:rgba(42,22,6,.6);border:1px solid rgba(245,210,156,.28);border-top:4px solid var(--c);border-radius:14px;padding:18px 16px}
.ms-hv b{display:block;font-family:var(--serif);font-size:21px;color:#fff;margin-bottom:4px}
.ms-hv span{display:block;font-size:13px;line-height:1.4;color:#EADBC4}
@media (max-width:980px){.ms-hv{justify-self:stretch;max-width:none}}

/* Seres sintientes: apps gratuitas bajo el hero (oct 2026) */
.ss2 .ss2-apps-s{background:#fff;padding:44px 0 40px}
.ss2-apps-k{margin:0 0 16px;font-size:13px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#9A5A16}
.ss2-apps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ss2-app{position:relative;display:flex;flex-direction:column;gap:10px;border-radius:20px;padding:28px 28px 24px 28px;text-decoration:none;color:#fff;overflow:hidden;transition:transform .2s,box-shadow .2s;box-shadow:0 18px 40px -22px rgba(12,28,56,.55)}
.ss2-app:hover{transform:translateY(-4px);box-shadow:0 26px 50px -22px rgba(12,28,56,.65)}
.ss2-app-placa{background:radial-gradient(90% 120% at 100% 0%,#2A5A91 0%,#132B52 55%,#0C1C38 100%)}
.ss2-app-aviso{background:radial-gradient(90% 120% at 100% 0%,#D0553A 0%,#9A2E1E 55%,#5A1F14 100%)}
.ss2-app-tag{align-self:flex-start;font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:6px 12px;border-radius:30px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25)}
.ss2-app-ic{position:absolute;right:24px;top:22px;width:64px;height:64px}
.ss2-app-placa .ss2-app-ic{color:#F5D29C}
.ss2-app-aviso .ss2-app-ic{color:#FFB59E}
.ss2-app-ic svg{width:100%;height:100%}
.ss2-app b{font-family:var(--serif);font-size:clamp(24px,2.3vw,31px);line-height:1.14;margin-top:6px;max-width:88%}
.ss2-app-tx{font-size:15.5px;line-height:1.6;color:rgba(255,255,255,.86)}
.ss2-app-tx strong{color:#fff}
.ss2-app-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.ss2-app-chips i{font-style:normal;font-size:12.5px;font-weight:700;padding:5px 11px;border-radius:30px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2)}
.ss2-app-cta{margin-top:auto;padding-top:14px;align-self:flex-start;display:inline-flex;align-items:center;font-weight:800;font-size:16px;padding:14px 22px;border-radius:12px;background:#fff}
.ss2-app-placa .ss2-app-cta{color:#132B52}
.ss2-app-aviso .ss2-app-cta{color:#9A2E1E}
.ss2-apps-pie{margin:16px 0 0;text-align:center;font-size:15px}
.ss2-apps-pie a{color:#9A5A16;font-weight:700}
@media (max-width:860px){.ss2-apps{grid-template-columns:1fr}.ss2-app{padding:24px 20px 20px}.ss2-app-ic{width:48px;height:48px;right:18px;top:18px}}

/* ===== /campanas/ v3: fichas en ventana, tres puertas y la próxima acción (oct 2026) ===== */
dialog.cfd{width:min(780px,calc(100vw - 28px));max-height:calc(100vh - 40px);padding:0;border:0;border-radius:22px;background:#fff;color:var(--ink);box-shadow:0 40px 90px rgba(12,28,56,.45);overflow:hidden}
dialog.cfd::backdrop{background:rgba(9,16,30,.62);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
dialog.cfd[open]{animation:cfdIn .28s cubic-bezier(.2,.9,.3,1) both}
@keyframes cfdIn{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}
.cfd-in{position:relative;max-height:calc(100vh - 40px);overflow-y:auto;padding:0 0 24px;border-top:8px solid var(--cc)}
.cfd-x{position:sticky;top:10px;float:right;margin:10px 12px 0 0;width:42px;height:42px;border-radius:50%;border:0;background:#F1F4F6;color:#16304F;font-size:26px;line-height:1;cursor:pointer;z-index:3}
.cfd-x:hover{background:color-mix(in srgb,var(--cc) 15%,#fff);color:var(--cc)}
.cfd-x:focus-visible{outline:3px solid var(--cc);outline-offset:2px}
.cfd .camp{border:0!important;box-shadow:none!important;background:none!important;padding:26px 30px 6px!important;margin:0!important}
.cfd .camp h2{font-size:clamp(24px,2.6vw,32px);line-height:1.15;color:#10213B;margin:10px 0 6px}
.cfd .camp .camp-ico{background:color-mix(in srgb,var(--cc) 13%,#fff)!important;stroke:var(--cc)!important;top:30px!important;right:64px!important}
.cfd .camp .camp-k span:first-child{background:color-mix(in srgb,var(--cc) 12%,#fff);color:var(--cc)}
.cfd .camp-lema{color:var(--cc)!important}
.cfd .camp p{font-size:16.5px;line-height:1.6}
.cfd .camp-ti{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px!important;margin-top:18px!important}
.cfd .camp-ti li{border-radius:12px!important;padding:12px 14px!important;background:color-mix(in srgb,var(--cc) 7%,#fff)!important;border-color:color-mix(in srgb,var(--cc) 20%,var(--line))!important;font-weight:600;color:#16304F!important}
.cfd .camp-ti .camp-ti-k{grid-column:1/-1;background:none!important;padding:0!important;color:var(--cc)!important}
.cfd .camp-b{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.cfd .camp-b .btn-green,.cfd .camp-b .btn-oro{background:var(--cc)!important;border-color:var(--cc)!important;color:#fff!important}
.cfd-pag{display:block;margin:14px 30px 0;padding:14px 16px;border-radius:14px;background:color-mix(in srgb,var(--cc) 9%,#fff);color:var(--cc);font-weight:800;text-decoration:none}
.cfd-pag:hover{background:color-mix(in srgb,var(--cc) 16%,#fff)}
@media (max-width:640px){.cfd .camp{padding:20px 18px 4px!important}.cfd .camp .camp-ico{display:none}.cfd-pag{margin:12px 18px 0}}
@media (prefers-reduced-motion:reduce){dialog.cfd[open]{animation:none}}
/* Tres puertas */
.cpx-s{background:linear-gradient(180deg,#fff,#F5F7F6)}
.cpx-s .cel-h h2{font-family:'Anton',var(--sans);font-weight:400;font-size:clamp(34px,3.6vw,52px);line-height:1;margin:0;color:#10213B}
.cpx-s .cel-h p{margin:12px 0 0;max-width:62ch;font-size:17px;line-height:1.5;color:var(--muted)}
.cpx-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.cpx{position:relative;display:flex;flex-direction:column;padding:26px 24px 22px;border-radius:22px;color:#fff;overflow:hidden;box-shadow:0 22px 44px rgba(12,28,56,.16)}
.cpx:after{content:"";position:absolute;right:-50px;top:-50px;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.08)}
.cpx-a{background:linear-gradient(150deg,#1E7A48,#0E4A2B)}
.cpx-b{background:linear-gradient(150deg,#D62F2A,#8E1A17)}
.cpx-c{background:linear-gradient(150deg,#96620E,#4A3008)}
.cpx-n{align-self:flex-start;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.16);font-size:13px;font-weight:800;letter-spacing:.02em}
.cpx h3{margin:16px 0 0;font-family:var(--serif);font-size:24px;line-height:1.2;color:#fff}
.cpx ul{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px;flex-grow:1}
.cpx li{position:relative;padding-left:26px;font-size:15.5px;line-height:1.45;color:rgba(255,255,255,.92)}
.cpx li:before{content:"";position:absolute;left:0;top:4px;width:16px;height:16px;border-radius:50%;background:rgba(255,255,255,.2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center/11px no-repeat}
.cpx-acts{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:22px;background:none}
.cpx .cpx-b1{background:#fff;color:#10213B!important;font-weight:800;border:0}
.cpx-a .cpx-b1{color:#0E4A2B!important}.cpx-b .cpx-b1{color:#A51F22!important}.cpx-c .cpx-b1{color:#5A3A0A!important}
.cpx .cpx-b1:hover{background:#FFF7F2}
.cpx-l{color:#fff!important;font-weight:700;font-size:14.5px;text-decoration:none;border-bottom:1.5px solid rgba(255,255,255,.5)}
.cpx-l:hover{border-bottom-color:#fff}
@media (max-width:980px){.cpx-g{grid-template-columns:1fr}}
/* La próxima acción en la calle */
.cpj-s{padding-top:10px}
.cpj{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:24px;padding:30px 34px;border-radius:24px;background:radial-gradient(60% 90% at 85% 50%,#3B2F14,#0B0B0C 70%);color:#EFE6CF;text-decoration:none;position:relative;overflow:hidden;box-shadow:0 26px 50px rgba(0,0,0,.28)}
.cpj:before{content:"";position:absolute;inset:8px;border:1px solid rgba(217,178,90,.35);border-radius:18px;pointer-events:none}
.cpj-k{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:800;color:#F1D27A}
.cpj-k i{width:9px;height:9px;border-radius:50%;background:#F1D27A;box-shadow:0 0 0 4px rgba(241,210,122,.25);animation:cpjP 1.8s ease-in-out infinite}
@keyframes cpjP{50%{box-shadow:0 0 0 8px rgba(241,210,122,0)}}
.cpj h2{margin:12px 0 0;font-family:'Anton',var(--sans);font-weight:400;font-size:clamp(30px,3.2vw,46px);line-height:1.02;color:#F6E7C2}
.cpj p{margin:12px 0 0;font-size:16.5px;line-height:1.55;color:#D8CFB8;max-width:56ch}
.cpj dl{display:flex;flex-wrap:wrap;gap:12px 28px;margin:16px 0 0}
.cpj dl div{margin:0;border-top:1px solid rgba(217,178,90,.35);padding-top:8px}
.cpj dt{font-size:12px;font-weight:800;color:#D9B25A}
.cpj dd{margin:2px 0 0;font-size:15.5px;color:#fff}
.cpj-go{display:inline-block;margin-top:20px;padding:12px 20px;border-radius:999px;background:linear-gradient(180deg,#F1D27A,#C99A3B);color:#0B0B0C;font-weight:800}
.cpj img{width:100%;height:auto;filter:drop-shadow(0 24px 30px rgba(0,0,0,.6));position:relative}
.cpj:hover .cpj-go{filter:brightness(1.08)}
.cpj:focus-visible{outline:3px solid #F1D27A;outline-offset:4px}
@media (max-width:900px){.cpj{grid-template-columns:1fr;padding:24px 22px}.cpj img{max-width:420px;margin:0 auto}}
@media (prefers-reduced-motion:reduce){.cpj-k i{animation:none}}
/* ===== /campanas/ v4: pancartas vivas, palabras que rotan y cuestionario (oct 2026) ===== */
.cph-rot{margin:18px 0 0;font-size:clamp(19px,1.7vw,24px);line-height:1.35;font-weight:600;color:rgba(255,255,255,.85)}
.cph-rw{display:inline-block;color:#fff;font-weight:800;border-bottom:3px solid #FFC2A8;transition:opacity .35s ease,transform .35s ease}
.cph-rw.out{opacity:0;transform:translateY(8px)}
.cph-lead{font-size:17px}
.cph-quiz-b{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font:inherit;font-weight:800;position:relative;overflow:hidden}
.cph-quiz-b:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,194,168,.55) 50%,transparent 70%);transform:translateX(-120%);animation:cphBrillo 3.6s ease-in-out 1.6s infinite}
@keyframes cphBrillo{0%,60%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.cph-spark{color:#E0452D;font-size:16px}
/* Pancartas: se mecen como en una marcha y se voltean al pasar el cursor */
.pl{animation:plUp .7s cubic-bezier(.2,.9,.3,1.2) both,plMece var(--s,5s) ease-in-out calc(var(--d) + .8s) infinite alternate;perspective:700px}
@keyframes plMece{from{transform:rotate(calc(var(--r) - 2deg))}to{transform:rotate(calc(var(--r) + 2deg))}}
.pl:hover,.pl:focus-visible{animation-play-state:paused}
.pl-in{position:relative;z-index:1;display:grid;width:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.3,.8,.3,1)}
.pl-in>.pl-c{grid-area:1/1;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.pl-b{transform:rotateY(180deg);background:var(--cc)!important;justify-content:space-between!important}
.pl-b small{font-size:12.5px;line-height:1.35;font-weight:600;color:#fff}
.pl-b em{font-style:normal;font-size:12.5px;font-weight:800;color:#fff;opacity:.9}
.pl:hover .pl-in,.pl:focus-visible .pl-in{transform:rotateY(180deg)}
.pl:hover .pl-c,.pl:focus-visible .pl-c{background:#fff}
.pl:hover .pl-b,.pl:focus-visible .pl-b{background:var(--cc)!important}
.pl:hover .pl-f b{color:#10213B}
.pl:hover .pl-f .ic{background:color-mix(in srgb,var(--cc) 13%,#fff);stroke:var(--cc)}
.cph-crowd{position:relative}
.cph-hint{grid-column:1/-1;justify-self:end;margin:8px 4px 0;font-size:13px;font-weight:600;color:rgba(255,255,255,.7)}
.cph-hint:before{content:"\2196  "}
@media (hover:none){.cph-hint{display:none}.pl:hover .pl-in{transform:none}}
@media (prefers-reduced-motion:reduce){.pl{animation:none}.pl-in{transition:none}.cph-rw{transition:none}.cph-quiz-b:after{animation:none;display:none}}
/* Cuestionario */
dialog.cqz{width:min(680px,calc(100vw - 28px));padding:0;border:0;border-radius:24px;background:#fff;color:var(--ink);box-shadow:0 40px 90px rgba(12,28,56,.45);overflow:hidden}
dialog.cqz::backdrop{background:rgba(70,10,10,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
dialog.cqz[open]{animation:cfdIn .28s cubic-bezier(.2,.9,.3,1) both}
.cqz-in{position:relative;padding:26px 30px 30px;border-top:8px solid var(--camp-1);max-height:calc(100vh - 40px);overflow-y:auto}
.cqz-in .cfd-x{position:absolute;top:14px;right:14px;margin:0}
.cqz-k{margin:0;font-size:13px;font-weight:800;color:var(--camp-1)}
.cqz-bar{height:6px;margin:12px 56px 0 0;border-radius:6px;background:#F3E3E0;overflow:hidden}
.cqz-bar i{display:block;height:100%;width:25%;border-radius:6px;background:linear-gradient(90deg,var(--camp-1),var(--camp-2));transition:width .35s ease}
.cqz h2{margin:20px 0 16px;font-family:'Anton',var(--sans);font-weight:400;font-size:clamp(28px,3.4vw,40px);line-height:1.05;color:#10213B}
.cqz-o{display:flex;flex-wrap:wrap;gap:10px}
.cqz-o button{font:inherit;font-size:16px;font-weight:700;padding:13px 18px;border-radius:14px;border:1.5px solid #D5DCE0;background:#fff;color:#16304F;cursor:pointer;text-align:left;transition:border-color .15s ease,background-color .15s ease,transform .15s ease}
.cqz-o button:hover,.cqz-o button:focus-visible{border-color:var(--camp-1);background:#FDF0EC;color:#A51F22;transform:translateY(-1px)}
.cqz-o button:focus-visible{outline:3px solid #F6B7A9;outline-offset:2px}
.cqz-msg{margin:-4px 0 16px;font-size:16.5px;line-height:1.5;color:#33475B}
.cqz-g{display:grid;gap:10px}
.cqz-c{display:grid;grid-template-columns:1fr auto;gap:4px 16px;align-items:center;padding:14px 16px;border-radius:16px;border:1px solid color-mix(in srgb,var(--cc) 30%,var(--line));border-left:6px solid var(--cc);background:color-mix(in srgb,var(--cc) 5%,#fff)}
.cqz-c b{font-family:var(--serif);font-size:19px;color:#10213B}
.cqz-c span{grid-column:1;font-size:14.5px;line-height:1.4;color:#40546A}
.cqz-cb{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;gap:6px}
.cqz-cb a{text-align:center;padding:9px 14px;border-radius:11px;font-size:14px;font-weight:800;text-decoration:none;white-space:nowrap}
.cqz-y{background:var(--cc);color:#fff}
.cqz-n{background:color-mix(in srgb,var(--cc) 12%,#fff);color:var(--cc)}
.cqz-otra{margin:16px 0 0}
.cqz-re{font:inherit;font-size:14.5px;font-weight:700;background:none;border:0;color:var(--camp-1);cursor:pointer;text-decoration:underline}
@media (max-width:560px){.cqz-in{padding:22px 18px 24px}.cqz-c{grid-template-columns:1fr}.cqz-cb{grid-column:1;grid-row:auto;flex-direction:row}}
/* Compartir en tarjetas */
.cel-b{align-items:stretch}
.cel-sh{flex:0 0 auto!important;display:grid;place-items:center;width:44px;padding:0!important;background:#E7F6EC;color:#1E7A48}
.cel-sh .ic{width:24px;height:24px;padding:0;background:none!important;stroke:#1E7A48;box-shadow:none!important}
.cel-sh:hover{background:#D2EEDB}
.cph-rot{min-height:2.7em}
@media (max-width:640px){.cph-rot{min-height:4em}}

/* ===== /campanas/ v5: papel picado y mosaico de México (oct 2026) ===== */
.ppic{position:relative;display:flex;justify-content:center;gap:6px;height:74px;margin:0;padding:0 12px;overflow:hidden;background:#fff}
.ppic:before{content:"";position:absolute;left:0;right:0;top:10px;height:2px;background:linear-gradient(90deg,transparent,#B9A27A 10%,#B9A27A 90%,transparent)}
.ppic i{flex:0 0 46px;height:56px;margin-top:10px;background:var(--c);transform-origin:50% 0;animation:ppMece 3.4s ease-in-out calc(var(--k) * -.55s) infinite alternate;clip-path:polygon(0 0,100% 0,100% 82%,87.5% 100%,75% 82%,62.5% 100%,50% 82%,37.5% 100%,25% 82%,12.5% 100%,0 82%);-webkit-mask:radial-gradient(circle at 50% 42%,transparent 7px,#000 7.5px),radial-gradient(circle at 25% 22%,transparent 3px,#000 3.5px),radial-gradient(circle at 75% 22%,transparent 3px,#000 3.5px);-webkit-mask-composite:source-in;mask:radial-gradient(circle at 50% 42%,transparent 7px,#000 7.5px) intersect,radial-gradient(circle at 25% 22%,transparent 3px,#000 3.5px) intersect,radial-gradient(circle at 75% 22%,transparent 3px,#000 3.5px);opacity:.92}
@keyframes ppMece{from{transform:rotate(-4deg)}to{transform:rotate(4deg)}}
@media (prefers-reduced-motion:reduce){.ppic i{animation:none}}
@media (max-width:640px){.ppic{height:60px}.ppic i{flex-basis:34px;height:44px}}
.ppic+.cel{padding-top:28px}
/* Mosaico */
.mxg-s{background:#0F1B2E;color:#fff}
.mxg-s .kicker{color:#FFB8A3}
.mxg-s h2{color:#fff}
.mxg-s .lead{color:rgba(255,255,255,.78)}
.mxg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:240px 240px 260px;grid-template-areas:"a a b c" "a a d d" "e e f f";gap:12px}
.mxg-a{grid-area:a}.mxg-b{grid-area:b}.mxg-c{grid-area:c}.mxg-d{grid-area:d}.mxg-e{grid-area:e}.mxg-f{grid-area:f}
.mxg-t{position:relative;margin:0;border-radius:18px;overflow:hidden;background:#1A2740;isolation:isolate}
.mxg-t img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.mxg-t:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,14,26,0) 35%,rgba(8,14,26,.88) 100%);z-index:1}
.mxg-t:hover img{transform:scale(1.06)}
.mxg-t figcaption{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:16px 18px 14px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.mxg-tag{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;background:var(--cc);color:#fff!important;font-size:12.5px;font-weight:800;text-decoration:none;box-shadow:0 4px 12px rgba(0,0,0,.25)}
.mxg-tag i{width:7px;height:7px;border-radius:50%;background:#fff}
.mxg-tag:hover{filter:brightness(1.1)}
.mxg-t b{font-family:var(--serif);font-size:18px;line-height:1.25;color:#fff;max-width:36ch}
.mxg-a b{font-size:clamp(22px,2.2vw,30px)}
.mxg-loc{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:rgba(255,255,255,.85)}
.mxg-loc:before{content:"";width:12px;height:12px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5 7 13 7 13s7-8 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5 7 13 7 13s7-8 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E") center/contain no-repeat}
.mxg-t small{font-size:11px;color:rgba(255,255,255,.6)}
.mxg-t small a{color:rgba(255,255,255,.75);text-decoration:underline}
.mxg-n{margin:16px 0 0;font-size:13.5px;color:rgba(255,255,255,.6)}
@media (max-width:900px){.mxg{grid-template-columns:1fr 1fr;grid-template-rows:300px 220px 220px 220px;grid-template-areas:"a a" "b c" "d d" "e f"}}
@media (max-width:560px){.mxg{grid-template-columns:1fr;grid-template-rows:none;grid-auto-rows:240px;grid-template-areas:"a" "b" "c" "d" "e" "f"}}
@media (prefers-reduced-motion:reduce){.mxg-t img{transition:none}.mxg-t:hover img{transform:none}}
/* ===== Tarjetas que se iluminan con su color (oct 2026) ===== */
.cel-c{isolation:isolate;overflow:hidden;transition:border-color .3s ease,box-shadow .35s ease,transform .35s cubic-bezier(.2,.8,.3,1),background-color .3s ease}
.cel-c:before{height:6px;transition:height .35s ease;z-index:0}
.cel-c:after{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .35s ease;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),color-mix(in srgb,var(--cc) 22%,transparent),transparent 60%),linear-gradient(180deg,color-mix(in srgb,var(--cc) 9%,#fff),#fff 70%)}
.cel-c:hover,.cel-c:focus-within{border-color:var(--cc);transform:translateY(-6px);box-shadow:0 0 0 1px var(--cc),0 22px 44px color-mix(in srgb,var(--cc) 30%,transparent),0 0 36px color-mix(in srgb,var(--cc) 22%,transparent)}
.cel-c:hover:after,.cel-c:focus-within:after{opacity:1}
.cel-c:hover:before,.cel-c:focus-within:before{height:10px}
.cel-c .cel-ic .ic{transition:background-color .3s ease,stroke .3s ease,box-shadow .3s ease,transform .35s cubic-bezier(.2,.8,.3,1)}
.cel-c:hover .cel-ic .ic,.cel-c:focus-within .cel-ic .ic{background:var(--cc);stroke:#fff;box-shadow:0 8px 20px color-mix(in srgb,var(--cc) 45%,transparent);transform:scale(1.08) rotate(-4deg)}
.cel-c h3 a{transition:color .25s ease}
.cel-c:hover h3 a{color:var(--cc)}
.cel-c .cel-sum{transition:box-shadow .3s ease,transform .3s ease,filter .3s ease}
.cel-c:hover .cel-sum{box-shadow:0 10px 22px color-mix(in srgb,var(--cc) 45%,transparent);transform:translateY(-1px)}
.cel-c:hover .cel-ver{background:color-mix(in srgb,var(--cc) 16%,#fff)}
.cel-c:hover .cel-pro{background:var(--cc);color:#fff}
.cel-c .cel-pro{transition:background-color .3s ease,color .3s ease}
.cel-c:hover .cel-tema{letter-spacing:.01em}
.kme .cel-c.oro:hover{border-color:#C99A3B;box-shadow:0 0 0 1px #C99A3B,0 22px 44px rgba(150,110,30,.3),0 0 36px rgba(201,154,59,.25)}
.kme .cel-c.oro:hover .cel-ic .ic{background:#1B1B1E;stroke:#F1D27A}
.kme .cel-c.oro:after{background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(201,154,59,.22),transparent 60%),linear-gradient(180deg,#FBF4E2,#fff 70%)}
@media (prefers-reduced-motion:reduce){.cel-c,.cel-c .cel-ic .ic,.cel-c .cel-sum{transition:none}.cel-c:hover{transform:none}.cel-c:hover .cel-ic .ic{transform:none}}
/* ===== /campanas/ v6: la Cruzada con mapa, pasos en el formulario y revelado (oct 2026) ===== */
.sr{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .7s cubic-bezier(.2,.8,.3,1);transition-delay:var(--sd,0ms)}
.sr.in{opacity:1;transform:none}
.crz{background:radial-gradient(60% 80% at 85% 20%,#1E3B6A 0%,rgba(30,59,106,0) 60%),linear-gradient(160deg,#0F1F3A,#0B1A33 60%,#101827);color:#fff;overflow:hidden}
.crz-g{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:40px;align-items:center}
.crz-k{display:inline-block;padding:6px 12px;border-radius:999px;background:rgba(233,203,135,.12);border:1px solid rgba(233,203,135,.35);color:#F1D27A;font-size:12.5px;font-weight:800}
.crz h2{margin:16px 0 0;font-family:'Anton',var(--sans);font-weight:400;font-size:clamp(32px,3.6vw,52px);line-height:1.02;color:#fff}
.crz-l{margin:16px 0 0;font-size:16.5px;line-height:1.6;color:rgba(255,255,255,.82);max-width:54ch}
.crz-et{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:12px}
.crz-et li{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.crz-n{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#F1D27A,#C99A3B);color:#0B0B0C;font-family:'Anton',var(--sans);font-size:19px}
.crz-et b{display:block;font-size:16px;color:#fff}
.crz-et span:not(.crz-n){display:block;margin-top:3px;font-size:14.5px;line-height:1.45;color:rgba(255,255,255,.78)}
.crz-ag{margin:18px 0 0;font-size:15px;color:rgba(255,255,255,.8)}
.crz-ag a{color:#F1D27A;font-weight:700}
.crz-b{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.crz-b1{background:linear-gradient(180deg,#F1D27A,#C99A3B);color:#0B0B0C!important;border:0;font-weight:800}
.crz-b2{background:transparent;color:#fff!important;border:1.5px solid rgba(255,255,255,.55)}
.crz-b2:hover{background:rgba(255,255,255,.1)}
.crz-map{position:relative}
.mxmap{width:100%;height:auto;display:block;filter:drop-shadow(0 20px 40px rgba(0,0,0,.4))}
.mxm-d circle{fill:#5E7CB0;opacity:.0;animation:mxmIn .5s ease both}
.in .mxm-d circle,.crz-map:not(.sr) .mxm-d circle{opacity:.85}
.mxm-d circle:nth-child(3n){fill:#7E9AD0}.mxm-d circle:nth-child(7n){fill:#C99A3B}
.mxm-halo{fill:#F1D27A;opacity:.35;animation:mxmHalo 2.2s ease-out infinite}
.mxm-dot{fill:#F1D27A;stroke:#0B1A33;stroke-width:3}
@keyframes mxmHalo{0%{transform:scale(.5);opacity:.6}100%{transform:scale(2.2);opacity:0}}
.mxm-pin{transform-box:fill-box;transform-origin:center}
.mxm-halo{transform-box:fill-box;transform-origin:center}
@keyframes mxmIn{from{opacity:0}to{opacity:.85}}
.crz-leg{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin-top:14px;justify-content:center}
.crz-pinl{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#F6E7C2}
.crz-pinl i{width:12px;height:12px;border-radius:50%;background:#F1D27A;box-shadow:0 0 0 4px rgba(241,210,122,.25)}
.crz-32{font-size:14px;color:rgba(255,255,255,.75)}
.crz-32 b{font-family:'Anton',var(--sans);font-size:22px;color:#fff;margin-right:4px}
.crz-org{margin-top:44px;padding-top:28px;border-top:1px solid rgba(255,255,255,.12)}
.crz-org h3{font-family:var(--sans);font-size:15px;font-weight:700;color:#E9CB87;margin:0 0 14px;display:flex;align-items:center;gap:12px}
.crz-org h3:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(233,203,135,.5),transparent)}
.crz-org .cm-org{margin:0}
.crz-org .cm-p{background:rgba(255,255,255,.05);border-color:rgba(233,203,135,.45)}
.crz-org .cm-p:hover{background:rgba(233,203,135,.1)}
@media (max-width:980px){.crz-g{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.sr{opacity:1;transform:none;transition:none}.mxm-halo{animation:none}.mxm-d circle{animation:none;opacity:.85}}
/* Pasos dentro del formulario */
.cs-pasos{list-style:none;margin:18px 0 0;padding:0;position:relative}
.cs-pasos:before{content:"";position:absolute;left:19px;top:14px;bottom:14px;width:2px;background:linear-gradient(180deg,var(--camp-1),#F2C1B4)}
.cs-pasos li{position:relative;display:flex;gap:16px;align-items:flex-start;padding:10px 0}
.cs-pasos li>span{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(120deg,var(--camp-1),var(--camp-2));color:#fff;font-family:'Anton',var(--sans);font-size:20px;box-shadow:0 8px 18px rgba(214,47,42,.3);position:relative;z-index:1}
.cs-pasos b{display:block;font-size:17px;color:#10213B}
.cs-pasos small{display:block;margin-top:3px;font-size:14.5px;line-height:1.45;color:#40546A}
.cs-pasos small a{color:var(--camp-1);font-weight:700}
/* Seres sintientes v3: fotos y secciones de corazón (oct 2026) */
.ss2 .chero.ss3-hero{background:linear-gradient(90deg,rgba(24,13,4,.97) 0%,rgba(24,13,4,.9) 38%,rgba(24,13,4,.55) 70%,rgba(24,13,4,.25) 100%),url(/wp-content/uploads/2026/10/perro-calle-mexico.jpg) 88% 62%/cover no-repeat;min-height:560px}
.ss3-hstats{grid-column:1/-1;display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;align-items:stretch;max-width:760px;margin-top:4px}
.ss3-hstats .ss2-hc{position:static;flex:1 1 180px;max-width:none}
.ss3-hstats .ss2-hc b{color:#F5D29C}
@media (max-width:980px){.ss2 .chero.ss3-hero{background:linear-gradient(180deg,rgba(24,13,4,.96) 0%,rgba(24,13,4,.86) 100%),url(/wp-content/uploads/2026/10/perro-calle-mexico-1024x683.jpg) center/cover no-repeat}.ss3-hstats .ss2-hc{flex:1 1 140px}}
.ss3-foto{margin:0;position:relative}
.ss3-foto img{display:block;width:100%;height:auto;border-radius:22px;box-shadow:0 30px 60px -30px rgba(12,28,56,.6)}
.ss3-foto figcaption{position:absolute;left:14px;bottom:12px;font-size:11px;letter-spacing:.04em;color:#fff;background:rgba(0,0,0,.45);padding:4px 9px;border-radius:30px}
.ss2 .ss3-carta-s{background:#FBF4E8;padding:72px 0}
.ss3-carta{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.ss3-carta .ss3-foto{transform:rotate(-2.5deg);max-width:420px;justify-self:center}
.ss3-carta h2{font-size:clamp(30px,3.4vw,46px);line-height:1.1;margin:6px 0 18px}
.ss3-carta-p p{font-family:var(--serif);font-size:clamp(19px,1.7vw,23px);line-height:1.55;color:#3A2A18;margin:0 0 16px;font-style:italic}
.ss3-firma{font-size:16px;font-weight:700;color:#7A4510;margin:20px 0 0;padding-top:16px;border-top:1px solid #EBCB9A}
.ss3-ilusion{display:grid;grid-template-columns:.75fr 1.25fr;gap:40px;align-items:start}
.ss3-ilusion .ss3-foto{max-width:420px}
.ss3-flujo{grid-template-columns:1fr !important;gap:14px !important}
.ss3-flujo li:not(:last-child):after{content:'\2193' !important;right:auto !important;left:50% !important;top:auto !important;bottom:-16px !important;transform:translateX(-50%) !important;font-size:20px !important;background:#F7F2EA;padding:0 8px;line-height:1}
.ss3-check{margin-top:26px;background:#fff;border:1px solid #EADFCF;border-left:5px solid #C9832F;border-radius:14px;padding:22px 24px}
.ss3-check h3{font-size:20px;margin:0 0 12px;color:var(--ink)}
.ss3-check ol{margin:0;padding-left:22px;font-size:16px;line-height:1.6;color:var(--ink)}
.ss3-check li{margin-bottom:6px}
.ss3-check p{margin:14px 0 0;font-weight:700;color:#7A4510;font-size:15.5px}
.ss3-adop{position:relative;padding:84px 0;background:radial-gradient(80% 90% at 100% 0%,#1D3B66 0%,#0C1C38 60%);color:#fff}
.ss3-adop-in{display:grid;grid-template-columns:1.05fr .95fr;grid-template-rows:auto auto;gap:28px 48px;align-items:start}.ss3-adop-in>.ss3-asoc{grid-column:1;grid-row:2}.ss3-adop-foto{grid-column:2;grid-row:1/3;align-self:stretch}.ss3-adop-foto img{height:100%;object-fit:cover;object-position:center 30%;min-height:420px}
.ss3-adop .kicker{color:#F5D29C}
.ss3-adop h2{color:#fff;font-size:clamp(30px,3.4vw,46px);margin:6px 0 14px}
.ss3-adop .lead{color:rgba(255,255,255,.88);max-width:560px}
.ss3-adop .btn-ghost{color:#fff;border-color:rgba(255,255,255,.7)}
.ss3-cred{margin:18px 0 0;font-size:11.5px;color:rgba(255,255,255,.55)}
.ss3-asoc{background:rgba(255,255,255,.08);border:1px solid rgba(245,210,156,.35);border-radius:20px;padding:26px 26px 24px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.ss3-asoc-k{display:block;font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#F5D29C;margin-bottom:6px}
.ss3-asoc h3{font-family:var(--serif);font-size:26px;margin:0 0 12px;color:#fff}
.ss3-asoc ul{margin:0 0 18px;padding-left:20px;font-size:15px;line-height:1.55;color:rgba(255,255,255,.9)}
.ss3-asoc li{margin-bottom:6px}
.ss3-asoc-l{display:inline-block;margin-left:10px;color:#F5D29C;font-weight:700}
@media (max-width:980px){.ss3-carta,.ss3-ilusion,.ss3-adop-in{grid-template-columns:1fr;gap:28px}.ss3-carta .ss3-foto{transform:none;max-width:360px}.ss3-ilusion .ss3-foto{max-width:360px}.ss2 .ss3-carta-s{padding:52px 0}.ss3-adop{padding:60px 0}.ss3-adop-foto{grid-column:1;grid-row:3}.ss3-adop-foto img{min-height:0;height:auto}}