@charset "UTF-8";
@font-face {
  font-family: 'Humanist777BT-RomanB';
  src: url("../fonts/Humanist777BT-RomanB.woff2") format("woff2"), url("../fonts/Humanist777BT-RomanB.woff") format("woff"), url("../fonts/Humanist777BT-RomanB.ttf") format("truetype"); }

@font-face {
  font-family: 'Humanist777BT-LightB';
  src: url("../fonts/Humanist777BT-LightB.woff2") format("woff2"), url("../fonts/Humanist777BT-LightB.woff") format("woff"), url("../fonts/Humanist777BT-LightB.ttf") format("truetype"); }

* {
  padding: 0;
  margin: 0; }

html {
  font-family: "Humanist777BT-LightB";
  font-size: 82.5%; }

body {
  width: 100%;
  height: auto;
  background-color: white;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  overflow-y: auto;
  color: #023e74;
  line-height: 1.6rem;
  font-size: 1.2rem; }
  body main {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 98%; }
  body .carousel-item {
    height: 85vh;
    justify-content: stretch; }
    body .carousel-item .img-carousel {
      width: 100%; }
    body .carousel-item .carousel-caption {
      background-color: #024059;
      color: white;
      width: 100%;
      left: 0%; }
  body .contacto {
    display: flex;
    flex-direction: column; }
    body .contacto .form-div div {
      display: flex;
      flex-direction: column; }

@media (min-width: 860px) {
  body {
    line-height: 2rem; } }

h1 {
  font-family: "Humanist777BT-RomanB";
  font-weight: 700;
  color: #bf6415; }

h2 {
  font-family: "Humanist777BT-RomanB";
  font-weight: 500;
  color: #bf6415; }

h3 {
  font-family: "Humanist777BT-RomanB";
  font-weight: 500;
  color: #bf6415; }

a {
  text-decoration: none;
  color: inherit; }

.cont-img-card img {
  border-radius: 1rem; }

section {
  border-style: solid;
  border-radius: 1rem;
  border-width: 0.01rem;
  background-color: rgba(230, 230, 230, 0.2);
  border-color: #e6e6e6;
  width: 100%;
  height: 10%;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  padding: 1.5rem; }
  section .art-img {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-around;
    width: 100%;
    max-height: 10%; }
    section .art-img .cont-txt-card {
      width: 100%; }
    section .art-img .cont-img-card {
      width: 100%;
      display: flex;
      flex-direction: column;
      overflow: hidden; }
      section .art-img .cont-img-card .logos-asociados {
        height: 20%;
        margin-bottom: 1rem;
        display: flex;
        flex-direction: row; }
        section .art-img .cont-img-card .logos-asociados img {
          width: 100px; }
      section .art-img .cont-img-card .carousel {
        height: 22rem; }
        section .art-img .cont-img-card .carousel .carousel-item.active {
          height: 22rem; }
          section .art-img .cont-img-card .carousel .carousel-item.active img {
            height: auto; }

/*-----------------ACOMODAR ESTO----------------------*/
/* Estilo general para el contenedor de los logos */
.logos-asociados {
  display: flex;
  align-items: center;
  width: 100%;
  /* Puedes ajustar el ancho según lo necesites */
  /*background-color: #f0f0f0;  Opcional, solo para visualización */
  padding: 10px;
  /* Opcional */ }

/* Estilo para las imágenes del carrusel */
.logos-asociados img {
  max-width: 100%;
  /* Ajusta el tamaño de los logos */
  height: auto;
  margin: 0 10px;
  border-radius: 0;
  transition: transform 1s; }

/* Añadir la animación para que el contenedor se desplace */
@keyframes moveLogos {
  0% {
    transform: translateX(100%); }
  100% {
    transform: translateX(-100%); } }

/* Aplicar la animación al contenedor */
.logos-asociados {
  display: flex;
  justify-content: space-between;
  animation: moveLogos 7.5s linear infinite; }

.section-animation {
  opacity: 0;
  transform: translateY(20px);
  /* Pequeño desplazamiento hacia abajo */
  transition: opacity 0.6s ease-out, transform 0.6s ease-out; }

/* Estado final, visible */
.section-animation.visible {
  opacity: 1;
  transform: translateY(0);
  /* Desplazamiento en su lugar original */ }

.boton-dtlc {
  border-style: solid;
  border-width: 0.01rem;
  border-radius: 5rem;
  color: white;
  background-color: #bf6415;
  padding: 0.5rem;
  font-weight: 500;
  text-align: center;
  justify-content: center; }

ol {
  counter-reset: item; }
  ol li {
    margin: 1rem;
    display: block; }
  ol li:before {
    content: counters(item, ".") ". ";
    counter-increment: item; }

@media (min-width: 860px) {
  section {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    margin-top: 1.5rem;
    padding: 3rem; }
    section h1 {
      text-align: justify; }
    section .art-sin-img p {
      text-align: justify; }
    section .art-img {
      flex-direction: row; }
      section .art-img .cont-txt-card {
        width: 70%; }
      section .art-img .cont-img-card {
        width: 30%;
        margin-left: 1rem;
        margin-right: 1rem; }
    section .left {
      flex-direction: row-reverse; }
      section .left h1, section .left p {
        text-align: right; } }

body .section-contacto {
  /*
        border-style: solid;
        border-radius: 1rem;
        border-width: 0.01rem;*/
  background-color: rgba(230, 230, 230, 0.2);
  margin-top: 0.5rem;
  margin-bottom: 0.5rem; }
  body .section-contacto .art-contacto .form-div form div {
    display: flex;
    flex-direction: column; }

@media (min-width: 860px) {
  body .section-contacto {
    width: 50%; } }

.navbar {
  width: 100%;
  background-color: #e6e6e6;
  color: #023e74;
  z-index: 10; }
  .navbar .navbar-toggler {
    border-style: none;
    border-color: #bf6415; }
    .navbar .navbar-toggler .navbar-toggler-icon {
      border-color: #023e74; }
  .navbar .custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(2, 62, 116, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }
  .navbar .custom-toggler.navbar-toggler {
    border-color: #023e74; }
  .navbar div ul li.active a {
    font-weight: 800;
    color: #bf6415; }
  .navbar .navbar-brand {
    width: 30%; }
    .navbar .navbar-brand img {
      width: 100%; }

#navbar {
  background-color: #e6e6e6;
  color: #023e74; }

@media (min-width: 860px) {
  .navbar .navbar-brand {
    width: 20%; } }

#main-carousel{
    width: 100%;
}

footer {
  width: 100%;
  height: 20%;
  background-color: black;
  /*#333;*/
  color: white;
  text-align: center;
  bottom: 0;
  padding: 1em;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 0.7rem;
  line-height: 1.5; }
  footer .div-logo {
    display: flex;
    flex-direction: column;
    align-items: start; }
  footer .div-logo img {
    width: 7rem; }
  footer .div-logo p {
    text-align: left; }
  footer .div-redes {
    display: flex;
    flex-direction: column; }
  footer .logos-redes a img {
    width: 2rem; }
  footer .div-secciones {
    display: flex;
    flex-direction: column;
    align-items: end;
    text-align: right; }

@media (min-width: 860px) {
  footer {
    font-size: 1.2rem;
    line-height: 2rem; } }