/* Fase 3 — añadidos sobre mh.css */
html{scroll-padding-top:0}
.hero__media{background:#050403}
.hero__media picture,.hero__media img{display:block;width:100%;height:100%}
.hero__media img{object-fit:cover;object-position:34% center}
@media (max-width:760px){.hero__media img{object-position:50% 40%}}

/* Header: selectores */
.header__inner{flex-wrap:nowrap}
.prefs{display:flex;gap:8px;margin-left:auto;align-items:center}
.seg{display:inline-flex;border:1px solid rgba(217,195,165,.4);border-radius:999px;overflow:hidden}
.seg button{background:none;border:0;color:var(--beige);font:600 .72rem/1 var(--sans);letter-spacing:.06em;padding:0 10px;min-height:40px;min-width:40px;cursor:pointer}
.seg button[aria-pressed=true]{background:var(--copper);color:#fff}
.seg button:not([aria-pressed=true]):hover{background:rgba(250,245,236,.12)}
.logo img{height:46px;width:auto;max-width:none}
@media (max-width:420px){
 .header__inner{gap:8px;padding-left:12px;padding-right:12px}
 .logo img{height:36px}
 .prefs{gap:5px}
 .seg button{padding:0 7px;min-width:34px;font-size:.68rem}
 .nav-toggle{width:42px;height:42px}
 .nav-toggle span{left:10px;right:10px}
}
@media (max-width:860px){.nav a{font-size:.9rem}}
.nav a{white-space:nowrap}
@media (max-width:1040px) and (min-width:861px){.nav{gap:16px}.nav a{font-size:.74rem}}

/* Tarjetas: fotos 4:3, sin recortes agresivos */
.tarjeta-servicio__foto,.tarjeta-reserva__foto img{aspect-ratio:4/3}
.nombre-es{font:italic .95rem var(--serif);color:var(--copper-2);margin:-2px 0 6px}
.tarjeta-servicio__desc{font-size:.92rem;color:var(--muted)}
.dchips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}
.dchip{border:1.5px solid rgba(44,28,19,.28);background:#fff;color:var(--cacao);border-radius:999px;font:600 .82rem/1 var(--sans);min-height:40px;padding:0 14px;cursor:pointer}
.dchip[aria-checked=true]{background:var(--cacao);color:var(--ivory);border-color:var(--cacao)}
.tarjeta-reserva__meta{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin:10px 0 12px;font-size:.92rem;color:var(--muted);border-top:1px solid rgba(44,28,19,.12);padding-top:10px}
.mas{margin:0 0 14px;border:1px solid rgba(44,28,19,.14);border-radius:12px;background:var(--ivory)}
.mas summary{cursor:pointer;list-style:none;padding:12px 14px;font:600 .88rem var(--sans);color:var(--cacao);min-height:44px;display:flex;align-items:center;justify-content:space-between}
.mas summary::-webkit-details-marker{display:none}
.mas summary::after{content:"+";font-size:1.3rem;line-height:1;color:var(--copper-2)}
.mas[open] summary::after{content:"–"}
.mas__cuerpo{padding:0 14px 14px;font-size:.9rem}
.mas__cuerpo ul{margin:0 0 10px;padding-left:18px}.mas__cuerpo li{margin-bottom:4px}
.mas__tit{font:700 .72rem var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--copper-2);margin:10px 0 6px}
.zonas{width:100%;border-collapse:collapse;font-size:.88rem}.zonas td{padding:5px 0;border-bottom:1px solid rgba(44,28,19,.1)}.zonas td:last-child{text-align:right;white-space:nowrap;font-weight:600}
.tarjeta-reserva .btn{margin-top:auto}
@media (max-width:620px){
 .tarjeta-reserva{flex-direction:column}
 .tarjeta-reserva__foto{flex:none}.tarjeta-reserva__foto img{height:auto;aspect-ratio:4/3}
 .tarjeta-reserva__cuerpo{padding:16px}
 .tarjeta-reserva__titulo{font-size:1.2rem}
 .tarjeta-reserva__desc{font-size:.9rem;display:block;-webkit-line-clamp:unset;overflow:visible}
 .tarjeta-reserva .btn{font-size:.9rem;padding:12px;min-height:48px}
 .rejilla-servicios{gap:18px}
}
.cat{scroll-margin-top:120px}
#catalogo{scroll-margin-top:62px}
.catalogo__cab{padding-top:46px}
.catalogo__cab h2{margin-bottom:6px}
.fx-note{font-size:.84rem;color:var(--muted);max-width:760px}

/* Comparativa */
.compara{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px}
.compara article{background:#fff;border-radius:var(--r);padding:20px;box-shadow:0 8px 26px rgba(44,28,19,.08);border-top:3px solid var(--copper)}
.compara h3{margin-bottom:6px}.compara p{font-size:.92rem;color:var(--muted);margin-bottom:.6em}
.compara .k{font:700 .7rem var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--copper-2);display:block;margin-top:10px}
@media (max-width:860px){.compara{grid-template-columns:1fr}}
.extras{margin:36px 0 0;background:var(--beige);border-radius:var(--r);padding:22px}
.extras ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:8px 28px}
.extras li{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(44,28,19,.12);padding:6px 0}
.extras em{font-size:.78rem;color:var(--muted)}
@media (max-width:560px){.extras ul{grid-template-columns:1fr}}

