/* Tinta Comarea · diseño "Archivo" · compartido por Arranque y Negocio
   Acento amarillo = media medida de la foto de perfil de Instagram (confirmar con el logotipo).
   Azul neón = luz del letrero; los controles se mantienen sobrios. */
@font-face{font-family:Archivo;src:url('assets/fonts/archivo-var.ttf') format('truetype');font-weight:100 900;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:Martian;src:url('assets/fonts/martian.ttf') format('truetype');font-weight:100 800;font-display:swap}
:root{--ink:#0d0d0e;--ink-2:#151516;--paper:#e6e6e3;--grey:#a3a39f;--dim:#2a2a2c;--signal:#e9dd68;--neon:#5a5cff;--neon-soft:rgba(90,92,255,.55);--gut:clamp(18px,3.2vw,48px)}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{background:var(--ink);scroll-behavior:smooth;scroll-padding-top:70px;color-scheme:dark;scrollbar-color:#55555a var(--ink)}
body{margin:0;background:var(--ink);color:var(--paper);font:400 17px/1.5 Archivo,Arial,sans-serif;font-stretch:100%;-webkit-font-smoothing:antialiased}
::selection{background:var(--signal);color:#000}
input,textarea,select{caret-color:var(--neon)}
a{color:inherit;text-underline-offset:.2em}
img{display:block;max-width:100%}
:focus-visible{outline:3px solid var(--signal);outline-offset:3px}
.light :focus-visible{outline-color:var(--ink)}
.light ::selection{background:var(--ink);color:var(--signal)}
.mono{font:500 12px/1.45 Martian,ui-monospace,monospace;letter-spacing:.03em;text-transform:uppercase}
.eyebrow{display:block;color:var(--grey);margin:0 0 14px}
.fine{font-size:13.5px;opacity:.78}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:0;background:var(--signal);color:#000;padding:10px 14px;z-index:99}.skip:focus{left:0}

/* aviso de propuesta */
.note{background:var(--paper);color:var(--ink);font-size:12.5px;padding:8px var(--gut);display:flex;justify-content:space-between;gap:16px}
.note a{color:var(--ink);padding:3px 0}

/* cabecera */
.top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:22px;height:56px;padding:0 var(--gut);background:rgba(13,13,14,.95);border-bottom:1px solid var(--dim)}
.brand{padding:14px 0;font:900 15px/1 Archivo;font-stretch:125%;text-transform:uppercase;letter-spacing:-.02em;text-decoration:none;white-space:nowrap}
.clock{margin-right:auto;color:var(--grey);white-space:nowrap}
.top nav{display:flex;align-items:center;gap:clamp(14px,2.2vw,32px);margin-left:auto;font-size:14px;font-stretch:112%;font-weight:600;text-transform:uppercase;letter-spacing:.02em}
@media(max-width:1180px){.clock{display:none}}
.top nav a{text-decoration:none}
.top nav a:not(.cta){padding:12px 0;border-bottom:2px solid transparent}
.top nav a:not(.cta):hover{color:var(--signal)}
.top nav a[aria-current=page]{border-bottom-color:var(--signal)}
.menu{display:none;margin-left:auto;min-height:40px;padding:0 14px;background:none;border:2px solid var(--paper);color:var(--paper);font:700 13px/1 Archivo;font-stretch:112%;text-transform:uppercase;cursor:pointer}
.menu[aria-expanded=true]{background:var(--paper);color:var(--ink)}

/* botones */
.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 20px;background:var(--signal);color:#000;font:700 15px/1 Archivo;font-stretch:112%;text-transform:uppercase;text-decoration:none;border:0;cursor:pointer;transition:background .2s}
.cta:hover{background:var(--paper)}
.top .cta{min-height:40px;padding:0 15px;font-size:13px}
.cta.ghost{background:transparent;color:var(--paper);box-shadow:inset 0 0 0 2px var(--paper)}
.cta.ghost:hover{background:var(--paper);color:var(--ink)}
.light .cta{background:var(--ink);color:#fff}.light .cta:hover{background:var(--signal);color:#000;box-shadow:0 0 0 2px var(--ink)}
.link{display:inline-block;color:var(--signal);font-weight:700;font-stretch:112%;text-transform:uppercase;text-decoration:none;border-bottom:2px solid currentColor;padding:8px 0 3px}
.link:hover{color:var(--paper)}

/* portada con nombre grande */
.hero{padding:clamp(30px,4vw,56px) var(--gut) 0}
.wm{margin:0;font:900 clamp(40px,12.8vw,320px)/.82 Archivo;font-stretch:125%;text-transform:uppercase;letter-spacing:-.045em;white-space:nowrap}
.wm span{display:block}.wm span+span{margin-left:.08em}
.wall{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,3.4fr) minmax(0,3fr);gap:var(--gut);align-items:end;margin-top:clamp(28px,4vw,56px);border-top:1px solid var(--grey);padding:20px 0 0}
.lead{font-size:clamp(19px,1.7vw,25px);line-height:1.28;font-weight:500;font-stretch:104%;margin:0}
.hero-copy{min-width:0;padding-bottom:6px}
.hero-copy .lead{margin:0;max-width:34ch;line-height:1.25}
.hero-work{margin-top:18px;font-size:13px}
.hero-visual{min-width:0;aspect-ratio:3/4;max-height:68vh;align-self:end;margin-bottom:-1px}
.hero-visual img{object-position:50% 50%}
.wall .go{justify-self:end;text-align:right;display:grid;gap:18px;align-self:end;padding-bottom:6px}
.wall .go .mono{color:var(--grey)}
.wall .go .cta{justify-self:end;white-space:nowrap}

/* marco de foto */
.ph{margin:0;position:relative;background:#1b1b1d;overflow:hidden}
.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08)}
.ph figcaption{position:absolute;left:10px;bottom:10px;background:var(--ink);color:var(--paper);padding:5px 8px;z-index:2}

