:root{
    --font: 'Lato', 'Montserrat';

    /* Colores Principales */
    --principal: rgb(151,14,72); /*Ginda*/
    --principalClaro: rgb(194,153,92); /*Dorado*/
    
    /* Colores Secundarios */
    --principal2:       rgb(188,34,81);     /*ginda claro*/
    --principal3:       rgb(161,30,57);     /*ginda oscuro*/
    --SecundarioClaro:  rgb(239,237,234);   /*gris claro*/
    --SecundarioOscuro: rgb(226,222,215);   /*gris oscuro*/
    --SecundarioFuerte1:rgb(153,69,7);      /*Naranja oscuro*/
    --SecundarioFuerte2:rgb(198,192,24);    /*Naranja claro*/

    /* Colores Basicos */
    --blanco: white;
    --negro: rgb(0,0,5);
    
    /* Grises */
    --grisTexto: #7d828b;
    --gris: #AAA;
    --grisClaro: #EEE;
    --grisOscuro: #2d2829;
    --fontColor: #666;

    --principalClaroTexto: #a47e43;    /* Un dorado más oscuro y legible para letras */
}

.fondo-principal{
    background-color: var(--principal) !important; /* Pon aquí tu color (ej. Naranja) */
    border-color: var(--principal);
}

.fondo-secundario{
    background-color: var(--principalClaro) !important; /* Pon aquí tu color (ej. Naranja) */
    border-color: var(--principalClaro);
}
.check-principal:checked{
	background-color: var(--principal);
	border-color: var(--principal);
}

/* Color al pasar el mouse (Hover) */
.btn-isstey,.swal2-confirm.swal2-styled{
	background-color: var(--principal) !important; /* Un tono más oscuro */
    border: 3px solid var(--principal)
}
.btn-isstey-secundario{
	background-color: var(--principalClaro) !important; /* Un tono más oscuro */
    border: 3px solid var(--principalClaro)
}
.btn-isstey:hover,
.btn-isstey:focus {
    background-color: var(--principalClaro) !important; /* Un tono más oscuro */
    border: 3px solid var(--principal)
}

.btn-isstey-secundario:hover,
.btn-isstey-secundario:focus {
    background-color: var(--principal) !important; /* Un tono más oscuro */
    border: 3px solid  var(--principalClaro) !important;
}


/* Color Deshabilitado */
.fondo-principal.btn-isstey:disabled {
    background-color: var(--principal) !important;
    border-color: var(--principal);
    opacity: 0.6;
}

.color-principal{
	color: var(--principal) !important;
}
.color-claro{
	color: var(--principalClaro) !important;
}
.patron{
	background-size: auto;
	background-image: url('../images/patron_150px150.webp') !important;
	background-repeat: repeat;
}