/* =============================================================
   MANTOS GROUP — BRAND CSS
   Child theme de Hello Elementor
   Versión: 1.0.0
   
   ÍNDICE:
   1.  Variables de marca (Custom Properties)
   2.  Tipografía global
   3.  Reset y base
   4.  Componentes Elementor — sobrescrituras de marca
   5.  Clases de utilidad bilingüe (ES/EN)
   6.  Botones
   7.  Franja de credenciales (Strip)
   8.  Cards de métricas (pcard)
   9.  Cards de variantes (vcard)
   10. Chips de aditivos (chip)
   11. Cards de servicios (svc)
   12. Op-tags
   13. Clientes grid
   14. Contacto card
   15. Pilares de cinética
   16. Familia CMI banner
   17. Split layout (media + texto)
   18. Animación reveal
   19. Secciones dark / soft
   20. Kicker y títulos
   21. Utilidades varias
   ============================================================= */


/* ─────────────────────────────────────────────────────────────
   1. VARIABLES DE MARCA
   ───────────────────────────────────────────────────────────── */
:root {
  /* Paleta principal */
  --mg-azul:         #3478BB;
  --mg-marino:       #112862;
  --mg-marino-2:     #0c1d49;
  --mg-blanco:       #ffffff;
  --mg-negro:        #0A0E1A;

  /* Escala de grises */
  --mg-gris:         #5a657d;
  --mg-gris-claro:   #f4f6fa;
  --mg-gris-borde:   #e3e8f1;
  --mg-azul-suave:   #eaf1f9;

  /* Acento hero */
  --mg-azul-light:   #7db4e8;

  /* Bordes */
  --mg-radius:       16px;
  --mg-radius-sm:    9px;
  --mg-radius-lg:    26px;

  /* Sombras */
  --mg-shadow-card:  0 10px 28px -18px rgba(17, 40, 98, .35);
  --mg-shadow-hover: 0 26px 48px -30px rgba(17, 40, 98, .42);
  --mg-shadow-media: 0 40px 70px -40px rgba(17, 40, 98, .5);

  /* Tipografía */
  --mg-font:         'Montserrat', system-ui, -apple-system, sans-serif;

  /* Transiciones */
  --mg-transition:   .25s cubic-bezier(.16, 1, .3, 1);
}


/* ─────────────────────────────────────────────────────────────
   2. TIPOGRAFÍA GLOBAL
   ───────────────────────────────────────────────────────────── */
body {
  font-family: var(--mg-font);
  color: var(--mg-negro);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--mg-font);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.1;
  color: var(--mg-marino);
}

p { line-height: 1.6; }

a {
  color: var(--mg-azul);
  text-decoration: none;
  transition: color var(--mg-transition);
}
a:hover { color: var(--mg-marino); }


/* ─────────────────────────────────────────────────────────────
   3. RESET COMPLEMENTARIO
   ───────────────────────────────────────────────────────────── */
img { max-width: 100%; display: block; }
*, *::before, *::after { box-sizing: border-box; }

/* Contenedor máximo */
.elementor-section.elementor-section-boxed > .elementor-container {
  max-width: 1180px;
}


/* ─────────────────────────────────────────────────────────────
   4. ELEMENTOR — SOBRESCRITURAS DE MARCA
   ───────────────────────────────────────────────────────────── */

/* Color de acento en widgets de Elementor */
.elementor-widget-heading .elementor-heading-title {
  font-family: var(--mg-font);
  font-weight: 800;
  letter-spacing: -0.02em;
}

/* Botones Elementor adaptados a la marca */
.elementor-button {
  font-family: var(--mg-font) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  border-radius: var(--mg-radius-sm) !important;
  transition: transform .15s, background .2s, box-shadow .2s !important;
}
.elementor-button:hover {
  transform: translateY(-2px);
}

/* Widget Heading — color marino por defecto */
.elementor-widget-heading .elementor-heading-title {
  color: var(--mg-marino);
}

/* Divisores */
.elementor-divider-separator {
  border-color: var(--mg-gris-borde);
}


/* ─────────────────────────────────────────────────────────────
   5. BILINGÜE ES / EN
   ───────────────────────────────────────────────────────────── */
html.lang-en .es-only { display: none !important; }
html.lang-es .en-only { display: none !important; }
html:not(.lang-en):not(.lang-es) .en-only { display: none !important; }

