/* ════════════════════════════════════════════════════════════════
   Dunes AI — Plantilla: NOTICIA estándar
   Estilo Infobae · eldiario.es · The Information
   ════════════════════════════════════════════════════════════════ */

.dunes-template-noticia .dai-tpl {
    padding: 40px 20px 80px;
    background: var(--dtpl-bg);
}

.dunes-template-noticia .dai-tpl__article {
    max-width: var(--dtpl-container);
    margin: 0 auto;
}

/* v1.29.4 — Article es ahora el grid principal: share | main | sidebar.
   Share y sidebar viven al lado del TÍTULO desde el inicio y son sticky. */
.dunes-template-noticia .dai-tpl__article {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, var(--dtpl-container, 720px));
    grid-template-areas: "main";
    column-gap: 40px;
    max-width: var(--dtpl-container, 720px);
    margin: 0 auto;
    align-items: start;
}
.dunes-template-noticia .dai-tpl__article.has-share {
    grid-template-columns: 44px minmax(0, var(--dtpl-container, 720px));
    grid-template-areas: "share main";
    max-width: calc(44px + 40px + 720px);
}
.dunes-template-noticia .dai-tpl__article.has-sidebar {
    grid-template-columns: minmax(0, var(--dtpl-container, 720px)) 300px;
    grid-template-areas: "main sidebar";
    max-width: 1060px;
}
.dunes-template-noticia .dai-tpl__article.has-share.has-sidebar {
    grid-template-columns: 44px minmax(0, var(--dtpl-container, 720px)) 300px;
    grid-template-areas: "share main sidebar";
    max-width: calc(44px + 40px + 720px + 40px + 300px); /* 1144 */
}
.dunes-template-noticia .dai-tpl__article > .dai-tpl__share {
    grid-area: share;
    position: sticky;
    top: 90px;
    align-self: start;
    /* Quitar el left:-76 absolute del modo viejo */
    left: auto !important;
}
.dunes-template-noticia .dai-tpl__article > .dai-tpl__main {
    grid-area: main;
    min-width: 0;
}
.dunes-template-noticia .dai-tpl__article > .dai-tpl__sidebar {
    grid-area: sidebar;
    position: sticky;
    top: 90px;
    align-self: start;
}

/* Bloques de cierre (ad bottom + related + GN bottom) fuera del grid del article */
.dunes-template-noticia .dai-tpl__after {
    max-width: var(--dtpl-container, 720px);
    margin: 32px auto 0;
}

/* Cero margen superior en el primer hijo del body */
.dunes-template-noticia .dai-tpl__body > *:first-child {
    margin-top: 0 !important;
}
.dunes-template-noticia .dai-tpl__body > .dai-gnews-inline:first-child,
.dunes-template-noticia .dai-tpl__body > .dai-gnews-promoter:first-child {
    margin-top: 0 !important;
}

@media (max-width: 1100px) {
    .dunes-template-noticia .dai-tpl__article,
    .dunes-template-noticia .dai-tpl__article.has-share,
    .dunes-template-noticia .dai-tpl__article.has-sidebar,
    .dunes-template-noticia .dai-tpl__article.has-share.has-sidebar {
        display: block;
        max-width: var(--dtpl-container, 720px);
    }
    .dunes-template-noticia .dai-tpl__article > .dai-tpl__share { position: static; }
    .dunes-template-noticia .dai-tpl__article > .dai-tpl__sidebar { position: static; margin-top: 32px; }
}

/* Body con serifa elegante */
.dunes-template-noticia .dai-tpl__body {
    font-family: var(--dtpl-serif);
    font-size: 18px;
    line-height: 1.7;
    color: var(--dtpl-ink2);
}

.dunes-template-noticia .dai-tpl__body p {
    margin: 0 0 18px;
}

.dunes-template-noticia .dai-tpl__body p.lead {
    font-size: 21px;
    font-weight: 400;
    color: var(--dtpl-ink);
    line-height: 1.55;
    margin-bottom: 24px;
}

.dunes-template-noticia .dai-tpl__body h2 {
    font-family: var(--dtpl-sans);
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -0.3px;
    color: var(--dtpl-ink);
    margin: 36px 0 14px;
    line-height: 1.25;
}

