/* Artículo especial «Convocatoria» — maqueta B «la fecha manda» (Roberto, 22-sep-2026).
   Se encola solo en notas con fecha de cierre (inc/convocatoria.php). Contrastes AA:
   blanco / #C9D6F5 sobre #0033A0, #14213D sobre dorado, blanco sobre rojo Fedomu #C41E3A (5.6:1). */

/* Rejilla copiada literal de la cabecera de Asambleas (directiva-cards.css), con su clase propia:
   la cabecera ocupa compartir+texto, compartir y texto bajan a la fila 2, el lateral sigue arriba. */
@media (min-width: 1024px) {
  .fedomu-single-wrapper.is-convocatoria .cv-head { grid-column: 1 / 3; grid-row: 1; }
  .fedomu-single-wrapper.is-convocatoria .fedomu-share-col { grid-row: 2; grid-column: 1; margin-top: 0; align-self: start; bottom: auto; }
  .fedomu-single-wrapper.is-convocatoria .fedomu-single__main { grid-row: 2; grid-column: 2; }
  .fedomu-single-wrapper.is-convocatoria .fedomu-single__sidebar { grid-row: 1 / span 2; grid-column: 3; }
}

/* La bajada ya va en la cabecera: el párrafo-subtítulo del cuerpo no se repite. */
.is-convocatoria--bajada .fedomu-single__content > .fedomu-subtitulo:first-child { display: none; }

