@media (min-width: 1441px) {
.cuerpo-recordarcontraseña {
    text-align: center;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 1;
    position: absolute;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgb(0 0 0 / 35%);
    border-radius: 0.2vw;
    width: 31vw;
    left: 10vw;
    top: 7vw;
    display: none;
}
.cuerpo-padre-recordarcontraseña {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-auto-rows: auto;
    position: relative;
}
.cuerpo-padre-1-recordarcontraseña {
    text-align: center;
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 1;
    grid-row-end: 1;
    position: relative;
}
.txt-recordarcontraseña {
    font-size: 1vw;
    text-align: center;
    border-bottom: 0.1vw solid #013F7B;
    margin-left: 3vw;
    margin-right: 3vw;
}
.cuerpo-padre-2-recordarcontraseña {
    text-align: center;
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 2;
    grid-row-end: 2;
    position: relative;
    margin-top: 1vw;
    margin-bottom: 1vw;
}
.input-recordarcontraseña {
    width: 19vw;
    border-radius: 0.2vw;
    font-size: 1vw;
    height: 1.5vw;
    background-color: #EBEBEB;
    border-width: 0vw;
    outline: none;
    color: #000;
}
.imagen-input-recordarcontraseña {
    width: 0.7vw;
    position: absolute;
    left: 24vw;
    top: 0.2vw;
    cursor: pointer;
    vertical-align: middle;
    appearance: none;
}
.cuerpo-padre-3-recordarcontraseña {
    text-align: center;
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 3;
    grid-row-end: 3;
    position: relative;
}
.cuerpo-padre-3-padre-recordarcontraseña {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-auto-rows: auto;
    position: relative;
}
.cuerpo-padre-3-padre-1-recordarcontraseña {
    text-align: center;
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 1;
    grid-row-end: 1;
    position: relative;
}
.boton-1-recordarcontraseña {
    font-size: 1vw;
    border: 0.1vw solid #013F7B;
    text-align: center;
    border-radius: 0.2vw;
    margin-left: 5vw;
    margin-right: 1vw;
    cursor: pointer;
    margin-bottom: 1vw;
    padding: 0.2vw;
}
.boton-1-recordarcontraseña:hover {
    background-color: #BBE0FF;
}
.cuerpo-padre-3-padre-2-recordarcontraseña {
    text-align: center;
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 1;
    position: relative;
}
.boton-2-recordarcontraseña {
    font-size: 1vw;
    text-align: center;
    border: 0.1vw solid #013F7B;
    border-radius: 0.2vw;
    margin-right: 5vw;
    margin-left: 1vw;
    cursor: pointer;
    margin-bottom: 2vw;
    padding: 0.2vw;
}
.boton-2-recordarcontraseña:hover {
    background-color: #BBE0FF;
}
}
@media (min-width: 1367px) and (max-width: 1440px) {
    .cuerpo-recordarcontraseña {
        text-align: center;
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 1;
        position: absolute;
        background: #FFFFFF;
        box-shadow: 0px 4px 20px rgb(0 0 0 / 35%);
        border-radius: 0.2vw;
        width: 31vw;
        left: 10vw;
        top: 7vw;
        display: none;
    }
    .cuerpo-padre-recordarcontraseña {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        grid-auto-rows: auto;
        position: relative;
    }
    .cuerpo-padre-1-recordarcontraseña {
        text-align: center;
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 1;
        grid-row-end: 1;
        position: relative;
    }
    .txt-recordarcontraseña {
        font-size: 1vw;
        text-align: center;
        border-bottom: 0.1vw solid #013F7B;
        margin-left: 3vw;
        margin-right: 3vw;
    }
    .cuerpo-padre-2-recordarcontraseña {
        text-align: center;
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 2;
        grid-row-end: 2;
        position: relative;
        margin-top: 1vw;
        margin-bottom: 1vw;
    }
    .input-recordarcontraseña {
        width: 19vw;
        border-radius: 0.2vw;
        font-size: 1vw;
        height: 1.5vw;
        background-color: #EBEBEB;
        border-width: 0vw;
        outline: none;
        color: #000;
    }
    .imagen-input-recordarcontraseña {
        width: 0.7vw;
        position: absolute;
        left: 24vw;
        top: 0.2vw;
        cursor: pointer;
        vertical-align: middle;
        appearance: none;
    }
    .cuerpo-padre-3-recordarcontraseña {
        text-align: center;
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 3;
        grid-row-end: 3;
        position: relative;
    }
    .cuerpo-padre-3-padre-recordarcontraseña {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-auto-rows: auto;
        position: relative;
    }
    .cuerpo-padre-3-padre-1-recordarcontraseña {
        text-align: center;
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 1;
        grid-row-end: 1;
        position: relative;
    }
    .boton-1-recordarcontraseña {
        font-size: 1vw;
        border: 0.1vw solid #013F7B;
        text-align: center;
        border-radius: 0.2vw;
        margin-left: 5vw;
        margin-right: 1vw;
        cursor: pointer;
        margin-bottom: 1vw;
        padding: 0.2vw;
    }
    .boton-1-recordarcontraseña:hover {
        background-color: #BBE0FF;
    }
    .cuerpo-padre-3-padre-2-recordarcontraseña {
        text-align: center;
        grid-column-start: 2;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 1;
        position: relative;
    }
    .boton-2-recordarcontraseña {
        font-size: 1vw;
        text-align: center;
        border: 0.1vw solid #013F7B;
        border-radius: 0.2vw;
        margin-right: 5vw;
        margin-left: 1vw;
        cursor: pointer;
        margin-bottom: 2vw;
        padding: 0.2vw;
    }
    .boton-2-recordarcontraseña:hover {
        background-color: #BBE0FF;
    }
}
@media (min-width: 1024px) and (max-width: 1366px) {
    .cuerpo-recordarcontraseña {
        text-align: center;
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 1;
        position: absolute;
        background: #FFFFFF;
        box-shadow: 0px 4px 20px rgb(0 0 0 / 35%);
        border-radius: 0.2vw;
        width: 31vw;
        left: 10vw;
        top: 7vw;
        display: none;
    }
    .cuerpo-padre-recordarcontraseña {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        grid-auto-rows: auto;
        position: relative;
    }
    .cuerpo-padre-1-recordarcontraseña {
        text-align: center;
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 1;
        grid-row-end: 1;
        position: relative;
    }
    .txt-recordarcontraseña {
        font-size: 1vw;
        text-align: center;
        border-bottom: 0.1vw solid #013F7B;
        margin-left: 3vw;
        margin-right: 3vw;
    }
    .cuerpo-padre-2-recordarcontraseña {
        text-align: center;
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 2;
        grid-row-end: 2;
        position: relative;
        margin-top: 1vw;
        margin-bottom: 1vw;
    }
    .input-recordarcontraseña {
        width: 19vw;
        border-radius: 0.2vw;
        font-size: 1vw;
        height: 1.5vw;
        background-color: #EBEBEB;
        border-width: 0vw;
        outline: none;
        color: #000;
    }
    .imagen-input-recordarcontraseña {
        width: 0.7vw;
        position: absolute;
        left: 24vw;
        top: 0.2vw;
        cursor: pointer;
        vertical-align: middle;
        appearance: none;
    }
    .cuerpo-padre-3-recordarcontraseña {
        text-align: center;
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 3;
        grid-row-end: 3;
        position: relative;
    }
    .cuerpo-padre-3-padre-recordarcontraseña {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-auto-rows: auto;
        position: relative;
    }
    .cuerpo-padre-3-padre-1-recordarcontraseña {
        text-align: center;
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 1;
        grid-row-end: 1;
        position: relative;
    }
    .boton-1-recordarcontraseña {
        font-size: 1vw;
        border: 0.1vw solid #013F7B;
        text-align: center;
        border-radius: 0.2vw;
        margin-left: 5vw;
        margin-right: 1vw;
        cursor: pointer;
        margin-bottom: 1vw;
        padding: 0.2vw;
    }
    .boton-1-recordarcontraseña:hover {
        background-color: #BBE0FF;
    }
    .cuerpo-padre-3-padre-2-recordarcontraseña {
        text-align: center;
        grid-column-start: 2;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 1;
        position: relative;
    }
    .boton-2-recordarcontraseña {
        font-size: 1vw;
        text-align: center;
        border: 0.1vw solid #013F7B;
        border-radius: 0.2vw;
        margin-right: 5vw;
        margin-left: 1vw;
        cursor: pointer;
        margin-bottom: 2vw;
        padding: 0.2vw;
    }
    .boton-2-recordarcontraseña:hover {
        background-color: #BBE0FF;
    }
}
@media (min-width: 640px) and (max-width: 1023px) {
    .cuerpo-recordarcontraseña {
        text-align: center;
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 1;
        position: absolute;
        background: #FFFFFF;
        box-shadow: 0px 4px 20px rgb(0 0 0 / 35%);
        border-radius: 0.2vw;
        width: 58vw;
        left: 9vw;
        top: 15vw;
        display: none;
    }
    .cuerpo-padre-recordarcontraseña {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        grid-auto-rows: auto;
        position: relative;
    }
    .cuerpo-padre-1-recordarcontraseña {
        text-align: center;
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 1;
        grid-row-end: 1;
        position: relative;
    }
    .txt-recordarcontraseña {
        font-size: 2vw;
        text-align: center;
        border-bottom: 0.1vw solid #013F7B;
        margin-left: 3vw;
        margin-right: 3vw;
    }
    .cuerpo-padre-2-recordarcontraseña {
        text-align: center;
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 2;
        grid-row-end: 2;
        position: relative;
        margin-top: 1vw;
        margin-bottom: 1vw;
    }
    .input-recordarcontraseña {
        width: 37vw;
        border-radius: 0.2vw;
        font-size: 2vw;
        height: 2.5vw;
        background-color: #EBEBEB;
        border-width: 0vw;
        outline: none;
        color: #000;
    }
    .imagen-input-recordarcontraseña {
        width: 1.2vw;
        position: absolute;
        left: 45.9vw;
        top: 0.3vw;
        cursor: pointer;
        vertical-align: middle;
        appearance: none;
    }
    .cuerpo-padre-3-recordarcontraseña {
        text-align: center;
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 3;
        grid-row-end: 3;
        position: relative;
    }
    .cuerpo-padre-3-padre-recordarcontraseña {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-auto-rows: auto;
        position: relative;
    }
    .cuerpo-padre-3-padre-1-recordarcontraseña {
        text-align: center;
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 1;
        grid-row-end: 1;
        position: relative;
    }
    .boton-1-recordarcontraseña {
        font-size: 2vw;
        border: 0.1vw solid #013F7B;
        text-align: center;
        border-radius: 0.2vw;
        margin-left: 10vw;
        margin-right: 1vw;
        cursor: pointer;
        margin-bottom: 2vw;
        padding: 0.2vw;
    }
    .boton-1-recordarcontraseña:hover {
        background-color: #BBE0FF;
    }
    .cuerpo-padre-3-padre-2-recordarcontraseña {
        text-align: center;
        grid-column-start: 2;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 1;
        position: relative;
    }
    .boton-2-recordarcontraseña {
        font-size: 2vw;
        text-align: center;
        border: 0.1vw solid #013F7B;
        border-radius: 0.2vw;
        margin-right: 10vw;
        margin-left: 1vw;
        cursor: pointer;
        margin-bottom: 3vw;
        padding: 0.2vw;
    }
    .boton-2-recordarcontraseña:hover {
        background-color: #BBE0FF;
    }
}
@media (max-width: 639px) {
    .cuerpo-recordarcontraseña {
        text-align: center;
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 1;
        position: absolute;
        background: #FFFFFF;
        box-shadow: 0px 4px 20px rgb(0 0 0 / 35%);
        border-radius: 0.2vw;
        width: 91vw;
        left: 2vw;
        top: 22vw;
        display: none;
    }
    .cuerpo-padre-recordarcontraseña {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        grid-auto-rows: auto;
        position: relative;
    }
    .cuerpo-padre-1-recordarcontraseña {
        text-align: center;
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 1;
        grid-row-end: 1;
        position: relative;
    }
    .txt-recordarcontraseña {
        font-size: 5vw;
        text-align: center;
        border-bottom: 0.1vw solid #013F7B;
        margin-left: 3vw;
        margin-right: 3vw;
    }
    .cuerpo-padre-2-recordarcontraseña {
        text-align: center;
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 2;
        grid-row-end: 2;
        position: relative;
        margin-top: 1vw;
        margin-bottom: 1vw;
    }
    .input-recordarcontraseña {
        width: 75vw;
        border-radius: 0.2vw;
        font-size: 4vw;
        height: 6.5vw;
        background-color: #EBEBEB;
        border-width: 0vw;
        outline: none;
        color: #000;
    }
    .imagen-input-recordarcontraseña {
        width: 3vw;
        position: absolute;
        left: 80.2vw;
        top: 0.7vw;
        cursor: pointer;
        vertical-align: middle;
        appearance: none;
    }
    .cuerpo-padre-3-recordarcontraseña {
        text-align: center;
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 3;
        grid-row-end: 3;
        position: relative;
    }
    .cuerpo-padre-3-padre-recordarcontraseña {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-auto-rows: auto;
        position: relative;
    }
    .cuerpo-padre-3-padre-1-recordarcontraseña {
        text-align: center;
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 1;
        grid-row-end: 1;
        position: relative;
    }
    .boton-1-recordarcontraseña {
        font-size: 4vw;
        border: 0.1vw solid #013F7B;
        text-align: center;
        border-radius: 0.2vw;
        margin-left: 7vw;
        margin-right: 1vw;
        cursor: pointer;
        margin-bottom: 2vw;
        padding: 1vw;
    }
    .boton-1-recordarcontraseña:hover {
        background-color: #BBE0FF;
    }
    .cuerpo-padre-3-padre-2-recordarcontraseña {
        text-align: center;
        grid-column-start: 2;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 1;
        position: relative;
    }
    .boton-2-recordarcontraseña {
        font-size: 4vw;
        text-align: center;
        border: 0.1vw solid #013F7B;
        border-radius: 0.2vw;
        margin-right: 8vw;
        margin-left: 1vw;
        cursor: pointer;
        margin-bottom: 3vw;
        padding: 1vw;
    }
    .boton-2-recordarcontraseña:hover {
        background-color: #BBE0FF;
    }
}