/* Mesa Reservada — página de plato v8 (misma estructura que antes, paleta clara + movimiento) */
:root{
  --v8-manteca:#E4DBCA;
  --v8-cream:#F2EBDD;
  --v8-laurel:#2E3A2C;
  --v8-green:#4E6B3E;
  --v8-ink:#1F241F;
  --v8-ease:cubic-bezier(.19,1,.22,1);
}
html{scroll-behavior:auto!important}
html.lenis,html.lenis body{height:auto}
body{background:var(--v8-cream)}

/* ---------- Header con menú horizontal en desktop ---------- */
.pv8 .header{background:rgba(242,235,221,.92)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--v8-laurel)}
.pv8-nav{display:none}
@media (min-width:760px){
  .pv8 .header{padding:0 7vw!important;height:72px}
  .pv8-nav{display:flex;gap:34px}
  .pv8-nav a{font-family:var(--serif);font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.78;transition:opacity .4s ease}
  .pv8-nav a:hover{opacity:1;text-decoration:underline;text-underline-offset:5px}
  .pv8 .menu-button{display:none}
}

/* ---------- Paleta clara: se alternan crema y manteca ---------- */
.pv8 .product-v3-hero{background:var(--v8-cream)}
.pv8 .product-v3-time{border-color:rgba(78,107,62,.4);color:var(--v8-green)}

.pv8 .product-kind{background:var(--v8-manteca);color:var(--v8-laurel)}
.pv8 .product-kind .v3-eyebrow{opacity:1;color:var(--v8-green)}
.pv8 .kind-steps,.pv8 .kind-step{border-color:rgba(46,58,44,.16)!important}
.pv8 .kind-step span{color:var(--v8-green);opacity:1;font-size:14px}
.pv8 .kind-step p{color:var(--v8-ink);opacity:.8}

.pv8 .instructions-v3{background:var(--v8-cream)}
.pv8 .instructions-v3 .v3-eyebrow{color:var(--v8-green)}
.pv8 .instruction-num{color:var(--v8-green);opacity:1}

.pv8 .plating-v3{background:var(--v8-manteca);color:var(--v8-laurel)}
.pv8 .plating-image::after{content:'';position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(180deg,rgba(31,36,31,0),rgba(31,36,31,.55));pointer-events:none}
.pv8 .plating-label{z-index:2}

.pv8 .related-v3{background:var(--v8-cream)}
.pv8 .related-v3 .v3-eyebrow{color:var(--v8-green)}
.pv8-related-img{display:block;overflow:hidden;border-radius:4px;margin-bottom:15px;opacity:1!important}
.pv8 .related-v3-card .pv8-related-img img{margin:0;transition:transform 1.6s var(--v8-ease),opacity 1.4s var(--v8-ease)}
.pv8 .related-v3-card h3{text-transform:none}
@media (hover:hover){.pv8 .related-v3-card:hover .pv8-related-img img{transform:scale(1.045)}}

.pv8 .floating-product-cta{background:var(--v8-laurel);transition:background-color .6s var(--v8-ease),letter-spacing .6s var(--v8-ease)}
.pv8 .floating-product-cta:hover,.floating-product-cta:hover{background:var(--v8-green);letter-spacing:.09em}

/* Plato sin foto: se ve la caja, sin comparador */
.before-after.pv8-no-photo .before-clip,.before-after.pv8-no-photo .slider-line,.before-after.pv8-no-photo + .slider-handle,.before-after.pv8-no-photo .slider-handle{display:none!important}
.pv8-nophoto{position:absolute;left:16px;bottom:16px;z-index:3;font:500 10px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--v8-laurel);background:rgba(242,235,221,.85);padding:8px 12px;border-radius:999px}

/* ---------- Cierre: frase + firma sobre el fondo con trazo ---------- */
.pv8-close{position:relative;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:110px 26px 120px;background:var(--v8-manteca) url('assets/hero-trazo-mobile.webp') center/cover no-repeat;color:var(--v8-laurel);overflow:hidden}
@media (min-width:760px){.pv8-close{background-image:url('assets/hero-trazo-desktop.webp')}}
.pv8-close::before{content:'';position:absolute;inset:0 0 auto;height:140px;background:linear-gradient(180deg,var(--v8-cream),rgba(242,235,221,0));pointer-events:none}
.pv8-close-inner{position:relative;z-index:2}
.pv8-close h2{font-family:var(--serif);font-weight:400;font-size:44px;line-height:.92;letter-spacing:-.02em;margin:0}
.pv8-signature{display:block;width:min(68vw,360px);height:auto;aspect-ratio:395/200;margin:44px auto 0;color:var(--v8-green);transform:rotate(-4deg)}
.pv8-footer{position:absolute;left:26px;right:26px;bottom:30px;max-width:760px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;z-index:3;font-family:var(--serif);text-transform:uppercase}
.pv8-footer a,.pv8-footer strong{font-family:var(--serif);font-weight:400;white-space:nowrap;color:var(--v8-laurel)}
.pv8-footer a{font-size:12px;letter-spacing:.12em;opacity:.78;transition:opacity .2s ease}
.pv8-footer a:hover{opacity:1;text-decoration:underline;text-underline-offset:4px}
.pv8-footer a:last-child{text-align:right}
.pv8-footer strong{font-size:14px;letter-spacing:.1em}
@media (min-width:760px){
  .pv8-close h2{font-size:76px}
  .pv8-signature{width:420px}
  .pv8-footer{bottom:40px}.pv8-footer a{font-size:13px}.pv8-footer strong{font-size:16px}
}
/* el CTA flotante no tapa el footer */
.pv8-close{padding-bottom:150px}
@media (min-width:700px){.pv8-footer{bottom:96px}}
@media (max-width:699px){.pv8-footer{bottom:88px}}

