@charset "UTF-8";

/* ==================================================
   DISEÑO WEB
   Estilos específicos de la página
================================================== */


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

.dw-hero .comp-hero__fondo {background: linear-gradient(115deg,#260018 0%,#610045 30%,#c00087 65%,#720052 100%);}
.dw-hero .comp-eyebrow,
.dw-hero h1,.dw-hero .comp-hero__texto > p:not(.comp-eyebrow) { color: #fff;}


/* ==================================================
   UNA WEB PENSADA PARA TU PROYECTO
================================================== */
.dw-enfoque { padding: 0!important;}
.dw-enfoque .comp-lista li {background: #fff0f8;}
.dw-enfoque .comp-lista li::before { background: #c00087;}


/* ==================================================
   FRASE DESTACADA
================================================== */
.dw-frase { padding: 45px 0 90px;}
.dw-frase .comp-frase__comillas,.dw-frase p { color: #c00087;}


/* ==================================================
   SOLUCIONES WEB
================================================== */

.dw-soluciones { background: #f7f8fb;padding:80px 0 110px;}


/* ==================================================
   QUÉ CUIDAMOS
================================================== */

.dw-calidad { background: #fff; padding:80px 0 110px!important;}


/* ==================================================
   ACOMPAÑAMIENTO
================================================== */

.dw-acompanamiento { background: #fff8fc;}
.dw-acompanamiento .comp-kicker { color: #c00087;}
.dw-acompanamiento img {max-width: 450px;}
.dw-hero .comp-hero__imagen img {left: 45%;}

@media (max-width: 1200px) {
   .dw-hero .comp-hero__texto { max-width: 620px;}
   .dw-hero .comp-hero__texto > p:not(.comp-eyebrow) { max-width: 600px;}

}

.comp-info-grid__icono { width: 75%;}