/* General */
:root {
	--border-radius: 4px;
	--border-radius2x: 8px;
	--default: #777;
}
/* Skin Colors */
:root {
	--primary: #f6b72e;
	--secondary: #fac34b;
	--negro: #4b4b4b;
	--gris:#eeeeee;
	--azul:#5f98da;
	--verde:#30a258;

}
.error{
	color: red;
	font-weight: 600;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
	color: var(--primary) !important;
	text-transform: uppercase !important;
}
.btn-primary-c4y{
	background-color: var(--primary) !important;
	color: #fff;
	font-weight: 600;
}
.btn-check:active+.btn.btn-primary-c4y, .btn-check:checked+.btn.btn-primary-c4y, .btn.btn-primary-c4y.active, .btn.btn-primary-c4y.show, .btn.btn-primary-c4y:active:not(.btn-active), .btn.btn-primary-c4y:focus:not(.btn-active), .btn.btn-primary-c4y:hover:not(.btn-active), .show>.btn.btn-primary-c4y{
	background-color: var(--secondary) !important;
	color: var(--negro);
}
.btn-primary-c4y:hover i.text-light {
	color: var(--negro) !important;
}
.color_primario{
	color: var(--primary) !important;
}
.color_primario:hover{
	color: var(--secondary) !important;
}
.menu-icon-gray-500 .menu-item .menu-link .menu-icon, .menu-icon-gray-500 .menu-item .menu-link .menu-icon .svg-icon, .menu-icon-gray-500 .menu-item .menu-link .menu-icon i{
	color: var(--primary) !important;
}
.menu-title-gray-700 .menu-item .menu-link{
	color: var(--primary) !important;
}
.app-content{
	margin-top: 0px;
	background-color: #f4f6fa;
}

.icono-chats{
	font-size: 3rem !important;
    color: var(--primary);
}

#formEncuesta .form-label {
    font-weight: 500 !important;
	color: var(--primary);
}

#formEncuesta .form-select, 
#formEncuesta .form-control {
    border-radius: 0.5rem;
	color: var(--negro);
}

.text-color{
	color: var(--negro)
}

#div_encuestas strong{
	color: var(--primary);
}
#div_encuestas p {
	color: var(--negro);
}
.form-check label{
	color: var(--negro);
}

.chats{
	cursor: pointer;
}
.chats:hover a,.chats:hover span{
	color: var(--primary) !important;
}

.h-50vh{
	height: 50vh !important;
}

.bg-primary{
	background-color: var(--primary) !important;
}

.text-primary-c4y{
	color: var(--primary) !important;
}

.text-gray{
	color: #414141 !important;
}

.swal2-loader{
	border-color: var(--primary) transparent var(--primary) transparent;
}

.menu-state-primary .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-bullet .bullet, .menu-state-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet{
	background-color: var(--primary) !important;
}

.menu-state-primary .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-title, .menu-state-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title{
	color: var(--primary) !important;
}

.menu-state-color .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here), .menu-state-color .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here){
	color: var(--primary) !important;
}

.dropdown.show>.form-control.form-control-solid, .form-control.form-control-solid.active, .form-control.form-control-solid, .form-control.form-control-solid:active, .form-control.form-control-solid{
	background-color: #f1f1f4 !important;
}

.select2-container .select2-selection--single{
	height: auto !important;
}

/* 🔧 Corrige el scroll horizontal de la tabla de conceptos */
#tablaConceptos {
    width: 100% !important;
    min-width: auto !important;
    table-layout: fixed;
}

#tablaConceptos th,
#tablaConceptos td {
    white-space: normal !important;
    word-wrap: break-word;
}

.table-responsive {
    overflow-x: hidden !important;
}

#tablaConceptos th:nth-child(2) {
    width: 30%;
}
#tablaConceptos th:nth-child(3) {
    width: 40%;
}
#tablaConceptos th:nth-child(4) {
    width: 15%;
}
#facturaCampos {
  transition: all 0.3s ease-in-out;
}

