/* ============================================================
   eticool — estilos base
   Fuente: Poppins · cuerpo mínimo 16px / interlineado 1.6
   ============================================================ */

:root{
  --morado:#5C2EBC;
  --morado-oscuro:#432290;
  --morado-suave:#EFE9FB;
  --mostaza:#D9A441;
  --mostaza-suave:#FBF0DC;
  --fondo:#FAF7F2;
  --tarjeta:#FFFFFF;
  --texto:#2B2430;
  --texto-sec:#77706C;
  --borde:#E8E1D6;
  --verde:#5B8A6B;
  --terracota:#C97B5D;
  --terracota-suave:#F7E9E2;
}

*{ box-sizing:border-box; }

body{
  margin:0;
  font-family:'Poppins', sans-serif;
  background:var(--fondo);
  color:var(--texto);
  font-size:17px;
  line-height:1.6;
}

h1,h2,h3,h4{ margin:0; font-weight:700; letter-spacing:-0.01em; }
h1{ font-size:28px; }
h2{ font-size:23px; }
h3{ font-size:19px; }
h4{ font-size:17px; }

@media(min-width:900px){
  h1{ font-size:40px; }
  h2{ font-size:32px; }
  h3{ font-size:24px; }
  h4{ font-size:20px; }
}

a{ color:inherit; text-decoration:none; }
button{ font-family:'Poppins', sans-serif; cursor:pointer; }

/* El nombre de marca SIEMPRE en minúsculas */
.brand-name{ text-transform:lowercase; }