/* Cortinajes Triana — core: tokens, reset, tipografia, utilidades */

@font-face{
  font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;
  src:url("../fonts/inter-400.woff2") format("woff2");
}
@font-face{
  font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;
  src:url("../fonts/inter-600.woff2") format("woff2");
}
@font-face{
  font-family:"Cormorant Garamond";font-style:normal;font-weight:600;font-display:swap;
  src:url("../fonts/cormorant-600.woff2") format("woff2");
}

:root{
  /* familia de color graphite-chalk */
  --chalk:#F3F3F4;          /* fondo frio claro */
  --chalk-soft:#E9E9EB;
  --graphite:#1C1B19;       /* secciones oscuras */
  --graphite-deep:#121110;
  --rule:#D6D5D2;           /* lineas/bordes finos */
  --highlight:#8A6A3B;      /* bronce metalico primario */
  --highlight-soft:#A87C4F; /* bronce claro */
  --highlight-deep:#3A2D1A; /* bronce profundo */
  --carbon:#0A0A0A;         /* negro fino */
  --text:#161616;
  --text-soft:#52514E;
  --text-on-dark:#EDECEA;

  /* tecnicos (libres) */
  --container:1180px;
  --radius:3px;
  --radius-lg:8px;
  --gap:24px;
  --shadow:0 1px 2px rgba(10,10,10,.06),0 8px 28px rgba(10,10,10,.07);
  --shadow-soft:0 1px 3px rgba(10,10,10,.05);
  --ease:cubic-bezier(.2,.6,.25,1);
  --ff-display:"Cormorant Garamond","Times New Roman",Georgia,serif;
  --ff-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:var(--ff-body);
  font-size:17px;
  line-height:1.6;
  color:var(--text);
  background:var(--chalk);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--highlight-deep);text-decoration:none}
a:hover{color:var(--highlight)}
h1,h2,h3,h4{font-family:var(--ff-display);font-weight:600;line-height:1.12;color:var(--text);margin:0 0 .5em}
h1{font-size:clamp(2.4rem,5.4vw,3.5rem);letter-spacing:-.01em}
h2{font-size:clamp(1.85rem,3.6vw,2.5rem)}
h3{font-size:clamp(1.3rem,2.2vw,1.6rem)}
h4{font-size:1.12rem;font-family:var(--ff-body);font-weight:600}
p{margin:0 0 1.1em}
strong{font-weight:600;color:var(--text)}
ul,ol{margin:0 0 1.2em;padding-left:1.3em}
li{margin-bottom:.45em}

/* foco accesible */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,
[tabindex]:focus-visible{
  outline:3px solid var(--highlight-soft);
  outline-offset:2px;
  border-radius:2px;
}

.skip-to-content{
  position:absolute;left:12px;top:-100px;
  background:var(--graphite);color:var(--text-on-dark);
  padding:12px 18px;border-radius:var(--radius);z-index:60;
  transition:top .18s var(--ease);
}
.skip-to-content:focus{top:12px;color:var(--text-on-dark)}

.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

.wrap{width:100%;max-width:var(--container);margin:0 auto;padding:0 22px}

.eyebrow{
  font-family:var(--ff-body);font-size:.8rem;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;color:var(--highlight);
  margin:0 0 14px;display:inline-block;
}
.eyebrow::before{
  content:"";display:inline-block;width:26px;height:1px;
  background:var(--highlight);vertical-align:middle;margin-right:10px;
}

.lede{font-size:1.18rem;line-height:1.55;color:var(--text-soft);max-width:64ch}

/* botones */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  min-height:50px;padding:13px 28px;
  font-family:var(--ff-body);font-size:.98rem;font-weight:600;letter-spacing:.01em;
  border:1px solid transparent;border-radius:var(--radius);cursor:pointer;
  transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease);
}
.btn-primary{background:var(--highlight-deep);color:#F6EFE4;border-color:var(--highlight-deep)}
.btn-primary:hover{background:var(--highlight);color:#fff}
.btn-ghost{background:transparent;color:var(--text);border-color:var(--rule)}
.btn-ghost:hover{border-color:var(--highlight);color:var(--highlight-deep)}
.btn-light{background:var(--highlight);color:#fff;border-color:var(--highlight)}
.btn-light:hover{background:var(--highlight-soft)}

/* seccion base */
.section{padding:72px 0}
.section--tight{padding:54px 0}
.section--dark{background:var(--graphite);color:var(--text-on-dark)}
.section--dark h1,.section--dark h2,.section--dark h3{color:#fff}
.section--dark .lede,.section--dark p{color:#C7C5C2}
.section--dark .eyebrow{color:var(--highlight-soft)}
.section--dark .eyebrow::before{background:var(--highlight-soft)}

.section-head{max-width:60ch;margin-bottom:40px}
.section-head--center{margin-left:auto;margin-right:auto;text-align:center}

.hairline{height:1px;background:var(--rule);border:0;margin:0}

@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms !important;transition-duration:.001ms !important}
}