.dunes-template-noticia .dai-tpl__body h3 {
    font-family: var(--dtpl-sans);
    font-size: 18px;
    font-weight: 700;
    color: var(--dtpl-ink);
    margin: 28px 0 10px;
}

.dunes-template-noticia .dai-tpl__body strong {
    color: var(--dtpl-ink);
    font-weight: 700;
}
.dunes-template-noticia .dai-tpl__body em { color: var(--dtpl-ink); }

/* Imágenes intercaladas en el cuerpo + figcaption editorial
   El min-width:0 en .dai-tpl__main evita que cualquier contenido ancho
   (imagen sin atributos, embed, tabla) rompa el grid e invada el sidebar. */
.dunes-template-noticia .dai-tpl__main { min-width: 0; }
.dunes-template-noticia .dai-tpl__body { min-width: 0; overflow-wrap: break-word; word-wrap: break-word; }
.dunes-template-noticia .dai-tpl__body img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 28px auto 0;
}
.dunes-template-noticia .dai-tpl__body figure,
.dunes-template-noticia .dai-tpl__body .wp-caption,
.dunes-template-noticia .dai-tpl__body .wp-block-image {
    max-width: 100%;
    width: auto !important;       /* WP a veces inyecta width="N" inline */
    margin: 28px 0 28px;
    clear: both;
}
.dunes-template-noticia .dai-tpl__body figure img,
.dunes-template-noticia .dai-tpl__body .wp-caption img,
.dunes-template-noticia .dai-tpl__body .wp-block-image img {
    width: 100%;
    height: auto;
    margin: 0;
    display: block;
}
.dunes-template-noticia .dai-tpl__body figcaption,
.dunes-template-noticia .dai-tpl__body .wp-caption-text,
.dunes-template-noticia .dai-tpl__body .wp-block-image figcaption {
    font-family: var(--dtpl-sans);
    font-size: 13px;
    line-height: 1.45;
    color: var(--dtpl-ink3);
    margin: 8px 0 0;
    padding: 0;
    text-align: left;
    font-style: normal;
}
/* Las alineaciones flotantes (alignleft/alignright) rompen el ancho del grid
   cuando hay sidebar — las neutralizamos dentro del cuerpo del artículo. */
.dunes-template-noticia .dai-tpl__body img.alignleft,
.dunes-template-noticia .dai-tpl__body img.alignright,
.dunes-template-noticia .dai-tpl__body .alignleft,
.dunes-template-noticia .dai-tpl__body .alignright,
.dunes-template-noticia .dai-tpl__body .alignwide,
.dunes-template-noticia .dai-tpl__body .alignfull {
    float: none;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

/* Blockquote (ya estilado por Body_Formatter en frontend_css del plugin) */

/* Key facts box */
.dunes-template-noticia .dai-tpl__key-facts {
    background: var(--dtpl-bg-soft);
    border-left: 3px solid var(--dtpl-ink);
    padding: 18px 22px;
    margin: 28px 0;
    font-family: var(--dtpl-sans);
}
.dunes-template-noticia .dai-tpl__key-facts-label {
    display: block;
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    color: var(--dtpl-ink3);
    margin-bottom: 12px;
}
.dunes-template-noticia .dai-tpl__key-facts ol {
    margin: 0;
    padding-left: 22px;
    font-family: var(--dtpl-sans);
    font-size: 14.5px;
    line-height: 1.55;
    color: var(--dtpl-ink2);
}
.dunes-template-noticia .dai-tpl__key-facts ol li { margin-bottom: 8px; }
.dunes-template-noticia .dai-tpl__key-facts ol li:last-child { margin-bottom: 0; }
.dunes-template-noticia .dai-tpl__key-facts ol li strong { color: var(--dtpl-ink); font-weight: 700; }

/* Header del artículo */
.dunes-template-noticia .dai-tpl__header {
    max-width: var(--dtpl-container);
    margin: 0 auto 0;
}

@media (max-width: 760px) {
    .dunes-template-noticia .dai-tpl__title { font-size: 30px; letter-spacing: -0.5px; }
    .dunes-template-noticia .dai-tpl__subhead { font-size: 17px; }
    .dunes-template-noticia .dai-tpl__body { font-size: 17px; }
    .dunes-template-noticia .dai-tpl__body p.lead { font-size: 19px; }
    .dunes-template-noticia .dai-tpl__body h2 { font-size: 21px; }
}