@font-face {
  font-family: "InterBlack";
  src: url("../../fonts/Inter-Black.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "InterBold";
  src: url("../../fonts/Inter-Bold.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "InterExtraBold";
  src: url("../../fonts/Inter-ExtraBold.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "InterExtraLight";
  src: url("../../fonts/Inter-ExtraLight.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "InterLight";
  src: url("../../fonts/Inter-Light.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "InterMedium";
  src: url("../../fonts/Inter-Medium.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "InterRegular";
  src: url("../../fonts/Inter-Regular.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "InterSemiBold";
  src: url("../../fonts/Inter-SemiBold.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "InterThin";
  src: url("../../fonts/Inter-Thin.ttf");
  font-weight: normal;
  font-style: normal;
}
*,
body {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
}

.contenedor {
  width: min(88%, 1500px);
  margin-inline: auto;
}

.contenedor-two {
  width: min(84%, 1500px);
  margin-inline: auto;
}

.contenedor-three {
  width: min(74%, 1500px);
  margin-inline: auto;
}

.contenedor-four {
  width: min(58%, 1500px);
  margin-inline: auto;
}

header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  padding-block: 15px;
  transition: all 0.5s ease;
}
header .contenedor {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  transition: all 0.5s ease;
}
header .contenedor .contenedor-logo {
  position: relative;
}
header .contenedor .contenedor-logo img {
  transition: all 0.5s ease;
}
header .contenedor .contenedor-logo img:last-child {
  position: absolute;
  left: 0;
  opacity: 0;
}
header .contenedor .cotenedor-navigation nav ul {
  display: flex;
  align-items: center;
  gap: 3.8rem;
}
header .contenedor .cotenedor-navigation nav ul li {
  color: white;
  position: relative;
  max-width: 3rem;
  align-items: center;
  display: flex;
  justify-content: center;
}
header .contenedor .cotenedor-navigation nav ul li a {
  font-family: "InterRegular";
  color: #fff;
  text-align: center;
  font-size: 15px;
  font-weight: 400;
  line-height: 15px;
  transition: all 0.5s ease;
}
header .contenedor .cotenedor-navigation nav ul li:last-child {
  background: #8f8f8f;
  padding: 9px 13px;
  border-radius: 2px;
  transition: all 0.5s ease;
  max-width: 5.5rem;
}
header .contenedor .cotenedor-navigation nav ul li:last-child:hover::after {
  content: none;
}
header .contenedor .cotenedor-navigation nav ul li:last-child:hover {
  background: #005aaa;
}
header .contenedor .cotenedor-navigation nav ul li:last-child:hover a {
  color: white;
  font-family: "InterBold";
}
header .contenedor .cotenedor-navigation nav ul li:hover a {
  color: white;
  font-family: "InterExtraBold";
}
header.moved .contenedor .cotenedor-navigation nav ul li:hover a {
  color: #08447a;
}
header .contenedor .cotenedor-navigation nav ul li:hover::after {
  width: 100%;
}
header .contenedor .cotenedor-navigation nav ul li::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -0.2rem;
  width: 0;
  background: #e60000;
  height: 2px;
  transition: all 0.5s ease;
}
header .aside {
  display: none;
}
header .burguer {
  display: none;
}
header.moved {
  background: white;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
}
header.moved .contenedor {
  justify-content: space-between;
}
header.moved .contenedor .contenedor-logo img:first-child {
  opacity: 0;
  position: absolute;
  left: 0;
}
header.moved .contenedor .contenedor-logo img:last-child {
  opacity: 1;
  position: static;
}
header.moved .contenedor .cotenedor-navigation nav ul li a {
  color: #005aaa;
}
header.moved .contenedor .cotenedor-navigation nav ul li:last-child {
  background: #ff1c00;
}
header.moved .contenedor .cotenedor-navigation nav ul li:last-child a {
  color: white;
}
header.moved .contenedor .cotenedor-navigation nav ul li:last-child:hover {
  background: #005aaa;
}
.whatsapp {
  position: fixed;
  right: 2rem;
  bottom: 6rem;
  z-index: 2;
}
.whatsapp img {
  width: 100%;
  height: 100%;
}
.section-banner {
  height: 100vh;
  position: relative;
}
.section-banner #bannerPrincipal {
  height: 100%;
}
.section-banner #bannerPrincipal .splide__arrows {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 23%;
}
.section-banner #bannerPrincipal .splide__arrows button {
  background: transparent;
  opacity: 1;
  width: 4rem;
  height: 4rem;
  border-radius: 0;
  transition: all 0.5s ease;
}
.section-banner #bannerPrincipal .splide__arrows button::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #08447a;
  z-index: -1;
  transition: all 0.5s ease;
  transform: scale(0);
}
.section-banner #bannerPrincipal .splide__arrows button svg {
  width: 100%;
  height: 100%;
  transform: none;
}
.section-banner #bannerPrincipal .splide__arrows button.splide__arrow--next {
  left: 6rem;
}
.section-banner #bannerPrincipal .splide__arrows button.splide__arrow--prev {
  left: 0;
}
.section-banner #bannerPrincipal .splide__arrows button:hover::after {
  transform: scale(1);
}
.section-banner #bannerPrincipal #bannerPrincipal-track {
  height: 100%;
}
.section-banner #bannerPrincipal #bannerPrincipal-track .splide__slide {
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 1;
}
.section-banner
  #bannerPrincipal
  #bannerPrincipal-track
  .splide__slide
  .contenedor {
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.section-banner
  #bannerPrincipal
  #bannerPrincipal-track
  .splide__slide
  .contenedor
  .contenedor-texto {
  display: flex;
  flex-direction: column;
  gap: 22px;
  width: 31rem;
}
.section-banner
  #bannerPrincipal
  #bannerPrincipal-track
  .splide__slide
  .contenedor
  .contenedor-texto
  h2 {
  color: white;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  font-family: "InterExtraBold";
  font-size: 45px;
  font-weight: 800;
  line-height: 55px;
}
.section-banner
  #bannerPrincipal
  #bannerPrincipal-track
  .splide__slide
  .contenedor
  .contenedor-texto
  P {
  color: white;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  font-family: "InterMedium";
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}
.section-banner
  #bannerPrincipal
  #bannerPrincipal-track
  .splide__slide
  .contenedor
  .contenedor-texto
  a {
  border: 1px solid white;
  color: white;
  text-align: center;
  font-family: "InterMedium";
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  padding-block: 6px;
  transition: all 0.5s ease;
  width: 8.5rem;
}
.section-banner
  #bannerPrincipal
  #bannerPrincipal-track
  .splide__slide
  .contenedor
  .contenedor-texto
  a:hover {
  color: #ff1c00;
  background: white;
  font-family: "InterBold";
}
.section-banner #bannerPrincipal #bannerPrincipal-track .splide__slide::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #005aaa 1.52%, rgba(0, 90, 170, 0) 95.67%);
  z-index: -1;
}
.section-banner::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 30%;
  background: linear-gradient(0deg, #08447a 0%, rgba(8, 68, 122, 0) 100%);
  z-index: 1;
}

.section-who-are {
  background: #08447a;
  padding-block: 7% 5%;
}
.section-who-are .contenedor {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.section-who-are .contenedor .left {
  display: flex;
  flex-direction: column;
  gap: 36px;
  flex-grow: 1;
  flex-basis: 100px;
}
.section-who-are .contenedor .left h2 {
  color: white;
  font-family: "InterExtraBold";
  font-size: 40px;
  font-weight: 100;
  line-height: 50px;
  position: relative;
}
.section-who-are .contenedor .left h2::after {
  content: "";
  height: 6px;
  width: 7rem;
  background: #d9d9d9;
  position: absolute;
  bottom: -1rem;
  left: 0;
}
.section-who-are .contenedor .left a {
  border: 1px solid white;
  color: white;
  text-align: center;
  font-family: "InterMedium";
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  padding-block: 6px;
  transition: all 0.5s ease;
  width: 8rem;
}
.section-who-are .contenedor .left a:hover {
  color: #e60000;
  background: white;
  font-family: "InterBold";
}
.section-who-are .contenedor .right {
  display: flex;
  flex-direction: column;
  gap: 5rem;
  flex-grow: 1;
  flex-basis: 200px;
}
.section-who-are .contenedor .right .top {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem;
}
.section-who-are .contenedor .right .top p {
  flex-basis: 200px;
  flex-grow: 1;
  color: #fff;
  font-family: "InterRegular";
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.section-who-are .contenedor .right .bottom {
  position: relative;
  z-index: 1;
}
.section-who-are .contenedor .right .bottom img {
  width: 100%;
  height: 100%;
}
.section-who-are .contenedor .right .bottom::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2rem;
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%);
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
  background: #08447a;
  width: 6rem;
  height: 6rem;
}
.section-who-are .contenedor .right .bottom::before {
  content: "";
  position: absolute;
  right: -1rem;
  top: 1rem;
  background: transparent;
  border: 1px solid #d9d9d9;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.section-who-are .contenedor .right a {
  display: none;
  border: 1px solid white;
  color: white;
  text-align: center;
  font-family: "InterMedium";
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  padding-block: 6px;
  transition: all 0.5s ease;
  width: 8rem;
}
.section-who-are .contenedor .right a:hover {
  color: #e60000;
  background: white;
  font-family: "InterBold";
}

