.form-group {
        width: 100%;
        display: flex;
        flex-direction: row;
    }

    label {
        /* Opcional: Agregar un margen derecho entre el label y el input */
        margin-right: 10px;
    }

    header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 10px;        
    }

    body {
      margin: 0;
      padding: 0;
      font-family: Arial, sans-serif;
    }                        
    
    #menu-icon {
      position: fixed;
      top: 1%;
      left: 85%;
      cursor: pointer;
      width: 10%; /* Tamaño deseado */
      height: 4%; /* Tamaño deseado */
      float: right;
    }
    
    #menu {
      display: none;
      position: absolute;
      top: 5%;        
      width: 97%;
      height: 95vh;
      margin: auto;
      background-color: rgba(51,51,51,0.8);
      border: 1px solid #ccc;
      border-radius: 12px;       
    }
    
    #menu a {
      display: block;      
      color: #fff;
      text-decoration: none;
        font-size: 45px;
        height: 10%;
        padding: 30px;
        margin: 20px;
        background-color: rgba(120,120,120,0.8);
        border-bottom: 1px solid rgba(255,255,255,0.8);
        border-left: 1px solid rgba(255,255,255,0.8);        
        border-radius: 25px;
        text-shadow: 1px 1px 2px rgba(255,255,255,0.6);        
        justify-content: center;
        align-items: center;
    }

    #menuAdmin{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: auto;
      border-radius: 15px;        
      margin: 2%;
        width: 95%;
        border: 2px solid black;
        padding-bottom: 5%;
    }
    #menuAdmin h2{
        margin: 0;
        background: rgba(191,0,230,1);
        padding: 2.5%;                
        border-radius: 15px;
        width: 95%;        
    }

    #menuAdmin p{
        font-size: 40px;        
    }

label {
    font-size: 40px;
    margin-bottom: 10px;
    right: auto;
    width: 100%;
    /*text-shadow: 1px 1px 2px rgba(0,0,255,1);*/
    text-shadow: 1px 1px 2px rgba(191,0,230,1);
}

span{
    font-size: 40px;
    text-shadow: 1px 1px 2px rgba(191,0,230,1);
    background-color: aquamarine;
}

    button {
        width: 75%;
        height: 70px;
        font-size: 40px;
        margin: 20px;
        border-radius: 15px;
    }
      
    #menu a:hover {
        background: rgba(255,255,255,0.4);
    }
    
    #cover-image {
      width: 100%;
      height: 30vh;
      object-fit: cover;
    }
    
    #content {
      padding: 20px;
    }
    
    h1 {
      font-size: 42px;
      margin-bottom: 10px;
      text-align: center;
      width: 100%;
      text-shadow: 1px 1px 2px rgba(191,0,230,1);
    }

    h2 {
      font-size: 35px;
      margin-bottom: 10px;
      text-align: center;
      width: 100%;
      text-shadow: 1px 1px 2px rgba(191,0,230,1);
    }

    h3 {
      font-size: 42px;
      margin-bottom: 10px;      
      width: 100%;
      text-shadow: 1px 1px 2px rgba(191,0,230,1);
        background: rgba(255,255,0,.65);
        margin-top: 3%;
        border-radius: 20px;
    }
    
    p {
      margin-bottom: 10px;
        text-align: justify;
        text-indent: 20px;
        font-size: 42px;
    }
    
    img {
      max-width: 100%;
      height: auto;        
        border-radius: 12px;                    
    }
    
    input {
        width: 100%;
        height: 70px;
        font-size: 45px;
        margin: 10px;
        border-radius: 15px;
    }

    #foto1, #foto2, #foto2, #foto4 {        
        border-radius: 15px;
    }

    select {
        width: 100%;
        height: 70px;
        font-size: 45px;
        margin: 10px;
        border-radius: 15px;
    }

    option {                
        font-size: 45px;                
    }
    
    #photo-container {
      text-align: center;
    }

    #photo-preview-container {
      margin-bottom: 10px;
    }

    #photo-preview-container img {
      max-width: 300px;
      max-height: 300px;
    }

    #camera {
        width: 100%;
        height: auto;
        border-radius: 3%;
    }

    #camera video {
        width: 100%;
        height: 100%;            
    }
    div {
        border-radius: 3%;
    }

    #miFormulario{
        margin-right: 4%; 
        margin-left: 2%;        
    }

    #logo {
        width: 100%;
    }

