:root{
  --bg:          #FBF7F3;
  --bg-2:        #F4EDE5;
  --surface:     #FFFDFB;
  --surface-2:   #F7F0E9;
  --line:        rgba(74,52,38,.13);
  --line-strong: rgba(74,52,38,.26);

  --text:        #2B1F17;
  --text-2:      #5C4A3C;
  --muted:       #8A7462;

  --accent:      #A9754C;
  --accent-2:    #8A5B37;
  --accent-deep: #6B4527;
  --on-accent:   #FFFDFB;
  --glow:        rgba(169,117,76,.24);
  --glow-soft:   rgba(169,117,76,.08);

  --vidrio:        linear-gradient(165deg,rgba(255,253,251,.92),rgba(255,253,251,.62));
  --vidrio-fuerte: linear-gradient(165deg,#FFFDFB,rgba(255,253,251,.8));
  --campo-bg:      #FFFDFB;

  --tracking-h:  -.02em;
  --radius:      3px;
  --radius-sm:   3px;
  --radius-pill: 3px;

  --sh-depth: none;
  --sh-lit:   none;
  --sh-hover: none;
  --sh-suave: none;
  --sombra-panel: 0 30px 70px -50px rgba(74,52,38,.4);

  --grano-op: .035;
  --vineta: radial-gradient(128% 96% at 50% 38%, transparent 46%, rgba(74,55,44,.22) 100%);
}

.bg-static{ opacity:.72 }
.hero__grid{ display:none }

.h1, .h2{ font-family:var(--serif); font-weight:400; letter-spacing:-.01em }
.h1{ line-height:1.02 }
.h2{ line-height:1.06; max-width:9.2em }
.h1 em, .h2 em{ font-style:italic; color:var(--accent) }
.eyebrow{ letter-spacing:.3em; font-size:.66rem; color:var(--muted) }
.eyebrow::before{ width:44px }

.hero{ min-height:100svh }

@media (max-width:900px){
  .hero{ justify-content:flex-end; padding-bottom:clamp(4rem,11vh,6rem) }
}
.hero__foto{
  position:absolute; inset:0; z-index:0; overflow:hidden;
}
.hero__foto img{ width:100%; height:100%; object-fit:cover }

.hero__foto img{ object-position:68% 50% }
@media (max-width:900px){

  .hero__foto{ inset:0 0 auto 0; height:46vh }
  .hero__foto img{ object-position:50% 50% }
}

.hero__foto::after{
  content:''; position:absolute; inset:0;
  background:linear-gradient(100deg,
    rgba(251,247,243,.96) 0%,
    rgba(251,247,243,.80) 34%,
    rgba(251,247,243,.26) 62%,
    rgba(251,247,243,.04) 100%);
}
@media (max-width:900px){

  .hero__foto::after{
    background:linear-gradient(180deg,
      rgba(251,247,243,0) 62%,
      rgba(251,247,243,.62) 70%,
      var(--bg) 77%);
  }
}
.hero__title{ max-width:6em }

.titulo-vivo{
  --tv-1:#2B1F17;
  --tv-2:#A9754C;
  --tv-3:#D9B36A;
  --tv-luz:9s;
  --tv-ola:6.4s;
  --tv-alto:-5px;
}
.hero__lead.destella{ --dest-base:var(--text-2); --dest-luz:#A9754C; animation-duration:12s }

.tarifas span, .tarifas b{
  text-shadow:0 0 7px var(--bg), 0 0 4px var(--bg), 0 0 2px var(--bg);
}

.tarjeta{
  background:none; backdrop-filter:none; border:0;
  border-top:1px solid var(--line-strong);
  border-radius:0; padding:1.6rem 0 0;
}
.tarjeta:hover{ background:none; transform:translateY(-3px); border-color:var(--accent) }
.tarjeta h4{ font-family:var(--serif); font-weight:400; font-size:1.35rem; margin-bottom:.5rem }

.galeria{ grid-template-columns:repeat(3,1fr); gap:clamp(.7rem,1.6vw,1.1rem) }
.galeria img{ aspect-ratio:4/5 }
@media (max-width:760px){
  .galeria{ grid-template-columns:repeat(2,1fr) }
}
.galeria figcaption{
  font-family:var(--serif); font-size:.95rem; letter-spacing:.02em;
  background:linear-gradient(180deg, transparent, rgba(43,31,23,.62));
}

.hero__sello{
  position:absolute; right:clamp(1.5rem,5vw,4rem); bottom:clamp(2rem,7vh,5rem);
  z-index:2;
}
@media (max-width:900px){ .hero__sello{ display:none } }
.sello text{ font-family:var(--font); font-size:10.6px; letter-spacing:.22em }

.cinta{ border:0; padding-block:clamp(1.4rem,4vw,3rem) }
.cinta--grande .cinta__pista{ font-family:var(--serif); font-weight:400; letter-spacing:-.02em }

.cifras{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(1.4rem,4vw,3rem) }
@media (max-width:700px){ .cifras{ grid-template-columns:1fr; gap:1.6rem } }
.cifras div{ border-top:1px solid var(--line-strong); padding-top:1.1rem }
.cifras b{
  display:block; font-family:var(--serif); font-weight:400;
  font-size:clamp(2.4rem,5vw,3.6rem); line-height:1; color:var(--accent);
}
.cifras span{ font-size:.86rem; color:var(--muted) }

.tarifas{ border-top:0; display:grid; gap:.55rem; padding:0; list-style:none }
.tarifas li{
  display:flex; align-items:center; gap:1rem;
  padding:.85rem 1.1rem;
  border:1px solid var(--line);

  border-radius:14px;
  background:color-mix(in srgb, var(--surface) 55%, transparent);
  backdrop-filter:blur(10px);
  transition:transform .45s var(--ease), border-color .45s var(--ease);
}
.tarifas li:hover{
  transform:translateX(6px);
  border-color:color-mix(in srgb, var(--accent) 45%, transparent);
}
.tarifas span:first-child{
  font-family:var(--serif); font-size:1.12rem; color:var(--text);
}
.tarifas i{ flex:1 }
.tarifas b{
  font-weight:500; white-space:nowrap;
  padding:.34rem .8rem; border-radius:999px;
  background:color-mix(in srgb, var(--accent) 14%, transparent);
  color:var(--accent);
  font-size:.95rem;
}
@media (max-width:860px){
  .tarifas li{ backdrop-filter:none; background:color-mix(in srgb, var(--surface) 82%, transparent) }
}

#quienes .hero__media img{ aspect-ratio:3/4; object-fit:cover }

.reflejo{
  --rf-1:#2B1F17;
  --rf-2:#A9754C;
  --rf-3:#D9B36A;
  --rf-luz:9s;
}

.tarjeta-gira{
  --gira-color:#A9754C;
  --gira-tinta:#FFF8EE;
  --gira-fondo:rgba(255,255,255,.72);
}
.gira__dorso{
  background-image:linear-gradient(148deg,#C08A5C 0%, #A9754C 44%, #8A5A36 100%);
}
.gira__dorso h4{ font-family:var(--serif); font-weight:400; letter-spacing:-.01em }

.tarjeta-gira .gira__frente{ box-shadow:var(--sombra-panel) }