.section-our-services {
  position: relative;
}
.section-our-services .contenedor-two {
  padding-block: 0 5%;
}
.section-our-services .contenedor-two .top {
  display: flex;
  justify-content: flex-end;
}
.section-our-services .contenedor-two .top h2 {
  max-width: 15rem;
  color: #08447a;
  text-align: right;
  font-family: "InterExtraBold";
  font-size: 40px;
  font-weight: 100;
  line-height: 50px;
  position: relative;
  top: 5rem;
}
.section-our-services .contenedor-two .top h2::after {
  content: "";
  position: absolute;
  width: 6rem;
  height: 6px;
  right: 0;
  bottom: -0.5rem;
  background: #08447a;
}
.section-our-services .contenedor-two .bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.section-our-services .contenedor-two .bottom .left {
  flex-basis: 500px;
  flex-grow: 1;
  position: relative;
  z-index: 1;
}
.section-our-services
  .contenedor-two
  .bottom
  .left
  #our-services-images
  .splide__track {
  overflow: visible;
}
.section-our-services
  .contenedor-two
  .bottom
  .left
  #our-services-images
  .splide__slide {
  width: 70%;
  height: 44% !important;
  transition: all 0.5s ease;
}
.section-our-services
  .contenedor-two
  .bottom
  .left
  #our-services-images
  .splide__slide.is-active {
  width: 108%;
  height: 62% !important;
}
.section-our-services
  .contenedor-two
  .bottom
  .left
  #our-services-images
  .splide__slide.is-active
  .contenedor-imagen
  img {
  width: 100%;
  height: 100%;
}
.section-our-services
  .contenedor-two
  .bottom
  .left
  #our-services-images
  .splide__slide
  .contenedor-imagen
  img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.section-our-services .contenedor-two .bottom .right {
  flex-basis: 200px;
  flex-grow: 1;
  position: relative;
  z-index: 2;
  width: 46%;
}
.section-our-services .contenedor-two .bottom .right #our-services-text {
  position: relative;
}
.section-our-services
  .contenedor-two
  .bottom
  .right
  #our-services-text
  .splide__arrows {
  bottom: 0;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 7rem;
}
.section-our-services
  .contenedor-two
  .bottom
  .right
  #our-services-text
  .splide__arrows
  button {
  position: relative;
  right: 0;
  top: 0;
  bottom: 0;
  transform: translateY(0);
  background: white;
  border-radius: 0;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  opacity: 1;
  width: 4.5rem;
  height: 4.5rem;
}
.section-our-services
  .contenedor-two
  .bottom
  .right
  #our-services-text
  .splide__arrows
  button
  svg {
  width: 100%;
  height: 100%;
}
.section-our-services
  .contenedor-two
  .bottom
  .right
  #our-services-text
  .splide__arrows
  .splide__arrow--prev
  svg {
  transform: scaleX(1);
}
.section-our-services
  .contenedor-two
  .bottom
  .right
  #our-services-text
  .splide__arrows
  .splide__arrow--prev {
  display: none;
}
.section-our-services
  .contenedor-two
  .bottom
  .right
  #our-services-text
  .splide__arrows
  .splide__arrow--next {
  right: -1rem;
}
.section-our-services
  .contenedor-two
  .bottom
  .right
  #our-services-text
  .splide__slide
  .text-slide {
  display: flex;
  flex-direction: column;
}
.section-our-services
  .contenedor-two
  .bottom
  .right
  #our-services-text
  .splide__slide
  .text-slide
  h2 {
  display: flex;
  flex-direction: column;
  color: #005aaa;
  font-family: "InterBlack";
  font-size: 60px;
  font-weight: 100;
  line-height: 70px;
  margin-bottom: 18px;
}
.section-our-services
  .contenedor-two
  .bottom
  .right
  #our-services-text
  .splide__slide
  .text-slide
  h2
  span {
  padding-left: 9rem;
  color: #e60000;
  font-family: "InterBlack";
  font-size: 60px;
  font-weight: 900;
  line-height: 70px;
}
.section-our-services
  .contenedor-two
  .bottom
  .right
  #our-services-text
  .splide__slide
  .text-slide
  .texto {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 4.3rem;
  padding-left: 8rem;
}
.section-our-services
  .contenedor-two
  .bottom
  .right
  #our-services-text
  .splide__slide
  .text-slide
  .texto
  p {
  color: #575756;
  font-family: "InterRegular";
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
}
.section-our-services
  .contenedor-two
  .bottom
  .right
  #our-services-text
  .splide__slide
  .text-slide
  .enlace {
  display: flex;
  justify-content: flex-end;
}
.section-our-services
  .contenedor-two
  .bottom
  .right
  #our-services-text
  .splide__slide
  .text-slide
  .enlace
  a {
  background: #08447a;
  display: block;
  width: 8rem;
  border: 1px solid white;
  color: white;
  text-align: center;
  font-family: "InterMedium";
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  padding-block: 6px;
  transition: all 0.5s ease;
}
.section-our-services
  .contenedor-two
  .bottom
  .right
  #our-services-text
  .splide__slide
  .text-slide
  .enlace
  a:hover {
  color: #e60000;
  background: white;
  font-family: "InterBold";
}
.section-our-services::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
  background: rgba(8, 68, 122, 0.2);
  z-index: -1;
}

