.informacion{
  margin: 10px  10px 10px 10px!important;
}

.container_inicial{
  margin: 0px  0px 0px 10px!important;
}

.topnav {
  overflow: hidden;
  background-color: #333;
}
.input100{

  margin: 0px 0px 20px 0px;
}
.franja{

  background-color: #5f9922;

}

.footer_opcion{
  height: 70px;
}
.container_inicial{
  margin: 5px;
}

.titulo_menu{
  color: #ffff;
}
.espacio_amarillo{

  background-color: yellow;
  height: 5px;

}

.espacio_azul{

  background-color: blue;
  height: 5px;

}
.espacio_rojo{

  background-color: red;
  height: 5px;

}
.info_inicio{

  
  font-size: 16px;

}

.segundo_titulo_inicio{
  font-size: 17px;
  font-weight: bold;
}
.titulo_inicio{
  font-size: 15px;
  font-weight: bold;
}
.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: #04AA6D;
  color: white;
}
.green {
  color: #3e5706;

  background: #a5cd4e; /* Old browsers */
  background: -moz-linear-gradient(top,  #a5cd4e 0%, #6b8f1a 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cd4e), color-stop(100%,#6b8f1a)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* IE10+ */
  background: linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* W3C */
}


.button2.aplastado {
  transform: translateY(8px); /* Mantén el movimiento hacia abajo */
  box-shadow: inset 5px 5px 10px rgba(0, 0, 0, 0.6); /* Sombra más profunda */
  background-color: #d6d6d6; /* Fondo más oscuro */
  border-color: #888; /* Borde más oscuro */
  color: #555; /* Cambia el color del texto para mayor contraste */
}


.fancy {
  --b: 6px;   /* control the border thickness */
  --w: 80px;  /* control the width of the line*/
  --g: 15px;  /* control the gap */
  --c: #0b6b1e;
 
  border: 1px solid;
  background: 
    conic-gradient(from   45deg at left ,var(--c) 25%,#0000 0) 0,
    conic-gradient(from -135deg at right,var(--c) 25%,#0000 0) 100%;
  background-size: 51% 100%;
  background-origin: border-box;
  background-repeat: no-repeat;
  justify-content: center;
  text-align: center;
  border-image: 

     linear-gradient(
       #0000      calc(50% - var(--b)/2),
       var(--c) 0 calc(50% + var(--b)/2),
       #0000    0) 
    1/0 var(--w)/calc(var(--w) + var(--g));
}
.contenedor2{
  margin: 2px;
}

.button2 {
  display: inline-block;
  position: relative;
  margin: 0px;
  padding: 0 30px;
  text-align: center;
  text-decoration: none;
  font: bold 20px/25px Arial, sans-serif;

  text-shadow: 1px 1px 1px rgba(255,255,255, .22);

  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;

  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);
  -moz-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);
  box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);

  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  -ms-transition: all 0.15s ease;
  transition: all 0.15s ease;
}

.lista{
  border-radius: 15px 15px 15px 15px;
  background-color: #ffff;
}

.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: red;
}

.titulo_registrados{
  font-size: 30px;
  font-weight: bold;
  justify-content: center;
  text-align: center;
}
.btn {
  background-color: DodgerBlue; /* Blue background */
  border: none; /* Remove borders */
  color: white; /* White text */
  padding: 12px 16px; /* Some padding */
  font-size: 16px; /* Set a font size */
  cursor: pointer; /* Mouse pointer on hover */
}


*, *:before, *:after {
  box-sizing: border-box;
}

.table-wrapper {
  overflow-x: auto; /* Esto agrega desplazamiento horizontal si la tabla es ancha */
}

table {
  width: 100%;
  border-collapse: collapse; /* Para evitar bordes dobles */
  table-layout: auto; /* Hace que las columnas se ajusten al contenido */
}

th, td {
  padding: 8px; /* Espaciado en las celdas */
   /* Bordes de las celdas */
  text-align: center; /* Alineación del texto */
}

th {
  text-align: center; /* Alineación del texto */

  background-color: #f4f4f4; /* Fondo para los encabezados */
  font-weight: bold; /* Hacer los encabezados más prominentes */
}

