/* 
Sitio Web Creado por ITred Spa.
Direccion: Guido Reni #4190
Pedro Aguirre Cerda - Santiago - Chile
contacto@itred.cl o itred.spa@gmail.com
https://www.itred.cl
Creado, Programado y Diseñado por ITred Spa.
BPPJ 
*/


/* -------------------------------------------------------------------------------------------------------------
   ------------------------------------- INICIO ITred Spa inicio_sesion .CSS -----------------------------------
   ------------------------------------------------------------------------------------------------------------- */


/* IMPORTACION DE FUENTE RALEWAY */

@font-face {
    font-family: 'Raleway'; /* establece el nombre de la fuente que podrá utilizar el sitio */
    src: url('fuentes/fuentes_google/fuente_raleway.ttf') format('truetype'); /* establece la ruta del archivo de fuente y su formato */
    font-weight: 100 900; /* permite utilizar los diferentes grosores disponibles de la fuente */
    font-style: normal; /* establece el estilo normal de la fuente */
}


/* TITULO 1 CONTENEDOR INICIO SESION */

    /* contiene y centra los componentes correspondientes al inicio de sesion */
    .inicio_sesion {
        display: flex; /* establece una estructura flexible para la alineacion interna */
        justify-content: center; /* centra el boton horizontalmente */
        align-items: center; /* centra el boton verticalmente */
    }


    /* SUBTITULO 1 BOTON INICIO SESION */

        /* establece las dimensiones y caracteristicas visuales del boton de inicio de sesion */
        .boton_inicio_sesion {
            width: 10vw; /* establece el ancho en funcion del ancho de la pantalla */
            min-width: 9.5rem; /* establece el ancho minimo relativo a la fuente base */
            height: 4.8vh; /* establece la altura en funcion de la altura de la pantalla */
            display: flex; /* establece una estructura flexible para la alineacion interna */
            justify-content: center; /* centra el texto interno horizontalmente */
            align-items: center; /* centra el texto interno verticalmente */
            padding: 0 1vw; /* establece el relleno lateral interno */
            background: linear-gradient(135deg, #cb9847, #b8862e); /* establece el fondo degradado en un angulo de 135 grados */
            border: none; /* elimina el borde perimetral */
            border-radius: 0.5rem; /* establece la curvatura de las esquinas */
            cursor: pointer; /* establece el cursor de seleccion */
            box-shadow: 0 0.4vh 1vh rgba(184, 134, 46, 0.35); /* establece la sombra de profundidad */
            transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease; /* establece las transiciones visuales del boton */
        }

        /* establece el estado interactivo del boton al pasar el cursor */
        .boton_inicio_sesion:hover {
            background: linear-gradient(135deg, #b8862e, #a37324); /* modifica el degradado durante el estado hover */
            color: #ffffff; /* establece el color blanco durante el estado hover */
            box-shadow: 0 0.5vh 1.2vh rgba(184, 134, 46, 0.40); /* aumenta la sombra durante el estado hover */
        }


        /* SUB-SUBTITULO 1 TEXTO INICIO SESION */

            /* establece las propiedades tipograficas del texto contenido en el boton */
            .texto_inicio_sesion {
                color: #ffffff; /* establece el color blanco del texto */
                font-family: 'Raleway', 'Helvetica Neue', Arial, sans-serif; /* establece la tipografia principal y sus alternativas */
                font-size: 11.25pt; /* establece el tamaño del texto en puntos */
                font-weight: 700; /* establece el grosor del texto */
                letter-spacing: 0.02em; /* establece el espaciado entre caracteres */
                white-space: nowrap; /* impide saltos de linea dentro del texto */
            }

            
/* -------------------------------------------------------------------------------------------------------------
   -------------------------------------- FIN ITred Spa inicio_sesion .CSS -------------------------------------
   ------------------------------------------------------------------------------------------------------------- */


/* 
Sitio Web Creado por ITred Spa.
Direccion: Guido Reni #4190
Pedro Aguirre Cerda - Santiago - Chile
contacto@itred.cl o itred.spa@gmail.com
https://www.itred.cl
Creado, Programado y Diseñado por ITred Spa.
BPPJ 
*/