:root { --ac:#e5533c; --cream:#f4f1e8; --line:rgba(244,241,232,.14); --mar:#4a0f12; --mus:#e4a834; --ora:#f26b21; --ink:#070504; }
*,*::before,*::after { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:#070504; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:none; }
button { font:inherit; color:inherit; background:none; border:0; padding:0; cursor:pointer; }
ul,ol { list-style:none; margin:0; padding:0; }
h1,h2,h3,h4,p,figure,cite { margin:0; }

.bk { position:relative; overflow-x:clip; background:#070504; color:var(--cream); font-family:'Jost',system-ui,sans-serif; font-weight:300; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
.bk::before { content:''; position:absolute; inset:0; z-index:0; pointer-events:none; background:url(img/spices-tile.png) 0 0 / 760px 760px repeat; opacity:.5; }
.bk > * { position:relative; z-index:1; }

/* ---------- cabecera: marca a la izquierda, logo 3D centrado, menú a la derecha ---------- */
.top { --cs:76px; position:relative; z-index:20; display:flex; align-items:center; justify-content:space-between; height:calc(var(--cs) + 22px); padding:0 18px; }
.brand { position:relative; z-index:2; display:block; }
.brand img { height:18px; width:auto; }
.coin { position:absolute; left:50%; top:11px; width:var(--cs); height:var(--cs); margin-left:calc(var(--cs) / -2); animation:bob 7s ease-in-out infinite; }
.coin::after { content:''; position:absolute; left:14%; right:14%; bottom:-10px; height:12px; border-radius:50%; background:radial-gradient(ellipse at center, rgba(229,83,60,.42), transparent 70%); filter:blur(5px); }
.sc3 { width:100%; height:100%; perspective:700px; }
.tilt { width:100%; height:100%; transform:rotateX(-8deg); transform-style:preserve-3d; }
.disc { position:relative; width:100%; height:100%; transform-style:preserve-3d; animation:spin 16s linear infinite; }
.ly3 { position:absolute; inset:0; border-radius:50%; background:#0e1812; }
.fc { position:absolute; inset:0; width:100%; height:100%; border-radius:50%; backface-visibility:hidden; }
@keyframes spin { to { transform:rotateY(360deg); } }
@keyframes bob { 50% { transform:translateY(-4px); } }
@media (min-width:760px) {
  .top { --cs:100px; padding:0 clamp(24px,4.5vw,72px); }
  .brand img { height:clamp(24px,2.2vw,30px); }
}

/* ---------- botón de tres barras + menú a pantalla completa ---------- */
.bk > .mbar { position:sticky; top:0; height:0; z-index:90; }
.mb { position:absolute; top:25px; right:14px; z-index:3; width:50px; height:50px; border-radius:50%; background:rgba(16,10,8,.72); border:1px solid rgba(244,241,232,.24); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; transition:background .25s, border-color .25s, transform .25s; }
.mb:hover { background:rgba(229,83,60,.9); border-color:transparent; }
.mb span { display:block; width:20px; height:2px; border-radius:2px; background:var(--cream); transition:transform .35s cubic-bezier(.2,.8,.2,1), opacity .2s; }
.mb.open { background:rgba(244,241,232,.1); }
.mb.open span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
.mb.open span:nth-child(2) { opacity:0; }
.mb.open span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
.mb:focus-visible { outline:2px solid var(--cream); outline-offset:3px; }
@media (min-width:760px) { .mb { top:37px; right:clamp(20px,3.2vw,48px); } }
.mn { position:fixed; inset:0; z-index:2; display:flex; align-items:center; justify-content:center; padding:96px 24px 40px; background:radial-gradient(ellipse at 20% 0%, rgba(229,83,60,.28), transparent 55%), linear-gradient(180deg, #170c09, #070504); visibility:hidden; opacity:0; transition:opacity .35s, visibility 0s linear .35s; overflow-y:auto; }
.mn::before { content:''; position:absolute; inset:0; background:url(img/spices-tile.png) 0 0 / 760px 760px repeat; opacity:.45; pointer-events:none; }
.mn.open { visibility:visible; opacity:1; transition:opacity .35s; }
.mn-in { position:relative; width:min(560px,100%); }
.mn-k { margin-bottom:14px; font-size:12px; letter-spacing:.4em; text-transform:uppercase; color:var(--ac); }
.mi { display:flex; align-items:baseline; gap:18px; padding:13px 0; border-bottom:1px solid rgba(244,241,232,.14); opacity:0; transform:translateY(14px); transition:opacity .45s, transform .55s cubic-bezier(.2,.8,.2,1), color .2s; transition-delay:0s; }
.mn.open .mi { opacity:1; transform:none; transition-delay:calc(.08s + var(--i) * .05s); }
.mi b { font-family:'Syncopate',sans-serif; font-weight:700; font-size:12px; letter-spacing:.14em; color:rgba(244,241,232,.45); width:2.2em; flex:none; }
.mi span { font-family:'Rubik',system-ui,sans-serif; font-weight:800; font-size:clamp(26px,6.4vw,40px); line-height:1.05; text-transform:uppercase; letter-spacing:-.005em; }
.mi:hover span, .mi:focus-visible span { color:var(--ac); }
.mi:hover b { color:var(--ac); }
.mn-f { margin-top:26px; opacity:0; transition:opacity .5s; }
.mn.open .mn-f { opacity:1; transition-delay:.5s; }
.mn-cta { display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:0 28px; border-radius:99px; background:var(--ora); color:#fff; border:2px solid #190d09; box-shadow:4px 4px 0 #190d09; font-family:'Rubik',sans-serif; font-weight:800; font-size:14px; letter-spacing:.04em; text-transform:uppercase; }
.mn-f p { margin-top:18px; font-size:15px; color:rgba(244,241,232,.62); }
.mn-f p a:hover { color:var(--cream); }

/* ---------- secciones ---------- */
:root { --wh:clamp(36px,8vw,84px); }
.sec { position:relative; width:100%; max-width:1280px; margin:0 auto; padding:clamp(64px,8vw,120px) clamp(20px,4.5vw,72px); }
.eyebrow { display:flex; align-items:center; gap:16px; font-size:12px; font-weight:400; letter-spacing:.36em; text-transform:uppercase; color:var(--ac); }
.eyebrow i { width:48px; height:1px; background:currentColor; }
.eyebrow b { font-family:'Syncopate',sans-serif; font-weight:700; letter-spacing:.1em; color:rgba(244,241,232,.5); margin-right:-4px; }
.h2 { margin-top:22px; font-family:'Syncopate',sans-serif; font-weight:700; font-size:clamp(26px,3.5vw,48px); line-height:1.1; letter-spacing:.03em; text-transform:uppercase; }
.h2 .sc2 { display:block; font-family:'Kaushan Script',cursive; font-weight:400; text-transform:none; letter-spacing:0; font-size:1.55em; line-height:1; color:var(--ac); margin-top:.08em; }
.lead { margin-top:26px; max-width:27em; font-size:clamp(16px,1.3vw,18.5px); line-height:1.7; color:rgba(244,241,232,.7); }

/* ---------- carta en bandas de color ---------- */
.carta { position:relative; padding-top:clamp(56px,7vw,100px); }
.c-intro { padding-top:clamp(40px,6vw,96px); padding-bottom:calc(var(--wh) + 24px); }
.c-intro .lead { max-width:34em; }
.bands { position:relative; }
.band { --bg:#4a0f12; --tx:#fbefd8; --nm:#fff3dc; --pb:#f6e7c8; --pbt:#4a0f12; --stp:#f3b04a; --dd:rgba(255,243,220,.28); position:relative; margin-top:0; padding:clamp(48px,7vw,84px) clamp(20px,4.5vw,72px) calc(var(--wh) + clamp(36px,5vw,60px)); background:var(--bg); color:var(--tx); }
.bw { position:absolute; left:0; top:1px; width:100%; height:var(--wh); transform:translateY(-100%); fill:var(--bg); display:block; pointer-events:none; }
.bwb { position:absolute; left:0; bottom:1px; width:100%; height:var(--wh); transform:translateY(100%); fill:var(--bg); display:block; pointer-events:none; z-index:1; }
.bi { position:relative; max-width:1180px; margin:0 auto; display:grid; grid-template-columns:minmax(0,1fr); gap:6px; align-items:start; }
.bp { position:relative; z-index:3; margin:calc(clamp(60px,12vw,120px) * -1) auto 4px; width:min(100%,360px); }
.bp img { width:100%; height:auto; filter:drop-shadow(0 22px 24px rgba(0,0,0,.38)); }
.bk-n { font-family:'Rubik',sans-serif; font-weight:700; font-size:13px; letter-spacing:.3em; text-transform:uppercase; opacity:.7; }
.bh { margin-top:8px; font-family:'Rubik',system-ui,sans-serif; font-weight:900; font-size:clamp(38px,9.4vw,76px); line-height:.92; letter-spacing:-.012em; text-transform:uppercase; color:var(--nm); }
.bh em { display:block; margin-top:.12em; font-family:'Kaushan Script',cursive; font-style:normal; font-weight:400; text-transform:none; letter-spacing:0; font-size:.5em; line-height:1; color:var(--stp); }
.gh { position:absolute; z-index:0; right:-2%; top:14px; font-family:'Rubik',sans-serif; font-weight:900; font-size:clamp(88px,22vw,300px); line-height:.9; letter-spacing:-.02em; text-transform:uppercase; color:transparent; -webkit-text-stroke:1.5px var(--gh, rgba(255,255,255,.1)); white-space:nowrap; pointer-events:none; }
.bl { position:relative; z-index:2; min-width:0; }
.its { margin-top:clamp(18px,3vw,30px); display:grid; grid-template-columns:minmax(0,1fr); column-gap:clamp(24px,4vw,64px); }
.it { position:relative; padding:18px 0 20px; border-top:1.5px dashed var(--dd); }
.it:first-child { border-top:0; }
.ir { display:flex; align-items:flex-start; justify-content:space-between; gap:10px 14px; }
.nm { display:flex; align-items:center; flex-wrap:wrap; gap:7px 12px; min-width:0; }
.in { font-family:'Rubik',system-ui,sans-serif; font-weight:800; font-size:clamp(17px,4.6vw,23px); line-height:1.12; letter-spacing:.005em; text-transform:uppercase; color:var(--nm); }
.it.hl .in { font-size:clamp(21px,5.6vw,31px); }
.stp { display:inline-block; padding:3px 9px 2px; border:2px solid var(--stp); outline:1px solid var(--stp); outline-offset:2px; border-radius:4px; font-family:'Rubik',sans-serif; font-weight:800; font-size:10.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--stp); transform:rotate(-4deg); white-space:nowrap; }
.pb { flex:none; margin-left:auto; padding:4px 11px 3px; background:var(--pb); color:var(--pbt); border-radius:3px; font-family:'Rubik',sans-serif; font-weight:900; font-size:clamp(16px,4.2vw,21px); letter-spacing:.01em; white-space:nowrap; transform:rotate(-1.5deg); box-shadow:2px 2px 0 rgba(0,0,0,.28); }
.id { margin-top:7px; max-width:36em; font-family:'Jost',sans-serif; font-weight:500; font-size:clamp(14.5px,3.9vw,16px); line-height:1.5; color:var(--tx); opacity:.88; }
.b-mar { --bg:#4a0f12; --gh:rgba(255,243,220,.1); }
.b-ora { --bg:#f26b21; --tx:#2d1006; --nm:#2a0d05; --pb:#2a0d05; --pbt:#fff0d8; --stp:#2a0d05; --dd:rgba(42,13,5,.3); --gh:rgba(42,13,5,.13); }
.b-bro { --bg:#1e100a; --tx:#f6e8d2; --nm:#f1b754; --pb:#f1b754; --pbt:#1e100a; --stp:#f1b754; --dd:rgba(241,183,84,.32); --gh:rgba(241,183,84,.13); }
.b-cre { --bg:#f1e3c4; --tx:#3a1a0b; --nm:#8d1f19; --pb:#3a1a0b; --pbt:#fbefd8; --stp:#8d1f19; --dd:rgba(58,26,11,.28); --gh:rgba(58,26,11,.1); }
.b-bri { --bg:#7b1f17; --tx:#fbe9d2; --nm:#fff1da; --pb:#f6c75b; --pbt:#3a0f0b; --stp:#f6c75b; --dd:rgba(255,241,218,.3); --gh:rgba(255,241,218,.13); }
.nota { margin-top:26px; font-size:13px; letter-spacing:.04em; opacity:.6; }

@media (min-width:900px) {
  .bi { grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr); column-gap:clamp(36px,5vw,84px); align-items:center; }
  .bp { margin:calc(clamp(60px,6vw,96px) * -1) 0 0; width:100%; max-width:500px; justify-self:center; }
  .bh { font-size:clamp(46px,5.6vw,84px); }
  .b-r .bp { order:2; }
  .its.cols { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .its.cols .it:nth-child(2) { border-top:0; }
  .bi.solo { grid-template-columns:minmax(0,1fr); }
  .bi.solo .bl { max-width:1000px; }
  .in { font-size:clamp(17px,1.5vw,22px); }
  .it.hl .in { font-size:clamp(24px,2.2vw,32px); }
  .pb { font-size:clamp(17px,1.5vw,22px); }
  .id { font-size:clamp(15px,1.15vw,17px); }
}

.cq { margin-top:30px; display:flex; flex-wrap:wrap; gap:10px; }
.cq a { display:inline-flex; align-items:center; min-height:44px; padding:0 20px 0 16px; border-radius:99px; border:1.5px solid rgba(244,241,232,.28); font-family:'Rubik',sans-serif; font-weight:700; font-size:13px; letter-spacing:.08em; text-transform:uppercase; color:var(--cream); transition:background .2s, border-color .2s, transform .2s; }
.cq a::before { content:''; width:9px; height:9px; margin-right:10px; border-radius:50%; background:var(--c, var(--ac)); }
.cq a:nth-child(1) { --c:#c8323a; } .cq a:nth-child(2) { --c:#f26b21; } .cq a:nth-child(3) { --c:#f1b754; } .cq a:nth-child(4) { --c:#f1e3c4; } .cq a:nth-child(5) { --c:#d95a3c; }
.cq a:hover { background:rgba(244,241,232,.1); border-color:var(--cream); transform:translateY(-2px); }
.vl { display:none; }
.stk { position:absolute; z-index:4; right:-2%; top:0; width:clamp(88px,25vw,122px); aspect-ratio:1; transform:rotate(11deg); filter:drop-shadow(0 8px 12px rgba(0,0,0,.32)); }
.stk svg { display:block; width:100%; height:100%; overflow:visible; }
.nota { margin-top:30px; }
@media (min-width:900px) {
  .vl { display:block; position:absolute; left:clamp(8px,1.6vw,26px); top:50%; transform:translateY(-50%) rotate(180deg); writing-mode:vertical-rl; font-family:'Rubik',sans-serif; font-weight:800; font-size:12px; letter-spacing:.42em; text-transform:uppercase; color:var(--tx); opacity:.5; white-space:nowrap; }
  .b-r .stk { right:auto; left:-2%; transform:rotate(-11deg); }
  .stk { width:clamp(110px,10vw,140px); }
}

/* ---------- premios y reconocimientos ---------- */
.prem { position:relative; padding-top:calc(var(--wh) + clamp(28px,4vw,56px)); }
.prem::before { content:''; position:absolute; left:50%; top:10%; width:min(1100px,130vw); height:80%; transform:translateX(-50%); background:radial-gradient(ellipse at 50% 40%, rgba(228,168,52,.16), rgba(229,83,60,.06) 45%, transparent 70%); pointer-events:none; z-index:-1; }
.pz-g { margin-top:clamp(36px,5vw,64px); display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(22px,3.4vw,48px) clamp(12px,2vw,30px); }
.pz { display:flex; flex-direction:column; align-items:center; text-align:center; }
.pz .sealb { width:min(100%,230px); aspect-ratio:1; filter:drop-shadow(0 18px 22px rgba(0,0,0,.45)); transition:transform .5s cubic-bezier(.2,.8,.2,1); }
.pz:nth-child(odd) .sealb { transform:rotate(-4deg); }
.pz:nth-child(even) .sealb { transform:rotate(3.5deg); }
.pz:hover .sealb { transform:rotate(0deg) scale(1.05); }
.pz .sealb svg { width:100%; height:100%; display:block; overflow:visible; }
.pz h3 { margin-top:18px; font-family:'Rubik',sans-serif; font-weight:800; font-size:clamp(14px,3.6vw,17px); line-height:1.25; letter-spacing:.02em; text-transform:uppercase; color:var(--cream); }
.pz p { margin-top:6px; max-width:17em; font-size:clamp(13.5px,3.5vw,15px); line-height:1.5; color:rgba(244,241,232,.62); }
.pz-n { margin-top:clamp(34px,5vw,56px); padding-top:20px; border-top:1px solid var(--line); font-size:13px; letter-spacing:.03em; line-height:1.6; color:rgba(244,241,232,.5); max-width:52em; }
.palm { margin-top:46px; display:grid; gap:0; border-top:1px solid var(--line); }
.palm li { display:grid; grid-template-columns:5em 1fr; gap:18px; align-items:baseline; padding:20px 0; border-bottom:1px solid var(--line); }
.palm b { font-family:'Rubik',sans-serif; font-weight:900; font-size:28px; color:var(--mus); }
.palm h4 { font-family:'Rubik',sans-serif; font-weight:800; font-size:19px; text-transform:uppercase; }
.palm p { margin-top:4px; font-size:15px; color:rgba(244,241,232,.62); }
@media (min-width:900px) { .pz-g { grid-template-columns:repeat(4,minmax(0,1fr)); } }

/* ---------- reseñas ---------- */
.rw { display:grid; grid-template-columns:minmax(0,1fr); gap:clamp(36px,6vw,80px); align-items:start; }
.rtop { display:grid; grid-template-columns:minmax(0,1fr); gap:clamp(28px,5vw,60px); }
.score { margin-top:34px; font-family:'Syncopate',sans-serif; font-weight:700; font-size:clamp(88px,11.5vw,166px); line-height:.9; letter-spacing:-.02em; }
.score small { white-space:nowrap; margin-left:.12em; font-size:.22em; letter-spacing:.1em; color:rgba(244,241,232,.46); }
.stars { position:relative; width:150px; height:26px; margin:20px 0 14px; }
.stars svg { position:absolute; left:0; top:0; width:150px; height:26px; }
.st-f { position:absolute; left:0; top:0; height:26px; overflow:hidden; }
.cnt { font-size:15px; letter-spacing:.06em; color:rgba(244,241,232,.74); }
.plat { align-self:end; }
.plat div { display:flex; justify-content:space-between; gap:16px; padding:15px 0; border-top:1px solid var(--line); font-size:15px; color:rgba(244,241,232,.74); }
.plat div:last-child { border-bottom:1px solid var(--line); }
.plat b { font-family:'Syncopate',sans-serif; font-weight:700; font-size:13px; letter-spacing:.06em; color:var(--cream); text-align:right; }
.rvw { position:relative; margin:0 calc(clamp(20px,4.5vw,72px) * -1); }
.rvs { display:flex; gap:14px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; overscroll-behavior-x:contain; padding:6px clamp(20px,4.5vw,72px) 22px; scroll-padding-inline:clamp(20px,4.5vw,72px); cursor:grab; -webkit-overflow-scrolling:touch; }
.rvs::-webkit-scrollbar { display:none; }
.rvs.drag { scroll-snap-type:none; cursor:grabbing; user-select:none; }
.rvs:focus-visible { outline:2px solid var(--cream); outline-offset:-2px; }
.rc { --st:#e4a834; position:relative; flex:0 0 min(80%,372px); scroll-snap-align:start; display:flex; flex-direction:column; min-height:296px; padding:28px 24px 22px; border-radius:24px; background:linear-gradient(160deg, rgba(244,241,232,.085), rgba(244,241,232,.025)); border:1px solid rgba(244,241,232,.16); overflow:hidden; }
.rc::before { content:''; position:absolute; left:0; right:0; top:0; height:5px; background:var(--st); }
.rc:nth-child(3n+2) { --st:#f26b21; }
.rc:nth-child(3n+3) { --st:#f1e3c4; }
.rc .qm { font-family:'Kaushan Script',cursive; font-size:74px; line-height:.8; height:34px; color:var(--st); }
.rc .sr { display:flex; gap:3px; margin-top:6px; }
.rc .sr svg { width:15px; height:15px; fill:var(--st); }
.rc p { margin-top:14px; font-size:clamp(17px,4.4vw,19.5px); line-height:1.5; color:rgba(244,241,232,.94); flex:1; }
.rc cite { display:flex; align-items:center; gap:12px; margin-top:18px; font-style:normal; font-family:'Syncopate',sans-serif; font-weight:400; font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:rgba(244,241,232,.62); }
.rc cite i { width:24px; height:1px; background:var(--st); }
.rvn { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:2px clamp(20px,4.5vw,72px) 0; }
.rvn .k { font-family:'Rubik',sans-serif; font-weight:700; font-size:13px; letter-spacing:.08em; color:rgba(244,241,232,.75); }
.rvd { display:flex; gap:6px; align-items:center; }
.rvd button { width:22px; height:28px; position:relative; }
.rvd button::before { content:''; position:absolute; left:50%; top:50%; width:8px; height:8px; margin:-4px 0 0 -4px; border-radius:50%; background:rgba(244,241,232,.25); transition:background .25s, transform .25s; }
.rvd button.on::before { background:var(--ac); transform:scale(1.5); }
.srcnote { margin-top:6px; font-size:13px; color:rgba(244,241,232,.4); }
@media (min-width:900px) {
  .rtop { grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); align-items:end; }
  .rc { flex-basis:360px; }
  .rvs { -webkit-mask-image:linear-gradient(90deg, #000 0, #000 calc(100% - 72px), transparent 100%); mask-image:linear-gradient(90deg, #000 0, #000 calc(100% - 72px), transparent 100%); }
}

/* ---------- horario / dónde ---------- */
/* ---------- horario / dónde ---------- */
.hb { padding:0; }
.hb .sec { padding-bottom:clamp(56px,7vw,100px); }
.hb .eyebrow { color:#8d1f19; }
.hb .eyebrow b { color:rgba(58,26,11,.55); }
.hb .h2 { color:#3a1a0b; }
.hb .h2 .sc2 { color:#b8321f; }
.hb .now { color:#3a1a0b; }
.hb .nsub { color:rgba(58,26,11,.64); }
.hb .dot { background:#c8321f; }
.hb .dot.off { background:rgba(58,26,11,.35); }
.hb .days { border-top-color:rgba(58,26,11,.24); }
.hb .days li { color:rgba(58,26,11,.88); border-bottom-color:rgba(58,26,11,.24); }
.hb .days .d { color:#3a1a0b; }
.hb .days li.today, .hb .days li.today .d { color:#b8321f; }
.hb .days li.closed .h { color:rgba(58,26,11,.44); }
.hw { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(44px,7vw,120px); align-items:start; }
.now { display:flex; align-items:center; gap:16px; margin-top:38px; font-family:'Syncopate',sans-serif; font-weight:700; font-size:clamp(17px,1.9vw,25px); letter-spacing:.05em; text-transform:uppercase; }
.dot { flex:none; width:11px; height:11px; border-radius:50%; background:var(--ac); box-shadow:0 0 0 0 rgba(229,83,60,.6); animation:pulse 2.2s ease-out infinite; }
.dot.off { background:rgba(244,241,232,.35); box-shadow:none; animation:none; }
@keyframes pulse { 70% { box-shadow:0 0 0 12px rgba(229,83,60,0); } 100% { box-shadow:0 0 0 0 rgba(229,83,60,0); } }
.nsub { margin:10px 0 0 27px; font-size:15px; letter-spacing:.06em; color:rgba(244,241,232,.6); }
.days { border-top:1px solid var(--line); }
.days li { display:flex; align-items:baseline; gap:14px; padding:18px 0; border-bottom:1px solid var(--line); font-size:18px; color:rgba(244,241,232,.82); }
.days .d { width:8em; flex:none; font-family:'Syncopate',sans-serif; font-weight:700; font-size:13px; letter-spacing:.18em; text-transform:uppercase; }
.days .h { margin-left:auto; text-align:right; }
.days li.today { color:var(--ac); }
.days li.closed .h { color:rgba(244,241,232,.42); }
.dw2 { display:grid; grid-template-columns:minmax(0,1fr); gap:clamp(30px,5vw,56px); }
.tiles { display:grid; grid-template-columns:minmax(0,1fr); gap:14px; }
.tl { position:relative; padding:26px 24px 24px; border-radius:18px; background:linear-gradient(160deg, rgba(244,241,232,.07), rgba(244,241,232,.02)); border:1px solid rgba(244,241,232,.14); overflow:hidden; }
.tl::before { content:''; position:absolute; left:24px; top:0; width:44px; height:4px; border-radius:0 0 4px 4px; background:var(--ac); }
.tl:nth-child(2)::before { background:var(--mus); }
.tl:nth-child(3)::before { background:#c9573a; }
.tl:nth-child(4)::before { background:#f1e3c4; }
.tl .k { display:block; font-size:12px; font-weight:400; letter-spacing:.24em; text-transform:uppercase; color:rgba(244,241,232,.5); }
.tl .v { display:block; margin-top:12px; font-size:clamp(19px,5vw,23px); line-height:1.4; color:var(--cream); }
.tl a.v:hover { color:var(--ac); }
.maplink { display:inline-flex; align-items:center; justify-content:center; gap:14px; min-height:54px; padding:0 30px; border-radius:99px; background:#e4a834; color:#1d0d08; font-family:'Jost',system-ui,sans-serif; font-weight:700; font-size:14px; letter-spacing:.12em; text-transform:uppercase; box-shadow:0 14px 30px -12px rgba(0,0,0,.7); transition:transform .2s, filter .2s, box-shadow .25s; justify-self:start; }
.maplink:hover { transform:translateY(-2px); filter:brightness(1.06); box-shadow:0 18px 34px -12px rgba(0,0,0,.8); }
@media (min-width:640px) { .tiles { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:1000px) { .tiles { grid-template-columns:repeat(5,minmax(0,1fr)); } .tl .v { font-size:clamp(17px,1.45vw,21px); } .tl { padding:24px 20px 22px; } }

/* ---------- pedidos ---------- */
.ordw { position:relative; margin-top:clamp(8px,2vw,28px); }
.ow { display:block; width:100%; height:var(--wh); fill:#5a1a29; margin-bottom:-1px; }
.ord { position:relative; padding:clamp(20px,4vw,48px) clamp(22px,5vw,84px) clamp(48px,7vw,90px); overflow:hidden; background:linear-gradient(180deg, #5a1a29 0%, #3d1120 100%); color:#f6e9d2; }
.ord::before { content:''; position:absolute; inset:0; pointer-events:none; background:radial-gradient(ellipse 38% 42% at 78% 52%, rgba(228,168,52,.13), transparent 72%); }
.ord .wm { position:absolute; right:-6%; bottom:0; width:min(980px,90%); height:auto; transform:translateY(34%); opacity:.08; filter:brightness(0) invert(1); pointer-events:none; -webkit-mask-image:linear-gradient(180deg,#000 0,#000 16%,transparent 60%); mask-image:linear-gradient(180deg,#000 0,#000 16%,transparent 60%); }
.ord-in { position:relative; max-width:1150px; margin:0 auto; display:grid; grid-template-columns:minmax(0,1fr); gap:clamp(34px,5vw,80px); align-items:end; }
.ord .eyebrow { color:#e4a834; }
.ord .eyebrow b { color:rgba(246,233,210,.62); }
.ord h2 { font-family:'Kaushan Script',cursive; font-weight:400; font-size:clamp(58px,13vw,140px); line-height:.98; color:#f6e9d2; text-shadow:0 .05em 0 rgba(0,0,0,.3); }
.ord h2 span { display:block; margin-top:14px; font-family:'Syncopate',sans-serif; font-weight:700; font-size:clamp(12px,3.2vw,20px); letter-spacing:.38em; text-transform:uppercase; color:#e4a834; text-shadow:none; }
.ord .ways { border-top:1px solid rgba(246,233,210,.3); }
.ord .ways li { display:grid; grid-template-columns:minmax(0,1fr); gap:5px 28px; align-items:baseline; padding:17px 0; border-bottom:1px solid rgba(246,233,210,.3); font-size:clamp(16px,4.2vw,18px); color:rgba(246,233,210,.88); }
.ord .ways b { white-space:nowrap; font-family:'Rubik',sans-serif; font-weight:800; font-size:15px; letter-spacing:.12em; text-transform:uppercase; color:#e4a834; }
.ord .acts { display:flex; flex-wrap:wrap; align-items:center; gap:18px 26px; margin-top:34px; }
.go2 { display:inline-flex; align-items:center; justify-content:center; min-height:56px; padding:0 32px; border-radius:99px; background:#e4a834; color:#1d0d08; font-family:'Jost',system-ui,sans-serif; font-weight:700; font-size:14px; letter-spacing:.12em; text-transform:uppercase; box-shadow:0 14px 30px -10px rgba(0,0,0,.6); transition:transform .2s, filter .2s, box-shadow .25s; }
.go2:hover { transform:translateY(-2px); filter:brightness(1.06); box-shadow:0 18px 34px -10px rgba(0,0,0,.7); }
.tel { font-family:'Jost',system-ui,sans-serif; font-weight:700; font-size:15px; letter-spacing:.14em; text-transform:uppercase; color:#f6e9d2; border-bottom:1.5px solid rgba(246,233,210,.6); padding-bottom:3px; transition:color .2s, border-color .2s; }
.tel:hover { color:#e4a834; border-color:#e4a834; }
.ow2 { display:block; width:100%; height:var(--wh); fill:#3d1120; margin-top:-1px; }
@media (min-width:900px) {
  .ord-in { grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); }
  .ord .ways li { grid-template-columns:11.5em minmax(0,1fr); }
}

/* ---------- pie ---------- */
.ft { display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:40px clamp(30px,5vw,80px); max-width:1280px; margin:0 auto; padding:56px clamp(20px,4.5vw,72px) 44px; }
.ft .wm2 { height:34px; width:auto; }
.ft .tag { margin-top:20px; max-width:22em; font-size:15px; line-height:1.6; color:rgba(244,241,232,.6); }
.ft .round { width:68px; height:68px; margin-top:26px; border-radius:50%; }
.ft h4 { margin-bottom:18px; font-family:'Syncopate',sans-serif; font-weight:700; font-size:11px; letter-spacing:.32em; text-transform:uppercase; color:var(--ac); }
.ft li { margin:9px 0; font-size:16px; color:rgba(244,241,232,.74); }
.ft a:hover { color:var(--cream); }
.legal { display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px 24px; max-width:1280px; margin:0 auto; padding:22px clamp(20px,4.5vw,72px) 40px; border-top:1px solid var(--line); font-size:13px; letter-spacing:.04em; color:rgba(244,241,232,.46); }

@media (max-width:900px) {
  .hw { grid-template-columns:minmax(0,1fr); }
  .ft { grid-template-columns:minmax(0,1fr); }
  .days .d { width:7em; }
}
@media (prefers-reduced-motion: reduce) {
  .coin { animation:none; }
  .disc { animation-duration:70s; }
  .dot, .swh i { animation:none; }
  .mi, .mn-f { transition:none; }
}

/* ================= RONDA 4 ================= */
/* paletas nuevas de las bandas de la carta (sin rojo/naranja/amarillo de cadena) */
.b-grn { --bg:#0e2b22; --tx:#e8f1e4; --nm:#fff6df; --pb:#f2b544; --pbt:#1b1206; --stp:#f2b544; --dd:rgba(232,241,228,.26); --gh:rgba(242,181,68,.12); }
.b-mnt { --bg:#cfe3c6; --tx:#14291f; --nm:#0f2a20; --pb:#0f2a20; --pbt:#e6f6d6; --stp:#b83b23; --dd:rgba(15,42,32,.28); --gh:rgba(15,42,32,.1); }
.b-nav { --bg:#111b30; --tx:#e5ebf6; --nm:#ffe8d4; --pb:#ff7d63; --pbt:#1c0d09; --stp:#ff9a84; --dd:rgba(229,235,246,.26); --gh:rgba(255,125,99,.12); }
.b-plm { --bg:#2a1227; --tx:#f7e7ef; --nm:#ffeef4; --pb:#f5b8c8; --pbt:#2a1227; --stp:#f5b8c8; --dd:rgba(247,231,239,.26); --gh:rgba(245,184,200,.13); }
.band.b-cre { --nm:#7b1f30; --stp:#7b1f30; }

/* imagen de producto de la carta (recortada al contenido): hamburguesa más contenida; cuenco y empanada algo más anchos */
.bp { width:min(100%,280px); }
.b-mnt .bp, .b-cre .bp { width:min(100%,340px); }
@media (min-width:900px) { .bp { width:100%; max-width:380px; margin:0; align-self:center; } .b-mnt .bp, .b-cre .bp { width:100%; max-width:470px; } .bdc { top:4%; } }

/* sello de precio liso */
.bdc { position:absolute; z-index:4; right:0; top:2%; width:clamp(76px,21vw,100px); aspect-ratio:1; border-radius:50%; background:var(--pb); color:var(--pbt); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; rotate:9deg; box-shadow:0 10px 22px rgba(0,0,0,.32); font-family:'Jost',system-ui,sans-serif; }
/* en los pokes el sello va abajo, sobre el borde liso del cuenco, para no tapar ingredientes */
.b-mnt .bdc { top:auto; bottom:-2%; }
@media (max-width:899px) { .b-mnt .bdc { bottom:1%; } }
.bdc::after { content:''; position:absolute; inset:5.5%; border-radius:50%; border:1.5px solid currentColor; opacity:.34; }
.bdc span { font-weight:600; font-size:10px; letter-spacing:.16em; text-transform:uppercase; }
.bdc b { font-weight:700; font-size:clamp(19px,5vw,23px); line-height:1.05; letter-spacing:-.01em; }
@media (min-width:900px) { .bdc { width:112px; right:2%; } .bdc span { font-size:11px; } .bdc b { font-size:26px; } .b-r .bdc { right:auto; left:2%; rotate:-9deg; } }

/* índice de la carta: como la portada de una carta impresa */
.cx { margin-top:clamp(30px,4vw,52px); max-width:940px; border-top:1px solid var(--line); }
.cxr { --c:#f2b544; position:relative; display:flex; align-items:center; gap:clamp(12px,2vw,22px); padding:clamp(14px,2vw,20px) 4px; border-bottom:1px solid var(--line); overflow:hidden; transition:padding .38s cubic-bezier(.2,.8,.2,1); }
.cxr::before { content:''; position:absolute; inset:0; background:linear-gradient(90deg, rgba(255,255,255,.07), transparent 72%); opacity:0; transition:opacity .35s; pointer-events:none; }
.cxr:hover::before, .cxr:focus-visible::before { opacity:1; }
.cxr:hover, .cxr:focus-visible { padding-left:14px; outline:none; }
.cxn { flex:none; width:2.3em; font-family:'Syncopate',sans-serif; font-weight:700; font-size:11px; letter-spacing:.12em; color:rgba(244,241,232,.42); }
.cxi { flex:none; width:clamp(40px,6vw,52px); aspect-ratio:1; border-radius:50%; display:grid; place-items:center; border:1.5px solid var(--c); color:var(--c); transition:background .3s, color .3s, scale .35s; }
.cxi svg { width:60%; height:60%; }
.cxr:hover .cxi, .cxr:focus-visible .cxi { background:var(--c); color:#150b06; scale:1.07; }
.cxt { font-family:'Abril Fatface',serif; font-weight:400; font-size:clamp(25px,6.4vw,50px); line-height:1; color:var(--cream); transition:color .3s; white-space:nowrap; }
.cxr:hover .cxt, .cxr:focus-visible .cxt { color:var(--c); }
.cxl { flex:1; min-width:12px; height:0; align-self:flex-end; margin-bottom:.5em; border-bottom:2px dotted rgba(244,241,232,.22); }
.cxp { flex:none; font-weight:500; font-size:clamp(12px,3.1vw,15px); letter-spacing:.08em; text-transform:uppercase; color:rgba(244,241,232,.62); white-space:nowrap; }
.cxa { flex:none; width:22px; height:22px; margin-left:auto; color:var(--c); translate:-6px 0; opacity:.5; transition:translate .3s, opacity .3s; }
.cxl + .cxp + .cxa { margin-left:0; }
.cxr:hover .cxa, .cxr:focus-visible .cxa { translate:0 0; opacity:1; }
@media (max-width:640px) { .cxl, .cxp { display:none; } .cxn { width:1.9em; } }

/* premios: medallas doradas sobre papel crema */
.prm { --bg:#f2e5c6; position:relative; background:var(--bg); color:#2a1708; }
.prm::before { content:''; position:absolute; inset:0; pointer-events:none; background:radial-gradient(60% 55% at 50% 0%, rgba(243,193,77,.42), rgba(243,193,77,0) 72%), radial-gradient(40% 40% at 90% 100%, rgba(184,64,42,.10), rgba(184,64,42,0) 70%); }
.prm .sec { padding-top:clamp(56px,7vw,96px); padding-bottom:clamp(64px,8vw,110px); }
.prm .eyebrow { color:#a3361f; } .prm .eyebrow b { color:rgba(42,23,8,.5); }
.prm .h2 { color:#2a1708; } .prm .h2 .sc2 { color:#b4402a; }
.prm .lead { color:rgba(42,23,8,.76); }
.prm .bwb { fill:var(--bg); }
.mds { margin-top:clamp(30px,4.5vw,56px); display:grid; grid-template-columns:minmax(0,1fr); gap:clamp(16px,3vw,34px); }
.md { display:grid; grid-template-columns:clamp(104px,30vw,140px) minmax(0,1fr); align-items:center; gap:clamp(14px,3vw,26px); padding:clamp(16px,3vw,24px); border-radius:22px; background:rgba(255,251,238,.66); border:1px solid rgba(120,80,20,.18); box-shadow:0 22px 44px -28px rgba(90,55,10,.5); }
.mdt h3 { font-family:'Abril Fatface',serif; font-weight:400; font-size:clamp(25px,6.4vw,34px); line-height:1.05; letter-spacing:.005em; color:#2a1708; }
.mdt p { margin-top:8px; font-size:clamp(17px,4.4vw,21px); font-weight:500; line-height:1.3; color:#8f2c1a; }
@media (min-width:900px) {
  .mds { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .md { grid-template-columns:minmax(0,1fr); grid-template-rows:auto 1fr; align-items:start; align-content:start; justify-items:center; text-align:center; padding:36px 22px 32px; }
  .mdt h3 { font-size:clamp(26px,2.3vw,31px); min-height:2.15em; display:flex; align-items:center; justify-content:center; }
  .mdm { width:min(100%,168px); }
}

/* redes */
.soc { display:inline-flex; align-items:center; justify-content:center; width:46px; height:46px; border-radius:50%; border:1.5px solid rgba(244,241,232,.32); color:var(--cream); transition:background .25s, border-color .25s, color .25s, translate .25s; }
.soc svg { width:22px; height:22px; }
.soc:hover, .soc:focus-visible { background:var(--cream); color:#120a07; border-color:var(--cream); translate:0 -2px; outline:none; }
.socs { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.mn-f .socs { margin-top:14px; }
.tl-s .socs { margin-top:6px; } .tl-s .v.h { font-size:15px; opacity:.75; }
.ft .socs { margin:2px 0 10px; }

/* índice de la carta: la imagen del plato aparece al pasar el ratón (solo escritorio) */
.cxw { position:relative; }
.cxv { display:none; }
@media (min-width:1100px) and (hover:hover) {
  .cx { max-width:740px; }
  .cxv { display:block; position:absolute; right:0; top:50%; width:clamp(280px,25vw,370px); aspect-ratio:1; translate:0 -50%; pointer-events:none; }
  .cxv img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; opacity:0; scale:.9; rotate:-4deg; transition:opacity .45s ease, scale .7s cubic-bezier(.2,.9,.2,1), rotate .7s cubic-bezier(.2,.9,.2,1); filter:drop-shadow(0 26px 30px rgba(0,0,0,.5)); }
  .cxv .v1 { opacity:1; scale:1; rotate:0deg; }
  .cxw:has(.cxr:hover) .cxv img, .cxw:has(.cxr:focus-visible) .cxv img { opacity:0; scale:.9; rotate:-4deg; }
  .cxw:has(.cxr:nth-child(1):hover) .v1, .cxw:has(.cxr:nth-child(1):focus-visible) .v1,
  .cxw:has(.cxr:nth-child(2):hover) .v2, .cxw:has(.cxr:nth-child(2):focus-visible) .v2,
  .cxw:has(.cxr:nth-child(4):hover) .v4, .cxw:has(.cxr:nth-child(4):focus-visible) .v4 { opacity:1; scale:1; rotate:0deg; }
}

/* ================= RONDA 5 ================= */
/* fotos reales en la carta, con aire bajo la ola (nada pegado a la ola de arriba) */
.bp { margin:clamp(6px,2vw,18px) auto 10px; }
.b-grn .bp { width:min(100%,420px); }
.b-grn .bdc { top:-5%; right:-2%; }
@media (min-width:900px) {
  .bp { margin:0; }
  .b-grn .bi { grid-template-columns:minmax(0,1.05fr) minmax(0,1.2fr); }
  .b-grn .bh { font-size:clamp(44px,4.9vw,74px); }
  .b-grn .bp { width:100%; max-width:560px; }
  .b-grn .bdc { top:-3%; right:2%; }
}

/* ---- nuevo orden de secciones: una sola ola entre colores (cuelga de la sección de abajo) ---- */
.carta { padding-top:clamp(20px,3vw,40px); }
.ordw { margin-top:0; }
.ow { position:absolute; left:0; top:1px; width:100%; height:var(--wh); transform:translateY(-100%); fill:#5a1a29; margin:0; pointer-events:none; }
.ord { padding-top:clamp(40px,5.5vw,72px); padding-bottom:calc(var(--wh) + clamp(28px,4vw,56px)); }
.ft { padding-top:calc(var(--wh) + 44px); }

/* ---- premios: trofeos 3D con placa de latón (ronda 5) ---- */
.prm::before { -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 180px,#000 calc(100% - 180px),transparent 100%); mask-image:linear-gradient(180deg,transparent 0,#000 180px,#000 calc(100% - 180px),transparent 100%); }
.prm .sec { padding-top:clamp(44px,5.5vw,76px); }
.md { grid-template-columns:clamp(132px,38vw,184px) minmax(0,1fr); overflow:hidden; }
.mdm { position:relative; display:flex; flex-direction:column; align-items:center; }
.mdm::before { content:''; position:absolute; left:50%; top:44%; width:135%; aspect-ratio:1; translate:-50% -50%; border-radius:50%; background:radial-gradient(closest-side, rgba(243,193,77,.55), rgba(243,193,77,0) 72%); pointer-events:none; }
.mdm img { position:relative; display:block; width:auto; height:clamp(170px,48vw,236px); max-width:100%; object-fit:contain; filter:drop-shadow(0 16px 14px rgba(60,35,6,.42)); transition:transform .6s cubic-bezier(.2,.8,.2,1); }
.md:hover .mdm img { transform:translateY(-7px) scale(1.035); }
.mdq { position:relative; z-index:2; margin-top:-16px; padding:6px 10px 5px; min-width:min(100%,128px); text-align:center; border-radius:6px; color:#3d2506; overflow:hidden;
  background:
    radial-gradient(circle at 7px 50%, #6e470f 0 1.5px, rgba(255,243,196,.9) 2px 2.6px, transparent 3.2px),
    radial-gradient(circle at calc(100% - 7px) 50%, #6e470f 0 1.5px, rgba(255,243,196,.9) 2px 2.6px, transparent 3.2px),
    linear-gradient(180deg,#fbe9ad 0%,#ecc561 34%,#c99132 62%,#e8bd55 100%);
  box-shadow:inset 0 0 0 1.5px rgba(112,70,10,.62), inset 0 0 0 3.5px rgba(255,246,206,.78), 0 12px 18px -8px rgba(60,35,6,.68); }
.mdq::after { content:''; position:absolute; inset:0; background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.6) 50%,transparent 62%); background-size:260% 100%; background-position:120% 0; transition:background-position 1s ease; pointer-events:none; }
.md:hover .mdq::after { background-position:-20% 0; }
.mdp { display:block; white-space:nowrap; font-family:'Jost',system-ui,sans-serif; font-weight:700; font-size:clamp(9.5px,2.6vw,11.5px); letter-spacing:.13em; line-height:1.25; text-transform:uppercase; text-shadow:0 1px 0 rgba(255,244,200,.75); }
.mdy { display:flex; align-items:center; justify-content:center; gap:8px; margin-top:3px; font-family:'Abril Fatface',serif; font-weight:400; font-size:clamp(17px,4.6vw,21px); line-height:1; letter-spacing:.05em; text-shadow:0 1px 0 rgba(255,244,200,.75); }
.mdy i { width:13px; height:1px; background:currentColor; opacity:.55; }
@media (min-width:900px) {
  .md { grid-template-columns:minmax(0,1fr); padding:34px 20px 34px; }
  .mdm { width:100%; }
  .mdm img { height:clamp(260px,24vw,320px); }
  .mdq { margin-top:-18px; min-width:158px; padding:8px 16px 7px; }
  .mdp { font-size:12px; letter-spacing:.17em; }
  .mdy { font-size:22px; }
  .mdt { margin-top:16px; }
}
/* opiniones va justo después de «Dónde estamos»: menos aire entre las dos secciones oscuras */
#opiniones { padding-top:clamp(20px,3vw,44px); }

/* ============ BANNER r5: tamaño de la ronda 3, sin marco, fundido con la web; fotos reales ============ */
.nv { position:relative; padding:clamp(20px,3.4vh,36px) 0 0; }
.bnw { position:relative; width:100%; aspect-ratio:4/5; --fx:2.5%; --fy:4.5%; }
@media (min-width:760px) { .bnw { width:min(calc(100% - 8px),1260px); margin:0 auto; aspect-ratio:2.1/1; --fx:5.5%; --fy:9%; } }
.bnm, .bnm2 { position:absolute; inset:0; }
.bnm { --mk:linear-gradient(90deg,transparent 0,rgba(0,0,0,.10) calc(var(--fx) * .3),rgba(0,0,0,.45) calc(var(--fx) * .6),rgba(0,0,0,.86) calc(var(--fx) * .85),#000 var(--fx),#000 calc(100% - var(--fx)),rgba(0,0,0,.86) calc(100% - var(--fx) * .85),rgba(0,0,0,.45) calc(100% - var(--fx) * .6),rgba(0,0,0,.10) calc(100% - var(--fx) * .3),transparent 100%); -webkit-mask-image:var(--mk); mask-image:var(--mk); }
.bnm2 { --mk:linear-gradient(180deg,transparent 0,rgba(0,0,0,.10) calc(var(--fy) * .3),rgba(0,0,0,.45) calc(var(--fy) * .6),rgba(0,0,0,.86) calc(var(--fy) * .85),#000 var(--fy),#000 calc(100% - var(--fy)),rgba(0,0,0,.86) calc(100% - var(--fy) * .85),rgba(0,0,0,.45) calc(100% - var(--fy) * .6),rgba(0,0,0,.10) calc(100% - var(--fy) * .3),transparent 100%); -webkit-mask-image:var(--mk); mask-image:var(--mk); }
.bn { container:bn / size; --ease:cubic-bezier(.16,1,.3,1); position:absolute; inset:0; touch-action:pan-y; -webkit-user-select:none; user-select:none; cursor:grab; outline:none; }
.bn.drag { cursor:grabbing; }
.bn:focus-visible { outline:2px solid rgba(244,241,232,.75); outline-offset:-6px; }

.sl { position:absolute; inset:0; overflow:hidden; background:var(--b1); translate:calc(var(--p,0) * 100%) 0; will-change:translate; contain:layout paint; }
.sl.off { visibility:hidden; }
.sl::before { content:''; position:absolute; inset:0; z-index:6; pointer-events:none; opacity:.15; mix-blend-mode:overlay; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }

/* fondo: luz de color + textura de especias de la web */
.bg { position:absolute; inset:-8%; translate:calc(var(--p,0) * -26cqw) 0;
  background:radial-gradient(62cqw 64cqh at var(--gx1,50%) var(--gy1,58%), var(--g1), transparent 72%), radial-gradient(56cqw 46cqh at var(--gx2,50%) 108%, var(--g2), transparent 70%), radial-gradient(36cqw 32cqh at var(--gx3,50%) 28%, var(--g3), transparent 72%), linear-gradient(180deg, var(--b0) 0%, var(--b1) 100%); }
.bg::after { content:''; position:absolute; inset:0; background:url(img/spices-tile.png) 0 0 / 760px 760px repeat; opacity:.22; mix-blend-mode:screen; }
.deco { position:absolute; z-index:1; pointer-events:none; }

/* ---------- tipografía gigante ---------- */
.gw { position:absolute; inset:0; z-index:2; pointer-events:none; translate:calc(var(--p,0) * -14cqw) 0; }
.wr { position:absolute; display:block; }
.w { display:block; flex:none; white-space:nowrap; font-family:var(--wff); font-weight:var(--wfw); letter-spacing:var(--wls); font-size:var(--wfs,12cqw); line-height:.8; opacity:0; will-change:transform,opacity; transform-origin:0 50%; }
.w.solid, .w.script { background:var(--wbg); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; filter:drop-shadow(0 .9cqh 1.3cqh rgba(0,0,0,.34)); }
.w.solid { padding:.36em .08em .08em; margin:-.36em 0 -.08em; }
.w.script { padding:.36em .12em .38em; margin:-.36em 0 -.38em; }
.w.line { color:transparent; -webkit-text-fill-color:transparent; -webkit-text-stroke:max(1.3px,.17cqw) var(--wlc); padding:.2em .08em; margin:-.2em 0; }
.w.dim { color:var(--wdim); -webkit-text-fill-color:var(--wdim); }
.sl.on .w { animation:wIn 1.5s var(--ease) both; }
.sl.on .wB .w { animation-delay:.12s; } .sl.on .wC .w, .sl.on .wS .w, .sl.on .wS4 .w { animation-delay:.24s; }
@keyframes wIn { from { opacity:0; translate:0 5cqh; scale:1.1; } to { opacity:1; translate:0 0; scale:1; } }

/* ---------- producto (foto real recortada) ---------- */
.pic { position:absolute; z-index:3; left:var(--px,50%); top:var(--py,52%); width:min(var(--pw,60cqw), calc(var(--ph,80cqh) * var(--ar,1.1))); aspect-ratio:var(--ar,1.1); translate:calc(-50% + var(--p,0) * -32cqw) -50%; }
.pmx { position:absolute; inset:0; perspective:1300px; translate:calc(var(--mx,0) * -1.2cqw) calc(var(--my,0) * -1.3cqh); transition:translate .55s cubic-bezier(.2,.7,.2,1); }
.pimg { position:absolute; inset:0; rotate:0 1 0 calc(var(--p,0) * 30deg); scale:calc(1 - max(var(--p,0), var(--p,0) * -1) * .09); }
.pfl { position:absolute; inset:0; }
.sl.on .pfl { animation:flo 7.5s ease-in-out 2s infinite; }
@keyframes flo { 50% { translate:0 -1.1%; } }
.pfl img, .gho img { display:block; width:100%; height:auto; max-width:none; pointer-events:none; -webkit-user-drag:none; }
.pfl img + img { position:absolute; left:0; top:0; }
.ph0, .ph1 { opacity:0; }
.sl.on .ph0, .sl.on .ph1 { opacity:1; }
.shd { position:absolute; left:8%; right:8%; bottom:-2%; height:10%; border-radius:50%; background:radial-gradient(closest-side, rgba(0,0,0,.62), rgba(0,0,0,0) 82%); filter:blur(.6cqmin); opacity:0; }
.sl.on .shd { animation:shdIn 1.4s var(--ease) .5s both; }
@keyframes shdIn { from { opacity:0; scale:.5 1; } to { opacity:1; scale:1 1; } }
/* estela: copias que se quedan atrás al deslizar (--v = velocidad del gesto) */
.gho { position:absolute; inset:0; pointer-events:none; opacity:calc(min(1, max(var(--v,0), var(--v,0) * -1) * 1.5) * var(--go,.4)); translate:calc(var(--v,0) * var(--gx,7cqw)) 0; filter:blur(.18cqw) saturate(1.15) brightness(1.08); }
.gho.g1 { --go:.46; --gx:6cqw; } .gho.g2 { --go:.24; --gx:13cqw; }
/* destello al deslizar y una pasada al entrar */
.gl, .gp { position:absolute; inset:0; pointer-events:none; -webkit-mask-image:var(--m); mask-image:var(--m); -webkit-mask-size:100% 100%; mask-size:100% 100%; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; background-repeat:no-repeat; background-size:320% 100%; background-image:linear-gradient(104deg, rgba(255,255,255,0) 0 40%, rgba(255,255,255,.62) 50%, rgba(255,255,255,0) 60% 100%); }
.gl { background-position:calc(50% - var(--p,0) * 100%) 0; opacity:calc(min(1, max(var(--v,0), var(--v,0) * -1) * 1.8)); mix-blend-mode:soft-light; }
.gp { background-position:100% 0; opacity:0; mix-blend-mode:soft-light; }
.sl.on .gp { animation:pass 1.5s cubic-bezier(.45,.05,.3,1) 1.25s both; }
@keyframes pass { 0% { background-position:100% 0; opacity:1; } 99% { background-position:0% 0; opacity:1; } 100% { background-position:0% 0; opacity:0; } }

/* ---------- textos pequeños, sello y botón ---------- */
.kk { position:absolute; z-index:4; margin:0; font:600 max(10.5px,1.05cqw)/1.2 'Jost',system-ui,sans-serif; letter-spacing:.3em; text-transform:uppercase; color:var(--kc); translate:calc(var(--p,0) * -20cqw) 0; white-space:nowrap; }
.kk span { display:block; opacity:0; }
.kk span::before { content:''; display:inline-block; width:2.4em; height:1px; margin-right:1em; vertical-align:middle; background:currentColor; opacity:.7; }
.ds { position:absolute; z-index:4; margin:0; font:400 max(12.5px,1.38cqw)/1.45 'Jost',system-ui,sans-serif; color:var(--dc); translate:calc(var(--p,0) * -26cqw) 0; text-wrap:pretty; }
.ds span { display:block; opacity:0; }
.sl.on .kk span, .sl.on .ds span { animation:fup .9s var(--ease) .9s both; }
.sl.on .ds span { animation-delay:1.05s; }
@keyframes fup { from { opacity:0; translate:0 1.8cqh; } to { opacity:1; translate:0 0; } }

.bdg { position:absolute; z-index:5; left:var(--bx,auto); right:var(--br,auto); top:var(--by,auto); bottom:var(--bb,auto); width:var(--bs,13cqw); aspect-ratio:1; border-radius:50%; background:var(--bd); color:var(--bdt); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; rotate:-9deg; box-shadow:0 1cqh 2.6cqh rgba(0,0,0,.46), 0 0 0 .5cqmin rgba(255,255,255,.08); font-family:'Jost',system-ui,sans-serif; opacity:0; translate:calc(var(--p,0) * -44cqw) 0; }
.bdg::after { content:''; position:absolute; inset:5.5%; border-radius:50%; border:1.5px solid currentColor; opacity:.34; }
.bdg .k { font-weight:600; font-size:max(9px, calc(var(--bs) * .095)); line-height:1.18; letter-spacing:.14em; text-transform:uppercase; }
.bdg b { margin-top:.16em; font-weight:700; font-size:max(17px, calc(var(--bs) * .27)); line-height:1; letter-spacing:-.02em; }
.bdg b small { font-size:.62em; font-weight:700; margin-left:.06em; letter-spacing:0; }
.bdg.md b { font-size:max(14px, calc(var(--bs) * .18)); letter-spacing:-.01em; }
.sl.on .bdg { animation:pop .95s var(--spr2) 1.2s both; }
@keyframes pop { from { opacity:0; scale:0; rotate:-32deg; } to { opacity:1; scale:1; rotate:-9deg; } }

.cta { position:absolute; z-index:5; left:var(--cl,auto); right:var(--cr,auto); top:var(--ct,auto); bottom:var(--cb,auto); display:inline-flex; align-items:center; gap:.8em; min-height:clamp(46px,4.2cqw,56px); padding:0 1.7cqw 0 2.2cqw; padding-inline:max(22px,2.2cqw) max(18px,1.7cqw); border-radius:99px; background:var(--cta); color:var(--ctat); font:700 max(13px,1.1cqw)/1 'Jost',system-ui,sans-serif; letter-spacing:.12em; text-transform:uppercase; white-space:nowrap; box-shadow:0 1.4cqh 3.2cqh rgba(0,0,0,.5); translate:calc(var(--ctx,0%) + var(--p,0) * -56cqw) 0; opacity:0; transition:filter .2s, box-shadow .25s; }
.cta svg { width:1.4em; height:1.4em; transition:translate .25s; }
.cta:hover { filter:brightness(1.07); box-shadow:0 1.8cqh 3.8cqh rgba(0,0,0,.58); }
.cta:hover svg { translate:4px 0; }
.cta:focus-visible { outline:2px solid var(--cream); outline-offset:3px; }
.sl.on .cta { animation:ctaIn .9s var(--ease) 1.45s both; }
@keyframes ctaIn { from { opacity:0; scale:.88; } to { opacity:1; scale:1; } }
.sro { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }

/* ---------- partículas ---------- */
.sp { position:absolute; inset:0; z-index:2; pointer-events:none; overflow:hidden; translate:calc(var(--p,0) * -22cqw) 0; }
.sp i { position:absolute; width:calc(1.1cqmin * var(--s)); aspect-ratio:1; border-radius:50%; opacity:0; }
.sl.on .sp i { animation:rise var(--d) linear var(--t) infinite; }
.sp.em i { background:radial-gradient(circle,#ffe3a0,#ff9a32 52%,rgba(255,140,40,0) 74%); box-shadow:0 0 1.6cqmin rgba(255,170,60,.65); }
.sp.sd i { width:calc(1.0cqmin * var(--s)); aspect-ratio:1/1.9; border-radius:50%; background:#f4ead1; }
.sp.tl i { background:radial-gradient(circle,#fff6d6,#f0bf48 55%,rgba(240,190,70,0) 76%); box-shadow:0 0 1.4cqmin rgba(160,190,255,.55); }
.sp.fl i { background:radial-gradient(circle,rgba(255,244,214,.95),rgba(255,230,170,0) 72%); width:calc(1.5cqmin * var(--s)); }
@keyframes rise { 0% { translate:0 0; opacity:0; } 14% { opacity:.9; } 100% { translate:var(--x) -48cqh; opacity:0; } }

/* ============ S1 · CERAMIC BURGER: palabra gigante + plato de Talavera ============ */
.s1 { --gx1:72%; --gy1:52%; --gx2:30%; --gx3:68%; }
.s1 .tiles { inset:-6% -4%; background-size:7.4cqw 7.4cqw; opacity:.16; mix-blend-mode:screen; translate:calc(var(--p,0) * -18cqw) 0; -webkit-mask-image:radial-gradient(70% 80% at 70% 52%,#000,rgba(0,0,0,.25) 70%,transparent); mask-image:radial-gradient(70% 80% at 70% 52%,#000,rgba(0,0,0,.25) 70%,transparent); }
.s1 .pic { --px:71%; --py:45%; --ph:78cqh; --pw:44cqw; }
.s1 .plate { position:absolute; left:-14%; width:128%; top:67%; height:auto; overflow:visible; filter:drop-shadow(0 1.4cqh 2cqh rgba(0,0,0,.5)); }
.sl.on.s1 .plate { animation:plateIn 1.3s var(--ease) .15s both; }
@keyframes plateIn { from { opacity:0; scale:.55 .4; } to { opacity:1; scale:1 1; } }
.sl.on.s1 .ph0 { animation:restIn 1.1s var(--ease) .1s both; }
.sl.on.s1 .ph1 { animation:topDrop 1.5s var(--bnc) .6s both, fadeIn .25s linear .6s both; }
@keyframes restIn { from { opacity:0; translate:0 7cqh; scale:.93; } to { opacity:1; translate:0 0; scale:1; } }
@keyframes topDrop { from { translate:0 -38%; rotate:-6deg; } to { translate:0 0; rotate:0deg; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
.s1 .ph1 { opacity:0; }
.s1 .wA { left:4.2cqw; top:17cqh; } .s1 .wB { left:4.2cqw; top:38cqh; }
.s1 .kk { left:4.5cqw; top:11cqh; }
.s1 .ds { left:4.5cqw; top:62cqh; width:33cqw; }
.s1 .cta { --cl:4.5cqw; --ct:76cqh; }
.s1 .bdg { --bx:39.5cqw; --by:57cqh; --bs:13.6cqw; }
/* letras de cerámica esmaltada de Talavera: borde cobalto pintado, grosor de la pieza y brillo (el relleno va en --wbg) */
.s1 .w.solid { -webkit-text-stroke:max(1.4px,.011em) #1f4fd0; filter:drop-shadow(0 .02em 0 #b9c9ee) drop-shadow(0 .045em 0 #6f8bd3) drop-shadow(0 .9cqh 1.3cqh rgba(0,0,0,.42)); }
/* sello «Edición Talavera»: aro de pétalos, esmalte y rosetas */
.bdg.tal { background:var(--bd); }
.bdg.tal::after { display:none; }
.bdg.tal .tsv { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
.bdg.tal .k, .bdg.tal b { position:relative; }
.bdg.tal .k { font-size:max(7.5px, calc(var(--bs) * .074)); letter-spacing:.16em; color:#14349c; }
.bdg.tal b { font-size:max(12px, calc(var(--bs) * .142)); letter-spacing:-.005em; margin-top:.12em; color:#10265e; }

/* ============ S2 · LA PÁVEZ: cinta diagonal + titular inclinado ============ */
.s2 { --gx1:62%; --gy1:50%; --gx2:24%; --gx3:60%; }
.s2 .rb { left:-12%; width:124%; height:27cqh; top:56cqh; rotate:-20deg; translate:calc(var(--p,0) * -18cqw) 0; }
.s2 .rbb { position:absolute; inset:0; overflow:hidden; background:linear-gradient(180deg,#f7c75c,#dc9d2a 55%,#c68618); box-shadow:0 1.4cqh 3cqh rgba(0,0,0,.5), inset 0 .5cqh 0 rgba(255,247,210,.5), inset 0 -.5cqh 0 rgba(120,70,8,.35); }
.s2 .rbb::before { content:''; position:absolute; left:0; right:0; top:50%; height:1px; background:rgba(60,35,4,.25); }
.s2 .rbt { position:absolute; left:0; top:50%; display:flex; align-items:center; gap:2.2cqw; width:max-content; translate:0 -50%; font:700 max(11px,1.05cqw)/1 'Jost',system-ui,sans-serif; letter-spacing:.34em; text-transform:uppercase; color:#2a3410; white-space:nowrap; animation:marq 46s linear infinite; }
.s2 .rbt i { width:.55cqw; height:.55cqw; border-radius:50%; background:#2a3410; opacity:.7; flex:none; }
@keyframes marq { to { translate:-25% -50%; } }
.sl.on.s2 .rbb { animation:wipe 1.3s cubic-bezier(.6,.05,.2,1) both; }
@keyframes wipe { from { clip-path:inset(0 100% 0 0); } to { clip-path:inset(0 0 0 0); } }
.s2 .pic { --px:62%; --py:50%; --ph:78cqh; --pw:46cqw; }
.sl.on.s2 .ph0 { animation:diagIn 1.4s var(--spr) .15s both, fadeIn .3s linear .15s both; }
@keyframes diagIn { from { translate:-30cqw 20cqh; rotate:-16deg; scale:.78; } to { translate:0 0; rotate:0deg; scale:1; } }
.s2 .wA { left:4.5cqw; top:21cqh; rotate:-6deg; } .s2 .wS { left:7cqw; top:44cqh; rotate:-6deg; }
.s2 .wS .w.script { --wff:'Yellowtail',cursive; --wfw:400; --wls:0; --wbg:linear-gradient(180deg,#ffe9a8,#f4b83c 60%,#d58a1c); font-family:'Yellowtail',cursive; font-weight:400; letter-spacing:0; }
.s2 .kk { left:4.5cqw; top:11cqh; }
.s2 .ds { left:4.5cqw; top:56cqh; width:29cqw; }
.s2 .cta { --cl:4.5cqw; --ct:70cqh; }
.s2 .bdg { --br:5.5cqw; --by:13cqh; --bs:12.5cqw; }

/* ============ S3 · POKE: filas de palabra, bol centrado y anotaciones ============ */
.s3 { --gx1:50%; --gy1:54%; --gx2:50%; --gx3:50%; }
.s3 .rows { inset:-4% -10%; overflow:hidden; }
.s3 .rw { position:absolute; left:0; white-space:nowrap; font-family:'Unbounded',sans-serif; font-weight:900; font-size:21cqh; line-height:.86; letter-spacing:-.02em; color:rgba(226,206,255,.075); translate:calc(var(--p,0) * var(--rm,-12) * 1cqw) 0; }
.s3 .rw.r1, .s3 .rw.r3 { --rm:14; color:transparent; -webkit-text-stroke:max(1.2px,.14cqw) rgba(214,244,106,.22); }
.s3 .rw.r0 { top:-4cqh; margin-left:-6cqw; } .s3 .rw.r1 { top:17cqh; margin-left:-24cqw; } .s3 .rw.r2 { top:38cqh; margin-left:-10cqw; } .s3 .rw.r3 { top:59cqh; margin-left:-30cqw; } .s3 .rw.r4 { top:80cqh; margin-left:-14cqw; }
.sl.on.s3 .rw { animation:fadeIn 1.2s linear both; }
.s3 .pic { --px:50%; --py:48%; --ph:64cqh; --pw:46cqw; }
.sl.on.s3 .ph0 { animation:riseIn 1.4s var(--spr) .1s both, fadeIn .3s linear .1s both; }
@keyframes riseIn { from { translate:0 22cqh; rotate:-9deg; scale:.82; } to { translate:0 0; rotate:0deg; scale:1; } }
.ans { position:absolute; inset:0; pointer-events:none; }
.an { position:absolute; top:var(--y); height:0; display:flex; align-items:center; color:var(--cta); font:600 max(10px,.95cqw)/1 'Jost',system-ui,sans-serif; letter-spacing:.22em; text-transform:uppercase; white-space:nowrap; }
.an.l { left:-4%; width:calc(var(--x) + 4%); flex-direction:row; }
.an.r { left:var(--x); width:calc(100% - var(--x) + 4%); flex-direction:row-reverse; }
.an .at { position:absolute; top:0; translate:0 -50%; padding:0 .9em; }
.an.l .at { right:100%; } .an.r .at { left:100%; }
.an .ln { flex:1; height:1px; background:currentColor; opacity:.75; transform-origin:100% 50%; }
.an.r .ln { transform-origin:0 50%; }
.an .dt { flex:none; width:.8cqw; min-width:7px; aspect-ratio:1; border-radius:50%; background:currentColor; box-shadow:0 0 0 .35cqw rgba(214,244,106,.28); }
.an .at, .an .ln, .an .dt { opacity:0; }
.sl.on .an .dt { animation:pop2 .6s var(--spr2) calc(1.1s + var(--i) * .12s) both; }
.sl.on .an .ln { animation:lnIn .8s var(--ease) calc(1.2s + var(--i) * .12s) both; }
.sl.on .an .at { animation:fadeIn .6s linear calc(1.5s + var(--i) * .12s) both; }
@keyframes pop2 { from { opacity:0; scale:0; } to { opacity:1; scale:1; } }
@keyframes lnIn { from { opacity:.75; scale:0 1; } to { opacity:.75; scale:1 1; } }
.s3 .kk { left:50%; top:10.5cqh; --kx:-50%; translate:calc(-50% + var(--p,0) * -20cqw) 0; }
.s3 .ds { left:4.5cqw; top:70cqh; width:23cqw; }
.s3 .cta { --cl:50%; --cb:6.5cqh; --ctx:-50%; }
.s3 .bdg { --br:6.5cqw; --bb:15cqh; --bs:12.5cqw; }

/* ============ S4 · TARTA: palabras apiladas + producto grande difuminado detrás ============ */
.s4 { --gx1:30%; --gy1:54%; --gx2:72%; --gx3:34%; }
.s4 .halo { inset:0; background:radial-gradient(30cqw 36cqh at 29% 52%, rgba(255,190,90,.20), transparent 70%); translate:calc(var(--p,0) * -16cqw) 0; }
.s4 .clone { position:absolute; z-index:1; left:34%; top:50%; width:86cqw; translate:calc(-50% + var(--p,0) * -24cqw) -50%; pointer-events:none; opacity:.15; filter:blur(.12cqw) saturate(.9); }
.s4 .clone img { display:block; width:100%; height:auto; }
.sl.on.s4 .clone { animation:cloneIn 1.8s var(--ease) both; }
@keyframes cloneIn { from { opacity:0; scale:.86; } to { opacity:.15; scale:1; } }
.s4 .pic { --px:29%; --py:50%; --ph:80cqh; --pw:44cqw; }
.sl.on.s4 .ph0 { animation:spinIn 1.5s var(--spr) .1s both, fadeIn .3s linear .1s both; }
@keyframes spinIn { from { translate:22cqw 6cqh; rotate:16deg; scale:.78; } to { translate:0 0; rotate:0deg; scale:1; } }
.sks { position:absolute; inset:0; pointer-events:none; }
.sk { position:absolute; width:5.2%; aspect-ratio:1; translate:-50% -50%; clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%); background:linear-gradient(135deg,#fff8dc,#ffd45e); opacity:0; filter:drop-shadow(0 0 5px rgba(255,214,110,.9)); }
.sl.on .sk { animation:twk 2.8s ease-in-out calc(1.6s + var(--k) * .37s) infinite; }
@keyframes twk { 0%, 62%, 100% { opacity:0; scale:.2; rotate:0deg; } 76% { opacity:1; scale:1; rotate:45deg; } 90% { opacity:0; scale:.3; rotate:90deg; } }
/* columna de texto en flujo (el alto real de la tipografía manda; nada se pisa): titular, descripción y botón */
.s4 .tt { position:absolute; z-index:2; left:55cqw; top:12.5cqh; display:flex; flex-direction:column; align-items:flex-start; }
.s4 .tt .gw { position:relative; inset:auto; display:flex; flex-direction:column; align-items:flex-start; }
.s4 .tt .wr { position:relative; }
.s4 .wS4 { rotate:-5deg; margin-left:-1cqw; }
.s4 .tt .wB { margin-top:.8cqh; }
.s4 .wS4 .w.script { --wff:'Yellowtail',cursive; --wfw:400; --wls:0; font-family:'Yellowtail',cursive; font-weight:400; letter-spacing:0; }
.s4 .kk { left:55cqw; top:10.5cqh; }
.s4 .tt .ds { position:relative; width:42cqw; margin-top:2.4cqh; translate:calc(var(--p,0) * -12cqw) 0; }
.s4 .tt .cta { position:relative; left:auto; right:auto; top:auto; bottom:auto; margin-top:2.6cqh; translate:calc(var(--p,0) * -42cqw) 0; }
.s4 .bdg { --bx:41cqw; --by:63cqh; --bs:12cqw; }

/* ---------- navegación ---------- */
.arr { position:absolute; top:50%; translate:0 -50%; z-index:8; width:48px; height:48px; border-radius:50%; display:none; align-items:center; justify-content:center; background:rgba(8,6,5,.38); border:1px solid rgba(244,241,232,.26); color:var(--cream); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); opacity:0; transition:opacity .3s, background .2s; }
.arr svg { width:22px; height:22px; }
.arr-l { left:clamp(8px,1.2vw,20px); } .arr-r { right:clamp(8px,1.2vw,20px); }
@media (hover:hover) and (pointer:fine) { .arr { display:flex; } .bnw:hover .arr { opacity:.8; } .arr:hover { opacity:1 !important; background:rgba(244,241,232,.16); } }
.dts { display:flex; justify-content:center; align-items:center; gap:4px; margin-top:6px; }
.dtb { position:relative; width:34px; height:30px; }
.dtb i { position:absolute; left:50%; top:50%; width:8px; height:8px; margin:-4px 0 0 -4px; border-radius:99px; background:rgba(244,241,232,.28); transition:width .45s var(--ease, ease), margin .45s var(--ease, ease), background .3s; }
.dtb.on i { width:30px; margin-left:-15px; background:var(--cream); }
.dtb:focus-visible { outline:2px solid var(--cream); outline-offset:-4px; border-radius:8px; }

/* ---------- retrato (móvil / tablet vertical) ---------- */
@container bn (max-aspect-ratio:3/2) {
  .bn { --pp:1; }
  .kk { font-size:max(9.5px,2.7cqw); letter-spacing:.24em; }
  .ds { font-size:max(12px,3.6cqw); }
  .cta { min-height:46px; padding-inline:22px 18px; font-size:13px; }
  .bdg .k { font-size:max(8.5px, calc(var(--bs) * .1)); }
  /* S1 */
  .s1 .pic { --px:50%; --py:62%; --ph:50cqh; --pw:76cqw; }
  .s1 .wA { left:4.5cqw; top:12.5cqh; } .s1 .wB { left:4.5cqw; top:25cqh; }
  .s1 .kk { left:5cqw; top:6.5cqh; }
  .s1 .ds { display:none; }
  .s1 .cta { --cl:50%; --ct:auto; --cb:4cqh; --ctx:-50%; }
  .s1 .bdg { --bx:3.5cqw; --by:55cqh; --bs:25cqw; }
  /* S2 */
  .s2 .rb { top:50cqh; height:20cqh; rotate:-24deg; left:-22%; width:144%; }
  .s2 .pic { --px:55%; --py:63%; --ph:46cqh; --pw:84cqw; }
  .s2 .wA { left:5cqw; top:15cqh; } .s2 .wS { left:8cqw; top:30cqh; }
  .s2 .kk { left:5cqw; top:7cqh; }
  .s2 .ds { display:none; }
  .s2 .cta { --cl:50%; --ct:auto; --cb:4cqh; --ctx:-50%; }
  .s2 .bdg { --br:3cqw; --by:7cqh; --bs:22cqw; }
  /* S3 */
  .s3 .rw { font-size:15cqh; }
  .s3 .rw.r0 { top:2cqh; } .s3 .rw.r1 { top:22cqh; } .s3 .rw.r2 { top:42cqh; } .s3 .rw.r3 { top:62cqh; } .s3 .rw.r4 { top:82cqh; }
  .s3 .pic { --px:50%; --py:49%; --ph:44cqh; --pw:92cqw; }
  .s3 .ans { display:none; }
  .s3 .kk { top:8cqh; }
  .s3 .ds { display:none; }
  .s3 .cta { --cb:4cqh; }
  .s3 .bdg { --br:4cqw; --bb:16cqh; --bs:25cqw; }
  /* S4 */
  .s4 .clone { left:50%; top:60%; width:150cqw; }
  .s4 .pic { --px:50%; --py:68%; --ph:44cqh; --pw:78cqw; }
  .s4 .tt { display:contents; }
  .s4 .tt .gw { position:absolute; inset:0; display:block; }
  .s4 .tt .wr { position:absolute; }
  .s4 .tt .cta { position:absolute; left:var(--cl,auto); bottom:var(--cb,auto); margin-top:0; translate:calc(var(--ctx,0%) + var(--p,0) * -56cqw) 0; }
  .s4 .wS4 { left:6cqw; top:9.5cqh; margin-left:0; } .s4 .tt .wB { left:6cqw; top:24cqh; margin-top:0; } .s4 .tt .wC { left:6cqw; top:38.5cqh; }
  .s4 .kk { left:6cqw; top:6.5cqh; }
  .s4 .ds { display:none; }
  .s4 .cta { --cl:50%; --cb:4cqh; --ctx:-50%; }
  .s4 .bdg { --bx:auto; --br:3.5cqw; --by:50cqh; --bs:24cqw; }
}

@media (prefers-reduced-motion:reduce) {
  .sl.on .w, .sl.on .ph0, .sl.on .ph1, .sl.on .shd, .sl.on .bdg, .sl.on .cta, .sl.on .pfl, .sl.on .sp i, .sl.on .plate, .sl.on .rbb, .sl.on .rbt, .sl.on .rw, .sl.on .clone, .sl.on .sk, .sl.on .gp, .sl.on .kk span, .sl.on .ds span, .sl.on .an .dt, .sl.on .an .ln, .sl.on .an .at { animation:none !important; }
  .w, .ph0, .ph1, .shd, .bdg, .cta, .plate, .kk span, .ds span, .an .at, .an .dt { opacity:1 !important; }
  .an .ln { opacity:.75 !important; }
  .s4 .clone { opacity:.15 !important; }
  .gp { opacity:0 !important; }
  .sk { opacity:.9 !important; scale:1 !important; }
  .pmx { transition:none; translate:0 0 !important; }
  .s3 .rw { animation:none !important; }
}

.bn{--spr:cubic-bezier(.2,.9,.25,1.05);--spr2:cubic-bezier(.22,.95,.3,1.02);--bnc:cubic-bezier(.3,1.4,.5,1)}
@supports (animation-timing-function:linear(0,1)){.bn{--spr:linear(0, 0.026, 0.092, 0.184, 0.291, 0.404, 0.515, 0.62, 0.715, 0.798, 0.868, 0.926, 0.972, 1.007, 1.032, 1.049, 1.058, 1.063, 1.063, 1.06, 1.055, 1.048, 1.041, 1.034, 1.027, 1.021, 1.015, 1.011, 1.006, 1.003, 1.001, 0.999, 0.997, 0.997, 0.996, 0.996, 0.996, 0.996, 0.997, 0.997, 0.998, 0.998, 0.998, 0.999, 1);--spr2:linear(0, 0.019, 0.067, 0.134, 0.213, 0.297, 0.383, 0.465, 0.543, 0.616, 0.681, 0.738, 0.789, 0.833, 0.87, 0.901, 0.927, 0.948, 0.965, 0.978, 0.988, 0.996, 1.002, 1.006, 1.009, 1.01, 1.011, 1.011, 1.011, 1.01, 1.009, 1.009, 1.008, 1.007, 1.006, 1.005, 1.004, 1.003, 1.003, 1.002, 1.002, 1.001, 1.001, 1.001, 1);--bnc:linear(0, 0.022, 0.081, 0.168, 0.276, 0.397, 0.523, 0.648, 0.767, 0.877, 0.973, 1.055, 1.121, 1.171, 1.206, 1.226, 1.234, 1.23, 1.217, 1.198, 1.173, 1.145, 1.116, 1.087, 1.059, 1.033, 1.01, 0.99, 0.974, 0.962, 0.953, 0.948, 0.946, 0.946, 0.949, 0.953, 0.959, 0.965, 0.972, 0.979, 0.985, 0.991, 0.997, 1.002, 1.006, 1.009, 1.011, 1.012, 1.013, 1.013, 1.012, 1.011, 1.01, 1.008, 1.007, 1.005, 1)}}
.s1{--b0:#030b22;--b1:#071a4d;--g1:rgba(36,92,226,.60);--g2:rgba(240,190,70,.22);--g3:rgba(190,215,255,.13);--wbg:linear-gradient(180deg,#ffffff 0,#ffffff .36em,#e9efff calc(.36em + 0.440em),#b6c8f5 1.16em,#b6c8f5 100%);--wlc:rgba(240,190,70,.80);--wdim:rgba(190,215,255,.14);--bd:#f0bf48;--bdt:#10265e;--cta:#f0bf48;--ctat:#10265e;--kc:rgba(206,223,255,.88);--dc:rgba(236,242,255,.86);--wff:'Abril Fatface',serif;--wfw:400;--wls:.005em}
.s2{--b0:#04100a;--b1:#0a2418;--g1:rgba(30,128,78,.58);--g2:rgba(244,184,60,.22);--g3:rgba(255,240,200,.10);--wbg:linear-gradient(180deg,#fff8e6 0,#fff8e6 .36em,#f5e8c6 calc(.36em + 0.440em),#dcc38a 1.16em,#dcc38a 100%);--wlc:rgba(244,184,60,.85);--wdim:rgba(255,240,200,.12);--bd:#fff3d6;--bdt:#0b2a1b;--cta:#f4b83c;--ctat:#1a2a0c;--kc:rgba(255,232,170,.88);--dc:rgba(255,246,224,.86);--wff:'Anton',sans-serif;--wfw:400;--wls:.012em}
.s3{--b0:#10061a;--b1:#1b0a29;--g1:rgba(122,44,160,.60);--g2:rgba(214,244,106,.16);--g3:rgba(255,150,120,.12);--wbg:linear-gradient(180deg,#f3ffb4 0,#f3ffb4 .36em,#c8f060 calc(.36em + 0.400em),#7fd36b 1.16em,#7fd36b 100%);--wlc:rgba(214,244,106,.55);--wdim:rgba(236,214,255,.075);--bd:#d6f56b;--bdt:#14210a;--cta:#d6f56b;--ctat:#14210a;--kc:rgba(240,255,190,.86);--dc:rgba(246,240,255,.86);--wff:'Unbounded',sans-serif;--wfw:900;--wls:-.02em}
.s4{--b0:#14050a;--b1:#26090f;--g1:rgba(166,34,60,.62);--g2:rgba(255,196,96,.20);--g3:rgba(255,170,130,.12);--wbg:linear-gradient(180deg,#fff1c8 0,#fff1c8 .36em,#ffd272 calc(.36em + 0.400em),#e89a32 1.16em,#e89a32 100%);--wlc:rgba(255,207,106,.70);--wdim:rgba(255,207,106,.14);--bd:#ffe7b8;--bdt:#4a1c08;--cta:#ffcf6a;--ctat:#3b1405;--kc:rgba(255,226,180,.88);--dc:rgba(255,240,222,.86);--wff:'Anton',sans-serif;--wfw:400;--wls:.012em}
.s1 .tiles{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='104'%20height='104'%20viewBox='0%200%20104%20104'%3E%3Cg%20fill='none'%20stroke='%23a9c1ff'%20stroke-width='1.1'%3E%3Crect%20x='.6'%20y='.6'%20width='102.8'%20height='102.8'/%3E%3Cg%20id='p'%3E%3Cpath%20d='M52%2012%20C64%2026%2064%2036%2052%2046%20C40%2036%2040%2026%2052%2012Z'/%3E%3C/g%3E%3Cuse%20href='%23p'%20transform='rotate(90%2052%2052)'/%3E%3Cuse%20href='%23p'%20transform='rotate(180%2052%2052)'/%3E%3Cuse%20href='%23p'%20transform='rotate(270%2052%2052)'/%3E%3Ccircle%20cx='52'%20cy='52'%20r='6'/%3E%3Ccircle%20cx='52'%20cy='52'%20r='2'%20fill='%23a9c1ff'/%3E%3Cpath%20d='M0%2020%20A20%2020%200%200%200%2020%200%20M84%200%20A20%2020%200%200%200%20104%2020%20M104%2084%20A20%2020%200%200%200%2084%20104%20M20%20104%20A20%2020%200%200%200%200%2084'/%3E%3C/g%3E%3C/svg%3E")}
.s1{--wbg:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,0) .36em,rgba(255,255,255,.70) .41em,rgba(255,255,255,.20) .60em,rgba(255,255,255,0) .84em), linear-gradient(180deg,rgba(10,30,120,0) 0,rgba(10,30,120,0) .86em,rgba(12,34,128,.30) 1.07em,rgba(8,22,92,.52) 1.19em), url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='160'%20height='160'%20viewBox='0%200%20160%20160'%3E%3Cpath%20d='M128%2052L118%2073L111%2094L127%20104'%20fill='none'%20stroke='%236f82b4'%20stroke-width='.6'%20opacity='.28'/%3E%3Cpath%20d='M89%20106L100%20112L115%20121L125%20135'%20fill='none'%20stroke='%236f82b4'%20stroke-width='.6'%20opacity='.28'/%3E%3Cpath%20d='M134%2029L121%2044L114%2058L105%2065L116%2082'%20fill='none'%20stroke='%236f82b4'%20stroke-width='.6'%20opacity='.28'/%3E%3Cpath%20d='M144%2095L131%20115L146%20133L154%20152L141%20165L127%20184'%20fill='none'%20stroke='%236f82b4'%20stroke-width='.6'%20opacity='.28'/%3E%3Cpath%20d='M86%2017L90%2038L105%2049L106%2069L115%2081'%20fill='none'%20stroke='%236f82b4'%20stroke-width='.6'%20opacity='.28'/%3E%3Cpath%20d='M93%2097L84%20110L92%20129L88%20150'%20fill='none'%20stroke='%236f82b4'%20stroke-width='.6'%20opacity='.28'/%3E%3Cpath%20d='M6%2079L13%2097L11%20108L11%20123'%20fill='none'%20stroke='%236f82b4'%20stroke-width='.6'%20opacity='.28'/%3E%3Ccircle%20cx='78'%20cy='104'%20r='1.0'%20fill='%2335468e'%20opacity='0.40'/%3E%3Ccircle%20cx='24'%20cy='85'%20r='0.5'%20fill='%2335468e'%20opacity='0.36'/%3E%3Ccircle%20cx='56'%20cy='130'%20r='0.7'%20fill='%2335468e'%20opacity='0.22'/%3E%3Ccircle%20cx='127'%20cy='23'%20r='1.0'%20fill='%2335468e'%20opacity='0.47'/%3E%3Ccircle%20cx='112'%20cy='38'%20r='0.9'%20fill='%2335468e'%20opacity='0.35'/%3E%3Ccircle%20cx='138'%20cy='156'%20r='0.6'%20fill='%2335468e'%20opacity='0.46'/%3E%3Ccircle%20cx='38'%20cy='34'%20r='1.0'%20fill='%2335468e'%20opacity='0.27'/%3E%3Ccircle%20cx='24'%20cy='8'%20r='1.0'%20fill='%2335468e'%20opacity='0.41'/%3E%3Ccircle%20cx='123'%20cy='155'%20r='0.8'%20fill='%2335468e'%20opacity='0.43'/%3E%3Ccircle%20cx='67'%20cy='81'%20r='0.9'%20fill='%2335468e'%20opacity='0.47'/%3E%3Ccircle%20cx='75'%20cy='66'%20r='0.8'%20fill='%2335468e'%20opacity='0.30'/%3E%3Ccircle%20cx='140'%20cy='3'%20r='0.8'%20fill='%2335468e'%20opacity='0.23'/%3E%3Ccircle%20cx='118'%20cy='1'%20r='0.9'%20fill='%2335468e'%20opacity='0.25'/%3E%3Ccircle%20cx='33'%20cy='13'%20r='0.8'%20fill='%2335468e'%20opacity='0.25'/%3E%3Ccircle%20cx='106'%20cy='45'%20r='1.0'%20fill='%2335468e'%20opacity='0.37'/%3E%3Ccircle%20cx='131'%20cy='64'%20r='1.0'%20fill='%2335468e'%20opacity='0.40'/%3E%3Ccircle%20cx='135'%20cy='45'%20r='1.0'%20fill='%2335468e'%20opacity='0.24'/%3E%3Ccircle%20cx='84'%20cy='50'%20r='0.6'%20fill='%2335468e'%20opacity='0.30'/%3E%3Ccircle%20cx='59'%20cy='116'%20r='0.9'%20fill='%2335468e'%20opacity='0.50'/%3E%3Ccircle%20cx='123'%20cy='105'%20r='0.7'%20fill='%2335468e'%20opacity='0.37'/%3E%3Ccircle%20cx='155'%20cy='41'%20r='1.1'%20fill='%2335468e'%20opacity='0.47'/%3E%3Ccircle%20cx='135'%20cy='105'%20r='1.1'%20fill='%2335468e'%20opacity='0.30'/%3E%3Ccircle%20cx='16'%20cy='22'%20r='1.1'%20fill='%2335468e'%20opacity='0.41'/%3E%3Ccircle%20cx='34'%20cy='132'%20r='0.9'%20fill='%2335468e'%20opacity='0.39'/%3E%3Ccircle%20cx='93'%20cy='84'%20r='1.0'%20fill='%2335468e'%20opacity='0.49'/%3E%3Ccircle%20cx='19'%20cy='111'%20r='0.6'%20fill='%2335468e'%20opacity='0.44'/%3E%3C/svg%3E") .05em .02em/.84em .84em, url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='120'%20height='120'%20viewBox='0%200%20120%20120'%3E%3Cellipse%20cx='78.6'%20cy='60.0'%20rx='12.0'%20ry='5.7'%20transform='rotate(0.0%2078.6%2060.0)'%20fill='%231f4fd0'%20stroke='%2314349c'%20stroke-width='.8'/%3E%3Cellipse%20cx='73.2'%20cy='73.2'%20rx='12.0'%20ry='5.7'%20transform='rotate(45.0%2073.2%2073.2)'%20fill='%231f4fd0'%20stroke='%2314349c'%20stroke-width='.8'/%3E%3Cellipse%20cx='60.0'%20cy='78.6'%20rx='12.0'%20ry='5.7'%20transform='rotate(90.0%2060.0%2078.6)'%20fill='%231f4fd0'%20stroke='%2314349c'%20stroke-width='.8'/%3E%3Cellipse%20cx='46.8'%20cy='73.2'%20rx='12.0'%20ry='5.7'%20transform='rotate(135.0%2046.8%2073.2)'%20fill='%231f4fd0'%20stroke='%2314349c'%20stroke-width='.8'/%3E%3Cellipse%20cx='41.4'%20cy='60.0'%20rx='12.0'%20ry='5.7'%20transform='rotate(180.0%2041.4%2060.0)'%20fill='%231f4fd0'%20stroke='%2314349c'%20stroke-width='.8'/%3E%3Cellipse%20cx='46.8'%20cy='46.8'%20rx='12.0'%20ry='5.7'%20transform='rotate(225.0%2046.8%2046.8)'%20fill='%231f4fd0'%20stroke='%2314349c'%20stroke-width='.8'/%3E%3Cellipse%20cx='60.0'%20cy='41.4'%20rx='12.0'%20ry='5.7'%20transform='rotate(270.0%2060.0%2041.4)'%20fill='%231f4fd0'%20stroke='%2314349c'%20stroke-width='.8'/%3E%3Cellipse%20cx='73.2'%20cy='46.8'%20rx='12.0'%20ry='5.7'%20transform='rotate(315.0%2073.2%2046.8)'%20fill='%231f4fd0'%20stroke='%2314349c'%20stroke-width='.8'/%3E%3Ccircle%20cx='60'%20cy='60'%20r='9.0'%20fill='%23f0bf48'%20stroke='%234b2b7a'%20stroke-width='.8'/%3E%3Ccircle%20cx='60'%20cy='60'%20r='3.9'%20fill='%23ee7b22'/%3E%3Cellipse%20cx='10.5'%20cy='0.0'%20rx='6.8'%20ry='3.2'%20transform='rotate(0.0%2010.5%200.0)'%20fill='%23ee7b22'%20stroke='%2314349c'%20stroke-width='.8'/%3E%3Cellipse%20cx='5.3'%20cy='9.1'%20rx='6.8'%20ry='3.2'%20transform='rotate(60.0%205.3%209.1)'%20fill='%23ee7b22'%20stroke='%2314349c'%20stroke-width='.8'/%3E%3Cellipse%20cx='-5.3'%20cy='9.1'%20rx='6.8'%20ry='3.2'%20transform='rotate(120.0%20-5.3%209.1)'%20fill='%23ee7b22'%20stroke='%2314349c'%20stroke-width='.8'/%3E%3Cellipse%20cx='-10.5'%20cy='0.0'%20rx='6.8'%20ry='3.2'%20transform='rotate(180.0%20-10.5%200.0)'%20fill='%23ee7b22'%20stroke='%2314349c'%20stroke-width='.8'/%3E%3Cellipse%20cx='-5.3'%20cy='-9.1'%20rx='6.8'%20ry='3.2'%20transform='rotate(240.0%20-5.3%20-9.1)'%20fill='%23ee7b22'%20stroke='%2314349c'%20stroke-width='.8'/%3E%3Cellipse%20cx='5.3'%20cy='-9.1'%20rx='6.8'%20ry='3.2'%20transform='rotate(300.0%205.3%20-9.1)'%20fill='%23ee7b22'%20stroke='%2314349c'%20stroke-width='.8'/%3E%3Ccircle%20cx='0'%20cy='0'%20r='5.1'%20fill='%231f4fd0'%20stroke='%234b2b7a'%20stroke-width='.8'/%3E%3Ccircle%20cx='0'%20cy='0'%20r='2.2'%20fill='%23fffaf0'/%3E%3Cellipse%20cx='130.5'%20cy='0.0'%20rx='6.8'%20ry='3.2'%20transform='rotate(0.0%20130.5%200.0)'%20fill='%23ee7b22'%20stroke='%2314349c'%20stroke-width='.8'/%3E%3Cellipse%20cx='125.3'%20cy='9.1'%20rx='6.8'%20ry='3.2'%20transform='rotate(60.0%20125.3%209.1)'%20fill='%23ee7b22'%20stroke='%2314349c'%20stroke-width='.8'/%3E%3Cellipse%20cx='114.7'%20cy='9.1'%20rx='6.8'%20ry='3.2'%20transform='rotate(120.0%20114.7%209.1)'%20fill='%23ee7b22'%20stroke='%2314349c'%20stroke-width='.8'/%3E%3Cellipse%20cx='109.5'%20cy='0.0'%20rx='6.8'%20ry='3.2'%20transform='rotate(180.0%20109.5%200.0)'%20fill='%23ee7b22'%20stroke='%2314349c'%20stroke-width='.8'/%3E%3Cellipse%20cx='114.7'%20cy='-9.1'%20rx='6.8'%20ry='3.2'%20transform='rotate(240.0%20114.7%20-9.1)'%20fill='%23ee7b22'%20stroke='%2314349c'%20stroke-width='.8'/%3E%3Cellipse%20cx='125.3'%20cy='-9.1'%20rx='6.8'%20ry='3.2'%20transform='rotate(300.0%20125.3%20-9.1)'%20fill='%23ee7b22'%20stroke='%2314349c'%20stroke-width='.8'/%3E%3Ccircle%20cx='120'%20cy='0'%20r='5.1'%20fill='%231f4fd0'%20stroke='%234b2b7a'%20stroke-width='.8'/%3E%3Ccircle%20cx='120'%20cy='0'%20r='2.2'%20fill='%23fffaf0'/%3E%3Cellipse%20cx='10.5'%20cy='120.0'%20rx='6.8'%20ry='3.2'%20transform='rotate(0.0%2010.5%20120.0)'%20fill='%23ee7b22'%20stroke='%2314349c'%20stroke-width='.8'/%3E%3Cellipse%20cx='5.3'%20cy='129.1'%20rx='6.8'%20ry='3.2'%20transform='rotate(60.0%205.3%20129.1)'%20fill='%23ee7b22'%20stroke='%2314349c'%20stroke-width='.8'/%3E%3Cellipse%20cx='-5.3'%20cy='129.1'%20rx='6.8'%20ry='3.2'%20transform='rotate(120.0%20-5.3%20129.1)'%20fill='%23ee7b22'%20stroke='%2314349c'%20stroke-width='.8'/%3E%3Cellipse%20cx='-10.5'%20cy='120.0'%20rx='6.8'%20ry='3.2'%20transform='rotate(180.0%20-10.5%20120.0)'%20fill='%23ee7b22'%20stroke='%2314349c'%20stroke-width='.8'/%3E%3Cellipse%20cx='-5.3'%20cy='110.9'%20rx='6.8'%20ry='3.2'%20transform='rotate(240.0%20-5.3%20110.9)'%20fill='%23ee7b22'%20stroke='%2314349c'%20stroke-width='.8'/%3E%3Cellipse%20cx='5.3'%20cy='110.9'%20rx='6.8'%20ry='3.2'%20transform='rotate(300.0%205.3%20110.9)'%20fill='%23ee7b22'%20stroke='%2314349c'%20stroke-width='.8'/%3E%3Ccircle%20cx='0'%20cy='120'%20r='5.1'%20fill='%231f4fd0'%20stroke='%234b2b7a'%20stroke-width='.8'/%3E%3Ccircle%20cx='0'%20cy='120'%20r='2.2'%20fill='%23fffaf0'/%3E%3Cellipse%20cx='130.5'%20cy='120.0'%20rx='6.8'%20ry='3.2'%20transform='rotate(0.0%20130.5%20120.0)'%20fill='%23ee7b22'%20stroke='%2314349c'%20stroke-width='.8'/%3E%3Cellipse%20cx='125.3'%20cy='129.1'%20rx='6.8'%20ry='3.2'%20transform='rotate(60.0%20125.3%20129.1)'%20fill='%23ee7b22'%20stroke='%2314349c'%20stroke-width='.8'/%3E%3Cellipse%20cx='114.7'%20cy='129.1'%20rx='6.8'%20ry='3.2'%20transform='rotate(120.0%20114.7%20129.1)'%20fill='%23ee7b22'%20stroke='%2314349c'%20stroke-width='.8'/%3E%3Cellipse%20cx='109.5'%20cy='120.0'%20rx='6.8'%20ry='3.2'%20transform='rotate(180.0%20109.5%20120.0)'%20fill='%23ee7b22'%20stroke='%2314349c'%20stroke-width='.8'/%3E%3Cellipse%20cx='114.7'%20cy='110.9'%20rx='6.8'%20ry='3.2'%20transform='rotate(240.0%20114.7%20110.9)'%20fill='%23ee7b22'%20stroke='%2314349c'%20stroke-width='.8'/%3E%3Cellipse%20cx='125.3'%20cy='110.9'%20rx='6.8'%20ry='3.2'%20transform='rotate(300.0%20125.3%20110.9)'%20fill='%23ee7b22'%20stroke='%2314349c'%20stroke-width='.8'/%3E%3Ccircle%20cx='120'%20cy='120'%20r='5.1'%20fill='%231f4fd0'%20stroke='%234b2b7a'%20stroke-width='.8'/%3E%3Ccircle%20cx='120'%20cy='120'%20r='2.2'%20fill='%23fffaf0'/%3E%3Cellipse%20cx='60'%20cy='0'%20rx='10'%20ry='3.8'%20transform='rotate(52%2060%200)'%20fill='%232e9a57'%20stroke='%231d6b3a'%20stroke-width='.7'/%3E%3Cpath%20d='M52.0%200H68.0'%20transform='rotate(52%2060%200)'%20stroke='%231d6b3a'%20stroke-width='.5'%20opacity='.7'/%3E%3Cellipse%20cx='60'%20cy='0'%20rx='10'%20ry='3.8'%20transform='rotate(128%2060%200)'%20fill='%232e9a57'%20stroke='%231d6b3a'%20stroke-width='.7'/%3E%3Cpath%20d='M52.0%200H68.0'%20transform='rotate(128%2060%200)'%20stroke='%231d6b3a'%20stroke-width='.5'%20opacity='.7'/%3E%3Cellipse%20cx='60'%20cy='120'%20rx='10'%20ry='3.8'%20transform='rotate(52%2060%20120)'%20fill='%232e9a57'%20stroke='%231d6b3a'%20stroke-width='.7'/%3E%3Cpath%20d='M52.0%20120H68.0'%20transform='rotate(52%2060%20120)'%20stroke='%231d6b3a'%20stroke-width='.5'%20opacity='.7'/%3E%3Cellipse%20cx='60'%20cy='120'%20rx='10'%20ry='3.8'%20transform='rotate(128%2060%20120)'%20fill='%232e9a57'%20stroke='%231d6b3a'%20stroke-width='.7'/%3E%3Cpath%20d='M52.0%20120H68.0'%20transform='rotate(128%2060%20120)'%20stroke='%231d6b3a'%20stroke-width='.5'%20opacity='.7'/%3E%3Cellipse%20cx='0'%20cy='60'%20rx='10'%20ry='3.8'%20transform='rotate(-38%200%2060)'%20fill='%232e9a57'%20stroke='%231d6b3a'%20stroke-width='.7'/%3E%3Cpath%20d='M-8.0%2060H8.0'%20transform='rotate(-38%200%2060)'%20stroke='%231d6b3a'%20stroke-width='.5'%20opacity='.7'/%3E%3Cellipse%20cx='0'%20cy='60'%20rx='10'%20ry='3.8'%20transform='rotate(38%200%2060)'%20fill='%232e9a57'%20stroke='%231d6b3a'%20stroke-width='.7'/%3E%3Cpath%20d='M-8.0%2060H8.0'%20transform='rotate(38%200%2060)'%20stroke='%231d6b3a'%20stroke-width='.5'%20opacity='.7'/%3E%3Cellipse%20cx='120'%20cy='60'%20rx='10'%20ry='3.8'%20transform='rotate(-38%20120%2060)'%20fill='%232e9a57'%20stroke='%231d6b3a'%20stroke-width='.7'/%3E%3Cpath%20d='M112.0%2060H128.0'%20transform='rotate(-38%20120%2060)'%20stroke='%231d6b3a'%20stroke-width='.5'%20opacity='.7'/%3E%3Cellipse%20cx='120'%20cy='60'%20rx='10'%20ry='3.8'%20transform='rotate(38%20120%2060)'%20fill='%232e9a57'%20stroke='%231d6b3a'%20stroke-width='.7'/%3E%3Cpath%20d='M112.0%2060H128.0'%20transform='rotate(38%20120%2060)'%20stroke='%231d6b3a'%20stroke-width='.5'%20opacity='.7'/%3E%3Ccircle%20cx='30'%20cy='30'%20r='4.4'%20fill='%23f0bf48'%20stroke='%234b2b7a'%20stroke-width='.8'/%3E%3Ccircle%20cx='30'%20cy='30'%20r='1.5'%20fill='%231f4fd0'/%3E%3Cellipse%20cx='24.5'%20cy='36.5'%20rx='5.5'%20ry='2.2'%20transform='rotate(125%2024.5%2036.5)'%20fill='%232e9a57'%20stroke='%231d6b3a'%20stroke-width='.7'/%3E%3Cpath%20d='M20.1%2036.5H28.9'%20transform='rotate(125%2024.5%2036.5)'%20stroke='%231d6b3a'%20stroke-width='.5'%20opacity='.7'/%3E%3Cellipse%20cx='35.5'%20cy='36.5'%20rx='5.5'%20ry='2.2'%20transform='rotate(55%2035.5%2036.5)'%20fill='%232e9a57'%20stroke='%231d6b3a'%20stroke-width='.7'/%3E%3Cpath%20d='M31.1%2036.5H39.9'%20transform='rotate(55%2035.5%2036.5)'%20stroke='%231d6b3a'%20stroke-width='.5'%20opacity='.7'/%3E%3Ccircle%20cx='90'%20cy='30'%20r='4.4'%20fill='%23f0bf48'%20stroke='%234b2b7a'%20stroke-width='.8'/%3E%3Ccircle%20cx='90'%20cy='30'%20r='1.5'%20fill='%231f4fd0'/%3E%3Cellipse%20cx='84.5'%20cy='36.5'%20rx='5.5'%20ry='2.2'%20transform='rotate(125%2084.5%2036.5)'%20fill='%232e9a57'%20stroke='%231d6b3a'%20stroke-width='.7'/%3E%3Cpath%20d='M80.1%2036.5H88.9'%20transform='rotate(125%2084.5%2036.5)'%20stroke='%231d6b3a'%20stroke-width='.5'%20opacity='.7'/%3E%3Cellipse%20cx='95.5'%20cy='36.5'%20rx='5.5'%20ry='2.2'%20transform='rotate(55%2095.5%2036.5)'%20fill='%232e9a57'%20stroke='%231d6b3a'%20stroke-width='.7'/%3E%3Cpath%20d='M91.1%2036.5H99.9'%20transform='rotate(55%2095.5%2036.5)'%20stroke='%231d6b3a'%20stroke-width='.5'%20opacity='.7'/%3E%3Ccircle%20cx='30'%20cy='90'%20r='4.4'%20fill='%23f0bf48'%20stroke='%234b2b7a'%20stroke-width='.8'/%3E%3Ccircle%20cx='30'%20cy='90'%20r='1.5'%20fill='%231f4fd0'/%3E%3Cellipse%20cx='24.5'%20cy='96.5'%20rx='5.5'%20ry='2.2'%20transform='rotate(125%2024.5%2096.5)'%20fill='%232e9a57'%20stroke='%231d6b3a'%20stroke-width='.7'/%3E%3Cpath%20d='M20.1%2096.5H28.9'%20transform='rotate(125%2024.5%2096.5)'%20stroke='%231d6b3a'%20stroke-width='.5'%20opacity='.7'/%3E%3Cellipse%20cx='35.5'%20cy='96.5'%20rx='5.5'%20ry='2.2'%20transform='rotate(55%2035.5%2096.5)'%20fill='%232e9a57'%20stroke='%231d6b3a'%20stroke-width='.7'/%3E%3Cpath%20d='M31.1%2096.5H39.9'%20transform='rotate(55%2035.5%2096.5)'%20stroke='%231d6b3a'%20stroke-width='.5'%20opacity='.7'/%3E%3Ccircle%20cx='90'%20cy='90'%20r='4.4'%20fill='%23f0bf48'%20stroke='%234b2b7a'%20stroke-width='.8'/%3E%3Ccircle%20cx='90'%20cy='90'%20r='1.5'%20fill='%231f4fd0'/%3E%3Cellipse%20cx='84.5'%20cy='96.5'%20rx='5.5'%20ry='2.2'%20transform='rotate(125%2084.5%2096.5)'%20fill='%232e9a57'%20stroke='%231d6b3a'%20stroke-width='.7'/%3E%3Cpath%20d='M80.1%2096.5H88.9'%20transform='rotate(125%2084.5%2096.5)'%20stroke='%231d6b3a'%20stroke-width='.5'%20opacity='.7'/%3E%3Cellipse%20cx='95.5'%20cy='96.5'%20rx='5.5'%20ry='2.2'%20transform='rotate(55%2095.5%2096.5)'%20fill='%232e9a57'%20stroke='%231d6b3a'%20stroke-width='.7'/%3E%3Cpath%20d='M91.1%2096.5H99.9'%20transform='rotate(55%2095.5%2096.5)'%20stroke='%231d6b3a'%20stroke-width='.5'%20opacity='.7'/%3E%3C/svg%3E") .06em .30em/.50em .50em, linear-gradient(180deg,#ffffff 0,#ffffff .36em,#fffaf0 .5em,#f4ecda 1.16em,#e6dcc4 100%)}

/* foto rectangular (no recortada) en la carta: esquinas redondeadas y sombra propia en vez de drop-shadow del contorno */
.bp-foto img { border-radius:18px; aspect-ratio:3/2; object-fit:cover; filter:none; box-shadow:0 22px 40px rgba(58,26,11,.35); }
@media (min-width:900px) { .b-cre .bp.bp-foto { max-width:540px; } }