/**
 * /assets/css/box-pnws.css v.6.0.9
 * ✅ LIGHTHOUSE 90+ READY.
 * ✅ SOPORTE: Nivel 3 y Texto fluido alrededor de imagen (Float).
 */

@font-face { font-family: 'Merriweather'; src: url('../font/merriweather-latin-500-normal.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Bob Condensed'; src: url('../font/bob-cnd-700.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }

:root {
    --border-color: #555;
    --text-color: #1a1a1a;
    --link-color: #0066cc;
    --gap-pnws: 2.5%;
    --container-max: 1220px;
    --font-body: 'Merriweather', serif;
    --font-titles: 'Bob Condensed', sans-serif;
    --border-radius: 4px;
}

*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; padding: 0; background: #fff; font-family: var(--font-body); color: var(--text-color); }
a { color: #333; text-decoration: none; }
h1, h2, h3, h4 { margin: 0; font-family: var(--font-titles); }
h2 {font-family: 'Merriweather', serif; hyphens: auto; font-weight: 600; display: block;font-size: 1.12em; line-height: 1.3em; margin-top: 10px;margin-bottom: 0px;margin-left: 0;margin-right: 0;font-weight: bold;}
p { margin: 0; hyphens: auto;}
.v17 { width: 100%; height: 17px; clear: both; }
.v22 { width: 100%; height: 22px; clear: both; }
.main-wrapper { width: 100%; max-width: var(--container-max); margin: 0 auto; padding: 0 10px; }

/* ESTRUCTURA DE NIVELES */
.section-level-1, .section-level-2, .section-level-3 {
    display: flex !important;
    gap: var(--gap-pnws);
    margin-bottom: 35px;
    clear: both;
}
.box-main-feature { flex: 0 0 35%; max-width: 427px; }
.box-column-side { flex: 0 0 30%; max-width: 366px; }

/* ESTILOS DE LISTA CON FLOAT LEFT */
.level1-post { border-bottom: 0.8px solid #eee; padding-bottom: 12px; margin-bottom: 12px; overflow: hidden; clear: both; }
.thumb-left { float: left; width: 130px; height: 78px; margin-right: 12px; margin-bottom: 4px; object-fit: cover; border-radius: var(--border-radius); border: 1px solid #ddd; }
.level1-title { font-size: .9rem; letter-spacing: .4px; line-height: 1.07rem; color: #655F23; font-weight: 700; margin-bottom: 3px; display: block; }
.box-excerpt { font-size: 0.75rem; line-height: .94rem; color: #444; hyphens: auto;}
.last-excerpt {font-family: 'Merriweather', serif; hyphens: auto; font-size: .9em; line-height: 1.3em; margin: 10px 0px; letter-spacing: .4px;}

/* ESTILOS DE GRID 2x2 */
.grid-box-5 { display: grid; grid-template-columns: 1fr 1fr; gap: 30px 20px; width: 100%; }
.grid5-item img { width: 100%; aspect-ratio: 13/9; object-fit: cover; border-radius: var(--border-radius); border: 1px solid #ddd; }
.grid5-title {font-family: 'Bob Condensed'; font-size: 0.91rem; line-height: 1rem; color: #655F23; font-weight: 700; margin-bottom: 4px; }

/* LAZY LOAD ANIMATION */
.perunews-lazy-img { opacity: 0; transition: opacity 0.5s ease; }
.img-loaded { opacity: 1 !important; }

@media (max-width: 1024px) {
    .section-level-1, .section-level-2, .section-level-3 { flex-direction: column; }
    .box-main-feature, .box-column-side { max-width: 100%; }
}