/* ==================================================
   DISEÑO Y MAQUETACIÓN DE DOCUMENTOS
   Estilos específicos de la página
================================================== */


/* ==================================================
   HERO
================================================== */

.dm-hero .comp-hero__fondo {
   background: linear-gradient(
      115deg,
      #260018 0%,
      #610045 30%,
      #c00087 65%,
      #720052 100%
   );
}


/* COLOR DEL TEXTO DEL HERO */

.dm-hero .comp-eyebrow,
.dm-hero h1,
.dm-hero .comp-hero__texto > p:not(.comp-eyebrow) {
   color: #fff;
}


/* ==================================================
   EN QUÉ CASOS PODEMOS AYUDARTE
================================================== */

/* LISTA ROSA */

.dm-necesidad .comp-lista li {
   background: #f9ddef;
}

.dm-necesidad .comp-lista li::before {
   background: #e42aad;
}


/* ==================================================
   FRASE DESTACADA
================================================== */

.dm-frase .comp-frase__comillas,
.dm-frase p {
   color: #f238ba;
}


/* ==================================================
   SERVICIOS
================================================== */

/* El diseño estructural de las tarjetas está
   definido en componentes.css */


/* ==================================================
   QUÉ RECIBIRÁS
================================================== */

/* La estructura, iconos, textos y responsive están
   definidos en componentes.css */


/* ==================================================
   CTA FINAL
================================================== */

/* Color de fondo propio de esta página */

.dm-final .comp-cta {
   background: #eaf5ff;
}