.titulo-mi-perfil{
    width: 100%;
    text-align: center;
    color: var(--letra-principal-oscura);
}
.contenedor-contenedor{
    display: flex;
    width: 50%;
    margin: auto;
    padding: 5px;
    box-sizing: border-box;
}
.contenedor-formulario{
    width: 50%;
}
.contenedor-ir-a-registrarse{
    width: 50%;
}
.contenedor-etiquetas-entradas{
    border-radius: 5px;
    display: flex;
    margin: 0;
    flex-direction: column;
    box-sizing: border-box;
    width: 100%;
}
.etiquetas{
    margin: 0.4em 0;
}
.entrada{
    margin: 0.4em 0;
    font-size: inherit;
    font-family: inherit;
}
.enviar-inicio{
    margin: 0.4em 0;
    font-size: inherit;
    font-family: inherit;
    background-color: var(--color-blanco);
    padding: 0.5em 1em;
    cursor: pointer;
    box-sizing: border-box;
    border: solid 2px var(--color-negro);
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}
.ir-a-registrarme{
    color: var(--color-negro);
    padding: 0.5em 1em;
    text-decoration: none;
    border: solid 2px var(--color-negro);
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    box-sizing: border-box;
}
.ir-a-registrarme:link{
    color: var(--color-negro);
}
.ir-a-registrarme:visited{
    color: var(--color-negro);
}
.ir-a-registrarme:hover{
    font-weight: 600;
}
.enviar-inicio:hover{
    font-weight: 600;
}
.mensaje-error{
    margin: 0.4em 0;
    font-size: .8em;
    color: var(--color-rojo)
}
@media(max-width: 1024px){
    .contenedor-contenedor{
        width: 65%;
    }
}
@media(max-width: 853px){
    .contenedor-contenedor{
        width: 70%;
    }
}
@media(max-width: 820px){
    .contenedor-contenedor{
        width: 80%;
    }
}
@media(max-width: 540px){
    .contenedor-contenedor{
        width: 85%;
        font-size: 0.8em;
    }
}
@media(max-width: 430px){
    .contenedor-contenedor{
        width: 90%;
    }
}
@media(max-width: 390px){
    .contenedor-contenedor{
        width: 98%;
    }
}