/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 * @file
 * Grid system definition for the footer top and footer bottom layouts.
 */

/**
 * Creates stacking context ensuring that child elements can never appear in
 * front of mobile navigation.
 */

.site-footer {
  position: relative;
  z-index: 1;
}

.site-footer .region--footer-top {
  background-color: white;
    position: relative;
    border-radius: 5px;
    border: 2pt solid #e5eefb;
    top: -60px;
    padding-top: 50px;
    padding-bottom: 50px;
}

.region--footer_top__inner > *,
.region--footer_bottom__inner > * {
  margin-block-end: var(--sp2);
  padding-left: 4rem;
  padding-right: 4rem;
}

@media (min-width: 43.75rem) {
  .region--footer_top__inner > *,
  .region--footer_bottom__inner > * {
    flex: 1;
    margin-block-end: 0;
  }

  .region--footer_top__inner > *:not(:last-child),
  .region--footer_bottom__inner > *:not(:last-child) {
    margin-inline-end: var(--sp2);
  }
}

@media (min-width: 43.75rem) {
  .region--footer_top__inner,
  .region--footer_bottom__inner {
    display: flex;
    flex-wrap: wrap;
  }
}

.site-footer .region--footer-top .footer-top__contacto {
  margin-bottom: 1rem;
}
@media (min-width: 75rem) {
  .site-footer .region--footer-top .footer-top__contacto {
    background-image: url(../../images/icons/LogoFooter_img.png);
    background-size: 320px;
    background-repeat: no-repeat;
    background-position: top right;
  }
}
.site-footer .region--footer-top .footer-top__contacto h3 {
  color: #3366cc;
  font-size: 20px;
  margin: 0.5rem 0 0.5rem;
}

.site-footer .region--footer-top .footer-top__contacto h4 {
  color: #3366cc;
  font-size: 16px;
  margin: 0 0 0.5rem;
}

.site-footer .region--footer-top .footer-top__contacto p {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 300;
  margin: 0 0 0.25rem;
}

.site-footer .region--footer-top .footer-top__contacto a {
  color: #004884;
  text-decoration: none;
}

.site-footer .region--footer-top .footer-top__contacto a:hover {
  color: #004884;
  text-decoration: underline;
}

.site-footer .region--footer-top .footer-top__contacto hr {
  border: 3px solid white;
}

.site-footer .region--footer-top .footer-top__contacto .cgfm-social {
  display: flex;
  column-gap: 1rem;
  list-style: none;
  margin: 0;
}

.site-footer .region--footer-top .footer-top__contacto .cgfm-legal a {
  text-transform: uppercase;
  font-size: 14px;
}
.site-footer .region--footer-top .footer-top__contacto .cgfm-social a {
  padding-left: 25px;
  background-size: 20px;
  background-position: left;
  background-repeat: no-repeat;
  text-transform: uppercase;
  font-size: 14px;
}
.site-footer .region--footer-top .footer-top__contacto .cgfm-social a.cgfm-fcb {
  background-image: url(../../images/icons/facebookFooter_ico.svg);
}
.site-footer .region--footer-top .footer-top__contacto .cgfm-social a.cgfm-youtube {
  background-image: url(../../images/icons/youTubeFooter_ico.svg);
}
.site-footer .region--footer-top .footer-top__contacto .cgfm-social a.cgfm-linkedin {
  background-image: url(../../images/icons/linkedinFooter_ico.svg);
}
.site-footer .region--footer-top .footer-top__contacto .cgfm-social a.cgfm-tiktok {
  background-image: url(../../images/icons/tiktokFooter_ico.svg);
}
.site-footer .region--footer-top .footer-top__contacto .cgfm-social a.cgfm-twitter {
  background-image: url(../../images/icons/xFooter_ico.svg);
}
.site-footer .region--footer-top .footer-top__contacto .cgfm-social a.cgfm-threats {
  background-image: url(../../images/icons/threatsFooter_ico.svg);
}
.site-footer .region--footer-top .footer-top__contacto .cgfm-social a.cgfm-instagram {
  background-image: url(../../images/icons/intagramFooter_ico.svg);
}

.site-footer .region--footer-top .footer-top__contacto .cgfm-legal {
  display: flex;
  column-gap: 1rem;
  list-style: none;
  margin: 0;
}