main {
        flex: 1 0 auto; /* ocupa todo el espacio restante */
        /*max-width: 80%;*/
        margin: 0 auto;
        /*padding: 1rem;*/
        width: 100%;
      }
      footer {
        flex-shrink: 0; /* no se encoge */
        background: #f0f0f0;
        padding: 1rem;
        text-align: center;
        color: #555;
      }


.main_menu{
	background-color: var(--toma2-color);
	color:white; 
  width: 100%;
  padding: 4px;

  font-weight: bold;
      
      display: flex;
      justify-content: center;

      font-size: var(--toma2-font-size-header);

      margin-bottom: 15px;
}



.main_menu > div{
  margin: 0px 12px 0px;
  cursor: pointer;  
}

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



.btn-primary {
  background-color: var(--toma2-color);
  color: white;
  font-size: 1.25rem;
  padding: 0.5rem 1.0rem;
  border: none;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.1s ease, box-shadow 0.2s ease;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

/* Estilo para botón deshabilitado */
.btn-primary:disabled {
  background-color: #cccccc;
  color: #666666;
  cursor: not-allowed;
  box-shadow: none;
}

 .file-upload {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 8px;
  border: 1px solid var(--toma2-color);
  cursor: pointer;
  font-weight: bold;
  transition: background-color 0.2s;
}

.file-upload input[type="file"] {
  display: none; /* ocultamos el input real */
}

/*
.file-upload:hover {
  background-color: #4338ca;
}
*/

.file-upload span {
  pointer-events: none; /* para que el span no bloquee el click */
}


.toma2_check{
      font-size: 26px;
    margin-left: 10px;
    color: gray;
    opacity: 0.5;
}

.toma2_check.valid{
  color: green;
  opacity: 1;
}

        .main_container {
            max-width: 900px;
            background-color: #fff;
            padding: 20px 40px 30px;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }

.main_container a {
  color: #2563eb; /* azul moderno accesible */
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s ease, text-decoration 0.2s ease;
}

.main_container a:hover,
.main_container a:focus {
  color: #1d4ed8;
  text-decoration: underline;
}

.main_container a:active {
  color: #1e40af;
}