/* secciones */
main,.hero,.proof,.sec,.phead,.foot{background:var(--ink)}
.sec{padding:clamp(60px,8.5vw,128px) var(--gut)}
.sec.tight{padding-top:0}
.sec h2{margin:0 0 clamp(24px,3.6vw,48px);font:800 clamp(26px,3vw,42px)/1 Archivo;font-stretch:112%;text-transform:uppercase;letter-spacing:-.02em}
.sec-h{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:clamp(24px,3.6vw,48px)}.sec-h h2{margin:0}
.big,.sec h2.big{font:900 clamp(26px,5vw,80px)/.92 Archivo;font-stretch:125%;text-transform:uppercase;letter-spacing:-.04em;margin:0 0 20px;overflow-wrap:anywhere;text-wrap:balance}
.light{background:var(--paper);color:var(--ink);color-scheme:light}
.light .eyebrow,.light .mono.muted{color:#4d4d4a}

/* portada de página interior */
.phead{padding:clamp(34px,5vw,72px) var(--gut) clamp(34px,5vw,64px);border-bottom:1px solid var(--dim)}
.crumbs{color:var(--grey);margin:0 0 clamp(20px,3vw,40px)}.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--signal)}
.phead h1{margin:0 0 22px;font:900 clamp(30px,8.4vw,150px)/.88 Archivo;font-stretch:125%;text-transform:uppercase;letter-spacing:-.04em;overflow-wrap:anywhere}
.phead .lead{max-width:46ch}

/* explorador de estilos */
.idx{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:var(--gut);align-items:start}
.list{border-top:1px solid var(--grey)}
.list button{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--grey);color:var(--grey);padding:16px 0 18px;cursor:pointer;font:800 clamp(26px,4.3vw,72px)/.98 Archivo;font-stretch:125%;text-transform:uppercase;letter-spacing:-.04em;overflow-wrap:anywhere;transition:color .2s,padding .25s,box-shadow .25s}
.list button:hover,.list button[aria-pressed=true]{color:var(--paper);padding-left:14px}
.list button[aria-pressed=true] .arr{color:var(--signal)}
.arr{font:600 22px/1 Martian;letter-spacing:0}
.panel{position:sticky;top:78px}
.panel .ph{aspect-ratio:4/5}
.panel p{margin:16px 0 14px;max-width:46ch}

