/*COLORES BNI*/
:root {
  --bniRed: #c8102e;
  --bniWhite: #ffffff;
  --bniBlack: #000; /*Si se le agregan los 8 ceros no funciona por algun motivo que no comprendo.*/
  --bniGraniteGrey: #63666A;
  --bniSterlingGrey: #C8C9C7;
  --bniSterlingLightGrey: #F5F7F7;
  
  --bniRedHover: rgb(237, 39, 74); /*No especificado por brand standard*/
}


.extra-padding{
	 padding: 10px 20px; /* Ajusta el relleno */
}

.btn-bni-red {
    background-color: var(--bniRed); /* Cambia el color de fondo */
    color: var(--bniWhite); /* Cambia el color del texto */
    cursor: pointer; /* Cambia el cursor al pasar sobre �l */
}

.btn-bni-red:hover {
    background-color: var(--bniRedHover); /* Cambia el color de fondo al pasar el cursor */
      color:var(--bniWhite); /* Cambia el color del texto */
}



.btn-bni-black {
    background-color: var(--bniBlack); /* Cambia el color de fondo */
    color: var(--bniWhite); /* Cambia el color del texto */
    cursor: pointer; /* Cambia el cursor al pasar sobre �l */
  
}

.btn-bni-black:hover {
    background-color: var(--bniGraniteGrey); /* Cambia el color de fondo al pasar el cursor */
    color: var(--bniWhite); /* Cambia el color del texto */
}


.btn-bni-graniteGrey {
    background-color: var(--bniGraniteGrey); /* Cambia el color de fondo */
    color: var(--bniWhite); /* Cambia el color del texto */
    cursor: pointer; /* Cambia el cursor al pasar sobre �l */
  
}

.btn-bni-graniteGrey:hover {
    background-color: var(--bniSterlingGrey); /* Cambia el color de fondo al pasar el cursor */
      color: var(--bniWhite); /* Cambia el color del texto */
}

.resaltar-cuadrado {
	background-color: #c8102e !important;
	color: white !important;
	border-radius: 0px !important;
	border: 1px solid !important;
}