@charset "utf-8";
/* CSS Document */
@import url('reset.css');
@font-face {
  font-family: 'ArgentumSans-Bold';
  src: url('../../resources/fuentes/ArgentumSans-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'ArgentumSans-Regular';
  src: url('../../resources/fuentes/ArgentumSans-Regular.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
:root {
  --fondo-claro: #f6f7fa;
  --azul--osc: #0057b8;
  --azul-claro: #0072ce;
  --color-morado: #582c83;
  --color-gris: #3b5266;
  --color-negro: #000;
  --fuente-principal: 'Saira', sans-serif;
  --fuente-secundaria: 'ArgentumSans-Regular', sans-serif;
  --fuente-secundariaBold: 'ArgentumSans-Bold', sans-serif;
}

.table-container {
  width: 100%;
  min-height: 13rem;
  height: auto;
  border: 0;
  background-color: var(--azul--osc);
  padding: 48px 50px 33px 50px;
  display: -webkit-inline-box;
}

.parent {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: 100%;
  column-gap: 4rem;
  padding: 1rem 3rem 0 3rem;
  text-align: center;
}
.div1 {
  grid-area: 1 / 1 / 2 / 2;
}
.div2 {
  grid-area: 1 / 2 / 2 / 3;
}
.div3 {
  grid-area: 1 / 3 / 2 / 4;
}
.div4 {
  grid-area: 1 / 4 / 2 / 5;
}

.table-container a {
  color: var(--fondo-claro);
  text-align: left !important;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 25px; /* 113.636% */
}

.table-container h2 {
  color: var(--fondo-claro);
  text-align: left;
  font-family: var(--fuente-secundariaBold);
  font-size: 0.975rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem; /* 142.857% */
}
.table-container p {
  color: var(--fondo-claro);
  text-align: left;
  font-family: 'ArgentumSans-Regular';
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem; /* 142.857% */
}
@media only screen and (max-width: 1020px) {
  .parent {
    padding: 0;
  }
}
@media only screen and (max-width: 940px) {
  .parent {
    column-gap: 3rem;
  }
}
/* Estilos para móviles */
@media only screen and (max-width: 800px) {
  .banner-azul-desktop {
    display: none;
  }
}
@media only screen and (min-width: 801px) {
  .slider-box-mobile {
    display: none;
  }

  .table-container a {
    font-family: var(--fuente-secundariaRegular);
    color: var(--fondo-claro);
    text-align: center;
    font-size: 20px !important;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
  }
}
/*---------slider-------------------*/
.slider-box-mobile {
  width: 100%;
  height: auto;
  max-height: 13rem;
  margin: auto;
  overflow: hidden;
  background-color: var(--azul--osc);
}

.slider-box-mobile ul {
  display: flex;
  padding: 0;
  width: 400%;
  animation: slide 20s infinite alternate ease-in-out;
  justify-content: center; /* Centrar horizontalmente */
  align-items: center; /* Centrar verticalmente */
  background-color: var(--azul--osc);
}
.slider-box-mobile li {
  width: 100%;
  list-style: none;
  position: relative;
  background-color: var(--azul--osc);
  color: #fff;

  padding: 4rem 5rem;
}

.texto {
  position: absolute;
  text-align: initial;
  padding: 0 20px;
  /*	top:250px;*/
  color: #ffffff;
  background-color: var(--azul--osc);
}

.slider-box-mobile {
  width: 100%;
}

@keyframes slide {
  0% {
    margin-left: 0;
  }
  20% {
    margin-left: 0;
  }

  25% {
    margin-left: -100%;
  }
  45% {
    margin-left: -100%;
  }

  55% {
    margin-left: -200%;
  }
  70% {
    margin-left: -200%;
  }

  75% {
    margin-left: -300%;
  }
  100% {
    margin-left: -300%;
  }
}

@media (max-width: 994px) {
  .slider-box-mobile {
    width: 100%;
  }
  .texto {
    top: 20%;
    padding: 0 15%;
  }
  .texto p {
    margin-top: 10px;
    color: var(--fondo-claro);
    text-align: left;
    font-size: 14px;
    font-style: normal;
    font-weight: 200 !important;
    line-height: 20px; /* 166.667% */
  }
}