/* ================================================================
   DEMETER CORP — TEMA HIJO BRICKS
   Archivo: /wp-content/themes/bricks-child/style.css
   ================================================================ */

/*
Theme Name:   Bricks Child — Demeter Corp
Template:     bricks
Version:      1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap');

/* ── Reset y base ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  /* Paleta Demeter */
  --dm-navy:      #0a2540;
  --dm-navy-mid:  #0d3060;
  --dm-blue:      #2980d4;
  --dm-blue-lt:   #e8f3fb;
  --dm-red:       #c0392b;
  --dm-red-lt:    #fdecea;
  --dm-green:     #1e7a4a;
  --dm-green-lt:  #eaf4ee;
  --dm-purple:    #6c3fa0;
  --dm-sand:      #f7f6f2;
  --dm-white:     #ffffff;

  /* Tipografía */
  --dm-text:      #1a1a1a;
  --dm-muted:     #6b6b6b;
  --dm-border:    rgba(0,0,0,.09);

  /* Radios */
  --dm-r-sm:  6px;
  --dm-r-md:  10px;
  --dm-r-lg:  14px;
  --dm-r-xl:  20px;

  /* Fuente */
  --dm-font: 'Inter', system-ui, -apple-system, sans-serif;

  /* Espaciado secciones */
  --dm-section-v: 96px;
  --dm-max-w:     1200px;
}

html { scroll-behavior: smooth; }

body {
  font-family: var(--dm-font);
  color: var(--dm-text);
  background: var(--dm-white);
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

/* ── Utilidades globales ── */
.dm-inner {
  max-width: var(--dm-max-w);
  margin: 0 auto;
  padding: 0 40px;
}

/* Tipografía base */
h1, h2, h3, h4, h5 {
  font-family: var(--dm-font);
  font-weight: 500;
  color: var(--dm-navy);
  line-height: 1.2;
}

p { font-family: var(--dm-font); }

/* Botones globales */
.dm-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 26px;
  border-radius: var(--dm-r-md);
  font-size: 13px;
  font-family: var(--dm-font);
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  transition: all .22s ease;
  border: none;
}
.dm-btn--primary {
  background: var(--dm-navy);
  color: #fff;
}
.dm-btn--primary:hover { background: var(--dm-navy-mid); transform: translateY(-1px); }
.dm-btn--ghost {
  background: transparent;
  color: var(--dm-navy);
  border: 0.5px solid rgba(0,0,0,.2);
}
.dm-btn--ghost:hover { border-color: var(--dm-navy); background: var(--dm-sand); }
.dm-btn--blue {
  background: var(--dm-blue);
  color: #fff;
}
.dm-btn--blue:hover { background: #1f6ab3; }

/* Labels de sección */
.dm-label {
  display: block;
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--dm-muted);
  margin-bottom: 10px;
  font-family: var(--dm-font);
}
.dm-h2 {
  font-size: 30px;
  font-weight: 500;
  color: var(--dm-navy);
  margin-bottom: 12px;
}
.dm-lead {
  font-size: 15px;
  color: var(--dm-muted);
  line-height: 1.85;
  max-width: 580px;
}
.dm-section__header { margin-bottom: 52px; }

/* Tags / Pills */
.dm-tag {
  display: inline-block;
  font-size: 10px;
  font-family: var(--dm-font);
  padding: 4px 11px;
  border: 0.5px solid var(--dm-border);
  border-radius: 99px;
  color: var(--dm-muted);
}

/* Divider */
.dm-divider {
  border: none;
  border-top: 0.5px solid var(--dm-border);
}

/* ── Responsive base ── */
@media (max-width: 768px) {
  :root { --dm-section-v: 64px; }
  .dm-inner { padding: 0 20px; }
  .dm-h2 { font-size: 22px; }
}