/* galería de trabajos: fotografías de Sara */
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}
.chip{background:none;border:1px solid var(--grey);color:var(--paper);padding:12px 16px;min-height:44px;font:600 14px/1.2 Archivo;text-transform:none;cursor:pointer}
.chip:hover{border-color:var(--paper)}
.chip[aria-pressed=true]{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.gal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,4vw,56px) var(--gut)}
.gal figure{margin:0;min-width:0}
.gal img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;background:#131314;cursor:zoom-in;transition:filter .2s}
.gal img:hover{filter:brightness(1.07)}
.gal .work-wide img{object-fit:contain}
.gal figcaption{margin-top:12px;display:grid;gap:3px}
.work-name{font:700 18px/1.2 Archivo;font-stretch:108%}
.work-style{color:var(--grey);font-size:14px;line-height:1.4}

/* Camino: misma base; el amarillo identifica acciones y la flecha, no una franja */
.band{background:var(--ink);color:var(--paper);border-block:1px solid var(--dim);padding:clamp(48px,7vw,104px) var(--gut)}
.band .eyebrow{color:var(--grey)}
.band .big{max-width:14em}
.band p{max-width:52ch;margin:0 0 24px;font-size:clamp(17px,1.5vw,21px)}
.band-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--gut);align-items:end}
.band .arrow{width:min(100%,260px);justify-self:end;color:var(--signal)}

/* joyería */
.jewels{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:0;border-top:1px solid var(--grey);border-left:1px solid var(--dim)}
.jewel{padding:20px 20px 22px;border-right:1px solid var(--dim);border-bottom:1px solid var(--dim);display:grid;gap:6px;align-content:start;min-height:170px;transition:background .2s}
.jewel b{font:800 clamp(21px,2vw,28px)/1.05 Archivo;font-stretch:112%;text-transform:uppercase;letter-spacing:-.025em}
.jewel small{color:var(--grey);font-size:15px}
.jewel .price{margin-top:auto;padding-top:14px;color:var(--signal);font:700 15px/1 Martian,monospace}
.group-h{margin:clamp(34px,5vw,60px) 0 16px;color:var(--grey)}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gut)}
.card{border:1px solid var(--grey);padding:26px 26px 30px}.card h3{margin:0 0 10px;font:800 24px/1.1 Archivo;font-stretch:112%;text-transform:uppercase;letter-spacing:-.02em}.card p{margin:0 0 16px;max-width:46ch}
.card.hl{border-color:var(--signal)}

/* pasos */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--grey)}
.step{padding:22px 24px 26px 0}.step+.step{padding-left:24px;border-left:1px solid var(--dim)}
.step .mono{color:var(--signal)}
.step b{display:block;margin:34px 0 8px;font:800 clamp(24px,2.6vw,36px)/1.05 Archivo;font-stretch:112%;text-transform:uppercase;letter-spacing:-.02em}
.step p{margin:0;max-width:32ch;color:#cfcfcb}

/* Camino: una nota editorial, no otra portada */
.camino{padding-block:clamp(32px,4.5vw,64px)}
.camino h2{margin:0 0 16px;font:800 clamp(24px,2.6vw,36px)/1.05 Archivo;font-stretch:112%;text-transform:uppercase;letter-spacing:-.02em}
.camino .band-grid{grid-template-columns:minmax(0,1fr) auto}
.camino p{font-size:17px;max-width:65ch;margin-bottom:12px}
.camino .link{font-size:14px}
.camino .arrow{width:clamp(56px,7vw,100px);align-self:center}
@media(max-width:560px){.camino .band-grid{grid-template-columns:minmax(0,1fr)}.camino .arrow{display:none}}


/* FAQ */
.faq{border-top:1px solid var(--grey)}
.faq details{border-bottom:1px solid var(--grey)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:20px 0;font:700 clamp(19px,1.9vw,26px)/1.15 Archivo;font-stretch:108%;letter-spacing:-.015em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:500 26px/1 Martian;color:var(--signal)}
.faq details[open] summary::after{content:"–"}
.faq summary:hover{color:var(--signal)}
.faq p{margin:0 0 22px;max-width:62ch;color:#cfcfcb}
.faq-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--gut)}