/* Botón de cambio de idioma */
.mg-lang-btn {
  background: none;
  border: 1.5px solid var(--mg-gris-borde);
  color: var(--mg-marino);
  padding: 7px 14px;
  border-radius: var(--mg-radius-sm);
  font-size: 12.5px;
  font-weight: 800;
  cursor: pointer;
  letter-spacing: .06em;
  transition: background .2s, color .2s, border-color .2s;
  font-family: var(--mg-font);
}
.mg-lang-btn:hover {
  background: var(--mg-marino);
  color: #fff;
  border-color: var(--mg-marino);
}


/* ─────────────────────────────────────────────────────────────
   6. BOTONES DE MARCA
   ───────────────────────────────────────────────────────────── */
.mg-btn {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 15px 26px;
  border-radius: 12px;
  font-family: var(--mg-font);
  font-weight: 700;
  font-size: 15px;
  transition: transform .15s, background .2s, box-shadow .2s;
  cursor: pointer;
  border: none;
  text-decoration: none;
}
.mg-btn svg { width: 17px; height: 17px; flex-shrink: 0; }

.mg-btn-solid {
  background: var(--mg-azul);
  color: #fff;
  box-shadow: 0 14px 30px -14px rgba(0, 0, 0, .6);
}
.mg-btn-solid:hover {
  background: #4189cf;
  color: #fff;
  transform: translateY(-2px);
}

.mg-btn-line {
  background: rgba(255, 255, 255, .06);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, .45);
}
.mg-btn-line:hover {
  background: rgba(255, 255, 255, .15);
  color: #fff;
  transform: translateY(-2px);
}

.mg-btn-marino {
  background: var(--mg-marino);
  color: #fff;
}
.mg-btn-marino:hover {
  background: var(--mg-azul);
  color: #fff;
  transform: translateY(-1px);
}

/* Botones dentro de contact card */
.mg-cbtn {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  padding: 15px 20px;
  border-radius: 12px;
  font-family: var(--mg-font);
  font-weight: 700;
  font-size: 15px;
  transition: transform .15s;
  text-decoration: none;
  cursor: pointer;
}
.mg-cbtn:hover { transform: translateY(-2px); }
.mg-cbtn svg { width: 18px; height: 18px; }

.mg-cbtn-solid {
  background: #fff;
  color: var(--mg-marino);
}
.mg-cbtn-solid:hover { color: var(--mg-marino); }

