/* ASÍ INFORMO · corte f4. Va después de hoy-cap.css. El papel, la rasgadura y la cuenta no cambian:
   se pliegan «Qué hacer» y «Por qué importa» (f4/hoy.js) y se van los datos que se repetían. */
#hoy .hoy-asi-l span{color:var(--rosa-suave,#e6b4c2)}
/* La fecha ya está en la mancheta */
#hoy.hoy-vivo .hoy-publicada{display:none}

/* «Qué hacer»: una puerta en la tinta del papel */
#hoy .f4-hacer{border-top:1px solid rgb(26 23 25/.16)}
#hoy .f4-hacer>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:6px 0;cursor:pointer;
 font:600 10.5px/1.4 var(--sans);font-stretch:118%;letter-spacing:.22em;text-transform:uppercase;color:var(--h-rosa,#9e2f55)}
#hoy .f4-hacer>summary::-webkit-details-marker{display:none}
#hoy .f4-hacer>summary i,#hoy .f4-porque i{position:relative;flex:none;width:30px;height:30px;border:1px solid rgb(158 47 85/.45);border-radius:50%}
#hoy .f4-hacer>summary i::before,#hoy .f4-hacer>summary i::after,#hoy .f4-porque i::before,#hoy .f4-porque i::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.5px;margin:-.75px 0 0 -5.5px;background:currentColor;transition:transform .35s var(--h-ease,ease)}
#hoy .f4-hacer>summary i::after,#hoy .f4-porque i::after{transform:rotate(90deg)}
#hoy .f4-hacer[open]>summary i::after,#hoy .hoy-plazo.f4-abierto .f4-porque i::after{transform:rotate(0)}
#hoy .f4-hacer>summary:focus-visible,#hoy .f4-porque:focus-visible{outline:2px solid var(--h-rosa,#9e2f55);outline-offset:3px}
#hoy .f4-hacer .hoy-paso{margin-top:4px}
#hoy .f4-hacer .hoy-fuente{margin:10px 0 6px}

/* «Por qué importa» sólo se abre si lo pides */
#hoy .hoy-plazo:not(.f4-abierto) .hoy-porque{display:none}
#hoy .f4-porque{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:10px;padding:0;border:0;background:none;cursor:pointer;
 font:600 10.5px/1.4 var(--sans);font-stretch:118%;letter-spacing:.2em;text-transform:uppercase;color:var(--h-rosa,#9e2f55)}
#hoy .f4-porque i{width:26px;height:26px}
#hoy .hoy-plazo:not(:has(.hoy-porque)) .f4-porque{display:none}

/* En el teléfono, la lista del día dice tema y titular; el lugar queda dentro de la nota */
@media (max-width:699px){
 #hoy .hoy-item-tema span{display:none}
}
@media (prefers-reduced-motion:reduce){
 #hoy .f4-hacer>summary i::after,#hoy .f4-porque i::after{transition:none}
}

/* Cuentas claras: número y una línea; la fuente y su revisión viven con «Ver detalle» */
#hoy .hoy-cuenta:has(.hoy-cuenta-mas:not([open])) .hoy-cuenta-c>.hoy-fuente{display:none}