/* Guía */
.guia{background:var(--beige)}
.guia--compacta{padding:48px 0 40px}
.guia__app{background:#fff;border-radius:22px;padding:clamp(18px,4vw,36px);box-shadow:0 14px 40px rgba(44,28,19,.1);max-width:900px;margin:0 auto}
.guia__top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;min-height:44px}
.guia__step{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600}
.guia__bar{height:5px;background:rgba(44,28,19,.1);border-radius:9px;overflow:hidden;margin-bottom:22px}
.guia__bar i{display:block;height:100%;background:var(--copper);border-radius:9px;transition:width .3s}
.guia__q{font-size:clamp(1.3rem,3.6vw,1.8rem);margin-bottom:16px;outline:0}
.guia__hint,.guia__fine{color:var(--muted);font-size:.9rem}
.guia__back,.guia__link{background:none;border:0;color:var(--copper-2);font:600 .92rem var(--sans);cursor:pointer;min-height:44px;padding:0 6px;text-decoration:underline;text-underline-offset:3px;display:inline-flex;align-items:center}
.guia__back{text-decoration:none;border:1.5px solid rgba(44,28,19,.25);border-radius:999px;padding:0 18px;color:var(--cacao)}
.guia__back:hover{background:var(--cacao);color:var(--ivory)}
.gopts{display:grid;gap:10px}
.gopts--row{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
.gopt{display:flex;align-items:center;gap:14px;text-align:left;width:100%;min-height:58px;padding:12px 18px;border:1.5px solid rgba(44,28,19,.2);background:var(--ivory);border-radius:14px;font:600 1rem/1.3 var(--sans);color:var(--cacao);cursor:pointer;transition:border-color .2s,background .2s}
.gopts--row .gopt{justify-content:center;text-align:center}
.gopt:hover{border-color:var(--copper)}
.gopt.is-sel{background:var(--cacao);color:var(--ivory);border-color:var(--cacao)}
.gopt__ic{color:var(--copper);font-size:1.1rem;flex:none;width:22px;text-align:center}
.guia__next{margin-top:18px;text-align:right}
.guia__res{display:grid;gap:16px;margin-top:14px}
.rec{display:grid;grid-template-columns:200px 1fr;gap:18px;border:1.5px solid rgba(44,28,19,.14);border-radius:18px;overflow:hidden;background:var(--ivory)}
.rec--best{border-color:var(--copper);box-shadow:0 8px 24px rgba(184,105,60,.15)}
.rec__img img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.rec__body{padding:16px 18px 18px 0}
.rec__body h4{font:500 1.35rem var(--serif);margin:0 0 2px}
.rec__badge{display:inline-block;background:var(--copper);color:#fff;font:700 .68rem var(--sans);letter-spacing:.14em;text-transform:uppercase;padding:5px 10px;border-radius:999px;margin-bottom:6px}
.rec__tag{font-size:.85rem;color:var(--copper-2);font-weight:600;margin-bottom:8px}
.rec__why{font-size:.92rem;margin-bottom:8px}
.rec__price{display:flex;gap:12px;align-items:baseline;margin-bottom:6px}.rec__price strong{font:700 1.2rem var(--serif);color:var(--copper-2)}
.rec__note,.rec__all{font-size:.82rem;color:var(--muted);margin-bottom:8px}
.rec__cta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:10px}.rec__cta .btn{width:auto;min-width:220px}
@media (max-width:640px){
 .rec{grid-template-columns:1fr;gap:0}.rec__body{padding:16px}.rec__cta .btn{width:100%}
 .guia__next{text-align:center}.guia__next .btn{width:100%}
}

/* Ubicación */
.ubicacion__links{max-width:none;display:flex;flex-wrap:wrap;gap:10px}
.ubicacion__links .btn{width:auto;flex:1 1 200px}
.btn--outline{border-color:var(--cacao);color:var(--cacao);background:transparent}.btn--outline:hover{background:var(--cacao);color:var(--ivory)}
.footer__note{max-width:640px;margin:10px auto;font-size:.8rem;opacity:.85}
.footer__links a{min-height:40px;display:inline-flex;align-items:center}

/* Trabaja con nosotros */
.form-job{display:grid;gap:16px;max-width:680px;background:#fff;border-radius:22px;padding:clamp(20px,4vw,36px);box-shadow:0 14px 40px rgba(44,28,19,.1)}
.form-job .fila{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-job label{display:grid;gap:6px;font:600 .88rem var(--sans);color:var(--cacao)}
.form-job input,.form-job select{font:400 1rem var(--sans);padding:12px 14px;border:1.5px solid rgba(44,28,19,.25);border-radius:12px;background:var(--ivory);min-height:48px;width:100%}
.form-job .fecha{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:10px}
.form-job fieldset{border:0;padding:0;margin:0}.form-job legend{font:600 .88rem var(--sans);color:var(--cacao);margin-bottom:6px}
.form-job .req{color:var(--copper-2)}
.form-job .ayuda{font-size:.82rem;color:var(--muted);margin:0}
.form-job .btn{width:100%}
.aviso{border-left:3px solid var(--copper);padding:10px 16px;background:var(--beige);border-radius:0 12px 12px 0;font-size:.9rem;margin:0}
@media (max-width:560px){.form-job .fila{grid-template-columns:1fr}.form-job .fecha{grid-template-columns:1fr 1fr}.form-job .fecha label:first-child{grid-column:1/-1}}
.job-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(24px,5vw,60px);align-items:start}
@media (max-width:860px){.job-grid{grid-template-columns:1fr}}
.vacantes{list-style:none;padding:0;margin:18px 0;display:flex;flex-wrap:wrap;gap:10px}
.vacantes li{border:1px solid rgba(184,105,60,.5);color:var(--copper-2);border-radius:999px;padding:7px 16px;font-size:.86rem;font-weight:600}
.pilares{list-style:none;margin:30px 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.pilar{border:1px solid rgba(217,195,165,.25);border-radius:14px;padding:16px;background:rgba(250,245,236,.04)}
.pilar__n{color:var(--copper-lt);font:600 .8rem var(--sans);letter-spacing:.14em}.pilar__t{font:600 1rem var(--serif);margin:6px 0 4px;color:var(--ivory)}.pilar__d{font-size:.84rem;color:var(--sand);margin:0}
@media (max-width:980px){.pilares{grid-template-columns:repeat(2,1fr)}}
@media (max-width:420px){.pilares{grid-template-columns:1fr}}
.yasha__sub{margin-top:50px}.yasha__opciones{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:20px 0}.yasha__opciones p{margin:0;color:var(--beige)}.yasha__opciones .btn{width:auto}
img{max-width:100%}

/* ===== Ajuste visual final: logo y hero ===== */
:root{--hh:78px}
.header__inner{padding-top:8px;padding-bottom:8px}
.logo{display:block;flex:none}
.logo img{height:62px;width:auto;aspect-ratio:900/534;max-width:none;object-fit:contain}
.catnav{top:var(--hh)}
#catalogo{scroll-margin-top:var(--hh)}
.footer__marca{margin:0 0 10px}
.footer__logo{height:110px;width:auto;margin:0 auto;aspect-ratio:900/534}
@media (max-width:860px){:root{--hh:68px}.logo img{height:52px}}
@media (max-width:420px){:root{--hh:64px}.logo img{height:48px}.header__inner{gap:6px}}
@media (max-width:359px){.logo img{height:42px}.seg button{padding:0 5px;min-width:30px}}

/* Hero con técnica visible: texto a la izquierda, fotografía a la derecha */
.hero{background:var(--espresso)}
.hero__media{inset:0 0 0 20%;background:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%);mask-image:linear-gradient(90deg,transparent 0,#000 30%);opacity:1}
.hero__media img{object-position:82% 40%}
.hero__veil{background:linear-gradient(90deg,rgba(23,16,12,.9) 0%,rgba(23,16,12,.72) 30%,rgba(23,16,12,.18) 56%,rgba(23,16,12,0) 72%),linear-gradient(0deg,rgba(23,16,12,.55),rgba(23,16,12,0) 38%)}
.hero__inner>*{margin-left:0;width:min(520px,100%)}
@media (max-width:1100px){.hero__media{inset:0 0 0 12%}.hero__inner>*{width:min(460px,100%)}.hero__veil{background:linear-gradient(90deg,rgba(23,16,12,.92) 0%,rgba(23,16,12,.7) 36%,rgba(23,16,12,.1) 66%,transparent 80%),linear-gradient(0deg,rgba(23,16,12,.55),transparent 38%)}}
@media (max-width:760px){
 .hero{align-items:flex-end;padding:0 0 44px;min-height:0}
 .hero__media{position:relative;inset:auto;height:auto;aspect-ratio:1/1;max-height:430px;width:100%;-webkit-mask-image:none;mask-image:none;display:block}
 .hero{flex-direction:column;align-items:stretch}
 .hero__media img{width:100%;height:100%;object-position:50% 30%}
 .hero__veil{inset:auto 0 auto 0;top:0;height:min(100vw,430px);background:linear-gradient(0deg,rgba(23,16,12,1) 0%,rgba(23,16,12,.35) 28%,rgba(23,16,12,0) 55%)}
 .hero__inner{margin-top:-64px}
 .hero__inner>*{width:100%}
}

/* Menú tipo hamburguesa hasta 1100px (el logo más grande necesita espacio) */
@media (max-width:1100px){
  .nav-toggle{display:block}
  .nav{position:absolute;left:0;right:0;top:100%;background:var(--espresso);flex-direction:column;align-items:stretch;gap:0;padding:8px var(--gut) 20px;display:none;border-bottom:1px solid rgba(217,195,165,.14)}
  .nav.is-open{display:flex}
  .nav a{padding:15px 2px;border-bottom:1px solid rgba(217,195,165,.12);font-size:.9rem}
  .nav .nav__cta{margin-top:14px;text-align:center;border-radius:999px}
  :root{--hh:70px}.logo img{height:54px}
}
@media (max-width:860px){:root{--hh:68px}.logo img{height:52px}}
@media (max-width:420px){:root{--hh:64px}.logo img{height:48px}}
@media (max-width:359px){.logo img{height:42px}}

/* Logo más protagonista */
:root{--hh:86px}.logo img{height:70px}
@media (max-width:1100px){:root{--hh:74px}.logo img{height:58px}}
@media (max-width:860px){:root{--hh:72px}.logo img{height:56px}}
@media (max-width:420px){:root{--hh:70px}.logo img{height:54px}}
@media (max-width:340px){.logo img{height:44px}}