/*
Código programado por Javier García Sánchez (javigarsan5@gmail.com)
Todos los derechos reservados.

    Created on : 15 julio 2025, 10:19
    Author     : Javier García Sánchez
*/
*{
    font-family: "Noto Sans", sans-serif; /*Helvetica; Verdana sans-serif helvetica Georgia;*/
    font-size: 0.9rem;
}

@media screen and (max-width: 768px) {
    * {
        font-size: 0.8rem; /* Tamaño más pequeño en pantallas pequeñas */
    }
}

@media screen and (max-width: 400px) {
    * {
        font-size: 0.85rem; /* Tamaño más pequeño en pantallas pequeñas */
    }
}

h1{
    font-size: 1.2em;
    /*color: brown;*/
}

/**** INICIO ÁREA DE TRABAJO PRINCIPAL ****/

label:not([for="aceptalopd"]){
    /*color: brown;*/
    text-align: left;
    padding-left: 50px;
    display: flex;
    align-items: center;
}

/********* CLASES *********/
input.minus{
    text-transform: lowercase;
}

.required{
    margin-left: 5px;
}

.info{
    grid-column: 1 / -1;
    text-align: justify;
    font-size: 0.7rem;
    padding: 10px 20px 0px 20px;
    display: flex;
    align-items: center;
}

.info *{
    font-size: 0.7rem;
}

.error{
    color: red;
    grid-column: 1 / -1;
    margin-left: 13vw;
    font-size: 0.8em;
}

.oculto{
    display: none;
}

.unalinea {
    grid-column: 1 / -1;
    justify-self: center;
}

.btngrabar {
    font-weight: bolder;
    background-color: brown;
    color: white;
    border-radius: 25px;
    width: auto;
    padding: 1em 1.5em;
    margin-bottom: 1.5em;
}

.btnlimpiar {
    font-weight: bolder;
    background-color: gray;
    color: white;
    border-radius: 25px;
    width: auto;
    padding: 1em 1.5em;
    margin-bottom: 1.5em;
}

.nomcurso{
    font-size: 1.3em; 
    color: brown; 
    padding: 1em;
}

.inscripcionok, .empty{
    text-align: center;
    color: brown;
    padding: 0em 2em 2em 2em;
}

.imgcurso{
    border-radius: 10px;
    box-shadow: -2px -2px 2px 2px gray;
}


/********* ELEMENTOS *********/

#divInscripcion{
    width: 50vw;
    margin-left: auto;
    margin-right: auto;
    background-color: #ccd1d1;
    border-radius: 20px;    
    box-shadow: 4px 4px 4px gray;
    /*
    transform: translateY(-200px);
    opacity: 0;
    transition: all 2s ease;
    */
    /*
    transform: scale(0);
    opacity: 0;
    transition: transform 1s ease, opacity 1s ease;
    transform-origin: center center;
    border-radius: 10px;
    */
}

/*
#divInscripcion.mostrar{
    transform: translateY(0);
    opacity: 1;
        
    transform: scale(1);
    opacity: 1;
}
*/

@media screen and (max-width: 500px) {
    #divInscripcion{
        width: 90vw;
        margin-left: auto;
        margin-right: auto;
        background-color: #ccd1d1;
        border-radius: 10px;
    }
}

@media screen and (max-width: 900px) {
    #divInscripcion{
        width: 60vw;
        margin-left: auto;
        margin-right: auto;
        background-color: #ccd1d1;
        border-radius: 10px;
    }
}

#frmInscripcion{
    display: grid;
    grid-template-columns: 1fr 2fr;
    row-gap: 1vh;
    align-items: center;
}

#frmInscripcion input:not([type="submit"]), #frmInscripcion select{
    max-width: 90%; 
    border-radius: 10px;
    padding: 5px 5px;
}

#divCabecera{
    grid-column: 1 / -1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 20px;
}

#dni, #tlf, #sexo{
    width: 6vw;
}

#nombre, #apellido1, #apellido2, #localidad{
    width: 16vw;
}

#email{
    width: 20vw;
}

#provincia{
    width: 10vw;
}

#f_nacim{
    width: 8vw;
}

#cp{
    width: 3vw;
}