/* El Chef (ES /chefsantiago, EN /en/chefsantiago)
   Wix: sección 1 = retrato a todo el ancho, 572 px de alto (foco 49/39 escritorio, 69/34 móvil).
        sección 2 = fondo arena (textura al 50 % + velo rgba(169,146,95,.2)), padding 0,0625 × ancho, con el embed
                    "silv-chef-new" (ES) / "silv-en-chef" (EN).
        bloque "Silvestre El Chef - bloque nueve años y premios" (silv-chef-claim): solo se ve en EN (en ES lo oculta el embed del chef).
        sección 3 = fondo arena con pro-gallery de 12 fotos: masonry de 3 columnas 463/464 px con 25 px de margen en 1440 px
                    (posiciones exactas de Wix), una columna a todo el ancho en móvil. Clic = vista ampliada (fullscreen). */

/* 1. retrato */
.chef-hero{position:relative;height:572px;overflow:hidden;background:var(--carbon)}
.chef-hero img{width:100%;height:100%;object-fit:cover;object-position:49% 39%}

/* 2. bio */
/* En Wix el velo de color va DEBAJO de la textura (blanco → velo → textura al 50 %), con la textura a 1254 px centrada.
   Con el orden global (velo encima) el fondo salía 5-9 niveles más oscuro: medido 223/213/196 contra 228/219/205 de hoy. */
.chef-arena::after{background:rgba(169,146,95,.2);z-index:-3}
.chef-bio{min-height:417px;padding-block:max(.5px,6.25vw)}
.chef-prosa{max-width:828px;padding:10px var(--gutter) 40px}
.chef-prosa h1{font-weight:300;margin:0 0 24px}          /* el embed pide 400, Avenir Light de Wix solo tiene un corte */
.chef-prosa p{margin:0 0 16px}
html[lang="en"] .chef-prosa{padding-top:24px}
html[lang="en"] .chef-prosa h1{margin-bottom:22px}

/* bloque nueve años y premios (EN) */
.chef-claim{background:var(--blanco);padding:8px var(--gutter) 64px;text-align:left}
.chef-claim__in{max-width:760px;margin:0 auto}
.chef-claim__regla{width:48px;height:2px;background:var(--oro-claro);border:0;margin:0 0 28px}
.chef-claim p{color:var(--texto);font-family:var(--f-avenir);font-weight:300;font-size:18px;line-height:1.6;margin:0 0 20px}

/* 3. galería */
.chef-galeria{min-height:730px}
.chef-gal{position:relative;width:100%;aspect-ratio:1440/1698;margin:0;padding:0;list-style:none}
.chef-gal li{position:absolute;left:calc(var(--x) / 1440 * 100%);top:calc(var(--y) / 1698 * 100%);width:calc(var(--w) / 1440 * 100%);height:calc(var(--h) / 1698 * 100%)}
.chef-gal button{position:relative;display:block;width:100%;height:100%;overflow:hidden;cursor:pointer}
.chef-gal img{width:100%;height:100%;object-fit:cover}
.chef-gal button::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.4);opacity:0;transition:opacity .2s}
.chef-gal button:hover::after,.chef-gal button:focus-visible::after{opacity:1}
.chef-gal button:focus-visible{outline:2px solid var(--blanco);outline-offset:-4px}

/* vista ampliada (fullscreen de pro-gallery: fondo blanco, flechas y cerrar en negro) */
.chef-lb{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--blanco);color:var(--negro);overflow:hidden}
.chef-lb::backdrop{background:var(--blanco)}
.chef-lb__img{position:absolute;inset:64px 96px;width:calc(100% - 192px);height:calc(100% - 128px);object-fit:contain}
.chef-lb button{position:absolute;display:flex;align-items:center;justify-content:center;width:48px;height:48px;color:var(--negro)}
.chef-lb button svg{width:22px;height:22px}
.chef-lb__cerrar{top:12px;right:12px}
.chef-lb__prev{left:24px;top:50%;transform:translateY(-50%)}
.chef-lb__next{right:24px;top:50%;transform:translateY(-50%)}
.chef-lb button:focus-visible{outline-color:var(--negro)}
body.chef-lb-abierto{overflow:hidden}

@media (max-width:750px){
  .chef-hero img{object-position:69% 34%}
  .chef-bio{min-height:469px}
  .chef-galeria{min-height:4077px}
  .chef-gal{aspect-ratio:auto;display:flex;flex-direction:column;gap:25px}
  .chef-gal li{position:static;width:100%;height:auto;aspect-ratio:var(--w) / var(--h)}
  .chef-lb__img{inset:64px 0;width:100%;height:calc(100% - 128px)}
  .chef-lb__prev{left:4px}
  .chef-lb__next{right:4px}
}