:root{--ink:#201714;--copper:#a8603a;--cream:#fbf7f1;--line:#e5d8cc}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.7}.blog-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px clamp(24px,6vw,88px);border-bottom:1px solid var(--line);background:#fffdf9}.blog-brand{color:var(--ink);font-weight:800;letter-spacing:.16em;text-decoration:none}.language-switch{display:flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}.language-switch a{padding:8px 14px;color:var(--ink);font-size:14px;font-weight:700;text-decoration:none}.language-switch a[aria-current="page"]{background:var(--copper);color:#fff}.blog-main{max-width:1120px;margin:auto;padding:clamp(48px,8vw,112px) 24px}.eyebrow{margin:0 0 15px;color:var(--copper);font-size:12px;font-weight:800;letter-spacing:.16em}.hero{max-width:800px;margin-bottom:58px}.hero h1{max-width:700px;margin:0;font-family:Georgia,serif;font-size:clamp(46px,7vw,82px);line-height:1.02;letter-spacing:-.055em}.hero .lead{max-width:610px;margin:26px 0 0;font-size:clamp(18px,2vw,22px);color:#5d4c44}.media-space{display:grid;place-items:center;min-height:clamp(280px,42vw,480px);margin:0 0 74px;border:1px dashed #c9a891;border-radius:18px;background:linear-gradient(135deg,#f2e6da,#fffdfa);color:#8d6853;text-align:center}.media-space strong{display:block;font-size:15px;letter-spacing:.12em}.media-space span{font-size:14px}.article{max-width:760px;margin:auto}.article h2{margin:62px 0 16px;font-family:Georgia,serif;font-size:clamp(30px,4vw,46px);line-height:1.1;letter-spacing:-.035em}.article p{margin:0 0 22px;font-size:18px}.note{margin:42px 0;padding:24px 27px;border-left:4px solid var(--copper);background:#fffdf9}.note p{margin:0;font-size:16px}.blog-footer{padding:34px 24px;text-align:center;border-top:1px solid var(--line);color:#705d53;font-size:14px}@media(max-width:560px){.blog-header{padding:17px 20px}.blog-main{padding:48px 20px}.hero h1{font-size:49px}.article p{font-size:17px}.media-space{min-height:245px;margin-bottom:54px}}
 .blog-feature-image{margin:0 0 74px;border-radius:18px;overflow:hidden;background:#f2e6da}.blog-feature-image img{display:block;width:100%;height:auto;max-height:620px;object-fit:cover;object-position:center}@media(max-width:560px){.blog-feature-image{margin-bottom:54px;border-radius:12px}}
/* Imagen de portada completa con zoom al explorarla. */
.blog-feature-image{margin:0 0 74px;border-radius:18px;overflow:hidden;background:#f2e6da}.blog-feature-image img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;transition:transform .45s ease;transform-origin:center}.blog-feature-image:hover img{transform:scale(1.08)}@media(max-width:560px){.blog-feature-image{margin-bottom:54px;border-radius:12px}.blog-feature-image:hover img{transform:scale(1.04)}}
:root{--ink:#3B3B3B;--copper:#B87333;--cream:#FAF8F5;--line:#DDCDB7;--sand:#F5E7D0;--slate:#547C85;--olive:#A7B99D}
.blog-main{padding-top:clamp(36px,5vw,68px);padding-bottom:clamp(44px,6vw,82px)}.hero{margin-bottom:38px}.media-space{margin-bottom:46px}.article h2{margin-top:44px}.note{margin:30px 0}
/* Misma jerarquía editorial que el resto del sitio. */
.blog-main .hero h1{font-size:clamp(2.35rem,4.2vw,4.4rem);line-height:1.05}.blog-main .hero .lead{font-size:clamp(1rem,1.25vw,1.22rem);line-height:1.55}.article h2{font-size:clamp(1.9rem,3vw,3.15rem);line-height:1.1;margin-bottom:.75rem}.article p{font-size:clamp(.98rem,1.05vw,1.12rem);line-height:1.65;margin-bottom:1rem}.blog-main .eyebrow{font-size:.78rem;line-height:1.35;letter-spacing:.14em}@media(max-width:560px){.blog-main .hero h1{font-size:clamp(2.25rem,10vw,3rem)}.article p{font-size:1rem}}

/* Franja editorial de ancho completo: contenido compacto y equilibrado. */
.blog-main{max-width:none!important;padding:0 0 clamp(46px,6vw,78px)!important}.blog-main>.hero{max-width:none!important;min-height:230px;margin:0 0 clamp(38px,5vw,64px)!important;padding:30px max(5vw,32px)!important;background:var(--sand);display:grid;grid-template-columns:minmax(260px,.9fr) minmax(320px,1.1fr);grid-template-rows:auto auto;column-gap:clamp(32px,7vw,130px);align-items:center}.blog-main>.hero .eyebrow{grid-column:1;grid-row:1;align-self:end;margin:0 0 14px}.blog-main>.hero h1{grid-column:2;grid-row:1/3;align-self:center;max-width:760px;margin:0!important;font-size:clamp(2.8rem,5.2vw,5.4rem)!important}.blog-main>.hero .lead{grid-column:1;grid-row:2;align-self:start;max-width:390px;margin:0!important}.blog-main>.blog-feature-image,.blog-main>.article{width:min(1120px,calc(100% - 48px));margin-left:auto!important;margin-right:auto!important}.blog-main>.article{max-width:760px}@media(max-width:700px){.blog-main>.hero{min-height:0;padding:36px 24px!important;display:block}.blog-main>.hero .eyebrow,.blog-main>.hero h1,.blog-main>.hero .lead{max-width:none;margin:0 0 18px!important}.blog-main>.hero .lead{margin-bottom:0!important}.blog-main>.blog-feature-image,.blog-main>.article{width:calc(100% - 40px)}}

/* Índice lateral del blog: visible al leer, compacto al salir de él. */

/* Ritmo tipográfico del blog, alineado con el resto de Kidana. */
.blog-main>.hero h1{font-size:clamp(2.45rem,4.45vw,4.65rem)!important;line-height:1.06!important}.blog-main>.hero .lead{font-size:clamp(.98rem,1.15vw,1.12rem)!important;line-height:1.58!important}.article h2{font-size:clamp(1.78rem,2.65vw,2.75rem)!important;line-height:1.14!important}.article p{font-size:clamp(.96rem,1.04vw,1.06rem)!important;line-height:1.67!important}@media(max-width:700px){.blog-main>.hero h1{font-size:clamp(2.15rem,9vw,2.8rem)!important}.article h2{font-size:clamp(1.7rem,7.2vw,2.25rem)!important}}

/* Escala editorial fluida, equivalente a la del resto del sitio. */
.blog-main>.hero h1{font-size:clamp(2.08rem,3vw,3rem)!important;line-height:1.07!important}.blog-main>.hero .lead,.article p{font-size:clamp(1rem,.38vw + .9rem,1.12rem)!important;line-height:1.6!important}.article h2{font-size:clamp(1.78rem,2.35vw,2.5rem)!important;line-height:1.12!important}@media(max-width:700px){.blog-main>.hero h1{font-size:clamp(1.95rem,8vw,2.55rem)!important}.article h2{font-size:clamp(1.65rem,6.8vw,2.12rem)!important}.blog-main>.hero .lead,.article p{font-size:clamp(.98rem,3.9vw,1.05rem)!important}}

/* Los textos descriptivos mantienen la escala general del sitio. */
.blog-main>.hero .lead,.article p{font-size:clamp(1.05rem,1.18vw,1.16rem)!important;line-height:1.6!important}@media(max-width:700px){.blog-main>.hero .lead,.article p{font-size:1.03rem!important}}