*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
    font-family: "Lato", sans-serif;
	cursor: default;
    scroll-behavior: smooth;
    a{
        cursor: pointer;
        color: #1a28f1;
    }
    input, select, button{
        cursor: pointer;
    }
    button{
        padding: .5em 2.5em;
    }
}
#lll-logo{
    display: block;
    margin: 1em auto;
    text-align: center;
    img{
        max-height: 150px;
    }
}
#panel-superior-principal{
    text-align: center;
    h2{
        font-size: 1.6em;
        font-weight: 500;
    }
    h3{
        font-size: 1.1em;
        font-weight: 500;
    }
    hr{
        margin: 1em auto;
        width: 80%;
    }
}
#ingreso-y-registro{
    max-width: 40%;
    margin: 2em auto;
    text-align: center;
    input, select{
        width: 100%;
        margin: .25em auto;
        padding: .5em;
        display: block;
    }
    .form-agrupador-de-campos{
        position: relative;
        button{
            margin: 0;
            padding: 0;
            width: 2.5em;
            height: 2.5em;
            background: url(../publico/recursos/iconos/form-icono-mostrar-texto.png) no-repeat center;
            outline: none;
            border: none;
            background-size: 50% 50%;
            position: absolute;
            top: 0;
            right: 0;
            transition: .25s;
            &:focus{
                translate: -.25em 0;
                scale: 1.5;
            }
        }
    }
    .agrupador-correcciones-para-form{
        margin-bottom: .5em;
        .p-correcciones-para-form{
            color: #c72b2b;
        }
    }
    #capa-registro > form > div{
        display: grid;
        grid-template-columns: repeat(2,1fr);
        column-gap: 2em;
        .creg-bloque-doble:nth-child(7){
            grid-column: span 2;
        }
    }
    button[type="submit"], button[type="reset"]{
        margin: 1.5em .5em;
        width: 45%;
    }
    form ~ p{
        margin-top: 1em;
    }
}