/* ==========================================================================
   Costasol Seguridad — footer.css
   Pie azul marino con el logotipo dentro de tarjeta blanca:
   mismo patrón que Costasol Formación, de modo que el logotipo original
   se usa íntegro y sin ninguna modificación.
   ========================================================================== */

.cs-footer {
  background: var(--costasol-navy-deep);
  color: var(--costasol-on-dark);
  padding-top: clamp(3rem, 2rem + 3vw, 4.25rem);
  font-size: .95rem;
}

.cs-footer__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr));
  gap: 2.5rem;
  padding-bottom: 2.75rem;
}
@media (max-width: 1199px) { .cs-footer__grid { grid-template-columns: repeat(2, 1fr); gap: 2rem; } }
@media (max-width: 544px) { .cs-footer__grid { grid-template-columns: 1fr; } }

/* Tarjeta blanca del logotipo — la solución al texto negro sobre fondo oscuro */
.cs-footer__brand {
  display: inline-block;
  background: #fff;
  border-radius: var(--costasol-radius-card);
  padding: 14px 18px;
  margin-bottom: 1.15rem;
}
.cs-footer__brand img { display: block; width: 176px; height: auto; }

.cs-footer__descriptor {
  font-size: .72rem;
  letter-spacing: .09em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--costasol-orange);
  margin: 0 0 .55rem;
}
.cs-footer__about { max-width: 38ch; color: var(--costasol-on-dark); }

.cs-footer h4 {
  color: #fff;
  font-size: .82rem;
  letter-spacing: .13em;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: .9rem;
}

.cs-footer ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .5rem; }
.cs-footer a { color: var(--costasol-on-dark); text-decoration: none; }
.cs-footer a:hover { color: #fff; text-decoration: underline; }

.cs-footer__contact li { display: flex; gap: .55rem; }
.cs-footer__contact b { color: #fff; font-weight: 600; }

/* Bloque de grupo: enlaza con Costasol Formación */
.cs-footer__group {
  border-top: 1px solid var(--costasol-on-dark-line);
  border-bottom: 1px solid var(--costasol-on-dark-line);
  padding-block: 1.15rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .6rem 1rem;
  font-size: .92rem;
}
.cs-footer__group strong { color: #fff; font-weight: 700; letter-spacing: .04em; }
.cs-footer__group span { color: rgba(255,255,255,.55); }

.cs-footer__legal {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: .75rem 1.5rem;
  padding-block: 1.35rem 1.75rem;
  font-size: .86rem;
  color: rgba(255,255,255,.62);
}
.cs-footer__legal nav { display: flex; flex-wrap: wrap; gap: 1.1rem; }

/* Nota: el domicilio fiscal NO se imprime en el pie.
   Figura únicamente en el aviso legal y en la política de privacidad. */