/* base */
:root {
  --vellon-0:#fbfbfd;
  --vellon-1:#F1F1F5;
  --hebra:#D9D9E1;
  --hebra-gris:#62616d;
  --carbon-lana:#1F1D26;
  --fieltro:#2a2631;
  --oliva-tenida:#5C6A2C;
  --oliva-clara:#B9C27A;
  --rubia:#A24A35;
  --punto-borde:#d9d9e1;
  --madeja-sombra:0 6px 20px rgba(31, 29, 38, 0.10);
  --paso-lado:clamp(1.1rem, 4vw, 3.2rem);
  --hilo-ancho:1180px;
}
*, *::before, *::after { box-sizing:border-box; }
html { scroll-padding-top:86px; -webkit-text-size-adjust:100%; }
body {
  margin:0;
  min-height:100vh;
  font-family:'Inclusive Sans','Inclusive Sans Fallback',Georgia,sans-serif;
  font-size:1.02rem;
  line-height:1.62;
  color:var(--carbon-lana);
  background:var(--vellon-0);
}
/* grano para secciones oscuras */
@font-face {
  font-family:'Parkinsans';
  font-style:normal;
  font-weight:300 800;
  font-display:swap;
  src:url('../fonts/parkinsans-var.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family:'Parkinsans Fallback';
  src:local('Arial');
  size-adjust:112.70%;
  ascent-override:93.20%;
}
@font-face {
  font-family:'Inclusive Sans';
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url('../fonts/inclusive-sans-var.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family:'Inclusive Sans Fallback';
  src:local('Georgia');
  size-adjust:106.83%;
  ascent-override:88.90%;
}
img { display:block; max-width:100%; height:auto; }
h1, h2, h3, h4 {
  margin:0 0 0.5em;
  font-family:'Parkinsans','Parkinsans Fallback',Arial,sans-serif;
  font-weight:800;
  line-height:1.08;
  letter-spacing:0;
  color:var(--carbon-lana);
}
h2 { font-size:clamp(1.5rem, 1rem + 2vw, 2.3rem); text-transform:uppercase; }
h3 { font-size:1.22rem; font-weight:700; }
p { margin:0 0 1rem; }
a { color:var(--oliva-tenida); text-decoration:underline; text-underline-offset:3px; }
a:hover { color:var(--rubia); }
/* contenedor */
.hilo-centro {
  width:100%;
  max-width:var(--hilo-ancho);
  margin-inline:auto;
  padding-inline:var(--paso-lado);
}
#content { overflow:hidden; }
section { position:relative; }
.seccion-paso {
  padding-top:clamp(3rem, 6vw, 5.2rem);
  padding-bottom:clamp(3rem, 6vw, 5.2rem);
}
.ojo-linea {
  display:inline-flex;
  align-items:center;
  gap:0.6rem;
  margin-bottom:1rem;
  font-family:'Parkinsans','Parkinsans Fallback',Arial,sans-serif;
  font-size:0.74rem;
  font-weight:700;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:var(--rubia);
}
.ojo-linea::before {
  content:'';
  width:34px;
  height:2px;
  background:var(--rubia);
}
.seccion-intro { max-width:46rem; margin-bottom:2rem; }
.seccion-intro p { color:var(--hebra-gris); }
/* botones */
.boton {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:0.5rem;
  min-height:48px;
  padding:0.72rem 1.6rem;
  border:2px solid var(--carbon-lana);
  border-radius:999px;
  font-family:'Parkinsans','Parkinsans Fallback',Arial,sans-serif;
  font-size:0.96rem;
  font-weight:700;
  text-decoration:none;
  cursor:pointer;
  transition:transform 0.15s ease, background-color 0.15s ease;
}
.boton-lleno {
  background:var(--carbon-lana);
  color:var(--vellon-0);
}
.boton-lleno:hover { background:var(--oliva-tenida); border-color:var(--oliva-tenida); color:var(--vellon-0); transform:translateY(-2px); }
.boton-fantasma {
  background:transparent;
  color:var(--carbon-lana);
}
.boton-fantasma:hover { background:var(--carbon-lana); color:var(--vellon-0); transform:translateY(-2px); }
.boton-claro {
  border-color:var(--oliva-clara);
  background:var(--oliva-clara);
  color:var(--fieltro);
}
.boton-claro:hover { background:var(--vellon-0); border-color:var(--vellon-0); color:var(--fieltro); transform:translateY(-2px); }
.boton-hueco-claro {
  border-color:var(--oliva-clara);
  background:transparent;
  color:var(--oliva-clara);
}
.boton-hueco-claro:hover { background:var(--oliva-clara); color:var(--fieltro); transform:translateY(-2px); }
/* chips */
.hilo-datos { display:flex; flex-wrap:wrap; gap:0.6rem; margin:1.6rem 0 0; padding:0; list-style:none; }
.hilo-datos li {
  display:inline-flex;
  align-items:center;
  padding:0.4rem 0.9rem;
  border:1px solid var(--oliva-clara);
  border-radius:999px;
  font-size:0.82rem;
  color:var(--oliva-clara);
}
/* hero */
.cabeza-hero {
  position:relative;
  padding-top:clamp(5rem, 11vw, 8.5rem);
  padding-bottom:clamp(3.4rem, 8vw, 6rem);
  background:
    linear-gradient(180deg, rgba(42,38,49,0) 70%, rgba(251,251,253,1) 100%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.86' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.055'/%3E%3C/svg%3E"),
    var(--fieltro);
  color:var(--vellon-0);
  overflow:hidden;
}
.hero-rejilla {
  display:grid;
  grid-template-columns:1.25fr 0.75fr;
  align-items:center;
  gap:2rem;
}
.cabeza-hero h1 {
  margin:0.4rem 0 0.9rem;
  font-size:clamp(2.3rem, 1.4rem + 5vw, 4.5rem);
  font-weight:800;
  color:var(--vellon-0);
}
.hero-rota {
  display:inline-block;
  min-height:1.1em;
  color:var(--oliva-clara);
}
.cabeza-hero .ojo-linea { color:var(--oliva-clara); }
.cabeza-hero .ojo-linea::before { background:var(--oliva-clara); }
.hero-texto { max-width:40rem; }
.hero-sub { max-width:34rem; color:#d9d9e1; font-size:1.06rem; }
.hero-acciones { display:flex; flex-wrap:wrap; gap:0.8rem; margin-top:1.8rem; }
.hero-marca {
  position:relative;
  justify-self:end;
  font-family:'Parkinsans','Parkinsans Fallback',Arial,sans-serif;
  font-size:clamp(7rem, 15vw, 14rem);
  font-weight:800;
  line-height:0.82;
  letter-spacing:-0.04em;
  color:transparent;
  -webkit-text-stroke:2px rgba(185,194,122,0.42);
  text-align:right;
  user-select:none;
}
.hero-marca span { display:block; }
.hero-marca small {
  display:block;
  margin-top:0.4rem;
  font-size:0.12em;
  font-weight:700;
  letter-spacing:0.1em;
  color:var(--oliva-clara);
  -webkit-text-stroke:0;
}
/* bandas suaves */
.banda-oscura {
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.86' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)' opacity='0.05'/%3E%3C/svg%3E"),
    var(--fieltro);
  color:var(--vellon-0);
}
.banda-oscura h2, .banda-oscura h3 { color:var(--vellon-0); }
.banda-oscura .seccion-intro p { color:#c9c8d2; }
.banda-crema { background:var(--vellon-1); }
/* footer */
.pie {
  padding-top:3rem;
  padding-bottom:2.2rem;
  background:var(--fieltro);
  color:#c9c8d2;
  font-size:0.92rem;
}
.pie-rejilla {
  display:grid;
  grid-template-columns:1.4fr 1fr;
  gap:2rem;
}
.pie h2 { font-size:1.1rem; color:var(--vellon-0); }
.pie a { color:var(--oliva-clara); }
.pie a:hover { color:var(--vellon-0); }
.pie-enlaces { margin:0; padding:0; list-style:none; display:flex; flex-wrap:wrap; gap:0.2rem 1.2rem; }
.pie-enlaces a { display:inline-flex; align-items:center; min-height:44px; }
.pie-legal { margin-top:1.6rem; padding-top:1.4rem; border-top:1px solid rgba(217,217,225,0.2); font-size:0.82rem; color:#9c9ba6; }
.pie-legal p { margin:0 0 0.5rem; }
/* skip visually: ninguno */
@media (max-width:860px) {
  .hero-rejilla { grid-template-columns:1fr; }
  .hero-marca { justify-self:start; text-align:left; margin-top:1.4rem; }
  .pie-rejilla { grid-template-columns:1fr; }
}