/* ---------- Movimiento (las clases las agrega plato-v8.js) ---------- */
.v8-js .v8-up{opacity:0;transform:translate3d(0,26px,0);transition:opacity 1.3s var(--v8-ease),transform 1.3s var(--v8-ease);transition-delay:var(--d,0s)}
.v8-js .v8-up.is-in{opacity:1;transform:none}
.v8-js .v8-img img{transform:scale(1.08);opacity:.001}
.v8-js .v8-img.is-in img{transform:scale(1);opacity:1;transition:transform 1.6s var(--v8-ease),opacity 1.4s var(--v8-ease)}
.v8-js .plating-image.v8-img img{transform:translateY(-8%) scale(1.08)}
.v8-js .plating-image.v8-img.is-in img{transform:translateY(-8%) scale(1)}
.v8-w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.v8-w>span{display:inline-block;transform:translate3d(0,108%,0);transition:transform 1.4s var(--v8-ease);transition-delay:var(--d,0s)}
.is-in .v8-w>span{transform:none}
.v8-js .pv8-signature{clip-path:inset(0 100% 0 0);transition:clip-path 2.6s cubic-bezier(.65,0,.35,1) .5s}
.v8-js .pv8-signature.is-in{clip-path:inset(0 -5% 0 0)}
.v8-js .pv8-footer{opacity:0;transform:translate3d(0,16px,0);transition:opacity 1.3s var(--v8-ease) 1.2s,transform 1.3s var(--v8-ease) 1.2s}
.v8-js .pv8-footer.is-in{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  .v8-js .v8-up,.v8-js .v8-img img,.v8-w>span,.v8-js .pv8-footer{opacity:1!important;transform:none!important;transition:none!important}
  .v8-js .pv8-signature{clip-path:none!important}
}