.mg-cbtn-line {
  background: rgba(255, 255, 255, .07);
  border: 1px solid rgba(255, 255, 255, .26);
  color: #fff;
}
.mg-cbtn-line:hover { color: #fff; }


/* ─────────────────────────────────────────────────────────────
   7. FRANJA DE CREDENCIALES (STRIP)
   ───────────────────────────────────────────────────────────── */
.mg-strip {
  background: var(--mg-marino);
}

.mg-strip-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.mg-stat {
  padding: 24px 16px;
  text-align: center;
  border-right: 1px solid rgba(255, 255, 255, .09);
  border-bottom: 1px solid rgba(255, 255, 255, .09);
}
.mg-stat:nth-child(2n) { border-right: 0; }

.mg-stat__n {
  font-size: clamp(24px, 6vw, 34px);
  font-weight: 800;
  color: #fff;
  line-height: 1;
  letter-spacing: -0.02em;
}
.mg-stat__n small {
  color: var(--mg-azul-light);
  font-size: .55em;
  vertical-align: .18em;
}
.mg-stat__l {
  font-size: 11px;
  font-weight: 600;
  color: #aebfd9;
  margin-top: 8px;
  letter-spacing: .02em;
}

@media (min-width: 780px) {
  .mg-strip-grid { grid-template-columns: repeat(4, 1fr); }
  .mg-stat { border-bottom: 0; }
  .mg-stat:last-child { border-right: 0; }
}


/* ─────────────────────────────────────────────────────────────
   8. CARDS DE MÉTRICAS (pcard)
   ───────────────────────────────────────────────────────────── */
.mg-proof {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 13px;
}
@media (min-width: 560px) {
  .mg-proof { grid-template-columns: repeat(4, 1fr); }
}

.mg-pcard {
  background: #fff;
  border: 1px solid var(--mg-gris-borde);
  border-radius: 14px;
  padding: 20px 16px;
  box-shadow: var(--mg-shadow-card);
}

.mg-pcard__big {
  font-size: clamp(28px, 7vw, 40px);
  font-weight: 800;
  color: var(--mg-marino);
  line-height: 1;
  letter-spacing: -0.03em;
}
.mg-pcard__big small {
  color: var(--mg-azul);
  font-size: .5em;
  font-weight: 800;
  vertical-align: .2em;
}
.mg-pcard__cap {
  font-size: 12.5px;
  font-weight: 700;
  color: var(--mg-marino);
  margin-top: 9px;
}
.mg-pcard__sub {
  font-size: 10.5px;
  color: var(--mg-gris);
  margin-top: 3px;
}


/* ─────────────────────────────────────────────────────────────
   9. CARDS DE VARIANTES CMI (vcard)
   ───────────────────────────────────────────────────────────── */
.mg-vcard {
  background: #fff;
  border: 1px solid var(--mg-gris-borde);
  border-radius: var(--mg-radius);
  padding: 24px 22px;
  transition: transform var(--mg-transition), box-shadow var(--mg-transition);
}
.mg-vcard:hover {
  transform: translateY(-4px);
  box-shadow: var(--mg-shadow-hover);
}

.mg-vcard__code {
  display: inline-block;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  color: var(--mg-azul);
  background: var(--mg-azul-suave);
  padding: 5px 10px;
  border-radius: 7px;
  margin-bottom: 13px;
}

.mg-vcard h3 {
  font-size: 18px;
  font-weight: 700;
  color: var(--mg-marino);
  margin-bottom: 9px;
}
.mg-vcard p {
  font-size: 13px;
  color: var(--mg-gris);
  line-height: 1.5;
}


/* ─────────────────────────────────────────────────────────────
   10. CHIPS DE ADITIVOS THERMOFILM (chip)
   ───────────────────────────────────────────────────────────── */
.mg-chip {
  background: rgba(255, 255, 255, .05);
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 14px;
  padding: 22px 20px;
}

.mg-chip__icon {
  width: 42px;
  height: 42px;
  border-radius: 11px;
  background: rgba(95, 160, 224, .16);
  display: grid;
  place-items: center;
  color: var(--mg-azul-light);
  margin-bottom: 14px;
}
.mg-chip__icon svg { width: 22px; height: 22px; }

.mg-chip h4 {
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 7px;
}
.mg-chip p {
  font-size: 12.5px;
  color: #bccbe4;
  line-height: 1.5;
}


/* ─────────────────────────────────────────────────────────────
   11. CARDS DE SERVICIOS (svc)
   ───────────────────────────────────────────────────────────── */
.mg-svc {
  background: #fff;
  border: 1px solid var(--mg-gris-borde);
  border-radius: var(--mg-radius);
  overflow: hidden;
  transition: transform var(--mg-transition), box-shadow var(--mg-transition);
}
.mg-svc:hover {
  transform: translateY(-4px);
  box-shadow: 0 28px 50px -32px rgba(17, 40, 98, .42);
}

/* Foto */
.mg-svc__ph {
  height: 170px;
  overflow: hidden;
  position: relative;
}
.mg-svc__ph img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .5s;
}
.mg-svc:hover .mg-svc__ph img { transform: scale(1.06); }
.mg-svc__ph::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 50%, rgba(17, 40, 98, .35));
}

/* Galería doble en svc01 */
.mg-svc-gallery {
  display: grid;
  grid-template-columns: 1fr 1fr;
  height: 100%;
  gap: 2px;
}
.mg-svc-gallery img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .5s;
}
.mg-svc:hover .mg-svc-gallery img { transform: scale(1.06); }

/* Contenido */
.mg-svc__bd { padding: 22px 22px 26px; }

.mg-svc__num {
  font-size: 11px;
  font-weight: 800;
  color: var(--mg-azul);
  letter-spacing: .08em;
}
.mg-svc h3 {
  font-size: 17px;
  font-weight: 700;
  color: var(--mg-marino);
  margin: 6px 0 9px;
  line-height: 1.25;
}
.mg-svc p {
  font-size: 13px;
  color: var(--mg-gris);
  line-height: 1.55;
}


/* ─────────────────────────────────────────────────────────────
   12. OP-TAGS
   ───────────────────────────────────────────────────────────── */
.mg-op-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 14px;
}

.mg-op-tag {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  color: var(--mg-marino);
  background: var(--mg-azul-suave);
  border: 1px solid #c8d9ee;
  padding: 5px 10px;
  border-radius: 7px;
  white-space: nowrap;
}
.mg-op-tag--hi {
  background: var(--mg-marino);
  color: #fff;
  border-color: var(--mg-marino);
}


/* ─────────────────────────────────────────────────────────────
   13. CLIENTES GRID
   ───────────────────────────────────────────────────────────── */
