html,
body {
width:100%;
overflow-x: hidden;
}

.brand img  {
  height: 29px;
  width: auto;
}

.ml-auto {
  padding-top: 15px;
  margin-left: -50em !important;
}


.uppercase {
    text-transform: uppercase;
}

.texto-multicolumna {
      column-count: 2;
      column-gap: 30px; /* Ajusta el espacio entre columnas */
    }

/* Para pantallas pequeñas, hacer que el texto esté en una sola columna */
@media (max-width: 768px) {
      .texto-multicolumna {
            column-count: 1;
      }
      .ml-auto {
        margin-left: auto !important;
      }
}
@media (max-width: 820px){
.ml-auto {
  margin-left: auto !important;
  }
}

@media (max-width: 576px) {
      .img-peq img {
          width: 50%;
          border: 4px solid #fff;
      }
}

.img-fluid {
      max-width:100%;
      height: auto;
}

.img-peq img {
      width: 20%;
      border: 7px solid #fff;
      border-radius: 4px;
      box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
}

.img-peq img:hover {
      opacity: 70%;
       -webkit-transition: all 0.1s ease 0s;
  -moz-transition: all 0.1s ease 0s;
  -o-transition: all 0.1s ease 0s;
  transition: all 0.1s ease 0s;
}

/* Resetear estilos de las listas */
ul {
      list-style-type: disc; /* Usar viñetas (puede ser disc, circle o square) */
      padding-left: 1.5em;    /* Ajustar sangría */
      margin: 0;              /* Asegurar que no haya márgenes adicionales */
}

li {
      margin-bottom: 0.5em;  /* Espacio entre las viñetas */
}

ol li {
      margin-bottom: 0.5em;       /* Espacio entre los elementos de la lista */
}

ol[type="a"] {
      padding-left: 1.5em; /* Ajuste de sangría para la lista */
      list-style-type: lower-alpha; /* Usar letras minúsculas (puedes cambiarlo a 'upper-alpha' si prefieres mayúsculas) */
}

ol[type="a"] li {
      margin-bottom: 0.5em;  /* Espacio entre los elementos */
}

/* Personalizar las letras (números/alfabetos) usando el pseudo-elemento ::marker */
ol[type="a"] li::marker {
      font-weight: regular;      /* Hacer las letras en negrita */
}

/* Estilo para la lista principal */
ol {
      list-style-type: decimal; /* Usar numeración decimal en la lista principal */
      padding-left: 20px;       /* Espacio a la izquierda de las listas */
}

/* Estilo para los elementos de la lista principal */
ol > li {
      counter-reset: sublist; /* Reiniciar el contador para las sublistas */
}

/* Estilo para las sublistas (ol dentro de li) */
ol li ol {
      list-style-type: decimal; /* Numeración decimal en las sublistas */
      padding-left: 20px;       /* Espacio a la izquierda de las sublistas */
}

ol li ol > li {
      counter-increment: sublist; /* Incrementa el contador de la sublista */
}

/* Personalizar la numeración de las sublistas */
ol li ol > li::before {
      content: counter(ol, decimal) '.' counter(sublist, decimal) ' '; /* Formato 1.1, 1.2, etc. */
      font-weight: bold;
}


a.miboton:link, a.miboton:visited, a.miboton {
      background-color: #23AB98;
      color: white;
      padding: 15px 25px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      border-radius: 5px;
      font-weight: bold;
      width: 100%;
      margin-bottom: 30px;
      -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

a.miboton:hover {
      background-color: #1f8777;
      -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

a.otroboton:link, a.otroboton:visited, a.otroboton {
      background-color: #000;
      color: white;
      padding: 15px 25px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      border-radius: 5px;
      font-weight: bold;
      width: 100%;
      margin-bottom: 30px;
      -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

a.otroboton:hover{
      background-color: #9b9b9b;
      -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.headconvo {
      background-image: url("https://inba.gob.mx/images/bg-convocatorias.jpg");
      background-size: cover;
      text-align: center;
      padding-top: 150px;
      min-height: 300px;
}

b.titulo-footer {
    font-size: 18px;
    color: #ffffff;
}

#footer-inbal {
    width: 100%;
    text-align: left;
    background-color: #28292a;
    padding-bottom: 50px;
    padding-top: 50px;
    font-size: 14px;
  }

  #footer-inbal a,
  #footer-inbal a:link{
        color: #FFF;
        text-decoration: none;
  }

  #footer-inbal p{
        color:#FFF;
  }

  #footer-inbal ul.social-icons{
        overflow: auto;
  }

  #footer-inbal ul{
        margin: 0;
        padding: 0;
  }