.section-our-products {
  position: relative;
  background: #08447a;
  z-index: 1;
}
.section-our-products .contenedor {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  gap: 3.6rem;
  padding-block: 3%;
}
.section-our-products .contenedor .top {
  display: flex;
}
.section-our-products .contenedor .top h2 {
  position: relative;
  max-width: 15rem;
  color: #fff;
  font-family: "InterExtraBold";
  font-size: 40px;
  font-weight: 100;
  line-height: 50px;
}
.section-our-products .contenedor .top h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.5rem;
  height: 6px;
  width: 6rem;
  background: white;
}
.section-our-products .contenedor .bottom #nuestros-productos .splide__slide {
  /* background-image: url("../assets/nuestros-productos-card.webp"); */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 30rem;
  padding-inline: 19px;
}
.section-our-products
  .contenedor
  .bottom
  #nuestros-productos
  .splide__slide
  .container {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 10px;
  height: 100%;
}
.section-our-products
  .contenedor
  .bottom
  #nuestros-productos
  .splide__slide
  .container
  .top {
  background: white;
  display: flex;
  align-items: center;
  width: 4rem;
  height: 2rem;
  justify-content: center;
  transition: all 0.5s ease;
  transform: translateY(-2rem);
}
.section-our-products
  .contenedor
  .bottom
  #nuestros-productos
  .splide__slide
  .container
  .bottom {
  /* overflow: hidden; */
  transform: translateY(-2rem);
  /* max-height: 3rem;
  margin-bottom: 2rem; */
  transition: all 0.5s ease;
}
.section-our-products
  .contenedor
  .bottom
  #nuestros-productos
  .splide__slide
  .container
  .bottom
  h3 {
  color: #fff;
  font-family: "InterBold";
  font-size: 20px;
  font-weight: 100;
  line-height: 25px;
  max-width: 14rem;
}
.section-our-products
  .contenedor
  .bottom
  #nuestros-productos
  .splide__slide
  .container
  .bottom
  p {
  color: #fff;
  font-family: "InterRegular";
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  opacity: 0;
  transition: all 0.5s ease;
  position: absolute;
}
.section-our-products
  .contenedor
  .bottom
  #nuestros-productos
  .splide__slide:hover
  .container
  .bottom
  p {
  opacity: 1;
}
.section-our-products
  .contenedor
  .bottom
  #nuestros-productos
  .splide__slide::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #08447a 100%);
  mix-blend-mode: multiply;
  z-index: -1;
  transition: all 0.5s ease;
}
.section-our-products
  .contenedor
  .bottom
  #nuestros-productos
  .splide__slide::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: linear-gradient(180deg, #000 0%, #08447a 100%);
  mix-blend-mode: multiply;
  z-index: -1;
  transition: all 0.5s ease;
}
.section-our-products
  .contenedor
  .bottom
  #nuestros-productos
  .splide__slide:hover::after {
  opacity: 0;
}
.section-our-products
  .contenedor
  .bottom
  #nuestros-productos
  .splide__slide:hover::before {
  opacity: 0.8;
}
.section-our-products
  .contenedor
  .bottom
  #nuestros-productos
  .splide__slide:hover
  .container
  .top {
  width: 2rem;
  transform: translateY(-4rem);
}
.section-our-products
  .contenedor
  .bottom
  #nuestros-productos
  .splide__slide:hover
  .container
  .bottom {
  transform: translateY(-4rem);
  /* max-height: 7rem; */
}
.section-our-products .contenedor .redirect {
  width: 14rem;
  margin-inline: auto;
  border: 1px solid white;
  color: white;
  text-align: center;
  font-family: "InterMedium";
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  padding-block: 6px;
  transition: all 0.5s ease;
}
.section-our-products .contenedor .redirect:hover {
  color: #e60000;
  background: white;
  font-family: "InterBold";
}
.section-our-products::after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  /* background-image: url("../assets/fondo-nuestros-productos.webp"); */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.1;
  z-index: -1;
}