/* ---------- Ronda 3: fondo único con papel, esquinas 5px, cierre verde ---------- */
:root{--v8-bg:#EFE8DA;--v8-paper:url('assets/papel.png');--v8-radius:5px;--v8-carbon:#1F241F;--v8-manteca:#E5DCCB;--butter:#EFE8DA;--mr-cream:#EFE8DA}
html,body,.pv8,.pv8 :is(.product-v3-hero,.product-kind,.instructions-v3,.plating-v3,.related-v3){background:var(--v8-bg) var(--v8-paper) repeat 0 0/1024px!important}
.pv8 .header{background:rgba(243,237,226,.92)!important}
.pv8 .kind-step p,.pv8 .instruction p,.pv8 .product-kind,.pv8 .plating-v3{color:var(--v8-ink)}
.pv8 :is(.product-v3-time,.product-v3-facts span,.before-after-frame,.pv8-related-img,.pv8-nophoto,.floating-product-cta){border-radius:var(--v8-radius)!important}
@media (min-width:700px){.floating-cta-bar{border-radius:calc(var(--v8-radius) + 4px)!important}}
.floating-cta-bar{background:rgba(243,237,226,.92)!important}

.pv8-close{background:var(--v8-carbon)!important;color:var(--v8-manteca)!important}
.pv8-close::before{content:none!important}
.pv8-close h2{text-transform:uppercase;font-size:30px;line-height:1.02;letter-spacing:.01em;color:var(--v8-manteca)}
.pv8-signature{position:absolute!important;z-index:0;left:50%;top:50%;width:max(1500px,150vw)!important;max-width:none;margin:0!important;transform:translate(-44%,-52%) rotate(-4deg)!important;color:#2A302A!important;pointer-events:none}
.pv8-signature path{fill:currentColor!important}
.pv8-close-inner{z-index:3}
.pv8-footer a,.pv8-footer strong{color:var(--v8-manteca)!important}
@media (min-width:760px){.pv8-close h2{font-size:46px}.pv8-signature{width:max(1900px,135vw)!important}}
.v8-js .pv8-signature{clip-path:none!important;opacity:0;transition:opacity 2.4s ease .3s!important}
.v8-js .pv8-signature.is-in{opacity:1}
.v8-w{padding-bottom:.24em;margin-bottom:-.24em}
.v8-w>span{transform:translate3d(0,120%,0)}
.is-in .v8-w>span{transform:none}

/* ---------- Ronda 4: fondo manteca claro sin textura, bordes 8px, firma más chica ---------- */
:root{--v8-bg:#EFE8DA;--v8-radius:8px;--butter:#EFE8DA;--mr-cream:#EFE8DA}
html,body,.pv8,.pv8 :is(.product-v3-hero,.product-kind,.instructions-v3,.plating-v3,.related-v3){background:var(--v8-bg)!important}
.pv8 .header{background:rgba(239,232,218,.92)!important}
.floating-cta-bar{background:rgba(239,232,218,.92)!important}
.pv8 h1{color:var(--v8-laurel)}
.pv8-signature{width:118vw!important;transform:translate(-50%,-50%) rotate(-4deg)!important;color:#262B25!important}
@media (min-width:760px){.pv8-signature{width:min(96vw,1500px)!important}}
/* nombres de platos relacionados con la tipografía de la etiqueta */
.pv8 .related-v3-card h3{font-family:'Archivo',var(--sans),sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:.03em;font-size:18px;line-height:1.1}
.pv8 .related-v3-card > span:not(.pv8-related-img){font-family:'Archivo',var(--sans),sans-serif;font-weight:500;letter-spacing:.14em}

/* ---------- Ronda 5: estructura nueva del plato ---------- */
/* Título y textos con la tipografía de la etiqueta */
.pv8 h1[data-dish-name]{font-family:'Archivo',var(--sans),sans-serif!important;font-weight:500!important;text-transform:uppercase!important;letter-spacing:.02em!important;font-size:30px!important;line-height:1.08!important;color:var(--v8-laurel)!important;margin:0 0 20px!important;max-width:560px}
.pv8 .product-v3-intro p{font-family:'Archivo',var(--sans),sans-serif;font-weight:300;font-size:15px;line-height:1.55;color:var(--v8-ink)}
.pv8 .product-v3-type,.pv8 .product-v3-time{font-family:'Archivo',var(--sans),sans-serif!important;font-weight:500!important;letter-spacing:.14em!important;text-transform:uppercase!important;font-size:10px!important}
.pv8 .product-v3-price{font-family:'Archivo',var(--sans),sans-serif;font-weight:500;font-size:18px;letter-spacing:.04em}

/* Foto placeholder (caja) en lugar del antes/después */
.pv8-hero-photo{margin:0;border-radius:var(--v8-radius);overflow:hidden;aspect-ratio:3/2;background:#E4DBCA}
.pv8-hero-photo img{width:100%;height:100%;object-fit:cover}

/* Tags como separador centrado, a todo el ancho */
.pv8-facts{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 14px;padding:8px 24px 64px;position:relative}
.pv8-facts::before,.pv8-facts::after{content:'';flex:1 1 40px;height:1px;background:rgba(46,58,44,.2);min-width:24px}
.pv8-facts span{font:500 10px/1 'Archivo',var(--sans),sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--v8-laurel);border:1px solid rgba(46,58,44,.26);border-radius:var(--v8-radius);padding:9px 12px 8px;white-space:nowrap}
@media (max-width:699px){.pv8-facts::before,.pv8-facts::after{display:none}}

/* Recalentado alternativo: bloque verde */
.pv8-alt{background:var(--v8-laurel)!important;color:var(--v8-manteca);padding:88px 24px 96px}
.pv8-alt-inner{max-width:1120px;margin:0 auto}
.pv8-alt .v3-eyebrow{color:#A9B99A}
.pv8-alt h2{font-family:var(--serif);font-weight:400;font-size:40px;line-height:.95;letter-spacing:-.01em;margin:16px 0 18px;color:var(--v8-manteca)}
.pv8-alt-head p{font:300 15px/1.55 'Archivo',var(--sans),sans-serif;color:rgba(229,220,203,.82);max-width:460px;margin:0 0 52px}
.pv8-alt-groups{display:grid;grid-template-columns:1fr;gap:48px}
.pv8-alt-group h3{font:500 13px/1 'Archivo',var(--sans),sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--v8-manteca);margin:0 0 22px;padding-bottom:16px;border-bottom:1px solid rgba(229,220,203,.22)}
.pv8-alt-group ol{list-style:none;margin:0;padding:0;counter-reset:paso;display:grid;gap:16px}
.pv8-alt-group li{counter-increment:paso;display:grid;grid-template-columns:38px 1fr;gap:6px;font:300 15px/1.55 'Archivo',var(--sans),sans-serif;color:var(--v8-manteca)}
.pv8-alt-group li::before{content:counter(paso,decimal-leading-zero);font-family:var(--serif);font-size:18px;line-height:1.3;color:#A9B99A}
.pv8-alt-soon{font:300 15px/1.55 'Archivo',var(--sans),sans-serif;color:rgba(229,220,203,.82)}
@media (min-width:760px){
  .pv8 h1[data-dish-name]{font-size:40px!important}
  .pv8-alt{padding:130px 7vw 140px}
  .pv8-alt h2{font-size:60px}
  .pv8-alt-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:72px}
  .pv8-alt.is-single .pv8-alt-groups{grid-template-columns:minmax(0,560px)}
  .pv8-alt-head{display:grid;grid-template-columns:1fr 1fr;column-gap:72px;align-items:end;margin-bottom:64px}
  .pv8-alt-head .v3-eyebrow{grid-column:1/-1}
  .pv8-alt-head p{margin:0}
}
@media (min-width:700px){.product-v3-hero-inner{grid-template-columns:.85fr 1.15fr!important;align-items:center!important}}

/* Botón flotante: en desktop, abajo a la derecha */
@media (min-width:700px){
  .floating-cta-bar{left:auto!important;right:28px!important;bottom:28px!important;transform:none!important;width:auto!important;padding:6px!important}
  .floating-product-cta{padding:15px 26px!important}
}
@media (max-width:699px){.pv8 .product-v3-topline{flex-direction:column;align-items:flex-start;gap:12px}}

/* ---------- Ronda 6 ---------- */
/* Tu parte de la receta: título en mayúscula, más protagonismo */
.pv8-alt h2{text-transform:uppercase;font-size:44px!important;line-height:.98!important;letter-spacing:.005em!important;margin:18px 0 22px!important}
.pv8-alt .v3-eyebrow{font-size:11px;letter-spacing:.16em}
@media (min-width:760px){.pv8-alt h2{font-size:76px!important}.pv8-alt-head{align-items:end}}

/* Resultado final: pantalla completa, texto centrado, parallax */
.pv8-result{position:relative;min-height:100svh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:var(--v8-carbon)!important;color:var(--v8-manteca)}
.pv8-result-img{position:absolute;inset:0;overflow:hidden}
.pv8-result-img img{position:absolute;left:0;top:-15%;width:100%;height:130%;object-fit:cover;will-change:transform}
.pv8-result-img::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,24,20,.35),rgba(20,24,20,.55))}
.pv8-result-copy{position:relative;z-index:2;max-width:640px;padding:0 24px}
.pv8-result .v3-eyebrow{color:var(--v8-manteca);opacity:.85;font-size:11px;letter-spacing:.18em}
.pv8-result h2{font-family:var(--serif);font-weight:400;font-size:44px;line-height:.95;letter-spacing:-.01em;margin:18px 0 18px;color:var(--v8-manteca)}
.pv8-result p{font:300 15px/1.55 'Archivo',var(--sans),sans-serif;color:rgba(229,220,203,.9);margin:0 auto;max-width:440px}
@media (min-width:760px){.pv8-result h2{font-size:80px}.pv8-result p{font-size:16px}}

/* Botón flotante en mobile: ocupa todo el pie, centrado */
@media (max-width:699px){
  .floating-cta-bar{left:0!important;right:0!important;bottom:0!important;width:auto!important;transform:none!important;margin:0!important;border-radius:0!important;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px))!important;display:flex;justify-content:center}
  .floating-product-cta{width:100%!important;max-width:none!important;text-align:center!important;padding:16px 20px!important}
}
@media (min-width:760px){.pv8-alt-head{display:block!important;margin-bottom:64px}.pv8-alt-head p{margin:0!important}}

