/* ============================================================
   base.css · tokens de tema (día/noche), reset, tipografía,
   botones y utilidades comunes.
   Paleta de marca: negro / naranja #F58E27 / amarillo #F0C800
   ============================================================ */

:root[data-theme="dark"]{
  --bg:#000000;
  --bg-soft:#0e0e0e;
  --panel:#161616;
  --line:#262626;
  --text:#ffffff;
  --muted:#9a9a9a;
  --shadow:rgba(0,0,0,.55);

  --orange:#F58E27;
  --orange-dark:#d9760f;
  --yellow:#F0C800;

  --on-accent:#000000;
}

:root[data-theme="light"]{
  --bg:#ffffff;
  --bg-soft:#faf6ee;
  --panel:#ffffff;
  --line:#e8e2d4;
  --text:#111111;
  --muted:#5f5f5f;
  --shadow:rgba(0,0,0,.12);

  --orange:#F58E27;
  --orange-dark:#c96c10;
  --yellow:#F0C800;

  --on-accent:#000000;
}

/* transición suave al cambiar de tema */
html{ color-scheme:dark }
:root[data-theme="light"]{ color-scheme:light }

body{
  background:var(--bg);
  color:var(--text);
  transition:background .25s ease, color .25s ease;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}

body{
  font-family:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
  line-height:1.6;
}

h1,h2,h3{
  font-family:'Cormorant Garamond',Georgia,serif;
  font-weight:600;
  letter-spacing:.5px;
}

.container{max-width:1100px;margin:0 auto;padding:0 24px}

section{padding:88px 0}

.kicker{
  letter-spacing:4px;
  text-transform:uppercase;
  font-size:11px;
  font-weight:700;
  color:var(--orange);
}

.section-head{text-align:center;margin-bottom:44px}
.section-head h2{font-size:clamp(30px,4.4vw,46px);margin:12px 0 14px}
.section-sub{color:var(--muted);max-width:620px;margin:0 auto;font-size:15px}

/* ---------- Botones ---------- */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  font-family:'Manrope',sans-serif;
  font-weight:700;
  font-size:13px;
  letter-spacing:1.5px;
  text-transform:uppercase;
  padding:13px 24px;
  border-radius:999px;
  border:0;
  cursor:pointer;
  transition:.22s ease;
}
.btn-big{padding:15px 30px;font-size:14px}

.btn-solid{background:var(--orange);color:var(--on-accent)}
.btn-solid:hover{background:var(--orange-dark)}

.btn-gold{background:var(--yellow);color:var(--on-accent)}
.btn-gold:hover{filter:brightness(1.08)}

.btn-line{border:1.5px solid var(--orange);color:var(--text);background:transparent}
.btn-line:hover{background:var(--orange);color:var(--on-accent)}

.icon-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;height:42px;
  border-radius:50%;
  border:1px solid var(--line);
  background:var(--panel);
  color:var(--text);
  cursor:pointer;
  transition:.2s ease;
  position:relative;
}
.icon-btn:hover{border-color:var(--orange)}

.link-danger{
  background:none;border:0;color:var(--muted);
  font:inherit;font-size:13px;cursor:pointer;text-decoration:underline;
}
.link-danger:hover{color:var(--orange)}

@media (max-width:840px){
  section{padding:64px 0}
}