/* ==========================================================================
   Comunicación Integral Dominicana (CID)
   --------------------------------------------------------------------------
   Copia 1-1 de cid.josegp.com (Elementor + JetBlocks). Los valores salen del
   kit global (post-943) y de las hojas de cada plantilla, copiadas en
   docs/original-site.css. Dos colores mandan: el azul de la marca y el rojo
   de acento; el gris es el del texto corrido.

   Las familias son las del original: «Helvetica» para títulos, menú y
   enlaces (sin @font-face: es la del sistema, igual que allá), Roboto para el
   cuerpo, Poppins en el pie y Work Sans en el popup.
   ========================================================================== */
@font-face { font-family: "Roboto";    src: url("/assets/fonts/Roboto-latin.woff2") format("woff2");   font-weight: 100 900; font-display: swap; }

@font-face { font-family: "Work Sans"; src: url("/assets/fonts/WorkSans-latin.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }

@font-face { font-family: "Poppins";   src: url("/assets/fonts/Poppins-300.woff2") format("woff2");    font-weight: 300; font-display: swap; }

@font-face { font-family: "Poppins";   src: url("/assets/fonts/Poppins-400.woff2") format("woff2");    font-weight: 400; font-display: swap; }

@font-face { font-family: "Poppins";   src: url("/assets/fonts/Poppins-500.woff2") format("woff2");    font-weight: 500; font-display: swap; }

@font-face { font-family: "Poppins";   src: url("/assets/fonts/Poppins-600.woff2") format("woff2");    font-weight: 600; font-display: swap; }

:root {
  --azul:   #1E325C;   /* --e-global-color-primary */
  --rojo:   #CE1327;   /* --e-global-color-accent  */
  --gris:   #7A7A7A;   /* --e-global-color-text    */
  --gris-2: #9D9D9C;   /* --e-global-color-secondary */
  --borde:  #E3E3E3;
  --tinta:  #333333;
  --blanco: #FFFFFF;

  --titular: "Helvetica", sans-serif;
  --texto:   "Roboto", sans-serif;
  --pie:     "Poppins", sans-serif;

  --ancho: 1320px;
}

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  font-family: var(--texto);
  font-size: 16px;
  line-height: 1.5;
  color: var(--tinta);
  background: var(--blanco);
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 { margin: 0; font-family: var(--titular); line-height: 1; }

p { margin: 0; }

a { color: #ce1126; font-family: var(--titular); text-decoration: none; transition: color .3s; }

img { max-width: 100%; height: auto; display: block; }

svg { display: block; fill: currentColor; }

ul { list-style: none; margin: 0; padding: 0; }

button { font: inherit; cursor: pointer; }

iframe { display: block; width: 100%; border: 0; }

.cid-app { overflow-x: clip; }