/* ---------- Ronda 7: hero a media pantalla + receta como la tarjeta ---------- */
/* Hero: texto con mucho aire, foto a sangre ocupando media pantalla en desktop */
.pv8-hero{background:var(--v8-bg)!important;color:var(--v8-laurel);display:flex;flex-direction:column}
.pv8-hero-text{padding:118px 24px 40px}
.pv8-hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;font:500 10.5px/1 'Archivo',var(--sans),sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--v8-green);margin-bottom:26px}
.pv8-hero-meta span+span::before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor;margin:0 14px 2px 0;vertical-align:middle;opacity:.6}
.pv8 .pv8-hero h1[data-dish-name]{font-family:'Archivo',var(--sans),sans-serif!important;font-weight:500!important;text-transform:uppercase!important;letter-spacing:.02em!important;font-size:30px!important;line-height:1.08!important;margin:0 0 22px!important;max-width:520px;color:var(--v8-laurel)!important}
.pv8-hero-desc{font:300 15.5px/1.6 'Archivo',var(--sans),sans-serif;color:var(--v8-ink);max-width:440px;margin:0 0 28px}
.pv8-hero-price{font:500 20px/1 'Archivo',var(--sans),sans-serif;letter-spacing:.04em;color:var(--v8-laurel)}
.pv8-hero-img{margin:0;aspect-ratio:4/5;overflow:hidden;background:#E4DBCA}
.pv8-hero-img img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 2.4s var(--v8-ease)}
.v8-loaded .pv8-hero-img img{transform:scale(1)}
@media (min-width:860px){
  .pv8-hero{display:grid;grid-template-columns:1fr 1fr;min-height:100svh;align-items:stretch}
  .pv8-hero-text{display:flex;flex-direction:column;justify-content:center;padding:140px 6vw 80px 7vw}
  .pv8 .pv8-hero h1[data-dish-name]{font-size:clamp(34px,3.3vw,50px)!important}
  .pv8-hero-desc{font-size:16.5px}
  .pv8-hero-img{aspect-ratio:auto;height:100svh;position:sticky;top:0}
}

