:root{
  --brown-950:#4A3D39; --brown-800:#5F4F49; --brown-700:#83706C; --brown-400:#A8938D;
  --cream:#BDE0DF; --paper:#F4F4F1; --pink-dark:#C27C89; --misty-rose:#EBCDD0;
  --mint-dark:#4E8683; --mint:#8CC0BE; --platinum:#DFE0DA; --radius:2px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--brown-950);font-family:'Work Sans',sans-serif;font-size:17px;line-height:1.7}
img{max-width:100%;height:auto;display:block}
a{color:var(--mint-dark)}
h1,h2,h3{font-family:'Fraunces',serif;font-weight:450;letter-spacing:-.01em;line-height:1.2;color:var(--brown-950)}
.site-head{background:#F4F4F1}
.site-head .in{max-width:1080px;margin:0 auto;padding:8px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.logo img{display:block;height:auto}
.logo .logo-icono{width:58px}
.logo .logo-letras{width:196px}
@media (max-width:520px){.logo .logo-icono{width:44px}.logo .logo-letras{width:146px}}
.cinta{height:20px;background:url(/img/marca/cinta-kakahuat.webp) repeat-x;background-size:auto 20px}
.site-head nav{display:flex;gap:6px 18px;flex-wrap:wrap;font-size:.92rem}
.site-head nav a{color:var(--brown-950);text-decoration:none}
.site-head nav a:hover{text-decoration:underline}
.crumbs{max-width:760px;margin:22px auto 0;padding:0 16px;font-size:.85rem;color:var(--brown-700)}
.crumbs ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:4px}
.crumbs li+li::before{content:"›";margin-right:4px}
.crumbs a{color:var(--brown-700)}
article{max-width:760px;margin:0 auto;padding:8px 16px 40px}
.eyebrow{font-family:'Caveat',cursive;color:var(--pink-dark);font-size:1.35rem}
article h1{font-size:clamp(1.9rem,5vw,2.7rem);margin:.2em 0 .4em}
.meta{font-size:.88rem;color:var(--brown-700);margin-bottom:22px}
.lede{font-size:1.15rem;color:var(--brown-800)}
article h2{font-size:clamp(1.45rem,3.6vw,1.85rem);margin:2em 0 .5em;padding-top:.4em;border-top:1px solid rgba(74,61,57,.12)}
article h3{font-size:1.22rem;margin:1.5em 0 .3em}
figure{margin:26px 0}
figure img{border-radius:var(--radius);aspect-ratio:4/3;object-fit:cover;width:100%}
figcaption{font-size:.85rem;color:var(--brown-700);margin-top:6px;line-height:1.4}
.toc{background:#fff;border:1px solid rgba(74,61,57,.12);padding:16px 20px;margin:24px 0}
.toc strong{font-family:'Fraunces',serif;font-weight:600}
.toc ol{margin:8px 0 0;padding-left:20px}
.card{background:#fff;border:1px solid rgba(74,61,57,.12);border-left:4px solid var(--mint);padding:16px 20px;margin:18px 0}
.card h3{margin-top:0}
.tip{background:var(--misty-rose);padding:14px 18px;margin:20px 0;border-radius:var(--radius)}
.table-wrap{overflow-x:auto;margin:18px 0}
table{border-collapse:collapse;width:100%;font-size:.95rem;background:#fff}
th,td{border:1px solid rgba(74,61,57,.15);padding:9px 12px;text-align:left;vertical-align:top}
th{background:var(--cream);font-weight:600}
.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:620px){.two{grid-template-columns:1fr}}
.cta{background:var(--brown-950);color:#F4F4F1;padding:26px 22px;margin:36px 0 10px;border-radius:var(--radius);text-align:center}
.cta h2{color:#F4F4F1;border:0;margin:0 0 .4em;padding:0}
.cta p{margin:0 0 16px}
.btn{display:inline-block;padding:12px 20px;border-radius:var(--radius);text-decoration:none;font-weight:600;margin:4px}
.btn-wa{background:#25D366;color:#fff}
.btn-light{background:var(--cream);color:var(--brown-950)}
.faq details{background:#fff;border:1px solid rgba(74,61,57,.12);padding:12px 16px;margin:8px 0}
.faq summary{cursor:pointer;font-weight:600}
.faq details p{margin:.6em 0 0}
.related{max-width:760px;margin:0 auto;padding:0 16px 40px}
.related a{display:block;background:#fff;border:1px solid rgba(74,61,57,.12);padding:16px 20px;text-decoration:none;color:var(--brown-950)}
.related a span{display:block;font-size:.85rem;color:var(--brown-700)}
.related a strong{font-family:'Fraunces',serif;font-weight:450;font-size:1.2rem}
.site-foot{background:#FAF9F6;color:var(--brown-950);text-align:center;font-size:.88rem;position:relative;overflow:hidden}
.site-foot a{color:var(--brown-950)}
.foot-in{max-width:900px;margin:0 auto;padding:34px 16px 26px;position:relative;z-index:1}
.foot-logo{width:170px;margin:0 auto 6px}
.foot-slogan{width:260px;max-width:80%;margin:4px auto 18px}
.foot-orn{width:220px;margin:14px auto 10px}
.foot-in p{margin:0 0 6px}
.foot-copy{font-size:.75rem;color:var(--brown-800)}
.foot-trufa{position:absolute;width:74px;z-index:0;pointer-events:none}
.foot-trufa.t1{left:5%;bottom:30px;transform:rotate(-12deg)}
.foot-trufa.t2{right:6%;top:48px;transform:rotate(10deg);width:60px}
.foot-trufa.t3{right:13%;bottom:22px;transform:rotate(-6deg);width:50px}
@media (max-width:620px){.foot-in{padding-bottom:40px}.foot-trufa{width:42px}.foot-trufa.t1{left:4%;top:40px;bottom:auto}.foot-trufa.t2{right:4%;top:40px;width:38px}.foot-trufa.t3{display:none}}

/* ---------- Fotos estilo periódico ----------
   figure.lado.lado-izq / .lado-der -> foto vertical 3:4 al costado; .v916 si es 9:16
   figure.galeria                  -> varias fotos verticales en fila
   figure normal                   -> foto horizontal a todo el ancho */
article p, article li{hyphens:auto; -webkit-hyphens:auto; text-wrap:pretty}
article h2, article h3, .cta, .faq, .table-wrap, .toc, .galeria{clear:both}
figure.lado{width:40%; margin:6px 0 14px}
figure.lado-izq{float:left; margin-right:24px}
figure.lado-der{float:right; margin-left:24px}
figure.lado img{aspect-ratio:3/4}
figure.lado.v916{width:32%}
figure.lado.v916 img{aspect-ratio:9/16}
figure.galeria{display:grid; gap:12px; margin:20px 0}
/* columnas proporcionales al ancho de cada foto para que todas queden de la misma altura */
figure.galeria.g2{grid-template-columns:.578fr .75fr}
figure.galeria.g3{grid-template-columns:.75fr .5625fr .5625fr}
figure.galeria img{aspect-ratio:auto}
figure.galeria figcaption{grid-column:1/-1}
@media (max-width:560px){
  figure.lado, figure.lado.v916{float:none; width:72%; margin:16px auto}
  figure.galeria.g3{grid-template-columns:1fr 1fr}
  figure.galeria.g3 img{aspect-ratio:9/16; object-fit:cover}
  figure.galeria.g3 picture:first-child img{aspect-ratio:3/4}
  figure.galeria.g3 picture:first-child{grid-column:1/-1}
}
.card dl{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:8px 0 0;font-size:.95rem}
.card dt{font-weight:600}
.card dd{margin:0}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:20px}
.post-card{background:#fff;border:1px solid rgba(74,61,57,.12);text-decoration:none;color:var(--brown-950);display:flex;flex-direction:column}
.post-card img{aspect-ratio:4/3;object-fit:cover;width:100%}
.post-card div{padding:16px 18px}
.post-card h2{font-size:1.25rem;margin:0 0 .4em;border:0;padding:0}
.post-card p{margin:0;font-size:.95rem;color:var(--brown-800)}