/* propio.css — Estilos propios de noticias.interpatagonia.com, por encima del CMS (que no se edita: se actualiza desde el
   servidor de Administranto). Lo agrega nginx a cada página (sub_filter en /etc/nginx/sites-available/portal-patagonia).
   2026-10-02, Héctor: "podés cambiar para que estas dos sean iguales" — en la columna derecha de la portada, todas las
   secundarias con la foto grande, como la primera (el estilo "diario" del CMS achica de la segunda en adelante). */
@media (min-width: 760px) {
  html .estilo-diario .portada-secundarias .t-secundaria:not(:first-child) { display: flex; flex-direction: column; grid-template-columns: none; gap: 0; }
  html .estilo-diario .portada-secundarias .t-secundaria:not(:first-child) .t-foto { margin: 10px 0 0; aspect-ratio: 16 / 10; width: 100%; }
  html .estilo-diario .portada-secundarias .t-secundaria:not(:first-child) .t-txt { width: 100%; }
  html .estilo-diario .portada-secundarias .t-secundaria:not(:first-child) .t-titulo { font-size: 19px; }
}

/* 2026-10-02, Héctor eligió el logo "cabecera centrada" de InterPatagonia Noticias (abm web/marca/noticias).
   El logo está cargado en Configuración (lo usan newsletter, Google y las vistas previas), pero el CMS lo sirve a 480 px y
   a 48–70 px de alto: acá se muestra más grande y nítido desde /uploads/marca, y en versión clara sobre fondo oscuro
   (modo oscuro y pie). La imagen del CMS queda transparente encima, para conservar su texto alternativo. */
html .marca img, html .estilo-diario .marca img { height: 64px; width: auto; aspect-ratio: 1000 / 289; opacity: 0; }
html .marca:has(img) { background: url(/uploads/marca/ip-noticias-claro.png) no-repeat center / contain; }
html .marca-pie:has(img) { background-image: url(/uploads/marca/ip-noticias-oscuro.png); }
:root[data-tema="oscuro"] .marca:has(img) { background-image: url(/uploads/marca/ip-noticias-oscuro.png); }
@media (prefers-color-scheme: dark) { :root:not([data-tema="claro"]) .marca:has(img) { background-image: url(/uploads/marca/ip-noticias-oscuro.png); } }
@media (min-width: 760px) { html .marca img, html .estilo-diario .marca img { height: 96px; } html .marca-pie img { height: 72px !important; } }