/* JUVENTUD · estilo neón de los logos (fondo negro, pincelada y color por línea) */
.ln-linea-logo { display: block; width: 100%; max-width: 230px; margin: -.4rem auto 1.2rem; border-radius: 18px; box-shadow: 0 14px 30px rgba(0,0,0,.28); transition: transform .4s ease, box-shadow .4s ease; }
.ln-linea:hover .ln-linea-logo { transform: scale(1.04) rotate(-1deg); box-shadow: 0 20px 38px rgba(0,0,0,.4); }
.ln-lineas.cuatro { grid-template-columns: repeat(auto-fit, minmax(min(100%, 270px), 1fr)); }

body.tema-ambiental  { --ac:#2F8A2B; --neon:#9ce21afc; --ac-osc:#07230a; --ac-suave:#12300f; }
body.tema-innovacion { --ac:#D07A00; --neon:#ff9d2ee3; --ac-osc:#2a1700; --ac-suave:#33200a; }
body.tema-vinculacion{ --ac:#067FA6; --neon:#33cdf7e8; --ac-osc:#031c27; --ac-suave:#0a2a38; }
body.tema-cohesion   { --ac:#8A2B65; --neon:#e04be0e2; --ac-osc:#260a1c; --ac-suave:#33122a; }
body.nx { --ac2: var(--neon); background: #05070b; color: #d3dbe5; }
body.nx .ln-seccion { background: #05070b; }
body.nx .ln-seccion.gris { background: linear-gradient(180deg, #080b10, color-mix(in srgb, var(--ac-osc) 90%, #000)); }
body.nx .ln-titulo { color: #fff; }
body.nx .ln-kicker { color: var(--neon); text-shadow: 0 0 14px color-mix(in srgb, var(--neon) 60%, transparent); }
body.nx .ln-sub, body.nx .ln-trata p { color: #b4c0cd; }
body.nx .ln-trata strong { color: #fff; }
body.nx .ln-titulo::after { background: linear-gradient(90deg, var(--neon), var(--ac)); box-shadow: 0 0 12px var(--neon); }

/* Portada */
body.nx .ln-hero { background: radial-gradient(800px 520px at 80% 45%, color-mix(in srgb, var(--ac) 45%, transparent), transparent 70%), radial-gradient(600px 380px at 0% 100%, color-mix(in srgb, var(--ac) 30%, transparent), transparent 70%), #000; }
body.nx .ln-hero .ln-ola svg path { fill: #05070b; }
body.nx .ln-etiqueta { color: var(--neon); background: color-mix(in srgb, var(--neon) 12%, transparent); border: 1px solid var(--neon); box-shadow: 0 0 18px color-mix(in srgb, var(--neon) 35%, transparent); }
body.nx .ln-hero h1 { filter: drop-shadow(0 0 18px color-mix(in srgb, var(--neon) 45%, transparent)); }
body.nx .dx-cruz { display: none; }
.nx-swirl { position: absolute; z-index: 1; right: -9%; top: 50%; width: 780px; height: 780px; margin-top: -390px; border-radius: 50%; pointer-events: none; opacity: .9;
  background: conic-gradient(from 200deg, transparent 0 6%, var(--neon) 22%, var(--ac) 58%, transparent 80%);
  -webkit-mask: radial-gradient(circle closest-side, transparent 71%, #000 72%, #000 88%, transparent 89%); mask: radial-gradient(circle closest-side, transparent 71%, #000 72%, #000 88%, transparent 89%);
  filter: url(#nxBrush) drop-shadow(0 0 20px var(--ac)); animation: dxGira 60s linear infinite; }
.nx-poster { position: relative; justify-self: center; width: min(310px, 72%); animation: lnFlota 6s ease-in-out infinite; translate: 0 calc(var(--py, 0px) * -0.4); }
.nx-poster img { display: block; width: 100%; border-radius: 28px; border: 2px solid color-mix(in srgb, var(--neon) 70%, transparent); box-shadow: 0 0 0 10px color-mix(in srgb, var(--neon) 9%, transparent), 0 0 60px color-mix(in srgb, var(--ac) 70%, transparent), 0 30px 60px rgba(0,0,0,.6); }

/* Datos, cinta, tarjetas oscuras */
body.nx .dx-stat { background: rgba(255,255,255,.05); backdrop-filter: blur(8px); border: 1px solid color-mix(in srgb, var(--neon) 35%, transparent); border-bottom: 4px solid var(--neon); box-shadow: 0 0 26px color-mix(in srgb, var(--ac) 28%, transparent); }
body.nx .dx-stat b { color: var(--neon); text-shadow: 0 0 18px color-mix(in srgb, var(--neon) 55%, transparent); }
body.nx .dx-stat span { color: #c3cdd8; } body.nx .dx-stat::before { color: color-mix(in srgb, var(--neon) 10%, transparent); }
body.nx .dx-stat.alerta { border-bottom-color: #ff4d4d; } body.nx .dx-stat.alerta b { color: #ff6b6b; }
body.nx .dx-marquee { background: #000; border-block: 2px solid var(--neon); box-shadow: 0 0 22px color-mix(in srgb, var(--neon) 40%, transparent); }
body.nx .dx-marquee span { color: var(--neon); } body.nx .dx-marquee span::after { color: #fff; }
body.nx .ln-destacado { background: linear-gradient(145deg, color-mix(in srgb, var(--ac) 35%, #000), #000); border: 1px solid var(--neon); box-shadow: 0 0 34px color-mix(in srgb, var(--ac) 45%, transparent); }
body.nx .ln-linea, body.nx .ln-paso, body.nx .ln-ctarjeta, body.nx .ln-rel, body.nx .cnv-card, body.nx .ino-panel, body.nx .idea-campos, body.nx .esce, body.nx .reto-panel { background: rgba(255,255,255,.045); border: 1px solid color-mix(in srgb, var(--neon) 28%, transparent); box-shadow: 0 10px 30px rgba(0,0,0,.4); color: #d3dbe5; }
body.nx .ln-linea { border-top: 4px solid var(--neon); }
body.nx .ln-linea:hover, body.nx .ln-paso:hover, body.nx .cnv-card:hover { border-color: var(--neon); box-shadow: 0 0 34px color-mix(in srgb, var(--ac) 55%, transparent); }
body.nx h3, body.nx .ino-panel h3, body.nx .esce h3 { color: #fff; }
body.nx .ln-linea p, body.nx .ln-linea li, body.nx .ln-paso p, body.nx .ln-ctarjeta p, body.nx .cnv-card p, body.nx .ino-panel p, body.nx .esce .escena, body.nx .ln-rel .s { color: #b4c0cd; }
body.nx .ln-linea li { border-top-color: rgba(255,255,255,.12); } body.nx .ln-linea li::before { background: var(--neon); color: #000; }
body.nx .ln-linea-num { color: color-mix(in srgb, var(--neon) 14%, transparent); }
body.nx .ln-linea-icono, body.nx .cnv-card .ico, body.nx .ino-panel .ico { background: color-mix(in srgb, var(--neon) 14%, transparent); }
body.nx .ln-linea-mas, body.nx .ln-rel strong, body.nx .ln-ctarjeta h3 { color: var(--neon); }
body.nx .ln-paso::before { background: var(--neon); color: #000; }
body.nx .ln-cta { background: linear-gradient(120deg, var(--ac-osc), var(--ac)); }
body.nx .ln-banda { border: 1px solid rgba(255,255,255,.2); }

/* Widgets en oscuro */
body.nx .juv-btn { background: var(--neon); border-color: var(--neon); color: #000; box-shadow: 0 0 22px color-mix(in srgb, var(--neon) 45%, transparent); }
body.nx .juv-btn.sec { background: transparent; color: var(--neon); box-shadow: none; } body.nx .juv-btn.sec:hover { background: color-mix(in srgb, var(--neon) 15%, transparent); }
body.nx .reto-lista label, body.nx .ino-tab, body.nx .esce-op { background: rgba(255,255,255,.04); border-color: rgba(255,255,255,.14); color: #e6edf5; }
body.nx .reto-lista .txt { color: #e6edf5; } body.nx .reto-lista .caja { background: transparent; border-color: rgba(255,255,255,.3); }
body.nx .reto-lista label:has(input:checked) { background: color-mix(in srgb, var(--neon) 13%, transparent); border-color: var(--neon); }
body.nx .reto-lista input:checked ~ .caja { background: var(--neon); border-color: var(--neon); color: #000; } body.nx .reto-lista input:checked ~ .txt { color: #fff; }
body.nx .reto-anillo .fondo { stroke: rgba(255,255,255,.12); } body.nx .reto-anillo .prog { stroke: var(--neon); filter: drop-shadow(0 0 6px var(--neon)); }
body.nx .reto-anillo .centro, body.nx .reto-msg { color: #fff; } body.nx .reto-anillo .centro small { color: #9fb0c2; }
body.nx .ino-tab[aria-selected="true"] { background: var(--neon); border-color: var(--neon); color: #000; } body.nx .ino-tab[aria-selected="true"] b { background: #000; color: var(--neon); }
body.nx .ino-tab.hecho b { background: var(--neon); color: #000; }
body.nx .ino-panel { border-left: 8px solid var(--neon); } body.nx .ino-panel .guia, body.nx .esce-fb { background: color-mix(in srgb, var(--neon) 12%, transparent); color: #e6edf5; border-left-color: var(--neon); }
body.nx .ino-barra { background: rgba(255,255,255,.12); } body.nx .ino-barra i { background: linear-gradient(90deg, var(--ac), var(--neon)); }
body.nx .idea-campos label { color: var(--neon); }
body.nx .idea-campos input, body.nx .idea-campos textarea { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.18); color: #fff; }
body.nx .idea-ejemplos button { background: color-mix(in srgb, var(--neon) 14%, transparent); color: var(--neon); } body.nx .idea-ejemplos small { color: #9fb0c2; }
body.nx .idea-tarjeta b { color: #000; background: var(--neon); } body.nx .idea-tarjeta .juv-btn { background: #fff; border-color: #fff; color: #000; }
body.nx .cnv-card q { background: color-mix(in srgb, var(--neon) 12%, transparent); color: #e6edf5; border-left-color: var(--neon); } body.nx .cnv-card h3 { color: var(--neon); }
body.nx .esce { border-top: 5px solid var(--neon); } body.nx .esce-top, body.nx .esce-puntos i { color: #9fb0c2; } body.nx .esce-puntos i { background: rgba(255,255,255,.15); } body.nx .esce-puntos i.on { background: var(--neon); }
body.nx .esce-op b { background: #4b5a6b; } body.nx .esce-op.ok { background: rgba(46,158,91,.2); border-color: #2E9E5B; } body.nx .esce-op.medio { background: rgba(224,168,0,.18); border-color: #E0A800; } body.nx .esce-op.mal { background: rgba(198,40,40,.22); border-color: #E04848; }
body.nx .esce-fin .aviso911 { background: rgba(198,40,40,.2); color: #ffb3b3; }
body.nx .r3-dorso { background: #0b0f15; border-color: var(--neon); } body.nx .r3-dorso h4 { color: var(--neon); } body.nx .r3-dorso p { color: #c3cdd8; }
body.nx .fest-datos span { background: color-mix(in srgb, var(--neon) 14%, transparent); color: var(--neon); }

/* Red de aliados (Vinculación) */
.red { display: grid; grid-template-columns: 1.25fr 1fr; gap: 1.6rem; align-items: center; margin-top: 2.2rem; }
.red-lienzo svg { display: block; width: 100%; max-width: 600px; margin: 0 auto; overflow: visible; }
.red-lazo { stroke: color-mix(in srgb, var(--neon) 25%, transparent); stroke-width: 2; stroke-dasharray: 3 7; }
.red-lazo.on { stroke: var(--neon); stroke-width: 3; stroke-dasharray: 8 8; animation: redFluye 1.2s linear infinite; filter: drop-shadow(0 0 5px var(--neon)); }
.red-nodo { cursor: pointer; outline: none; }
.red-nodo circle { fill: #0b0f15; stroke: color-mix(in srgb, var(--neon) 45%, transparent); stroke-width: 2.5; transition: all .3s ease; transform-box: fill-box; transform-origin: center; }
.red-nodo:hover circle, .red-nodo:focus-visible circle { stroke: var(--neon); transform: scale(1.1); }
.red-nodo.on circle { fill: color-mix(in srgb, var(--ac) 55%, #000); stroke: var(--neon); filter: drop-shadow(0 0 12px var(--neon)); }
.red-nodo .em { font-size: 32px; text-anchor: middle; dominant-baseline: central; pointer-events: none; }
.red-nodo .nm { fill: #c3cdd8; font: 700 14px 'Inter',sans-serif; text-anchor: middle; pointer-events: none; } .red-nodo.on .nm { fill: var(--neon); }
.red-centro circle { fill: color-mix(in srgb, var(--ac) 50%, #000); stroke: var(--neon); stroke-width: 3; filter: drop-shadow(0 0 16px var(--neon)); animation: dxLatido 2.6s ease-in-out infinite; transform-box: fill-box; transform-origin: center; }
.red-centro text { fill: #fff; font: 800 15px 'Poppins','Inter',sans-serif; text-anchor: middle; }
.red-panel { padding: 1.8rem; border-radius: 22px; background: rgba(255,255,255,.045); border: 1px solid color-mix(in srgb, var(--neon) 30%, transparent); box-shadow: 0 0 30px color-mix(in srgb, var(--ac) 30%, transparent); }
.red-cuenta { font: 800 3rem/1 'Poppins','Inter',sans-serif; color: var(--neon); text-shadow: 0 0 18px color-mix(in srgb, var(--neon) 55%, transparent); } .red-cuenta small { font: 700 1rem 'Inter',sans-serif; color: #9fb0c2; text-shadow: none; }
.red-panel h3 { margin: 1rem 0 .4rem; font: 800 1.3rem 'Poppins','Inter',sans-serif; } .red-panel p { margin: 0 0 .7rem; font-size: .96rem; line-height: 1.55; color: #b4c0cd; } .red-panel p b { color: var(--neon); }
.red-msg { padding: .8rem 1rem; font-weight: 700; color: #fff !important; background: color-mix(in srgb, var(--neon) 13%, transparent); border-radius: 12px; }

/* Galería de las 4 líneas */
.nx-logos { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 1.4rem; max-width: 1020px; margin: 2.4rem auto 0; }
.nx-logo { position: relative; display: block; text-decoration: none; transition: transform .35s ease; }
.nx-logo img { display: block; width: 100%; border-radius: 22px; border: 2px solid color-mix(in srgb, var(--neon) 50%, transparent); box-shadow: 0 0 24px color-mix(in srgb, var(--neon) 25%, transparent); transition: box-shadow .35s ease, border-color .35s ease; }
.nx-logo:hover { transform: translateY(-10px) scale(1.03); } .nx-logo:hover img { border-color: var(--neon); box-shadow: 0 0 46px color-mix(in srgb, var(--neon) 65%, transparent); }
.nx-logo.aqui img { border-color: #fff; box-shadow: 0 0 0 4px var(--neon), 0 0 46px color-mix(in srgb, var(--neon) 60%, transparent); }
.nx-logo span { position: absolute; left: 50%; top: -12px; translate: -50% 0; padding: .25rem .8rem; font: 800 .72rem 'Inter',sans-serif; letter-spacing: .06em; text-transform: uppercase; color: #000; background: var(--neon); border-radius: 999px; }
.nx-l1 { --neon: #9BE21A; } .nx-l2 { --neon: #FF9F2E; } .nx-l3 { --neon: #33CDF7; } .nx-l4 { --neon: #E04BE0; }
@keyframes redFluye { to { stroke-dashoffset: -16; } }
@media (max-width: 860px) { .red { grid-template-columns: 1fr; } .nx-swirl { width: 520px; height: 520px; margin-top: -260px; right: -35%; opacity: .5; } .nx-poster { width: min(220px, 60%); } }
.ln-lineas.cuatro .ln-linea-num { display: none; }

/* ===== Tarjetas de líneas (juventud.html): logo de extremo a extremo y color de cada línea ===== */
.ln-lineas.cuatro .ln-linea { --c: #31862B; --n: #9BE21A; padding: 0 0 1.6rem; overflow: hidden; border: 1px solid var(--n); border-top: 1px solid var(--n);
  background: linear-gradient(180deg, var(--c) 0, color-mix(in srgb, var(--c) 55%, #000) 26%, color-mix(in srgb, var(--c) 28%, #000) 100%);
  box-shadow: 0 10px 28px color-mix(in srgb, var(--c) 35%, transparent); color: #fff; }
.ln-lineas.cuatro .ln-linea:nth-child(2) { --c: #CB7600; --n: #FF9F2E; }
.ln-lineas.cuatro .ln-linea:nth-child(3) { --c: #057FA4; --n: #33CDF7; }
.ln-lineas.cuatro .ln-linea:nth-child(4) { --c: #7E2A5B; --n: #E04BE0; }
.ln-lineas.cuatro .ln-linea:hover { transform: translateY(-8px); box-shadow: 0 0 36px color-mix(in srgb, var(--n) 55%, transparent), 0 18px 36px rgba(0,0,0,.3); }
.ln-lineas.cuatro .ln-linea-logo { width: 100%; max-width: none; margin: 0 0 1.2rem; border-radius: 0; box-shadow: none; }
.ln-lineas.cuatro .ln-linea:hover .ln-linea-logo { transform: scale(1.05); box-shadow: none; }
.ln-lineas.cuatro .ln-linea > :not(.ln-linea-logo) { margin-left: 1.5rem; margin-right: 1.5rem; }
.ln-lineas.cuatro .ln-linea h3 { color: #fff; text-shadow: 0 0 14px color-mix(in srgb, var(--n) 55%, transparent); }
.ln-lineas.cuatro .ln-linea p, .ln-lineas.cuatro .ln-linea li { color: rgba(255,255,255,.93); }
.ln-lineas.cuatro .ln-linea li { border-top-color: rgba(255,255,255,.22); }
.ln-lineas.cuatro .ln-linea li::before { background: var(--n); color: #000; }
.ln-lineas.cuatro .ln-linea-mas { color: #000; background: var(--n); padding: .55rem 1.1rem; border-radius: 999px; border-bottom: 0; box-shadow: 0 0 18px color-mix(in srgb, var(--n) 50%, transparent); }
.ln-lineas.cuatro .ln-linea-mas:hover { transform: translateX(4px) scale(1.04); }

/* Título de la portada de Juventud: logotipo en lugar de texto */
.ln-hero h1.ln-h1-logo { margin: .3rem 0 1rem; line-height: 0; background: none; -webkit-text-fill-color: initial; }
.ln-h1-logo img { display: block; width: min(100%, 500px); aspect-ratio: 1567 / 345; object-fit: cover; object-position: 50% 49.8%;
  filter: drop-shadow(3px 0 0 #fff) drop-shadow(-3px 0 0 #fff) drop-shadow(0 3px 0 #fff) drop-shadow(0 -3px 0 #fff) drop-shadow(0 10px 20px rgba(0,0,0,.4)); }

/* Portada: solo el ícono de la línea dentro de un medallón neón */
.nx-icono { position: relative; justify-self: center; display: grid; place-items: center; width: min(340px, 74%); aspect-ratio: 1; border-radius: 50%;
  background: radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--ac) 38%, #000) 0%, #000 72%);
  border: 2px solid var(--neon);
  box-shadow: 0 0 0 12px color-mix(in srgb, var(--neon) 9%, transparent), 0 0 0 26px color-mix(in srgb, var(--neon) 5%, transparent), 0 0 70px color-mix(in srgb, var(--ac) 75%, transparent), inset 0 0 50px color-mix(in srgb, var(--ac) 40%, transparent);
  animation: lnFlota 6s ease-in-out infinite; translate: 0 calc(var(--py, 0px) * -0.4); }
.nx-icono::before { content: ""; position: absolute; inset: -22px; border-radius: 50%; border: 2px dashed color-mix(in srgb, var(--neon) 65%, transparent); animation: dxGira 30s linear infinite; pointer-events: none; }
.nx-icono::after { content: ""; position: absolute; inset: -2px; border-radius: 50%; border: 3px solid transparent; border-top-color: var(--neon); border-right-color: color-mix(in srgb, var(--neon) 40%, transparent); animation: dxGira 7s linear infinite; filter: drop-shadow(0 0 8px var(--neon)); pointer-events: none; }
.nx-icono img { display: block; width: 56%; height: auto; max-height: 60%; object-fit: contain; filter: drop-shadow(0 0 10px var(--neon)) drop-shadow(0 0 26px color-mix(in srgb, var(--neon) 60%, transparent)); animation: dxLatido 3.4s ease-in-out infinite; }
@media (max-width: 860px) { .nx-icono { width: min(230px, 62%); } }
@media (prefers-reduced-motion: reduce) { .nx-icono, .nx-icono::before, .nx-icono::after, .nx-icono img { animation: none !important; } }

/* Herramientas (promoción TerraVita / Kit de Acción Urbana) */
.herr { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 470px), 1fr)); gap: 1.6rem; margin-top: 2.4rem; }
.herr-card { position: relative; display: grid; grid-template-columns: 190px 1fr; gap: 1.6rem; align-items: center; padding: 2rem 1.8rem 1.8rem; overflow: hidden; border-radius: 26px;
  background: linear-gradient(145deg, color-mix(in srgb, var(--ac) 30%, #05070b), #05070b 75%); border: 1px solid color-mix(in srgb, var(--neon) 45%, transparent);
  box-shadow: 0 0 34px color-mix(in srgb, var(--ac) 32%, transparent); transition: transform .35s ease, box-shadow .35s ease; }
.herr-card::before { content: ""; position: absolute; right: -80px; top: -80px; width: 240px; height: 240px; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--neon) 30%, transparent), transparent 70%); animation: dxOrbe 9s ease-in-out infinite; pointer-events: none; }
.herr-card:hover { transform: translateY(-8px); box-shadow: 0 0 46px color-mix(in srgb, var(--neon) 50%, transparent), 0 18px 36px rgba(0,0,0,.35); }
.herr-sello { position: absolute; left: 16px; top: 14px; z-index: 2; padding: .28rem .8rem; font: 800 .7rem 'Inter',sans-serif; letter-spacing: .08em; text-transform: uppercase; color: #000; background: var(--neon); border-radius: 999px; box-shadow: 0 0 16px color-mix(in srgb, var(--neon) 60%, transparent); animation: dxLatido 2.4s ease-in-out infinite; }
.herr-portada { position: relative; margin-top: 1.4rem; perspective: 800px; }
.herr-portada img { display: block; width: 100%; border-radius: 10px; border: 1px solid rgba(255,255,255,.25); box-shadow: 0 20px 40px rgba(0,0,0,.55), 0 0 30px color-mix(in srgb, var(--neon) 35%, transparent); transform: rotateY(-14deg) rotateZ(-2deg); transition: transform .5s cubic-bezier(.3,1.3,.5,1); animation: juvFlota 5s ease-in-out infinite; }
.herr-card:hover .herr-portada img { transform: rotateY(0) rotateZ(0) scale(1.06); }
.herr-info { position: relative; z-index: 1; margin-top: 1.2rem; }
.herr-info h3 { margin: 0; font: 800 1.6rem 'Poppins','Inter',sans-serif; color: #fff; text-shadow: 0 0 16px color-mix(in srgb, var(--neon) 50%, transparent); }
.herr-lema { margin: .1rem 0 .7rem !important; font-weight: 700 !important; font-size: .9rem !important; color: var(--neon) !important; }
.herr-info p { margin: 0 0 .9rem; font-size: .95rem; line-height: 1.55; color: #c3cdd8; }
.herr-chips { display: flex; flex-wrap: wrap; gap: .4rem; margin: 0 0 1.1rem; padding: 0; list-style: none; }
.herr-chips li { padding: .3rem .7rem; font-size: .78rem; font-weight: 700; color: #e6edf5; background: color-mix(in srgb, var(--neon) 13%, transparent); border: 1px solid color-mix(in srgb, var(--neon) 35%, transparent); border-radius: 999px; }
.herr-aviso { display: flex; align-items: center; gap: 1rem; max-width: 820px; margin: 2rem auto 0; padding: 1.1rem 1.5rem; border: 2px dashed var(--neon); border-radius: 18px; background: color-mix(in srgb, var(--neon) 8%, transparent); }
.herr-aviso span { font-size: 2.2rem; animation: dxLatido 2.4s ease-in-out infinite; } .herr-aviso p { margin: 0; color: #d3dbe5; line-height: 1.5; } .herr-aviso strong { color: var(--neon); }
@media (max-width: 560px) { .herr-card { grid-template-columns: 1fr; } .herr-portada { max-width: 190px; margin: 1.4rem auto 0; } }
@media (prefers-reduced-motion: reduce) { .herr-card::before, .herr-sello, .herr-portada img, .herr-aviso span { animation: none !important; } }