/* ===== HERO  ===== */
.home-section{ padding:16px 24px; min-height:100vh; }

.hero{
  position:relative; width:100%; height:100vh; overflow:hidden;
}
.hero-img{
  width:100%; height:100%; object-fit:cover; object-position:center;
}
.hero::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(to top, rgba(0,0,0,.55), rgba(227, 223, 223, 0));
  z-index:1;
}
.hero-copy{
  position:absolute; bottom:40px; left:24px; right:24px; max-width:720px;
  color:#fff; z-index:2; text-shadow:0 2px 6px rgba(0,0,0,.35);
}
.hero-copy h1{
  font-family:"Playfair Display", serif;
  
  line-height:1.15; margin-bottom:10px;
}
.hero-copy em{ 
 color:#edcc9a; 
 font-style:normal; } 
  .cta-btn{
     display:inline-block; 
    padding:12px 22px; 
    border-radius:999px;

  background: #e3b4c2; /* rosa suave */
  color: hsl(0, 17%, 43%);      /* texto oscuro */

  
    text-decoration:none; 
    font-weight:700; 
    transition:background-color.2s, transform.12s; 
  }
.cta-btn:hover{ 
  background-color: var(--brand-dark);
  transform: translateY(-1px); 
}
.cta-btn {
  margin-top: 40px; /* Aumenta o reduce según lo que necesites */

}


/* TEXTO CON EFECTO MÁQUINA (fijo) */
.typing-text{
  --chars: 6; /* “Rosart” */
  display:inline-block;
  white-space:nowrap;
  overflow:hidden;
  border-right:0;
  color:#ceb5a4;
  font-family:"Playfair Display", serif;
  font-weight:700;
  font-size: 60px;
  line-height: 1;
}

.typing-text > span{
  display:inline-block;
  width:0;
  animation: typing 1.8s steps(var(--chars), end) forwards;
  
  font-size: inherit;
}

@keyframes typing{
  from{ width:0; }
  to  { width: calc(var(--chars) * 1ch); }
}
.dorado{ 
  color:#edcc9a;     /*  dorado */
  font-style: normal;
}
.dorado em{
  font-style: italic;/* ...y el <em> en itálica */
}



/* ===== SLOGAN ===== */
.slogan{
  opacity:0; animation: fadeIn 2s ease forwards; animation-delay: 3.2s;
}
@keyframes fadeIn{
  from{ opacity:0; transform:translateY(10px); }
  to  { opacity:1; transform:translateY(0); }
}

/* ===== ABOUT  ===== */
.about{ max-width:900px; margin:40px auto 0; padding:0 20px; text-align:center; }
.about h2{ font-family:"Playfair Display",serif; font-size:2rem; margin-bottom:12px; }
.pago-icons{ display:flex; gap:20px; justify-content:center; margin-top:18px; font-size:.95rem; }
.pago-icons i{ color:var(--brand); margin-right:6px; 
}

/* ===== Responsive  ===== */
@media (max-width:768px){
  }
@media (max-width:480px){

}