.mg-clients {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 13px;
}
@media (min-width: 620px) {
  .mg-clients { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 920px) {
  .mg-clients { grid-template-columns: repeat(5, 1fr); }
}

.mg-client {
  display: grid;
  place-items: center;
  text-align: center;
  height: 80px;
  background: #fff;
  border: 1px solid var(--mg-gris-borde);
  border-radius: 14px;
  font-weight: 800;
  font-size: 13.5px;
  color: var(--mg-marino);
  padding: 10px;
  line-height: 1.2;
  transition: border-color .2s, transform .2s;
}
.mg-client:hover {
  border-color: var(--mg-azul);
  transform: translateY(-3px);
}


/* ─────────────────────────────────────────────────────────────
   14. CONTACTO CARD
   ───────────────────────────────────────────────────────────── */
.mg-contact-card {
  background: linear-gradient(150deg, var(--mg-marino), var(--mg-marino-2));
  border-radius: var(--mg-radius-lg);
  padding: 48px 30px;
  color: #fff;
  position: relative;
  overflow: hidden;
}

/* Marca de agua */
.mg-contact-card__wm {
  position: absolute;
  right: -60px;
  bottom: -50px;
  width: 340px;
  opacity: .06;
  mix-blend-mode: screen;
  pointer-events: none;
}

.mg-contact-grid {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 34px;
}
@media (min-width: 860px) {
  .mg-contact-grid { grid-template-columns: 1.1fr 1fr; }
}

.mg-contact-card h2 {
  font-size: clamp(26px, 6vw, 40px);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -0.02em;
  color: #fff;
}
.mg-contact-card .mg-lead2 {
  font-size: 16px;
  color: #cdd9ec;
  margin-top: 16px;
  max-width: 44ch;
}

/* Tarjeta de persona */
.mg-person {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 26px;
  background: rgba(255, 255, 255, .07);
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 14px;
  padding: 16px 18px;
}
.mg-person__av {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--mg-azul);
  display: grid;
  place-items: center;
  font-weight: 800;
  font-size: 17px;
  color: #fff;
}
.mg-person__nm { font-weight: 700; font-size: 16px; }
.mg-person__rl { font-size: 12.5px; color: #aebfd9; }

/* Botones de contacto */
.mg-cbtns {
  display: flex;
  flex-direction: column;
  gap: 11px;
  margin-top: 24px;
}

/* Oficinas */
.mg-offices { display: grid; gap: 15px; align-content: start; }
.mg-office {
  border-left: 2px solid rgba(95, 160, 224, .5);
  padding-left: 15px;
}
.mg-office h5 { font-size: 14px; font-weight: 700; color: #fff; }
.mg-office p { font-size: 12.5px; color: #aebfd9; }


/* ─────────────────────────────────────────────────────────────
   15. PILARES DE CINÉTICA
   ───────────────────────────────────────────────────────────── */
.mg-pillars {
  display: grid;
  gap: 16px;
}
@media (min-width: 780px) {
  .mg-pillars { grid-template-columns: repeat(3, 1fr); }
}

.mg-pillar {
  background: rgba(255, 255, 255, .05);
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: var(--mg-radius);
  padding: 26px 22px;
}

.mg-pillar__icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: rgba(95, 160, 224, .18);
  display: grid;
  place-items: center;
  color: var(--mg-azul-light);
  margin-bottom: 16px;
}
.mg-pillar__icon svg { width: 23px; height: 23px; }

.mg-pillar h4 {
  font-size: 17px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 8px;
}
.mg-pillar p {
  font-size: 13.5px;
  color: #c3d1e8;
  line-height: 1.55;
}


/* ─────────────────────────────────────────────────────────────
   16. FAMILIA CMI — BANNER
   ───────────────────────────────────────────────────────────── */
.mg-familia-banner {
  border-radius: 18px;
  overflow: hidden;
  height: 260px;
  box-shadow: 0 30px 60px -36px rgba(17, 40, 98, .5);
}
.mg-familia-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 30%;
}
@media (min-width: 780px) {
  .mg-familia-banner { height: 320px; }
}


/* ─────────────────────────────────────────────────────────────
   17. SPLIT LAYOUT (imagen + texto)
   ───────────────────────────────────────────────────────────── */
.mg-split {
  display: grid;
  gap: 34px;
  align-items: center;
}
@media (min-width: 920px) {
  .mg-split { grid-template-columns: 1fr 1fr; gap: 54px; }
  .mg-split--rev .mg-media { order: 2; }
}

.mg-media {
  border-radius: 20px;
  overflow: hidden;
  box-shadow: var(--mg-shadow-media);
  position: relative;
}
.mg-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.mg-media__tag {
  position: absolute;
  left: 16px;
  bottom: 16px;
  background: rgba(17, 40, 98, .86);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .04em;
  padding: 7px 13px;
  border-radius: 8px;
  backdrop-filter: blur(4px);
}

/* Beneficios */
.mg-benefits { display: grid; gap: 11px; }
.mg-benefit {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  font-size: 14.5px;
  color: #42506b;
}
.mg-benefit svg {
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  color: var(--mg-azul);
  margin-top: 1px;
}
.mg-benefit strong { color: var(--mg-marino); font-weight: 700; }


/* ─────────────────────────────────────────────────────────────
   18. ANIMACIÓN REVEAL
   ───────────────────────────────────────────────────────────── */
.rv {
  opacity: 0;
  transform: translateY(24px);
  transition:
    opacity .7s cubic-bezier(.16, 1, .3, 1),
    transform .7s cubic-bezier(.16, 1, .3, 1);
}
.rv.in { opacity: 1; transform: none; }

.rv.d1 { transition-delay: .08s; }
.rv.d2 { transition-delay: .16s; }
.rv.d3 { transition-delay: .24s; }
.rv.d4 { transition-delay: .32s; }

@media (prefers-reduced-motion: reduce) {
  .rv { opacity: 1; transform: none; transition: none; }
}


/* ─────────────────────────────────────────────────────────────
   19. FONDOS DE SECCIÓN
   ───────────────────────────────────────────────────────────── */

/* Oscuro (secciones Cinética y Thermofilm) */
.mg-dark {
  background: linear-gradient(160deg, var(--mg-marino), var(--mg-marino-2));
  color: #fff;
}

/* Suave (secciones Familia CMI y Clientes) */
.mg-soft { background: var(--mg-gris-claro); }

/* Clases auxiliares para Elementor — fondo de sección via CSS class */
.elementor-section.mg-dark,
.e-con.mg-dark {
  background: linear-gradient(160deg, var(--mg-marino), var(--mg-marino-2)) !important;
}
.elementor-section.mg-soft,
.e-con.mg-soft {
  background: var(--mg-gris-claro) !important;
}
.elementor-section.mg-strip,
.e-con.mg-strip {
  background: var(--mg-marino) !important;
}


/* ─────────────────────────────────────────────────────────────
   20. KICKER Y TÍTULOS (usables como Text Elementor)
   ───────────────────────────────────────────────────────────── */
.mg-kicker {
  display: inline-block;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--mg-azul);
  margin-bottom: 14px;
}
.mg-kicker--light { color: var(--mg-azul-light); }

