/*-------------------CONTENEDOR PRINCIPAL----------------------*/

.iniciar_sesion {display: grid; width: 100%; height: 100%; grid-template-columns: 125px 150px auto; grid-template-rows: auto 400px auto;}

/*-------------------DIVISIONES CONTENEDOR PRINCIPAL-----------*/

.iniciar_1, .iniciar_3 {background-color: #0076a1;}
.iniciar_1 {grid-column: 1 / 3;}
.iniciar_2 {grid-column: 3 / 4;}
.iniciar_4 {grid-column: 2 / 4;}

/*-------------------CAJA ELEMENTO_4---------------------------*/

.iniciar_4_1 {display: grid; width: 100%; height: 100%; grid-template-columns: 400px auto; grid-template-rows: auto;}

/*-------------------ELEMENTO_4 - INICIAR SESION---------------*/

.iniciar_4_1_1 {display: flex; position: relative; width: 93%; height: 94%; background-color: #ffffff; box-shadow: -2px 2px 3px #cacaca; flex-direction: column; margin: auto;}
.iniciar_4_1_1_1 {display: flex; width: 95%; flex-grow: 2; align-items: center; justify-content: end; font-size: 1.7em; box-shadow: 0px 1px 0px 0px #cacaca;}
.iniciar_4_1_1_2 {display: flex; width: 95%; flex-grow: 3;}
.iniciar_4_1_1_2_1 { display: flex; float: left; position: relative; width: 100%; height: 65px; top: 2em;}
.iniciar_4_1_1_2_1 img {object-fit: none;}
.iniciar_4_1_1_3 {display: flex; width: 95%; flex-grow: 1; align-items: center; justify-content: end;}

/*-------------------ELEMENTO_4 - INSIGNIA---------------------*/

.iniciar_4_1_2 {background: linear-gradient(to right, #ffffff, 70%, #e2e5eb); border: 12px solid #e2e5eb; border-left: 0;}
.iniciar_4_1_2 p {position: relative; text-align: center; font-size: 4em; top: 40%;} 
.iniciar_4_1_2 span {font-weight: bold;}