/* ARTECH V3-B05 · Reestructuración inmersiva (portada continua, transiciones, carta, historia). */
:root{--b5-red:#c8102e;--b5-black:#080808;--b5-footer:#141417;--b5-paper:#eceae5}

/* ---------- Header ---------- */
.v3-header-links{gap:clamp(18px,2vw,34px)!important}
.v3-header-links a{font-size:15px!important;letter-spacing:.04em;position:relative;padding:6px 0;opacity:.72;transition:opacity .25s}
.v3-header-links a:hover,.v3-header-links a.b5-current{opacity:1}
.v3-header-links a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--b5-red);transform:scaleX(0);transform-origin:0 50%;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.v3-header-links a.b5-current::after{transform:scaleX(1)}
.lang button{font-size:14px!important}
.v3-header-reserve{font-size:13px!important}

/* ---------- Siguiente capítulo: eliminado ---------- */
.b4-next,.v3-chapter-meter,.v3-chapter-scene{display:none!important}

/* ---------- Footer ---------- */
.site-footer{background:var(--b5-footer)!important;border-top:1px solid #26262b!important}

/* ---------- Portada: flujo continuo ---------- */
.b5-home .v3-stage{position:static!important;height:auto!important}
.b5-home .v3-scene{position:relative!important;opacity:1!important;inset:auto!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
.b5-home .v3-scene-bottom{position:absolute;right:clamp(24px,5vw,90px);bottom:32px;z-index:5}

/* Hero: video a pantalla completa que se reduce a la derecha */
.b5-home #top{height:230vh!important;min-height:0!important;padding:0!important;background:var(--b5-black)}
.b5-home #top>.v3-scene-inner{position:sticky!important;top:0;height:100vh;max-width:none!important;width:100%!important;margin:0!important;padding:0 clamp(24px,7vw,140px)!important;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:clamp(24px,4vw,64px)}
.b5-home #top .v3-copy{position:relative;z-index:3}
.b5-home #top .v3-hero-slot{height:56vh;align-self:center;visibility:hidden}
.b5-home #top .v3-hero-media{position:absolute!important;margin:0!important;z-index:1;overflow:hidden;will-change:left,top,width,height;transform:none!important;visibility:visible}
.b5-home #top .v3-hero-media img,.b5-home #top .v3-hero-media video{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover}
.b5-home #top .v3-hero-media::after{content:"";position:absolute;inset:0;background:rgba(8,8,8,var(--b5-veil,.45));pointer-events:none;z-index:1}
.b5-home #top .v3-video-toggle{z-index:2}
.b5-home #top .v3-scene-bottom{position:absolute;z-index:4}

/* 1903 → línea de tiempo */
.b5-journey{height:520vh!important;min-height:0!important;padding:0!important;background:var(--b5-black)}
.b5-journey>.b5-sticky{position:sticky;top:0;height:100vh;overflow:hidden}
.b5-journey-copy{position:absolute;left:clamp(24px,7vw,140px);top:50%;transform:translateY(-50%);width:min(46vw,760px);z-index:3}
.b5-journey-copy h2{font-size:clamp(46px,6.4vw,120px)!important;line-height:.95!important;white-space:pre-line}
.b5-timeline{position:absolute!important;inset:0;max-width:none!important;padding:calc(84px + 2vh) clamp(24px,8vw,160px) 7vh!important;display:flex;flex-direction:column;justify-content:center;gap:2vh}
.b5-timeline>.v3-kicker,.b5-timeline .v3-photo-caption,.b5-timeline .v3-era-years{opacity:var(--b5-tl,0);transition:none}
.b5-timeline .v3-era-view{display:flex;flex-direction:column;gap:2.4vh}
.b5-timeline .v3-era-view figure{margin:0 auto!important;width:min(62vw,calc(48vh * 1.5))!important;aspect-ratio:3/2;transform-origin:0 0;will-change:transform;position:relative;z-index:2}
.b5-timeline .v3-era-view figure img{width:100%;height:100%;object-fit:cover}
.b5-timeline .v3-photo-caption{display:flex;justify-content:space-between;align-items:end}
.b5-timeline .v3-photo-caption h2{font-size:clamp(30px,3.6vw,64px)!important;white-space:pre-line}
/* Línea de tiempo real */
.v3-era-years{position:relative;display:flex!important;justify-content:space-between;padding-top:30px!important;border:0!important}
.v3-era-years::before{content:"";position:absolute;left:0;right:0;top:9px;height:1px;background:rgba(242,240,235,.28)}
.v3-era-years::after{content:"";position:absolute;left:0;top:9px;height:2px;margin-top:-.5px;background:var(--b5-red);width:var(--b5-era-fill,0%);transition:width .9s cubic-bezier(.2,.7,.2,1)}
.v3-era-years button{position:relative;background:none!important;border:0!important;color:rgba(242,240,235,.5)!important;font-size:clamp(15px,1.3vw,22px)!important;padding:0 !important;letter-spacing:.04em;transition:color .4s}
.v3-era-years button::before{content:"";position:absolute;left:50%;top:-27px;width:11px;height:11px;margin-left:-5.5px;border-radius:50%;background:var(--b5-black);border:1.5px solid rgba(242,240,235,.6);transition:all .4s;z-index:1}
.v3-era-years button[aria-pressed="true"]{color:#f2f0eb!important}
.v3-era-years button[aria-pressed="true"]::before{background:var(--b5-red);border-color:var(--b5-red);transform:scale(1.45)}
.v3-era-years button::after{display:none!important}

/* Taller en portada: apertura tipo "work" */
.b5-home #legacy{height:240vh!important;min-height:0!important;padding:0!important;background:var(--b5-black)}
.b5-home #legacy>.v3-scene-inner{position:sticky!important;top:0;height:100vh;max-width:none!important;padding:0 clamp(24px,7vw,140px)!important;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:clamp(24px,4vw,64px)}
.b5-home #legacy figure{margin:0!important;height:72vh;overflow:hidden;clip-path:inset(var(--b5-ct,30%) var(--b5-cs,22%) var(--b5-ct,30%) var(--b5-cs,22%) round var(--b5-cr,24px));will-change:clip-path}
.b5-home #legacy figure img{width:100%;height:100%;object-fit:cover;transform:scale(var(--b5-cz,1.35));will-change:transform}
.b5-home #legacy .v3-copy>*{opacity:var(--b5-co,0);transform:translateY(calc((1 - var(--b5-co,0)) * 60px))}

/* Portada visita */
.b5-home .v3-visit-preview{min-height:100vh}

/* ---------- Títulos con luz ---------- */
.b5-glint{background-image:linear-gradient(100deg,currentColor 0%,currentColor 38%,#ffe1a6 46%,#fff 50%,#ffe1a6 54%,currentColor 62%,currentColor 100%);background-size:300% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.b5-glint.is-lit{animation:b5-glint 1.9s cubic-bezier(.45,.05,.2,1) both}
.b5-on-paper .b5-glint,.b5-glint.b5-dark{background-image:linear-gradient(100deg,currentColor 0%,currentColor 38%,#c8102e 50%,currentColor 62%,currentColor 100%)}
@keyframes b5-glint{from{background-position:100% 0}to{background-position:0 0}}

/* ---------- Palabras que suben ---------- */
.b5-rise .b5-line{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}
.b5-rise .b5-line>span{display:inline-block;transform:translateY(105%);transition:transform 1s cubic-bezier(.2,.75,.15,1);transition-delay:calc(var(--i,0) * 110ms)}
.b5-rise.is-in .b5-line>span{transform:none}
.b5-up{opacity:0;transform:translateY(42px);transition:opacity .9s ease,transform 1s cubic-bezier(.2,.75,.15,1)}
.b5-up.is-in{opacity:1;transform:none}

/* ---------- Cortina: el papel sube sobre el negro, sin difuminados ---------- */
.b5-curtain{clip-path:inset(0 var(--b5-side,5vw) 0 var(--b5-side,5vw) round var(--b5-rad,40px) var(--b5-rad,40px) 0 0);will-change:clip-path;position:relative;z-index:1}
.b5-curtain-host{background:var(--b5-black)!important}

/* ---------- Fotos en tamaño original, texto integrado ---------- */
html.b4-on .editorial-hero-media img,html.b4-on .editorial-closing-media img,html.b4-on .b3-follow-media img,html.b4-on .b3-closing-media img,html.b4-on .vehicle-closing-photo img{transform:none!important;scale:none!important}
.editorial-closing{position:relative!important;padding:0!important;background:var(--b5-black)}
.editorial-closing-media{margin:0!important;height:auto!important;max-height:none!important}
.editorial-closing-media img{display:block;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;aspect-ratio:auto!important}
.editorial-closing>.wrap,.editorial-closing>div:not(.editorial-closing-media){position:absolute!important;left:0;right:0;bottom:0;z-index:2;padding:clamp(28px,4vw,64px) clamp(24px,7vw,140px)!important;background:rgba(8,8,8,.58);color:#f2f0eb;text-align:left!important;max-width:none!important;margin:0!important}
.editorial-closing>.wrap h2,.editorial-closing>div:not(.editorial-closing-media) h2{font-size:clamp(40px,6vw,104px)!important;line-height:.95}
.pc-grid-zone img{object-fit:cover;aspect-ratio:3/2;height:auto!important}
.pc-filterbar{transition:opacity .45s ease,transform .45s ease}
.pc-filterbar.b5-gone{opacity:0;transform:translateY(-100%);pointer-events:none}

/* Duos imagen + texto: integrados */
.editorial-duo{position:relative;display:grid!important;grid-template-columns:1.2fr 1fr!important;gap:0!important;align-items:center}
.editorial-duo>figure{margin:0!important;grid-column:1/3;grid-row:1}
.editorial-duo>figure img{width:100%;height:auto!important;object-fit:contain!important;display:block}
.editorial-duo>div{grid-column:2/3;grid-row:1;align-self:end;position:relative;z-index:2;background:rgba(8,8,8,.74);color:#f2f0eb;padding:clamp(24px,3vw,48px)!important;margin:0 clamp(16px,3vw,48px) clamp(16px,3vw,48px) 0}
.editorial-duo>div .editorial-kicker,.editorial-duo>div p{color:rgba(242,240,235,.82)!important}
.editorial-duo>figure figcaption{position:absolute;left:clamp(16px,2vw,32px);top:clamp(16px,2vw,32px);color:#f2f0eb}

/* ---------- Taller: dial y números ---------- */
.atelier-dial svg path{stroke-width:4!important}
#dialTicks line,#dialTicks path{stroke-width:2.6!important}
#atelierNeedle path{stroke-width:5!important}
#atelierNeedle circle{r:9;stroke-width:3}
#dialNumber{font-size:84px!important;font-weight:300}
.process-tabs button{font-size:18px!important;width:54px!important;height:54px!important}
.craft-list li,.craft-list button{font-size:clamp(28px,2.6vw,44px)!important}
.craft-list [class*="num"],.craft-list small{font-size:16px!important}

/* ---------- Restaurante: carta ---------- */
.b5-menu-wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,4vw,72px);align-items:start}
.b5-menu-photo{position:sticky;top:110px;margin:0;aspect-ratio:4/5;overflow:hidden;background:#d9d6cf}
.b5-menu-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s ease}
.b5-menu-photo img.is-front{opacity:1}
.b5-menu-photo figcaption{position:absolute;left:0;right:0;bottom:0;padding:16px 20px;background:rgba(8,8,8,.62);color:#f2f0eb;font-size:13px;letter-spacing:.12em;text-transform:uppercase;z-index:2}
#cafeMenu .cm-items{padding:8px 0 24px!important}
#cafeMenu .cm-item{padding:18px 16px!important;margin:0 -16px;border-bottom:1px solid rgba(0,0,0,.07);transition:background .3s ease;cursor:default}
#cafeMenu .cm-item:hover,#cafeMenu .cm-item.is-hot{background:rgba(8,8,8,.06)}
#cafeMenu .cm-item .in{font-size:17px!important;letter-spacing:.04em;margin-bottom:6px}
#cafeMenu .cm-item .id{font-size:14px!important;line-height:1.55}

/* ---------- Historia: Rescatar / Reconstruir / Compartir ---------- */
.history-statement.b5-steps{height:300vh;max-width:none!important;padding:0!important}
.history-statement.b5-steps>.b5-steps-sticky{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center;padding:0 clamp(24px,7vw,140px)}
.history-statement.b5-steps h2{font-size:clamp(64px,10.5vw,190px)!important;line-height:.95!important;white-space:normal!important}
.b5-step{display:block;color:rgba(242,240,235,.18);transition:color .6s ease,transform .6s cubic-bezier(.2,.7,.2,1);transform-origin:0 50%}
.b5-on-paper .b5-step{color:rgba(8,8,8,.16)}
.b5-step.is-on{color:#f2f0eb;transform:translateX(clamp(12px,2vw,36px))}
.b5-on-paper .b5-step.is-on{color:#0b0b0b}
.b5-step.is-on::before{content:"";display:inline-block;width:.32em;height:.32em;border-radius:50%;background:var(--b5-red);margin-right:.28em;vertical-align:.18em}

@media (max-width:900px){
  .b5-home #top>.v3-scene-inner,.b5-home #legacy>.v3-scene-inner{grid-template-columns:1fr;align-content:center}
  .b5-home #top .v3-hero-slot{height:34vh}
  .b5-journey-copy{width:auto;right:24px}
  .b5-timeline .v3-era-view figure{width:100%!important}
  .b5-menu-wrap{grid-template-columns:1fr}
  .b5-menu-photo{display:none}
  .editorial-duo>div{grid-column:1/3;grid-row:2;margin:0}
  .editorial-closing>.wrap,.editorial-closing>div:not(.editorial-closing-media){position:relative!important}
  .v3-header-links a{font-size:14px!important}
}
@media (prefers-reduced-motion:reduce){
  .b5-glint.is-lit{animation:none}
  .b5-rise .b5-line>span,.b5-up{transform:none!important;opacity:1!important;transition:none}
}
/* sticky: los contenedores no deben recortar con overflow:hidden */
.b5-home .v3-scene,.b5-home #top,.b5-journey,.b5-home #legacy{overflow:clip!important;overflow-clip-margin:0}
.b5-home #top>.v3-scene-inner,.b5-journey>.b5-sticky,.b5-home #legacy>.v3-scene-inner{overflow:hidden}