.v4-intro-note{max-width:660px;font-size:1.1rem;line-height:1.7;color:var(--muted)}
.v4-week-note{padding:18px 24px;background:#ede5f5;border-radius:16px;margin:20px 0;color:#493454;transition:opacity .35s ease,transform .35s var(--suave)}
.v4-section{padding-block:80px}.v4-section h2{font-size:clamp(2.3rem,5vw,4rem);line-height:1.05;letter-spacing:-.04em;margin:16px 0 24px}.v4-section h2 em{font-family:var(--serif,Georgia);font-weight:400;color:#7d32ac}
.v4-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0}.v4-card{padding:28px;border:1px solid #d9cfe1;border-radius:24px;background:#fffdf8;transition:transform .5s var(--suave),box-shadow .5s var(--suave),border-color .35s ease}.v4-card:hover{transform:translateY(-4px);border-color:#cdb4ea;box-shadow:0 18px 40px rgba(58,29,92,.08)}.v4-card h3{font-size:1.45rem;line-height:1.2;margin:12px 0}.v4-card p,.v4-card li{line-height:1.65}.v4-card ul{padding-left:20px}.v4-card details{border-top:1px solid #e4dce9;margin-top:18px;padding-top:16px}.v4-card summary{cursor:pointer;font-weight:600;line-height:1.5}.v4-card summary:focus-visible,.v4-result:focus-visible,#v4-catalogue button:focus-visible{outline:3px solid #8a33b7;outline-offset:4px}
.v4-kicker{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:#723194;font-weight:600}.v4-pantry{background:#eaf0db;border-radius:28px;padding:clamp(22px,4vw,44px);margin-top:36px}.v4-pantry h3{font-size:2rem;margin:0 0 12px}.v4-pantry form{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.v4-pantry input{flex:1;min-width:180px;border:1px solid #99a887;border-radius:12px;padding:16px;background:#fffdf8;font:inherit}.v4-pantry label{display:block;font-weight:600}.v4-presets{display:flex;flex-wrap:wrap;gap:10px}.v4-presets button{font:inherit;border:1px solid #a6b198;padding:8px 14px;border-radius:30px;background:transparent;cursor:pointer;transition:background .25s ease,transform .25s var(--suave)}.v4-presets button:hover{background:rgba(255,253,248,.65);transform:translateY(-1px)}.v4-results{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.v4-result{text-align:left;border:1px solid #c5ceb6;border-radius:14px;background:#fffdf8;padding:18px;font:inherit;cursor:pointer;transition:transform .3s var(--suave),box-shadow .3s var(--suave),border-color .25s ease}.v4-result:hover{transform:translateY(-2px);border-color:#7623b7;box-shadow:0 12px 26px rgba(58,29,92,.08)}.v4-result strong,.v4-result span{display:block}.v4-result span{font-size:.8rem;color:#595e50;margin-top:8px}
.v4-catalogue-wrap{margin:24px 0}.v4-catalogue-wrap>summary{cursor:pointer;font-weight:600;padding:15px;border:1px solid #d9cfe1;border-radius:12px}#v4-catalogue{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:440px;overflow:auto;padding:15px 2px}#v4-catalogue button{text-align:left;padding:16px;font:inherit;background:#fffdf8;border:1px solid #dfd5e7;border-radius:12px;cursor:pointer;transition:background .22s ease,transform .22s var(--suave)}#v4-catalogue button span{display:block;font-size:.75rem;color:#73537c;margin-bottom:6px}#v4-catalogue button:hover{background:#f1e8f7;transform:translateY(-1px)}
details.day-meals-box>summary{cursor:pointer;font-weight:600;padding:12px 0}.v4-continuation{background:#ede5f5;border-radius:32px;padding:clamp(24px,5vw,60px);display:grid;grid-template-columns:1fr 1fr;gap:44px}.v4-continuation form label{display:block;margin:16px 0 8px;font-weight:600}.v4-continuation textarea{width:100%;resize:vertical;min-height:78px;background:#fffdf8;border:1px solid #c7b7d5;border-radius:12px;padding:14px;font:inherit;box-sizing:border-box}.v4-plan-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:20px}.v4-next-links{display:flex;flex-direction:column;gap:14px;margin-top:25px}.v4-next-links a{color:#623083;text-underline-offset:5px}.v4-editorial-note{font-size:.88rem;line-height:1.65;color:#65596b}.v4-continuation #plan-status{min-height:2.8em;font-size:.9rem;margin-top:16px}.v4-section:target,#menu-spotlight{scroll-margin-top:100px}
@media(max-width:800px){.v4-grid,.v4-continuation{grid-template-columns:1fr}.v4-results,#v4-catalogue{grid-template-columns:1fr 1fr}.v4-section{padding-block:48px}.v4-continuation{gap:20px}}
@media(max-width:480px){.v4-results,#v4-catalogue{grid-template-columns:1fr}.v4-pantry form .button{width:100%}}
/* V4.1 · Los animales atraviesan el recorrido */
.v-hero{gap:clamp(24px,4vw,60px);min-height:0;padding-block:65px 90px}.v-hero h1{font-size:clamp(44px,5.4vw,78px);line-height:1.03}.animal-hero{padding:0 28px 45px 0;isolation:isolate;animation:subir 1.05s cubic-bezier(.16,1,.3,1) .14s both}.animal-hero>img{width:100%;height:570px;object-fit:cover;object-position:50% 57%;border-radius:160px 160px 28px 28px;display:block}.animal-hero>figcaption{position:absolute;left:20px;bottom:65px;right:60px;background:rgba(255,253,248,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:18px;padding:18px 22px;text-align:left;letter-spacing:0;text-transform:none;color:#302138;z-index:2;box-shadow:0 14px 34px rgba(48,33,56,.12)}.animal-hero>figcaption span{display:block;font-size:13px;margin-bottom:5px}.animal-hero>figcaption strong{font:italic 25px Instrument,Georgia,serif}.hero-photo-small{position:absolute;right:-15px;top:30px;width:125px;background:#fffdf8;padding:7px 7px 12px;transform:rotate(7deg);box-shadow:0 12px 32px #39234622;border-radius:5px;z-index:3;animation:polaroid-float 6.4s ease-in-out infinite}.hero-photo-small img{width:100%;height:140px;object-fit:cover;display:block}.hero-photo-small span{font-size:11px;display:block;margin-top:7px;text-align:center}
@keyframes polaroid-float{0%,100%{transform:rotate(7deg) translateY(0)}50%{transform:rotate(5.2deg) translateY(-6px)}}
.animal-manifest{text-align:center;padding-block:45px 80px}.animal-manifest h2{font-size:clamp(34px,4.5vw,64px);line-height:1.1;margin:20px 0}.animal-manifest h2 em{font-family:Instrument,Georgia,serif;color:#7d32ac;font-weight:400}.animal-manifest>p:not(.eyebrow){max-width:720px;margin:0 auto;line-height:1.75;color:#62586a;font-size:18px}.animal-triptych{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:20px;margin-top:35px;text-align:left}.animal-triptych figure{margin:0;transition:transform .55s var(--suave)}.animal-triptych figure:hover{transform:translateY(-5px)}.animal-triptych img{width:100%;height:290px;object-fit:cover;border-radius:22px;display:block}.animal-triptych figure:nth-child(1) img{object-position:50% 65%}.animal-triptych figure:nth-child(3) img{object-position:50% 40%}.animal-triptych figcaption{font-size:16px;margin-top:12px;font-weight:500}.day{overflow:hidden}.day-animal-photo{width:calc(100% + 36px);max-width:none;height:125px;object-fit:cover;object-position:50% 55%;margin:-18px -18px 16px;display:block;transition:transform .65s cubic-bezier(.22,1,.36,1)}.day:hover .day-animal-photo{transform:scale(1.045)}.day-animal-cover{margin:22px 0}.day-animal-cover img{display:block;width:100%;height:260px;object-fit:cover;object-position:50% 55%;border-radius:20px}.day-animal-cover figcaption{font-size:12px;color:#6c6074;margin-top:8px}.dialog-sketch-head .dialog-ilu{max-width:110px}.day-menu-hint{font-size:12px!important}.animal-photo-frame img{object-fit:cover;transition:transform .7s cubic-bezier(.22,1,.36,1)}
@media(max-width:900px){.animal-hero>img{height:470px}.animal-triptych{gap:12px}.animal-triptych img{height:230px}.hero-photo-small{right:0}.v-hero{padding-top:35px}}
@media(max-width:600px){.animal-hero{max-width:430px;width:100%;margin:auto;padding-right:15px;box-sizing:border-box}.animal-hero>img{height:390px;border-radius:110px 110px 22px 22px}.hero-photo-small{width:90px;top:16px}.hero-photo-small img{height:105px}.animal-hero>figcaption{left:12px;right:28px;bottom:60px;padding:14px}.animal-hero>figcaption strong{font-size:22px}.animal-triptych{grid-template-columns:1fr 1fr}.animal-triptych figure:last-child{grid-column:1/-1}.animal-triptych img{height:220px}.animal-triptych figure:last-child img{height:230px}.animal-manifest{padding-block:25px 45px}.day-animal-cover img{height:210px}}
/* V4.2: fotos fundidas con respiración sutil y encuadres individuales */
.animal-crossfade{position:relative;overflow:hidden;isolation:isolate;background:#eee7db;border-radius:22px;height:290px;box-shadow:0 16px 38px rgba(48,33,56,.08)}.animal-crossfade .photo-layer{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover;opacity:0;transform:scale(1);transition:opacity 1.85s cubic-bezier(.22,1,.36,1),transform 7.5s ease-out;display:block;margin:0!important;border-radius:0!important}.animal-crossfade .photo-layer.visible{opacity:1;transform:scale(1.038)}.animal-hero>.animal-crossfade{height:570px;border-radius:160px 160px 28px 28px}.animal-triptych figure:nth-child(2) .photo-layer{object-position:50% 24%}.hero-photo-small img{object-position:50% 24%}.day-animal-photo[src*="gallina"],.day-animal-cover img[src*="gallina"],#protagonist-img[src*="aves"]{object-position:50% 24%}.animal-manifest,.v4-section{content-visibility:visible;contain-intrinsic-size:none}.v-step .ilu.viva.en-vista svg{animation:illustration-breathe 5.5s ease-in-out infinite}.v-step:nth-child(2) .ilu.viva.en-vista svg{animation-delay:-2s}.v-step:nth-child(3) .ilu.viva.en-vista svg{animation-delay:-4s}@keyframes illustration-breathe{0%,100%{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-5px) rotate(.5deg)}}
@media(max-width:900px){.animal-hero>.animal-crossfade{height:470px}.animal-triptych .animal-crossfade{height:230px}}
@media(max-width:600px){.animal-hero>.animal-crossfade{height:390px;border-radius:110px 110px 22px 22px}.animal-triptych .animal-crossfade{height:220px}}
/* V4.3: Viñetas artesanales con conejo, zorro, oveja, pato y gato de marca */
.ilu-manifest{width:min(410px,92%);margin:0 auto 14px}
.v4-heading{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr);gap:clamp(18px,3.5vw,44px);align-items:end;margin-bottom:26px}
.v4-heading h2{margin-bottom:12px}
.v4-heading .v4-intro-note{margin:0}
.ilu-cotidiana,.ilu-confianza{width:min(286px,100%);justify-self:end}
.v4-pantry-head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(210px,.7fr);gap:24px;align-items:center;margin-bottom:8px}
.v4-pantry-head p{margin:0}
.ilu-despensa{width:min(254px,100%);justify-self:end}
.ilu-companeros{width:min(336px,95%);margin-top:22px}
.protagonist-tabs{flex-wrap:wrap}
@media(max-width:860px){.v4-heading,.v4-pantry-head{grid-template-columns:1fr}.ilu-cotidiana,.ilu-confianza,.ilu-despensa{justify-self:center;margin-top:8px}}
/* V4.3 · una foto distinta por día y la acción real en cada tarjeta */
.day .day-menu-hint{-webkit-line-clamp:3;color:#5c5064;font-size:12px!important;line-height:1.4}
.day-animal-photo{object-position:50% 40%}
.day-animal-photo[src*="gallina-pollitos"],.day-animal-cover img[src*="gallina-pollitos"]{object-position:50% 70%}
.day-animal-photo[src*="oveja-cordero"],.day-animal-cover img[src*="oveja-cordero"]{object-position:50% 58%}
.day-animal-photo[src*="vaca-ternero"],.day-animal-cover img[src*="vaca-ternero"]{object-position:50% 62%}
.day-animal-photo[src*="santuario-cabra"],.day-animal-cover img[src*="santuario-cabra"]{object-position:50% 30%}
.day-animal-photo[src*="santuario-cerdo"],.day-animal-cover img[src*="santuario-cerdo"]{object-position:50% 45%}
.day-animal-photo[src*="santuario-madre-cria"],.day-animal-cover img[src*="santuario-madre-cria"]{object-position:50% 55%}
.day-animal-photo[src*="salmon"],.day-animal-cover img[src*="salmon"]{object-position:50% 55%}
.day-animal-photo[src*="vaca-descanso"],.day-animal-cover img[src*="vaca-descanso"]{object-position:50% 62%}
#protagonist-img[src*="conejo"]{object-position:50% 0%}#protagonist-img[src*="zorro"]{object-position:50% 0%}.animal-photo-frame[data-prot="zorro"] .prot-ficha,.animal-photo-frame[data-prot="gallina"] .prot-ficha{right:auto;left:18px}#protagonist-img[src*="salmon"]{object-position:50% 70%}
#protagonist-img[src*="gallina-pollitos"]{object-position:50% 70%}
/* V4.3 · contador de Vegalendarios hechos */
.v-contador{display:flex;align-items:center;gap:14px;margin:20px 0 0;padding:12px 18px 12px 16px;width:fit-content;max-width:100%;background:var(--paper-elevated,#fffdf8);border:1.5px solid var(--tinta,#3a1d5c);border-radius:18px;box-shadow:4px 5px 0 var(--lima-viva,#cfdc6c)}
.contador-num{font-family:Outfit,system-ui,sans-serif;font-weight:700;font-size:clamp(34px,4vw,44px);letter-spacing:-.04em;line-height:1;color:var(--violeta,#7623b7);font-variant-numeric:tabular-nums;min-width:3.1ch;text-align:right}
.contador-txt{font-size:14px;line-height:1.35;color:var(--ink,#26192f);font-weight:600}
.contador-txt em{display:block;font-family:Instrument,Georgia,serif;font-weight:400;font-size:17px;color:var(--violeta,#7623b7)}
.contador-num.contado{animation:contador-llega .6s cubic-bezier(.34,1.56,.64,1)}
@keyframes contador-llega{40%{transform:scale(1.08) rotate(-2deg)}100%{transform:none}}
.final-contador{display:flex;align-items:center;gap:14px;margin:6px 0 22px;color:#f6f2ec}
.final-contador .contador-num{color:var(--lima-viva,#cfdc6c);font-size:clamp(38px,4.4vw,52px)}
.final-contador .contador-txt{color:#f6f2ec}
.final-contador .contador-txt em{color:#d5aff8}
@media(max-width:600px){.v-contador{gap:12px;padding:10px 14px}.contador-txt{font-size:13px}.contador-txt em{font-size:16px}}
/* V4.3 · la polaroid abre «Por qué empezar por ellos» */
button.hero-photo-small{border:0;font:inherit;color:inherit;cursor:pointer;text-align:center;transition:transform .45s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}
button.hero-photo-small:hover,button.hero-photo-small:focus-visible{animation-play-state:paused;transform:rotate(2deg) scale(1.07);box-shadow:0 18px 40px #39234633,5px 6px 0 var(--lima-viva,#cfdc6c)}
button.hero-photo-small:focus-visible{outline:2px solid var(--violeta,#7623b7);outline-offset:4px}
button.hero-photo-small b{color:var(--violeta,#7623b7);font-weight:700}
button.hero-photo-small::after{content:"";position:absolute;top:-6px;right:-6px;width:14px;height:14px;border-radius:50%;background:var(--lima-viva,#cfdc6c);border:1.5px solid var(--tinta,#3a1d5c);animation:pe-late 2.4s ease-in-out infinite}
@keyframes pe-late{50%{transform:scale(1.35)}}
/* ventana */
.por-ellos{display:grid;gap:26px}
.pe-cabeza h2{font-size:clamp(32px,4.4vw,46px);line-height:1.05;margin:10px 0 14px;letter-spacing:-.03em}
.pe-cabeza h2 em{font-family:Instrument,Georgia,serif;font-weight:400;color:var(--violeta,#7623b7);background:linear-gradient(transparent 64%,var(--lima,#dfe89a) 64%,var(--lima,#dfe89a) 90%,transparent 90%)}
.pe-intro{font-size:17px;line-height:1.65;color:#4a3f52;margin:0}
.pe-bloque{background:var(--paper-elevated,#fffdf8);border:1.5px solid var(--tinta,#3a1d5c);border-radius:22px;padding:22px 22px 18px;box-shadow:5px 6px 0 var(--lila-fuerte,#cdb4ea)}
.pe-kicker{margin:0 0 6px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--violeta,#7623b7)}
.pe-bloque h3{margin:0 0 14px;font-size:22px;letter-spacing:-.02em}
.pe-opciones{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.pe-opcion{font:inherit;font-weight:700;font-size:15px;padding:8px 14px;border-radius:999px;border:1.5px solid var(--tinta,#3a1d5c);background:var(--paper,#f6f1e6);color:var(--ink,#26192f);cursor:pointer;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .2s,box-shadow .2s}
.pe-opcion small{font-weight:500;font-size:12px}
.pe-opcion:hover{transform:translateY(-2px)}
.pe-opcion.activa{background:var(--violeta,#7623b7);color:#fff;box-shadow:3px 4px 0 var(--lima-viva,#cfdc6c)}
.pe-tablero-svg{display:block;width:100%;height:auto;overflow:visible}
.pe-k{fill:none;stroke:var(--tinta,#3a1d5c);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1;stroke-dashoffset:1;animation:pe-traza .55s cubic-bezier(.45,0,.25,1) forwards;animation-delay:calc(var(--d) * 32ms)}
.pe-k2{stroke-width:1.1;stroke:var(--lila-fuerte,#cdb4ea)}
.pe-sem{font-family:Instrument,Georgia,serif;font-style:italic;font-size:13px;fill:var(--violeta,#7623b7)}
.pe-porcion{fill:var(--lima-viva,#cfdc6c);opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.3);transition:opacity .28s ease,transform .45s cubic-bezier(.34,1.56,.64,1);transition-delay:calc(var(--d) * 22ms + var(--k) * 40ms)}
.pe-porcion[data-k="1"],.pe-porcion[data-k="3"]{fill:var(--lila,#e2d2f1)}
.pe-porcion.on{opacity:1;transform:none}
.pe-numeros{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0 4px}
.pe-numeros p{margin:0;display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:16px;background:var(--paper,#f6f1e6)}
.pe-numeros strong{font-size:clamp(30px,4vw,40px);letter-spacing:-.04em;line-height:1;color:var(--violeta,#7623b7);font-variant-numeric:tabular-nums}
.pe-numeros p:last-child{background:var(--tinta,#3a1d5c);color:#f6f2ec}
.pe-numeros p:last-child strong{color:var(--lima-viva,#cfdc6c)}
.pe-numeros span{font-size:13.5px;line-height:1.4}
.pe-numeros em{font-family:Instrument,Georgia,serif;color:var(--violeta,#7623b7)}
.pe-animales{max-width:520px;margin:6px auto 0}
.pe-animales svg{width:100%;height:auto}
.pe-animal{opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .5s cubic-bezier(.34,1.56,.64,1)}
.pe-animal.visible{opacity:1;transform:none}
.pe-pie{margin:6px 0 0;font-size:13px;line-height:1.5;color:var(--muted,#645a66);text-align:center}
.pe-pie em{display:block;font-family:Instrument,Georgia,serif;font-size:19px;color:var(--violeta,#7623b7)}
.pe-impacto{display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:center}
.pe-ondas svg{width:100%;height:auto;overflow:visible}
.pe-lista{margin:0;padding-left:20px;display:grid;gap:10px;font-size:15px;line-height:1.55}
.pe-lista li::marker{color:var(--violeta,#7623b7);font-weight:700}
.pe-acciones{display:flex;flex-wrap:wrap;align-items:center;gap:18px}
@keyframes pe-traza{to{stroke-dashoffset:0}}
@media(max-width:600px){.pe-numeros{grid-template-columns:1fr}.pe-impacto{grid-template-columns:1fr}.pe-ondas{max-width:220px;margin:0 auto}.pe-bloque{padding:18px 14px 14px}.pe-sem{display:none}}
/* V4.3 · sobre del formulario sin marco punteado: el dibujo respira solo */
.postal-ilu{background:none;border:0;box-shadow:none;padding:0;width:176px;height:140px}
@media(max-width:600px){.postal-ilu{width:150px;height:120px}}
/* el sobre vive sobre la tarjeta de papel: vuelve a la tinta de día */
.final-cta .postal-ilu .k,.final-cta .postal-ilu .k2{stroke:var(--tinta,#3a1d5c)}
.final-cta .postal-ilu .f2{fill:var(--lila,#e2d2f1)}
.final-cta .postal-ilu .n{fill:var(--violeta,#7623b7)}

/* V4.3 · «Por qué empezar por ellos» en capítulos */
.pe-indice{display:flex;flex-wrap:wrap;gap:8px;position:sticky;top:-40px;z-index:2;padding:10px 0;background:linear-gradient(var(--paper,#f6f1e6) 80%,transparent)}
.pe-tab{font:inherit;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:7px;padding:7px 12px 7px 7px;border-radius:999px;border:1.5px solid var(--line,#ddd3c3);background:var(--paper-elevated,#fffdf8);color:var(--ink,#26192f);cursor:pointer;transition:border-color .2s,transform .3s cubic-bezier(.34,1.56,.64,1),background .2s}
.pe-tab b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--lila,#e2d2f1);color:var(--tinta,#3a1d5c);font-size:12px}
.pe-tab:hover{transform:translateY(-2px);border-color:var(--tinta,#3a1d5c)}
.pe-tab.vista b{background:var(--lima-viva,#cfdc6c)}
.pe-tab.activa{border-color:var(--tinta,#3a1d5c);background:var(--tinta,#3a1d5c);color:#fff}
.pe-tab.activa b{background:var(--lima-viva,#cfdc6c);color:var(--tinta,#3a1d5c)}
.pe-cap{background:var(--paper-elevated,#fffdf8);border:1.5px solid var(--tinta,#3a1d5c);border-radius:22px;padding:24px 24px 18px;box-shadow:5px 6px 0 var(--lila-fuerte,#cdb4ea)}
.pe-cap.activo{animation:pe-entra .5s cubic-bezier(.2,.8,.2,1)}
@keyframes pe-entra{from{opacity:0;transform:translateY(12px) rotate(-.4deg)}to{opacity:1;transform:none}}
.pe-cap h3{margin:0 0 14px;font-size:clamp(22px,2.6vw,28px);letter-spacing:-.025em;line-height:1.15}
.pe-texto{font-size:15.5px;line-height:1.65;color:#463b4e;margin:12px 0 0}
.pe-texto em{font-family:Instrument,Georgia,serif;font-size:1.08em;color:var(--violeta,#7623b7)}
.pe-fuente{margin:16px 0 0;padding-top:12px;border-top:1px dashed var(--lila-fuerte,#cdb4ea);font-size:12px;line-height:1.5;color:var(--muted,#645a66)}
.pe-fuente a{color:var(--violeta,#7623b7);text-decoration:underline;text-underline-offset:2px}
.pe-dibujo svg{width:100%;height:auto;overflow:visible}
/* 2 · escala */
.pe-escala{display:grid;gap:14px}
.pe-escala-bloque{display:grid;grid-template-columns:240px 1fr;gap:20px;align-items:center}
.pe-escala-bloque p{margin:0;font-size:15px;line-height:1.55}
.pe-cifra{display:block;font-size:clamp(38px,5vw,54px);letter-spacing:-.04em;line-height:1;color:var(--violeta,#7623b7);font-variant-numeric:tabular-nums}
.pe-escala-tierra{width:100%;height:auto}
.pe-punto{fill:var(--tinta,#3a1d5c);opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.2)}
.pe-escala.viva .pe-punto{animation:pe-punto .35s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:calc(var(--r) * 45ms)}
@keyframes pe-punto{to{opacity:1;transform:none}}
.pe-mar{position:relative;height:150px;border-radius:16px;overflow:hidden;background:#d9ecf2;
  background-image:radial-gradient(circle,#2f5f8a 2.6px,transparent 3px);background-size:8px 8px;
  -webkit-mask-image:linear-gradient(90deg,#000 70%,transparent);mask-image:linear-gradient(90deg,#000 70%,transparent);
  clip-path:inset(0 100% 0 0);transition:clip-path 2.6s cubic-bezier(.3,0,.2,1) .6s}
.pe-escala.viva .pe-mar{clip-path:inset(0 0 0 0)}
.pe-mar-ola{position:absolute;inset:auto 0 0 0;height:100%;background:linear-gradient(180deg,rgba(255,255,255,.0),rgba(118,35,183,.12))}
.pe-mar-txt{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-family:Instrument,Georgia,serif;font-style:italic;font-size:22px;color:var(--tinta,#3a1d5c)}
.pe-mar-pie{margin:0;font-size:15px;line-height:1.55}
.pe-mar-pie strong{color:#2f5f8a}
/* 3 · barras */
.pe-opciones{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 8px}
.pe-opciones-v{margin-top:0}
.pe-opciones-v .pe-opcion.activa{background:var(--lima-viva,#cfdc6c);color:var(--tinta,#3a1d5c);box-shadow:3px 4px 0 var(--tinta,#3a1d5c)}
.pe-opcion{font:inherit;font-weight:600;font-size:13.5px;padding:7px 13px;border-radius:999px;border:1.5px solid var(--tinta,#3a1d5c);background:var(--paper,#f6f1e6);color:var(--ink,#26192f);cursor:pointer;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .2s,box-shadow .2s}
.pe-opcion:hover{transform:translateY(-2px)}
.pe-opcion.activa{background:var(--violeta,#7623b7);color:#fff;box-shadow:3px 4px 0 var(--lima-viva,#cfdc6c)}
.pe-barra-nombre{font-family:Outfit,system-ui,sans-serif;font-size:13px;font-weight:600;fill:var(--ink,#26192f)}
.pe-barras{margin-top:10px}
.pe-veces{display:flex;align-items:baseline;gap:12px;margin:10px 0 0}
.pe-veces strong{font-size:clamp(44px,6vw,64px);letter-spacing:-.05em;line-height:1;color:var(--violeta,#7623b7)}
.pe-veces span{font-size:15px;line-height:1.4;max-width:30ch}
/* 4 · tierra */
.pe-campo rect{transition:width 1.2s cubic-bezier(.6,0,.2,1),x 1.2s cubic-bezier(.6,0,.2,1)}
.pe-tierra .pe-libre .pe-arbol{opacity:0;transform-box:fill-box;transform-origin:50% 100%;transform:scale(0)}
.pe-tierra .pe-libre-txt{opacity:0;transition:opacity .4s ease 1.2s}
.pe-tierra .pe-divisoria,.pe-tierra .pe-campo-txt{transition:opacity .4s ease}
.pe-tierra .capa-color{transition:transform 1.2s cubic-bezier(.6,0,.2,1)}
.pe-tierra.liberada .pe-campo{transform:scale(.25,1);transform-box:fill-box;transform-origin:0 50%;transition:transform 1.3s cubic-bezier(.6,0,.2,1)}
.pe-tierra.liberada .pe-divisoria,.pe-tierra.liberada .pe-campo-txt{opacity:0}
.pe-tierra.liberada .pe-libre-txt{opacity:1}
.pe-tierra.liberada .pe-arbol{animation:pe-crece .55s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:calc(1.1s + var(--i) * 70ms)}
@keyframes pe-crece{to{opacity:1;transform:none}}
.pe-tierra-datos{display:grid;gap:12px;margin-top:10px}
.pe-tierra-datos p{margin:0;font-size:15.5px;line-height:1.6}
.pe-tierra-datos strong{color:var(--violeta,#7623b7)}
.pe-liberar{justify-self:start}
.pe-liberado{padding:12px 14px;border-radius:14px;background:var(--lima,#dfe89a);animation:pe-entra .5s ease}
/* 5 · dieta */
.pe-dieta{display:grid;gap:12px;margin-top:14px}
.pe-medidor{display:grid;grid-template-columns:170px 1fr 52px;gap:12px;align-items:center}
.pe-medidor-nombre{font-size:13.5px;font-weight:600}
.pe-medidor-barra{position:relative;height:26px;border-radius:8px;border:1.5px solid var(--tinta,#3a1d5c);background:var(--lila,#e2d2f1);overflow:hidden}
.pe-medidor-alta{position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 6px,rgba(58,29,92,.12) 6px 8px)}
.pe-medidor-vegana{position:absolute;inset:0 auto 0 0;width:100%;background:var(--lima-viva,#cfdc6c);border-right:1.5px solid var(--tinta,#3a1d5c);transition:width 1.3s cubic-bezier(.6,0,.2,1);transition-delay:calc(.3s + var(--i) * 150ms)}
.pe-dieta.viva .pe-medidor-vegana{width:calc(var(--v) * 1%)}
.pe-medidor strong{font-size:20px;letter-spacing:-.03em;color:var(--violeta,#7623b7);text-align:right}
/* pasos */
.pe-pasos{display:flex;align-items:center;justify-content:space-between;gap:12px}
.pe-cuenta-cap{font-family:Instrument,Georgia,serif;font-style:italic;color:var(--violeta,#7623b7)}
@media(max-width:600px){
  .pe-cap{padding:18px 14px 14px}
  .pe-escala-bloque{grid-template-columns:1fr}
  .pe-escala-tierra{max-width:260px}
  .pe-medidor{grid-template-columns:1fr 46px;row-gap:4px}
  .pe-medidor-nombre{grid-column:1/-1}
  .pe-indice{gap:6px}
  .pe-tab{font-size:12px;padding:5px 10px 5px 5px}
}
.pe-dibujo{width:100%;max-width:none}
.pe-barras{max-width:560px}
.pe-tierra .pe-zona-animal,.pe-tierra .pe-zona-personas{transition:fill .6s ease .9s,opacity .4s ease}
.pe-tierra.liberada .pe-zona-animal{fill:var(--lima,#dfe89a)}
.pe-tierra.liberada .pe-zona-personas{opacity:0}
@media(max-width:600px){
  .pe-indice{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;top:-18px;margin:0 -4px;padding:8px 4px}
  .pe-indice::-webkit-scrollbar{display:none}
  .pe-tab{flex:0 0 auto;width:auto;white-space:nowrap}
}
/* V4.3 · recetario unificado */
.menuteca-atajos{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 4px}
.menuteca-atajos>span{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--violeta,#7623b7)}
.menuteca-atajos button{font:inherit;font-size:13px;padding:6px 12px;border-radius:999px;border:1px solid var(--line,#ddd3c3);background:var(--paper-elevated,#fffdf8);cursor:pointer;transition:border-color .2s,transform .3s cubic-bezier(.34,1.56,.64,1)}
.menuteca-atajos button:hover{border-color:var(--tinta,#3a1d5c);transform:translateY(-2px)}
.menuteca-atajos p{flex-basis:100%;margin:4px 0 0;font-size:12.5px;color:var(--muted,#645a66)}
.spotlight-fav{font-weight:700;color:var(--violeta,#7623b7)}
/* V4.3 · Arma tu plato */
.armaplato{margin-top:28px;padding:clamp(20px,3vw,34px);border-radius:28px;background:var(--lima,#e7edbc);border:1.5px solid var(--tinta,#3a1d5c);box-shadow:6px 7px 0 var(--lila-fuerte,#cdb4ea)}
.ap-head h3{font-size:clamp(26px,3vw,34px);margin:6px 0 8px;letter-spacing:-.03em}
.ap-head p{margin:0;max-width:60ch;line-height:1.6}
.ap-cuerpo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:clamp(18px,3vw,40px);align-items:start;margin-top:20px}
.ap-grupo{margin-bottom:16px}
.ap-leyenda{margin:0 0 8px;font-weight:700;font-size:14px;display:flex;align-items:center;gap:8px}
.ap-leyenda b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--tinta,#3a1d5c);color:var(--lima-viva,#cfdc6c);font-size:12px}
.ap-leyenda small{font-weight:500;color:var(--muted,#645a66)}
.ap-chips{display:flex;flex-wrap:wrap;gap:8px}
.ap-chip{font:inherit;font-weight:600;font-size:14px;padding:8px 14px;border-radius:999px;border:1.5px solid var(--tinta,#3a1d5c);background:var(--paper-elevated,#fffdf8);color:var(--ink,#26192f);cursor:pointer;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .2s,box-shadow .2s}
.ap-chip:hover{transform:translateY(-2px) rotate(-1deg)}
.ap-chip.activa{background:var(--violeta,#7623b7);color:#fff;box-shadow:3px 4px 0 var(--tinta,#3a1d5c)}
.ap-plato{margin:0;display:grid;gap:12px;justify-items:center}
.ap-ilu{width:100%;max-width:400px}
.ap-ilu svg{width:100%;height:auto;overflow:visible}
.ap-ilu .ap-vacio{opacity:.55}
.ap-sugerencia{width:100%;display:grid;gap:4px;padding:14px 16px;border-radius:18px;background:var(--paper-elevated,#fffdf8);border:1.5px solid var(--tinta,#3a1d5c)}
.ap-pie-meta{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--violeta,#7623b7)}
.ap-pie-nombre{font-size:18px;line-height:1.25;letter-spacing:-.01em}
.ap-pie-coinc{font-family:Instrument,Georgia,serif;font-style:italic;color:var(--violeta,#7623b7)}
.ap-pie-acciones{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:6px}
.ap-nada{font-family:Instrument,Georgia,serif;font-size:17px;color:var(--violeta,#7623b7)}
@media(max-width:860px){.ap-cuerpo{grid-template-columns:1fr}.ap-plato{order:-1}}
/* la línea y su sombra nunca empujan el ancho de la página */
.vuelo{overflow:hidden}
/* el título del recetario respira en una o dos líneas */
#recetas .section-heading>div:first-child{flex:1 1 auto;min-width:min(100%,560px)}
#recetas .v-recipes-side{flex:0 1 420px}
/* V4.4.1 · la polaroid: siluetas dibujadas sobre lima que se alternan */
.hero-photo-small .pola-ilu{display:block;width:100%;height:140px;background:var(--lima,#dfe89a);border-radius:2px;overflow:hidden;position:relative}
.hero-photo-small .pola-ilu::before{content:"";position:absolute;inset:0;background:var(--papel-grano);opacity:.6;pointer-events:none}
.hero-photo-small .pola-ilu .ilu{position:absolute;inset:6px 4px 0}
.hero-photo-small .pola-ilu svg{width:100%;height:100%;overflow:visible}
@media(max-width:600px){.hero-photo-small .pola-ilu{height:105px}}
.hero-photo-small span:not(.pola-ilu){white-space:nowrap;font-size:10.5px}
button.hero-photo-small::after{right:auto;left:-6px}
@media(max-width:600px){.hero-photo-small span:not(.pola-ilu){font-size:9.5px}}
@media(max-width:600px){.hero-photo-small span:not(.pola-ilu){white-space:normal;line-height:1.2}.hero-photo-small b{display:none}}
/* el mar de puntos: el degradado va solo en los puntos; «y sigue» queda legible encima */
.pe-mar{background:none;-webkit-mask-image:none;mask-image:none;clip-path:none;transition:none;overflow:visible}
.pe-mar-puntos{position:absolute;inset:0;border-radius:16px;background:#d9ecf2;background-image:radial-gradient(circle,#2f5f8a 2.6px,transparent 3px);background-size:8px 8px;
  -webkit-mask-image:linear-gradient(90deg,#000 62%,transparent 96%);mask-image:linear-gradient(90deg,#000 62%,transparent 96%);
  clip-path:inset(0 100% 0 0);transition:clip-path 2.6s cubic-bezier(.3,0,.2,1) .6s}
.pe-escala.viva .pe-mar-puntos{clip-path:inset(0 0 0 0)}
.pe-mar-txt{right:10px;padding:8px 16px 9px;border-radius:999px;background:var(--paper-elevated,#fffdf8);border:1.5px solid var(--tinta,#3a1d5c);box-shadow:3px 4px 0 var(--lima-viva,#cfdc6c);font-size:20px;opacity:0;transition:opacity .5s ease 3s,transform .6s cubic-bezier(.34,1.56,.64,1) 3s;transform:translate(10px,-50%)}
.pe-mar-txt span{font-family:Outfit,system-ui,sans-serif;font-style:normal;display:inline-block;animation:pe-sigue 1.4s ease-in-out infinite}
.pe-escala.viva .pe-mar-txt{opacity:1;transform:translate(0,-50%)}
@keyframes pe-sigue{50%{transform:translateX(5px)}}
/* V4.5 · encuadres de las fotos nuevas */
#protagonist-img[src*="noche-conejo"]{object-position:50% 55%}
#protagonist-img[src*="noche-zorro"]{object-position:28% 50%}
#protagonist-img[src*="noche-vaca"]{object-position:50% 62%}
#protagonist-img[src*="noche-cerdo"]{object-position:50% 60%}
#protagonist-img[src*="noche-gallina"]{object-position:60% 40%}
#protagonist-img[src*="noche-peces"]{object-position:50% 45%}
.animal-photo-frame[data-prot="gallina"] .prot-ficha{right:auto;left:18px}
.animal-photo-frame[data-prot="zorro"] .prot-ficha{right:auto;left:18px}
.day-animal-photo[src*="fotos/dia-"]{object-position:50% 45%}
.day-animal-photo[src*="dia-07"],.day-animal-cover img[src*="dia-07"]{object-position:50% 62%}
.day-animal-photo[src*="dia-11"],.day-animal-cover img[src*="dia-11"]{object-position:50% 40%}
.day-animal-photo[src*="dia-14"],.day-animal-cover img[src*="dia-14"]{object-position:50% 35%}
.day-animal-photo[src*="dia-17"],.day-animal-cover img[src*="dia-17"]{object-position:50% 30%}
.day-animal-photo[src*="dia-20"],.day-animal-cover img[src*="dia-20"]{object-position:50% 30%}
.foto-creditos{margin:14px 0 0;font-size:11.5px;opacity:.7}
.foto-creditos a{color:inherit;text-decoration:underline;text-underline-offset:2px}
#protagonist-img[src*="noche-conejo"]{object-position:62% 45%}
.animal-photo-frame[data-prot="conejo"] .prot-ficha{right:auto;left:18px}

/* V4.6 · Fotos de ambiente en el «Paso a paso» del recetario */
.spotlight-right{display:flex;flex-direction:column;min-width:0}
.spotlight-fotos{position:relative;margin:auto 0 0;padding-top:18px;flex:1 0 230px;min-height:230px;max-height:460px;display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:1fr 1fr;gap:10px;-webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.55) 14%,#000 42%);mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.55) 14%,#000 42%)}
.sf-foto{position:relative;overflow:hidden;border-radius:16px;background:var(--lilac,#ede5f5);min-height:0}
.sf-foto.sf-1{grid-row:1 / span 2}
.sf-foto img{width:100%;height:100%;object-fit:cover;display:block;opacity:.8;filter:saturate(.9);mix-blend-mode:multiply;transform:scale(1.02);animation:sf-respira 16s ease-in-out infinite alternate;transition:opacity .5s ease,filter .5s ease}
.sf-foto.sf-2 img{animation-delay:-5s}
.sf-foto.sf-3 img{animation-delay:-10s}
.menu-spotlight:hover .sf-foto img{opacity:.95;filter:saturate(1)}
.spotlight-fotos figcaption{position:absolute;left:10px;bottom:10px;z-index:1;font-size:11px;letter-spacing:.02em;line-height:1.3;padding:5px 10px;border-radius:99px;background:rgba(255,253,248,.88);color:var(--ink,#1d1a20);max-width:calc(56% - 20px)}
.sf-foto img:not(.listo){opacity:0}
@keyframes sf-respira{from{transform:scale(1.02)}to{transform:scale(1.09) translate(-1.5%,-1%)}}
@media (prefers-reduced-motion:reduce){.sf-foto img{animation:none}}
@media (max-width:1100px){
  .spotlight-fotos{flex:none;min-height:0;height:150px;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;padding-top:10px;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 35%);mask-image:linear-gradient(to bottom,transparent 0,#000 35%)}
  .sf-foto.sf-1{grid-row:auto}
  .sf-foto{border-radius:12px}
  .spotlight-fotos figcaption{left:6px;bottom:6px;font-size:10px;max-width:calc(100% - 12px)}
}

/* V4.7 · Fondo de fotos casi invisibles en «Arma tu plato» */
.armaplato{position:relative;isolation:isolate}
.armaplato>:not(.ap-fondo){position:relative;z-index:1}
.ap-fondo{position:absolute;inset:0;z-index:0;border-radius:inherit;overflow:hidden;pointer-events:none}
.ap-f{position:absolute;display:block;-webkit-mask-image:radial-gradient(closest-side,#000 55%,transparent 100%);mask-image:radial-gradient(closest-side,#000 55%,transparent 100%)}
.ap-f img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;mix-blend-mode:multiply;filter:saturate(.75) contrast(.95);transition:opacity 1.8s ease}
.ap-f img.on{opacity:.12}
.ap-f1{left:-3%;top:56%;width:30%;height:50%}
.ap-f2{left:22%;top:62%;width:26%;height:44%}
.ap-f3{left:42%;top:48%;width:22%;height:40%}
.ap-f4{left:46%;top:-6%;width:24%;height:44%}
.ap-f5{left:80%;top:-8%;width:24%;height:40%}
.ap-f6{left:60%;top:70%;width:22%;height:40%}
@media(max-width:860px){
  .ap-f img.on{opacity:.12}
  .ap-f1{left:-12%;top:auto;bottom:-6%;width:62%;height:26%}
  .ap-f2{left:50%;top:auto;bottom:-4%;width:62%;height:24%}
  .ap-f3{left:-14%;top:36%;width:56%;height:22%}
  .ap-f4{left:56%;top:30%;width:60%;height:22%}
  .ap-f5{left:60%;top:-4%;width:50%;height:18%}
  .ap-f6{display:none}
}