:root{--crema:#F6EFE7;--terracota:#C45C26;--salvia:#6B8F71;--tinta:#2A211C;--papel:#FFF9F4}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--crema);color:var(--tinta);font-family:Inter,sans-serif;font-size:1.05rem;line-height:1.55}
img{max-width:100%;height:auto}
h1,h2,h3,.marca{font-family:"Space Grotesk",sans-serif;font-weight:700;letter-spacing:-.03em}
h1{font-size:clamp(3rem,6.4vw,5.4rem);line-height:.92;margin:0 0 16px}
h2{font-size:clamp(1.8rem,3vw,2.4rem);margin:0 0 12px}
a{color:inherit}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.contenedor{width:min(1120px,calc(100% - 40px));margin-inline:auto}
.cabecera{position:sticky;top:0;z-index:20;background:
  radial-gradient(ellipse 42% 120% at 0% 0%,rgba(196,92,38,.16),transparent 70%),
  radial-gradient(ellipse 36% 140% at 100% 0%,rgba(107,143,113,.2),transparent 72%),
  var(--crema);
  border-bottom:1px solid var(--terracota)}
.barra{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px 16px;padding:14px 0 8px}
.marca{grid-column:2;grid-row:1;display:inline-flex;align-items:center;gap:8px;justify-self:center;text-decoration:none;font-size:1.25rem}
.marca img{width:36px;height:36px}
.tel-cab{grid-column:3;grid-row:1;justify-self:end;text-decoration:none;font-weight:600}
#menu{grid-column:1 / -1;grid-row:2;display:flex;justify-content:space-between;gap:14px;padding:8px 0 12px}
#menu a{text-decoration:none;font-size:.95rem}
#menu a[aria-current="page"]{box-shadow:inset 0 -2px 0 var(--terracota)}
.hamburguesa{display:none;font:inherit;font-weight:700;background:transparent;border:1px solid var(--tinta);padding:8px 12px;cursor:pointer}
.portada{padding:42px 0 20px}
.portada-rejilla{display:grid;grid-template-columns:1.45fr .72fr .95fr;gap:28px 32px;align-items:start}
.kicker{margin:0 0 10px;font-family:"Space Grotesk",sans-serif;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--terracota);font-size:.8rem}
.bajada{font-size:1.15rem;max-width:36rem}
.foto{grid-column:3;grid-row:1 / span 2;margin:0}
.foto img{width:100%;height:100%;min-height:460px;object-fit:cover;display:block}
.sumario{border-top:1px solid var(--terracota);border-bottom:1px solid var(--terracota);display:grid;gap:12px;padding:14px 0;margin:0}
.sumario strong{display:block;font-family:"Space Grotesk",sans-serif;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--terracota)}
.btn{display:inline-block;background:var(--tinta);color:var(--crema);text-decoration:none;font-weight:700;padding:12px 16px;box-shadow:4px 4px 0 var(--terracota)}
.btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--terracota)}
.seccion{padding:28px 0}
.pasos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.paso{background:var(--papel);border:1px solid var(--tinta);box-shadow:5px 5px 0 var(--salvia);padding:16px}
.paso span{font-family:"Space Grotesk",sans-serif;color:var(--terracota);font-weight:700}
.carta{list-style:none;margin:0;padding:0}
.item{display:grid;grid-template-columns:72px 1fr auto;gap:14px;align-items:center;border-bottom:1px solid rgba(196,92,38,.55);padding:10px 0}
.item img{width:72px;height:72px;object-fit:cover}
.item b{font-family:"Space Grotesk",sans-serif;font-size:1.25rem}
.nota{font-size:.92rem}
.dos{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}
.dos img{width:100%;height:320px;object-fit:cover}
.filtros{display:flex;flex-wrap:wrap;gap:12px;margin:8px 0 18px}
.filtros label{font-weight:700;flex:1;min-width:180px}
input,select,textarea{display:block;width:100%;margin-top:4px;font:inherit;padding:10px 12px;border:1px solid var(--tinta);border-radius:0;background:#fff;color:var(--tinta)}
.forma{display:grid;gap:12px;max-width:34rem}
.galeria{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.galeria figure{margin:0}
.galeria img{width:100%;height:220px;object-fit:cover;cursor:zoom-in}
figcaption{font-size:.85rem;padding-top:6px}
.pagina{padding:36px 0 64px}
.prosa{max-width:42rem}
.prosa img{width:100%;height:360px;object-fit:cover;margin-top:16px}
details{border-bottom:1px solid var(--terracota);padding:8px 0}
summary{cursor:pointer;font-weight:700}
.pie{border-top:1px solid var(--terracota);padding:28px 0 48px;margin-top:20px}
.pie-rejilla{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}
.legales,.redes{display:flex;flex-wrap:wrap;gap:10px 14px}
.redes a,.legales a{display:inline-flex;align-items:center;gap:6px}
.redes img{width:16px;height:16px}
.flotantes{position:fixed;right:16px;bottom:16px;z-index:30;display:flex;flex-direction:column;gap:8px}
.flo{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;background:#fff;color:var(--tinta);text-decoration:none;font-weight:700;border:1px solid var(--tinta);box-shadow:3px 3px 0 var(--tinta);cursor:pointer;font:inherit}
.flo svg,.flo img{width:26px;height:26px;flex:none;display:block}
.chat{position:fixed;z-index:35;right:16px;bottom:168px;width:min(340px,calc(100% - 32px));background:var(--papel);border:1px solid var(--tinta);box-shadow:6px 6px 0 var(--salvia);padding:14px}
.chat[hidden],.cookies[hidden]{display:none !important}
.chat-rapidas{display:flex;flex-wrap:wrap;gap:6px}
.chat-rapidas button,.ck-si,.ck-no,.link-cookies{font:inherit;font-weight:700;border:1px solid var(--tinta);background:#fff;padding:8px 12px;cursor:pointer}
.ck-si{background:var(--tinta);color:var(--crema)}
.link-cookies{background:transparent;border:0;text-decoration:underline;padding:0}
.cookies{position:fixed;z-index:40;left:16px;right:16px;bottom:16px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:var(--papel);border:1px solid var(--tinta);box-shadow:6px 6px 0 var(--terracota);padding:14px 16px}
.cookies p{margin:0;flex:1 1 16rem}
dialog{border:1px solid var(--tinta);background:var(--crema);max-width:min(720px,92vw);padding:12px}
dialog img{width:100%;height:auto}
body:has(.cookies:not([hidden])) .flotantes{transform:translateY(-124px)}
@media(min-width:801px){
  .pie .contenedor{padding-right:170px}
}
@media(max-width:800px){
  .hamburguesa{display:inline-flex;grid-column:1;grid-row:1}
  .barra{grid-template-columns:auto 1fr}
  .marca{grid-column:2}
  .tel-cab{display:none}
  #menu{display:none;grid-column:1 / -1;grid-row:2;flex-direction:column;background:var(--crema);padding-bottom:14px}
  #menu.abierto{display:flex}
  .portada-rejilla,.pasos,.dos,.pie-rejilla,.galeria{grid-template-columns:1fr}
  .foto{grid-column:auto;grid-row:auto}
  .foto img{min-height:240px}
  h1{font-size:clamp(2.4rem,12vw,3.4rem)}
}
@media(prefers-reduced-motion:reduce){*{transition:none !important;scroll-behavior:auto !important}}