/* Mantiene el PNG original: sin retoque facial, ampliación de archivo ni compresión. */
.hero{height:100vh;height:100svh;height:100dvh;min-height:600px;max-height:none;display:flex;flex-direction:column;justify-content:flex-start;background:#e6e2d9}
.hero>.topbar{position:relative;flex:0 0 auto;order:0;z-index:6;background:#f6f4ee;padding-top:22px;padding-bottom:22px;align-items:center}
.hero>.topbar nav{padding-top:0}
.hero-stage{position:relative;isolation:isolate;flex:1;min-height:0;overflow:hidden;display:flex}
.hero-stage>.hero-image{position:absolute;inset:0;width:100%;height:100%;z-index:-1;background-image:url('hero-piedra-cabeza-completa-20261008.png')!important;background-position:center top;background-size:cover;background-repeat:no-repeat}
.hero-stage>.hero-copy{position:relative;width:100%;margin:0;padding-top:clamp(36px,5vh,70px);padding-bottom:clamp(36px,5vh,70px);display:flex;flex-direction:column;justify-content:center;background:transparent}
.hero-stage .hero-copy p{font-size:clamp(21px,1.8vw,30px);max-width:34vw;margin-bottom:32px;text-shadow:none}
.hero-stage h1{font-size:clamp(66px,7.5vw,150px);max-width:43vw;line-height:.94}
@media(max-width:700px){
  .hero{height:100vh;height:100svh;height:100dvh;min-height:650px;max-height:none}
  .hero>.topbar{padding-top:20px;padding-bottom:20px}
  .hero>.topbar nav{top:100%;padding:18px 22px}
  .hero-stage{display:flex;flex-direction:column;overflow:hidden}
  .hero-stage>.hero-image{position:relative;inset:auto;flex:1;order:0;z-index:0;min-height:260px;width:100%;height:auto;background-size:cover;background-position:72% top}
  .hero-stage>.hero-copy{flex:0 0 auto;order:1;margin:0;padding-top:25px;padding-bottom:28px;background:#e6e2d9}
  .hero-stage .hero-copy p{font-size:21px;max-width:none;margin-bottom:24px}
  .hero-stage h1{font-size:18vw;max-width:none;line-height:.94}
}