.section-notices .contenedor {
  display: flex;
  flex-direction: column;
  padding-block: 5%;
  gap: 3.7rem;
}
.section-notices .contenedor .top h2 {
  color: #e60000;
  text-align: center;
  font-family: "InterExtraBold";
  font-size: 40px;
  font-style: normal;
  font-weight: 100;
  line-height: 50px;
}
.section-notices .contenedor .bottom {
  padding: 18px 14px;
}
.section-notices .contenedor .bottom #notices .splide__slide {
  padding-bottom: 1rem;
}
.section-notices .contenedor .bottom #notices .splide__slide .container {
  display: flex;
  flex-direction: column;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.section-notices
  .contenedor
  .bottom
  #notices
  .splide__slide
  .container
  .top
  img {
  width: 100%;
}
.section-notices
  .contenedor
  .bottom
  #notices
  .splide__slide
  .container
  .bottom {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.section-notices
  .contenedor
  .bottom
  #notices
  .splide__slide
  .container
  .bottom
  h3 {
  color: #e60000;
  font-family: "InterBold";
  font-size: 20px;
  font-weight: 100;
  line-height: 25px;
  position: relative;
}
.section-notices
  .contenedor
  .bottom
  #notices
  .splide__slide
  .container
  .bottom
  h3::after {
  content: "";
  position: absolute;
  width: 7rem;
  height: 1px;
  background: #424242;
  left: 0;
  bottom: -0.1rem;
  transition: all 0.5s ease;
}
.section-notices
  .contenedor
  .bottom
  #notices
  .splide__slide
  .container
  .bottom
  p {
  color: #575756;
  font-family: "InterLight";
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
}
.section-notices
  .contenedor
  .bottom
  #notices
  .splide__slide
  .container
  .bottom
  span {
  color: #005aaa;
  font-family: "InterRegular";
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.75px;
  text-decoration-line: underline;
  padding-bottom: 0.1rem;
  transition: all 0.5s ease;
}
.section-notices
  .contenedor
  .bottom
  #notices
  .splide__slide:hover
  .container
  .bottom
  h3::after {
  width: 3rem;
}
.section-notices
  .contenedor
  .bottom
  #notices
  .splide__slide:hover
  .container
  .bottom
  span {
  letter-spacing: 3px;
}
.section-notices .contenedor .redirect {
  border: 1px solid #005aaa;
  color: #08447a;
  text-align: center;
  font-family: "InterMedium";
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  padding-block: 6px;
  transition: all 0.5s ease;
  display: block;
  width: 8rem;
  margin-inline: auto;
}
.section-notices .contenedor .redirect:hover {
  color: white;
  background: #005aaa;
  font-family: "InterBold";
}

.section-contact-form {
  /* background-image: url("../assets/fondo-contacto.webp"); */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  height: 90vh;
  overflow: hidden;
}
.section-contact-form .left {
  display: flex;
  align-items: flex-end;
  flex-grow: 1;
  flex-basis: 200px;
  position: relative;
  z-index: 1;
}
.section-contact-form .left .contenedor-four {
  height: 14.5rem;
}
.section-contact-form .left .contenedor-four h2 {
  color: #fff;
  font-family: "InterExtraBold";
  font-size: 40px;
  font-weight: 100;
  line-height: 50px;
  max-width: 28rem;
  position: relative;
}
.section-contact-form .left .contenedor-four h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.5rem;
  width: 5rem;
  height: 6px;
  background: white;
}
.section-contact-form .left::after {
  content: "";
  /* background-image: url(../assets/fondo-contact-text.webp); */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  left: 0;
  bottom: -4rem;
  width: 100%;
  height: 25rem;
  z-index: -1;
}
.section-contact-form .right {
  flex-grow: 1;
  flex-basis: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section-contact-form .right .contenedor-four {
  margin-left: 10rem;
}
.section-contact-form .right .contenedor-four form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: white;
  padding: 2.8rem;
}
.section-contact-form .right .contenedor-four form p label {
  color: #005aaa;
  font-family: "InterRegular";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.section-contact-form .right .contenedor-four form p label span input {
  border: 1px solid #005aaa;
  background: rgba(0, 90, 170, 0.1);
  height: 36px;
  width: 100%;
}
.section-contact-form .right .contenedor-four form p label span textarea {
  border: 1px solid #005aaa;
  background: rgba(0, 90, 170, 0.1);
  height: 36px;
  width: 100%;
  height: 153px;
}
.section-contact-form .right .contenedor-four form p:nth-child(6) input {
  background: #e60000;
  border: 1px solid #e60000;
  color: white;
  text-align: center;
  font-family: "InterMedium";
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  padding-block: 6px;
  transition: all 0.5s ease;
  margin-top: 2rem;
  width: 8rem;
}
.section-contact-form .right .contenedor-four form p:nth-child(6) span,
.wpcf7-response-output {
  display: none !important;
}
.section-contact-form .right .contenedor-four form p:nth-child(6) {
  display: flex;
  align-items: center;
  justify-content: center;
}
.section-contact-form .right .contenedor-four form div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.section-contact-form .right .contenedor-four form div label {
  color: #005aaa;
  font-family: "InterRegular";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.section-contact-form .right .contenedor-four form div input {
  border: 1px solid #005aaa;
  background: rgba(0, 90, 170, 0.1);
  height: 36px;
}
.section-contact-form .right .contenedor-four form div:nth-child(4) input {
  height: 93px;
}
.section-contact-form .right .contenedor-four form .redirect {
  background: #e60000;
  border: 1px solid #e60000;
  color: white;
  text-align: center;
  font-family: "InterMedium";
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  padding-block: 6px;
  transition: all 0.5s ease;
  margin-top: 2rem;
}
.section-contact-form .right .contenedor-four form .redirect:hover {
  color: #e60000;
  background: white;
  font-family: "InterBold";
}
.section-contact-form::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.9;
  background: #000;
  z-index: -1;
}

.section-banner-nosotros {
  height: 30vh;
  background: linear-gradient(0deg, #e60000 0%, #005aaa 100%);
  position: relative;
  z-index: 1;
}
.section-banner-nosotros .contenedor {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.section-banner-nosotros .contenedor h1 {
  color: #fff;
  text-align: center;
  font-family: "InterExtraBold";
  font-size: 40px;
  font-weight: 100;
  line-height: 45px;
}
.section-banner-nosotros::after {
  content: "";
  filter: grayscale(100%);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.3;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.main-nosotros .section-who-are {
  padding-block: 5% 7%;
  background: linear-gradient(180deg, #08447a 0%, #005aaa 100%);
}
.main-nosotros .section-who-are .contenedor {
  display: flex;
  flex-direction: column;
  gap: 8.5rem;
}
.main-nosotros .section-who-are .contenedor .top {
  display: flex;
  flex-wrap: wrap;
}
.main-nosotros .section-who-are .contenedor .top .right .bottom::after {
  background: transparent;
}
.main-nosotros .section-who-are .contenedor .bottom {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.main-nosotros .section-who-are .contenedor .bottom .title h2 {
  color: #fff;
  text-align: center;
  font-family: "InterExtraBold";
  font-size: 30px;
  font-weight: 100;
  line-height: 30px;
  position: relative;
}
.main-nosotros .section-who-are .contenedor .bottom .title h2::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -1rem;
  width: 7rem;
  height: 6px;
  background: white;
}
.main-nosotros .section-who-are .contenedor .bottom .container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.5rem;
  flex-wrap: wrap;
}
.main-nosotros .section-who-are .contenedor .bottom .item {
  max-width: calc(33% - 2rem);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  -webkit-clip-path: polygon(100% 0, 100% 80%, 90% 100%, 0 100%, 0 0);
  clip-path: polygon(100% 0, 100% 80%, 90% 100%, 0 100%, 0 0);
  padding-inline: 1.6rem 2.8rem;
  height: 20.5rem;
  position: relative;
  padding-bottom: 4rem;
  cursor: pointer;
}
.main-nosotros .section-who-are .contenedor .bottom .item .texto {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  transition: all 0.5s ease;
}
.main-nosotros .section-who-are .contenedor .bottom .item .texto h2 {
  font-family: "InterBlack";
  font-weight: 100;
  line-height: 30px;
  font-size: 30px;
}
.main-nosotros .section-who-are .contenedor .bottom .item .texto p {
  font-family: "InterRegular";
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
  opacity: 0;
  transition: all 0.5s ease;
}
.main-nosotros .section-who-are .contenedor .bottom .item svg {
  transition: all 0.5s ease;
  position: absolute;
  right: 3rem;
}
.main-nosotros .section-who-are .contenedor .bottom .item:nth-child(1) {
  background: white;
}
.main-nosotros .section-who-are .contenedor .bottom .item:nth-child(1) h2 {
  color: #08447a;
}
.main-nosotros .section-who-are .contenedor .bottom .item:nth-child(1) p {
  color: #08447a;
}
.main-nosotros
  .section-who-are
  .contenedor
  .bottom
  .item:nth-child(1)
  svg
  path {
  fill: #005aaa !important;
}
.main-nosotros .section-who-are .contenedor .bottom .item:nth-child(2) {
  background: #08447a;
}
.main-nosotros .section-who-are .contenedor .bottom .item:nth-child(2) h2 {
  color: white;
}
.main-nosotros .section-who-are .contenedor .bottom .item:nth-child(2) p {
  color: white;
}
.main-nosotros .section-who-are .contenedor .bottom .item:nth-child(3) {
  background: #e60000;
}
.main-nosotros .section-who-are .contenedor .bottom .item:nth-child(3) h2 {
  color: white;
}
.main-nosotros .section-who-are .contenedor .bottom .item:nth-child(3) p {
  color: white;
}
.main-nosotros .section-who-are .contenedor .bottom .item:hover .texto {
  transform: translateY(-3rem);
}
.main-nosotros .section-who-are .contenedor .bottom .item:hover .texto p {
  opacity: 1;
}
.main-nosotros .section-who-are .contenedor .bottom .item:hover svg {
  right: 5rem;
  opacity: 0;
}

.section-banner-servicios {
  height: 30vh;
  background: linear-gradient(0deg, #e60000 0%, #005aaa 100%);
  position: relative;
  z-index: 1;
}
.section-banner-servicios .contenedor {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.section-banner-servicios .contenedor h1 {
  color: #fff;
  text-align: center;
  font-family: "InterExtraBold";
  font-size: 40px;
  font-weight: 100;
  line-height: 45px;
}
.section-banner-servicios::after {
  content: "";
  /* background-image: url("../assets/banner-nosotros.webp"); */
  filter: grayscale(100%);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.3;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.section-cards-servicios {
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section-cards-servicios .contenedor {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  height: 100%;
  gap: 2.5rem;
  padding-block: 3rem;
}
.section-cards-servicios .contenedor .left {
  min-width: calc(42%);
  height: 30rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.section-cards-servicios .contenedor .left:nth-child(even) {
  align-items: flex-end;
}
.section-cards-servicios .contenedor .left .card {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  z-index: 1;
  /*height: 80%;*/
  height: 100%;
  width: 95%;
}
.section-cards-servicios .contenedor .left .card h2 {
  color: #fff;
  text-align: center;
  font-family: "InterExtraBold";
  font-size: 30px;
  font-weight: 800;
  line-height: 40px;
  transition: all 0.5s ease;
}
.section-cards-servicios .contenedor .left .card p {
  color: #fff;
  text-align: center;
  font-family: "InterRegular";
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 6px;
  text-decoration-line: underline;
  transition: all 0.5s ease;
  transform: translateY(-5rem);
  opacity: 0;
}
.section-cards-servicios .contenedor .left .card::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 10rem;
  background: linear-gradient(0deg, #08447a 0%, rgba(0, 90, 170, 0) 100%);
  z-index: -1;
}
.section-cards-servicios .contenedor .left .card::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background: linear-gradient(0deg, #08447a 0%, rgba(0, 90, 170, 0.12) 100%);
  transition: all 0.5s ease;
}
.section-cards-servicios .contenedor .left .card:hover::before {
  height: 100%;
}
.section-cards-servicios .contenedor .left .card:hover h2 {
  transform: translateY(-2rem);
}
.section-cards-servicios .contenedor .left .card:hover p {
  transform: translateY(-1.5rem);
  opacity: 1;
}
.section-cards-servicios .contenedor .left .title {
  display: none;
  color: #005aaa;
  font-family: "InterBlack";
  font-size: 30px;
  font-weight: 100;
  line-height: 30px;
  flex-direction: column;
}
.section-cards-servicios .contenedor .left .title span {
  color: #e60000;
  padding-left: 5rem;
}
.section-cards-servicios .contenedor .right {
  flex-grow: 1;
  flex-basis: 200px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.section-cards-servicios .contenedor .right .card {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  z-index: 1;
  height: 80%;
  width: 95%;
}
.section-cards-servicios .contenedor .right .card h2 {
  color: #fff;
  text-align: center;
  font-family: "InterExtraBold";
  font-size: 30px;
  font-weight: 800;
  line-height: 40px;
  transition: all 0.5s ease;
}
.section-cards-servicios .contenedor .right .card p {
  color: #fff;
  text-align: center;
  font-family: "InterRegular";
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 6px;
  text-decoration-line: underline;
  transition: all 0.5s ease;
  transform: translateY(-5rem);
  opacity: 0;
}
.section-cards-servicios .contenedor .right .card::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 10rem;
  background: linear-gradient(0deg, #08447a 0%, rgba(0, 90, 170, 0) 100%);
  z-index: -1;
}
.section-cards-servicios .contenedor .right .card::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background: linear-gradient(0deg, #08447a 0%, rgba(0, 90, 170, 0.12) 100%);
  transition: all 0.5s ease;
}
.section-cards-servicios .contenedor .right .card:hover::before {
  height: 100%;
}
.section-cards-servicios .contenedor .right .card:hover h2 {
  transform: translateY(-2rem);
}
.section-cards-servicios .contenedor .right .card:hover p {
  transform: translateY(-1.5rem);
  opacity: 1;
}
.section-cards-servicios .contenedor .right .title {
  color: #005aaa;
  font-family: "InterBlack";
  font-size: 30px;
  font-weight: 900;
  line-height: 30px;
  display: none;
  flex-direction: column;
}
.section-cards-servicios .contenedor .right .title span {
  color: #e60000;
  padding-left: 5rem;
}

.section-banner-single-servicio {
  height: 30vh;
  background: linear-gradient(0deg, #e60000 0%, #005aaa 100%);
  position: relative;
  z-index: 1;
}
.section-banner-single-servicio .contenedor {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.section-banner-single-servicio .contenedor h1 {
  color: #fff;
  text-align: center;
  font-family: "InterExtraBold";
  font-size: 40px;
  font-weight: 100;
  line-height: 45px;
}
.section-banner-single-servicio::after {
  content: "";
  /* background-image: url("../assets/banner-nosotros.webp"); */
  filter: grayscale(100%);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.3;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.section-content-single-servicio .contenedor-two {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding-block: 4rem;
  gap: 2rem;
}
.section-content-single-servicio .contenedor-two .left {
  flex-grow: 1;
  flex-basis: 100px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.section-content-single-servicio .contenedor-two .left h2 {
  color: #005aaa;
  font-family: "InterExtraBold";
  font-size: 30px;
  font-style: normal;
  font-weight: 100;
  line-height: 30px;
}
.section-content-single-servicio .contenedor-two .left ul {
  display: flex;
  flex-direction: column;
  padding-left: 1.5rem;
}
.section-content-single-servicio .contenedor-two .left ul li {
  color: #575756;
  font-family: "InterRegular";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  /* list-style-image: url("../assets/item-list.webp"); */
}
.section-content-single-servicio .contenedor-two .right {
  flex-grow: 1;
  flex-basis: 350px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section-content-single-servicio .contenedor-two .right img {
  width: 100%;
}
.section-grid-single-servicio #splide-imagenes-service {
  height: 75vh;
}
.section-grid-single-servicio
  #splide-imagenes-service
  #splide-imagenes-service-track {
  height: 100%;
}
.section-grid-single-servicio .contenedor-three {
  display: grid;
  grid-template-rows: repeat(8, 1fr);
  grid-gap: 20px;
  height: 100%;
}
.section-grid-single-servicio .contenedor-three > div {
  text-align: center;
  font-size: 30px;
}
.section-grid-single-servicio .contenedor-three > div img {
  width: 100%;
  height: 100%;
}
.item1 {
  grid-area: span 5 / span 2;
}
.item4 {
  grid-area: 6 span / 1;
}
.item3 {
  grid-area: 7 span / 3;
}
.item2 {
  grid-area: span 4 / 3;
}
.item5 {
  grid-area: 6 span / 2;
}
.section-grid-single-servicio .contenedor-three .left {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.section-grid-single-servicio .contenedor-three .left .top {
  height: 16.5rem;
  width: 100%;
}
.section-grid-single-servicio .contenedor-three .left .top img {
  width: 100%;
  height: 100%;
}
.section-grid-single-servicio .contenedor-three .left .bottom {
  display: flex;
  width: 100%;
  height: 16.5rem;
  gap: 1rem;
}
.section-grid-single-servicio .contenedor-three .left .bottom img {
  width: 49%;
  height: 100%;
}
.section-grid-single-servicio .contenedor-three .right {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.section-grid-single-servicio .contenedor-three .right div {
  height: 16.5rem;
}
.section-grid-single-servicio .contenedor-three .right div img {
  width: 100%;
  height: 100%;
}
.section-grid-single-servicio .redirect {
  margin-inline: auto;
  margin-block: 5rem;
  width: 10rem;
  display: block;
  border: 1px solid #005aaa;
  color: #08447a;
  text-align: center;
  font-family: "InterMedium";
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  padding-block: 6px;
  transition: all 0.5s ease;
}
.section-grid-single-servicio .redirect:hover {
  color: white;
  background: #005aaa;
  font-family: "InterBold";
}

.section-grid-single-servicio-mobile {
  display: none;
}

.section-banner-clientes {
  height: 30vh;
  background: linear-gradient(0deg, #e60000 0%, #005aaa 100%);
  position: relative;
  z-index: 1;
}
.section-banner-clientes .contenedor {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.section-banner-clientes .contenedor h1 {
  color: #fff;
  text-align: center;
  font-family: "InterExtraBold";
  font-size: 40px;
  font-weight: 100;
  line-height: 45px;
}
.section-banner-clientes::after {
  content: "";
  /* background-image: url("../assets/banner-nosotros.webp"); */
  filter: grayscale(100%);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.3;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.section-contenedor-logos .contenedor {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1.5rem;
  padding-block: 4rem;
}
.section-contenedor-logos .contenedor .logo {
  flex-grow: 0;
  flex-basis: 250px;
}
.section-contenedor-logos .contenedor .logo img {
  width: 100%;
}
.section-contenedor-logos .redirect {
  margin-inline: auto;
  margin-bottom: 4rem;
  width: 10rem;
  display: block;
  border: 1px solid #005aaa;
  color: #08447a;
  text-align: center;
  font-family: "InterMedium";
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  padding-block: 6px;
  transition: all 0.5s ease;
}
.section-contenedor-logos .redirect:hover {
  color: white;
  background: #005aaa;
  font-family: "InterBold";
}

.section-banner-noticias {
  height: 30vh;
  background: linear-gradient(0deg, #e60000 0%, #005aaa 100%);
  position: relative;
  z-index: 1;
}
.section-banner-noticias .contenedor {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.section-banner-noticias .contenedor h1 {
  color: #fff;
  text-align: center;
  font-family: "InterExtraBold";
  font-size: 40px;
  font-weight: 100;
  line-height: 45px;
}
.section-banner-noticias::after {
  content: "";
  filter: grayscale(100%);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.3;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.section-contenedor-noticias .contenedor {
  display: flex;
  flex-direction: column;
  gap: 3.4rem;
  padding-block: 3.5rem 5.3rem;
}
.section-contenedor-noticias .contenedor .top {
  display: flex;
  justify-content: space-between;
}
.section-contenedor-noticias .contenedor .top .option-categories {
  display: none;
}
.section-contenedor-noticias .contenedor .top .left ul {
  display: flex;
  gap: 1rem;
}
.section-contenedor-noticias .contenedor .top .left ul li {
  width: auto;
  border: 1px solid #08447a;
  height: 2.2rem;
  padding-inline: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section-contenedor-noticias .contenedor .top .left ul li a {
  color: #08447a;
  text-align: center;
  font-family: "InterMedium";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
}
.section-contenedor-noticias .contenedor .top .left ul li.active {
  background: #e60000;
  border: #e60000;
}
.section-contenedor-noticias .contenedor .top .left ul li.active a {
  color: white;
}
.section-contenedor-noticias .contenedor .top .right {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 22.5rem;
}
.section-contenedor-noticias .contenedor .top .right form {
  position: relative;
  height: 2rem;
  width: 100%;
}
.section-contenedor-noticias .contenedor .top .right form button {
  position: absolute;
  left: 0.35rem;
  border: none;
  background: transparent;
  top: 50%;
  transform: translateY(-50%);
}
.section-contenedor-noticias .contenedor .top .right input {
  height: 100%;
  width: 100%;
  background: #b4c6d7;
  border: none;
  padding-left: 2rem;
  color: #005aaa;
  font-family: "InterRegular";
  font-size: 16px;
}
.section-contenedor-noticias .contenedor .top .right input::-moz-placeholder {
  color: #005aaa;
  font-family: "InterRegular";
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
}
.section-contenedor-noticias .contenedor .top .right input::placeholder {
  color: #005aaa;
  font-family: "InterRegular";
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
}
.section-contenedor-noticias .contenedor .bottom {
  display: flex;
  flex-direction: column;
  gap: 5rem;
}
.section-contenedor-noticias .contenedor .bottom .big .notice {
  position: relative;
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
  flex-direction: column;
  width: 100%;
  height: 22rem;
  background-image: url("../assets/big-notice.webp");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
  padding: 2.2rem 1.8rem;
}
.section-contenedor-noticias .contenedor .bottom .big .notice h2 {
  color: #fff;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  font-family: "InterBold";
  font-size: 26.847px;
  font-weight: 100;
  line-height: 33.558px;
  position: relative;
}
.section-contenedor-noticias .contenedor .bottom .big .notice h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.5rem;
  width: 8rem;
  height: 1.3px;
  background: white;
}
.section-contenedor-noticias .contenedor .bottom .big .notice p {
  color: #fff;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  font-family: "InterLight";
  font-size: 20.135px;
  font-weight: 300;
  line-height: 26.847px;
  max-width: 30rem;
}
.section-contenedor-noticias .contenedor .bottom .big .notice::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(8, 68, 122, 0.29) 0%, #08447a 100%);
  z-index: -1;
}
.section-contenedor-noticias .contenedor .bottom .small {
  display: flex;
  flex-wrap: wrap;
  gap: 2.3rem;
}
.section-contenedor-noticias .contenedor .bottom .small .card {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: 300px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
  max-width: calc(25%);
}
.section-contenedor-noticias .contenedor .bottom .small .card .top img {
  width: 100%;
  object-fit: cover;
}
.section-contenedor-noticias .contenedor .bottom .small .card .bottom {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
}
.section-contenedor-noticias .contenedor .bottom .small .card .bottom h2 {
  color: #e60000;
  font-family: "InterBold";
  font-size: 20px;
  font-weight: 100;
  line-height: 25px;
  position: relative;
}
.section-contenedor-noticias
  .contenedor
  .bottom
  .small
  .card
  .bottom
  h2::after {
  content: "";
  left: 0;
  bottom: -0.1rem;
  position: absolute;
  width: 7rem;
  height: 1.5px;
  background: #424242;
  transition: all 0.5s ease;
}
.section-contenedor-noticias .contenedor .bottom .small .card .bottom h3 {
  color: #575756;
  font-family: "InterLight";
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
}
.section-contenedor-noticias .contenedor .bottom .small .card .bottom p {
  color: #005aaa;
  font-family: "InterRegular";
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.75px;
  text-decoration-line: underline;
}
.section-contenedor-noticias
  .contenedor
  .bottom
  .small
  .card:hover
  .bottom
  h2::after {
  width: 3rem;
}
.section-contenedor-noticias .contenedor .redirect {
  width: 8rem;
  margin-inline: auto;
  border: 1px solid #005aaa;
  color: #08447a;
  text-align: center;
  font-family: "InterMedium";
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  padding-block: 6px;
  transition: all 0.5s ease;
}
.section-contenedor-noticias .contenedor .redirect:hover {
  color: white;
  background: #005aaa;
  font-family: "InterBold";
}

.section-banner-single {
  height: 30vh;
  background: linear-gradient(0deg, #e60000 0%, #005aaa 100%);
  position: relative;
  z-index: 1;
}
.section-banner-single .contenedor {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.section-banner-single .contenedor h1 {
  color: #fff;
  text-align: center;
  font-family: "InterExtraBold";
  font-size: 40px;
  font-weight: 800;
  line-height: 45px;
}
.section-banner-single::after {
  content: "";
  background-image: url("../assets/banner-nosotros.webp");
  filter: grayscale(100%);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.3;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.section-contenido-entrada .contenedor {
  display: flex;
  flex-wrap: wrap;
  gap: 3.8rem;
  padding-block: 4.5rem;
}
.section-contenido-entrada .contenedor .left {
  flex-grow: 1;
  flex-basis: 800px;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  width: 75%;
}
.section-contenido-entrada .contenedor .redirect-bottom-mobile {
  width: 100%;
  display: none;
}
.section-contenido-entrada .contenedor .redirect-bottom-mobile a {
  margin-bottom: 0;
}
.section-contenido-entrada .contenedor .left img {
  width: 100%;
}
.section-contenido-entrada .contenedor .left h2 {
  color: #005aaa;
  font-family: "InterBold";
  font-size: 30px;
  font-weight: 100;
  line-height: 30px;
}
.section-contenido-entrada .contenedor .left p {
  color: #575756;
  text-align: justify;
  font-family: "InterLight";
  font-size: 15px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px;
}
.section-contenido-entrada .contenedor .right {
  flex-grow: 1;
  flex-basis: 200px;
  padding-top: 3.5rem;
}
.section-contenido-entrada .contenedor .right .title {
  display: none;
  color: #e60000;
  text-align: center;
  font-family: "InterBold";
  font-size: 20px;
  font-weight: 100;
  line-height: 25px;
  margin-bottom: 2.4rem;
}
.section-contenido-entrada
  .contenedor
  .right
  #notices-relased
  #notices-relased-list {
  flex-direction: column;
}
.section-contenido-entrada .contenedor .right #notices-relased .splide__slide {
  width: 100% !important;
  margin-bottom: 2rem;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.section-contenido-entrada
  .contenedor
  .right
  #notices-relased
  .splide__slide
  .container {
  display: flex;
  flex-direction: column;
}
.section-contenido-entrada
  .contenedor
  .right
  #notices-relased
  .splide__slide
  .container
  .top
  img {
  width: 100%;
}
.section-contenido-entrada
  .contenedor
  .right
  #notices-relased
  .splide__slide
  .container
  .bottom {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
}
.section-contenido-entrada
  .contenedor
  .right
  #notices-relased
  .splide__slide
  .container
  .bottom
  h2 {
  color: #e60000;
  font-family: "InterBold";
  font-size: 18px;
  font-weight: 100;
  line-height: 18px;
  position: relative;
}
.section-contenido-entrada
  .contenedor
  .right
  #notices-relased
  .splide__slide
  .container
  .bottom
  h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.3rem;
  width: 6rem;
  height: 1px;
  background: #424242;
}
.section-contenido-entrada
  .contenedor
  .right
  #notices-relased
  .splide__slide
  .container
  .bottom
  h3 {
  color: #575756;
  font-family: "InterLight";
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
}
.section-contenido-entrada
  .contenedor
  .right
  #notices-relased
  .splide__slide
  .container
  .bottom
  p {
  color: #005aaa;
  font-family: "InterRegular";
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.75px;
  text-decoration-line: underline;
}
.section-contenido-entrada .redirect {
  display: block;
  width: 8rem;
  margin-inline: auto;
  margin-bottom: 4rem;
  border: 1px solid #005aaa;
  color: #08447a;
  text-align: center;
  font-family: "InterMedium";
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  padding-block: 6px;
  transition: all 0.5s ease;
}
.section-contenido-entrada .redirect:hover {
  color: white;
  background: #005aaa;
  font-family: "InterBold";
}

.section-banner-productos {
  height: 30vh;
  background: linear-gradient(0deg, #e60000 0%, #005aaa 100%);
  position: relative;
  z-index: 1;
}
.section-banner-productos .contenedor {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.section-banner-productos .contenedor h1 {
  color: #fff;
  text-align: center;
  font-family: "InterExtraBold";
  font-size: 40px;
  font-weight: 100;
  line-height: 45px;
}
.section-banner-productos::after {
  content: "";
  background-image: url("../assets/banner-nosotros.webp");
  filter: grayscale(100%);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.3;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.section-products .contenedor {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
  padding-block: 6rem 3rem;
}
.section-products .contenedor-two {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 3rem;
}
.section-products .paginador {
  display: flex;
  gap: 0.5rem;
}
.section-products .paginador .prev.page-numbers,
.section-products .paginador .next.page-numbers {
  display: none;
}
.section-products .paginador a {
  background: #08447a;
  color: white;
  font-family: "InterRegular";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}
.section-products .paginador span {
  background: #e60000;
  color: white;
  font-family: "InterRegular";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}
.section-products .contenedor .card {
  max-width: calc(24% - 15px);
  position: relative;
  height: 25rem;
  display: flex;
  flex-direction: column;
  background-image: url("../assets/nuestros-productos-card.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  justify-content: flex-end;
  z-index: 1;
  padding-inline: 19px;
  gap: 10px;
}
.section-products .contenedor .card .top {
  transform: translateY(-2rem);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 2rem;
  background: white;
  transition: all 0.5s ease;
}
.section-products .contenedor .card .bottom {
  /* overflow: hidden; */
  max-height: 3rem;
  transform: translateY(-2rem);
  /* margin-bottom: 2rem; */
  transition: all 0.5s ease;
}
.section-products .contenedor .card .bottom h2 {
  color: #fff;
  font-family: "InterBold";
  font-size: 20px;
  font-weight: 100;
  line-height: 25px;
  max-width: 14rem;
}
.section-products .contenedor .card .bottom p {
  color: #fff;
  font-family: "InterRegular";
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  position: absolute;
  opacity: 0;
  transition: all 0.5s ease;
}
.section-products .contenedor .card:hover .bottom p {
  opacity: 1;
}
.section-products .contenedor .card::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #08447a 100%);
  mix-blend-mode: multiply;
  z-index: -1;
  transition: all 0.5s ease;
}
.section-products .contenedor .card::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: linear-gradient(180deg, #000 0%, #08447a 100%);
  mix-blend-mode: multiply;
  transition: all 0.5s ease;
  z-index: -1;
}
.section-products .contenedor .card:hover::after {
  opacity: 0;
}
.section-products .contenedor .card:hover::before {
  opacity: 0.8;
}
.section-products .contenedor .card:hover .top {
  width: 2rem;
  transform: translateY(-4rem);
}
.section-products .contenedor .card:hover .bottom {
  /* max-height: 7rem; */
  transform: translateY(-4rem);
}
.section-products .redirect {
  margin-inline: auto;
  width: 8rem;
  display: block;
  margin-bottom: 5rem;
  border: 1px solid #005aaa;
  color: #08447a;
  text-align: center;
  font-family: "InterMedium";
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  padding-block: 6px;
  transition: all 0.5s ease;
}
.section-products .redirect:hover {
  color: white;
  background: #005aaa;
  font-family: "InterBold";
}

.section-single-producto .contenedor {
  /* height: 100vh; */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2.2rem;
  padding-block: 8rem 5rem;
}
.section-single-producto .contenedor .center {
  font-family: "InterBold";
  color: #e60000;
  text-align: center;
  font-size: 30px;
  font-weight: 100;
  line-height: 30px;
}
.section-single-producto .contenedor .bottom {
  color: #575756;
  text-align: justify;
  font-family: "InterLight";
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
}
.section-single-producto .contenedor .bottom .redirect {
  width: 8rem;
  margin-top: 3rem;
  display: block;
  margin-inline: auto;
  border: 1px solid #005aaa;
  color: #08447a;
  text-align: center;
  font-family: "InterMedium";
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  padding-block: 6px;
  transition: all 0.5s ease;
}
.section-single-producto .contenedor .bottom .redirect:hover {
  color: white;
  background: #005aaa;
  font-family: "InterBold";
}

.section-banner-contacto {
  height: 30vh;
  background: linear-gradient(0deg, #e60000 0%, #005aaa 100%);
  position: relative;
  z-index: 1;
}
.section-banner-contacto .contenedor {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.section-banner-contacto .contenedor h1 {
  color: #fff;
  text-align: center;
  font-family: "InterExtraBold";
  font-size: 40px;
  font-weight: 100;
  line-height: 45px;
}
.section-banner-contacto::after {
  content: "";
  background-image: url("../assets/banner-nosotros.webp");
  filter: grayscale(100%);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.3;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.section-contenido-contacto .contenedor {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-block: 6rem;
}
.section-contenido-contacto .contenedor .left {
  display: flex;
  justify-content: center;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 3.3rem;
  flex-grow: 1;
  flex-basis: 400px;
}
.section-contenido-contacto .contenedor .left .top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 4rem;
}
.section-contenido-contacto .contenedor .left .top .item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.section-contenido-contacto .contenedor .left .top .item div:nth-child(1) {
  height: 40px;
}
.section-contenido-contacto .contenedor .left .top .item div:nth-child(2) {
  height: 33px;
}
.section-contenido-contacto .contenedor .left .top .item div:nth-child(2) h2 {
  color: #005aaa;
  font-family: "InterRegular";
  font-size: 17.747px;
  font-weight: 400;
  line-height: normal;
}
.section-contenido-contacto .contenedor .left .top .item div:nth-child(3) {
  height: 60px;
}
.section-contenido-contacto .contenedor .left .top .item div:nth-child(3) a {
  color: #005aaa;
  font-family: "InterRegular";
  text-align: center;
  font-size: 12.778px;
  font-weight: 400;
  line-height: normal;
}
.section-contenido-contacto .contenedor .left .top .item:nth-child(2) {
  border-inline: 2px solid #e60000;
  padding-inline: 2.5rem;
}
.section-contenido-contacto .contenedor .left .bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 23px;
}
.section-contenido-contacto .contenedor .left .bottom p {
  color: #005aaa;
  font-family: "InterRegular";
  font-size: 17.747px;
  font-weight: 400;
  line-height: normal;
}
.section-contenido-contacto .contenedor .section-contact-form {
  background-image: none;
  height: auto;
  flex-grow: 1;
  flex-basis: 100px;
}
.section-contenido-contacto .contenedor .section-contact-form .right {
  width: 100%;
}
.section-contenido-contacto
  .contenedor
  .section-contact-form
  .right
  .contenedor-four {
  width: 100%;
}
.section-contenido-contacto
  .contenedor
  .section-contact-form
  .right
  .contenedor-four
  form {
  background: #fafafa;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.section-contenido-contacto .contenedor .section-contact-form::after {
  content: none;
}
.main-contacto
  .section-contenido-contacto
  .contenedor
  .section-contact-form
  .right
  .contenedor-four {
  margin-left: 2rem;
}
.main-contacto
  .section-contact-form
  .right
  .contenedor-four
  form
  p:nth-child(6) {
  justify-content: flex-end;
}
.section-categories-services {
  padding-bottom: 3rem;
}
.section-categories-services .contenedor {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.section-categories-services .contenedor .burguer {
  cursor: pointer;
  display: flex;
}
.section-categories-services .contenedor .burguer .title-sub-categoria{
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section-categories-services .contenedor .burguer .title-sub-categoria p{
    color: #005aaa;
    font-family: "InterRegular";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}
.section-categories-services .contenedor .filter-box .contenedor-sub-categoria {
  width: 100%;
  display: none;
  flex-direction: column;
  gap: 1rem;
}
.section-categories-services .contenedor .filter-box .contenedor-sub-categoria.active{
    display: flex;
}
.section-categories-services
  .contenedor
  .filter-box
  .contenedor-sub-categoria
  .imagenes.active {
  position: static;
  opacity: 1;
}
.section-categories-services
  .contenedor
  .filter-box
  .contenedor-sub-categoria
  .imagenes {
  position: absolute;
  opacity: 0;
  transition: all 0.5s ease;
}
.section-categories-services
  .contenedor
  .filter-box
  .contenedor-sub-categoria
  .imagenes.tres {
  display: grid;
  grid-template-areas:
    "left top top top"
    "left bottom bottom bottom";
  gap: 10px;
  height: 30rem;
}
.section-categories-services
  .contenedor
  .filter-box
  .contenedor-sub-categoria
  .imagenes
  div {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section-categories-services
  .contenedor
  .filter-box
  .contenedor-sub-categoria
  .imagenes
  div
  img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.section-categories-services
  .contenedor
  .filter-box
  .contenedor-sub-categoria
  .imagenes.tres
  div:nth-child(1) {
  grid-area: left;
}
.section-categories-services
  .contenedor
  .filter-box
  .contenedor-sub-categoria
  .imagenes.tres
  div:nth-child(2) {
  grid-area: top;
}
.section-categories-services
  .contenedor
  .filter-box
  .contenedor-sub-categoria
  .imagenes.tres
  div:nth-child(3) {
  grid-area: bottom;
}
.section-categories-services
  .contenedor
  .filter-box
  .contenedor-sub-categoria
  .imagenes.cinco {
  display: grid;
  grid-template-areas:
    "header header main main right right"
    "menu menu menu footer footer footer";
  gap: 10px;
  height: 30rem;
}
.section-categories-services
  .contenedor
  .filter-box
  .contenedor-sub-categoria
  .imagenes.cinco
  div:nth-child(1) {
  grid-area: header;
}
.section-categories-services
  .contenedor
  .filter-box
  .contenedor-sub-categoria
  .imagenes.cinco
  div:nth-child(2) {
  grid-area: menu;
}
.section-categories-services
  .contenedor
  .filter-box
  .contenedor-sub-categoria
  .imagenes.cinco
  div:nth-child(3) {
  grid-area: main;
}
.section-categories-services
  .contenedor
  .filter-box
  .contenedor-sub-categoria
  .imagenes.cinco
  div:nth-child(4) {
  grid-area: right;
}
.section-categories-services
  .contenedor
  .filter-box
  .contenedor-sub-categoria
  .imagenes.cinco
  div:nth-child(5) {
  grid-area: footer;
}
.section-categories-services
  .contenedor
  .filter-box
  .contenedor-sub-categoria
  .imagenes.uno {
  height: 30rem;
}
.section-categories-services
  .contenedor
  .filter-box
  .contenedor-sub-categoria
  .imagenes.uno
  div {
  width: 100%;
  height: 100%;
}
.section-categories-services
  .contenedor
  .filter-box
  .contenedor-sub-categoria
  .imagenes.cuatro {
  display: grid;
  grid-template-areas:
    "main main main main right right"
    "menu menu footer footer footer footer";
  gap: 10px;
  height: 30rem;
}
.section-categories-services
  .contenedor
  .filter-box
  .contenedor-sub-categoria
  .imagenes.cuatro
  div:nth-child(1) {
  grid-area: menu;
}
.section-categories-services
  .contenedor
  .filter-box
  .contenedor-sub-categoria
  .imagenes.cuatro
  div:nth-child(2) {
  grid-area: main;
}
.section-categories-services
  .contenedor
  .filter-box
  .contenedor-sub-categoria
  .imagenes.cuatro
  div:nth-child(3) {
  grid-area: right;
}
.section-categories-services
  .contenedor
  .filter-box
  .contenedor-sub-categoria
  .imagenes.cuatro
  div:nth-child(4) {
  grid-area: footer;
}
.section-categories-services
  .contenedor
  .filter-box
  .contenedor-sub-categoria
  .imagenes.dos {
  display: grid;
  grid-template-areas: "main main main right right right";
  gap: 10px;
  height: 30rem;
}
.section-categories-services
  .contenedor
  .filter-box
  .contenedor-sub-categoria
  .imagenes.dos
  div:nth-child(1) {
  grid-area: main;
}
.section-categories-services
  .contenedor
  .filter-box
  .contenedor-sub-categoria
  .imagenes.dos
  div:nth-child(2) {
  grid-area: right;
}
.section-categories-services
  .contenedor
  .filter-box
  .contenedor-sub-categoria
  .imagenes.seis {
  display: grid;
  grid-template-areas:
    "header header menu menu main main"
    "right right footer footer other other";
  gap: 10px;
}
.section-categories-services
  .contenedor
  .filter-box
  .contenedor-sub-categoria
  .imagenes.seis
  div:nth-child(1) {
    grid-area: header;
}
.section-categories-services
  .contenedor
  .filter-box
  .contenedor-sub-categoria
  .imagenes.seis
  div:nth-child(2) {
    grid-area: menu;
}
.section-categories-services
  .contenedor
  .filter-box
  .contenedor-sub-categoria
  .imagenes.seis
  div:nth-child(3) {
    grid-area: main;
}
.section-categories-services
  .contenedor
  .filter-box
  .contenedor-sub-categoria
  .imagenes.seis
  div:nth-child(4) {
    grid-area: right;
}
.section-categories-services
  .contenedor
  .filter-box
  .contenedor-sub-categoria
  .imagenes.seis
  div:nth-child(5) {
    grid-area: footer;
}
.section-categories-services
  .contenedor
  .filter-box
  .contenedor-sub-categoria
  .imagenes.seis
  div:nth-child(6) {
    grid-area: other;
}
.section-categories-services .contenedor .filter-box {
  display: flex;
  gap: 3rem;
  position: relative;
}
.section-categories-services .contenedor .filter-box .box {
  display: flex;
  flex-direction: column;
  gap: 3.5rem;
  width: 30%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  transition: all 0.5s ease;
}
.section-categories-services .contenedor .filter-box .container-sub {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 1rem;
}
.section-categories-services .contenedor .filter-box.active .box {
  opacity: 1;
  display: block;
  position: relative;
  pointer-events: all;
}
.section-categories-services .contenedor .filter-box.active .box .close {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  padding-right: 2rem;
  cursor: pointer;
}
.section-categories-services .contenedor .filter-box .box .container-ul {
  padding-top: 1.6rem;
}
.section-categories-services .contenedor .filter-box h2 {
  color: #005aaa;
  font-family: "InterBold";
  font-size: 14.229px;
  font-weight: 700;
  letter-spacing: 2.846px;
  text-transform: uppercase;
}
.section-categories-services .contenedor .filter-box ul {
  display: flex;
  flex-direction: column;
  gap: 2.6rem;
  padding-top: 1.8rem;
}
.section-categories-services .contenedor .filter-box ul li {
  color: #575756;
  font-family: "InterMedium";
  font-size: 14.229px;
  font-weight: 500;
  letter-spacing: 2.846px;
  text-transform: uppercase;
  max-width: 20.5rem;
  position: relative;
  transition: all 0.3s ease;
  cursor: pointer;
}
.section-categories-services .contenedor .filter-box ul li::after {
  content: "";
  position: absolute;
  width: 88%;
  height: 0.7px;
  background: #575756;
  left: 0;
  bottom: -1rem;
}
.section-categories-services .contenedor .filter-box ul li.active {
  color: #08447a;
  font-weight: 700;
}
.section-categories-services .contenedor .filter-box ul li ul {
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
  max-height: 0;
  overflow: hidden;
  padding-top: 0;
  transition: all 0.5s ease;
}
.section-categories-services .contenedor .filter-box ul li.active ul {
  max-height: 30rem;
  padding-top: 1rem;
}
.section-categories-services .contenedor .filter-box ul li.active ul li.active {
  font-weight: 700;
  color: #575756;
}
.section-categories-services .contenedor .filter-box ul li ul li::after {
  content: none;
}
footer {
  position: relative;
  /* background-image: url("../assets/vector-footer.webp"); */
  background-size: cover;
  background-position: center;
  padding-block: 3.75rem 2rem;
}
footer .contenedor {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
footer .contenedor .top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 3rem;
  position: relative;
}
footer .contenedor .top .left {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
footer .contenedor .top .left h2 {
  display: none;
  color: #fff;
  font-family: "InterBold";
  font-size: 18px;
  font-weight: 100;
  line-height: 18px;
  position: relative;
}
footer .contenedor .top .left h2::after {
  content: "";
  position: absolute;
  width: 10rem;
  height: 1px;
  background: white;
  left: 0;
  bottom: -0.5rem;
}
footer .contenedor .top .left ul {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
footer .contenedor .top .left ul li a {
  color: #fff;
  font-family: "InterSemiBold";
  font-size: 18px;
  font-weight: 600;
  line-height: 18px;
}
footer .contenedor .top .center {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
footer .contenedor .top .center h2 {
  color: #fff;
  font-family: "InterBold";
  font-size: 18px;
  font-weight: 100;
  line-height: 18px;
  position: relative;
}
footer .contenedor .top .center h2::after {
  content: "";
  position: absolute;
  width: 10rem;
  height: 1px;
  background: white;
  left: 0;
  bottom: -0.5rem;
}
footer .contenedor .top .center ul {
  display: flex;
  flex-direction: column;
  gap: 1.8rem;
}
footer .contenedor .top .center ul li a {
  color: #fff;
  font-family: "InterRegular";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
footer .contenedor .top .right {
  display: flex;
  flex-direction: column;
  gap: 2.2rem;
}
footer .contenedor .top .right .item {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
footer .contenedor .top .right .item h2 {
  color: #fff;
  font-family: "InterBold";
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  position: relative;
}
footer .contenedor .top .right .item h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.5rem;
  width: 10rem;
  height: 1px;
  background: white;
}
footer .contenedor .top .right .item p {
  color: #fff;
  font-family: "InterRegular";
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
footer .contenedor .top::after {
  content: "";
  position: absolute;
  width: 95%;
  height: 1px;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  background: white;
}
footer .contenedor .bottom {
  padding-block: 2rem 0;
}
footer .contenedor .bottom p {
  color: #fff;
  text-align: center;
  font-family: "InterRegular";
  font-size: 15px;
  font-weight: 400;
  line-height: 15px;
}
footer::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #005aaa 0%, #001528 100%);
  z-index: -1;
} /*# sourceMappingURL=style.css.map */