.mg-title {
  font-size: clamp(26px, 5.8vw, 42px);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--mg-marino);
}
.mg-title--light { color: #fff; }

.mg-lede {
  font-size: clamp(16px, 4.2vw, 19px);
  color: #42506b;
  line-height: 1.62;
}
.mg-lede strong { color: var(--mg-marino); }
.mg-lede--light { color: #c3d1e8; }

.mg-sec-head { max-width: 64ch; margin-bottom: 44px; }
.mg-sec-head p {
  font-size: clamp(15px, 4vw, 18px);
  color: var(--mg-gris);
  margin-top: 16px;
}
.mg-sec-head--light p { color: #c3d1e8; }

/* Highlight en títulos hero */
.mg-hl { color: var(--mg-azul-light); }


/* ─────────────────────────────────────────────────────────────
   21. UTILIDADES VARIAS
   ───────────────────────────────────────────────────────────── */

/* Grids genéricos */
.mg-grid { display: grid; gap: 16px; }
.mg-g2 { grid-template-columns: 1fr; }
.mg-g3 { grid-template-columns: 1fr; }
.mg-g4 { grid-template-columns: 1fr 1fr; }

@media (min-width: 680px) {
  .mg-g2 { grid-template-columns: 1fr 1fr; }
  .mg-g3 { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 980px) {
  .mg-g3 { grid-template-columns: repeat(3, 1fr); }
  .mg-g4 { grid-template-columns: repeat(4, 1fr); }
}

/* Contenedor wrap */
.mg-wrap {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 22px;
}

/* Screen reader */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

/* Imagen hero background */
.mg-hero-overlay {
  background: linear-gradient(
    110deg,
    rgba(8, 18, 45, .95) 0%,
    rgba(12, 29, 73, .88) 42%,
    rgba(17, 40, 98, .55) 100%
  );
}

/* WordPress core alignment */
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft  { float: left;  margin-right: 1.5em; margin-bottom: 1em; }
.alignright { float: right; margin-left: 1.5em;  margin-bottom: 1em; }
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: 13px; color: var(--mg-gris); margin-top: 6px; }