/* CENTRO VASCO EUZKO ETXEA · demo
   Papel marfil, verde de la casa, rojo de la ikurriña y pan de oro. Cuadros con marco dorado de los que el plato se sale. */
:root{
  --papel:#F3ECDC; --papel2:#EADFC8; --papel3:#DFD2B5; --blanco:#FBF6EA;
  --tinta:#1C1A16; --tinta2:#5B5345; --tinta3:#8A8170;
  --verde:#17402B; --verde2:#0F2C1D; --verde3:#0A1F15; --verde-cl:#2F6B49;
  --rojo:#A81F2A; --rojo2:#7C141D; --rojo3:#4E0B12;
  --petroleo:#15323D; --petroleo2:#0D222B; --petroleo3:#081820;
  --oro:#B08D3C; --oro-cl:#E9D391; --oro-osc:#7C5F1E; --oro-txt:#8A6A1E;
  --oro-grad:linear-gradient(135deg,#7C5F1E 0%,#D9BC6C 18%,#F6E7B0 34%,#B08D3C 50%,#8A6A24 66%,#E3C97E 84%,#7C5F1E 100%);
  --tit:'Playfair Display',Georgia,'Times New Roman',serif;
  --cap:'Cinzel','Trajan Pro',Georgia,serif;
  --txt:'Source Serif 4',Georgia,'Times New Roman',serif;
  --nav:74px; --sab:env(safe-area-inset-bottom,0px);
  --px:0; --py:0;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
[hidden]{display:none!important}
html,body{height:100%;margin:0}
body{background:#07140E;color:var(--tinta);font:400 17px/1.45 var(--txt);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:inherit}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
h1,h2,h3,p{margin:0}
svg{display:block}
.scr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}

#app{position:relative;max-width:480px;height:100dvh;margin:0 auto;background:var(--papel);display:flex;flex-direction:column;overflow:clip;isolation:isolate;box-shadow:0 0 80px #000}
#app::before{content:"";position:absolute;inset:0;background:var(--papel-tex);pointer-events:none;z-index:0;mix-blend-mode:multiply;opacity:.9}
#view{position:relative;z-index:1;flex:1;min-height:0;overflow-y:auto;overflow-x:clip;overscroll-behavior:contain;padding-bottom:calc(var(--nav) + var(--sab) + 46px);scrollbar-width:none}
#view::-webkit-scrollbar{display:none}
#view.entra>*{animation:sube .5s cubic-bezier(.2,.8,.2,1) both}
#view.entra>*:nth-child(2){animation-delay:.05s}#view.entra>*:nth-child(3){animation-delay:.1s}#view.entra>*:nth-child(4){animation-delay:.15s}#view.entra>*:nth-child(n+5){animation-delay:.2s}
@keyframes sube{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* ───── piezas chicas ───── */
.lau{width:1em;height:1em;flex:none}
.filete{display:flex;align-items:center;gap:10px;color:var(--oro)}
.filete i{flex:1;height:3px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;opacity:.75}
.filete .lau{width:15px;height:15px;color:var(--rojo)}
.eu{font:600 11.5px/1 var(--cap);letter-spacing:.2em;text-transform:uppercase;color:var(--oro-txt)}
.px{font:800 1em/1 var(--tit);font-variant-numeric:lining-nums;white-space:nowrap}

.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 18px;border-radius:13px;font:700 13.5px/1 var(--cap);letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;transition:transform .12s,box-shadow .12s,filter .2s;user-select:none}
.btn svg{width:18px;height:18px;flex:none}
.btn:active{transform:translateY(3px)}
.btn.oro{color:#2A1F06;background:var(--oro-grad);background-size:220% 220%;background-position:calc(40% + var(--px)*1.6%) 50%;box-shadow:inset 0 1px 0 #fff8,inset 0 -1px 0 #0003,0 4px 0 #5E4614,0 10px 18px -8px #000a}
.btn.oro:active{box-shadow:inset 0 1px 0 #fff8,0 1px 0 #5E4614}
.btn.verde{color:#F6EBCB;background:linear-gradient(180deg,#1F5539,#17402B);box-shadow:inset 0 1px 0 #ffffff26,0 4px 0 #0A2416,0 10px 18px -8px #0008}
.btn.verde:active{box-shadow:inset 0 1px 0 #ffffff26,0 1px 0 #0A2416}
.btn.rojo{color:#FBEED6;background:linear-gradient(180deg,#BC2733,#A81F2A);box-shadow:inset 0 1px 0 #ffffff33,0 4px 0 #5E0E15,0 10px 18px -8px #0008}
.btn.rojo:active{box-shadow:inset 0 1px 0 #ffffff33,0 1px 0 #5E0E15}
.btn.linea{color:var(--oro-cl);box-shadow:inset 0 0 0 1.5px #E9D39199;background:#0000002e;backdrop-filter:blur(2px)}
.btn.linea-t{color:var(--verde);box-shadow:inset 0 0 0 1.5px #17402B88}
.btn.ancho{width:100%}
.btn.chico{min-height:42px;padding:0 14px;font-size:12px;border-radius:11px}
.btn[disabled]{filter:grayscale(.8) opacity(.55);pointer-events:none}

.chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px 0 9px;border-radius:99px;font:600 12.5px/1 var(--txt);letter-spacing:.01em;white-space:nowrap}
.chip svg{width:14px;height:14px}
.chip.oscuro{background:#0000004d;color:#F6EBCB;box-shadow:inset 0 0 0 1px #E9D39155}
.chip.vivo::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:#F2C94C;box-shadow:0 0 0 0 #F2C94C99;animation:late 1.8s infinite}
@keyframes late{70%{box-shadow:0 0 0 7px #F2C94C00}100%{box-shadow:0 0 0 0 #F2C94C00}}

/* títulos de sección */
.tit{padding:30px 20px 12px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.tit .eu{display:flex;align-items:center;gap:7px;margin-bottom:7px}
.tit .eu .lau{width:12px;height:12px;color:var(--rojo)}
.tt{font:800 italic 27px/1.04 var(--tit);letter-spacing:-.01em;color:var(--verde)}
.tt b{font-weight:900;font-style:normal;color:var(--rojo)}
.tit .mas{flex:none;display:inline-flex;align-items:center;gap:3px;height:36px;font:700 11.5px/1 var(--cap);letter-spacing:.12em;text-transform:uppercase;color:var(--oro-txt)}
.tit .mas svg{width:15px;height:15px}

/* ───── cabecera ───── */
#top{position:relative;z-index:5;flex:none;display:flex;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top,0px) + 10px) 16px 9px;background:linear-gradient(180deg,var(--papel) 70%,#F3ECDC00)}
.top-marca{display:flex;align-items:center;gap:10px;min-width:0;flex:1}
.top-esc{width:34px;aspect-ratio:782/999;background:url(assets/escudo-chico.webp) center/contain no-repeat;flex:none;filter:drop-shadow(0 2px 2px #0004)}
.top-marca img{height:30px;width:auto}
.top-est{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;border-radius:99px;font:600 12.5px/1 var(--txt);color:var(--verde);box-shadow:inset 0 0 0 1px #17402B40;background:#FBF6EA99;white-space:nowrap}
.top-est i{width:7px;height:7px;border-radius:50%;background:#3E9B63;box-shadow:0 0 0 3px #3E9B6333}
.top-est.cerrado i{background:#B08D3C;box-shadow:0 0 0 3px #B08D3C33}

/* ───── inicio ───── */
.saludo{padding:8px 20px 4px}
.saludo .eu{display:flex;align-items:center;gap:7px}
.saludo .eu .lau{width:12px;height:12px;color:var(--rojo)}
.saludo h1{margin-top:8px;font:900 italic 36px/1 var(--tit);letter-spacing:-.015em;color:var(--verde)}
.saludo p{margin-top:7px;color:var(--tinta2);font-size:15.5px}
.saludo p b{color:var(--rojo);font-weight:600}

/* el riel de cuadros: tarjetas al 85%, la siguiente asoma; giran un poco en 3D al deslizar */
.galeria{position:relative;margin-top:6px}
.riel{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;padding:26px 7.5% 30px;scrollbar-width:none;perspective:1100px;-webkit-overflow-scrolling:touch}
.riel::-webkit-scrollbar{display:none}
.riel.arrastra{scroll-snap-type:none;cursor:grabbing}
.riel.arrastra *{pointer-events:none}
.cuadro{position:relative;flex:none;width:100%;height:388px;scroll-snap-align:center;transform-style:preserve-3d;transform:rotateY(var(--ry,0deg));transition:transform .25s ease-out;z-index:1}
.cuadro.activa{z-index:3}
.marco{position:absolute;inset:0;border-radius:18px;padding:10px;background:var(--oro-grad);background-size:240% 240%;background-position:calc(50% + var(--px)*2.2%) calc(50% + var(--py)*2.2%);box-shadow:inset 0 1.5px 0 #fff9,inset 0 -2px 0 #0004,inset 0 0 0 1px #5E461488,0 22px 34px -16px #000c,0 3px 0 #5E4614}
.marco::after{content:"";position:absolute;inset:5px;border-radius:13px;box-shadow:inset 0 0 0 1px #5E461499,inset 0 0 0 2px #fff5;pointer-events:none}
.lienzo{position:relative;height:100%;border-radius:9px;overflow:hidden;box-shadow:inset 0 0 0 1px #000a,inset 0 8px 22px #000a;color:#F6EBCB;padding:18px 16px 16px;display:flex;flex-direction:column}
.lienzo::before{content:"";position:absolute;inset:0;background:radial-gradient(130% 85% at 22% 8%,#ffffff24 0%,#0000 55%),radial-gradient(90% 70% at 85% 100%,#0009 0%,#0000 70%);pointer-events:none}
.lienzo::after{content:"";position:absolute;inset:0;background:url(assets/hojas-verde.webp) center/420px auto;mix-blend-mode:soft-light;opacity:.5;filter:grayscale(1) contrast(1.2);pointer-events:none}
.lienzo>*{position:relative;z-index:1}
.lienzo>.chip{align-self:flex-start;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.c-bordo .lienzo{background:linear-gradient(160deg,#8E1A24 0%,#5E0E16 55%,#35070C 100%)}
.c-verde .lienzo{background:linear-gradient(160deg,#225C3E 0%,#143B27 55%,#0A2015 100%)}
.c-petroleo .lienzo{background:linear-gradient(160deg,#1F4A59 0%,#132F3A 55%,#0A1C24 100%)}
.c-negro .lienzo{background:linear-gradient(160deg,#2A2620 0%,#16140F 60%,#0A0907 100%)}
.cuadro .sobre{font:600 11px/1 var(--cap);letter-spacing:.2em;text-transform:uppercase;color:var(--oro-cl);margin-top:14px;display:flex;align-items:center;gap:7px}
.cuadro .sobre .lau{width:11px;height:11px}
.cuadro h3{margin-top:8px;max-width:66%;font:900 italic 30px/.98 var(--tit);letter-spacing:-.015em;color:#FFF7E3;text-shadow:0 2px 12px #0008}
.cuadro .baj{margin-top:7px;max-width:52%;font-size:15px;line-height:1.25;color:#F6EBCBcc}
.cuadro.plato .baj{max-width:45%;font-size:14.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cuadro .btns{margin-top:auto;display:flex;gap:9px}
.cuadro .btns .btn{flex:1;padding:0 8px;min-height:48px;font-size:12px}
.cuadro .btns .btn.oro{flex:1.25}
/* el plato se sale del cuadro */
.cuadro .cut{position:absolute;right:-9%;top:102px;width:62%;max-width:none;z-index:4;pointer-events:none;filter:drop-shadow(0 22px 18px #000b) drop-shadow(0 4px 4px #0006);transform:translate3d(calc(var(--px)*-1.1px),calc(var(--py)*-1.1px),60px) rotate(var(--giro,-6deg));animation:flota 6s ease-in-out infinite}
@keyframes flota{50%{translate:0 -7px}}
.cuadro .cut.alto{width:44%;right:2%;top:70px}
/* sello de lacre con el precio */
.lacre{position:absolute;z-index:5;left:20px;top:216px;width:84px;height:84px;display:grid;place-items:center;text-align:center;color:#FCEBD0;border-radius:47% 53% 51% 49%/52% 47% 53% 48%;background:radial-gradient(circle at 34% 28%,#E0525B 0%,#B3222D 42%,#74121A 100%);box-shadow:inset 0 0 0 5px #ffffff00,inset 0 2px 3px #ffffff66,inset 0 -7px 10px #0006,0 8px 14px -4px #000b;transform:translateZ(40px) rotate(-9deg)}
.lacre::before{content:"";position:absolute;inset:8px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #5E0E1566,inset 0 2px 5px #0005,0 1px 0 #ffffff30}
.lacre span{position:relative;display:block;font:800 19px/1 var(--tit)}
.lacre small{position:relative;display:block;margin-bottom:3px;font:700 8.5px/1 var(--cap);letter-spacing:.16em;text-transform:uppercase;opacity:.85}
.lacre.regalo span{font-size:15px;font-style:italic}
/* el cuadro del escudo */
.cuadro .mini-esc{position:absolute;right:14px;top:74px;width:150px;z-index:4;transform:translate3d(calc(var(--px)*-.9px),calc(var(--py)*-.9px),50px) rotate(5deg);filter:drop-shadow(0 18px 16px #000a)}
.cuadro .cuenta{margin-top:10px;font:900 44px/1 var(--tit);color:var(--oro-cl)}
.cuadro .cuenta small{font:600 italic 17px/1 var(--tit);color:#F6EBCBcc;margin-left:4px}
/* el cuadro de la agenda */
.cuadro .hora-f{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.cuadro .hora{font:900 58px/.9 var(--tit);color:var(--oro-cl);letter-spacing:-.02em}
.cuadro .hora-f+h3{margin-top:14px}
.cuadro .hora small{font:700 15px/1 var(--cap);letter-spacing:.14em;margin-left:5px}
.cuadro .sv{flex:none;width:136px;padding:9px 10px;border-radius:9px;background:#FBF6EA;box-shadow:0 8px 16px -6px #000a,inset 0 0 0 1px #B08D3C;transform:rotate(3deg)}
.cuadro .donde{margin-top:6px;display:flex;align-items:center;gap:6px;font-size:15px;color:#F6EBCBdd}
.cuadro .donde svg{width:15px;height:15px;color:var(--oro-cl)}
.cuadro.sin-cut h3{max-width:100%}
.cuadro.sin-cut .baj{max-width:100%}

.riel-pie{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:-10px;height:22px}
.dots{display:flex;gap:7px}
.dots i{width:7px;height:7px;border-radius:50%;background:#17402B33;transition:.25s}
.dots i.on{width:22px;border-radius:4px;background:var(--rojo)}
.desliza{display:inline-flex;align-items:center;gap:5px;font:700 10.5px/1 var(--cap);letter-spacing:.18em;text-transform:uppercase;color:var(--tinta3);transition:opacity .4s}
.desliza svg{width:16px;height:16px;animation:dedo 1.6s ease-in-out infinite}
@keyframes dedo{50%{transform:translateX(7px)}}
.galeria.deslizo .desliza{opacity:0}

/* cinta de frases */
.cinta-w{overflow:clip;padding:10px 0;margin:16px 0 -10px}
.cinta{position:relative;height:42px;background:linear-gradient(180deg,#B52431e0,#9B1B26e8),url(assets/hojas-rojo.webp) center/300px auto;color:#FBEED6;overflow:hidden;box-shadow:inset 0 1px 0 #ffffff33,inset 0 -1px 0 #0005,0 6px 12px -8px #0008;transform:rotate(-1.2deg) scale(1.03)}
.cinta::before,.cinta::after{content:"";position:absolute;left:0;right:0;height:1px;background:#E9D39188}
.cinta::before{top:4px}.cinta::after{bottom:4px}
.cinta div{display:flex;width:max-content;height:100%;align-items:center;animation:corre 38s linear infinite}
.cinta span{display:inline-flex;align-items:center;gap:16px;padding-right:16px;font:700 12.5px/1 var(--cap);letter-spacing:.2em;text-transform:uppercase;white-space:nowrap}
.cinta .lau{width:13px;height:13px;color:var(--oro-cl)}
@keyframes corre{to{transform:translateX(-50%)}}

/* tu mesa de siempre */
.siempre{width:calc(100% - 40px);margin:26px 20px 0;display:flex;align-items:center;gap:12px;padding:13px 12px 13px 14px;border-radius:16px;background:var(--blanco);box-shadow:inset 0 0 0 1px #B08D3C66,0 10px 20px -14px #0007}
.siempre .lau{width:26px;height:26px;color:var(--rojo);flex:none}
.siempre div{flex:1;min-width:0}
.siempre b{display:block;font:800 italic 17.5px/1.1 var(--tit);color:var(--verde);white-space:nowrap}
.siempre small{display:block;margin-top:4px;font-size:13.5px;color:var(--tinta2);white-space:nowrap}
.siempre .btn{padding:0 12px}

/* hornacinas: los platos salen de un arco */
.riel2{display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;padding:44px 20px 18px;scroll-padding:0 20px;scrollbar-width:none;scroll-snap-type:x proximity}
.riel2::-webkit-scrollbar{display:none}
.riel2.arrastra{scroll-snap-type:none;cursor:grabbing}.riel2.arrastra *{pointer-events:none}
.nicho{position:relative;flex:none;width:158px;scroll-snap-align:start}
.nicho-f{position:relative;display:block;width:100%;height:178px;border-radius:79px 79px 14px 14px;overflow:visible}
.nicho-f::before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #0006,inset 0 10px 24px #0008,0 14px 22px -14px #000a}
.nicho-f::after{content:"";position:absolute;inset:6px;border-radius:73px 73px 9px 9px;box-shadow:inset 0 0 0 1.2px #E9D391aa;pointer-events:none}
.f-verde{background:radial-gradient(110% 80% at 50% 12%,#2B6A49,#143B27 60%,#0A2015)}
.f-bordo{background:radial-gradient(110% 80% at 50% 12%,#A3222D,#5E0E16 60%,#35070C)}
.f-petroleo{background:radial-gradient(110% 80% at 50% 12%,#24566A,#132F3A 60%,#0A1C24)}
.nicho-f img.cut{position:absolute;left:50%;top:-34px;width:164px;max-width:none;translate:-50% 0;filter:drop-shadow(0 16px 12px #000a);transform:translate(calc(var(--px)*-.6px),calc(var(--py)*-.6px));transition:scale .35s cubic-bezier(.3,1.5,.5,1);z-index:2}
.nicho-f:active img.cut{scale:1.07}
.nicho-f img.cut.alto{width:104px;top:-30px}
.nicho-f img.foto{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);object-fit:cover;border-radius:73px 73px 9px 9px}
.nicho-f .mas-b{position:absolute;right:8px;bottom:8px;z-index:3}
.mas-b{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#2A1F06;background:var(--oro-grad);box-shadow:inset 0 1px 0 #fff8,0 3px 0 #5E4614,0 8px 12px -6px #000a;transition:transform .12s}
.mas-b svg{width:20px;height:20px}
.mas-b:active{transform:translateY(3px);box-shadow:inset 0 1px 0 #fff8,0 0 0 #5E4614}
.mas-b.pum{animation:pum .4s}
@keyframes pum{40%{transform:scale(1.25)}}
.nicho b{display:block;margin-top:10px;font:800 17px/1.1 var(--tit);color:var(--verde)}
.nicho small{display:block;margin-top:3px;font-size:13.5px;line-height:1.2;color:var(--tinta2)}
.nicho .px{display:block;margin-top:6px;font-size:17px;color:var(--rojo)}

/* hoy en la semana vasca (resumen) */
.hoy{margin:0 20px;border-radius:18px;background:var(--blanco);box-shadow:inset 0 0 0 1px #B08D3C66,0 12px 24px -18px #0008;overflow:hidden}
.hoy-cab{display:flex;align-items:center;gap:12px;padding:13px 14px;background:url(assets/hojas-verde.webp) center/380px auto;color:#fff}
.hoy-cab img{width:124px;border-radius:7px;background:#FBF6EA;padding:6px 8px}
.hoy-cab p{font:600 11px/1.35 var(--cap);letter-spacing:.16em;text-transform:uppercase}
.ev{display:flex;gap:13px;padding:12px 14px;align-items:flex-start;border-top:1px solid #B08D3C33}
.ev:first-of-type{border-top:0}
.ev time{flex:none;width:58px;font:800 21px/1 var(--tit);color:var(--verde);padding-top:2px}
.ev time small{display:block;margin-top:4px;font:600 9.5px/1 var(--cap);letter-spacing:.16em;color:var(--tinta3)}
.ev div{flex:1;min-width:0}
.ev b{display:block;font:700 16.5px/1.2 var(--txt);color:var(--tinta)}
.ev i{display:block;margin-top:2px;font:italic 400 13.5px/1.2 var(--txt);color:var(--oro-txt)}
.ev span{display:flex;align-items:center;gap:5px;margin-top:4px;font-size:13.5px;color:var(--tinta2)}
.ev span svg{width:13px;height:13px}
.ev.paso{opacity:.42}
.ev.paso time{color:var(--tinta3)}
.ev.ahora{background:linear-gradient(90deg,#A81F2A14,#A81F2A00 70%);box-shadow:inset 3px 0 0 var(--rojo)}
.ev.ahora time{color:var(--rojo)}
.ev .tag{display:inline-block;margin-bottom:5px;padding:4px 8px;border-radius:5px;background:var(--rojo);color:#FBEED6;font:700 9.5px/1 var(--cap);letter-spacing:.14em;text-transform:uppercase}
.hoy-pie{display:flex;border-top:1px solid #B08D3C55}
.hoy-pie button{flex:1;height:50px;display:flex;align-items:center;justify-content:center;gap:6px;font:700 12px/1 var(--cap);letter-spacing:.12em;text-transform:uppercase;color:var(--verde)}
.hoy-pie button svg{width:16px;height:16px}

/* actividades: retratos ovalados */
.riel3{display:flex;gap:14px;overflow-x:auto;padding:6px 20px 16px;scrollbar-width:none}
.riel3::-webkit-scrollbar{display:none}
.riel3.arrastra{cursor:grabbing}.riel3.arrastra *{pointer-events:none}
.ovalo{flex:none;width:118px;text-align:center}
.ovalo-f{display:block;width:118px;height:150px;border-radius:50%;padding:6px;background:var(--oro-grad);background-size:240% 240%;background-position:calc(50% + var(--px)*2%) 50%;box-shadow:inset 0 1px 0 #fff9,inset 0 0 0 1px #5E461488,0 12px 18px -12px #000a,0 2px 0 #5E4614}
.ovalo-f img{width:100%;height:100%;object-fit:cover;border-radius:50%;box-shadow:inset 0 0 0 1px #000;filter:saturate(.92) contrast(1.03)}
.ovalo b{display:block;margin-top:9px;font:800 15.5px/1.12 var(--tit);color:var(--verde)}
.ovalo i{display:block;margin-top:3px;font:600 9.5px/1 var(--cap);letter-spacing:.16em;text-transform:uppercase;font-style:normal;color:var(--oro-txt)}

/* auspiciantes */
.ausp{margin-top:6px;overflow:hidden;padding:6px 0 12px;mask-image:linear-gradient(90deg,#0000,#000 9%,#000 91%,#0000)}
.ausp div{display:flex;gap:12px;width:max-content;animation:corre 46s linear infinite}
.ausp img{width:134px;height:95px;object-fit:contain;border-radius:10px;background:#fff;padding:4px;box-shadow:inset 0 0 0 1px #B08D3C88,0 8px 14px -10px #0008}
.ausp-g{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 20px}
.ausp-g img{width:100%;aspect-ratio:480/340;object-fit:contain;border-radius:10px;background:#fff;padding:3px;box-shadow:inset 0 0 0 1px #B08D3C88}

/* pie */
.pie{margin:34px 20px 0;padding:22px 18px 20px;border-radius:18px;text-align:center;color:#F6EBCB;background:linear-gradient(180deg,#143B27ee,#0A2015f5),url(assets/hojas-verde.webp) center/380px auto;box-shadow:inset 0 0 0 1px #E9D39155,inset 0 0 0 5px #0A2015,inset 0 0 0 6px #E9D39133}
.pie img.sello{width:132px;margin:0 auto 12px}
.pie p{font-size:15px;line-height:1.4;color:#F6EBCBdd}
.pie p b{color:#fff;font-weight:600}
.pie .filete{margin:14px 22px}
.pie .filete .lau{color:var(--oro-cl)}
.pie .redes{display:flex;justify-content:center;gap:10px;margin-top:14px}
.pie .redes a{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:var(--oro-cl);box-shadow:inset 0 0 0 1.2px #E9D39188}
.pie .redes svg{width:20px;height:20px}
.pie .demo{margin-top:16px;font-size:12.5px;color:#F6EBCB88}
.pie .demo button{text-decoration:underline;text-underline-offset:3px}

/* ───── barra inferior ───── */
#nav{position:absolute;z-index:20;left:0;right:0;bottom:0;height:calc(var(--nav) + var(--sab));padding:0 6px var(--sab);display:grid;grid-template-columns:1fr 1fr 84px 1fr 1fr;align-items:center;background:linear-gradient(180deg,#FBF6EAf2,#F3ECDCfa);backdrop-filter:blur(10px);box-shadow:0 -1px 0 #B08D3C88,0 -2px 0 #FBF6EA,0 -3px 0 #B08D3C44,0 -14px 26px -14px #0007}
#nav button{position:relative;height:var(--nav);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--tinta3);font:700 10px/1 var(--cap);letter-spacing:.13em;text-transform:uppercase;transition:color .2s}
#nav button svg{width:25px;height:25px;transition:transform .25s cubic-bezier(.3,1.6,.5,1)}
#nav button.on{color:var(--verde)}
#nav button.on svg{transform:translateY(-2px)}
#nav button.on::after{content:"";position:absolute;bottom:9px;width:5px;height:5px;border-radius:50%;background:var(--rojo)}
#nav .medio{height:auto;align-self:start}
#nav .medio .medalla{position:relative;margin-top:-26px;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:var(--oro-grad);background-size:240% 240%;background-position:calc(50% + var(--px)*2.4%) 50%;box-shadow:inset 0 1.5px 0 #fffb,inset 0 0 0 1px #5E461499,0 4px 0 #5E4614,0 14px 20px -8px #000b;transition:transform .14s}
#nav .medio .medalla::before{content:"";position:absolute;inset:5px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#2B6A49,#143B27 60%,#0A2015);box-shadow:inset 0 0 0 1px #0008,inset 0 4px 10px #0009}
#nav .medio .medalla i{position:relative;width:34px;aspect-ratio:782/999;background:url(assets/escudo-chico.webp) center/contain no-repeat;filter:drop-shadow(0 2px 3px #000a)}
#nav .medio:active .medalla{transform:translateY(4px);box-shadow:inset 0 1.5px 0 #fffb,inset 0 0 0 1px #5E461499,0 0 0 #5E4614,0 6px 10px -6px #000b}
#nav .medio.on::after{display:none}
#nav .medio .n{position:absolute;right:-5px;top:-3px;min-width:24px;height:24px;padding:0 6px;border-radius:12px;display:grid;place-items:center;background:var(--rojo);color:#fff;font:800 12.5px/1 var(--tit);box-shadow:0 0 0 2px var(--papel)}

/* ───── barra del pedido ───── */
#barra{position:absolute;z-index:19;left:12px;right:12px;bottom:calc(var(--nav) + var(--sab) + 12px);pointer-events:none}
#barra button{pointer-events:auto;width:100%;height:56px;padding:0 8px 0 16px;border-radius:16px;display:flex;align-items:center;gap:10px;color:#F6EBCB;background:linear-gradient(180deg,#1F5539,#143B27);box-shadow:inset 0 0 0 1px #E9D39166,0 4px 0 #0A2416,0 16px 24px -10px #000b;animation:sube .35s cubic-bezier(.2,.9,.2,1) both}
#barra button b{font:800 16px/1 var(--tit)}
#barra button span{flex:1;font-size:14.5px;color:#F6EBCBcc}
#barra button em{font:700 12px/1 var(--cap);font-style:normal;letter-spacing:.1em;text-transform:uppercase;height:40px;padding:0 14px;border-radius:11px;display:inline-flex;align-items:center;gap:6px;color:#2A1F06;background:var(--oro-grad)}
#barra button em svg{width:15px;height:15px}
#view.con-barra{padding-bottom:calc(var(--nav) + var(--sab) + 92px)}

/* ───── hojas ───── */
.sh{position:absolute;inset:0;z-index:40;pointer-events:none}
.sh-back{position:absolute;inset:0;background:#07140Ecc;opacity:0;transition:opacity .3s}
.sh-panel{position:absolute;left:0;right:0;bottom:0;max-height:92%;display:flex;flex-direction:column;border-radius:24px 24px 0 0;background:var(--papel);box-shadow:0 -1px 0 #B08D3C,0 -5px 0 var(--papel),0 -6px 0 #B08D3C88,0 -30px 60px #000a;transform:translateY(104%);transition:transform .34s cubic-bezier(.2,.9,.25,1)}
.sh-panel::before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--papel-tex);mix-blend-mode:multiply;pointer-events:none}
.sh.open{pointer-events:auto}
.sh.open .sh-back{opacity:1}
.sh.open .sh-panel{transform:none}
.sh-in{position:relative;overflow-y:auto;padding:26px 20px calc(22px + var(--sab));scrollbar-width:none}
.sh-in::-webkit-scrollbar{display:none}
.sh-x{position:absolute;z-index:3;right:12px;top:12px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--blanco);color:var(--verde);box-shadow:inset 0 0 0 1px #B08D3C88,0 4px 10px -4px #0007}
.sh-x svg{width:20px;height:20px}
.hp-t{font:900 italic 28px/1.02 var(--tit);color:var(--verde);padding-right:50px}
.hp-t b{font-style:normal;color:var(--rojo)}
.hp-s{margin-top:8px;color:var(--tinta2)}
.hp-s b{color:var(--tinta);font-weight:600}
.centro{text-align:center}
.centro .hp-t{padding:0 30px}
.demo-n{margin-top:14px;font-size:13.5px;line-height:1.35;color:var(--tinta3)}
.qr-g{width:208px;margin:18px auto 0;padding:10px;border-radius:14px;background:var(--oro-grad);box-shadow:inset 0 1px 0 #fff9,0 3px 0 #5E4614,0 14px 22px -12px #000a}
.qr-g svg{border-radius:6px}

#toast{position:absolute;z-index:60;left:50%;bottom:calc(var(--nav) + var(--sab) + 84px);translate:-50% 20px;max-width:calc(100% - 40px);display:flex;align-items:center;gap:10px;padding:13px 18px 13px 14px;border-radius:14px;background:#0F2C1Df5;color:#F6EBCB;font-size:15px;line-height:1.25;box-shadow:inset 0 0 0 1px #E9D39166,0 14px 26px -8px #000c;opacity:0;pointer-events:none;transition:.3s cubic-bezier(.2,.9,.2,1)}
#toast.on{opacity:1;translate:-50% 0}
#toast .lau{width:18px;height:18px}

/* ───── el escudo en piezas ───── */
.escudo{position:relative;width:100%;aspect-ratio:782/999}
.escudo .pz{position:absolute;inset:0;background:url(assets/escudo.webp) center/100% 100% no-repeat;transform-origin:var(--ox) var(--oy);transition:filter .5s,opacity .5s}
.escudo .pz.off{filter:grayscale(1) sepia(.5) contrast(.7) brightness(1.2);opacity:.26}
.escudo .brillo{position:absolute;inset:0;-webkit-mask:url(assets/escudo.webp) center/100% 100% no-repeat;mask:url(assets/escudo.webp) center/100% 100% no-repeat;background:linear-gradient(115deg,#fff0 38%,#FFF6D0e6 50%,#fff0 62%) no-repeat;background-size:300% 100%;background-position:120% 0;pointer-events:none;mix-blend-mode:screen}
.escudo.destello .brillo{animation:destello .8s ease-out}
@keyframes destello{from{background-position:120% 0}to{background-position:-60% 0}}

/* ───── entrada: las siete piezas se juntan en una ───── */
#intro{position:absolute;inset:0;z-index:90;display:grid;place-items:center;background:radial-gradient(90% 60% at 50% 42%,#1F5539 0%,#0F2C1D 60%,#07140E 100%);overflow:hidden;cursor:pointer}
#intro::before{content:"";position:absolute;inset:0;background:url(assets/hojas-verde.webp) center/440px auto;opacity:.5;mix-blend-mode:soft-light}
#intro::after{content:"";position:absolute;inset:12px;border-radius:10px;box-shadow:inset 0 0 0 1.5px #E9D39166,inset 0 0 0 5px #0000,inset 0 0 0 6px #E9D3912e;pointer-events:none}
.in-wrap{position:relative;z-index:1;width:min(62%,270px);display:flex;flex-direction:column;align-items:center}
.in-wrap .escudo{filter:drop-shadow(0 26px 30px #000c)}
.in-wrap .escudo .pz{opacity:0}
.in-marca{margin-top:30px;width:92%;opacity:0}
.in-halo{position:absolute;left:50%;top:40%;width:240px;height:240px;margin:-120px 0 0 -120px;border-radius:50%;border:1.5px solid #E9D391;box-shadow:0 0 26px #E9D39155,inset 0 0 26px #E9D39133;opacity:0;pointer-events:none}
#intro.fuera{transition:opacity .5s .1s;opacity:0;pointer-events:none}
#intro.fuera .in-marca{transition:opacity .2s;opacity:0!important}

/* ajustes de piezas del inicio */
.nicho>.mas-b{position:absolute;right:8px;top:128px;z-index:3}
.vacio{padding:18px 16px;color:var(--tinta2);font-size:15.5px}
.ev-ir{flex:none;align-self:center;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--verde);box-shadow:inset 0 0 0 1px #17402B44}
.ev-ir svg{width:19px;height:19px}
.ev-ir.on{background:var(--verde);color:var(--oro-cl);box-shadow:none}

/* tu reserva */
.reserva{position:relative;margin:26px 20px 0;padding:15px 15px 14px 74px;border-radius:16px;color:#F6EBCB;background:linear-gradient(180deg,#143B27ee,#0A2015f2),url(assets/hojas-verde.webp) center/380px auto;box-shadow:inset 0 0 0 1px #E9D39166,0 14px 24px -16px #000b}
.rv-sello{position:absolute;left:15px;top:16px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--oro-grad);box-shadow:inset 0 1px 0 #fff9,0 3px 0 #5E4614}
.rv-sello .lau{width:24px;height:24px;color:var(--rojo2)}
.rv-t .eu{color:var(--oro-cl)}
.rv-t b{display:block;margin-top:6px;font:800 italic 21px/1.1 var(--tit);color:#FFF7E3}
.rv-t small{display:block;margin-top:4px;font-size:14px;color:#F6EBCBcc}
.rv-b{display:flex;gap:9px;margin:13px 0 0 -59px}
.rv-b .btn{flex:1}
.rv-b .btn.verde{background:var(--oro-grad);color:#2A1F06;box-shadow:inset 0 1px 0 #fff8,0 4px 0 #5E4614}
.rv-b .btn.linea-t{color:var(--oro-cl);box-shadow:inset 0 0 0 1.5px #E9D39199}

/* ───── Txoko ───── */
.v-txoko .tx-cab{position:relative;margin:2px 14px 0;border-radius:20px;overflow:hidden;padding:10px;background:var(--oro-grad);background-size:240% 240%;background-position:calc(50% + var(--px)*2.2%) 50%;box-shadow:inset 0 1.5px 0 #fff9,inset 0 0 0 1px #5E461488,0 20px 30px -18px #000c,0 3px 0 #5E4614}
.tx-fondo{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);object-fit:cover;border-radius:11px}
.tx-in{position:relative;border-radius:11px;padding:118px 16px 16px;text-align:center;color:#F6EBCB;background:linear-gradient(180deg,#0A090700 0%,#0A0907b3 34%,#0A0907f2 62%);box-shadow:inset 0 0 0 1px #000a}
.tx-logo{width:190px;margin:0 auto;filter:drop-shadow(0 6px 14px #000c)}
.tx-lema{margin-top:12px;font:700 19px/1.2 var(--tit);color:#FFF7E3}
.tx-lema i{color:var(--oro-cl)}
.tx-in .chip{margin-top:11px}
.tx-btns{display:flex;gap:9px;margin-top:14px}
.tx-btns .btn{flex:1;min-width:0;padding:0 8px}
.cats{position:sticky;top:0;z-index:6;display:flex;gap:8px;overflow-x:auto;padding:14px 20px 10px;margin-top:10px;scrollbar-width:none;background:linear-gradient(180deg,var(--papel) 78%,#F3ECDC00)}
.cats::-webkit-scrollbar{display:none}
.cats.arrastra *{pointer-events:none}
.cats button{flex:none;height:42px;padding:0 15px;border-radius:21px;font:700 12px/1 var(--cap);letter-spacing:.1em;text-transform:uppercase;color:var(--verde);background:var(--blanco);box-shadow:inset 0 0 0 1px #17402B40;white-space:nowrap}
.cats button.on{color:#F6EBCB;background:linear-gradient(180deg,#1F5539,#17402B);box-shadow:inset 0 0 0 1px #E9D39188,0 3px 0 #0A2416}
.tit.carta-t{padding-top:14px}
.platos{padding:14px 20px 0;display:grid;grid-template-columns:minmax(0,1fr);gap:30px}
.plato{position:relative;display:flex;align-items:center;gap:14px;padding:12px 60px 12px 126px;min-height:112px;border-radius:16px;background:var(--blanco);box-shadow:inset 0 0 0 1px #B08D3C55,0 12px 22px -18px #0009}
.plato-f{position:absolute;left:10px;top:50%;translate:0 -50%;width:104px;height:118px;border-radius:52px 52px 12px 12px;box-shadow:inset 0 0 0 1px #0006,inset 0 8px 18px #0008,0 10px 16px -10px #000a}
.plato-f::after{content:"";position:absolute;inset:5px;border-radius:47px 47px 8px 8px;box-shadow:inset 0 0 0 1px #E9D391aa;pointer-events:none}
.plato-f img.cut{position:absolute;left:50%;top:-12px;width:124px;max-width:none;translate:-50% 0;filter:drop-shadow(0 12px 9px #000a);transform:translate(calc(var(--px)*-.5px),calc(var(--py)*-.5px));z-index:2}
.plato-f img.cut.alto{width:84px;top:-16px}
.plato-f img.foto{position:absolute;inset:5px;width:calc(100% - 10px);height:calc(100% - 10px);object-fit:cover;border-radius:47px 47px 8px 8px}
.plato-t{flex:1;min-width:0}
.plato-t em{display:inline-block;margin-bottom:5px;padding:4px 7px;border-radius:5px;background:var(--rojo);color:#FBEED6;font:700 9px/1 var(--cap);font-style:normal;letter-spacing:.14em;text-transform:uppercase}
.plato-t b{display:block;font:800 19px/1.08 var(--tit);color:var(--verde)}
.plato-t small{display:block;margin-top:4px;font-size:14.5px;line-height:1.22;color:var(--tinta2)}
.plato-t .px{display:block;margin-top:7px;font-size:19px;color:var(--rojo)}
.plato>.mas-b{position:absolute;right:11px;bottom:12px;width:44px;height:44px}
.sidra{position:relative;margin:40px 20px 0;border-radius:18px;padding:9px;background:var(--oro-grad);background-size:240% 240%;background-position:calc(50% + var(--px)*2.2%) 50%;box-shadow:inset 0 1.5px 0 #fff9,inset 0 0 0 1px #5E461488,0 18px 28px -18px #000c,0 3px 0 #5E4614}
.sidra-in{border-radius:10px;padding:18px 150px 18px 16px;color:#F6EBCB;background:radial-gradient(120% 90% at 20% 0%,#3A332A,#16140F 60%,#0A0907);box-shadow:inset 0 0 0 1px #000a,inset 0 8px 20px #000a}
.sidra-in .eu{display:flex;align-items:center;gap:7px;color:var(--oro-cl)}
.sidra-in .eu .lau{width:11px;height:11px}
.sidra-in h3{margin-top:8px;font:900 italic 25px/1 var(--tit);color:#FFF7E3}
.sidra-in p:not(.eu){margin-top:8px;font-size:14.5px;line-height:1.3;color:#F6EBCBcc}
.sidra-in .btn{margin-top:13px;white-space:normal;text-align:center;line-height:1.2;padding:8px 12px}
.sidra img.cut{position:absolute;right:-16px;top:50%;width:178px;max-width:none;translate:0 -52%;filter:drop-shadow(0 18px 14px #000b);transform:translate(calc(var(--px)*-.9px),calc(var(--py)*-.9px)) rotate(4deg)}
.nota-carta{margin:22px 24px 0;text-align:center;font-size:13.5px;line-height:1.35;color:var(--tinta3)}

/* hoja del plato */
.hp-foto{margin:0 0 18px}
.hp-foto .marco{position:relative;border-radius:16px;padding:9px;box-shadow:inset 0 1.5px 0 #fff9,inset 0 0 0 1px #5E461488,0 16px 24px -16px #000b,0 3px 0 #5E4614}
.hp-foto .marco::after{inset:4px;border-radius:12px}
.hp-foto img{width:100%;aspect-ratio:4/3.4;object-fit:cover;border-radius:8px;box-shadow:0 0 0 1px #000a}
.hp-plato .eu{display:flex;align-items:center;gap:7px;margin-bottom:8px}
.hp-plato .eu .lau{width:12px;height:12px;color:var(--rojo)}
.hp-plato .hp-t{padding-right:0}
.hp-fila{display:flex;align-items:center;justify-content:space-between;margin:18px 0 16px}
.hp-px{font:900 30px/1 var(--tit);color:var(--rojo)}
.cant{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:26px;background:var(--blanco);box-shadow:inset 0 0 0 1px #B08D3C77}
.cant button{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--verde);background:var(--papel2)}
.cant button:active{background:var(--papel3)}
.cant button svg{width:18px;height:18px}
.cant b{min-width:34px;text-align:center;font:800 21px/1 var(--tit)}
.cant.chica button{width:38px;height:38px}
.cant.chica b{min-width:26px;font-size:18px}

/* hoja del pedido */
.lineas{margin-top:16px;display:grid;gap:4px}
.pl{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid #B08D3C33}
.pl-f{position:relative;flex:none;width:56px;height:62px;border-radius:28px 28px 8px 8px;box-shadow:inset 0 0 0 1px #0006}
.pl-f img.cut{position:absolute;left:50%;top:-4px;width:66px;max-width:none;translate:-50% 0;filter:drop-shadow(0 6px 5px #0009)}
.pl-f img.cut.alto{width:44px}
.pl-f img.foto{position:absolute;inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);object-fit:cover;border-radius:25px 25px 6px 6px}
.pl>div:not(.cant){flex:1;min-width:0}
.pl b{display:block;font:800 16.5px/1.1 var(--tit);color:var(--verde)}
.pl small{display:block;margin-top:3px;font-size:13.5px;color:var(--tinta2)}
.pl .px.regalo{font:800 italic 15px/1 var(--tit);color:var(--rojo)}
.pl .quitar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:var(--tinta3)}
.pl .quitar svg{width:16px;height:16px}
.premio-fila{width:100%;margin-top:12px;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;color:#F6EBCB;background:linear-gradient(180deg,#B52431,#8E1A24);box-shadow:inset 0 0 0 1px #E9D39166,0 4px 0 #5E0E15}
.premio-fila svg{width:22px;height:22px;flex:none;color:var(--oro-cl)}
.premio-fila span{flex:1}
.premio-fila b{display:block;font:800 16.5px/1.1 var(--tit)}
.premio-fila small{display:block;margin-top:3px;font-size:13.5px;color:#F6EBCBcc}
.modos{display:flex;gap:6px;margin-top:18px;padding:5px;border-radius:15px;background:var(--papel2);box-shadow:inset 0 0 0 1px #B08D3C44}
.modos button{flex:1;height:44px;border-radius:11px;text-align:center;font:700 11.5px/1 var(--cap);letter-spacing:.08em;text-transform:uppercase;color:var(--tinta2)}
.modos button.on{background:var(--blanco);color:var(--verde);box-shadow:inset 0 0 0 1px #B08D3C88,0 3px 6px -3px #0006}
.modos button[disabled]{opacity:.35}
.modo-n{margin-top:10px;font-size:14.5px;color:var(--tinta2)}
.total{display:flex;align-items:baseline;justify-content:space-between;margin:18px 0 14px;padding-top:14px;border-top:3px double #B08D3C88}
.total>span:first-child{font:700 12px/1 var(--cap);letter-spacing:.16em;text-transform:uppercase;color:var(--tinta2)}
.total .px{font-size:30px;color:var(--verde)}

/* hoja de reserva */
.h-reserva .eu{display:flex;align-items:center;gap:7px;margin-bottom:8px}
.h-reserva .eu .lau{width:12px;height:12px;color:var(--rojo)}
.rs-l{margin:20px 0 9px;font:700 11.5px/1 var(--cap);letter-spacing:.16em;text-transform:uppercase;color:var(--oro-txt)}
.rs-dias{display:flex;gap:8px;overflow-x:auto;margin:0 -20px;padding:2px 20px 6px;scrollbar-width:none}
.rs-dias::-webkit-scrollbar{display:none}
.rs-dias button{flex:none;width:62px;height:74px;border-radius:14px;text-align:center;background:var(--blanco);box-shadow:inset 0 0 0 1px #B08D3C66;color:var(--verde)}
.rs-dias small{display:block;font:700 10px/1 var(--cap);letter-spacing:.1em;text-transform:uppercase;color:var(--tinta3)}
.rs-dias b{display:block;margin-top:7px;font:800 25px/1 var(--tit)}
.rs-dias button.on{background:linear-gradient(180deg,#1F5539,#17402B);color:#FFF7E3;box-shadow:inset 0 0 0 1px #E9D39188,0 4px 0 #0A2416}
.rs-dias button.on small{color:var(--oro-cl)}
.h-reserva .modos{margin-top:0}
.rs-horas{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.rs-horas button{flex:1 0 28%;height:48px;border-radius:12px;text-align:center;font:800 18px/1 var(--tit);color:var(--verde);background:var(--blanco);box-shadow:inset 0 0 0 1px #B08D3C66}
.rs-horas button.on{background:linear-gradient(180deg,#BC2733,#A81F2A);color:#FFF7E3;box-shadow:inset 0 0 0 1px #E9D39166,0 4px 0 #5E0E15}
.rs-n{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.rs-n span{font-size:16px;color:var(--tinta2)}
.ok-res .hp-s{margin-top:10px;line-height:1.5}
.ok-res .filete,.centro .filete{margin:18px 30px}
.ok-res .btn+.btn{margin-top:11px}
.ok-sello{width:78px;height:78px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:var(--oro-grad);box-shadow:inset 0 1.5px 0 #fff9,inset 0 0 0 1px #5E461488,0 4px 0 #5E4614,0 14px 20px -10px #000a;animation:cae .5s cubic-bezier(.3,1.5,.5,1) both}
.ok-sello .lau{width:42px;height:42px;color:var(--rojo2);animation:gira .9s cubic-bezier(.2,.8,.2,1) both}
@keyframes cae{from{transform:scale(1.8);opacity:0}}
@keyframes gira{from{rotate:-200deg}}
.centro .eu{display:flex;align-items:center;justify-content:center;gap:7px;margin-bottom:8px}
.centro .eu .lau{width:12px;height:12px;color:var(--rojo)}

/* ───── tu escudo ───── */
#app[data-tab="escudo"]{background:#0F2C1D}
#app[data-tab="escudo"] #top{background:linear-gradient(180deg,#0F2C1D 70%,#0F2C1D00)}
#app[data-tab="escudo"] .top-marca img{content:url(assets/marca-cv-blanco.webp)}
#app[data-tab="escudo"] .top-est{color:#F6EBCB;background:#00000033;box-shadow:inset 0 0 0 1px #E9D39155}
.v-escudo{background:radial-gradient(100% 420px at 50% 180px,#1F5539 0%,#0F2C1D 70%)}
.v-escudo::before{content:"";position:absolute;left:0;right:0;top:0;height:700px;background:url(assets/hojas-verde.webp) center top/440px auto;mix-blend-mode:soft-light;opacity:.45;-webkit-mask:linear-gradient(#000 50%,#0000);mask:linear-gradient(#000 50%,#0000);pointer-events:none}
.es-cab{position:relative;padding:8px 22px 0;text-align:center;color:#F6EBCB}
.es-cab .eu{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--oro-cl)}
.es-cab .eu .lau{width:12px;height:12px}
.es-cab h1{margin-top:8px;font:900 italic 38px/1 var(--tit);color:#FFF7E3}
.es-esc{width:min(64%,250px);margin:22px auto 0;perspective:900px}
.es-esc .escudo{filter:drop-shadow(0 26px 26px #000b);transform:rotateY(calc(var(--px)*.9deg)) rotateX(calc(var(--py)*-.7deg));transition:transform .2s ease-out}
.escudo.oscuro::before{content:"";position:absolute;inset:0;background:url(assets/escudo.webp) center/100% 100% no-repeat;filter:grayscale(1) brightness(.35) contrast(1.4);opacity:.5}
.escudo.oscuro .pz.off{filter:grayscale(1) sepia(.35) brightness(.75) contrast(.85);opacity:.3}
.escudo.toca .pz{cursor:pointer}
.es-cuenta{margin-top:20px;font:600 italic 19px/1 var(--tit);color:#F6EBCBcc}
.es-cuenta b{font:900 44px/1 var(--tit);font-style:normal;color:var(--oro-cl);margin-right:4px}
.es-baj{margin:9px auto 18px;max-width:330px;font-size:16px;line-height:1.4;color:#F6EBCBdd}
.es-toca{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:14px;font-size:14px;color:#F6EBCB99}
.es-toca svg{width:17px;height:17px}
.v-escudo .tt{color:#FFF7E3}.v-escudo .tt b{color:var(--oro-cl)}
.v-escudo .tit .eu{color:var(--oro-cl)}.v-escudo .tit .eu .lau{color:var(--oro-cl)}
.premios{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;padding:16px 20px 0;overflow-x:clip}
.premio{position:relative;display:flex;gap:14px;align-items:center;min-height:118px;padding:14px 122px 14px 14px;border-radius:16px;color:#F6EBCB;background:#00000038;box-shadow:inset 0 0 0 1px #E9D39144}
.premio.ok{background:linear-gradient(160deg,#8E1A24,#5E0E16);box-shadow:inset 0 0 0 1px #E9D39199,0 14px 22px -16px #000}
.premio-n{flex:none;width:60px;height:60px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;text-align:center;background:var(--oro-grad);color:#2A1F06;box-shadow:inset 0 1px 0 #fff9,0 3px 0 #5E4614}
.premio-n b{display:block;font:900 22px/1 var(--tit);margin-top:-3px}
.premio-n small{display:block;font:700 7px/1 var(--cap);letter-spacing:.1em;text-transform:uppercase}
.premio>div b{display:block;font:800 18.5px/1.1 var(--tit);color:#FFF7E3}
.premio>div small{display:block;margin-top:4px;font-size:14px;line-height:1.25;color:#F6EBCBcc}
.premio>div em{display:block;margin-top:8px;font:600 italic 14px/1 var(--tit);color:var(--oro-cl)}
.premio>div .btn{margin-top:10px;background:var(--oro-grad);color:#2A1F06;box-shadow:inset 0 1px 0 #fff8,0 3px 0 #5E4614}
.premio img.cut{position:absolute;right:-12px;top:50%;width:132px;max-width:none;translate:0 -54%;filter:drop-shadow(0 14px 12px #000b);transform:translate(calc(var(--px)*-.7px),calc(var(--py)*-.7px)) rotate(5deg)}
.premio:not(.ok) img.cut{filter:drop-shadow(0 14px 12px #000b) saturate(.5) brightness(.75)}
.premio.usado{opacity:.6}
.carnet{display:block;width:calc(100% - 40px);margin:16px 20px 0;border-radius:18px;padding:9px;background:var(--oro-grad);background-size:240% 240%;background-position:calc(50% + var(--px)*2.2%) 50%;box-shadow:inset 0 1.5px 0 #fff9,inset 0 0 0 1px #5E461488,0 20px 28px -16px #000,0 3px 0 #5E4614;transform:perspective(900px) rotateY(calc(var(--px)*.35deg)) rotateX(calc(var(--py)*-.3deg))}
.carnet-in{position:relative;border-radius:10px;padding:18px 16px 16px;min-height:186px;text-align:left;background:var(--papel);box-shadow:inset 0 0 0 1px #5E461488;overflow:hidden}
.carnet-in::before{content:"";position:absolute;inset:0;background:var(--papel-tex);mix-blend-mode:multiply}
.carnet-in>*{position:relative}
.carnet-marca{width:150px}
.carnet-esc{position:absolute!important;right:14px;top:14px;width:84px;aspect-ratio:782/999;background:url(assets/escudo.webp) center/contain no-repeat;filter:drop-shadow(0 6px 6px #0006)}
.carnet-n{margin-top:34px;font:900 italic 27px/1 var(--tit);color:var(--verde)}
.carnet-s{margin-top:6px;font:600 11px/1.3 var(--cap);letter-spacing:.14em;text-transform:uppercase;color:var(--oro-txt)}
.carnet-qr{margin-top:14px;display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 13px;border-radius:10px;font:700 11.5px/1 var(--cap);letter-spacing:.1em;text-transform:uppercase;color:#F6EBCB;background:var(--verde)}
.carnet-qr svg{width:16px;height:16px}
.benef{list-style:none;margin:20px 20px 0;padding:0;display:grid;gap:2px}
.benef li{display:flex;gap:12px;align-items:flex-start;padding:13px 0;border-bottom:1px solid #E9D39133;color:#F6EBCB}
.benef .lau{width:17px;height:17px;color:var(--oro-cl);margin-top:3px}
.benef b{display:block;font:800 17.5px/1.1 var(--tit);color:#FFF7E3}
.benef small{display:block;margin-top:3px;font-size:14.5px;line-height:1.3;color:#F6EBCBcc}
.v-escudo .nota-carta{color:#F6EBCB77}
#app[data-tab="escudo"] #nav{background:linear-gradient(180deg,#FBF6EAf5,#F3ECDCfc)}

/* una pieza del escudo, sola */
.pieza-g{position:relative;margin:4px auto 18px;overflow:hidden;border-radius:6px;box-shadow:0 0 0 5px var(--blanco),0 0 0 6px #B08D3C,0 0 0 9px var(--blanco),0 0 0 10px #B08D3C88,0 18px 24px -8px #0009}
.pieza-g i{position:absolute;background:url(assets/escudo.webp) center/100% 100% no-repeat}
.pieza-e{display:flex;align-items:center;justify-content:center;gap:7px;font-size:14.5px;color:var(--tinta2)}
.pieza-e svg{width:17px;height:17px}
.pieza-e.ok{color:var(--verde-cl);font-weight:600}

/* ───── agenda ───── */
.ag-cab{margin:2px 14px 0;padding:22px 18px 20px;border-radius:20px;text-align:center;color:#fff;background:linear-gradient(180deg,#143B2799,#0A2015cc),url(assets/hojas-verde.webp) center/400px auto;box-shadow:inset 0 0 0 1px #E9D39166,inset 0 0 0 5px #0A2015,inset 0 0 0 6px #E9D39144,0 18px 26px -18px #000b}
.ag-placa{display:inline-block;padding:12px 16px;border-radius:12px;background:#FBF6EA;box-shadow:0 10px 18px -8px #000b,inset 0 0 0 1px #B08D3C}
.ag-placa img{width:230px}
.ag-t{margin-top:16px;font:800 italic 21px/1.15 var(--tit);color:#FFF7E3}
.ag-s{margin:7px auto 0;max-width:300px;font-size:15px;line-height:1.35;color:#F6EBCBdd}
.ag-dias{position:sticky;top:0;z-index:6;display:flex;gap:8px;overflow-x:auto;padding:16px 20px 10px;scrollbar-width:none;background:linear-gradient(180deg,var(--papel) 80%,#F3ECDC00)}
.ag-dias::-webkit-scrollbar{display:none}
.ag-dias.arrastra *{pointer-events:none}
.ag-dias button{flex:1 0 54px;height:68px;border-radius:14px;text-align:center;background:var(--blanco);box-shadow:inset 0 0 0 1px #B08D3C66;color:var(--verde)}
.ag-dias small{display:block;font:700 9.5px/1 var(--cap);letter-spacing:.1em;text-transform:uppercase;color:var(--tinta3)}
.ag-dias b{display:block;margin-top:6px;font:800 23px/1 var(--tit)}
.ag-dias button.paso{opacity:.6}
.ag-dias button.hoy{box-shadow:inset 0 0 0 2px var(--rojo)}
.ag-dias button.hoy small{color:var(--rojo)}
.ag-dias button.on{opacity:1;background:linear-gradient(180deg,#1F5539,#17402B);color:#FFF7E3;box-shadow:inset 0 0 0 1px #E9D39188,0 4px 0 #0A2416}
.ag-dias button.on small{color:var(--oro-cl)}
.ag-lista{margin-top:6px}
.acts{display:grid;gap:10px;padding:6px 20px 0}
.act{display:flex;align-items:center;gap:14px;padding:11px 12px;border-radius:16px;text-align:left;background:var(--blanco);box-shadow:inset 0 0 0 1px #B08D3C55}
.act .ovalo-f{flex:none;width:64px;height:80px;padding:4px}
.act>div{flex:1;min-width:0}
.act b{display:block;font:800 17.5px/1.1 var(--tit);color:var(--verde)}
.act i{display:block;margin-top:4px;font:600 9.5px/1 var(--cap);font-style:normal;letter-spacing:.16em;text-transform:uppercase;color:var(--oro-txt)}
.act small{display:block;margin-top:5px;font-size:14px;line-height:1.25;color:var(--tinta2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.act>svg{flex:none;width:18px;height:18px;color:var(--oro)}
.ovalo-f.grande{width:150px;height:190px;margin:0 auto 16px}

/* ───── la casa ───── */
.ca-cab{padding:2px 20px 0;text-align:center}
.ca-foto{margin:0 -6px 18px}
.ca-foto .marco{position:relative;border-radius:18px;padding:10px;transform:perspective(900px) rotateY(calc(var(--px)*.3deg)) rotateX(calc(var(--py)*-.25deg))}
.ca-foto img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:9px;box-shadow:0 0 0 1px #000a;filter:saturate(.95) contrast(1.04)}
.ca-foto figcaption{display:inline-block;margin-top:-12px;position:relative;z-index:2;padding:7px 14px;border-radius:7px;font-size:14px;color:var(--tinta);background:linear-gradient(180deg,#E9D391,#C9A957);box-shadow:inset 0 1px 0 #fff9,0 2px 0 #5E4614,0 8px 12px -6px #0008}
.ca-foto figcaption b{font:800 italic 15.5px/1 var(--tit)}
.ca-cab .eu{display:flex;align-items:center;justify-content:center;gap:7px}
.ca-cab .eu .lau{width:12px;height:12px;color:var(--rojo)}
.ca-cab h1{margin-top:8px;font:900 italic 38px/1 var(--tit);color:var(--verde)}
.ca-baj{margin:10px auto 0;max-width:320px;font-size:16.5px;line-height:1.4;color:var(--tinta2)}
.historia{list-style:none;margin:26px 20px 0;padding:0;position:relative}
.historia::before{content:"";position:absolute;left:35px;top:10px;bottom:10px;width:3px;border-left:1px solid #B08D3C;border-right:1px solid #B08D3C;opacity:.7}
.historia li{position:relative;display:flex;gap:16px;align-items:flex-start;padding:10px 0}
.historia li>b{position:relative;flex:none;width:72px;height:36px;border-radius:9px;display:grid;place-items:center;font:800 18px/1 var(--tit);color:#F6EBCB;background:linear-gradient(180deg,#1F5539,#17402B);box-shadow:inset 0 0 0 1px #E9D39188,0 3px 0 #0A2416}
.historia li:last-child>b{background:linear-gradient(180deg,#BC2733,#A81F2A);box-shadow:inset 0 0 0 1px #E9D39188,0 3px 0 #5E0E15}
.historia strong{display:block;font:800 18px/1.12 var(--tit);color:var(--verde);padding-top:2px}
.historia p{margin-top:4px;font-size:15px;line-height:1.35;color:var(--tinta2)}
.lee{margin:6px 20px 0;padding:22px 16px 10px;border-radius:18px;background:var(--blanco);box-shadow:inset 0 0 0 1px #B08D3C66,0 14px 24px -18px #0008}
.lee-esc{width:min(60%,220px);margin:0 auto;filter:drop-shadow(0 16px 16px #0007)}
.lee-n{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:14px;font-size:14px;color:var(--tinta3)}
.lee-n svg{width:17px;height:17px}
.lee-l{margin-top:10px}
.lee-l button{width:100%;display:flex;align-items:baseline;gap:10px;min-height:50px;padding:10px 4px;border-top:1px solid #B08D3C33;text-align:left}
.lee-l b{font:800 18px/1 var(--tit);color:var(--verde)}
.lee-l small{flex:1;font-size:14.5px;color:var(--tinta2)}
.lee-l svg{width:16px;height:16px;color:var(--oro);align-self:center}
.eventos{position:relative;margin:34px 20px 0;border-radius:18px;overflow:hidden;color:#F6EBCB;background:#0A0907;box-shadow:inset 0 0 0 1px #E9D39166,0 16px 26px -18px #000}
.eventos img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.eventos>div{position:relative;padding:24px 18px 20px;background:linear-gradient(90deg,#0A0907f2 30%,#0A090766)}
.eventos .eu{display:flex;align-items:center;gap:7px;color:var(--oro-cl)}
.eventos .eu .lau{width:12px;height:12px}
.eventos h3{margin-top:9px;font:900 italic 26px/1.02 var(--tit);color:#FFF7E3;max-width:240px}
.eventos p:not(.eu){margin-top:8px;max-width:230px;font-size:15px;line-height:1.35;color:#F6EBCBdd}
.eventos .btn{margin-top:14px}
.datos{margin:4px 20px 0;border-radius:16px;background:var(--blanco);box-shadow:inset 0 0 0 1px #B08D3C66;overflow:hidden}
.datos a{display:flex;align-items:center;gap:13px;min-height:62px;padding:10px 14px;border-top:1px solid #B08D3C33}
.datos a:first-child{border-top:0}
.datos a>svg:first-child{flex:none;width:22px;height:22px;color:var(--rojo)}
.datos a>svg:last-child{flex:none;width:16px;height:16px;color:var(--oro)}
.datos div{flex:1;min-width:0}
.datos b{display:block;font:700 16.5px/1.15 var(--txt);color:var(--tinta);overflow-wrap:anywhere}
.datos small{display:block;margin-top:2px;font-size:13.5px;color:var(--tinta2)}

/* entrada: el fondo se va y el escudo viaja a la cabecera */
#intro{background:none}
#intro::before,#intro::after{display:none}
.in-bg{position:absolute;inset:0;background:radial-gradient(90% 60% at 50% 42%,#1F5539 0%,#0F2C1D 60%,#07140E 100%);transition:opacity .5s .06s}
.in-bg::before{content:"";position:absolute;inset:0;background:url(assets/hojas-verde.webp) center/440px auto;opacity:.5;mix-blend-mode:soft-light}
.in-bg::after{content:"";position:absolute;inset:12px;border-radius:10px;box-shadow:inset 0 0 0 1.5px #E9D39166,inset 0 0 0 6px #0000,inset 0 0 0 7px #E9D3912e}
#intro.fuera{opacity:1;transition:none;pointer-events:none}
#intro.fuera .in-bg{opacity:0}

@media (min-width:520px){#app{border-left:1px solid #B08D3C55;border-right:1px solid #B08D3C55}}
@media (max-width:359px){
  .tx-btns .btn{font-size:11.5px;letter-spacing:.05em}.tx-btns .btn svg{display:none}.tx-logo{width:160px}
  .premio{gap:10px}.premio>div b{font-size:17px}
  .cuadro .btns .btn{font-size:11px;letter-spacing:.05em}
  .siempre b{font-size:15.5px}.siempre small{font-size:12.5px}.siempre>.lau{display:none}
  .es-cab h1,.ca-cab h1{font-size:33px}
  .rs-horas button{font-size:16px}
  .carnet-marca{width:128px}.carnet-esc{width:70px}
  .cuadro{height:372px}.cuadro h3{font-size:26px}.cuadro .cut{top:104px}.lacre{width:76px;height:76px;top:206px}.lacre span{font-size:16.5px}
  .saludo h1{font-size:31px}.tt{font-size:24px}.top-marca img{height:25px}.top-est{font-size:11.5px;padding:0 9px}
  .plato{padding-left:112px}.plato-f{width:92px;height:106px}.plato-f img.cut{width:110px}
  .sidra-in{padding-right:120px}.sidra img.cut{width:150px}
  .premio{padding-right:100px}.premio img.cut{width:112px}
  #nav button{font-size:9px;letter-spacing:.08em}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* lo que sigue ese día, en el cuadro de la agenda */
.cuadro .sigue{list-style:none;margin:14px 0 0;padding:10px 0 0;border-top:1px solid #E9D39144;display:grid;gap:5px;font-size:14.5px;color:#F6EBCBdd}
.cuadro .sigue li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cuadro .sigue b{display:inline-block;min-width:50px;font:800 14.5px/1 var(--tit);color:var(--oro-cl)}