:root{
    /* Official Meritíssimo brand colors — Brand Guide v01, approved Sept 2 2026 */
    --burgundy:#7A1024;
    --wine:#4A0815;
    --gold:#C79A3B;
    --cream:#F6EEDF;
    --charcoal:#1E1718;
    --white:#FFFFFF;
    --cream-deep:#EFE3CE;
    --line:#E0D2B8;
    --soft:#6B5E57;

    --display:"Barlow Condensed","Arial Narrow",Arial,sans-serif;
    --body:"Barlow",Aptos,Arial,Helvetica,sans-serif;

    --f-xs:.75rem; --f-sm:.9rem; --f-md:1.0625rem; --f-lg:1.2rem;
    --f-xl:1.6rem; --f-2xl:clamp(2rem,3.6vw,2.9rem); --f-3xl:clamp(2.8rem,6vw,4.6rem);
    --gut:clamp(18px,5vw,56px);
    --max:1200px;
    --photo-ratio:4/3;
  }
  *{box-sizing:border-box}
  body{
    margin:0; background:var(--cream); color:var(--charcoal);
    font-family:var(--body); font-size:var(--f-md); line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }
  img{max-width:100%; display:block}
  p{margin:0}
  a{color:inherit}
  html{scroll-behavior:smooth}
  @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto} *{transition:none!important}}
  :focus-visible{outline:2px solid var(--gold); outline-offset:3px}

  h1,h2,h3{
    font-family:var(--display); font-weight:700; margin:0; line-height:1.02;
    text-transform:uppercase; letter-spacing:.005em; text-wrap:balance;
  }
  .wrap{max-width:var(--max); margin:0 auto; padding-inline:var(--gut)}
  .eyebrow{
    font-family:var(--body); font-size:var(--f-xs); letter-spacing:.2em;
    text-transform:uppercase; font-weight:700; color:var(--burgundy); margin-bottom:12px;
  }
  .lead{font-size:var(--f-lg); color:var(--soft); line-height:1.5}
  .price{font-variant-numeric:tabular-nums; font-weight:700; color:var(--burgundy)}

  /* ---------------- top bar ---------------- */
  html{overflow-x:clip}
  .topbar{background:var(--white); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:30}
  .topbar .wrap{display:grid; grid-template-columns:auto minmax(0,1fr) auto auto;
    align-items:center; gap:16px 22px; padding-block:10px}
  .nav-toggle{display:none}
  .brand{display:block; line-height:0}
  .brand img{height:68px; width:auto}
  nav.links{display:flex; gap:10px 17px; flex-wrap:wrap; justify-content:center}
  nav.links a{font-size:var(--f-sm); font-weight:600; text-decoration:none; color:var(--soft)}
  nav.links a:hover{color:var(--burgundy)}
  .btn{
    display:inline-flex; align-items:center; gap:8px; text-decoration:none; cursor:pointer;
    font-family:var(--display); font-size:1.05rem; font-weight:700; text-transform:uppercase;
    letter-spacing:.06em; padding:11px 20px; border:2px solid transparent; border-radius:2px;
    transition:background .15s ease,color .15s ease,border-color .15s ease;
  }
  .btn-gold{background:var(--gold); color:var(--wine)}
  .btn-gold:hover{background:#B4862C}
  .btn-wine{background:var(--burgundy); color:var(--white)}
  .btn-wine:hover{background:var(--wine)}
  .btn-line{border-color:var(--burgundy); color:var(--burgundy)}
  .btn-line:hover{background:var(--burgundy); color:var(--white)}
  .btn-ghost{border-color:rgba(246,238,223,.5); color:var(--cream)}
  .btn-ghost:hover{background:var(--cream); color:var(--wine)}
  .lang{display:flex; border:1px solid var(--line); border-radius:2px; overflow:hidden}
  .lang button{
    font-family:var(--body); font-size:.72rem; font-weight:700; letter-spacing:.1em;
    cursor:pointer; border:0; background:transparent; color:var(--soft); padding:8px 11px;
  }
  .lang button[aria-pressed="true"]{background:var(--burgundy); color:var(--white)}

  /* ---------------- hero ---------------- */
  .hero{position:relative; background:var(--wine); overflow:hidden}
  .hero-img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover}
  .hero-scrim{
    position:absolute; inset:0;
    background:linear-gradient(100deg, rgba(74,8,21,.96) 0%, rgba(74,8,21,.9) 38%, rgba(74,8,21,.55) 66%, rgba(74,8,21,.22) 100%);
  }
  .hero .wrap{position:relative; padding-block:clamp(52px,8vw,96px); color:var(--cream)}
  .hero .eyebrow{color:var(--gold)}
  .hero h1{font-size:var(--f-3xl); color:var(--white); max-width:16ch}
  .hero h1 em{font-style:normal; color:var(--gold)}
  .hero p.sub{margin-top:20px; max-width:46ch; color:#EDE0D2; font-size:var(--f-lg); line-height:1.5}
  .hero-cta{display:flex; gap:12px; flex-wrap:wrap; margin-top:30px}
  .proof{display:flex; gap:34px; flex-wrap:wrap; margin-top:40px; padding-top:22px; border-top:1px solid rgba(246,238,223,.3); max-width:44rem}
  .proof div{display:flex; flex-direction:column}
  .proof b{font-family:var(--display); font-size:2rem; line-height:1; color:var(--gold); font-variant-numeric:tabular-nums}
  .proof span{font-size:var(--f-xs); letter-spacing:.14em; text-transform:uppercase; font-weight:700; color:#D9C9B6; margin-top:6px}

  /* ---------------- sections ---------------- */
  section{padding-block:clamp(46px,6.5vw,84px)}
  .sec-head{max-width:58ch; margin-bottom:clamp(26px,4vw,42px)}
  .sec-head h2{font-size:var(--f-2xl)}
  .sec-head p{margin-top:12px}
  .white{background:var(--white)}

  .houses{display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(14px,2vw,22px)}
  .house{background:var(--white); border:1px solid var(--line); display:flex; flex-direction:column}
  .white .house{background:var(--cream)}
  .house img{aspect-ratio:var(--photo-ratio); object-fit:contain; background:var(--cream-deep); width:100%}
  .house .body{padding:20px 22px 24px; display:flex; flex-direction:column; gap:9px; flex:1}
  .house .tag{font-size:var(--f-xs); letter-spacing:.2em; text-transform:uppercase; font-weight:700; color:var(--gold)}
  .house h3{font-size:var(--f-xl); color:var(--burgundy)}
  .house p{font-size:var(--f-sm); color:var(--soft)}

  /* ---------------- featured ---------------- */
  .feat{display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(12px,1.6vw,18px)}
  .fcard{background:var(--white); border:1px solid var(--line); display:flex; flex-direction:column}
  .fcard img{aspect-ratio:var(--photo-ratio); object-fit:contain; background:var(--cream-deep); width:100%}
  .fcard .body{padding:16px 16px 18px; display:flex; flex-direction:column; gap:6px; flex:1}
  .fcard .nm{font-family:var(--display); font-size:1.32rem; font-weight:700; text-transform:uppercase; line-height:1.05}
  .fcard .ds{font-size:.82rem; color:var(--soft); line-height:1.45; flex:1}
  .fcard .row{display:flex; align-items:center; justify-content:space-between; gap:10px; border-top:1px solid var(--line); padding-top:10px; margin-top:4px}
  .fcard .price{font-size:1.15rem}
  .fcard .ord{font-size:var(--f-xs); font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--gold); text-decoration:none; border-bottom:1px solid var(--gold)}

  /* ---------------- menu ---------------- */
  .menu-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(22px,3vw,40px); margin-top:8px}
  .cat h3{font-size:1.35rem; color:var(--burgundy); padding-bottom:9px; border-bottom:2px solid var(--gold)}
  .item{display:flex; gap:13px; align-items:center; padding:12px 0; border-bottom:1px solid var(--line)}
  .item img{width:62px; height:62px; object-fit:contain; background:var(--cream-deep); flex:none; border-radius:2px}
  .item .txt{flex:1; min-width:0}
  .item .nm{font-weight:700; font-size:var(--f-sm); line-height:1.25}
  .item .ds{display:block; font-size:.78rem; color:var(--soft); line-height:1.4; margin-top:2px}
  .item .price{font-size:var(--f-sm); white-space:nowrap}
  .menu-foot{margin-top:32px; display:flex; gap:16px; align-items:center; flex-wrap:wrap}

  /* ---------------- pizza band ---------------- */
  .band{background:var(--wine); color:var(--cream)}
  .band .wrap{display:grid; grid-template-columns:1fr 1fr; gap:clamp(26px,5vw,56px); align-items:center}
  .band h2{font-size:var(--f-2xl); color:var(--white)}
  .band h2 em{font-style:normal; color:var(--gold)}
  .band .eyebrow{color:var(--gold)}
  .band p{color:#E4D5C6; margin-top:16px; max-width:46ch}
  .band img{aspect-ratio:var(--photo-ratio); object-fit:contain; background:var(--cream-deep); width:100%; border:1px solid rgba(199,154,59,.45)}
  .band-cta{display:flex; gap:12px; flex-wrap:wrap; margin-top:26px}
  .band ul{margin:20px 0 0; padding:0; list-style:none; display:flex; flex-direction:column; gap:8px}
  .band li{display:flex; justify-content:space-between; gap:16px; border-bottom:1px dotted rgba(199,154,59,.5); padding-bottom:7px; font-size:var(--f-sm)}
  .band li span:first-child{font-weight:600}
  .band li span:last-child{color:var(--gold); font-variant-numeric:tabular-nums; font-weight:700}

  /* ---------------- reviews ---------------- */
  .quotes{display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(16px,2.4vw,26px)}
  .quote{border-left:3px solid var(--gold); padding-left:18px; display:flex; flex-direction:column; gap:10px}
  .quote blockquote{margin:0; font-family:var(--display); font-size:1.4rem; line-height:1.18; text-transform:none; font-weight:600}
  .quote cite{font-style:normal; font-size:var(--f-xs); letter-spacing:.12em; text-transform:uppercase; font-weight:700; color:var(--soft)}
  .stars{color:var(--gold); letter-spacing:.16em; font-size:.85rem}

  /* ---------------- visit ---------------- */
  .visit-grid{display:grid; grid-template-columns:1fr 1fr; gap:clamp(24px,4vw,46px)}
  .facts{display:flex; flex-direction:column; gap:18px; margin:0}
  .fact{display:grid; grid-template-columns:118px 1fr; gap:14px; padding-bottom:16px; border-bottom:1px solid var(--line)}
  .fact dt{font-size:var(--f-xs); letter-spacing:.15em; text-transform:uppercase; font-weight:700; color:var(--burgundy); padding-top:3px}
  .fact dd{margin:0; font-size:var(--f-sm)}
  .fact a{font-weight:700; text-decoration:none; border-bottom:1px solid var(--gold)}
  .hours{display:grid; grid-template-columns:auto 1fr; gap:3px 16px; font-size:var(--f-sm); font-variant-numeric:tabular-nums}
  .hours span:nth-child(odd){font-weight:700}
  .ex{border-bottom:1px dotted var(--burgundy)}
  .map-wrap{display:flex; flex-direction:column; gap:10px}
  .map{
    width:100%; aspect-ratio:1/1; max-width:100%; border:1px solid var(--line);
    background:var(--cream-deep); display:block;
  }
  .map-link{
    align-self:flex-start; font-size:var(--f-xs); letter-spacing:.12em; text-transform:uppercase;
    font-weight:700; color:var(--burgundy); text-decoration:none; border-bottom:1px solid var(--gold);
  }

  .note{background:var(--cream-deep); border-left:4px solid var(--gold); padding:16px 20px; font-size:var(--f-sm); margin-top:30px}
  .note b{color:var(--burgundy)}

  /* ---------------- footer ---------------- */
  footer{background:var(--burgundy); color:#EEDFCF}
  footer .wrap{padding-block:40px; display:flex; gap:26px; flex-wrap:wrap; align-items:center}
  footer img{height:72px; width:auto}
  .social{display:flex; gap:20px; flex-wrap:wrap; margin-left:auto}
  .social a{font-size:var(--f-sm); font-weight:700; text-decoration:none; border-bottom:1px solid transparent}
  .social a:hover{border-bottom-color:var(--gold)}
  .fine{width:100%; border-top:1px solid rgba(238,223,207,.25); padding-top:16px; font-size:var(--f-xs); display:flex; gap:20px; flex-wrap:wrap; color:rgba(238,223,207,.8)}

  /* ---------------- a casa (gallery) ---------------- */
  .casa-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(12px,1.6vw,18px)}
  .casa{position:relative; margin:0; overflow:hidden; border:1px solid var(--line); background:var(--cream-deep)}
  .casa img{width:100%; aspect-ratio:var(--photo-ratio); object-fit:contain; display:block}
  .casa figcaption{
    position:absolute; left:0; right:0; bottom:0; padding:28px 16px 13px; color:var(--white);
    font-size:var(--f-xs); letter-spacing:.14em; text-transform:uppercase; font-weight:700;
    background:linear-gradient(to top, rgba(74,8,21,.88), rgba(74,8,21,0));
  }

  /* ---------------- videos de sabado ---------------- */
  .vids{display:grid; grid-template-columns:1.25fr 1fr 1fr; gap:clamp(12px,1.6vw,18px); align-items:start}
  .vid{margin:0; position:relative; overflow:hidden; border:1px solid var(--line); background:var(--charcoal)}
  .vid video{display:block; width:100%; height:clamp(300px,34vw,520px); object-fit:cover; background:var(--charcoal)}
  .vid:not(.vid-main) figcaption{
    top:0; bottom:auto; padding:13px 16px 30px;
    background:linear-gradient(to bottom, rgba(74,8,21,.9), rgba(74,8,21,0));
  }
  .vid figcaption{
    position:absolute; left:0; right:0; bottom:0; padding:30px 16px 13px; color:var(--white);
    font-size:var(--f-xs); letter-spacing:.14em; text-transform:uppercase; font-weight:700;
    background:linear-gradient(to top, rgba(74,8,21,.9), rgba(74,8,21,0)); pointer-events:none;
  }
  .vid-main{border-color:var(--gold)}
  @media (max-width:760px){
    .vids{grid-template-columns:1fr 1fr}
    .vid-main{grid-column:span 2}
    .vid-main video{height:clamp(280px,70vw,440px)}
    .vid:not(.vid-main) video{height:clamp(240px,52vw,340px)}
  }
  @media (prefers-reduced-motion:reduce){ .vid-main video{animation:none} }

  /* ---------------- unidades ---------------- */
  .units{display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(14px,2vw,22px)}
  .unit{background:var(--white); border:1px solid var(--line); padding:24px 22px 26px; display:flex; flex-direction:column; gap:10px}
  .unit .country{font-size:var(--f-xs); letter-spacing:.2em; text-transform:uppercase; font-weight:700; color:var(--gold)}
  .unit h3{font-size:1.35rem; color:var(--burgundy)}
  .unit .addr{font-size:var(--f-sm); color:var(--soft); line-height:1.5}
  .unit .tel{font-size:var(--f-sm); font-weight:700}
  .unit .acts{display:flex; gap:10px; flex-wrap:wrap; margin-top:auto; padding-top:14px}
  .unit .acts .btn{font-size:.85rem; padding:8px 13px}
  .unit.wide{grid-column:span 2}
  .group-label{
    font-family:var(--display); font-size:1.15rem; font-weight:700; text-transform:uppercase;
    letter-spacing:.1em; color:var(--burgundy); padding-bottom:8px; margin-bottom:18px;
    border-bottom:2px solid var(--gold);
  }
  .units + .group-label{margin-top:38px}
  .dishes-grid{grid-template-columns:repeat(3,1fr)}
  .dish-no-photo{width:100%; aspect-ratio:4/3; display:grid; place-content:center; gap:8px; padding:20px; text-align:center; background:var(--cream-deep); border:1px solid var(--line); color:var(--burgundy)}
  .dish-no-photo strong{font-family:var(--display); font-size:clamp(1.4rem,2.5vw,2rem); text-transform:uppercase; line-height:1.1}
  .dish-no-photo span{font-size:var(--f-xs); color:var(--soft)}
  .dish-photo-note{font-size:var(--f-xs); color:var(--soft)}
  @media(max-width:900px){ .dishes-grid{grid-template-columns:repeat(2,1fr)} }
  @media(max-width:620px){ .dishes-grid{grid-template-columns:1fr} }
  .unit.slot{background:transparent; border:1px dashed var(--burgundy)}
  .unit.slot h3{color:var(--soft)}
  .unit.slot ul{margin:0; padding-left:18px; font-size:var(--f-sm); color:var(--soft); display:flex; flex-direction:column; gap:4px}
  .badge{
    align-self:flex-start; background:var(--burgundy); color:var(--white); font-size:.66rem;
    letter-spacing:.14em; text-transform:uppercase; font-weight:700; padding:4px 9px;
  }

  /* ---------------- catering ---------------- */
  .cat-grid{display:grid; grid-template-columns:1.25fr .75fr; gap:clamp(24px,4vw,48px); align-items:start}
  .cat-what{display:grid; grid-template-columns:1fr 1fr; gap:22px 30px; margin-top:32px}
  .cat-what h3{font-size:1.2rem; color:var(--burgundy); padding-bottom:7px; border-bottom:1px solid var(--line); margin-bottom:8px}
  .cat-what p{font-size:var(--f-sm); color:var(--soft)}
  .steps{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px}
  .steps li{display:flex; gap:14px; align-items:flex-start; font-size:var(--f-sm)}
  .steps .num{
    flex:none; width:28px; height:28px; border-radius:50%; background:var(--burgundy); color:var(--white);
    font-family:var(--display); font-weight:700; display:flex; align-items:center; justify-content:center; font-size:1rem;
  }
  .cat-note{margin-top:22px; font-size:var(--f-sm)}
  .cat-cta{display:flex; gap:12px; flex-wrap:wrap; margin-top:24px}
  .cat-photos{display:grid; grid-template-columns:1fr 1fr; gap:12px}
  .cat-photos figure{margin:0; background:var(--white); border:1px solid var(--line)}
  .cat-photos img{width:100%; object-fit:contain; background:var(--cream-deep); aspect-ratio:var(--photo-ratio)}
  .cat-photos figcaption{padding:9px 11px; font-size:var(--f-xs); font-weight:700; color:var(--burgundy); text-transform:uppercase; letter-spacing:.05em}

  @media (max-width:1050px){
    .units{grid-template-columns:1fr 1fr}
    .unit.wide{grid-column:span 2}
  }
  @media (max-width:900px){
    .houses,.menu-grid,.quotes{grid-template-columns:1fr}
    .feat{grid-template-columns:1fr 1fr}
    .band .wrap,.visit-grid{grid-template-columns:1fr}
    .hero-scrim{background:linear-gradient(180deg, rgba(74,8,21,.9) 0%, rgba(74,8,21,.93) 100%)}
    nav.links{order:4; width:100%; gap:8px 14px; flex-wrap:wrap; padding-top:10px;
      border-top:1px solid var(--line); margin-top:2px}
    nav.links a{font-size:.88rem; padding:9px 6px}
    .js-nav .nav-toggle{display:flex; order:3; width:100%; align-items:center;
      justify-content:space-between; background:var(--cream); color:var(--burgundy);
      border:1px solid var(--line); padding:10px 14px; font:700 .85rem var(--body);
      text-transform:uppercase; letter-spacing:.08em; cursor:pointer}
    .js-nav .nav-toggle::after{content:'+'; font-size:1.3rem; line-height:1}
    .js-nav .nav-toggle[aria-expanded="true"]::after{content:'−'}
    .js-nav nav.links{display:none}
    .js-nav nav.links.is-open{display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
      max-height:calc(100vh - 200px); overflow-y:auto}
    .topbar .wrap{display:flex; flex-wrap:wrap; gap:14px; padding-block:10px}
    .brand{margin-right:auto}
    .brand img{height:58px}
    .casa-grid{grid-template-columns:1fr}
    .casa{height:auto}
    .units{grid-template-columns:1fr}
    .unit.wide{grid-column:span 1}
    .cat-grid{grid-template-columns:1fr}
    .cat-what{grid-template-columns:1fr}
  }
  @media (min-width:461px) and (max-width:900px){
    .feat .fcard:last-child{grid-column:1 / -1; flex-direction:row}
    .feat .fcard:last-child img{width:42%; flex:none}
  }
  @media(max-width:460px){
    .topbar .wrap{gap:8px 10px}
    .brand img{height:46px}
    .topbar .btn{font-size:.82rem; padding:8px 10px}
    .lang button{padding:7px 8px}
    .js-nav nav.links.is-open{grid-template-columns:1fr 1fr}
    .hero-cta .btn{width:100%; justify-content:center}
    .feat{grid-template-columns:1fr}
    .vids{grid-template-columns:1fr}
    .vid-main{grid-column:auto}
    .vid:not(.vid-main) video{height:280px}
    .cat-photos{grid-template-columns:1fr}
  }

  /* ---------------- paginas internas ---------------- */
  .page-head{background:var(--wine); color:var(--cream); padding-block:clamp(32px,5vw,58px)}
  .page-head .eyebrow{color:var(--gold)}
  .page-head h1{font-family:var(--display); font-weight:700; text-transform:uppercase; font-size:clamp(2.1rem,4.4vw,3.2rem); color:#fff; line-height:1}
  .page-head p{margin-top:14px; max-width:60ch; color:#E4D5C6; font-size:var(--f-lg); line-height:1.5}
  .crumb{font-size:var(--f-xs); letter-spacing:.14em; text-transform:uppercase; font-weight:700; color:var(--gold); margin-bottom:12px}
  .crumb a{text-decoration:none; border-bottom:1px solid rgba(199,154,59,.5)}

  .catnav{background:var(--white); border-bottom:1px solid var(--line); position:sticky; top:71px; z-index:20}
  .catnav .wrap{display:flex; gap:16px; overflow-x:auto; padding-block:12px; scrollbar-width:none}
  .catnav .wrap::-webkit-scrollbar{display:none}
  .catnav a{white-space:nowrap; font-size:.8rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; text-decoration:none; color:var(--soft)}
  .catnav a:hover{color:var(--burgundy)}
  .catnav-picker{display:none}

  .mcat{margin-bottom:clamp(30px,4vw,48px); scroll-margin-top:130px}
  .mcat h2{font-size:var(--f-xl); color:var(--burgundy); padding-bottom:9px; border-bottom:2px solid var(--gold); margin-bottom:6px}
  .mcat .pt{font-size:var(--f-xs); letter-spacing:.14em; text-transform:uppercase; font-weight:700; color:var(--gold); margin-bottom:4px}
  .mitems{display:grid; grid-template-columns:1fr 1fr; gap:0 clamp(20px,3vw,44px)}
  .mitem{display:flex; gap:14px; align-items:flex-start; padding:14px 0; border-bottom:1px solid var(--line)}
  .mitem img{width:76px; height:76px; object-fit:contain; background:var(--cream-deep); flex:none; border-radius:2px}
  .mitem .noimg{display:none}
  .mitem .txt{flex:1; min-width:0}
  .mitem .nm{font-weight:700; font-size:var(--f-sm); line-height:1.25; display:block}
  .mitem .ds{font-size:.8rem; color:var(--soft); line-height:1.45; margin-top:3px; display:block}
  .mitem .pr{margin-left:auto; font-variant-numeric:tabular-nums; font-weight:700; color:var(--burgundy); white-space:nowrap; font-size:var(--f-sm); padding-left:10px; flex:none}
  @media(max-width:620px){
    .mitem .pr{white-space:normal; text-align:right; font-size:.82rem; line-height:1.3; max-width:8.5rem}
    .mitem img, .mitem .noimg{width:64px; height:64px}
  }

  .prose{max-width:68ch}
  .prose h2{font-size:var(--f-xl); color:var(--burgundy); margin-top:34px}
  .prose h3{font-size:1.15rem; color:var(--charcoal); margin-top:24px}
  .prose p{margin-top:12px; line-height:1.65}
  .prose ul{margin-top:12px; padding-left:20px}
  .prose li{margin-bottom:7px}
  .prose strong{color:var(--burgundy)}
  .facts-row{display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin:28px 0 0}
  .fbox{background:var(--white); border:1px solid var(--line); padding:18px 20px}
  .fbox b{display:block; font-family:var(--display); font-size:1.8rem; color:var(--burgundy); line-height:1}
  .fbox span{display:block; font-size:var(--f-xs); letter-spacing:.12em; text-transform:uppercase; font-weight:700; color:var(--soft); margin-top:6px}
  .split{display:grid; grid-template-columns:1.2fr .8fr; gap:clamp(24px,4vw,46px); align-items:start}
  .split img{width:100%; aspect-ratio:var(--photo-ratio); object-fit:contain; background:var(--cream-deep); border:1px solid var(--line)}
  .split .dish-no-photo{align-self:start}
  .home-bake{display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:clamp(22px,4vw,44px); align-items:center; margin-top:clamp(32px,5vw,56px); padding:clamp(20px,3vw,32px); background:var(--cream-deep); border:1px solid var(--line)}
  .home-bake h2{font-size:var(--f-xl); color:var(--burgundy); line-height:1.1; margin-top:10px}
  .home-bake p:not(.eyebrow){line-height:1.6; margin-top:14px}
  .home-bake figure{margin:0; min-width:0}
  .home-bake-visual{position:relative}
  .home-bake .family-photo{display:block; width:100%; height:auto; border:1px solid var(--line)}
  .home-bake .photo-signature{position:absolute; left:10px; bottom:10px; display:block; width:clamp(100px,16vw,150px); padding:4px 8px; background:rgba(75,6,22,.88)}
  .home-bake .photo-signature img{display:block; width:100%; height:auto}
  .home-bake figcaption{font-size:var(--f-xs); line-height:1.4; color:var(--soft); margin-top:8px}
  .cta-band{background:var(--cream-deep); border-left:4px solid var(--gold); padding:22px 24px; margin-top:32px; display:flex; gap:14px; flex-wrap:wrap; align-items:center}
  .cta-band p{flex:1; min-width:16rem; font-size:var(--f-sm)}
  .faq{margin-top:34px}
  .faq details{border-bottom:1px solid var(--line); padding:14px 0}
  .faq summary{font-weight:700; cursor:pointer; font-size:var(--f-sm); list-style:none; display:flex; justify-content:space-between; gap:12px}
  .faq summary::-webkit-details-marker{display:none}
  .faq summary::after{content:"+"; color:var(--gold); font-weight:700}
  .faq details[open] summary::after{content:"–"}
  .faq summary small{display:block; margin-top:4px; color:var(--soft); font-size:.9em; font-weight:500}
  .faq p{margin-top:10px; font-size:var(--f-sm); color:var(--soft); line-height:1.6}
  @media (max-width:900px){
    .mitems{grid-template-columns:1fr}
    .facts-row{grid-template-columns:1fr}
    .split{grid-template-columns:1fr}
    .split img{order:-1; max-height:52vh; object-fit:contain}
    .split .dish-no-photo{order:-1; max-height:52vh}
    .home-bake{grid-template-columns:1fr}
    .catnav{top:auto; position:static}
    .js-nav .catnav .wrap{display:none}
    .js-nav .catnav-picker{display:flex; flex-direction:column; gap:6px; padding:12px var(--gut)}
    .catnav-picker span{font-size:.75rem; font-weight:700; letter-spacing:.1em;
      text-transform:uppercase; color:var(--burgundy)}
    .catnav-picker select{width:100%; padding:10px 12px; border:1px solid var(--line);
      background:var(--white); color:var(--charcoal); font:600 1rem var(--body)}
  }

  /* Faixa da historia — puxa o visitante para /historia/ a partir de qualquer pagina */
  .story-strip{background:var(--wine); color:var(--cream); padding-block:clamp(34px,5vw,54px);
               border-bottom:3px solid var(--gold)}
  .story-strip .wrap{max-width:820px}
  .story-strip .eyebrow{color:var(--gold)}
  .story-strip h2{font-size:var(--f-xl); color:var(--white); margin-top:10px; line-height:1.08}
  .story-strip h2 em{font-style:normal; color:var(--gold)}
  .story-strip p{margin-top:14px; color:#E4D5C6; line-height:1.55; max-width:62ch}
  .story-strip .btn{margin-top:24px}