:root {
    --bg-main:#000000;
    --gold:#d9a441;
    --btn-gold-btn: #face1d;
    --btn-gold-hover: #eab308;
    --gold-soft:#f2cf7c;
    --text-main:#f5f5f5;
    --muted:#9c9c9c;

    /* Animación */
    --a-dur: .6s;
    --a-ease: cubic-bezier(.22,.61,.36,1);
    --a-stagger: 0s; /* se puede sobrescribir con .delay-* */
}

html {
    scroll-behavior: smooth;
}  
/* BASE */
body{
    background-color:var(--bg-main);
    color:var(--text-main);
    font-family:'Poppins',system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

/* UTILIDADES */
.eyebrow,.hero-eyebrow,.section-eyebrow{
    font-size:.75rem;
    letter-spacing:.28em;
    text-transform:uppercase;
    color:var(--muted);
}

/* PÁGINAS INTERNAS */
.page-section{
    padding-top:5rem; padding-bottom:5rem;
    background-color:#050505;
}
.section-title{
    font-size:clamp(1.9rem,3vw,2.4rem);
    letter-spacing:.08em;
    text-transform:uppercase;
    font-weight:600;
}
.section-lead{
    font-size:.98rem;
    color:var(--muted);
    max-width:650px;
}

.about-subtitle{
    font-size:1rem; letter-spacing:.18em; text-transform:uppercase; color:var(--gold);
}
.about-label{
    font-weight:600; color:var(--gold-soft); text-transform:uppercase;
    font-size:.75rem; letter-spacing:.15em;
}

@media (max-width: 992px) {
  .section-title {
    font-size: clamp(1.7rem, 4vw, 2.2rem);
  }

  .page-section {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

@media (max-width: 768px) {
  .section-title {
    font-size: 1.7rem;
  }

  .section-lead {
    font-size: .9rem;
  }
}

@media (max-width: 480px) {
  .section-title {
    font-size: 1.55rem;
  }

  .section-lead {
    font-size: .88rem;
  }
}