/* ==================================================
   HOSTING, MANTENIMIENTO Y SOPORTE
   Estilos específicos de la página
================================================== */


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

.st-hero .comp-hero__fondo {
   background: linear-gradient(
      115deg,
      #d18a00 0%,
      #efa900 50%,
      #ffc928 100%
   );
}


/* TEXTO HERO */

.st-hero .comp-eyebrow,
.st-hero h1 {
   color: #17152e;
}

.st-hero .comp-hero__texto > p:not(.comp-eyebrow) {
   color: #29263d;
}


/* ==================================================
   QUÉ NECESITAS PARA TU WEB
================================================== */

.st-necesitas .comp-lista li {
   background: #fff1c9;
}

.st-necesitas .comp-lista li::before {
   background: #e4a000;
}


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

.st-frase .comp-frase__comillas {
   color: #ffc928;
}

.st-frase p {
   color: #d99800;
}


/* ==================================================
   TARJETAS DE SERVICIOS
================================================== */
.st-servicios .comp-card__enlace {
   color: #c00087;
}


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

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

/* ==================================================
   SOPORTE TÉCNICO
================================================== */

.st-soporte {
   background: #f8f9fb;
}

.st-soporte .comp-dos-columnas {
   align-items: center;
}

.st-soporte__casos {
   padding: 38px 42px;
   background: #fff;
   border-radius: 22px;
   box-shadow: 0 10px 45px rgba(40, 38, 75, .08);
}

.st-soporte__titulo {
   margin: 0 0 20px;
   color: #29274c;
   font-size: 20px;
   line-height: 1.3;
   font-weight: 700;
}

.st-soporte__casos .comp-lista {
   margin: 0;
}

.st-soporte__casos .comp-lista li {
   margin: 8px 0;
   background: #fff1c9;
}

.st-soporte__casos .comp-lista li::before {
   background: #e4a000;
}