.nav-toggle{display:none}header nav{gap:20px;font-size:11px}.about{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;border-bottom:1px solid #8b5e3c33}.about-art{position:relative;padding:25px}.about-art img{width:85%;margin:auto;transform:rotate(-6deg)}.about-art .handwritten{display:block;font-size:27px;text-align:center;margin-top:30px}.family-seal{position:absolute;right:-5px;top:35px;background:var(--orange);border:7px double var(--cream);border-radius:50%;width:130px;height:130px;display:flex;justify-content:center;align-items:center;text-align:center;transform:rotate(10deg);font:600 12px/1.6 Montserrat}.about-copy h2{font-size:clamp(45px,5.5vw,78px);color:var(--green);margin:25px 0 30px}.about-copy h2 em{color:var(--brown)}.about-copy>p:not(.eyebrow){font-size:14px;max-width:500px}.about-copy .text-link{margin-top:20px}.calculator{background:#fff9ec}.calculator-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:7%;max-width:1050px;margin:auto;padding:45px 0;border-top:1px solid #8b5e3c33;border-bottom:1px solid #8b5e3c33}#ration-form{display:flex;flex-direction:column;gap:12px;margin:0;align-self:start}#ration-form label{font-size:12px;margin-top:10px}#ration-form select{font-size:15px;padding:17px}.weight-input{display:flex;align-items:center;border:1px solid #8b5e3c66;border-radius:10px;overflow:hidden}.weight-input input{width:100%;min-width:0;border:0;background:transparent;padding:12px 17px;font-family:Baloo;font-size:35px;line-height:1.2;color:var(--green)}.weight-input span{padding:0 20px;font-size:16px}.weight-input:focus-within{outline:3px solid var(--orange);outline-offset:3px}.weight-input input:focus{outline:0}#ration-form .button{align-self:flex-start;margin-top:12px}#weight-help{font-size:11px}.ration-result{padding:35px;background:var(--cream);border-radius:32px 4px 32px 4px}.ration-value{font:800 clamp(36px,4.5vw,62px)/1.2 Baloo;letter-spacing:-.04em;color:var(--green);margin:18px 0}.ration-value span{font:400 15px/1.5 Montserrat;letter-spacing:0;white-space:nowrap}.ration-value.message-value{font-size:38px}.ration-result>p:not(.eyebrow):not(.ration-value){font-size:12px}.monthly-estimate{border-top:1px solid #8b5e3c33;margin-top:25px;padding-top:22px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.monthly-estimate[hidden]{display:none}.monthly-estimate>span{font-size:11px}.monthly-estimate strong{font:800 28px/1.2 Baloo;color:var(--brown)}.monthly-estimate p{grid-column:1/-1;font-size:10px}.ration-result .text-link{font-size:11px;margin-top:20px}.calculator-note{font-size:11px;max-width:850px;text-align:center;margin:25px auto 0}.ration-tables{max-width:1050px;margin:30px auto 0;font-size:12px}.ration-tables summary{cursor:pointer;font-weight:600;padding:15px 0}.table-pair{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-top:15px}table{border-collapse:collapse;width:100%;text-align:left}caption{text-align:left;font-weight:600;margin-bottom:16px}td,th{padding:10px 5px;border-bottom:1px solid #8b5e3c33}.club{background:var(--green);color:var(--cream);display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.club h2{font-size:clamp(65px,8vw,110px);margin:22px 0}.club h2 em{color:#ffd690}.club-tagline{font-family:Lora;font-style:italic;font-size:27px;line-height:1.5}.club-title img{width:95%;height:190px;object-fit:cover;object-position:50% 55%;margin:15px 0 -20px;transform:rotate(-4deg)}.club-copy>p{font-size:15px}.club-process{margin:25px 0 30px}.club-process article{display:flex;gap:22px;padding:20px 0;border-bottom:1px solid #fff3d644}.club-process article>span{font:italic 23px Lora}.club-process h3{font-size:26px;line-height:1.2;letter-spacing:-.01em;margin-bottom:8px}.club-process p{font-size:12px}.cream-button{background:var(--cream);color:var(--green);border-color:var(--cream)}.cream-button:hover{background:#ffe5b2}.club-calculator{display:block;margin-top:20px;font-size:11px;text-decoration:underline;text-underline-offset:5px}.wholesale{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:var(--orange);align-items:center}.wholesale h2{font-size:clamp(54px,6.5vw,88px);margin:25px 0 30px}.wholesale h2 em{color:var(--cream)}.wholesale-copy>p:not(.eyebrow){font-size:14px;max-width:450px}#wholesale-form{display:flex;flex-direction:column;gap:12px;padding:35px;background:var(--cream);border-radius:30px 5px 30px 5px;margin:0}#wholesale-form h3{font-size:31px;margin-bottom:10px}#wholesale-form label{font-size:11px;margin-top:7px}#wholesale-form input{width:100%;min-width:0;border:1px solid #8b5e3c66;border-radius:10px;background:transparent;padding:14px;font:400 12px Montserrat;color:var(--ink)}input:focus-visible{outline:3px solid var(--orange);outline-offset:3px}#wholesale-form .button{align-self:flex-start;margin-top:10px}.form-note{font-size:10px!important}
@media(max-width:1100px){header{padding-left:4%;padding-right:4%}header nav{gap:13px;font-size:10px}.brand{width:155px}.small{padding:10px 15px}.family-seal{right:-10px;width:105px;height:105px;font-size:10px}.about-art .handwritten{font-size:23px}.ration-result{padding:25px}.monthly-estimate{grid-template-columns:1fr}.monthly-estimate p{grid-column:1}.club-process h3{font-size:24px}}
@media(max-width:850px){header{position:relative;flex-wrap:wrap}.nav-toggle{display:inline-flex;background:transparent;color:var(--green);border:1px solid #8b5e3c55;padding:9px 16px;border-radius:30px;font-size:12px;align-items:center;gap:12px}header nav{display:none;width:100%;flex-wrap:wrap;padding:20px 0 5px;gap:20px;font-size:12px}header nav.open{display:flex}header nav>a:not(.button){display:inline-block}.calculator-layout{gap:5%;grid-template-columns:1fr 1.1fr}.about{gap:5%}.about-art{padding:10px}.club,.wholesale{gap:7%}#wholesale-form{padding:25px}.club-title img{height:140px}.club h2{font-size:78px}}
@media(max-width:650px){.about,.calculator-layout,.club,.wholesale{display:block}.about-art{max-width:320px;margin:0 auto 45px}.about-art img{width:80%}.about-art .handwritten{font-size:24px}.family-seal{right:-6px;top:5px;width:100px;height:100px}.about-copy h2{font-size:55px}.calculator-layout{padding-top:20px}#ration-form{margin-bottom:35px}#ration-form select{font-size:14px}.ration-result{padding:25px}.ration-value{font-size:48px}.ration-value span{font-size:13px}.ration-value.message-value{font-size:32px}.monthly-estimate{grid-template-columns:1fr auto}.table-pair{display:block}.table-pair table+table{margin-top:30px}.club h2{font-size:82px}.club-tagline{font-size:25px}.club-title img{max-width:350px;height:155px;margin:15px auto 25px}.club-copy>p{font-size:14px}.club-process h3{font-size:26px}.wholesale h2{font-size:68px}#wholesale-form{margin-top:35px;padding:24px}.calculator-note{text-align:left}.ration-result .text-link{gap:10px;font-size:11px}.calculator .section-heading h2{font-size:54px}}
.site-footer{display:block;padding:60px 6% 25px;background:#fff9ec}.footer-main{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:60px;align-items:start}.footer-brand img{width:230px}.footer-brand p{font-size:12px;margin-top:20px}.footer-links,.footer-contact{display:flex;flex-direction:column;gap:14px;text-align:left}.site-footer h3{font-size:24px;color:var(--green);letter-spacing:0;margin-bottom:6px}.footer-links a,.footer-contact>a{font-size:12px}.footer-contact a span{display:block;font-size:13px;font-weight:600;margin-top:4px}.footer-contact p{font-size:11px;max-width:240px}.footer-contact [hidden]{display:none}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #8b5e3c33;margin-top:45px;padding-top:20px;font-size:10px}.footer-main a:hover{text-decoration:underline;text-underline-offset:4px}@media(max-width:650px){.site-footer{padding:45px 6% 25px;text-align:left}.footer-main{grid-template-columns:1fr;gap:35px}.footer-brand img{width:210px}.footer-brand p{width:auto;order:initial}.footer-main h3{font-size:27px}.footer-bottom{gap:20px;align-items:center}.footer-contact p{max-width:300px}}
.brand{width:220px}.footer-brand img{width:260px}.menu-photo{aspect-ratio:4/5;border-radius:40px 40px 12px 12px;background:#f4efe8;transform:rotate(-2deg)}.menu-photo>img{position:absolute;inset:0;width:100%;height:100%;max-width:100%;object-fit:contain}.photo-note{font-size:23px;bottom:15px;padding:4px 18px}.pill{top:15px;left:15px}.about-art{padding:0}.about-art .buda-photo{width:100%;transform:rotate(-2deg);border-radius:32px 32px 12px 12px}.family-seal{top:auto;bottom:45px;right:-25px}.club-title .club-photo{width:100%;height:auto;max-width:100%;object-fit:contain;border-radius:30px 30px 8px 8px;margin:35px 0 0;transform:rotate(-2deg)}.order>.order-photo{width:100%;border-radius:32px 32px 10px 10px;transform:rotate(-3deg)}.brand-element{position:absolute;overflow:hidden;pointer-events:none;aspect-ratio:1/1}.brand-element img{position:absolute;max-width:none;height:100%;width:300%;top:0}.leaf-element{width:95px;left:0;top:15px;transform:rotate(-20deg)}.leaf-element img{left:-100%}.paw-element{width:65px;right:0;bottom:65px;transform:rotate(20deg)}.paw-element img{left:-200%}.bowl-element{width:220px;height:145px;aspect-ratio:auto;bottom:0;left:50%;transform:translateX(-50%) translateY(35px);opacity:0;transition:opacity .5s,transform .5s}.bowl-element img{width:300%;height:auto;top:-3px;left:0}.scene-2 .bowl-element{opacity:1;transform:translateX(-50%) translateY(0)}@media(max-width:1100px){.brand{width:180px}.family-seal{right:-10px;bottom:40px}}@media(max-width:650px){.brand{width:170px}.menu-photo{max-width:350px;aspect-ratio:4/5}.about-art{max-width:100%;margin-bottom:40px}.about-art .buda-photo{width:100%}.family-seal{bottom:40px;right:-5px}.club-title .club-photo{margin:30px auto 35px;max-width:380px;transform:none}.order>.order-photo{width:100%;max-width:380px;margin:0 auto 45px}.leaf-element{width:62px;top:0}.paw-element{width:50px;bottom:40px}.bowl-element{display:none}.footer-brand img{width:230px}}
.bowl-element img{width:252%;height:auto;top:-25px;left:-3%}.leaf-element img{width:400%;height:auto;left:-180%;top:-12px}.paw-element img{width:370%;height:auto;left:-270%;top:-5px}
.benefit-list{display:flex;flex-direction:column;gap:22px}.benefit-list h3{font-size:25px;line-height:1.2;letter-spacing:0;margin-bottom:8px}.benefit-list p{font-size:13px}.chapter .benefit-note{font-size:10px;margin-top:25px;max-width:390px;line-height:1.7}.benefits-chapter{padding-top:90px;padding-bottom:90px}.benefits-chapter h2{font-size:clamp(42px,4.9vw,70px)}.scene-2 #story-art{transform:rotate(-8deg) scale(1.06)}.scene-2 .bowl-element{opacity:0}.scene-3 #story-art{transform:translateY(-50px) scale(.75)}.scene-3 .bowl-element{opacity:1;transform:translateX(-50%) translateY(0)}.pack-photo .serving-photo{border-radius:30px 30px 10px 10px;transform:rotate(3deg);width:100%;height:auto}@media(max-width:650px){.benefits-chapter{padding:50px 0}.benefit-list{gap:22px}.benefit-list h3{font-size:26px}.benefits-chapter h2{font-size:49px}.pack-photo .serving-photo{transform:rotate(2deg)}}

/* Elementos independientes: conservar toda la ilustración. */
.brand-element{overflow:visible}
.brand-element img,.leaf-element img,.paw-element img,.bowl-element img{position:static;inset:auto;width:100%;height:100%;max-width:100%;object-fit:contain}
.leaf-element{aspect-ratio:470/580}
.paw-element{aspect-ratio:628/724}
.bowl-element{height:auto;aspect-ratio:928/526}
.story-recipes{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;position:relative;z-index:2;margin:0 10px 12px}
.story-recipes button{border:1px solid #fff3d680;border-radius:25px;background:transparent;color:var(--cream);padding:8px 13px;font-size:11px;line-height:1.4}
.story-recipes button[aria-pressed=true]{background:var(--cream);color:var(--green);border-color:var(--cream)}
.story-recipes button:hover{border-color:var(--cream)}
.story-recipe-label{font-size:10px;letter-spacing:.09em;text-align:center;margin-bottom:12px}
.stage-inner{min-height:610px}
.stage-art{height:300px}
@media(max-width:650px){.stage-inner{min-height:0}.stage-art{height:235px}.story-recipes{gap:7px;margin-top:5px}.story-recipes button{padding:8px 11px;font-size:10px}.story-recipe-label{font-size:9px}.stage-inner>.handwritten{margin-top:8px}}

@media(max-width:650px){.story-stage{position:sticky;top:0;z-index:3;background:var(--green);margin:0 -7%;padding:16px 6%;border-bottom:1px solid #fff3d633}.stage-inner{min-height:0}.stage-art{height:130px}.stage-inner>.handwritten{display:none}.stage-inner>.eyebrow{font-size:9px}.story-stage .scene-3 #story-art{transform:none}}

@media(max-width:650px){.story-stage{margin:0;padding:16px 0}.story-stage #story-art{transform:none;width:100%;max-height:130px;object-fit:contain}.story-stage .stage-art{overflow:hidden}}


.pack-photo .serving-video{display:block;width:100%;height:auto;max-height:620px;object-fit:contain;background:#fff3d6;border-radius:30px 30px 10px 10px}

/* El ancho se adapta a la proporción real del MP4. */
.pack-photo .serving-video{width:auto;max-width:100%;height:auto;max-height:620px;margin-inline:auto;background:transparent;object-fit:contain}


.pack-photo .serving-video{width:min(100%,348.75px);height:auto;max-height:none;aspect-ratio:9/16;object-fit:cover}

/* Transitions du récit et apparition finale du plat. */
.stage-inner #story-art{transform:none;opacity:1;transition:opacity .22s ease,transform .45s ease;object-fit:contain;max-height:100%}
.stage-inner #story-art.changing{opacity:0}
.stage-inner.scene-3 #story-art{opacity:0;transform:scale(.86);pointer-events:none}
.stage-inner .bowl-element{display:block;top:50%;bottom:auto;left:50%;width:68%;max-width:360px;height:auto;aspect-ratio:928/526;opacity:0;transform:translate(-50%,-50%) scale(.65);transition:opacity .2s ease,transform .55s cubic-bezier(.16,1.4,.3,1)}
.stage-inner.scene-3 .bowl-element{opacity:1;transform:translate(-50%,-50%) scale(1)}
.chapter{transition:opacity .35s ease}
@media(max-width:650px){.stage-inner .bowl-element{width:160px;max-height:125px}.stage-inner.scene-3 #story-art{transform:scale(.86)}}
@media(prefers-reduced-motion:reduce){.stage-inner #story-art,.stage-inner .bowl-element,.chapter{transition:none}}

@media(min-width:651px){.chapter[data-scene="3"] h2{position:relative;top:-50px}.chapter[data-scene="3"] .number{position:relative;top:-50px}}



.recipe-overview{border-top:1px solid #8b5e3c33;padding-top:30px}.recipe-overview h3{font-size:28px;color:var(--green);margin-bottom:20px}.recipe-overview details{padding:16px 0;border-bottom:1px solid #8b5e3c33;font-size:12px}.recipe-overview summary{cursor:pointer;font-weight:600}.recipe-overview details p{margin-top:12px;max-width:700px}