/* Bloque «Así queda la directiva» + cabecera «Artículo especial» de las notas de Asambleas.
   Se encola solo donde hay [fedomu_directiva]. Tarjetas .mc copiadas de region-ozama-v24.css
   (tokens resueltos y acotadas a .fdir para no pisar la hoja regional). */
.fdir{--blue:#0033A0;--blue-dk:#001f6b;--blue-md:#0044CC;--gold:#D4AF37;--gold-txt:#7A5F0E;--mut:#5b6472;--r:.625rem;--pill:9999px;--fh:'Inter',system-ui,sans-serif;--ease-out:cubic-bezier(.16,1,.3,1);--spring:cubic-bezier(.34,1.56,.64,1);
  margin:2.2rem 0;padding:1.6rem 0 1.4rem;border-top:3px solid var(--gold);border-bottom:1px solid #e3e7ef;text-align:left}
.fdir-h{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}
.fdir-ml{font:700 11px/1 var(--fh);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-txt)}
.fdir-t{font:800 24px/1.15 var(--fh);letter-spacing:-.015em;margin:.35rem 0 0;color:#1b1f2a}
.fdir-ab{color:var(--blue)}
.fdir-link{font:600 13px var(--fh);color:var(--blue);text-decoration:none;border-bottom:1px solid currentColor}
.fdir-link:hover,.fdir-link:focus-visible{color:var(--blue-dk)}
.fdir-g{font:700 11px/1 var(--fh);letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin:1.1rem 0 .55rem;display:flex;align-items:center;gap:.6rem}
.fdir-g::after{content:'';flex:1;height:1px;background:#e3e7ef}
.fdir-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}
@media(min-width:480px){.fdir-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:700px){.fdir-grid{grid-template-columns:repeat(var(--cols,5),1fr);gap:.6rem}}
/* presidente: compacto — retrato cuadrado con la cara arriba, texto a su altura, escudo grande a la derecha */
.fdir-pres{display:grid;grid-template-columns:168px minmax(0,1fr) auto;grid-template-rows:200px;align-items:stretch;gap:1.4rem;background:linear-gradient(135deg,var(--blue-dk),var(--blue));border-radius:14px;overflow:hidden;color:#fff;margin-bottom:.4rem;text-decoration:none}
.fdir .fdir-pres-ph{width:100%;height:100%;object-fit:cover;object-position:center 15%;display:block;border-radius:0;margin:0}
.fdir-pres-txt{padding:.95rem 0;display:flex;flex-direction:column;justify-content:center;gap:.25rem;min-width:0}
.fdir-pres-cargo{font:700 11px/1 var(--fh);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.fdir-pres-nm{font:800 24px/1.1 var(--fh);letter-spacing:-.015em;color:#fff;text-wrap:balance}
.fdir-pres-mu{font-size:14px;color:rgba(231,238,252,.85)}
/* botón «Leer más» de /noticias/ (blocks/news-grid/style.css, traducción fiel; esa hoja no carga en las notas) */
.fdir .fdir-pres-cta{margin-top:.6rem;align-self:flex-start;display:inline-flex;align-items:center;gap:0;border-radius:9999px;text-decoration:none}
.fdir .fdir-pres-cta .ngb-text{border-radius:9999px;background:#fff;color:#0839A2;height:2.125rem;padding:0 1.25rem;display:flex;align-items:center;font:600 .8125rem/1 var(--fh);white-space:nowrap;transition:background 500ms ease-in-out,color 500ms ease-in-out}
.fdir .fdir-pres-cta .ngb-icon{position:relative;display:flex;align-items:center;justify-content:center;width:2.125rem;height:2.125rem;border-radius:9999px;background:#fff;overflow:hidden;flex-shrink:0;transition:background 500ms ease-in-out}
.fdir .fdir-pres-cta .ngb-a,.fdir .fdir-pres-cta .ngb-b{position:absolute;top:50%;left:50%;color:#0839A2;transition:transform 500ms ease-in-out,color 500ms ease-in-out}
.fdir .fdir-pres-cta .ngb-a{transform:translate(-50%,-50%)}
.fdir .fdir-pres-cta .ngb-b{transform:translate(calc(-50% - 2.5rem),-50%)}
.fdir-pres:hover .fdir-pres-cta .ngb-text,.fdir-pres:focus-visible .fdir-pres-cta .ngb-text{background:#D4AF37;color:#0a0a0a}
.fdir-pres:hover .fdir-pres-cta .ngb-icon,.fdir-pres:focus-visible .fdir-pres-cta .ngb-icon{background:#D4AF37}
.fdir-pres:hover .fdir-pres-cta .ngb-a,.fdir-pres:focus-visible .fdir-pres-cta .ngb-a{transform:translate(calc(-50% + 2.5rem),-50%);color:#0a0a0a}
.fdir-pres:hover .fdir-pres-cta .ngb-b,.fdir-pres:focus-visible .fdir-pres-cta .ngb-b{transform:translate(-50%,-50%);color:#0a0a0a}
@media(prefers-reduced-motion:reduce){.fdir .fdir-pres-cta .ngb-text,.fdir .fdir-pres-cta .ngb-icon,.fdir .fdir-pres-cta .ngb-a,.fdir .fdir-pres-cta .ngb-b{transition:none}}
.fdir-pres:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
/* móvil: la fila crece con el texto (antes 160 px fijos recortaban) y el botón cabe en la columna:
   cuerpo menor y, si aun así no entra (pantallas de 360 px), parte en dos líneas en vez de salirse (11-sep). */
@media(max-width:600px){.fdir-pres{grid-template-columns:108px minmax(0,1fr);grid-template-rows:minmax(160px,auto);gap:.8rem}.fdir .fdir-pres-esc{display:none}.fdir-pres-txt{padding:.8rem .9rem .8rem 0}.fdir-pres-nm{font-size:19px}.fdir-pres-mu{font-size:13px}
.fdir .fdir-pres-cta{max-width:100%;margin-top:.5rem}
.fdir .fdir-pres-cta .ngb-text{font-size:11.5px;padding:.5rem .75rem;height:auto;min-height:1.9rem;line-height:1.15;white-space:normal;min-width:0}
.fdir .fdir-pres-cta .ngb-icon{width:1.9rem;height:1.9rem}}
/* tarjeta .mc (misma que la regional) */
.fdir .mc{position:relative;border-radius:var(--r);overflow:hidden;transition:transform .3s var(--spring)}
.fdir .mc:hover{transform:translateY(-4px)}
.fdir a.mc{display:block;text-decoration:none;color:inherit}
.fdir a.mc:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:var(--r)}
.fdir .mc-img{aspect-ratio:3/4;background:linear-gradient(145deg,var(--blue-dk),var(--blue-md));position:relative;overflow:hidden}
.fdir .mc-img img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .5s var(--ease-out);border-radius:0;margin:0}
.fdir .mc:hover .mc-img img{transform:scale(1.06)}
.fdir .mc-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,18,80,.97) 0%,rgba(0,18,80,.78) 20%,rgba(0,18,80,.18) 42%,transparent 60%)}
.fdir .mc-info{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:.4rem;padding:.55rem .5rem}
.fdir .mc-crest{width:30px;height:30px;flex:0 0 30px;object-fit:contain;background:rgba(255,255,255,.95);border-radius:7px;padding:3px;box-shadow:0 1px 4px rgba(0,0,0,.4);margin:0}
.fdir .mc-info-txt{min-width:0;flex:1}
.fdir .mc-cargo{font:700 8px/1 var(--fh);text-transform:uppercase;letter-spacing:.12em;color:var(--gold);display:block;margin-bottom:3px}
.fdir .mc-nombre{font:700 12px/1.2 var(--fh);color:#fff}
.fdir .mc-mun{font-size:9.5px;color:rgba(231,238,252,.78);margin-top:2px;line-height:1.2}
.fdir .mc-badge{position:absolute;top:8px;left:8px;z-index:2;font:700 7.5px/1 var(--fh);text-transform:uppercase;letter-spacing:.14em;background:var(--gold);color:var(--blue-dk);padding:4px 8px;border-radius:var(--pill);box-shadow:0 2px 8px rgba(0,0,0,.3)}
@media(prefers-reduced-motion:reduce){.fdir .mc,.fdir .mc-img img{transition:none}}
/* ===== cabecera «Artículo especial»: la foto manda ===== */
/* Rejilla: la cabecera ocupa compartir+texto (948 px) y arranca alineada con el lateral;
   compartir y texto bajan a la segunda fila; el lateral sigue arriba. Solo en .is-asamblea. */
@media (min-width: 1024px) {
  .fedomu-single-wrapper.is-asamblea .asm-head { grid-column: 1 / 3; grid-row: 1; }
  /* align-self:start: un item de grid estirado a toda la fila no puede «pegarse»; con altura propia
     los botones de compartir acompañan el scroll (pedido de Roberto 10-sep). */
  /* bottom:auto: la regla móvil de la plantilla deja `bottom:0` y en escritorio el sticky queda anclado
     también por abajo → el bloque sube hasta tocar el borde inferior de la ventana y se mete bajo la
     cabecera al abrir la nota (Roberto, 10-sep). Con una sola ancla (top) arranca en su fila. */
  .fedomu-single-wrapper.is-asamblea .fedomu-share-col { grid-row: 2; grid-column: 1; margin-top: 0; align-self: start; bottom: auto; }
  .fedomu-single-wrapper.is-asamblea .fedomu-single__main { grid-row: 2; grid-column: 2; }
  .fedomu-single-wrapper.is-asamblea .fedomu-single__sidebar { grid-row: 1 / span 2; grid-column: 3; }
}
.asm-head{--gold:#D4AF37;--gold-hi:#F2D479;--fh:'Inter',system-ui,sans-serif;--asm-ease:cubic-bezier(.16,1,.3,1);margin:0 0 1.6rem;border-radius:16px;overflow:hidden;background:#001f6b;color:#fff}
.asm-ph{position:relative;aspect-ratio:16/9;background:#001f6b}
.asm-ph .asm-ph-img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 35%;border-radius:0;margin:0}
/* velo solo donde va el texto: la mitad superior de la foto queda intacta */
.asm-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,18,80,.96) 0%,rgba(0,18,80,.62) 30%,rgba(0,18,80,.12) 52%,transparent 64%)}
.asm-txt{position:absolute;left:0;right:0;bottom:0;padding:1.4rem 1.8rem 1.5rem}
.asm-kick{margin:0 0 .45rem;color:rgba(231,238,252,.88);font:500 13px/1.3 var(--fh)}
.asm-cat{color:var(--gold);font-weight:800;letter-spacing:.1em;text-transform:uppercase;font-size:11px;text-decoration:none}
.asm-cat:hover,.asm-cat:focus-visible{text-decoration:underline}
/* cápsula de categoría en la esquina superior izquierda de la portada (11-sep); la región ya va en el título */
.asm-ph .asm-cat--pill{position:absolute;top:14px;left:14px;z-index:2;display:inline-block;background:var(--gold);color:#001f6b;font:800 10.5px/1 var(--fh);letter-spacing:.12em;text-transform:uppercase;padding:7px 12px;border-radius:9999px;box-shadow:0 2px 10px rgba(0,0,0,.28);text-decoration:none;transition:background .2s ease}
.asm-ph .asm-cat--pill:hover,.asm-ph .asm-cat--pill:focus-visible{background:var(--gold-hi);text-decoration:none}
.asm-ph .asm-cat--pill:focus-visible{outline:2px solid #fff;outline-offset:2px}
.asm-head .asm-title{margin:0;color:var(--gold-hi);font:800 clamp(26px,2.2vw,38px)/1.1 var(--fh);letter-spacing:-.02em;text-wrap:balance;max-width:none}
.asm-head .asm-title--larga{font-size:clamp(22px,1.75vw,30px)}
.asm-facts{display:flex;gap:2.6rem;flex-wrap:wrap;margin:0;padding:1.1rem 1.8rem 1.15rem;background:#001f6b}
.asm-facts div{margin:0}
.asm-facts dd{margin:0;font:700 24px/1 var(--fh);color:#fff;font-variant-numeric:tabular-nums}
.asm-facts dt{font:600 10.5px/1.3 var(--fh);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-top:.35rem}
/* UNA animación compartida: título y cifras entran juntos (misma duración, curva e instante) */
@keyframes asmEntra{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.asm-txt,.asm-facts,.asm-cat--pill{animation:asmEntra .7s var(--asm-ease) .15s both}
@media (prefers-reduced-motion: reduce){.asm-txt,.asm-facts,.asm-cat--pill{animation:none}}
/* cita del presidente (bloque Cita) en móvil: a todo el ancho de la columna y letra un poco menor.
   Los márgenes de 40 px eran los del navegador; el relleno lo trae el bloque en línea (por eso !important). (11-sep) */
@media (max-width: 1023px){
  .is-asamblea .fedomu-single__content .wp-block-quote{margin-left:0;margin-right:0;padding:1.15rem 1rem 1.1rem !important;border-left:0;box-sizing:border-box;width:100%}
  .is-asamblea .fedomu-single__content .wp-block-quote p{font-size:16px;line-height:1.6;margin:0 0 .8rem}
  .is-asamblea .fedomu-single__content .wp-block-quote cite{font-size:13.5px;line-height:1.35;display:block}
}
/* cuerpo justificado, con partición silábica para evitar ríos */
.is-asamblea .fedomu-single__content p{text-align:justify;hyphens:auto;-webkit-hyphens:auto;text-wrap:pretty}
@media (max-width: 1023px){
  .asm-head{margin:0 0 1.2rem;border-radius:12px}
  .asm-ph{aspect-ratio:4/3}
  .asm-txt{padding:1rem 1rem 1.1rem}
  .asm-kick{font-size:12px;margin-bottom:.3rem}
  .asm-head .asm-title,.asm-head .asm-title--larga{font-size:21px;line-height:1.15}
  .asm-facts{gap:1rem;justify-content:space-between;padding:.85rem 1rem .9rem}
  .asm-facts dd{font-size:18px}.asm-facts dt{font-size:9px;letter-spacing:.08em;margin-top:.25rem}
}

/* ── Cita con retrato (opción A, Roberto 16-sep-2026) ─────────────────────────
   El retrato acompaña al NOMBRE, no al párrafo. Es la única disposición que no le
   quita ancho al texto: la cita conserva sus 3 líneas y el bloque solo crece lo que
   mide la fila de la atribución.
   La C (retrato en columna propia) se probó en vivo y costaba +64 px de alto —poner
   el retrato al lado del texto es, por definición, quitarle ancho y ganar una línea—.
   Acotado a `.is-asamblea` + la clase del bloque: las citas del resto del sitio no se
   enteran. */
.is-asamblea .wp-block-quote.fedomu-cita-retrato{
	display:grid;
	grid-template-columns:40px 1fr;
	column-gap:12px;
	row-gap:14px;
	align-items:center;
}
/* El párrafo cruza las dos columnas: ancho completo, como antes del retrato. */
.is-asamblea .fedomu-cita-retrato > p{ grid-column:1 / -1; grid-row:1; margin:0; }
.is-asamblea .fedomu-cita-retrato > figure{ grid-column:1; grid-row:2; margin:0; }
.is-asamblea .fedomu-cita-retrato > cite{ grid-column:2; grid-row:2; margin:0; }
/* Dos clases para ganarle a `.fedomu-single__content img{height:auto}`, que ya deformó
   el retrato del presidente de la directiva en septiembre. */
.is-asamblea .fedomu-cita-retrato .fedomu-cita-retrato__img{
	width:40px; height:40px; border-radius:50%; object-fit:cover;
	object-position:center 20%;
	box-shadow:0 0 0 2px rgba(212,175,55,.55);
	display:block; margin:0; max-width:none;
}
@media (max-width:600px){
	.is-asamblea .wp-block-quote.fedomu-cita-retrato{
		grid-template-columns:34px 1fr; column-gap:10px; row-gap:12px;
	}
	.is-asamblea .fedomu-cita-retrato .fedomu-cita-retrato__img{ width:34px; height:34px; }
}