/* =====================================================
   MUJERES TRANSFORMADORAS
   LOGIN PROFESIONAL V1
===================================================== */

body{
    background:
    linear-gradient(
        rgba(255,255,255,.82),
        rgba(255,255,255,.95)
    ),
    url("/images/fondo_mujeres.jpg");

    background-size:cover;
    background-position:center top;
    background-repeat:no-repeat;

    font-family:Arial,Helvetica,sans-serif;
}

/* Oculta paneles viejos */
.rnr-pagewrapper,
.rnr-c,
.panel,
.panel-body{
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
}

/* Tarjeta principal */
.rnr-b-login{

    max-width:450px !important;

    margin:30px auto !important;

    background:rgba(255,255,255,.96) !important;

    border-radius:28px !important;

    padding:25px !important;

    box-shadow:
    0 10px 30px rgba(0,0,0,.18) !important;

    border-top:8px solid #e91e63 !important;
}

/* LOGO */

.rnr-b-login img{

    display:block !important;

    margin:0 auto 15px auto !important;

    max-width:280px !important;

    animation:pulseLogo 2.5s infinite;
}

@keyframes pulseLogo{

    0%{transform:scale(1);}
    50%{transform:scale(1.03);}
    100%{transform:scale(1);}
}

/* Etiquetas */

.rnr-b-login label,
.rnr-label{

    color:#333 !important;

    font-size:16px !important;

    font-weight:bold !important;
}

/* Inputs */

input[type=text],
input[type=password]{

    width:100% !important;

    height:52px !important;

    border-radius:15px !important;

    border:1px solid #d9d9d9 !important;

    padding-left:15px !important;

    font-size:18px !important;

    background:#fff !important;
}

input[type=text]:focus,
input[type=password]:focus{

    border-color:#e91e63 !important;

    box-shadow:
    0 0 0 3px rgba(233,30,99,.15) !important;
}

/* Recordarme */

input[type=checkbox]{

    width:24px !important;

    height:24px !important;

    margin-right:10px !important;

    vertical-align:middle !important;
}

/* Espacio checkbox */

.checkbox,
.rnr-checkbox{

    margin-top:18px !important;

    margin-bottom:25px !important;
}

/* BOTON ACEPTAR */

.btn-primary,
input[type=submit]{

    background:
    linear-gradient(
    135deg,
    #f50057,
    #c2185b
    ) !important;

    color:white !important;

    border:none !important;

    border-radius:22px !important;

    min-width:230px !important;

    min-height:62px !important;

    font-size:24px !important;

    font-weight:bold !important;

    box-shadow:
    0 6px 18px rgba(233,30,99,.35) !important;
}

/* BOTON REGISTRO */

.btn-success,
.btn-info,
.btn-default{

    background:
    linear-gradient(
    135deg,
    #e91e63,
    #8e2458
    ) !important;

    color:white !important;

    border:none !important;

    border-radius:18px !important;

    min-width:200px !important;

    min-height:56px !important;

    font-size:20px !important;

    font-weight:bold !important;

    box-shadow:
    0 5px 15px rgba(142,36,88,.25) !important;
}

/* MENSAJES */

.alert,
.rnr-message{

    border-radius:15px !important;
}

/* MOVIL */

@media(max-width:600px){

    .rnr-b-login{

        margin:15px !important;

        padding:20px !important;
    }

    .rnr-b-login img{

        max-width:250px !important;
    }

    .btn-primary,
    input[type=submit]{

        width:100% !important;
    }

    .btn-success{

        width:100% !important;
    }
}