/*
Theme Name: Astra Child SE
Template: astra
Author: Santa Elena Coffee Roasters
Description: Child theme de Astra para Santa Elena. Aloja el sistema de diseno (tokens, fuentes self-hosted, overrides de WooCommerce) en archivos versionables. Construido sin Elementor.
Version: 1.0.0
Text Domain: astra-child-se
*/

/* =========================================================
   FUENTES SELF-HOSTED (dejar los .woff2 en /fonts/)
   League Gothic (titulares) + Roboto (cuerpo)
   Descargar de google-webfonts-helper (OFL/Apache).
   ========================================================= */
@font-face{
  font-family:"League Gothic";
  src:url("./fonts/league-gothic-v13-latin-regular.woff2") format("woff2");
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Roboto";
  src:url("./fonts/roboto-v51-latin-regular.woff2") format("woff2");
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Roboto";
  src:url("./fonts/roboto-v51-latin-500.woff2") format("woff2");
  font-weight:500; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Roboto";
  src:url("./fonts/roboto-v51-latin-600.woff2") format("woff2");
  font-weight:600; font-style:normal; font-display:swap;
}

/* =========================================================
   TOKENS (fuente de verdad del look). Tambien en theme.json
   para que Gutenberg los exponga como presets.
   ========================================================= */
:root{
  --se-crema:#F3ECE0;
  --se-crema-2:#EBE2D3;
  --se-negro:#171717;
  --se-gris:#5A5650;
  --se-acento:#8A5A33;
  --se-acento-soft:#B98C5A;
  --se-linea:#D8CDBA;
  --se-blanco:#FFFFFF;

  --s1:8px; --s2:16px; --s3:24px; --s4:40px; --s5:64px; --s6:96px; --s7:128px;

  --se-fuente-titular:"League Gothic", Oswald, "Arial Narrow", sans-serif;
  --se-fuente-cuerpo:"Roboto", system-ui, -apple-system, sans-serif;
}

/* =========================================================
   BASE GLOBAL
   ========================================================= */
body{
  background-color:var(--se-crema);
  color:var(--se-negro);
  font-family:var(--se-fuente-cuerpo);
  font-weight:400;
  line-height:1.6;
}
h1,h2,h3,h4,.se-titular{
  font-family:var(--se-fuente-titular);
  color:var(--se-negro);
  letter-spacing:-0.01em;
  line-height:0.98;
  font-weight:400;
}
h1{font-size:clamp(2.75rem,7vw,5.5rem);}
h2{font-size:clamp(2rem,4.5vw,3.25rem);}
h3{font-size:clamp(1.4rem,2.5vw,1.9rem);}
p,li{font-size:clamp(1rem,1.1vw,1.125rem);}

a{color:var(--se-acento);}
a:hover{color:var(--se-acento-soft);}

/* contenedor editorial con aire */
.se-contenedor{
  max-width:1280px;
  margin-inline:auto;
  padding-inline:clamp(20px,5vw,64px);
}
.se-seccion{padding-block:var(--s6);}
@media (max-width:767px){.se-seccion{padding-block:var(--s5);}}
.se-banda-2{background-color:var(--se-crema-2);}

/* pulido transversal */
a,button,.elementor-button,.button,.wp-block-button__link{
  transition:transform .2s ease, background-color .2s ease, color .2s ease;
}
button:active,.button:active,.wp-block-button__link:active{transform:scale(.98);}
:focus-visible{outline:2px solid var(--se-acento); outline-offset:2px;}
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *{transition:none !important; animation:none !important;}
}

/* imagenes sin CLS */
img{height:auto;}
.se-img-cover{width:100%; height:100%; object-fit:cover;}