/* Tu parte de la receta: réplica de la tarjeta (recomendada + alternativa) */
.pv8-receta{background:var(--v8-laurel)!important;color:var(--v8-manteca);padding:0}
.pv8-receta-card{max-width:1280px;margin:0 auto;border-left:1px solid rgba(229,220,203,.18);border-right:1px solid rgba(229,220,203,.18)}
.pv8-receta-head{text-align:center;padding:72px 24px 34px;border-bottom:1px solid rgba(229,220,203,.22)}
.pv8-receta-head h2{font-family:var(--serif);font-weight:400;text-transform:uppercase;font-size:34px;line-height:1;letter-spacing:.01em;margin:0 0 14px;color:var(--v8-manteca)}
.pv8-receta-head p{font:500 11px/1.4 'Archivo',var(--sans),sans-serif;letter-spacing:.2em;text-transform:uppercase;margin:0;color:var(--v8-manteca)}
.pv8-receta-cols{display:grid;grid-template-columns:1fr}
.pv8-r-col+.pv8-r-col{border-top:1px solid rgba(229,220,203,.22)}
.pv8-r-colhead{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:6px 16px;padding:22px 24px;border-bottom:1px solid rgba(229,220,203,.22);font:400 14px/1.2 'Archivo',var(--sans),sans-serif;letter-spacing:.16em;text-transform:uppercase}
.pv8-r-colhead strong{font-weight:600;letter-spacing:.18em}
.pv8-r-col--alt .pv8-r-colhead{background:rgba(229,220,203,.05)}
.pv8-r-group{padding:28px 24px 30px}
.pv8-r-group+.pv8-r-group{border-top:1px solid rgba(229,220,203,.22)}
.pv8-r-group h4{font:500 13px/1 'Archivo',var(--sans),sans-serif;letter-spacing:.18em;text-transform:uppercase;margin:0 0 18px;color:var(--v8-manteca)}
.pv8-r-group ol{list-style:none;margin:0;padding:0;counter-reset:p;display:grid;gap:10px}
.pv8-r-group li{counter-increment:p;display:grid;grid-template-columns:24px 1fr;font:400 15px/1.5 'Archivo',var(--sans),sans-serif;color:var(--v8-manteca)}
.pv8-r-group li::before{content:counter(p);color:var(--v8-manteca);opacity:.85}
.pv8-r-group p{font:400 15px/1.5 'Archivo',var(--sans),sans-serif;margin:0;color:var(--v8-manteca)}
.pv8-r-note{font:300 13.5px/1.5 'Archivo',var(--sans),sans-serif;color:rgba(229,220,203,.75);margin:0;padding:22px 24px 0}
@media (min-width:860px){
  .pv8-receta{padding:0 7vw}
  .pv8-receta-head{padding:110px 40px 40px}
  .pv8-receta-head h2{font-size:48px}
  .pv8-receta-head p{font-size:13px}
  .pv8-receta-cols{grid-template-columns:1.25fr 1fr}
  .pv8-r-col+.pv8-r-col{border-top:0;border-left:1px solid rgba(229,220,203,.22)}
  .pv8-r-colhead{font-size:16px;padding:26px 40px}
  .pv8-r-group{padding:32px 48px 36px}
  .pv8-r-group li,.pv8-r-group p{font-size:16.5px}
  .pv8-r-note{padding:26px 48px 0}
  .pv8-receta-cols{padding-bottom:0}
}
.pv8-receta-cols{border-bottom:1px solid rgba(229,220,203,.22)}
.pv8-receta{padding-bottom:110px!important}

/* Resultado final: título en mayúscula */
.pv8-result h2{text-transform:uppercase;letter-spacing:.01em!important;font-size:38px}
@media (min-width:760px){.pv8-result h2{font-size:64px}}
@media (max-width:859px){.pv8-receta-head h2{font-size:27px}}

/* ---------- Ronda 8: hero 100vh con la foto metida para adentro ---------- */
@media (min-width:860px){
  .pv8-hero{min-height:100svh;height:100svh;max-height:1100px}
  .pv8-hero-img{position:relative;top:auto;height:auto;margin:96px 32px 32px 0;border-radius:3px}
  .pv8-hero-text{padding:110px 6vw 60px 7vw}
}
@media (max-width:859px){.pv8-hero-img{margin:0 16px;border-radius:3px}}