.cv-head{--azul:#0033A0;--noche:#001A57;--oro:#D4AF37;--tinta:#14213D;--gris:#5B6780;--fh:'Inter',system-ui,sans-serif;--ease:cubic-bezier(.16,1,.3,1);
  display:grid;grid-template-columns:minmax(0,1fr) 300px;margin:0 0 3.5rem;border-radius:24px;overflow:hidden;background:var(--azul);color:#fff;font-family:var(--fh)}
.cv-main{padding:36px 40px 34px;min-width:0}
.cv-pill{display:inline-flex;align-items:center;font:700 12px/1 var(--fh);letter-spacing:.12em;text-transform:uppercase;padding:9px 14px;border-radius:9999px;text-decoration:none}
.cv-pill--cat{background:var(--oro);color:var(--tinta)}
a.cv-pill--cat:hover{background:#F2D479}
a.cv-pill--cat:focus-visible{outline:2px solid #fff;outline-offset:2px}
.cv-head .cv-t{margin:20px 0 0;color:#fff;font:800 clamp(30px,2.6vw,44px)/1.08 var(--fh);letter-spacing:-.02em;text-wrap:balance;max-width:none}
.cv-head .cv-t--larga{font-size:clamp(26px,2.1vw,36px)}
.cv-sub{margin:16px 0 0;color:#C9D6F5;font:500 17px/1.5 var(--fh);max-width:62ch}
.cv-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.cv-btn{display:inline-flex;align-items:center;gap:10px;font:700 15px/1.2 var(--fh);padding:15px 22px;border-radius:9999px;text-decoration:none;transition:background .2s ease,color .2s ease,box-shadow .2s ease}
.cv-btn svg{width:18px;height:18px;flex:0 0 18px}
.cv-btn--pri{background:#fff;color:var(--azul)}
.cv-btn--pri:hover{background:var(--oro);color:var(--tinta)}
.cv-btn--sec{color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.55)}
.cv-btn--sec:hover{box-shadow:inset 0 0 0 2px #fff;background:rgba(255,255,255,.08)}
.cv-btn:focus-visible{outline:3px solid var(--oro);outline-offset:3px}

.cv-date{margin:14px;border-radius:18px;padding:26px 24px;background:#fff;color:var(--tinta);display:flex;flex-direction:column;justify-content:center;text-align:center}
.cv-date small{font:700 11px/1 var(--fh);letter-spacing:.14em;text-transform:uppercase;color:var(--gris)}
.cv-dd{margin:10px 0 4px;font:900 108px/.9 var(--fh);letter-spacing:-.05em;color:var(--azul);font-variant-numeric:tabular-nums}
.cv-mm{font:700 22px/1.2 var(--fh)}
.cv-hh{margin-top:4px;font:500 15px/1.4 var(--fh);color:var(--gris)}
/* Cápsula de estado en rojo Fedomu (token fedomu-red, #C41E3A; blanco 5.6:1 AA) — Roberto 22-sep: el rojo es «acción». */
.cv-estado{align-self:center;margin-top:16px;display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:9999px;background:var(--wp--preset--color--fedomu-red,#C41E3A);color:#fff;font:700 14px/1.2 var(--fh);white-space:nowrap;box-shadow:0 4px 14px rgba(196,30,58,.28)}
.cv-estado::before{content:'';width:7px;height:7px;border-radius:50%;background:#fff;flex:0 0 7px}

.cv-facts{grid-column:1 / -1;display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));margin:0;background:var(--noche)}
.cv-facts > div{margin:0;padding:22px 28px;border-left:1px solid rgba(255,255,255,.12)}
.cv-facts > div:first-child{border-left:0}
.cv-facts dd{margin:0;color:#fff;font:700 22px/1.2 var(--fh);font-variant-numeric:tabular-nums}
.cv-facts dt{margin-top:8px;color:var(--oro);font:700 11px/1.3 var(--fh);letter-spacing:.14em;text-transform:uppercase}

/* Cerrada: el reloj ya pasó la hora límite — se apaga el llamado a actuar, el TDR sigue. */
.cv-head--cerrada{background:#2A3450}
.cv-head--cerrada .cv-dd{color:#5B6780}
.cv-head--cerrada .cv-estado{background:#EEF0F3;color:#3F4756;box-shadow:none}
.cv-head--cerrada .cv-estado::before{background:#8A93A6}
.cv-head--cerrada .cv-facts{background:#1C2438}

/* Lector del TDR incrustado (PDF.js de la Biblioteca). Tarjeta clara que contrasta con el fondo gris de la nota. */
.cv-lector{margin:2.8rem 0 0;padding:20px;border-radius:20px;background:#fff;box-shadow:0 1px 0 #E1E7F2,0 10px 30px rgba(0,26,87,.08);border:1px solid #E1E7F2}
.cv-lector-h{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 14px}
.fedomu-single__content .cv-lector-h h2{margin:0;font-size:22px;line-height:1.2}
.cv-lector-full{display:inline-flex;align-items:center;gap:8px;font:600 14px/1.2 'Inter',system-ui,sans-serif;color:#0033A0;text-decoration:none;padding:10px 16px;border-radius:9999px;box-shadow:inset 0 0 0 2px #0033A0;transition:background .2s ease,color .2s ease}
.cv-lector-full svg{width:16px;height:16px;flex:0 0 16px}
.cv-lector-full:hover{background:#0033A0;color:#fff}
.cv-lector-full:focus-visible{outline:3px solid #D4AF37;outline-offset:3px}
.cv-lector-frame{display:block;width:100%;height:min(82vh,1100px);border:0;border-radius:12px;background:#E9EDF3}
.fedomu-single__content .cv-lector-alt{margin:10px 0 0;font-size:14px;color:#5B6780;text-align:left}
@media (max-width: 600px){
  .cv-lector{padding:12px;border-radius:16px;margin-left:-4px;margin-right:-4px}
  .cv-lector-frame{height:72vh}
  .cv-lector-full{width:100%;justify-content:center}
}

/* Una sola entrada, compartida (como asmEntra): título, fecha y cifras a la vez. */
@keyframes cvEntra{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.cv-main,.cv-date,.cv-facts{animation:cvEntra .7s var(--ease) .15s both}
@media (prefers-reduced-motion: reduce){.cv-main,.cv-date,.cv-facts{animation:none}.cv-btn{transition:none}}

@media (max-width: 1023px){
  .cv-head{grid-template-columns:minmax(0,1fr);border-radius:18px;margin-bottom:2rem}
  .cv-main{padding:26px 22px}
  .cv-cta{flex-direction:column}
  .cv-btn{justify-content:center;text-align:center}
  /* Tarjeta de fecha en horizontal: el número a la izquierda, mes y hora a su lado (ahorra ~170 px). */
  .cv-date{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"s s" "dd mm" "dd hh" "e e";column-gap:16px;text-align:left;margin:0 14px 14px;padding:18px 20px}
  .cv-date small{grid-area:s;margin-bottom:8px}
  .cv-dd{grid-area:dd;font-size:72px;margin:0;align-self:center}
  .cv-mm{grid-area:mm;align-self:end}
  .cv-hh{grid-area:hh;align-self:start}
  .cv-estado{grid-area:e;margin-top:14px;justify-self:start}
  /* 2 columnas en móvil: con 3 la franja se salía 8 px a 390 (maqueta B). */
  .cv-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cv-facts > div{padding:16px 18px;border-left:0;border-top:1px solid rgba(255,255,255,.12)}
  .cv-facts > div:nth-child(odd):last-child{grid-column:1 / -1}
  .cv-facts dd{font-size:18px}
}