@media screen and (min-width: 1024px) {
     

    header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 10px;        
    }

    body {
      margin: 0;
      padding: 0;
      font-family: Arial, sans-serif;
    }                        
    
    #menu-icon {
      position: fixed;
      top: 1%;
      left: 85%;
      cursor: pointer;
      width: 10%; /* Tamaño deseado */
      height: 4%; /* Tamaño deseado */
      float: right;
    }
    
    #menu {
      display: none;
      position: absolute;
      top: 5%;        
      width: 80%;
      right: 10%;
      height: auto;
      background-color: rgba(51,51,51,0.8);
      border: 1px solid #ccc;
      border-radius: 12px;       
    }
    
    #menu a {
      display: block;      
      color: #fff;
      text-decoration: none;
        font-size: 25px;
        height: 7%;
        padding: 20px;
        margin: 10px;
        background-color: rgba(120,120,120,0.8);
        border-bottom: 1px solid rgba(255,255,255,0.8);
        border-left: 1px solid rgba(255,255,255,0.8);        
        border-radius: 25px;
        text-shadow: 1px 1px 2px rgba(255,255,255,0.6);        
        justify-content: center;
        align-items: center;
    }

    #menuAdmin{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: auto;
      border-radius: 15px;        
      margin: 2%;
        width: 95%;
        border: 2px solid black;
        padding-bottom: 5%;
    }
    #menuAdmin h2{
        margin: 0;
        background: rgba(191,0,230,1);
        padding: 2.5%;                
        border-radius: 15px;
        width: 95%;        
    }

    #menuAdmin p{
        font-size: 40px;        
    }


span{
    font-size: 40px;
    text-shadow: 1px 1px 2px rgba(191,0,230,1);
    background-color: aquamarine;
}
    
      
    #menu a:hover {
        background: rgba(255,255,255,0.4);
    }        
    
    #content {
      padding: 20px;
    }
    
    h1 {
      font-size: 32px;
      margin-bottom: 5px;
      text-align: center;
      width: 100%;
      text-shadow: 1px 1px 2px rgba(191,0,230,1);
    }

    h2 {
      font-size: 25px;
      margin-bottom: 5px;
      text-align: center;
      width: 100%;
      text-shadow: 1px 1px 2px rgba(191,0,230,1);
    }

    h3 {
      font-size: 32px;
      margin-bottom: 5px;      
      width: 100%;
      text-shadow: 1px 1px 2px rgba(191,0,230,1);
        background: rgba(255,255,0,.65);
        margin-top: 3%;
        border-radius: 8px;
    }
    
    p {
      margin-bottom: 10px;
        text-align: justify;
        text-indent: 20px;
        font-size: 25px;
    }
    
    label {
        font-size: 25px;
        margin-bottom: 5px;
        right: auto;
        width: 100%;
        /*text-shadow: 1px 1px 2px rgba(0,0,255,1);*/
        text-shadow: 1px 1px 2px rgba(191,0,230,1);
    }
    
    input {
        width: 100%;
        height: 25px;
        font-size: 20px;
        margin: 5px;
        border-radius: 8px;
    }    

    select {
        width: 100%;
        height: 25px;
        font-size: 23px;
        margin: 5px;
        border-radius: 8px;
    }
    
    button {
        width: 100%;
        height: 30px;
        font-size: 25px;
        margin: 5px;
        border-radius: 8px;
    }

    option {                
        font-size: 15px;                
    }
    
    #miFormulario{        
        margin-right: 7%;
        margin-left: 7%;
    }
    
    #logo {
        width: 50%;
        margin-left: 25%;
        margin-right: 25%;
    }
            
}