/* ---------- GENERAL ---------- */

:root {

    /*--color0: #200749;*/
    /*--color47: #007bff;*/
    /*--color48: #1b3351;*/
    /*--color38: #6610f2;*/

    /*Color1: rojo*/
    /*#80293a*/

    /*Color2: amarillo*/
    /*#f2b632*/


    --color1: #80293a;
    --color1_oscuro: #5f1e2b;

    --color2: #f2b632;
    --color2_oscuro: #b28524;

    /*--color3: #483d8b;*/
    /*--color4: #0000AA;*/


    --color_debug: orange;

    --color_negro: black;
    --color_blanco: white;
    --color_gris: grey;
    --color_gris_oscuro: #373636;

    /*    Paleta roja*/

    /*--color1: #b32f6d;*/
    /*--color1_oscuro: #670d67;*/

    /*--color2: #483d8b;*/

    /*--color3: #483d8b;*/

    /*--color4: #0000AA;*/

    /*    Fin Paleta roja*/

}

html {
  position: relative;
  min-height: 100%;
  }


* {
    box-sizing: border-box;
    margin: 0px auto;
}

*::before, *::after {
    box-sizing: border-box;
}

[class*="fontawesome-"]:before {
    font-family: 'FontAwesome', sans-serif;
}


body {

    font: 87.5%/1.5em 'Open Sans', sans-serif;
    margin: 0;
    background: #0264d6; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #0264d6 1%, #1c2b5a 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%, #0264d6), color-stop(100%, #1c2b5a)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, #0264d6 1%, #1c2b5a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, #0264d6 1%, #1c2b5a 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, #0264d6 1%, #1c2b5a 100%); /* IE10+ */
    background: radial-gradient(ellipse at center, #0264d6 1%, #1c2b5a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0264d6', endColorstr='#1c2b5a', GradientType=1); /* IE6-9 fallback on horizontal gradient */

    /*Nuevo SEXUR*/
    
    /* Amarillo: #f2b635 */
    /* Rojo: #80293a */


    /*Rojo - Rojo*/
            background: #80293a; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #80293a 1%, #80293a 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%, #80293a), color-stop(100%, #80293a)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, #80293a 1%, #80293a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, #80293a 1%, #80293a 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, #80293a 1%, #80293a 100%); /* IE10+ */
    background: radial-gradient(ellipse at center, #80293a 1%, #80293a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2b635', endColorstr='#80293a', GradientType=1); /* IE6-9 fallback on horizontal gradient */

    /*Amarillo - Rojo*/
    /*    background: #f2b635; !* Old browsers *!*/
    /*background: -moz-radial-gradient(center, ellipse cover, #f2b635 1%, #80293a 100%); !* FF3.6+ *!*/
    /*background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%, #f2b635), color-stop(100%, #80293a)); !* Chrome,Safari4+ *!*/
    /*background: -webkit-radial-gradient(center, ellipse cover, #f2b635 1%, #80293a 100%); !* Chrome10+,Safari5.1+ *!*/
    /*background: -o-radial-gradient(center, ellipse cover, #f2b635 1%, #80293a 100%); !* Opera 12+ *!*/
    /*background: -ms-radial-gradient(center, ellipse cover, #f2b635 1%, #80293a 100%); !* IE10+ *!*/
    /*background: radial-gradient(ellipse at center, #f2b635 1%, #80293a 100%); !* W3C *!*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2b635', endColorstr='#80293a', GradientType=1); !* IE6-9 fallback on horizontal gradient *!*/


    /*Rojo - Amarillo*/
    /*        background: #80293a; !* Old browsers *!*/
    /*background: -moz-radial-gradient(center, ellipse cover, #80293a 1%, #f2b635 100%); !* FF3.6+ *!*/
    /*background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%, #80293a), color-stop(100%, #f2b635)); !* Chrome,Safari4+ *!*/
    /*background: -webkit-radial-gradient(center, ellipse cover, #80293a 1%, #f2b635 100%); !* Chrome10+,Safari5.1+ *!*/
    /*background: -o-radial-gradient(center, ellipse cover, #80293a 1%, #f2b635 100%); !* Opera 12+ *!*/
    /*background: -ms-radial-gradient(center, ellipse cover, #80293a 1%, #f2b635 100%); !* IE10+ *!*/
    /*background: radial-gradient(ellipse at center, #80293a 1%, #f2b635 100%); !* W3C *!*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80293a', endColorstr='#f2b635', GradientType=1); !* IE6-9 fallback on horizontal gradient *!*/

}

.container {
    left: 50%;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
}


/* ---------- FORM ---------- */

input[type="submit"] {
    background-color: #1c2b5b;
    color: #FFFFFF;
    font-weight: bold;
    text-transform: uppercase;
    background-size: 200% 100%;

    background-color: var(--color2);
    color: var(--color1);
    border-color: var(--color2);

}

input[type="submit"]:hover {
    background-color: #0B1A4A;
    color: #24a1d0;

    background-color: var(--color2_oscuro);
    color: var(--color_blanco);
    border-color: var(--color2_oscuro);
}

a {
    color: #eee;
    text-decoration: none;
}

a:hover {
    color: #24a1d0;
    text-decoration: underline;
}

.btn-login {
    background-color: #1c2b5b;
    color: #FFFFFF;
    font-weight: bold;
    text-transform: uppercase;
    background-size: 200% 100%;
    padding: 0.4em;
    margin: 0.4em;
    border-radius: 4px;
}

.btn-login:hover {
    background-color: #0B1A4A;
    color: #24a1d0;
}

.img-login {
    display: flex;
    height: 80%;
}



.btn-secondary{

    background-color: var(--color2);
    color: var(--color_blanco);
    border-color: var(--color2);

}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus{

    background-color: var(--color2_oscuro);
    color: var(--color_blanco);
    border-color: var(--color2_oscuro);

}