/* MIS ESTILOS CON LOS COLORES DEL SEEiT*/

body.welcome {
    background-color: #00bbd5;
    color: #0056b6;
    fill: #eded62;
}
.verdeseeit {
    background: rgba(255, 255, 255, 0.7); /* RGBA con 70% de opacidad */
    padding: 20px; /* Añadir padding para espaciar contenido */
    border-radius: 50px; /* Redondear bordes */
    box-shadow: 0 0 10px rgba(0,0,0,0.1); /* Añadir sombra */
}

.verdeagro {
    background-image: url('/img/IMG_0064.jpg');
    background-size: cover; /* Asegura que la imagen cubra todo el fondo */
    background-position: center; /* Centra la imagen en el fondo */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
}

.bg-gradient-info {
    background: linear-gradient(135deg, #eded62 0%, #a7d8b3 50%, #00bbd5 100%);
}

/* Otros estilos personalizados */
body.custom-login .custom-ks-header .fill-default {
    fill: #eded62; /* Cambia el color aquí */
}

body.custom-login .custom-ks-header {
    background-image: linear-gradient(87deg, #165769 0, #165769 100%);
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
}

.bg-card-header-ks {
    background-color: #eded62;
    background-color: hsl(60, 72%, 88%);
}

.btn.btn-ks {
    background: #00bbd5;
    color: #ffffff;
}

.card.bg-custom-ks {
    background: #f1f1b9;
}

/*Colores nuestros para diferentes usos*/
.fondo-gris{
    background-color: #FFFAFA;
}

.nuevo-fondo {
    background-color: #00bbd5; 
}
.azul-fuerte{
    background-color: #14375a;
}

.azul-nuestro{
    background-color: #265268;
}

.color-verde{
    background-color: #eded62;
}

.color-verde-nuestro{
    background-color: #389B93;
}

.color-verde-nuestro-transparencia{
    background-color: rgba(56, 155, 147, 0.3); /* 50% de transparencia */
}

.color-verde-transparencia{
    background-color: rgba(183, 206, 66, 0.5); /* 50% transparencia */
}


.fondo-perfil{
    background-color: #8FBC8F;
}


.titulo-ks {
    text-shadow: 7px 4px 5px blue;
}

.card.card-header {
    background-color: #165769;
}

.header-color-azul {
    color: #165769;
}

.tituloKS {
    text-align: left;
    font-family: Arial;
    font-size: 30px;
    color: #1278BF;
    text-shadow: 0px 0px 9px #508AD3;
}

.carousel-inner img {
    max-height: 300px; /* Ajusta la altura máxima según tus necesidades */
}

.ks-login-google {
    background-color: #ffcccc;
}

.custom-theme {
    
    background-color: #265268;
    color: #000000; /* Cambia esto por el color de texto que desees */
}

.custom-theme .modal-header {
    background-color: #265268; /* Cambia esto por el color de encabezado que desees */
}

/*Theme creado para las tarjetas que muestran los datos*/

.azul-theme {
    background-color: #F5F5F5; /* Color de fondo de la tarjeta */
    color: #000000; /* Color del texto en la tarjeta */
}

.azul-theme .card-header {
    background-color: #265268; /* Color de fondo del encabezado de la tarjeta */
    color: #FFFAFA; /* Color del texto en el encabezado de la tarjeta */
}

.azul-theme .card-body {
    color: #000000; /* Color del texto en el cuerpo de la tarjeta */
}

.fondo-gris-card{
    background-color: #656262;
}

canvas {
    touch-action: none; /* Evita que el navegador capture el pinch */
}