/* ============================================================
   AMPA Fernando de los Ríos · CSS GLOBAL
   Archivo: tema hijo /ampa.css (se carga en todas las páginas)
   Se edita en Apariencia > Editor de archivos del tema
   Fuente única: doc del proyecto claude/css-global-web-ampa.md
   Dibujos (nubes e iconos): archivos SVG en /wp-content/uploads/afr/
   ------------------------------------------------------------
   1. Nubes (dibujo común)
   2. Entradas y páginas (.afr-e): variables, componentes, franjas con nubes
   3. Home (#afr-home)
   4. Entrada individual
   5. Listado de Noticias
   6. Fondo azul con nubes (entradas, noticias y páginas con .afr-e--fondo)
   CSS de una sola página (comedor, calendario...) va en su propio archivo, no aquí.
   ============================================================ */

/* ===================== 1. NUBES (archivos en /wp-content/uploads/afr/) ===================== */
:root{--afr-nube:url("/wp-content/uploads/afr/nube.svg");--afr-nube-abajo:url("/wp-content/uploads/afr/nube-abajo.svg")}

/* ===================== 2. ENTRADAS Y PÁGINAS (.afr-e) ===================== */
.afr-e{--c-extra:#D62839;--t-extra:#FDE8EA;--c-ampl:#B39A00;--t-ampl:#FFF8C4;--c-desa:#2F8A50;--t-desa:#E3F3E8;--c-desc:#2567A8;--t-desc:#E2EEF9;--c-cola:#C4611A;--t-cola:#FDEBDB;--c-socio:#693875;--t-socio:#F2E9F5;--texto:#333;--gris:#5E5A63;--raya:#E4E0E8;--marca:#FFE680;--mano:"Neucha","Montserrat",sans-serif;--c:var(--c-socio);--t:var(--t-socio)}
/* Blindaje */
:is(#afr,.afr-e){color:var(--texto);font-size:17px;line-height:1.65;text-align:left;letter-spacing:normal}
:is(#afr,.afr-e) *,:is(#afr,.afr-e) *::before,:is(#afr,.afr-e) *::after{box-sizing:border-box}
:is(#afr,.afr-e) :is(h2,h3,h4){font-family:var(--mano);font-weight:500;letter-spacing:normal;text-transform:none;color:var(--texto);line-height:1.15;margin:0;padding:0}
:is(#afr,.afr-e) :is(p,ul,ol,dl,dd,figure){margin:0;padding:0}
:is(#afr,.afr-e) :is(ul,ol) li{margin:0 0 6px 22px}
:is(#afr,.afr-e) a{color:var(--c-socio);font-weight:700;text-decoration:underline;text-underline-offset:3px;box-shadow:none}
:is(#afr,.afr-e) a:where(:hover,:focus){color:var(--c-socio);text-decoration-thickness:2px}
:is(#afr,.afr-e){display:flex;flex-direction:column;gap:22px}
/* Colores por sección: añadir una de estas clases a cualquier bloque */
:is(#afr,.afr-e) .afr-extra{--c:var(--c-extra);--t:var(--t-extra)}
:is(#afr,.afr-e) .afr-ampl{--c:var(--c-ampl);--t:var(--t-ampl)}
:is(#afr,.afr-e) .afr-desa{--c:var(--c-desa);--t:var(--t-desa)}
:is(#afr,.afr-e) .afr-desc{--c:var(--c-desc);--t:var(--t-desc)}
:is(#afr,.afr-e) .afr-cola{--c:var(--c-cola);--t:var(--t-cola)}
:is(#afr,.afr-e) .afr-socio{--c:var(--c-socio);--t:var(--t-socio)}
/* Iconos (se pintan con CSS, sin cargar fuentes) */
:is(#afr,.afr-e) .afr-e-ico{flex:none;width:52px;height:52px;border-radius:50%;background:var(--c);display:grid;place-items:center}
:is(#afr,.afr-e) .afr-e-ico::after{content:"";width:26px;height:26px;background:#fff;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
:is(#afr,.afr-e) .afr-i-extra{--i:url("/wp-content/uploads/afr/i-extra.svg")}
:is(#afr,.afr-e) .afr-i-ampl{--i:url("/wp-content/uploads/afr/i-ampl.svg")}
:is(#afr,.afr-e) .afr-i-desa{--i:url("/wp-content/uploads/afr/i-desa.svg")}
:is(#afr,.afr-e) .afr-i-desc{--i:url("/wp-content/uploads/afr/i-desc.svg")}
:is(#afr,.afr-e) .afr-i-cola{--i:url("/wp-content/uploads/afr/i-cola.svg")}
:is(#afr,.afr-e) .afr-i-socio{--i:url("/wp-content/uploads/afr/i-socio.svg")}
:is(#afr,.afr-e) .afr-i-fiesta{--i:url("/wp-content/uploads/afr/i-fiesta.svg")}
:is(#afr,.afr-e) .afr-i-viaje{--i:url("/wp-content/uploads/afr/i-viaje.svg")}
:is(#afr,.afr-e) .afr-i-correo{--i:url("/wp-content/uploads/afr/i-correo.svg")}
:is(#afr,.afr-e) .afr-i-tel{--i:url("/wp-content/uploads/afr/i-tel.svg")}
:is(#afr,.afr-e) .afr-i-wa{--i:url("/wp-content/uploads/afr/i-wa.svg")}
:is(#afr,.afr-e) .afr-i-idea{--i:url("/wp-content/uploads/afr/i-idea.svg")}
:is(#afr,.afr-e) .afr-i-aviso{--i:url("/wp-content/uploads/afr/i-aviso.svg")}
:is(#afr,.afr-e) .afr-i-fecha{--i:url("/wp-content/uploads/afr/i-fecha.svg")}
:is(#afr,.afr-e) .afr-i-hora{--i:url("/wp-content/uploads/afr/i-hora.svg")}
:is(#afr,.afr-e) .afr-i-lugar{--i:url("/wp-content/uploads/afr/i-lugar.svg")}
:is(#afr,.afr-e) .afr-i-euro{--i:url("/wp-content/uploads/afr/i-euro.svg")}
:is(#afr,.afr-e) .afr-i-come{--i:url("/wp-content/uploads/afr/i-come.svg")}

/* 1. Cabecera de la entrada: título grande y entradilla */
:is(#afr,.afr-e) .afr-e-cab{background:none;padding:8px 16px 4px;text-align:center}
:is(#afr,.afr-e) .afr-e-cab :is(h1,h2){font-family:var(--mano);font-weight:500;line-height:1.15;margin:0;padding:0;font-size:44px;letter-spacing:.12em;text-transform:uppercase;color:var(--c)}
:is(#afr,.afr-e) .afr-e-cab p{max-width:62ch;margin:8px auto 0;font-size:18px;color:var(--texto)}
/* 2. Caja con icono: título + texto (una por servicio o idea) */
:is(#afr,.afr-e) .afr-e-caja{display:flex;gap:18px;align-items:flex-start;background:#fff;border:2px solid var(--t);border-left:8px solid var(--c);border-radius:16px;padding:18px 20px}
:is(#afr,.afr-e) .afr-e-caja h3{font-size:26px;color:var(--texto);margin-bottom:4px}
:is(#afr,.afr-e) .afr-e-caja p{font-size:16px;color:var(--gris)}
:is(#afr,.afr-e) .afr-e-caja p + p{margin-top:6px}
:is(#afr,.afr-e) .afr-e-cajas{display:grid;gap:12px}
/* 2b. Caja con imagen propia en lugar de icono CSS */
:is(#afr,.afr-e) .afr-e-caja-img{flex:none;width:72px;height:72px;object-fit:contain;margin:0;border:0;box-shadow:none}
@media (max-width:600px){:is(#afr,.afr-e) .afr-e-caja-img{width:56px;height:56px}}
/* 3. Datos de contacto grandes (correo, teléfono, WhatsApp) */
:is(#afr,.afr-e) .afr-e-contactos{display:grid;gap:12px}
:is(#afr,.afr-e) .afr-e-dato{display:flex;gap:16px;align-items:center;background:var(--t);border-radius:16px;padding:16px 18px}
:is(#afr,.afr-e) .afr-e-dato-t{display:block;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gris)}
:is(#afr,.afr-e) .afr-e-dato-v{display:inline;font-size:22px;font-weight:800;color:var(--texto);word-break:break-word;background:linear-gradient(transparent 55%,var(--marca) 55%);padding:0 4px}
:is(#afr,.afr-e) .afr-e-dato-v a{color:inherit;text-decoration:none;font-weight:inherit}
/* 4. Datos clave: fecha, hora, lugar, precio */
:is(#afr,.afr-e) .afr-e-claves{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
:is(#afr,.afr-e) .afr-e-clave{display:flex;gap:12px;align-items:center;background:var(--t);border-radius:14px;padding:12px 14px}
:is(#afr,.afr-e) .afr-e-clave .afr-e-ico{width:40px;height:40px}
:is(#afr,.afr-e) .afr-e-clave .afr-e-ico::after{width:20px;height:20px}
:is(#afr,.afr-e) .afr-e-clave-t{display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gris)}
:is(#afr,.afr-e) .afr-e-clave-v{display:block;font-size:17px;font-weight:800;line-height:1.3}
/* 5. Consejo o nota (borde discontinuo con bombilla) */
:is(#afr,.afr-e) .afr-e-consejo{display:flex;gap:16px;align-items:flex-start;border:2px dashed #9CC3E8;border-radius:16px;padding:18px 20px;background:#fff}
:is(#afr,.afr-e) .afr-e-consejo .afr-e-ico{background:#F2B632}
:is(#afr,.afr-e) .afr-e-consejo mark{background:linear-gradient(transparent 50%,#CFE6FA 50%);color:inherit;font-weight:700;padding:0 3px}
/* 6. Botón */
:is(#afr,.afr-e) .afr-e-btns{display:flex;flex-wrap:wrap;gap:12px}
:is(#afr,.afr-e) .afr-e-btn{display:inline-block;background:#2F8A50;color:#fff;font-weight:700;text-decoration:none;padding:13px 22px;border-radius:4px}
:is(#afr,.afr-e) .afr-e-btn:where(:hover,:focus){color:#fff;filter:brightness(.92);text-decoration:none}
/* 6b. Botones a mitad de ancho (en móvil, uno encima de otro) */
:is(#afr,.afr-e) .afr-e-btns--mitad .afr-e-btn{flex:1 1 calc(50% - 6px);text-align:center}
@media (max-width:600px){:is(#afr,.afr-e) .afr-e-btns--mitad .afr-e-btn{flex-basis:100%}}
/* 7. Despedida en letra de mano */
:is(#afr,.afr-e) .afr-e-firma{font-family:var(--mano);font-size:26px;line-height:1.3;text-align:center;color:var(--c-desc)}
/* Móvil */
@media (max-width:600px){
:is(#afr,.afr-e) .afr-e-cab :is(h1,h2){font-size:34px}
:is(#afr,.afr-e) .afr-e-caja{padding:14px 14px 14px 12px;gap:12px}
:is(#afr,.afr-e) .afr-e-ico{width:44px;height:44px}
:is(#afr,.afr-e) .afr-e-ico::after{width:22px;height:22px}
:is(#afr,.afr-e) .afr-e-caja h3{font-size:23px}
:is(#afr,.afr-e) .afr-e-dato-v{font-size:16px}
:is(#afr,.afr-e) .afr-e-firma{font-size:22px}
}
/* Nubes de entradas: franjas .afr-e-sec (la cabecera va sin fondo, sobre las nubes del fondo de página) */
/* Alias para lo que ya use --nube / --nube-abajo */
.afr-e{--nube:var(--afr-nube);--nube-abajo:var(--afr-nube-abajo)}
/* Cabecera con nube blanca abajo */
:is(#afr,.afr-e) .afr-e-cab .afr-e-emoji{display:block;font-size:32px;line-height:1;margin-bottom:4px}
/* Franja de color con nubes arriba y abajo */
:is(#afr,.afr-e) .afr-e-sec{position:relative;background:var(--t);padding:26px 22px;margin:60px 0;border-radius:0;display:flex;flex-direction:column;gap:16px}
:is(#afr,.afr-e) .afr-e-sec::before,:is(#afr,.afr-e) .afr-e-sec::after{content:"";position:absolute;left:0;right:0;height:62px;background:var(--t);pointer-events:none}
:is(#afr,.afr-e) .afr-e-sec::before{top:1px;transform:translateY(-100%);-webkit-mask:var(--afr-nube) 50% 0/cover no-repeat;mask:var(--afr-nube) 50% 0/cover no-repeat}
:is(#afr,.afr-e) .afr-e-sec::after{bottom:1px;transform:translateY(100%);-webkit-mask:var(--afr-nube-abajo) 50% 100%/cover no-repeat;mask:var(--afr-nube-abajo) 50% 100%/cover no-repeat}
:is(#afr,.afr-e) .afr-e-sec h2{font-size:26px;color:var(--c)}
:is(#afr,.afr-e) .afr-e-sec .afr-e-caja{border-color:#fff;border-left-color:var(--c)}
:is(#afr,.afr-e) .afr-e-sec ol li{margin-bottom:8px}
:is(#afr,.afr-e) .afr-e-sec .afr-e-caja h3{font-size:22px}
:is(#afr,.afr-e) .afr-e-dato-v.afr-e-grande{font-size:34px;letter-spacing:.08em;line-height:1.1}
:is(#afr,.afr-e) .afr-e-dato > div + div{min-width:0}
@media (max-width:600px){
:is(#afr,.afr-e) .afr-e-sec{padding:20px 14px;margin:46px 0}
:is(#afr,.afr-e) .afr-e-sec::before,:is(#afr,.afr-e) .afr-e-sec::after{height:42px}
:is(#afr,.afr-e) .afr-e-dato-v.afr-e-grande{font-size:28px}
}

/* ===================== 3. HOME (#afr-home) ===================== */
#afr-home{--c-extra:#D62839;--t-extra:#FDE8EA;--c-ampl:#8A6D00;--b-ampl:#F2E422;--t-ampl:#FFF8C4;--c-desa:#2F8A50;--t-desa:#E3F3E8;--c-desc:#2567A8;--t-desc:#E2EEF9;--c-cola:#C4611A;--t-cola:#FDEBDB;--c-somos:#693875;--t-somos:#F2E9F5;--c-socio:#2F8A50;--cielo:#E4F1FB;--crema:#FFF9E8;--texto:#333333;--gris:#5E5A63;--raya:#E4E0E8;--postit:#FFF3A0;--mano:"Neucha","Montserrat",sans-serif;container:afr / inline-size;color:var(--texto);font-family:inherit;font-size:16px;line-height:1.6;text-align:left;letter-spacing:normal;background:#fff;overflow:hidden}
#afr-home *,#afr-home *::before,#afr-home *::after{box-sizing:border-box}
#afr-home h1,#afr-home h2,#afr-home h3,#afr-home h4{font-family:var(--mano);font-weight:500;letter-spacing:normal;text-transform:none;margin:0;padding:0;line-height:1.15;color:var(--texto);text-wrap:balance}
#afr-home p,#afr-home figure,#afr-home dl,#afr-home dd,#afr-home ol,#afr-home ul,#afr-home li{margin:0;padding:0}
#afr-home ul,#afr-home ol,#afr-home li{list-style:none}
#afr-home li::before{content:none}
#afr-home a{color:var(--c-somos);text-decoration:none;box-shadow:none;border:0;transition:none}
#afr-home a:where(:hover,:focus){color:var(--c-somos)}
#afr-home img{max-width:100%;height:auto;border:0;box-shadow:none;margin:0}
#afr-home table{border:0;margin:0;background:transparent;width:100%;border-collapse:collapse}
#afr-home th,#afr-home td{border:0;background:transparent;font-size:inherit;vertical-align:middle}
#afr-home details,#afr-home summary{margin:0;border:0;background:transparent;color:inherit}
#afr-home strong,#afr-home b{font-weight:700}
#afr-home svg{display:block}
#afr-home a:focus-visible,#afr-home summary:focus-visible{outline:3px solid var(--c-desc);outline-offset:2px}
#afr-home .afr-wrap{max-width:1100px;margin:0 auto;padding-inline:20px}
#afr-home .afr-sec{position:relative;padding-block:56px 110px;background:var(--bg,#fff)}
#afr-home .afr-nube{position:absolute;left:0;top:1px;width:100%;height:90px;transform:translateY(-100%);background:var(--bg,#fff);pointer-events:none;-webkit-mask:var(--afr-nube) 50% 0/cover no-repeat;mask:var(--afr-nube) 50% 0/cover no-repeat}
#afr-home .afr-nube-top{position:absolute;left:0;top:-1px;width:100%;height:130px;background:#fff;pointer-events:none;z-index:1;-webkit-mask:var(--afr-nube-abajo) 50% 100%/cover no-repeat;mask:var(--afr-nube-abajo) 50% 100%/cover no-repeat}
#afr-home .afr-sec.afr-con-nube-top{padding-top:150px}
#afr-home .afr-sec.afr-portada-foto{--bg:#fff;background:#C0DDFF7A;min-height:600px;display:flex;align-items:center;padding-block:120px 100px;padding-inline:40px}
#afr-home .afr-portada-foto .afr-nube-top{z-index:2}
#afr-home .afr-portada-bg{position:absolute;inset:0;z-index:0;overflow:hidden;background-color:#C0DDFF7A;background-position:center 30%;background-repeat:no-repeat;background-size:cover}
#afr-home .afr-portada-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.78) 0%,rgba(255,255,255,.62) 40%,rgba(255,255,255,0) 68%)}
#afr-home .afr-portada-foto .afr-wrap{position:relative;z-index:3;width:100%;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:end}
#afr-home .afr-portada-foto .afr-lead,#afr-home .afr-portada-foto .afr-precio-linea{color:#3f3b44}
#afr-home .afr-nota-w{display:flex;justify-content:flex-end;align-items:flex-end}
#afr-home .afr-portada-foto .afr-nota{position:relative;left:auto;bottom:auto;right:auto;margin:0 20px 10px 0;transform:rotate(3deg)}
#afr-home .afr-sec > .afr-nube{z-index:4}
#afr-home .afr-h2{font-size:38px;margin-bottom:6px}
#afr-home .afr-intro{color:var(--gris);font-size:16px;max-width:60ch;margin-bottom:26px}
#afr-home .afr-mas{margin-top:22px}
#afr-home .afr-mas a{font-weight:700}
#afr-home .afr-btns{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
#afr-home .afr-btn{display:inline-block;background:var(--c-socio);color:#fff;font-weight:700;font-size:16px;line-height:1.3;padding:14px 22px;border-radius:4px;text-align:center}
#afr-home .afr-btn:where(:hover,:focus){color:#fff;filter:brightness(.92)}
#afr-home .afr-btn2{display:inline-block;background:#fff;color:var(--texto);font-weight:700;font-size:16px;line-height:1.3;padding:12px 20px;border-radius:4px;border:2px solid var(--texto)}
#afr-home .afr-btn2:where(:hover,:focus){color:var(--texto);background:#f4f4f4}
#afr-home .afr-tag{display:inline-block;font-size:12px;font-weight:700;line-height:1.2;padding:5px 10px;border-radius:999px;background:#fff;color:var(--gris);border:1px solid var(--raya);white-space:nowrap}
#afr-home .afr-tag--extra{color:var(--c-extra);border-color:currentColor}
#afr-home .afr-tag--ampl{background:var(--b-ampl);color:#4A3F00;border-color:var(--b-ampl)}
#afr-home .afr-tag--desa{color:var(--c-desa);border-color:currentColor}
#afr-home .afr-tag--desc{color:var(--c-desc);border-color:currentColor}
#afr-home .afr-portada{--bg:var(--cielo);padding-block:40px 96px}
#afr-home .afr-portada .afr-wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:44px;align-items:center}
#afr-home .afr-portada h1{font-size:52px}
#afr-home .afr-portada .afr-lead{font-size:17px;color:var(--gris);margin:14px 0 24px;max-width:46ch}
#afr-home .afr-precio-linea{margin-top:12px;font-size:14px;color:var(--gris)}
#afr-home .afr-nota{position:absolute;left:-30px;bottom:-26px;max-width:240px;background:var(--postit);padding:18px 16px 14px;transform:rotate(-3deg);box-shadow:2px 6px 14px rgba(0,0,0,.16);font-size:15px;line-height:1.4;color:#3b3200}
#afr-home .afr-nota::before{content:"";position:absolute;top:-11px;left:50%;width:76px;height:22px;margin-left:-38px;background:rgba(255,255,255,.65);transform:rotate(2deg)}
#afr-home .afr-nota-t{display:block;font-family:var(--mano);font-size:24px;line-height:1.1;margin-bottom:4px;color:#2a2400}
#afr-home .afr-nota a{font-weight:700;color:#3b3200;text-decoration:underline}
/* Tarjetas: 4 por fila; 2 por debajo de 1000 px (el bloque de 900 px lo mantiene) y 1 en móvil */
#afr-home .afr-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@container afr (max-width: 1000px){#afr-home .afr-cards{grid-template-columns:repeat(2,1fr)}
}
#afr-home .afr-card{display:grid;grid-template-columns:52px 1fr;grid-template-rows:auto 1fr auto;column-gap:14px;row-gap:4px;padding:18px;border-radius:16px;background:var(--t);color:var(--texto);min-height:100%}
#afr-home .afr-card:where(:hover,:focus){color:var(--texto);box-shadow:0 0 0 2px var(--c) inset}
#afr-home .afr-card-ico{grid-row:1 / span 3;width:52px;height:52px;border-radius:50%;background:var(--c);color:#fff;display:grid;place-items:center}
#afr-home .afr-card-ico svg{width:26px;height:26px}
#afr-home .afr-card-t{display:block;font-family:var(--mano);font-size:26px;line-height:1.1;color:var(--texto)}
#afr-home .afr-card-d{display:block;font-size:15px;color:var(--gris);line-height:1.45}
#afr-home .afr-card .afr-tag{justify-self:start;margin-top:8px}
#afr-home .afr-extra{--c:var(--c-extra);--t:var(--t-extra)}
#afr-home .afr-ampl{--c:#B39A00;--t:var(--t-ampl)}
#afr-home .afr-desa{--c:var(--c-desa);--t:var(--t-desa)}
#afr-home .afr-desc{--c:var(--c-desc);--t:var(--t-desc)}
#afr-home .afr-cola{--c:var(--c-cola);--t:var(--t-cola)}
#afr-home .afr-somos{--c:var(--c-somos);--t:var(--t-somos)}
#afr-home .afr-ventajas{--bg:var(--t-desa)}
#afr-home .afr-vgrid{display:grid;grid-template-columns:1.35fr 1fr;gap:32px;align-items:stretch}
#afr-home .afr-vlista{display:flex;flex-direction:column;justify-content:center;gap:10px}
#afr-home .afr-vitem{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center;background:#fff;border-radius:14px;padding:12px 16px}
#afr-home .afr-vitem-ico{width:44px;height:44px;border-radius:12px;background:var(--t);color:var(--c);display:grid;place-items:center}
#afr-home .afr-vitem-ico svg{width:24px;height:24px}
#afr-home .afr-vitem-t{display:block;font-weight:700;font-size:16px;line-height:1.3}
#afr-home .afr-vitem-d{display:block;font-size:14px;color:var(--gris);line-height:1.4}
#afr-home .afr-vitem .afr-tag{margin-left:6px;vertical-align:1px}
#afr-home .afr-cuota{display:flex;flex-direction:column;justify-content:center;background:#fff;border-radius:18px;padding:26px 24px;border:2px dashed var(--c-desa)}
#afr-home .afr-cuota-t{display:block;font-family:var(--mano);font-size:26px;line-height:1.15}
#afr-home .afr-cuota-p{display:flex;align-items:baseline;gap:14px;margin:14px 0 2px;line-height:1}
#afr-home .afr-cuota-p b{font-size:58px;line-height:1;color:var(--c-desa);font-weight:800;font-variant-numeric:tabular-nums}
#afr-home .afr-cuota-p s{font-size:28px;font-weight:700;color:#8b8791;text-decoration:line-through;text-decoration-color:var(--c-extra);text-decoration-thickness:3px}
#afr-home .afr-cuota-sub{font-size:15px;color:var(--gris);margin-bottom:12px}
#afr-home .afr-tag--oferta{background:var(--t-extra);color:var(--c-extra);border-color:transparent;white-space:normal}
#afr-home .afr-cuota-n{font-size:14px;color:var(--gris);margin:14px 0 18px}
#afr-home .afr-cuota .afr-btns{flex-direction:column;align-items:stretch;gap:10px}
#afr-home .afr-cuota .afr-btns > a{flex:none;padding:11px 16px;font-size:15px;text-align:center}
#afr-home .afr-novedades{--bg:var(--crema)}
#afr-home .afr-avisos{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
#afr-home .afr-avisos > li{grid-column:span 2}
#afr-home .afr-avisos > li:nth-child(-n+2){grid-column:span 3}
#afr-home .afr-aviso{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:16px;overflow:hidden;color:var(--texto);box-shadow:0 2px 10px rgba(60,40,0,.06)}
#afr-home .afr-aviso:where(:hover,:focus){color:var(--texto);box-shadow:0 0 0 2px var(--c-somos) inset}
#afr-home .afr-aviso-img{display:block;width:100%;aspect-ratio:16/10;overflow:hidden;background:var(--t-ampl)}
#afr-home .afr-aviso-img img{display:block;width:100%;height:100%;object-fit:cover}
#afr-home .afr-aviso-img picture{display:block;width:100%;height:100%}
#afr-home .afr-aviso-dia{display:grid;place-items:center;width:100%;height:100%;font-family:var(--mano);font-size:44px;color:var(--c-extra)}
#afr-home .afr-aviso-tx{display:block;padding:14px 16px 18px}
#afr-home .afr-aviso time{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--c-extra);margin-bottom:4px}
#afr-home .afr-aviso-t{display:block;font-weight:700;font-size:16px;line-height:1.35;color:var(--texto)}
#afr-home .afr-aviso:where(:hover,:focus) .afr-aviso-t{color:var(--c-somos);text-decoration:underline}
#afr-home .afr-dudas-sec{--bg:var(--t-somos)}
#afr-home .afr-faq-cols{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;align-items:start}
@container afr (max-width: 760px){#afr-home .afr-faq-cols{grid-template-columns:1fr}
}
#afr-home .afr-faq details{background:#fff;border-radius:12px;margin-bottom:10px}
#afr-home .afr-faq summary{cursor:pointer;list-style:none;padding:15px 44px 15px 18px;font-weight:700;position:relative;line-height:1.35}
#afr-home .afr-faq summary::-webkit-details-marker{display:none}
#afr-home .afr-faq summary::after{content:"+";position:absolute;right:16px;top:9px;font-size:26px;font-weight:400;color:var(--c-somos)}
#afr-home .afr-faq details[open] summary::after{content:"–"}
#afr-home .afr-faq .afr-faq-r{padding:0 18px 16px;color:var(--gris);font-size:15px}
/* Iconos de tarjetas y ventajas pintados por CSS (el editor borra los SVG): cada sección define --i */
#afr-home .afr-extra{--i:url("/wp-content/uploads/afr/i-extra.svg")}
#afr-home .afr-ampl{--i:url("/wp-content/uploads/afr/i-ampl.svg")}
#afr-home .afr-desa{--i:url("/wp-content/uploads/afr/i-desa.svg")}
#afr-home .afr-desc{--i:url("/wp-content/uploads/afr/i-desc.svg")}
#afr-home .afr-cola{--i:url("/wp-content/uploads/afr/i-cola.svg")}
#afr-home .afr-somos{--i:url("/wp-content/uploads/afr/i-socio.svg")}
#afr-home .afr-come{--c:#1F7A8C;--t:#E0F1F4;--i:url("/wp-content/uploads/afr/i-come.svg")}
#afr-home .afr-tag--come{color:#1F7A8C;border-color:currentColor}
/* Tarjetas "¿Qué estás buscando?" */
#afr-home .afr-card:not(:has(.afr-card-ico))::before{content:"";grid-row:1 / span 3;grid-column:1;width:52px;height:52px;border-radius:50%;background:var(--c)}
#afr-home .afr-card:not(:has(.afr-card-ico))::after{content:"";grid-row:1 / span 3;grid-column:1;align-self:start;justify-self:start;width:26px;height:26px;margin:13px;background:#fff;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
#afr-home .afr-card > span:not(.afr-card-ico){grid-column:2}
/* Ventajas */
#afr-home .afr-vitem{row-gap:2px}
#afr-home .afr-vitem:not(:has(.afr-vitem-ico))::before{content:"";grid-row:1 / span 2;grid-column:1;width:44px;height:44px;border-radius:12px;background:var(--c)}
#afr-home .afr-vitem:not(:has(.afr-vitem-ico))::after{content:"";grid-row:1 / span 2;grid-column:1;align-self:center;justify-self:start;width:22px;height:22px;margin-left:11px;background:#fff;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
#afr-home .afr-vitem > span:not(.afr-vitem-ico){grid-column:2}
#afr-home .afr-tag--cond{background:#fff;color:#8A4B00;border:1px dashed #C77A1A}
#afr-home .afr-ante{display:block;font-family:var(--mano);color:var(--c-extra);font-size:24px;margin-bottom:4px}
@container afr (max-width: 900px){#afr-home .afr-portada .afr-wrap{grid-template-columns:1fr;gap:30px}
#afr-home .afr-nota{left:auto;right:-6px;bottom:-30px}
#afr-home .afr-portada h1{font-size:46px}
#afr-home .afr-cards{grid-template-columns:repeat(2,1fr)}
#afr-home .afr-vgrid{grid-template-columns:1fr}
}
@container afr (max-width: 900px){#afr-home .afr-sec.afr-portada-foto{min-height:0;display:block;background:#fff;padding-block:0 24px;padding-inline:0}
#afr-home .afr-portada-bg{bottom:auto;height:calc(58cqw + 130px);background-position:center 30%}
#afr-home .afr-portada-bg::after{background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 60%,#fff 100%)}
#afr-home .afr-portada-foto .afr-wrap{grid-template-columns:1fr;gap:22px}
#afr-home .afr-nota-w{order:-1;min-height:calc(58cqw + 100px);justify-content:flex-end;align-items:flex-end}
#afr-home .afr-portada-foto .afr-nota{margin:0 6px 0 0}
#afr-home .afr-portada-foto + .afr-sec > .afr-nube{display:none}
#afr-home .afr-avisos{grid-template-columns:repeat(2,1fr)}
#afr-home .afr-avisos > li,#afr-home .afr-avisos > li:nth-child(-n+2){grid-column:auto}
#afr-home .afr-avisos > li:first-child{grid-column:1 / -1}
}
@container afr (max-width: 600px){#afr-home .afr-sec{padding-block:44px 76px}
#afr-home .afr-nube{position:absolute;left:0;top:1px;width:100%;height:90px;transform:translateY(-100%);background:var(--bg,#fff);pointer-events:none;-webkit-mask:var(--afr-nube) 50% 0/cover no-repeat;mask:var(--afr-nube) 50% 0/cover no-repeat}
#afr-home .afr-portada{padding-block:24px 60px}
#afr-home .afr-sec.afr-con-nube-top{padding-top:56px}
#afr-home .afr-sec.afr-portada-foto{padding-block:0 16px}
#afr-home .afr-portada-foto .afr-nota{max-width:230px;margin:0 4px -4px 0;font-size:14px}
#afr-home .afr-portada h1{font-size:40px}
#afr-home .afr-h2{font-size:32px}
#afr-home .afr-nota{position:relative;left:auto;right:auto;bottom:auto;margin:-40px 8px 0 auto;max-width:260px}
#afr-home .afr-cards{grid-template-columns:1fr;gap:10px}
#afr-home .afr-card{padding:14px;grid-template-columns:44px 1fr}
#afr-home .afr-card-ico{width:44px;height:44px}
#afr-home .afr-card-ico svg{width:22px;height:22px}
#afr-home .afr-card-t{font-size:24px}
#afr-home .afr-btns > a{flex:1 1 100%}
#afr-home .afr-cuota-p b{font-size:50px}
#afr-home .afr-cuota-t{font-size:24px}
#afr-home .afr-avisos{grid-template-columns:1fr;gap:10px}
#afr-home .afr-aviso{flex-direction:row;align-items:center}
#afr-home .afr-aviso-img{width:112px;flex:none;aspect-ratio:1}
#afr-home .afr-aviso-tx{padding:10px 14px}
#afr-home .afr-aviso-t{font-size:15px}
#afr-home .afr-card:not(:has(.afr-card-ico))::before{width:44px;height:44px}
#afr-home .afr-card:not(:has(.afr-card-ico))::after{width:22px;height:22px;margin:11px}
}
@media (prefers-reduced-motion: reduce){#afr-home *{transition:none!important}
}

/* ===================== 4. ENTRADA INDIVIDUAL ===================== */
/* Columna de lectura centrada */
body.single-post article[id^="post-"]{max-width:820px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;box-sizing:border-box}
/* Cabecera: imagen a la izquierda; fecha y título a la derecha */
body.single-post article[id^="post-"]:not(.related-post){display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"img ." "img meta" "img title" "img .";grid-template-rows:1fr auto auto 1fr;column-gap:36px;align-items:start}
body.single-post article[id^="post-"]:not(.related-post) > *{grid-column:1 / -1}
body.single-post article[id^="post-"]:not(.related-post) > .thumbnail{grid-area:img;margin:0 0 28px;display:flex;justify-content:flex-start;align-items:flex-start;max-width:300px}
body.single-post article[id^="post-"]:not(.related-post) > .thumbnail img{display:block;width:auto!important;max-width:300px;height:auto;max-height:360px;border-radius:14px;box-shadow:0 10px 30px rgba(30,60,90,.15);cursor:zoom-in}
body.single-post article[id^="post-"]:not(.related-post) > ul.meta{grid-area:meta;margin:0 0 8px;padding:0;border:0;text-align:left;justify-content:flex-start}
body.single-post article[id^="post-"]:not(.related-post) > ul.meta li{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#D62839;margin:0;padding:0}
body.single-post article[id^="post-"]:not(.related-post) > ul.meta .owp-icon{display:none}
body.single-post article[id^="post-"]:not(.related-post) > .entry-header{grid-area:title;margin:0 0 28px;padding:0;border:0;text-align:left}
body.single-post article[id^="post-"]:not(.related-post) > .entry-header .entry-title{font-family:"Neucha","Montserrat",sans-serif;font-weight:500;font-size:40px;line-height:1.15;letter-spacing:normal;color:#333;margin:0;padding:0 0 14px;border-bottom:4px solid #FFE680;display:inline-block}
/* Tablet y móvil: imagen arriba centrada; fecha y título debajo */
@media (max-width:767px){
body.single-post article[id^="post-"]{padding-left:16px;padding-right:16px}
body.single-post article[id^="post-"]:not(.related-post){grid-template-columns:minmax(0,1fr);grid-template-areas:"img" "meta" "title";grid-template-rows:auto auto auto}
body.single-post article[id^="post-"]:not(.related-post) > .thumbnail{justify-content:center;max-width:none}
body.single-post article[id^="post-"]:not(.related-post) > .thumbnail img{max-width:100%;max-height:300px}
body.single-post article[id^="post-"]:not(.related-post) > .entry-header .entry-title{font-size:32px}
}
/* Entradas relacionadas: todas las imágenes del mismo tamaño */
body.single-post .related-post-media img{display:block;width:100%!important;height:auto!important;aspect-ratio:16/10;object-fit:cover;object-position:center;border-radius:12px}
/* Visor para ampliar la imagen */
.afr-zoom{position:fixed;inset:0;z-index:99999;background:rgba(20,20,30,.88);display:grid;place-items:center;padding:16px;cursor:zoom-out}
.afr-zoom img{max-width:94vw;max-height:92vh;width:auto;height:auto;border-radius:10px;box-shadow:0 10px 40px rgba(0,0,0,.5)}

/* ===================== 5. LISTADO DE NOTICIAS ===================== */
body:is(.blog,.archive,.search) #primary{width:100%;max-width:980px;margin:0 auto;float:none;padding:0;border:0}
body:is(.blog,.archive,.search) .blog-entry.large-entry{border:0;padding:0;margin:0 0 18px}
body:is(.blog,.archive,.search) .blog-entry .blog-entry-inner{display:grid;grid-template-columns:280px 1fr;grid-template-areas:"img date" "img title" "img text" "img more";grid-template-rows:auto auto 1fr auto;column-gap:26px;min-height:190px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px rgba(60,40,0,.08);padding:0 24px 0 0;transition:box-shadow .15s}
body:is(.blog,.archive,.search) .blog-entry .blog-entry-inner:hover{box-shadow:0 0 0 2px #693875 inset,0 2px 12px rgba(60,40,0,.08)}
/* Imagen: rellena su columna sin marcar el alto de la tarjeta */
body:is(.blog,.archive,.search) .blog-entry .thumbnail{grid-area:img;position:relative;margin:0!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0;float:none!important;overflow:hidden;background:#FFF8C4}
body:is(.blog,.archive,.search) .blog-entry .thumbnail a{position:absolute!important;inset:0;display:block!important;width:100%!important;height:100%!important}
body:is(.blog,.archive,.search) .blog-entry .thumbnail img{display:block!important;width:100%!important;max-width:none!important;height:100%!important;object-fit:cover;object-position:center!important;margin:0!important}
body:is(.blog,.archive,.search) .blog-entry .thumbnail .overlay{display:none}
/* Fecha */
body:is(.blog,.archive,.search) .blog-entry ul.meta{grid-area:date;margin:20px 0 2px;padding:0;border:0;list-style:none}
body:is(.blog,.archive,.search) .blog-entry ul.meta li{margin:0;padding:0;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#D62839;line-height:1.4}
body:is(.blog,.archive,.search) .blog-entry ul.meta li::after,body:is(.blog,.archive,.search) .blog-entry ul.meta .owp-icon{display:none}
/* Título y resumen (máx. 3 líneas) */
body:is(.blog,.archive,.search) .blog-entry-header{grid-area:title;margin:0 0 8px}
body:is(.blog,.archive,.search) .blog-entry-title{font-size:24px;line-height:1.25;margin:0}
body:is(.blog,.archive,.search) .blog-entry-summary{grid-area:text;margin:0}
body:is(.blog,.archive,.search) .blog-entry-summary p{margin:0;font-size:15px;line-height:1.55;color:#5E5A63;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
/* «Continuar leyendo» como enlace */
body:is(.blog,.archive,.search) .blog-entry-readmore{grid-area:more;margin:10px 0 18px}
body:is(.blog,.archive,.search) .blog-entry-readmore a{display:inline-block!important;padding:0!important;border:0!important;background:none!important;font-size:15px!important;font-weight:700!important;letter-spacing:normal!important;text-transform:none!important;color:#693875!important;text-decoration:underline!important;text-underline-offset:3px}
body:is(.blog,.archive,.search) .blog-entry-readmore a::after{content:" →"}
body:is(.blog,.archive,.search) .blog-entry-readmore a:hover{text-decoration-thickness:2px!important}
body:is(.blog,.archive,.search) .blog-entry .edit-link{grid-area:more;justify-self:end;align-self:center;margin:10px 0 18px;font-size:13px}
/* Móvil: imagen arriba a todo el ancho y sin resumen */
@media (max-width:767px){
body:is(.blog,.archive,.search) .blog-entry .blog-entry-inner{grid-template-columns:1fr;grid-template-areas:"img" "date" "title" "more";grid-template-rows:auto;min-height:0;padding:0 18px}
body:is(.blog,.archive,.search) .blog-entry .thumbnail{margin:0 -18px!important;width:calc(100% + 36px)!important;aspect-ratio:16/10}
body:is(.blog,.archive,.search) .blog-entry ul.meta{margin-top:14px}
body:is(.blog,.archive,.search) .blog-entry-title{font-size:22px}
body:is(.blog,.archive,.search) .blog-entry-summary{display:none}
body:is(.blog,.archive,.search) .blog-entry-header{margin-bottom:4px}
body:is(.blog,.archive,.search) .blog-entry-readmore,body:is(.blog,.archive,.search) .blog-entry .edit-link{margin-bottom:16px}
}

/* ===================== 6. FONDO AZUL CON NUBES (entradas, noticias y páginas con .afr-e--fondo) ===================== */
/* Fondo azul con nubes blancas arriba. La nube mantiene su forma (antes se estiraba). */
:is(body:is(.single-post,.blog,.archive,.search),body:has(.afr-e--fondo)) #main{position:relative;isolation:isolate}
:is(body:is(.single-post,.blog,.archive,.search),body:has(.afr-e--fondo)) #main::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url("/wp-content/uploads/afr/nube-fondo.svg") 50% 0/max(100%,1000px) auto no-repeat,linear-gradient(180deg,#E4F1FB 0,#E4F1FB 220px,#fff 720px)}
@media (max-width:767px){
:is(body:is(.single-post,.blog,.archive,.search),body:has(.afr-e--fondo)) #main::before{background-size:max(100%,640px) auto,auto}
}