/* ==========================================================
   ACCESS · HERO EXPERIENCE V2.4
   Ajuste premium final basado en la imagen aprobada por el cliente.
   Objetivo:
   - conservar la experiencia romántica y aspiracional
   - mostrar claramente a la pareja (incluida la mujer)
   - mantener legible el bloque comercial del lado izquierdo
   - eliminar overlays promocionales residuales
   ========================================================== */

body.tfv-page-inicio .tfv-hero{
  position:relative!important;
  isolation:isolate!important;
  min-height:690px!important;
  overflow:hidden!important;
  color:#fff!important;
  border-bottom:1px solid rgba(201,147,62,.18)!important;
  background:
    linear-gradient(90deg,
      rgba(2,12,28,.995) 0%,
      rgba(3,16,35,.975) 23%,
      rgba(4,18,38,.92) 38%,
      rgba(4,18,38,.68) 53%,
      rgba(4,18,38,.34) 67%,
      rgba(4,18,38,.09) 84%,
      rgba(4,18,38,.02) 100%),
    url('../img/hero-access-experience-v2.webp') 60% 52%/cover no-repeat!important;
}
body.tfv-page-inicio .tfv-hero:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 20% 36%,rgba(221,168,67,.11),transparent 28%),
    linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,.10) 75%,rgba(1,10,24,.28));
}
body.tfv-page-inicio .tfv-hero:after{
  content:""!important;
  position:absolute!important;
  inset:auto 0 0!important;
  height:118px!important;
  z-index:0!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,transparent,rgba(1,10,24,.44))!important;
}
body.tfv-page-inicio .tfv-hero-inner{
  position:relative!important;
  z-index:2!important;
  width:min(100%,1460px)!important;
  max-width:1460px!important;
  min-height:690px!important;
  margin:0 auto!important;
  padding:56px clamp(28px,4.6vw,68px) 46px!important;
  display:grid!important;
  grid-template-columns:minmax(0,700px) minmax(0,1fr)!important;
  gap:42px!important;
  align-items:center!important;
}
body.tfv-page-inicio .tfv-hero-inner>div:first-child{
  width:100%!important;
  max-width:700px!important;
  min-width:0!important;
  align-self:center!important;
}
body.tfv-page-inicio .tfv-kicker{display:none!important;}
body.tfv-page-inicio .tfv-hero h1,
body.tfv-page-inicio .tfv-hero h1.tfv-access-hero-brand{
  display:block!important;
  width:min(100%,690px)!important;
  max-width:690px!important;
  height:188px!important;
  min-height:188px!important;
  margin:0 0 24px!important;
  padding:0!important;
  border:0!important;
  overflow:visible!important;
  font-size:0!important;
  line-height:0!important;
  letter-spacing:0!important;
  color:transparent!important;
  text-shadow:none!important;
  background:url('../img/access-wordmark-luxury.svg?v=2026-08-08-v3') left center/contain no-repeat!important;
}
body.tfv-page-inicio .tfv-hero h1>*,
body.tfv-page-inicio .tfv-access-hero-brand__access,
body.tfv-page-inicio .tfv-access-hero-brand__silver,
body.tfv-page-inicio .tfv-access-hero-brand__gold,
body.tfv-page-inicio .tfv-access-hero-brand__by{display:none!important;}
body.tfv-page-inicio .tfv-hero-inner>div:first-child>p{
  display:block!important;
  width:100%!important;
  max-width:640px!important;
  margin:0!important;
  color:rgba(255,255,255,.95)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:16.5px!important;
  line-height:1.62!important;
  font-weight:600!important;
  letter-spacing:.002em!important;
  text-shadow:0 2px 14px rgba(0,0,0,.35)!important;
}
body.tfv-page-inicio .tfv-hero-points{
  position:relative!important;
  width:100%!important;
  max-width:670px!important;
  margin:30px 0 24px!important;
  padding:22px 0 0!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  border-top:1px solid rgba(218,168,72,.34)!important;
}
body.tfv-page-inicio .tfv-hero-point{
  min-width:0!important;
  min-height:66px!important;
  margin:0!important;
  padding:0 18px!important;
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  border:0!important;
  border-right:1px solid rgba(218,168,72,.32)!important;
  color:#fff!important;
}
body.tfv-page-inicio .tfv-hero-point:first-child{padding-left:0!important;}
body.tfv-page-inicio .tfv-hero-point:last-child{border-right:0!important;padding-right:0!important;}
body.tfv-page-inicio .tfv-hero-point img{
  display:block!important;
  width:31px!important;
  height:31px!important;
  object-fit:contain!important;
  filter:sepia(1) saturate(1.4) hue-rotate(350deg) brightness(1.23)!important;
  opacity:.96!important;
}
body.tfv-page-inicio .tfv-hero-point span{
  display:block!important;
  color:rgba(255,255,255,.94)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:11px!important;
  line-height:1.38!important;
  font-weight:800!important;
  letter-spacing:.025em!important;
  text-transform:uppercase!important;
}
body.tfv-page-inicio .tfv-actions{
  width:100%!important;
  max-width:620px!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:1.18fr .82fr!important;
  gap:14px!important;
  align-items:stretch!important;
}
body.tfv-page-inicio .tfv-actions .tfv-btn{
  width:100%!important;
  min-width:0!important;
  min-height:55px!important;
  padding:14px 20px!important;
  border-radius:999px!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:11.5px!important;
  font-weight:900!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
  box-shadow:none!important;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease!important;
}
body.tfv-page-inicio .tfv-actions .tfv-btn-primary{
  color:#07172c!important;
  border:1px solid #edc56b!important;
  background:linear-gradient(112deg,#ad741f,#e1ad47 35%,#f4d580 52%,#d89c35 76%,#ac721d)!important;
  box-shadow:0 14px 32px rgba(197,139,44,.22),inset 0 1px 0 rgba(255,255,255,.55)!important;
}
body.tfv-page-inicio .tfv-actions .tfv-btn-dark{
  color:#f0c663!important;
  border:1px solid rgba(221,167,68,.78)!important;
  background:rgba(4,15,31,.60)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  backdrop-filter:blur(8px)!important;
}
body.tfv-page-inicio .tfv-actions .tfv-btn:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 17px 36px rgba(0,0,0,.28)!important;
}
body.tfv-page-inicio .tfv-floating-gift{display:none!important;}

