/*!NETWORKS PARA ICONOS*/
.social-networks {
    display: flex;
    gap: 12px;
    margin-bottom: 15px;
}

.social-networks ion-icon,
.social-networks i {
    border: 1px solid #C9CCCB;
    background: linear-gradient(45deg, #f05138 15%, #ee3a5b 70%, #ed1375 94%);
    border-radius: 6px;
    padding: 8px;
    color: white; /* Texto blanco para contraste */
    cursor: pointer;
    font-size: 20px;
}


.social-networks {
    display: flex;
    gap: 12px;
    margin-bottom: 0px;
}

.social-networks {
    place-content: center;
}

/*!COLOR AZUL*/
.btn-azul_v2 {
    color: #ffffff;
    background-color: #21388B;
    border-color: #21388B;
    box-shadow: 0 1px 0 rgba(255,255,255,.15)
}

.lavalite-bg2 {
    background-image: url('<?php echo base_url("public/img/sistema/ica.jpg"); ?>');
    background-size: cover;
    background-position: center;
    width: 100vw;
    height: 100vh;
}

/*Borde en login */
.login-box {
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 30px;
    max-width: 500px;
    margin: 40px auto; /* centra vertical y horizontalmente */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

/* Echo con Amor */
@keyframes moveHeart {
        0% {
            transform: rotate(-18deg);
        }
        50% {
            transform: rotate(18deg);
        }
        100% {
            transform: rotate(-18deg);
        }
    }

    .heart {
        animation: moveHeart 2s ease-in-out infinite;
        display: inline-block; 
    }
    
/*!BOTONES EYE V2*/
.position-relative {
    position: relative;
}

.toggle-password {
    position: absolute;
    right: 25px;
    top: 51%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #666;
}

.toggle-password ion-icon {
    font-size: 24px;
}
.toggle-password ion-icon {
    font-size: 24px;
}