table thead th {
  white-space: nowrap; /* Evita el salto de línea en los encabezados */
  text-overflow: ellipsis; /* Añade puntos suspensivos si el texto es muy largo */
  overflow: hidden; /* Oculta el texto que excede el ancho de la celda */
}

/* Especificación de anchos para las columnas */
table th:nth-child(1),
table td:nth-child(1) {
  width: 15%; /* Ancho para "Cédula" */
}

table th:nth-child(2),
table td:nth-child(2) {
  width: 20%; /* Ancho para "Apellidos y Nombres" */
}

table th:nth-child(3),
table td:nth-child(3) {
  width: 15%; /* Ancho para "Curso" */
}

table th:nth-child(4),
table td:nth-child(4) {
  width: 15%; /* Ancho para "Especialidad" */
}

table th:nth-child(5),
table td:nth-child(5) {
  width: 10%; /* Ancho para "Nivel" */
}

table th:nth-child(6),
table td:nth-child(6) {
  width: 10%; /* Ancho para "Promoción" */
}

table th:nth-child(7),
table td:nth-child(7) {
  width: 20%; /* Ancho para "Certificación / Aval" */
}

table th:nth-child(8),
table td:nth-child(8) {
  width: 10%; /* Ancho para "Registro" */
}

table th:nth-child(9),
table td:nth-child(9) {
  width: 15%; /* Ancho para "Fecha Emisión" */
}

@media (max-width: 768px) {
  /* En pantallas pequeñas, hacemos que la tabla sea más accesible */
  table {
    width: 100%;
    display: block;
    overflow-x: auto;
  }

  th, td {
    white-space: nowrap; /* Evitar el ajuste de texto */
  }
}

html {
  font-size: 100%;
}

body {
  font-family: acumin-pro, system-ui, sans-serif;
  margin: 0;
  display: grid;
  grid-template-rows: auto 1fr auto;
  font-size: 14px;
  background-color: #f4f4f4;
  align-items: start;
  min-height: 100vh;
}

.footer {
  display: flex;
  flex-flow: row wrap;
  padding: 30px 30px 20px 30px;
  color: #2f2f2f;
  background-color: #fff;
  border-top: 1px solid #e5e5e5;
}

.footer > * {
  flex:  1 100%;
}

.footer__addr {
  margin-right: 1.25em;
  margin-bottom: 2em;
}

.footer__logo {
  font-family: 'Pacifico', cursive;
  font-weight: 400;
  text-transform: lowercase;
  font-size: 1.5rem;
}

.footer__addr h2 {
  margin-top: 1.3em;
  font-size: 15px;
  font-weight: 400;
}

.nav__title {
  font-weight: 400;
  font-size: 15px;
}

.footer address {
  font-style: normal;
  color: #999;
}
.espacio_margen{
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 43px;
  margin-left: 50px;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.62);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.62);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.62);

}
.footer__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  max-width: max-content;
  background-color: rgb(33, 33, 33, 0.07);
  border-radius: 100px;
  color: #2f2f2f;
  line-height: 0;
  margin: 0.6em 0;
  font-size: 1rem;
  padding: 0 1.3em;
}

.footer ul {
  list-style: none;
  padding-left: 10px;
}

.footer li {
  line-height: 2em;
}

.footer a {
  text-decoration: none;
}

.footer__nav {
  display: flex;
	flex-flow: row wrap;
}

.footer__nav > * {
  flex: 1 50%;
  margin-right: 1.25em;
}

.nav__ul a {
  color: #999;
}

.nav__ul--extra {
  column-count: 2;
  column-gap: 1.25em;
}

.legal {
  display: flex;
  flex-wrap: wrap;
  color: #999;
}
  
.legal__links {
  display: flex;
  align-items: center;
}

.heart {
  color: #2f2f2f;
}

@media screen and (min-width: 24.375em) {
  .legal .legal__links {
    margin-left: auto;
  }
}

@media screen and (min-width: 40.375em) {
  .footer__nav > * {
    flex: 2;
  }
  

  
  .footer__addr {
    flex: 1 0px;
  }
  
  .footer__nav {
    flex: 3 0px;
  }
}