/* ---------- Menú mobile unificado: sin líneas ni números, serif mayúscula interletrada, Rodrigo a la derecha ---------- */
html body .menu-overlay{background:var(--v8-laurel,#2E3A2C)!important;color:#E5DCCB!important}
html body .menu-inner{padding:24px 28px 34px!important}
html body .menu-inner::before{content:none!important}
html body .menu-wordmark{font-family:var(--serif)!important;font-size:13px!important;line-height:1!important;letter-spacing:.16em!important;text-transform:uppercase!important}
html body .menu-wordmark br{display:none}
html body .menu-nav{display:grid!important;gap:30px!important;margin-top:120px!important;border:0!important}
html body .menu-nav a{display:block!important;padding:0!important;border:0!important;font-family:var(--serif)!important;font-weight:400!important;font-size:24px!important;line-height:1.1!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#E5DCCB!important}
html body .menu-nav a::before{content:none!important}
html body .menu-signature{width:150px!important;margin:auto 0 0 auto!important;align-self:flex-end!important;opacity:.85!important}
@media (max-width:859px){.pv8-hero-img{margin:0!important;border-radius:0!important;aspect-ratio:auto!important;height:100svh!important}}

/* ---------- Ronda 9: botones en el hero + pestañas de receta en mobile ---------- */
.pv8-hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.pv8-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 26px;border-radius:var(--v8-radius);border:1px solid rgba(46,58,44,.35);font:500 11px/1 'Archivo',var(--sans),sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--v8-laurel);transition:background-color .5s,color .5s,border-color .5s,gap .6s var(--v8-ease)}
.pv8-btn:hover{border-color:var(--v8-laurel);gap:14px}
.pv8-btn--primary{background:var(--v8-laurel);border-color:var(--v8-laurel);color:var(--v8-bg)}
.pv8-btn--primary:hover{background:var(--v8-green);border-color:var(--v8-green)}
@media (max-width:859px){.pv8-hero-ctas{display:grid;grid-template-columns:1fr 1fr}}

.floating-cta-bar{transition:opacity .5s ease,transform .5s var(--v8-ease)!important}
.floating-cta-bar.is-hidden{opacity:0!important;pointer-events:none}
@media (max-width:699px){.floating-cta-bar.is-hidden{transform:translateY(100%)!important}}
@media (min-width:700px){.floating-cta-bar.is-hidden{transform:translateY(16px)!important}}

.pv8-r-tabs{display:none}
@media (max-width:859px){
  .pv8-r-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:26px auto 0;max-width:340px;border:1px solid rgba(229,220,203,.35);border-radius:var(--v8-radius);overflow:hidden}
  .pv8-r-tabs button{appearance:none;border:0;background:transparent;color:var(--v8-manteca);font:500 11px/1 'Archivo',var(--sans),sans-serif;letter-spacing:.16em;text-transform:uppercase;padding:14px 10px;cursor:pointer;transition:background-color .4s,color .4s}
  .pv8-r-tabs button[aria-selected="true"]{background:var(--v8-manteca);color:var(--v8-laurel)}
  .pv8-receta-cols[data-show="rec"] .pv8-r-col--alt,.pv8-receta-cols[data-show="alt"] .pv8-r-col--rec{display:none}
  .pv8-receta-cols .pv8-r-col+.pv8-r-col{border-top:0}
}

/* Footer: solo el zócalo verde con links y logo (igual que la home) */
.v8-foot{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:44px 7vw calc(110px + env(safe-area-inset-bottom,0px));background:#1F241F;color:#E5DCCB}
.v8-foot a{font-family:var(--serif);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#E5DCCB;opacity:.8;transition:opacity .3s}
.v8-foot a:hover{opacity:1}
.v8-foot a:last-child{text-align:right}
.v8-foot .v8-foot-logo{display:flex;flex-direction:column;align-items:center;opacity:1;font-size:22px;line-height:.92;letter-spacing:.02em}
@media (min-width:760px){.v8-foot{padding:56px 7vw 56px}.v8-foot a{font-size:13px}.v8-foot .v8-foot-logo{font-size:28px}}

/* ---------- Ronda 11 ---------- */
/* Mobile: botones Recomendada / Alternativa fijos arriba; las dos versiones una abajo de la otra */
@media (max-width:859px){
  .pv8-receta-card{overflow:visible}
  .pv8-r-tabs{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:none;margin:0;padding:12px 16px;border:0;border-radius:0;border-bottom:1px solid rgba(229,220,203,.22);background:rgba(46,58,44,.97);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:top .28s ease}
  .pv8-r-tabs button{border:1px solid rgba(229,220,203,.35);border-radius:var(--v8-radius)}
  .pv8-receta-cols[data-show] .pv8-r-col--alt,.pv8-receta-cols[data-show] .pv8-r-col--rec{display:block!important}
  .pv8-receta-cols .pv8-r-col+.pv8-r-col{border-top:1px solid rgba(229,220,203,.22)!important}
}

/* ---------- Zócalo chico: MESA RESERVADA arriba, abajo "La carta · Contacto" ---------- */
.v8-foot{display:flex!important;flex-direction:column!important;align-items:center!important;gap:12px!important;padding:26px 24px calc(26px + env(safe-area-inset-bottom,0px))!important;text-align:center}
.v8-foot .v8-foot-logo{order:-1;flex-direction:row!important;gap:.35em;font-size:14px!important;line-height:1!important;letter-spacing:.16em!important;text-transform:uppercase}
.v8-foot .v8-foot-links{display:flex;align-items:center;gap:10px}
.v8-foot .v8-foot-links a{font-size:10px!important;letter-spacing:.16em!important;text-align:center!important}
.v8-foot .v8-foot-links span{opacity:.5;font-size:10px}
@media (max-width:699px){.pv8 .v8-foot{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))!important}}
.pv8.mobile-page,.brand-v3.mobile-page.pv8{overflow:visible!important;overflow-x:clip!important}

