/* 100% Chef · ficha propia (prefijo c1-) · 12-nov-2026 */
body.c1{--c1-paper:#f6f4f0;--c1-ink:#1a1816;--c1-card:#151413}
.c1 main{overflow-x:clip}
.c1 .label{color:var(--gold)}
.c1-wrap{max-width:var(--max);margin:0 auto;padding:clamp(64px,8vw,112px) var(--pad)}
.c1-h2{margin:0 0 18px;font-family:var(--serif);font-weight:400;font-size:clamp(2rem,3.4vw,2.9rem);line-height:1.08;color:var(--cream);text-wrap:balance}
.c1-p{margin:0;max-width:54ch;font-size:17px;line-height:1.65;color:rgba(245,240,230,.78)}
.c1-nota{margin:18px 0 0;font-size:14px;line-height:1.55;color:rgba(245,240,230,.6)}
.c1-ghost{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 4px;background:none;border:0;border-bottom:1px solid rgba(245,240,230,.35);color:var(--cream);font:600 12px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;cursor:pointer}
.c1-ghost:hover,.c1-ghost:focus-visible{border-color:var(--gold)}
.c1-hd{display:grid;gap:12px 48px;align-items:end;margin-bottom:32px}
@media(min-width:900px){.c1-hd{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.c1-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* portada: texto + composición de tres fotos */
.c1-hero{display:grid;max-width:var(--max);margin:0 auto;padding:calc(var(--nav-h) + 8px) var(--pad) 0;align-items:center}
.c1-hero-tx{padding:28px 0 36px}
.c1-h1{margin:0 0 20px;font-family:var(--serif);font-weight:400;font-size:clamp(2.6rem,5.2vw,4.4rem);line-height:1.02;color:var(--cream)}
.c1-h1 em{font-style:italic;color:var(--gold)}
.c1-lead{margin:0;max-width:46ch;font-size:clamp(1.05rem,1.4vw,1.2rem);line-height:1.6;color:rgba(245,240,230,.82)}
.c1-acts{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:30px;align-items:center}
.c1-zona{margin:16px 0 0;font-size:14px;color:rgba(245,240,230,.62)}
.c1-mos{position:relative;margin:0;display:grid;grid-template-columns:3fr 2fr;grid-template-rows:1fr 1fr;gap:10px;aspect-ratio:5/4}
.c1-mos figure{margin:0;overflow:hidden;border-radius:2px;position:relative}
.c1-mos figure:first-child{grid-row:span 2}
.c1-mos img{width:100%;height:100%;object-fit:cover;display:block}
.c1-mos figcaption{position:absolute;left:10px;bottom:10px;padding:6px 9px;border-radius:2px;background:rgba(14,13,12,.72);backdrop-filter:blur(4px);font:500 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#fff}
@media(max-width:899px){.c1-hero-tx{padding:20px 0 28px}.c1-mos{aspect-ratio:16/11;gap:6px}}
@media(min-width:900px){.c1-hero{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(40px,6vw,88px);min-height:min(88svh,820px)}.c1-mos{aspect-ratio:auto;height:min(72svh,640px)}}


/* técnicas: carril */
.c1-tec{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,62%);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 calc(var(--pad)*-1);padding:0 var(--pad) 6px}
.c1-tec::-webkit-scrollbar{display:none}
.c1-tec li{scroll-snap-align:start}
@media(min-width:700px){.c1-tec{grid-auto-columns:minmax(220px,38%)}}
@media(min-width:1100px){.c1-tec{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-columns:auto;overflow:visible;margin:0;padding:0;gap:16px}}
.c1-t{position:relative;display:block;width:100%;aspect-ratio:4/5;padding:0;border:0;border-radius:2px;overflow:hidden;background:var(--c1-card);color:#fff;text-align:left;cursor:pointer}
.c1-t img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.c1-t::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,13,12,0) 45%,rgba(14,13,12,.86) 100%)}
.c1-t-tx{position:absolute;z-index:1;left:16px;right:16px;bottom:16px}
.c1-t-v{display:block;font:400 clamp(1.5rem,2.2vw,1.9rem)/1.1 var(--serif)}
.c1-t-m{display:block;margin-top:6px;font-size:14px;color:rgba(255,255,255,.82)}
.c1-t-m::after{content:" →"}
@media(hover:hover){.c1-t:hover img{transform:scale(1.04)}}
.c1-t:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* explorador */
.c1-bar{position:sticky;top:var(--nav-h);z-index:5;display:grid;gap:10px;margin:0 calc(var(--pad)*-1) 24px;padding:8px var(--pad);background:linear-gradient(#0e0d0c 85%,rgba(14,13,12,0))}
@media(min-width:900px){.c1-bar{grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:16px}.c1-bar .c1-q{order:2}.c1-chip{min-height:42px;padding:0 14px;font-size:14px}}
@media(max-width:699px){.c1-bar{position:static;background:none}}
.c1-q input{width:100%;box-sizing:border-box;min-height:48px;padding:0 16px;border:1px solid var(--line);border-radius:4px;background:rgba(245,240,230,.04);color:var(--cream);font:16px/1.4 var(--sans)}
.c1-q input:focus{outline:none;border-color:var(--gold)}
.c1-chips{display:flex;flex-wrap:wrap;gap:8px;padding:2px 0}
.c1-chips::-webkit-scrollbar{display:none}
.c1-chip{flex:none;min-height:44px;padding:0 15px;border:1px solid var(--line);border-radius:999px;background:none;color:rgba(245,240,230,.82);font:500 15px/1 var(--sans);cursor:pointer;white-space:nowrap}
.c1-chip span{display:none}
.c1-chip[aria-pressed="true"]{background:var(--cream);border-color:var(--cream);color:var(--c1-ink)}
.c1-chip:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.c1-empty{margin:8px 0 24px;font-size:17px;color:rgba(245,240,230,.8)}
.c1-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}
@media(min-width:700px){.c1-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 20px}}
@media(min-width:1100px){.c1-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.c1-c{position:relative}.c1-c[hidden]{display:none}
.c1-c-ph{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:2px;background:#fff}
.c1-c-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .45s ease,transform .6s ease}
.c1-c-m{opacity:0}
@media(hover:hover){.c1-c.has-m:hover .c1-c-m{opacity:1}.c1-c.has-m:hover .c1-c-r{opacity:0}.c1-c:not(.has-m):hover .c1-c-r{transform:scale(1.03)}}
.c1-c-b{display:block;width:100%;padding:14px 0 0;border:0;background:none;text-align:left;color:inherit;cursor:pointer}
.c1-c-b::after{content:"";position:absolute;inset:0}
.c1-c-b:focus-visible{outline:none}.c1-c:has(.c1-c-b:focus-visible) .c1-c-ph{outline:2px solid var(--gold);outline-offset:3px}
.c1-c-k{display:block;margin-bottom:6px;font:600 11px/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-soft,#caa15a)}
.c1-c-n{display:block;font:400 clamp(1.15rem,1.6vw,1.35rem)/1.25 var(--serif);color:var(--cream)}
.c1-c:hover .c1-c-n{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.c1-c-t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:6px;font-size:15px;line-height:1.5;color:rgba(245,240,230,.74)}
@media(max-width:699px){.c1-c-t{font-size:14px;-webkit-line-clamp:2}.c1-c-n{font-size:1.1rem}}
.c1-more{margin:44px 0 0;max-width:64ch;font:italic 400 17px/1.55 var(--serif);color:rgba(245,240,230,.72)}


/* cómo pedir */
.c1-how{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(245,240,230,.025)}
.c1-steps{list-style:none;counter-reset:s;margin:24px 0 0;padding:0;display:grid}
.c1-steps li{counter-increment:s;display:grid;grid-template-columns:auto 1fr;gap:4px 20px;padding:20px 0;border-top:1px solid var(--line)}
.c1-steps li::before{content:"0" counter(s);grid-row:span 2;font:italic 400 2.2rem/1 var(--serif);color:var(--gold)}
.c1-steps b{font:400 1.3rem/1.3 var(--serif);color:var(--cream)}
.c1-steps span{font-size:16px;line-height:1.55;color:rgba(245,240,230,.75)}
@media(min-width:900px){.c1-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.c1-steps li{grid-template-columns:1fr;border-top:0;padding:0;align-content:start}.c1-steps li::before{grid-row:auto;margin-bottom:10px}}
.c1-faq{margin-top:clamp(40px,5vw,64px);max-width:820px;border-top:1px solid var(--line)}
.c1-faq details{border-bottom:1px solid var(--line)}
.c1-faq summary{display:flex;justify-content:space-between;gap:16px;min-height:56px;align-items:center;padding:14px 0;font-size:18px;line-height:1.4;color:var(--cream);cursor:pointer;list-style:none}
.c1-faq summary::-webkit-details-marker{display:none}
.c1-faq summary::after{content:"+";font:300 26px/1 var(--sans);color:var(--gold);transition:transform .2s}
.c1-faq details[open] summary::after{transform:rotate(45deg)}
.c1-faq p{margin:0 0 20px;max-width:64ch;font-size:16px;line-height:1.65;color:rgba(245,240,230,.75)}

/* catálogos por capítulos */
.c1-pdfs{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}
@media(min-width:700px){.c1-pdfs{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}}
@media(min-width:1100px){.c1-pdfs{grid-template-columns:repeat(5,minmax(0,1fr))}}
.c1-pdf{display:block;color:inherit;text-decoration:none}
.c1-pdf-cv{display:block;aspect-ratio:10/7;margin:0 -6% 6px;overflow:hidden}
.c1-pdf-cv img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 78%;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.c1-pdf:hover .c1-pdf-cv img,.c1-pdf:focus-visible .c1-pdf-cv img{transform:translateY(-6px)}
.c1-pdf:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.c1-pdf-n{display:block;font:italic 400 14px/1 var(--serif);color:var(--gold)}
.c1-pdf-t{display:block;margin-top:6px;font:400 1.2rem/1.25 var(--serif);color:var(--cream)}
.c1-pdf-d{display:block;margin-top:4px;font-size:14px;line-height:1.45;color:rgba(245,240,230,.7)}
.c1-pdf-s{display:block;margin-top:8px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(245,240,230,.55)}

/* ficha (diálogo) */
.c1-dlg{padding:0;border:0;max-width:min(1080px,94vw);width:100%;max-height:92svh;background:var(--c1-card);color:var(--cream);border-radius:3px}
.c1-dlg::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(3px)}
.c1-dlg-in{display:grid;position:relative}
@media(min-width:860px){.c1-dlg-in{grid-template-columns:minmax(0,11fr) minmax(0,9fr)}}
.c1-dlg-x{position:absolute;right:10px;top:10px;z-index:2;width:44px;height:44px;border:0;border-radius:50%;background:rgba(14,13,12,.75);color:#fff;font-size:26px;line-height:1;cursor:pointer}
.c1-dlg-ph{background:#0b0a09}
.c1-dlg-img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain}
.c1-dlg-th{display:flex;gap:6px;padding:8px;overflow-x:auto}
.c1-dlg-th button{flex:none;width:64px;height:64px;padding:0;border:2px solid transparent;border-radius:2px;background:none;cursor:pointer;overflow:hidden}
.c1-dlg-th button[aria-current="true"]{border-color:var(--gold)}
.c1-dlg-th img{width:100%;height:100%;object-fit:cover}
.c1-dlg-tx{padding:clamp(24px,3vw,40px)}
.c1-dlg-t{margin:0 0 18px;font-size:17px;line-height:1.6;color:rgba(245,240,230,.82)}
.c1-spec{margin:6px 0 24px;border-top:1px solid var(--line)}
.c1-spec div{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:16px;line-height:1.45}
.c1-spec dt{color:rgba(245,240,230,.6)}.c1-spec dd{margin:0;color:var(--cream)}
.c1-dlg-acts{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center}
@media(max-width:859px){.c1-dlg{max-width:100vw;max-height:94svh;margin:auto 0 0;border-radius:12px 12px 0 0}.c1-dlg-img{aspect-ratio:4/3}}

/* bandeja de consulta */
.c1-tray{position:fixed;left:50%;bottom:16px;z-index:60;transform:translateX(-50%);display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap;justify-content:center;width:min(720px,calc(100vw - 24px));padding:12px 14px 12px 20px;border-radius:4px;background:rgba(21,20,19,.96);border:1px solid var(--line);box-shadow:0 20px 40px rgba(0,0,0,.45)}
.c1-tray[hidden]{display:none}
.c1-tray-t{flex:1 1 220px;margin:0;font-size:15px;line-height:1.4;color:var(--cream)}
.c1-tray .btn-gold{padding:13px 20px}
.c1-tray-fo,.c1-tray-x{min-height:44px;padding:0 6px;border:0;background:none;color:var(--cream);font-size:14px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.c1-tray-x{color:rgba(245,240,230,.7)}
body.c1 .cc-wa{transition:transform .3s}
body.c1.c1-has-tray .cc-wa{transform:translateY(-96px)}
body.c1:has(.cc-bnr) .c1-tray{bottom:calc(var(--cc-bnr-h,0px) + 12px)}
body.c1.c1-has-tray .cdlc{display:none !important}
@media(max-width:699px){.c1-tray{bottom:10px;padding:12px}.c1-tray-t{flex-basis:100%;text-align:center}body.c1.c1-has-tray .cc-wa{opacity:0;pointer-events:none;transform:none}}
@media(prefers-reduced-motion:reduce){.c1-c-ph img,.c1-t img,.c1-pdf-cv img,.c1-faq summary::after{transition:none}}

/* 12 primero; el resto con un toque */
.c1-grid.c1-lim .c1-c:nth-child(n+13){display:none}
.c1-all{display:flex;justify-content:center;margin:36px 0 0}
.c1-all[hidden]{display:none}
.c1-all button{min-height:52px;padding:0 28px;border:1px solid rgba(245,240,230,.35);border-radius:999px;background:none;color:var(--cream);font:600 13px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.c1-all button:hover,.c1-all button:focus-visible{border-color:var(--gold);color:#fff}

