/*body {
    font-size: 14px;
}

p,
span,
small,
label,
.form-label,
.form-control,
.form-select,
textarea,
.btn,
.table,
.table th,
.table td,
.modal-title,
.modal-body,
.modal-footer {
    font-size: 14px;
}

/* Sidebar compacto */
/*.main-sidebar {
    font-size: 14px;
}

.nav-sidebar > .nav-item > .nav-link p {
    font-size: 14px;
}

.nav-sidebar .nav-header {
    font-size: 11px;
}

.nav-sidebar .nav-icon {
    font-size: 1rem;
}*/

/*TEMA*/
.navbar-olive{
    background-color:#3B6A9B !important;
}

.navbar-olive .nav-link,
.navbar-olive .navbar-brand{
    color:#fff !important;
}

.btn-olive{
    background-color:#000000 !important;
    border-color:#000000 !important;
    color:#fff !important;
}

.btn-olive:hover{
    background-color:#343A40 !important;
    border-color:#FFFFFF !important;
    color:#fff !important;
}

.bg-olive{
    background-color:#000000 !important;
}

.text-olive{
    color:#3B6A9B !important;
}

/*OLIVE DELETE*/
.navbar-olivedel{
    background-color:#3B6A9B !important;
}

.navbar-olivedel .nav-link,
.navbar-olivedel .navbar-brand{
    color:#fff !important;
}

.btn-olivedel{
    background-color:#3B6A9B !important;
    border-color:#3B6A9B !important;
    color:#fff !important;
}

.btn-olivedel:hover{
    background-color:#DC3545 !important;
    border-color:#FFFFFF !important;
    color:#fff !important;
}

.bg-olivedel{
    background-color:#3B6A9B !important;
}

.text-olivedel{
    color:#3B6A9B !important;
}

/*OLIVE SAVE*/
.navbar-olivesav{
    background-color:#3B6A9B !important;
}

.navbar-olivesav .nav-link,
.navbar-olivesav .navbar-brand{
    color:#fff !important;
}

.btn-olivesav{
    background-color:#3B6A9B !important;
    border-color:#3B6A9B !important;
    color:#fff !important;
}

.btn-olivesav:hover{
    background-color:#28A745 !important;
    border-color:#FFFFFF !important;
    color:#fff !important;
}

.bg-olivesav{
    background-color:#3B6A9B !important;
}

.text-olivesav{
    color:#3B6A9B !important;
}

/*OLIVE SECONDARY*/
.navbar-olivesec{
    background-color:#3B6A9B !important;
}

.navbar-olivesec .nav-link,
.navbar-olivesec .navbar-brand{
    color:#fff !important;
}

.btn-olivesec{
    background-color:#3B6A9B !important;
    border-color:#3B6A9B !important;
    color:#fff !important;
}

.btn-olivesec:hover{
    background-color:#6C757D !important;
    border-color:#FFFFFF !important;
    color:#fff !important;
}

.bg-olivesec{
    background-color:#3B6A9B !important;
}

.text-olivesec{
    color:#3B6A9B !important;
}

/*IMAGEN DE ENCABEZADO DE FORMULARIOS DE INSCRIPCION*/

.header-evento {
    position: relative;
    /*background-image: url('../img/test.jpg'); /* imagen de prueba */
    background-size: cover;
    background-position: center;
    
    /* 👇 Esto hace que la altura sea como la imagen */
    height: auto; /* igual al height de la imagen */
    
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 🔥 Overlay oscuro */
.header-evento::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background: rgba(0, 0, 0, 0.5); /* intensidad del sombreado */
    z-index: 1;
}

/* 👇 Para que el texto quede encima */
.header-evento .container-fluid {
    position: relative;
    z-index: 2;
}

/*FIN DE IMAGEN DE ENCABEZADO DE FORMULARIOS DE INSCRIPCION*/

/*PARA LAS CAJAS QUE SE CARGUEN CON IMAGENES*/

/* CONTENEDOR PRINCIPAL */
.header-evento-cajas {
    position: relative;
    /*background-image: url('../img/test.jpg');*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    width: 100%;
    min-height: 200px; /* puedes ajustar según tu diseño */
    padding: 20px;
}

/* 🔥 OVERLAY OSCURO */
.header-evento-cajas::before {
    content: "";
    position: absolute;
    inset: 0; /* reemplaza top/left/width/height */
    background: rgba(0, 0, 0, 0.3); /* ajusta intensidad */
    z-index: 1;
}

/* 🔥 CONTENIDO ENCIMA DEL OVERLAY */
.header-evento-cajas > * {
    position: relative;
    z-index: 2;
}

/* 🔥 TEXTO LEGIBLE Y RESALTADO */
.header-evento-cajas p,
.header-evento-cajas b,
.header-evento-cajas span,
.header-evento-cajas h1,
.header-evento-cajas h2,
.header-evento-cajas h3,
.header-evento-cajas h4,
.header-evento-cajas h5,
.header-evento-cajas h6 {
    color: #ffffff !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.9);
}

/* OPCIONAL: MEJORAR ESPACIADO INTERNO */
.header-evento-cajas .row {
    margin: 0;
}
/*FIN*/