/* ---------- Ronda 12 ---------- */
/* Celu: foto arriba (con logo y menú encima), datos y los dos botones cerrando la pantalla */
@media (max-width:859px){
  .pv8 .header:not(.is-scrolled){background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}
  .pv8-hero{min-height:100svh;display:flex!important;flex-direction:column}
  .pv8-hero-img{order:-1;height:44svh!important;min-height:280px;margin:0!important;border-radius:0!important;position:relative}
  .pv8-hero-img::after{content:'';position:absolute;inset:0 0 auto;height:120px;background:linear-gradient(180deg,rgba(20,24,20,.55),rgba(20,24,20,0));pointer-events:none}
  .pv8-hero-text{flex:1;display:flex;flex-direction:column;padding:26px 20px 22px!important}
  .pv8-hero-meta{margin-bottom:16px}
  .pv8 .pv8-hero h1[data-dish-name]{font-size:26px!important;margin-bottom:14px!important}
  .pv8-hero-desc{font-size:14.5px;margin-bottom:16px}
  .pv8-hero-ctas{margin-top:auto;padding-top:22px}
}

/* Qué incluye: la sección de la home, con la foto del plato de fondo */
.pv8-inc{position:relative;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:96px 16px;overflow:hidden;background:#1F241F!important}
.pv8-inc-bg{position:absolute;inset:0;overflow:hidden}
.pv8-inc-bg img{position:absolute;left:0;top:-15%;width:100%;height:130%;object-fit:cover;will-change:transform}
.pv8-inc-sheet{position:relative;z-index:2;width:min(100%,1080px);background:#ECE5DA url('assets/papel-carta.jpg') center/cover no-repeat;border-radius:var(--v8-radius);padding:34px 24px 30px;color:var(--v8-ink)}
.pv8-inc h2{font-family:var(--serif);font-weight:400;font-size:34px;line-height:.95;letter-spacing:-.02em;margin:0 0 28px;color:var(--v8-ink)}
.pv8-inc-list{display:grid;gap:4px}
.pv8-inc-row{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:10px 0;font:400 14px/1.45 'Archivo',var(--sans),sans-serif;color:var(--v8-ink)}
.pv8-inc-row span:first-child{font-family:var(--serif);font-size:16px;color:var(--v8-green)}
@media (min-width:760px){
  .pv8-inc{padding:120px 7vw}
  .pv8-inc-sheet{padding:76px 84px 80px}
  .pv8-inc h2{font-size:52px;margin-bottom:64px}
  .pv8-inc-list{grid-template-columns:repeat(var(--inc-cols,4),minmax(0,1fr));column-gap:clamp(40px,4.5vw,72px)}
  .pv8-inc-row{display:flex;flex-direction:column;gap:14px;padding:0;font-size:14px}
  .pv8-inc-row span:first-child{font-size:40px;line-height:1}
}

/* ---------- Ronda 13: Qué incluye centrado, con punto bordó y envase ---------- */
.pv8-inc-sheet{text-align:center}
.pv8-inc h2{font-family:var(--serif)!important;font-weight:400;text-transform:uppercase;font-size:16px!important;letter-spacing:.2em!important;line-height:1.3!important;margin:0 0 34px!important;color:var(--v8-ink)}
.pv8-inc-list{display:grid!important;grid-template-columns:1fr!important;gap:28px!important;justify-items:center}
.pv8-inc-row{display:flex!important;flex-direction:column;align-items:center;gap:8px!important;padding:0!important;max-width:300px;text-align:center}
.pv8-inc-row i{display:block;width:7px;height:7px;border-radius:50%;background:#58272D;margin-bottom:6px}
.pv8-inc-row strong{font:400 15px/1.45 'Archivo',var(--sans),sans-serif;color:var(--v8-ink)}
.pv8-inc-row span{font:500 10px/1.2 'Archivo',var(--sans),sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#58272D}
@media (min-width:760px){
  .pv8-inc h2{font-size:20px!important;margin-bottom:56px!important}
  .pv8-inc-list{grid-template-columns:repeat(var(--inc-cols,4),minmax(0,1fr))!important;column-gap:clamp(32px,4vw,64px)!important}
  .pv8-inc-row{max-width:none}
  .pv8-inc-row strong{font-size:15px}
}

/* Zócalo: logo grande en dos líneas, links abajo */
.v8-foot{gap:18px!important;padding:44px 24px calc(40px + env(safe-area-inset-bottom,0px))!important}
.v8-foot .v8-foot-logo{flex-direction:column!important;gap:0!important;font-size:30px!important;line-height:.9!important;letter-spacing:.01em!important}
@media (min-width:760px){.v8-foot .v8-foot-logo{font-size:38px!important}}
@media (max-width:699px){.pv8 .v8-foot{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))!important}}

/* ---------- Ronda 14: Qué incluye — título grande, lista a la izquierda con viñeta bordó ---------- */
.pv8-inc-sheet{text-align:left!important;width:min(100%,820px)!important}
.pv8-inc h2{font-size:27px!important;letter-spacing:.01em!important;line-height:1!important;margin:0 0 26px!important}
.pv8-inc-list{display:block!important;list-style:none;margin:0;padding:0}
.pv8-inc-list li{position:relative;padding:0 0 0 22px;margin:0 0 14px;font:400 15.5px/1.55 'Archivo',var(--sans),sans-serif;color:var(--v8-ink)}
.pv8-inc-list li::before{content:'';position:absolute;left:2px;top:.62em;width:7px;height:7px;border-radius:50%;background:#58272D}
.pv8-inc-list li em{font-style:normal;color:#58272D}
@media (min-width:760px){
  .pv8-inc-sheet{padding:70px 76px 64px!important}
  .pv8-inc h2{font-size:48px!important;margin-bottom:40px!important}
  .pv8-inc-list li{font-size:17px;margin-bottom:16px}
}
.pv8-inc-list{display:block!important;justify-items:normal!important}.pv8-inc-list li{text-align:left}

/* ---------- Ronda 15 ---------- */
/* Hero: slider caja / plato, deslizamiento suave */
.pv8-hero-img{position:relative;overflow:hidden}
.pv8-slide{position:absolute;inset:0;transform:translate3d(100%,0,0);transition:transform 1.4s cubic-bezier(.65,0,.25,1)}
.pv8-slide.is-on{transform:translate3d(0,0,0);z-index:2}
.pv8-slide:first-child{transform:translate3d(0,0,0)}
.pv8-slide img{width:100%;height:100%;object-fit:cover}
.pv8-dots{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);z-index:3;display:flex;gap:8px}
.pv8-dots i{display:block;width:22px;height:2px;background:rgba(243,237,226,.45);transition:background-color .6s}
.pv8-dots i.is-on{background:#EFE8DA}

/* Tu parte de la receta: cada versión en su propia caja */
@media (max-width:859px){
  .pv8-receta-cols{display:grid!important;gap:16px;padding:16px 14px 8px;border-bottom:0!important}
  .pv8-r-col{border:1px solid rgba(229,220,203,.22)!important;border-radius:var(--v8-radius);overflow:hidden;background:rgba(229,220,203,.04)}
  .pv8-r-col--alt{background:rgba(0,0,0,.14)}
  .pv8-receta-cols .pv8-r-col+.pv8-r-col{border-top:1px solid rgba(229,220,203,.22)!important}
  .pv8-r-colhead{background:rgba(229,220,203,.07)!important}
  .pv8-receta-card{border:0!important}
}
/* Desktop (prueba): fondo como el hero y la receta en una tarjeta verde */
@media (min-width:860px){
  .pv8-receta{background:var(--v8-bg)!important;padding:110px 7vw 120px!important}
  .pv8-receta-card{background:var(--v8-laurel);border:0!important;border-radius:var(--v8-radius);overflow:hidden;color:var(--v8-manteca)}
  .pv8-receta-head{padding:72px 40px 34px!important}
  .pv8-receta-cols{border-bottom:0!important}
  .pv8-r-col--alt{background:rgba(0,0,0,.12)}
}

/* ---------- Ronda 16: celu — bloque de información con altura automática, 20px entre cada cosa; la foto ocupa el resto ---------- */
@media (max-width:859px){
  .pv8-hero{min-height:100svh!important;height:auto!important}
  .pv8-hero-img{flex:1 1 auto!important;height:auto!important;min-height:42svh!important}
  .pv8-hero-text{flex:0 0 auto!important;display:flex!important;flex-direction:column!important;gap:20px!important;padding:24px 20px 24px!important}
  .pv8-hero-text>*{margin:0!important}
  .pv8-hero-ctas{margin:0!important;padding:0!important}
}
@media (min-width:860px){
  .pv8-hero-text{gap:20px}
  .pv8-hero-text>*{margin-top:0!important;margin-bottom:0!important}
}
.pv8-hero-img{cursor:grab}
.pv8-hero-img:active{cursor:grabbing}
.pv8-slide img{-webkit-user-drag:none;user-select:none;pointer-events:none}
/* Hero: "Agregar al carrito" + "Ver receta" */
.mrc-slot-hero{display:flex}
.mrc-slot-hero>*{flex:1}
@media (min-width:860px){.mrc-slot-hero{min-width:220px}}

/* Cruz del menú de celu en color claro */
html body .menu-close{color:#E5DCCB!important;-webkit-appearance:none;appearance:none}
html body .menu-close::before,html body .menu-close::after{background:#E5DCCB!important}

/* Título del plato: Archivo Semibold, un punto más grande y más compacto */
html body .pv8 .pv8-hero h1[data-dish-name]{font-weight:600!important;letter-spacing:.01em!important}
@media (min-width:860px){html body .pv8 .pv8-hero h1[data-dish-name]{font-size:clamp(35px,3.45vw,52px)!important}}
@media (max-width:859px){html body .pv8 .pv8-hero h1[data-dish-name]{font-size:27px!important}}