/* estudio / fachada */
.studio{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--gut);align-items:start}
.facade{margin:0;border:1px solid var(--dim);background:#080809}
.facade svg{display:block;width:100%;height:auto}
.facade figcaption{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-top:1px solid var(--dim);color:var(--grey)}
.neon-sign{animation:neon-on 1.4s ease-out 1 both}
@keyframes neon-on{0%{opacity:.25}10%{opacity:1}16%{opacity:.5}24%{opacity:1}100%{opacity:1}}
.avatar{width:96px;height:96px;border-radius:50%;object-fit:cover;border:1px solid var(--grey)}
.pending{display:inline-block;border:1px dashed var(--grey);padding:12px 14px;color:var(--grey);margin:0}
.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gut)}

/* dónde estamos */

/* formulario (sección clara) */
.contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(30px,6vw,100px);align-items:start}
.contact h2,.contact .big{max-width:none}
form{display:grid;gap:20px}
label,.lg{display:block;font:600 13px/1.3 Martian,monospace;text-transform:uppercase;letter-spacing:.03em}
select,textarea,input[type=text]{display:block;width:100%;margin-top:8px;font:400 17px/1.4 Archivo;color:var(--ink);background:#fff;border:0;border-bottom:2px solid var(--ink);padding:13px 12px;border-radius:0}
textarea{min-height:130px;resize:vertical;border:2px solid var(--ink)}
fieldset{border:0;margin:0;padding:0}
.opts{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.opts label{margin:0;font:600 14px/1 Archivo;text-transform:none;letter-spacing:0}
.opts input{position:absolute;opacity:0}
.opts span{display:inline-block;border:1px solid var(--ink);padding:12px 14px;background:#fff;cursor:pointer}
.opts input:checked+span{background:var(--ink);color:var(--signal)}
.opts input:focus-visible+span{outline:3px solid var(--ink);outline-offset:3px}
.out{border:1px solid var(--ink);padding:18px;min-height:56px;background:#fff}
.out p{margin:3px 0;overflow-wrap:anywhere}
.out .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.row-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.optional{color:#51514e;font-size:12px;font-weight:400;text-transform:none;letter-spacing:0}
.direct-contact{margin:26px 0 0;font-size:15px;max-width:36ch}
.direct-contact a{display:inline-block;font-weight:600;min-height:36px;padding-block:6px}
.form-details{border-top:1px solid #8b8b87;padding-top:18px}
.form-details summary{cursor:pointer;font:600 16px/1.5 Archivo}
.detail-fields{display:grid;gap:20px;margin-top:20px}
.detail-fields .row-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.form-actions .fine{margin:10px 0 0;color:#454542;opacity:1}
.out .fine{color:#454542;opacity:1}
.out .cta.secondary{background:transparent;color:var(--ink);border:1px solid var(--ink)}
.out .cta.secondary:hover{background:var(--paper)}

.closing-cta{border-top:1px solid var(--dim)}
.cta-row{display:grid;grid-template-columns:minmax(0,1.4fr) auto;gap:var(--gut);align-items:end}
.cta-row .big{margin:0 0 12px}.cta-row p{margin:0;max-width:44ch;font-size:19px}
.chips a.chip{text-decoration:none;display:inline-block}
.pagelinks{display:flex;gap:24px;flex-wrap:wrap;align-items:center}
/* pie */
.foot{border-top:1px solid var(--dim);padding:clamp(34px,5vw,64px) var(--gut) 26px}
.foot-grid{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:var(--gut)}
.foot-grid>div{min-width:0}
.foot p{overflow-wrap:anywhere}
.foot h3{margin:0 0 12px;font:600 12px/1.2 Martian;text-transform:uppercase;color:var(--grey)}
.foot p,.foot ul{margin:0;padding:0;list-style:none}.foot li{margin:0 0 4px}
.foot a{display:inline-block;padding:3px 0}
.foot .brand-row{display:flex;gap:16px;align-items:center;margin-bottom:12px}
.foot-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:clamp(30px,4vw,56px);padding-top:18px;border-top:1px solid var(--dim);font-size:14px;color:var(--grey)}

/* móvil y tablet */
@media(max-width:900px){
 .clock{display:none}
 html.js .menu{display:inline-flex;align-items:center}
 html.js .top nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--ink);border-bottom:1px solid var(--grey);padding:6px var(--gut) 22px}
 html.js .top nav.open{display:flex}
 .top nav a:not(.cta){padding:15px 0;border-bottom:1px solid var(--dim);font-size:16px}
 .top nav .cta{margin-top:16px;min-height:48px}
 html:not(.js) .top{height:auto;flex-wrap:wrap;padding-block:12px}
 .note span:last-child{display:none}
 .wall{grid-template-columns:minmax(0,1fr);gap:24px}
 .hero-copy{order:0;padding-bottom:0;max-width:48ch}
 .wall .go{order:1;display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px;justify-self:stretch;text-align:left;padding-bottom:0}
 .wall .go .cta{order:0}.wall .go .mono{order:1}
 .hero-visual{order:2;aspect-ratio:4/5;max-height:none}
 .idx,.contact,.studio,.faq-wrap,.band-grid{grid-template-columns:1fr}
 .idx{gap:22px}
 .idx .list{display:flex;gap:20px;overflow-x:auto;border-top:0;border-bottom:1px solid var(--grey);scrollbar-width:thin}
 .idx .list button{flex:0 0 auto;width:auto;min-height:48px;font-size:16px;line-height:1.3;letter-spacing:0;padding:12px 2px;border-bottom:2px solid transparent}
 .idx .list button:hover,.idx .list button[aria-pressed=true]{padding-left:2px}
 .idx .list button[aria-pressed=true]{border-bottom-color:var(--signal);box-shadow:none}
 .idx .list .arr{display:none}
 .panel{position:relative;top:0;order:initial}
 .gal,.trio{grid-template-columns:repeat(2,minmax(0,1fr))}
 .steps,.cards,.visit{grid-template-columns:1fr}
 .cta-row{grid-template-columns:1fr}
 .step,.step+.step{padding:20px 0;border-left:0;border-top:1px solid var(--dim)}.step:first-child{border-top:0}.step b{margin-top:14px}
 .foot-grid{grid-template-columns:1fr 1fr}
 .list button{font-size:clamp(22px,7.4vw,52px)}
 .band .arrow{justify-self:start}
}
@media(max-width:560px){
 .gal,.trio,.row-2,.foot-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.neon-sign{animation:none}}

/* visor */
.lb{border:0;padding:0;background:rgba(5,5,6,.96);color:var(--paper);width:100vw;height:100vh;max-width:none;max-height:none;margin:0}
.lb[open]{display:grid;place-items:center}
.lb::backdrop{background:rgba(0,0,0,.9)}
.lb img{max-width:min(90vw,1000px);max-height:calc(100svh - 150px);width:auto;height:auto;object-fit:contain}
.lb-title{position:absolute;top:18px;left:22px;right:86px;margin:0;font:700 20px/1.25 Archivo}
.lb button{position:absolute;background:none;border:2px solid var(--grey);color:var(--paper);width:48px;height:48px;font:700 22px/1 Archivo;cursor:pointer}
.lb button:hover,.lb button:focus-visible{border-color:var(--paper);background:var(--ink-2)}
.lb-x{top:16px;right:16px}.lb-p{left:16px;top:50%;transform:translateY(-50%)}.lb-s{right:16px;top:50%;transform:translateY(-50%)}
.lb-c{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);color:var(--grey)}
@media (max-width:640px){.lb-p,.lb-s{top:auto;bottom:12px;transform:none}.lb-p{left:16px}.lb-s{right:16px}}


/* prueba social: reseñas justo debajo de la portada */
.proof{border-top:1px solid var(--grey);border-bottom:1px solid var(--dim);padding:clamp(22px,2.6vw,36px) var(--gut) clamp(30px,3.6vw,52px)}
.proof-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;padding-top:12px;border-top:1px solid var(--dim)}
.google-rating{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:4px 0;text-decoration:none;font:600 15px/1 Archivo}
.google-rating:hover{color:var(--signal)}
.google-rating img{width:18px;height:18px}
.star{width:14px;height:14px;fill:var(--signal)}
.proof-nav{display:flex;gap:8px}
.proof-nav[hidden]{display:none}
.proof-nav button{width:44px;height:44px;background:none;border:2px solid var(--grey);color:var(--paper);font:700 18px/1 Archivo;cursor:pointer}
.proof-nav button:hover:not(:disabled),.proof-nav button:focus-visible{border-color:var(--paper)}
.proof-nav button:disabled{opacity:.35;cursor:default}
.track{display:flex;gap:var(--gut);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.track::-webkit-scrollbar{display:none}
.track blockquote{flex:0 0 calc((100% - 2*var(--gut))/3);scroll-snap-align:start;margin:0;padding-top:16px;border-top:1px solid var(--dim)}
.track blockquote p{margin:0 0 16px;font:700 clamp(21px,2vw,30px)/1.26 Archivo;font-stretch:108%;letter-spacing:-.02em;text-wrap:balance}
.track cite{font-style:normal;color:var(--grey)}
@media(max-width:1000px){.track blockquote{flex-basis:calc((100% - var(--gut))/2)}}
@media(max-width:640px){.track blockquote{flex-basis:100%}.jewel{min-height:135px}.band .arrow{width:120px}}

/* pantalla de elección de versión */
.pick{min-height:100svh;display:grid;align-content:center;justify-items:start;gap:22px;padding:var(--gut);max-width:980px;margin:0 auto}
.pick h1{margin:0;font:900 clamp(36px,7vw,84px)/.9 Archivo;font-stretch:125%;text-transform:uppercase;letter-spacing:-.04em}
.pick .lead{max-width:40ch;color:#cfcfcb}
.pick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gut);width:100%;margin-top:10px}
.pick-card{display:grid;gap:10px;align-content:space-between;min-height:190px;padding:22px;border:1px solid var(--grey);text-decoration:none;transition:border-color .2s,box-shadow .25s}
.pick-card:hover,.pick-card:focus-visible{border-color:var(--paper)}
.pick-card b{font:900 clamp(26px,3vw,40px)/1 Archivo;font-stretch:125%;text-transform:uppercase;letter-spacing:-.03em}
.pick-card span:not(.link){color:#cfcfcb;max-width:30ch}
.pick-card .link{justify-self:start}
@media(max-width:640px){.pick-grid{grid-template-columns:1fr}}

/* Visita: ubicación real a la izquierda, horario y contacto a la derecha */
.location{border-top:1px solid var(--dim)}
.location-head{margin-bottom:clamp(24px,3vw,40px)}
.sec h2.address-title{margin:0;font:800 clamp(26px,3vw,46px)/1.05 Archivo;font-stretch:112%;letter-spacing:-.03em;text-transform:uppercase}
.location-town{margin:10px 0 0;color:var(--grey);font-size:17px}
.location-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(28px,4vw,64px)}
.location-map{margin:0;min-width:0;display:flex;flex-direction:column;border:1px solid var(--dim);background:var(--ink-2)}
.location-map iframe{display:block;flex:1;width:100%;min-height:360px;border:0;color-scheme:light}
.location-map figcaption{padding:8px 16px 14px;border-top:1px solid var(--dim)}
.location-map figcaption .link{font-size:14px;min-height:40px}
.location-info{min-width:0}
.location-info h3{margin:0 0 20px;font:700 18px/1.3 Archivo}
.hours{margin:0;display:grid;grid-template-columns:minmax(110px,1fr) minmax(0,1.6fr);border-top:1px solid var(--grey);column-gap:20px}
.hours dt,.hours dd{margin:0;padding:18px 0;border-bottom:1px solid var(--dim)}
.hours dt{font-weight:600}
.hours dd{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:5px 16px;text-align:right;font-variant-numeric:tabular-nums}
.hours dd span{white-space:nowrap}
@media(max-width:1150px){.hours dd{grid-template-columns:1fr;justify-items:end}}
@media(min-width:601px) and (max-width:900px){.hours dd{grid-template-columns:repeat(2,minmax(0,1fr));justify-items:stretch}}
.visit-contact{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:24px;margin-top:34px}
.visit-contact h3{font-size:14px;font-weight:500;color:var(--grey);margin-bottom:8px}
.tel{font:800 clamp(23px,2.3vw,36px)/1.2 Archivo;font-stretch:112%;letter-spacing:-.02em;text-decoration:none;color:var(--paper);white-space:nowrap}
.tel:hover{color:var(--signal)}
@media(max-width:900px){.location-grid{grid-template-columns:minmax(0,1fr);gap:32px}.location-map iframe{flex:none;height:320px;min-height:320px}}
@media(max-width:440px){.hours{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:14px}.hours dt,.hours dd{padding-block:15px}}