@media (min-width:1600px){
  body.tfv-page-inicio .tfv-hero{
    background:
      linear-gradient(90deg,
        rgba(2,12,28,.995) 0%,
        rgba(3,16,35,.975) 22%,
        rgba(4,18,38,.90) 37%,
        rgba(4,18,38,.64) 52%,
        rgba(4,18,38,.29) 66%,
        rgba(4,18,38,.08) 83%,
        rgba(4,18,38,.01) 100%),
      url('../img/hero-access-experience-v2.webp') 57% 52%/cover no-repeat!important;
  }
}

@media (max-width:1180px){
  body.tfv-page-inicio .tfv-hero{
    background:
      linear-gradient(90deg,
        rgba(2,12,28,.996) 0%,
        rgba(3,16,35,.978) 29%,
        rgba(4,18,38,.92) 45%,
        rgba(4,18,38,.63) 60%,
        rgba(4,18,38,.26) 74%,
        rgba(4,18,38,.06) 88%,
        rgba(4,18,38,.01) 100%),
      url('../img/hero-access-experience-v2.webp') 56% 54%/cover no-repeat!important;
  }
  body.tfv-page-inicio .tfv-hero-inner{
    grid-template-columns:minmax(0,640px) minmax(0,1fr)!important;
    padding-top:52px!important;
  }
}

@media (max-width:1080px){
  body.tfv-page-inicio .tfv-hero-inner{display:block!important;}
}

@media (max-width:760px){
  body.tfv-page-inicio .tfv-hero{
    min-height:auto!important;
    background:
      linear-gradient(90deg,
        rgba(2,12,28,.995) 0%,
        rgba(3,16,35,.965) 56%,
        rgba(4,18,38,.74) 74%,
        rgba(4,18,38,.40) 88%,
        rgba(4,18,38,.14) 100%),
      url('../img/hero-access-experience-v2.webp') 62% 48%/cover no-repeat!important;
  }
  body.tfv-page-inicio .tfv-hero-inner{
    min-height:0!important;
    height:auto!important;
    display:block!important;
    padding:36px max(20px,env(safe-area-inset-right,0px)) 40px max(20px,env(safe-area-inset-left,0px))!important;
  }
  body.tfv-page-inicio .tfv-hero h1,
  body.tfv-page-inicio .tfv-hero h1.tfv-access-hero-brand{
    width:min(100%,520px)!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:940/260!important;
    margin-bottom:20px!important;
  }
  body.tfv-page-inicio .tfv-hero-inner>div:first-child>p{
    max-width:520px!important;
    font-size:14.5px!important;
    line-height:1.56!important;
  }
  body.tfv-page-inicio .tfv-hero-points{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    max-width:520px!important;
    margin:24px 0 18px!important;
    padding-top:18px!important;
  }
  body.tfv-page-inicio .tfv-hero-point{
    min-height:62px!important;
    padding:10px 12px!important;
    border-right:1px solid rgba(218,168,72,.28)!important;
    border-bottom:1px solid rgba(218,168,72,.20)!important;
    grid-template-columns:30px minmax(0,1fr)!important;
  }
  body.tfv-page-inicio .tfv-hero-point:nth-child(2n){border-right:0!important;}
  body.tfv-page-inicio .tfv-hero-point:nth-child(n+3){border-bottom:0!important;}
  body.tfv-page-inicio .tfv-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    max-width:520px!important;
    gap:10px!important;
  }
  body.tfv-page-inicio .tfv-actions .tfv-btn{
    min-height:52px!important;
    white-space:normal!important;
    font-size:11px!important;
  }
}

@media (max-width:420px){
  body.tfv-page-inicio .tfv-hero{
    background:
      linear-gradient(90deg,
        rgba(2,12,28,.996) 0%,
        rgba(3,16,35,.967) 60%,
        rgba(4,18,38,.77) 80%,
        rgba(4,18,38,.48) 93%,
        rgba(4,18,38,.20) 100%),
      url('../img/hero-access-experience-v2.webp') 64% 47%/cover no-repeat!important;
  }
  body.tfv-page-inicio .tfv-hero h1,
  body.tfv-page-inicio .tfv-hero h1.tfv-access-hero-brand{
    width:100%!important;
    aspect-ratio:940/280!important;
  }
}

@media (prefers-reduced-motion:reduce){
  body.tfv-page-inicio .tfv-actions .tfv-btn{transition:none!important;}
}