/* ============================================================
   BLOG — fallback PHP para listado (index.php) y single (single.php).
   El diseño definitivo es Elementor Theme Builder (Archivo/Single
   sobre Entradas nativas); este fallback reproduce blog.html y
   blog-branding-estrategico.html mientras tanto.
   Carga condicional (is_home() || is_archive() || is_singular('post') || is_search()).
   ============================================================ */

.post{display:flex;flex-direction:column;gap:14px;text-decoration:none;transition:transform var(--speed) var(--ease)}
.post:hover{transform:translateY(-6px)}
.post__foto{aspect-ratio:3/2;border-radius:var(--radius-card);overflow:hidden;display:flex;align-items:center;justify-content:center;
  font-family:monospace;font-size:12px;color:#8a8680;letter-spacing:.06em;
  background:repeating-linear-gradient(45deg,#ECEAE6 0 12px,#E2DFDA 12px 24px)}
.post__foto img{width:100%;height:100%;object-fit:cover}
.post__cat{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#555}
.post h3{font-family:var(--font-display);font-weight:600;font-size:19px;line-height:1.3}
.post p{font-size:13px;color:#555}
.post__leer{font-size:12px;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid currentColor;align-self:flex-start;padding-bottom:2px;display:inline-block}

/* --- Listado --- */
.bhero{padding:170px 24px 70px;text-align:center;max-width:760px;margin:0 auto}
.bhero h1{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:clamp(38px,5vw,58px);line-height:1.1;margin-top:14px}
.bhero h1 strong{font-weight:600}
.bhero p{font-size:14px;color:#555;margin-top:18px;max-width:520px;margin-left:auto;margin-right:auto}

.destacado{max-width:1200px;margin:0 auto;padding:0 24px 70px}
.destacado a{display:grid;grid-template-columns:1.2fr 1fr;gap:44px;align-items:center;text-decoration:none;
  background:var(--lavanda);border-radius:var(--radius-card);padding:36px;transition:transform var(--speed) var(--ease)}
.destacado a:hover{transform:translateY(-6px)}
.destacado .post__foto{aspect-ratio:16/10}
.destacado h2{font-family:var(--font-display);font-weight:600;font-size:clamp(24px,2.6vw,34px);line-height:1.25;margin:12px 0 14px}
.destacado p{font-size:14px;color:#333}
.destacado .post__leer{margin-top:22px}
@media(max-width:860px){.destacado a{grid-template-columns:1fr}}

.bgrid{max-width:1200px;margin:0 auto;padding:0 24px 130px;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;align-items:start}
@media(max-width:900px){.bgrid{grid-template-columns:1fr}}

/* --- Single --- */
.art{max-width:720px;margin:0 auto;padding:170px 24px 40px}
.art__meta{display:flex;gap:14px;align-items:center;justify-content:center;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#555}
.art h1{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:clamp(32px,4.4vw,50px);line-height:1.15;text-align:center;margin:18px 0 26px}
.art h1 strong{font-weight:600}
.art__bajada{text-align:center;font-family:var(--font-display);font-size:17px;line-height:1.5;color:#333;max-width:560px;margin:0 auto}

.art__hero{max-width:1000px;margin:56px auto 0;padding:0 24px}
.art__hero .post__foto{aspect-ratio:14/9}

.cuerpo{max-width:1000px;margin:70px auto 0;padding:0 24px 60px;font-size:15px;text-align: justify}
.cuerpo p{margin-bottom:22px}
.cuerpo h2{font-family:var(--font-display);font-weight:600;font-size:24px;line-height:1.3;margin:44px 0 16px}
.cuerpo ul{margin:0 0 22px 20px}
.cuerpo li{margin-bottom:8px}
.cuerpo img{border-radius:var(--radius-card);margin-bottom:22px}
.cuerpo blockquote{font-family:var(--font-display);font-style:italic;font-size:20px;line-height:1.4;text-align:center;
  border-top:1px solid rgba(0,0,0,.2);border-bottom:1px solid rgba(0,0,0,.2);padding:34px 10px;margin:44px 0}

.art-cta{background:var(--lavanda);text-align:center;padding:90px 24px}
.art-cta h2{font-family:var(--font-display);font-style:italic;font-weight:600;font-size:clamp(26px,3.4vw,36px);margin-bottom:12px}
.art-cta p{font-size:13.5px;margin-bottom:36px}

.mas{max-width:1200px;margin:0 auto;padding:90px 24px 130px}
.mas h2{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:clamp(26px,3.2vw,36px);margin-bottom:44px;text-align:center}
.mas__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
@media(max-width:860px){.mas__grid{grid-template-columns:1fr}}