#cardStickyPago[data-kt-sticky="true"] {
  max-width: 300px !important;
  width: 100%;
}

.alert-primary{
	color: var(--negro);
	border-color: var(--negro);
	background-color: var(--gris);
}

.alert-primary i{
	color: var(--primary);
}
.alert-primary h4{
	color: var(--primary);
}
.color_negro{
	color: var(--negro) !important;
}
.bg-success{
	background-color: var(--verde) !important;
}

.bg-light-secondary {
    background-color: #8c8c8c !important;
    color: #fff !important;
}

.btn.btn-primary{
	background-color: var(--azul) !important;
	border-color: var(--azul) !important;
}

.swal2-title{
	color: var(--negro) !important;
	font-weight: 700 !important;
}

.badge-light-success{
	color: var(--verde);
	
}

.swal2-popup.swal2-toast .swal2-success{
	border-color: var(--verde) !important;
	color: var(--verde) !important;
}
.swal2-icon.swal2-success [class^=swal2-success-line]{
	color: var(--verde) !important;
}
.swal2-icon.swal2-success .swal2-success-ring{
	border-color: var(--verde) !important;
}
.badge-light-success{
	color: #fff;
}
.badge-light-success{
	background-color: var(--verde);
}
.text-success{
	color: var(--verde) !important;
}

.bg-light-primary{
	background-color: var(--gris) !important;
}

.form-check-input:checked{
	background-color: var(--primary);
	border-color: var(--primary);
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn{
	color: #fff;
}

.form-control:focus{
	color: var(--negro);
}

/* === CODE4YOU STYLING BOOST === */
.bg-gradient-to-r {
  background: linear-gradient(90deg, var(--primary) 0%, var(--secondary) 100%);
}

.hover-elevate-up:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(0,0,0,0.08);
  transition: all 0.2s ease;
}

.hover-scale:hover {
  transform: scale(1.02);
  transition: all 0.2s ease;
}

/* Input QR focus */
#codigo_qr:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 0.25rem rgba(247, 185, 44, 0.25);
}

/* Alertas de acceso (puedes activarlas dinámicamente en JS) */
#alertaAcceso.success {
  color: #10b981;
  text-shadow: 0 0 10px rgba(16,185,129,0.3);
}
#alertaAcceso.error {
  color: #ef4444;
  text-shadow: 0 0 10px rgba(239,68,68,0.3);
}

/* Animaciones suaves para los resultados */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Tarjeta base */
#resultadoAcceso .card {
  transition: all 0.3s ease;
  animation: fadeInUp 0.3s ease forwards;
  border-left: 5px solid transparent;
}

/* Estados */
#resultadoAcceso.success .card {
  border-left-color: var(--gris); /* Verde */
}
#resultadoAcceso.error .card {
  border-left-color: #ef4444; /* Rojo */
  background: linear-gradient(90deg, rgba(239,68,68,0.05), transparent);
}
#resultadoAcceso.info .card {
  border-left-color: var(--secondary);
  background: linear-gradient(90deg, rgba(247,185,44,0.08), transparent);
}

/* Iconos */
#resultadoAcceso i {
  font-size: 3rem;
}

.bg-gris{
	background-color: var(--gris) !important;
}

.border-primary{
	border-color: var(--primary) !important;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected{
	color: var(--primary) !important;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option{
	color: var(--negro) !important;
}

.swal-c4y {
  border: 2px solid var(--c4y-primary, #f7b92c);
  border-radius: 12px !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.08);
  font-family: 'Inter', sans-serif;
}
.swal2-title {
  font-size: 1rem !important;
  text-transform: none !important;
}
.swal2-toast {
  min-width: 280px !important;
}
.active>.page-link, .page-link.active{
	background-color: var(--primary) !important;
}
#graficaCategorias,
#graficaDiaria,
#graficaRifaCategoria {
  height: 250px !important;
  max-height: 250px;
  width: 100%;
}