:root {
  /* Color — CONTRATO GULA (10 variables, mismas que public/skins/default.css)
     Valores extraídos del CSS real del sitio origen (Divi child theme,
     et-core-unified-tb-2104-tb-77-deferred CSS): topbar/footer #020F4F,
     CTA #E29F17, textos Divi #333/#666, grises #efefef/#f4f4f4/#ebebeb. */
  --color-bg: #f5f5f5;
  --color-surface: #f4f4f4;
  --color-text: #333333;
  --color-text-muted: #666666;
  --color-primary: #020F4F;
  --color-secondary: #E29F17;
  --color-accent: #2ea3f2;
  --color-border: #ebebeb;
  --font-family-sans: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-family-heading: "Poppins", var(--font-family-sans);

  /* Tokens derivados (documentados en el skin) */
  --color-primary-soft: #16264a;
  --color-primary-overlay: rgba(2, 15, 79, 0.79);
  --color-secondary-hover: #c98a10;
  --color-secondary-soft: rgba(226, 159, 23, 0.12);
  --color-on-dark-muted: rgba(255, 255, 255, 0.85);
  --color-on-dark-dim: rgba(255, 255, 255, 0.6);
  --color-surface-soft: #efefef;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-star: #ffc107;
  --color-success: #28a745;
  --color-info: #1863dc;
  --color-meta-bg: #f8f9fa;

  /* Typography */
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.25rem;
  --font-size-xl: 1.5rem;
  --font-size-2xl: 2rem;
  --font-size-3xl: 2.5rem;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;

  /* Spacing */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 2rem;
  --space-xl: 4rem;

  /* Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 2px 8px rgba(0, 0, 0, 0.12);
  --shadow-lg: 0 6px 24px rgba(0, 0, 0, 0.15);
}

/* === Skin default — Los Cisneros Law (migración GULA) ===
   MECANISMO DE TOKENS: RÉPLICA MANUAL del contrato template-ingest
   (10 variables exactas). El plugin del gateway no fue invocado
   (gateway no disponible en esta migración); los valores provienen
   del CSS real servido por el sitio origen (Divi child theme):
   - body: Open Sans 14px, color #666, bg #fff
   - headings: color #333; Poppins en botones, Open Sans en body
   - topbar + footer: #020F4F (et_pb_section_0_tb_header/footer)
   - menú bar: #efefef, row blanco 104px
   - CTA button: #E29F17 (et_pb_button_*_tb_header), texto #FFFFFF
   - links Divi: #2ea3f2; grises: #f4f4f4 / #ebebeb
   Tokens derivados: --color-primary-soft (#16264a, hover footer),
   --color-primary-overlay (rgba(2,15,79,.79), overlays),
   --color-secondary-hover (darken E29F17), --color-star (#ffc107,
   estrellas reviews), --color-info (#1863dc, plugin cookie),
   --color-surface-soft (#efefef, menú bar), --color-on-dark-muted/dim
   (texto sobre navy), --color-secondary-soft (hover cards CTA). */

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url("/fonts/opensans-400.woff2") format("woff2");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/poppins-400.woff2") format("woff2");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/poppins-500.woff2") format("woff2");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/poppins-600.woff2") format("woff2");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/poppins-700.woff2") format("woff2");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/fonts/poppins-800.woff2") format("woff2");
}