/* --------------------- */

.seccion {
  display: grid;
  gap: var(--gap-4);
  padding: 6rem var(--gap-2);
}
/* --------------------- */
.icono-big {
  display: grid;
  grid-template-areas:
    "imagen enlace"
    "imagen texto";
  justify-content: left;
  align-content: center;
  gap: var(--gap-1);
}
.icono-big__imagen {
  grid-area: imagen;
  width: 5rem;
}
.icono-big__enlace {
  color: var(--color-claro);
  align-self: end;
  text-align: left;
  grid-area: enlace;
}
.icono-big__texto {
  align-self: start;
  text-align: left;
  grid-area: texto;
}
/* --------------------- */
.ver-mas {
  color: black;
  justify-self: center;
  background: white;
  padding: var(--gap-1) var(--gap-3);
  border-radius: var(--gap-2);
  font-weight: bold;
}
/* --------------------- */

.sercotec {
  text-align: center;
  display: grid;
  align-content: center;
  background: #2d2d2d;
  padding: var(--gap-1) var(--gap-2);
  gap: var(--gap-1);
  border-radius: var(--gap-1);
  box-shadow: var(--sombra);
}
.sercotec__imagen {
  width: 10rem;
  height: auto;
}

/* --------------------- */

.icono {
}
.icono__imagen {
  width: var(--gap-4);
}
.icono-medio {
  display: flex;
  gap: var(--gap-1);
  align-items: center;
}
.icono-medio__imagen {
  width: var(--gap-3);
  height: var(--gap-3);
}
.icono-medio__enlace {
}

/* --------------------- */
.whatsapp {
  position: fixed;
  right: var(--gap-1);
  bottom: var(--gap-1);
  z-index: 100;
}
.whatsapp__imagen {
  width: 4rem;
}
/* --------------------- */

.cta {
  white-space: nowrap;
  text-align: center;
  background: var(--texto-claro);
  color: var(--texto-oscuro);
  padding: var(--gap-1) var(--gap-2);
  border-radius: var(--gap-2);
  font-weight: bold;
}

/* --------------------- */
.seccion__titular {
  color: var(--color-claro);
}
/* --------------------- */
.eslogan {
  display: flex;
  font-weight: bold;
}
.eslogan__palabra-1 {
  color: var(--color-claro);
  font-weight: bold;
}
.eslogan__palabra-2 {
  font-weight: bold;
}