.registro-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: left;
}

.form-row {
    display: flex;
    gap: 15px;
}

.form-group {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.full-width { width: 100%; }

.custom-input {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
}

/* Estilo para los mensajes de error en rojo */
.error-text {
    color: #d93025; /* Rojo */
    font-size: 12px;
    margin-top: 2px;
    height: 15px; /* Evita que el modal cambie de tamaño */
}

.form-actions {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 20px;
}

.btn-primary { background-color: #b01c4a; color: white; border: none; padding: 10px 20px; border-radius: 4px; cursor: pointer; }
.btn-secondary { background-color: #666; color: white; border: none; padding: 10px 20px; border-radius: 4px; cursor: pointer; }


* {
    margin: 0;
    padding: 0;
    border: 0;
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;
}

#myTab .nav-link {
    color: #495057; /* Un gris oscuro para que sea legible */
}

    /* Color cuando pasas el mouse (hover) sobre una inactiva */
    #myTab .nav-link:hover {
        color: var( --primary-color); /* Color azul al pasar el mouse */
    }

    /* Mantener el color de la pestaña activa */
    #myTab .nav-link.active {
        color: var( --primary-color); /* Negro o el color que prefieras para la activa */
        font-weight:700;
    }

.modal {
    background: rgba(0, 0, 0, 0.5);
}

.modal-backdrop {
    display: none;
}
/*.select2-search, .select2-search--dropdown, select2-search__field {
    z-index: 10000;
}
*/

/* Contenedor principal */
.custom-checkbox {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
    gap: 10px;
}

    /* Ocultar el checkbox original pero mantenerlo funcional */
    .custom-checkbox input {
        display: none;
    }

/* El cuadro del checkbox personalizado */
.checkmark {
    height: 25px;
    width: 25px;
    background-color: #eee;
    border: 2px solid #ccc;
    border-radius: 4px;
    position: relative;
    transition: all 0.3s;
    display: flex; /* Flex para centrar el contenido */
    align-items: center;
    justify-content: center;
}

/* Color cuando está seleccionado */
.custom-checkbox input:checked + .checkmark {
    background-color: var(--primary-color, #007bff);
    border-color: var(--primary-color, #007bff);
}

/* Crear la palomita (Checkmark) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
    /* Dibujamos una "L" invertida que parece palomita */
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
    margin-top: -2px; /* Ajuste fino manual para centrado visual */
}

/* Mostrar la palomita solo cuando está checkeado */
.custom-checkbox input:checked + .checkmark:after {
    display: block;
}

/* Efecto hover */
.custom-checkbox:hover .checkmark {
    background-color: #ddd;
}

/*.select2-search__field {
    z-index: 100000;*/ /* Use a value higher than your modal's z-index */
/*}*/
#submitButton:disabled {
    cursor: not-allowed;
    pointer-events: all !important; /* Permite que el cursor cambie aunque esté disabled */
}

.btn-primary:disabled,
.btn-primary.disabled {
    background-color: #6c757d; /* Tu color personalizado */
    border-color: #6c757d;
    color: #ffffff;
    opacity: 1; /* Bootstrap usa 0.65 por defecto, cámbialo a 1 para color sólido */
}

.btn-acciones-opciones-asistentes {
    width:120px;
}


:root {
    --primary-color-ant: #13322B;
    --primary-color: #9b2247;
    --secondary-color: #F0F0F0;
    --color-primary: #13322B;
    --color-primary0: transparent;
    --color-primary1: #13322B;
    --color-primary2: #002f2a;
    --color-secundary: #a57f2c;
    --color-optative: #9e1f47;
    --color-optative2: #0C231E;
    --color-success: #00BF8E;
    --color-warning: #F7C94B;
    --color-danger: #611232;
    --color-danger-variant: rgba(247,88,66,0.4);
    --color-white: #fff;
    --color-light: rgba(255,255,255,0.7);
    --color-black: #000;
    --color-black-tenue: #6C757D;
    --color-bg0: #F0F0F0;
    --color-bg: #F7F8F9;
    --color-font-white: #02223D;
    --color-font-dark: #fff;
    --container-width-lg: 90%;
    --container-width-md: 80%;
    --container-width-sm: 60%;
    --color-button-primary: #611232;
    --color-button-secundary: #611232;
    --color-button-ter: #611232;
    --transition: all 400ms ease;
    --color-secundary-2026 : #611232  ;
}
@font-face {
    font-family: "Font-Titulo";
    src: url("Noto Sans/NotoSans-Regular.ttf") format("opentype");
}

@font-face {
    font-family: "Font-Subtitulo";
    src: url("Noto Sans/NotoSans-Light.ttf") format("opentype");
}

    .main__principal {
        min-height:1000px;
        /*background:red;*/

    }   

  
    .btn-primary {
        background-color: var(--primary-color);
        font-family: "Font-Subtitulo";
        color: var(--color-white);
        border-radius: 10px;
        border: 1px solid transparent;
        transition: var(--transition);
        text-decoration:none;
        
    }

    


    
    .btn-notAllowed {
        background-color: var(  --primary-color-ant);
        font-family: "Font-Subtitulo";
        color: var(--color-white);
        border-radius: 10px;
        border: 1px solid transparent;
        transition: var(--transition);
        text-decoration:none;
        cursor: not-allowed;
    }


      .btn-notAllowed:hover {
        background-color: var( --primary-color-ant); /* Un tono más oscuro para el hover */
        border-color: var( --primary-color);
       }



    .btn-primary:hover {
        background-color: var( --primary-color); /* Un tono más oscuro para el hover */
        /*border-color: var( --primary-color);*/
        
    }

    .page-link {
        color:var( --primary-color); /* Color de texto personalizado (rojo de ejemplo) */
        background-color: #f8f9fa; /* Color de fondo personalizado */
        border-color:var( --primary-color); /* Color de borde personalizado */
    }




    .page-link:hover {
       color: #ffffff; /* Color de texto al pasar el ratón */
       background-color: var( --primary-color); /* Color de fondo al pasar el ratón (un rojo más oscuro) */
       border-color: var( --primary-color) /* Color de borde al pasar el ratón */
    }




    .pagination .page-item.active .page-link {
        color: #ffffff; /* Texto blanco para el elemento activo */
        background-color: var( --primary-color); /* Fondo azul personalizado (ejemplo) */
        border-color:var( --primary-color); /* Borde azul personalizado (ejemplo) */
    }

    .pagination .disabled {
        margin:0;
        color: #ffffff; 
        width:40px;
        padding:0;
        background-color: var( --primary-color);
        border-color: var( --primary-color);
     
    }

    .pagination .page-item.disabled .page-link {
           cursor: none;


    }

    .pagination .page-item.disabled .page-link:hover {
        background:gray;
        border-color: gray;
        cursor: not-allowed;
    }


  

    body {
    margin: 6rem 0 0 0;
    background: var(--color-bg);
}





hr {
    margin: .5rem 0 .5rem 0;
    height: 1px;
    background: var(--primary-color);
}


.hr-separator {
    margin: 0rem 0 0rem 0;
    height: 1px;
    background: var(--primary-color);
}

h1, h2, h3, h4, h5 {
    line-height: 1.5;
}

h1 {
    font-family: "Font-Titulo";
    font-size: 2.4rem;
}

h2 {
    font-family: "Font-Titulo";
    font-size: 1.5rem;
    font-weight: 300;
}


h3 {
    font-family: "Font-Titulo";
    font-size: 1rem;
    padding: 0;
    margin: 0;
    color: var(--primary-color);
}

h4 {
    font-family: "Font-Titulo";
    font-size:1rem;
    color: var(--color-primary2);
    /*margin: 0.1rem 0rem 0.5rem 0rem;*/
    /*margin: 0;*/
    font-weight: 700;
}


.text-dark {
    font-family: "Font-Subtitulo";
    font-weight: 300;
}


h5 {
    font-family: "Font-Titulo";
    font-size: .8rem;
    color: var(--primary-color);
    margin: .3rem 0rem 0rem 0;
}


.titulo_seccion {
    font-family: "Font-Titulo";
}

.subtitulo_seccion {
    font-family: "Font-Subtitulo";
}

.titulo_feria {
    font-family: "Font-Titulo";
    color: var(--color-black);
}

.span {
    font-family: "Font-Titulo";
    color: var(--primary-color);
}

.titulo_nav {
    font-family: "Font-Titulo";
    color: white;
}

.span_notification {
    font-family: "Font-Subtitulo";
    color: var(--color-danger);
    font-size: .9rem;
    font-weight: 700;
}

.label_titulos {
    font-family: "Font-Titulo";
    font-size: 1rem;
    padding: .1rem 0rem .1rem 0rem;
    font-weight: 700;
}

.label_subtitulos {
    font-family: "Font-Subtitulo";
    font-weight: 400;
    font-size: 1rem;
    padding: .1rem 0rem .1rem 0rem;
}

.contenido {
    margin-left: 2rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}






.contenedor-img-busqueda {
   

    
}

.contenedor-img-busqueda img {
      max-width:600px;  
}




























































ul {
    padding: 0
}


.span_alert {
    color: var(--color-black);
}

.model__1 {
    color: var(--color-black);
}


.icon__settings__user {
    color: white;
}









    .container-login {
        background-color: var(--color-primary0);
        padding: 0rem 0 0rem 0;
    }



     .signin-signup{
        /*background:cyan;*/
        padding: 5rem
    }

    .sign-in-form {
        max-width: 500px;
        padding: 2rem;
        margin:0 auto;
        /*background:green*/
    }

    .encabezado-body {
        margin: 0rem 0 1rem 0 ;
            
    }


    .body-login {
        margin: 2rem 0 1rem 0;
    }


    .footer-login {
        margin: 2rem 0 0rem 0;
    }


        /*img STPS**/
    .sign-in-form img {
        max-width: 300px;
    }

    .title {
        font-size: 1.5rem;
        color: #444;
        max-width: 500px;
        margin:0;
        font-weight:700

    }

    .title__sub {
        font-size: 1rem;
        color: #444;
        max-width: 500px;
        width: 100%;
        font-weight: 500;
    }





    .input-field {
        max-width: 450px;
        background-color: var( --color-bg0);
        margin: 0px 0;
        border-radius: 20px;
        display: grid;
        grid-template-columns: 15% 100%;
        padding: 0 0rem;
        
    }

    .input-field-notification {
        max-width: 450px;
    }

    .input-field-notification p {
        font-size: 1.2rem;
    }



    /* BACKGROUND AUTOCOMPLETE GC*/
    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus {
        -webkit-box-shadow: 0 0 0px 1000px var( --color-bg0) inset;
        -webkit-border-radius: 0 30px 30px 0;
    }

    input:-webkit-autofill {
        -webkit-text-fill-color: #000;
    }

    /** icon input iniciar sesion*/
    .input-field i {
        text-align: center;
        line-height: 55px;
        color: #acacac;
        transition: 0.5s;
        font-size: 1rem;

    }


    /* Input de inicio de sesion*/
    .input-field input {
        background: none;
        outline: none;
        border: none;
        line-height: 0;
        font-weight: 600;
        font-size: .9rem;
        color: #333;
    }

    .input-field input::placeholder {
        color: #aaa;
        font-weight: 500;
    }

    .social-text {
        padding: 1rem 0;
        font-size: .8rem;
        margin: 0
        /*margin-left: -150px;*/
    }

    .social-media {
        display: flex;
        margin-left: 0px
    }

    /**iconos de redes*/
    .social-icon {
        height: 35px;
        width: 35px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 0.45rem;
        color: #333;
        border-radius: 50%;
        border: 1px solid #333;
        text-decoration: none;
        font-size: 1.1rem;
        transition: 0.3s;
    }

     .social-icon:hover {
        color: var(--primary-color); /* // REVISAR COLOR*/
        border-color: #4481eb;
     }



    .btn.transparent {
        margin: 1rem;
        background: none;
        border: 1px solid #fff;
        width: 160px;
        height: 45px;
        font-weight: 600;
        font-size: 0.7rem;
    }

    .field-validation-error {
        color: var(--color-danger);
        padding: 0;
        margin: 0;
        font-size: .9rem;
        font-weight:700
    }




    /*  footer */

    .footer-c {
        background: var(--primary-color);
    }

    .image-prince {
        display: flex;
        justify-content: space-around;
    }

    .image-prince img {
        width: 100%; /* Ajusta el ancho al contenedor */
        height: 100%; /* Ajusta el alto al contenedor */
        object-fit: cover; /* Mantiene la proporción de la imagen */
        background-position: center;
    }


    /*Styles modal View partial*/
    .end-session {
        transition: ease 1s;
        font-family: "Font-Subtitulo";
        font-weight: 700;
        font-size: .9rem;
    }

    .end-session:hover {
        color: var(--color-danger);
    }


    .modal-content {
        z-index: 9000;
        padding: 0px 0 0 0;
    }


    .modal {
        z-index: 9000;
        background-image: linear-gradient(to left, currentColor 0%, transparent 0%);
    }

    .modal-dialog {
        z-index: 9000;
    }

    .select2-container--open .select2-dropdown {
        z-index: 100000;
    }

    .modal-header {
        /* background:red;*/
        width: 100%;
    }

    /*.dt-layout-row {
        padding: 0rem 2rem 0rem 2rem;
    }


    .dt-layout-row div{
        padding: 0rem 1rem 0rem 1rem;
    }

    .dt-paging paging_full_numbers > button {
        background: red;
    }

    .dt-layout-cell {
        margin: 1rem 1rem 1rem 1rem;
    }

    .dt-layout-cell {
        color: var( --primary-color);
        font-weight: 300;
    }

    */

    /*Bootstrap Colors */



.form-control:focus, .form-select:focus, .link:focus {
    border-color: #13322B;
    box-shadow: 0 0 0 0.2rem rgba(19, 50, 43, 0);
}

.figure {
    background: red;
}

.contenedor-eventos-asociados {
    border: 1px solid gray;
    padding: 1rem 0rem 1rem 1rem;
}

.contenedor-evento {
    border-radius: 1rem;
}

.buttonAdd {
}

.feria-nacional-seleccionada {
    color: black;
}

    .feria-nacional-seleccionada:hover {
        color: var(--primary-color);
    }

.entidad_item a i {
    color: #fff;
}

.entidad_item > a {
    background: var(--primary-color);
    padding: .5rem .5rem .5rem .5rem;
    border-radius: .7rem;
    margin: 2rem 0rem 1rem 0rem !important;
}





/*#region Drag & DROP area */ /* estilos para carga*/

.container-s {
    width: 100%;
    /*background:red;*/
    padding: 0rem 0rem 0rem 0rem;
}

.drag-area {
    width: 100%;
    height: 400px;
    border: 2px dashed var(--primary-color);
    align-items: center;
    justify-content: center;
    flex-direction: column;
    display: flex;
    margin: 0px auto;
    border-radius: 10px;
}

.drag-area_2 {
    width: 100%;
    height: 200px;
    border: 2px dashed var(--primary-color);
    align-items: center;
    justify-content: center;
    flex-direction: column;
    display: flex;
    margin: 0px auto;
    border-radius: 20px;
}

.drag-area.active {
    border: 2px dashed #285C4D;
    background: #eeeeee;
}



.drag-area .icon {
    font-size: 100px;
    color: #BC955C;
}



.drag-area .header {
    font-size: 30px;
    color: #11312E;
    font-weight: 300;
}

.drag-area span {
    font-size: 20px;
    font-weight: 300;
    color: black;
    margin: 10px 0 10px 0;
}



.drag-area .name-drag {
    font-size: 15px;
    font-weight: 500;
    color: #285C4d;
    font-weight: 600;
}

.drag-area button {
    padding: 10px 25px;
    font-size: 20px;
    font-weight: 500;
    border: none;
    outline: none;
    background: var( --primary-color);
    border-radius: 5px;
    cursor: pointer;
    color: #fff;
    transition: all .54s ease;
}


    .drag-area button i {
        /*font-size:1rem;*/
        margin: 0.3rem 0.5rem 0 0;
    }

.texto-button {
    line-height: 1;
    font-size: 1rem;
    font-weight: 300;
    margin: .3rem 0rem 0rem 0;
}

.drag-area button:hover {
    background: #285C4D;
}
/*#endregion */


.titulo_evento {
    color: var(--primary-color);
    font-weight: 600;
}

.swal2-popup .select2 {
    display: none;
}

.swal2-confirm, .swal2-styled {
    background: var(--primary-color)
}





/* Menu listado de eventos */
.menu-listado-item-titulo {
    font-weight: 700;
    font-family: "Font-Titulo";
    padding: 0rem;
    margin: .3rem;
}

.menu-listado-item-contenido {
    font-weight: 200;
    font-family: "Font-Subtitulo";
    color: black;
    font-size: .9rem;
}


/*Imagenes banner*/

.contenedor-imagenes {
    /*margin: 0 auto;*/
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    border-radius: 1px;
    background: var(--secondary-color);
}


.carousel-inner img {
    margin: 0rem auto;
    width: 50%;
    max-height: 10%;
}

.carousel-inner {
    /*height: 250px;*/
    /*background:red;*/
}

.carousel-control-prev-icon {
    color: black;
}

.carousel-control-next-icon {
    color : var(--primary-color);
    font-size: 1rem
}




.swal2-title {
    font-size: 1.5rem;
}

.swal2-title-pie {
    font-size: 1rem;
    font-weight: 700;
}

/*Extra small  <576px
      Small       ≥576px
      Medium      ≥768px
      Large       ≥992px
      Extra large ≥1200px*/

.data-user {
    display: none;
}

.dropdown-menu {
    background: var(--primary-color);
}

/*#region Bootstap changes */ /* estilos para carga*/


.accordion {
    --bs-accordion-active-bg: var(--primary-color);
    --bs-accordion-active-color: white;
}

.accordion-button:not(.collapsed) {
    box-shadow: none;
}
/*#endregion */


.button-limpiar-filtros {
    font-size: 1rem;
    color: var(--primary-color);
    cursor: pointer;
    transition: color 0.3s ease; 
}

.button-limpiar-filtros:hover {
    color: var( --primary-color-ant);
}


.select2-container--open {
    z-index: 9999999;
}



/*#region buttons */

.botones-acciones-container {
    /*background:red;*/
    margin: 1rem 0rem 1rem 0rem;
}

    .botones-acciones-container .botton-acciones {
        padding: 1rem;
        background: var(--color-danger);
        border-radius: .8rem;
        transition: var(--transition);
    }

        .botones-acciones-container .botton-acciones:hover {
            padding: 1rem;
            background: var(--color-button-primary);
        }

        .botones-acciones-container .botton-acciones a {
            text-decoration: none;
        }

        .botones-acciones-container .botton-acciones i {
            color: var(--color-white);
            font-size: 1rem;
        }

            .botones-acciones-container .botton-acciones i span {
                color: var(--color-white);
                font-family: "Font-Subtitulo";
                font-weight: 400;
                font-size: 1rem;
                padding: .1rem 0rem .1rem 0rem;
            }


.btnLimpiar a {
    font-size: .9rem;
    text-decoration: none;
    color: black;
    /*transition: all 1s ease-out;*/
}

.btnLimpiar a:hover {
color: var(--color-danger);
font-weight: 700
}






.btn-secondary {
    font-family: "Font-Subtitulo";
    background: var( --primary-color);
    color: var(--color-white);
    border-radius: 10px;
    border: 1px solid transparent;
    transition: var(--transition);
}

.btn-third {
    font-family: "Font-Subtitulo";
    background: var(--color-button-primary);
    color: var(--color-white);
    border-radius: 10px;
    border: 1px solid transparent;
    transition: var(--transition);
}


.btn-busqueda-principal {
    font-family: "Font-Subtitulo";
    background: var(--color-button-primary);
    color: var(--color-white);
    border-radius: 20px;
    /*border: 1px solid transparent;*/
    transition: var(--transition);
    padding: .9rem .8rem .9rem .8rem;
    margin: .5rem;
    text-decoration: none;
}

.btn-busqueda-principal-color {
    font-family: "Font-Subtitulo";
    background: var( --color-secundary);
    color: var(--color-white);
    border-radius: 20px;
    /*border: 1px solid transparent;*/
    transition: var(--transition);
    padding: .9rem .8rem .9rem .8rem;
    margin: .5rem;
    text-decoration: none;
}

.btn-busqueda-principal:hover {
       background: var(--color-button-secundary);
}

.btn {
    font-family: "Font-Subtitulo";
    /*background: var( --primary-color);*/
    color: var(--color-white);
    /*padding: .7rem 0rem;*/
    /*margin: 0rem .5rem 0rem 0rem;*/
    border-radius: 10px;
    border: 1px solid transparent;
    transition: var(--transition);
}





.btn i {
        margin: 0rem 1.2rem 0 1.2rem;
        padding: 0rem 0rem 1rem 0rem;
        text-decoration: none;
}

.btn p {
        margin: 0rem 1.2rem 0 1.2rem;
        padding: 0rem 0rem 1rem 0rem;
}

.btn p:hover {
            text-decoration: underline;
}

.btn:hover {
        background: var(--color-button-primary);
        color: var(--color-white);
        border-color: var(--color-white);
}

.btn-option-data {
    font-family: "Font-Subtitulo";
    background: var( --primary-color);
    color: var(--color-white);
    padding: .7rem .5rem .0rem .5rem;
    margin: 0rem .5rem 0rem 0rem;
    border-radius: 5px;
    transition: var(--transition);
}


.btn-menu {
    background: var( --primary-color);
    width: 20%;
    color: var(--color-white);
    padding: .2rem .3rem;
    text-align: center;
    border: 1px solid transparent;
    transition: var(--transition);
}



/*#endregion */

/*#region FOOTER */

.container-footer {
    padding: 0rem 5rem 0rem 5rem;
}

.footer-titulo-seccion {
    font-family: "Font-Titulo";
    font-size: 1rem;
    font-weight: 700
}

.item-subtitulo-seccion {
    font-family: "Font-Subtitulo";
    font-size: .9rem;
    font-weight: 300;
    margin: .5rem 0rem .5rem 0;
    color: var( --color-white);
}

.item-subtitulo-seccion:hover {
   /*text-decoration: underline;*/
   font-weight: 700;
   cursor: pointer; 
}


.container-footer-url {
    background-color: var(--color-secundary-2026);
    width: 100%;
}


/*#endregion */
/*#region Ficha eventos */
.tbl_Ferias {
    background: red;
    overflow: hidden;
}

.titulo-evento {
    font-size: .9rem;
}

.subtitulo-evento {
    font-size: .8rem;
}
/*#endregion */

/*#region NOTIFICACION */
.notificacion-evento-tip {
    background: var(--color-black);
    margin-right: auto;
    margin-left: auto;
    width: 90%;
    text-align: center;
}

    .notificacion-evento-tip > strong {
        color: white;
        font-weight: 700;
        font-size: .9rem;
    }

    .notificacion-evento-tip > span {
        color: white;
        font-weight: 300;
        font-size: 1rem;
    }

/*#endregion */

/*#region BANNER HOME */

.contenedor-busqueda-items-banner {
    /*  
    --container-width-lg: 90%;
    --container-width-md: 80%;
    --container-width-sm: 60%;*/
    margin: 0 auto;
    width: var(--container-width-lg);
    /* margin: 2rem 0rem 0rem 0rem;*/
    padding: 0rem 0rem 0rem 0rem;
    /*background: linear-gradient(0.25turn,#8C1E40, #711835, #531129);*/
}



    .contenedor-busqueda-items-banner .titulo-seccion-banner {
        color: var(--color-black);
        padding: 1rem 0 0rem 0;
        margin: 0 0 0 0;
        font-weight: 800;
    }

    .contenedor-busqueda-items-banner .subtitulo-seccion-banner {
        color: var(--color-black);
        padding: 0rem 0 2rem 0;
        margin: 0 0 0 0;
    }

    .contenedor-busqueda-items-banner .btn-busqueda-principal {
        padding: 1rem 0 0 0;
        margin: 0;
    }

    .contenedor-busqueda-items-banner .btn-busqueda-principal:hover {
       padding: 1rem 0 0 0;
       margin: 0;
       background: #3A0B1E;
    }


.swiper {
    background: #3A0B1E;
    width: 100%;
    height:300px;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: fill;
        /*object-fit: cover;*/
    }

.swiper-scrollbar {
    --swiper-scrollbar-border-radius: 1px;
    --swiper-scrollbar-top: auto;
    --swiper-scrollbar-bottom: 4px;
    --swiper-scrollbar-left: auto;
    --swiper-scrollbar-right: 4px;
    --swiper-scrollbar-sides-offset: 1%;
    --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
    --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
    --swiper-scrollbar-size: 2px;
}


.swiper-button-prev a i {
}

.swiper-button-next a i {
    color: var(--color-white);
}

/*#endregion */

/*#region BUSQUEDA */
.busqueda_principal {
    background: linear-gradient(0.25turn, #531129, #711835, #8C1E40);
    border-radius: 0px 0px 200px 200px/ 50px 50px;
    padding: 3rem 3rem 3rem 3rem;
}

    .busqueda_principal .contenedor-img-gob {
        max-width: 400px;
    }

        .busqueda_principal .contenedor-img-gob > img {
            max-width: 400px;
        }


    .busqueda_principal h1 {
        color: var(--color-white);
        font-weight: 700;
        line-height: 1.3;
    }

    .busqueda_principal .contenedor-img-busqueda {
    }

        .busqueda_principal .contenedor-img-busqueda > img {
        }

.input-field-principal {
    max-width: 100%;
    height: 80px;
    background-color: var( --color-bg0);
    margin: 0px 0;
    border-radius: 45px;
    display: grid;
    grid-template-columns: 90% 10%;
    padding: 0 0rem;
}

/* BACKGROUND AUTOCOMPLETE GC*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px var( --color-bg0) inset;
    -webkit-border-radius: 0 30px 30px 0;
}

input:-webkit-autofill {
    -webkit-text-fill-color: #000;
}


.input-field-principal input {
    background: none;
    outline: none;
    border: none;
    padding: 0rem 1rem 0rem 2rem;
    color: var(--color-black-tenue);
    font-size: 2rem;
    font-style: italic;
    font-weight: 400;
}

    .input-field-principal input::placeholder {
        color: var(--color-black-tenue);
        font-size: 2rem;
        font-style: italic;
        font-weight: 400;
    }

.input-field-principal i {
    text-align: center;
    line-height: 80px;
    height: 80px;
    color: var(--color-white);
    transition: 0.5s;
    font-size: 2rem;
    background: var(--color-button-primary);
    border-radius: 0px 30px 30px 0px;
    cursor: pointer;
}


.contenedor-sugerencias-busqueda {
    padding: 1rem 0 0 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /*justify-content: center;*/
    justify-content: flex-start
}

/*#endregion */

/*#region SELECTORES BUSQUEDA */

.contenedor-busqueda-items {
    margin: 5rem 0rem 2rem 0rem;
}

    .contenedor-busqueda-items h1 {
        line-height: 1.1;
        font-weight: 700;
    }

.elemento_busqueda {
    padding: 0rem 0rem 0rem 0rem;
}

.elemento-buscar {
    /* display: flex;
    flex-direction: column;*/
    /*align-items: flex-center;*/
}

.titulo-ayuda-busqueda {
    font-weight: 700;
}

.elemento_busqueda > .titulo-busqueda-filtro {
    font-weight: 700;
}




.elemento-busqueda-busqueda .input-field-busqueda {
    max-width: 600px;
    background-color: var(--color-bg0);
    margin: 0px 0;
    border-radius: 10px;
    display: grid;
    grid-template-columns: 10% 80%;
    padding: 0 0rem;
}



.elemento-busqueda-busqueda .titulo-busqueda-filtro {
    padding: 0;
    margin: 0;
    font-weight: 700;
}

.elemento-busqueda-personalizada {
    margin: 2.5rem 0rem 1rem 0rem;
}

    .elemento-busqueda-personalizada a {
        color: var(--primary-color);
        text-decoration: none;
    }

    .elemento-busqueda-personalizada span {
        font-weight: 300;
    }









.input-field-busqueda {
    /*max-width: 500px;*/
}

    .input-field-busqueda p {
        font-size: 1.2rem;
    }



/* BACKGROUND AUTOCOMPLETE GC*/
.input-field--busqueda:-webkit-autofill,
.input-field--busqueda:-webkit-autofill:hover,
.input-field--busqueda:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px var( --color-bg0) inset;
    -webkit-border-radius: 0 30px 30px 0;
}

.input-field--busqueda:-webkit-autofill {
    -webkit-text-fill-color: #000;
}

/** icon input iniciar sesion*/
.input-field-busqueda i {
    text-align: center;
    line-height: 55px;
    color: #acacac;
    transition: 0.5s;
    font-size: 1rem;
}


/* Input de inicio de sesion*/
.input-field-busqueda input {
    background: none;
    outline: none;
    border: none;
    line-height: 0;
    font-weight: 700;
    font-size: .9rem;
    color: #333;
}

    .input-field-busqueda input::placeholder {
        color: #aaa;
        font-weight: 500;
    }




/*#endregion */

/*#region MAPA */
.container-mapa-eventos {
}

.contenedor-busqueda-items-banner .mapa-eventos-banner {
}

.container-mapa-eventos svg {
    /*margin:0rem 0rem 0rem 0rem;*/
    width: 100%;
    height: 600px;
}

    .container-mapa-eventos svg g {
        transform: translate(-80px, 100px);
    }

.container-mapa-eventos path {
    fill: var(--primary-color-ant);
    stroke: var(--color-bg);
    stroke-width: 0.1rem;
    transition: all .5s ease-out;
    cursor: pointer;
}

    .container-mapa-eventos path:hover {
        fill: var(--primary-color);
        /*fill: var(--primary-color-ant);*/
    }

.titulo-seccion-banner-entidad-mapa {
    color: var(--color-danger);
    line-height: 1.1;
    font-weight: 300;
}

.titulo-seccion-banner-titulo-mapa {
    color: var(--color-primary);
    line-height: 1.1;
    font-weight: 700;
}



/*#endregion */

/*#region NAV */

.navbar {
    background: var(--primary-color);
    padding: 0 0rem 0 0rem;
    z-index: 2000;
    width: 100%;
    position: fixed;
    top: 0;
}

.navbar-collapse {
    background: var(--primary-color);
    width: 100%;
    padding: 1rem;
    margin: 0rem;
    position: relative;
}

.nav-item a {
    color: var(--color-white);
    font-weight: 300;
    text-decoration: none;
}

.nav-item-login {
    color: var(--color-white);
    font-weight: 700;
    text-decoration: none;
}

.nav-item a:hover {
    text-decoration: underline;
    text-decoration: none;
    font-weight: 700;
}


ul {
    list-style-type: none;
}



.logo a:hover {
    text-decoration: none;
}


.menu li {
    font-size: 14px;
    padding: 15px 5px;
    white-space: nowrap;
    z-index: 5000
}

.logo a,
.toggle a {
    font-size: 20px;
}

.menu .logo > span {
    font-weight: 600;
    font-size: 1.1rem;
}



/* Mobile menu --------------------------*/
.menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.toggle {
    order: 1;
}

.item.button {
    order: 2;
}

.item {
    width: 100%;
    order: 3;
    display: none;
}

    .item.active {
        display: block;
    }

/* Navbar Toggle --------------------------- */
.toggle {
    cursor: pointer;
}

.bars {
    background: var(--color-white);
    display: inline-block;
    height: 2px;
    position: relative;
    transition: background .2s ease-out;
    width: 15px;
    bottom: .2rem;
}

    .bars:before,
    .bars:after {
        background: var(--color-white);
        content: '';
        display: block;
        height: 100%;
        position: absolute;
        transition: all .2s ease-out;
        width: 100%;
    }

    .bars:before {
        top: 5px;
    }

    .bars:after {
        top: -5px;
    }



/** Submenu ----------------------------------------------------------*/
nav ul li .submenu {
    position: absolute;
    background: var(--color-primary1);
    /*  box-shadow: 0 0px 45px #1F2641;*/
    padding-top: 0rem;
    display: none;
    width: 250px;
    z-index: 1500;
    transition: all ease 0.5s;
    border-radius: .3rem;
}

    nav ul li .submenu a {
        display: inline-block;
        margin-left: 0px;
    }

nav ul li:hover .submenu {
    z-index: 1500;
    display: block;
}

.submenu li:hover {
    background: white;
    /* border-radius: .6rem 0 .6rem;*/
    /*  color: var(--color-font-dark);*/
}

    .submenu li:hover a {
        color: var(--color-black);
        transition: all ease 0.5s;
    }

.linea_vertical {
    width: 4px;
    height: 100%;
    background: var(--primary-color);
}


@media all and (min-width: 468px) {
    .menu {
        justify-content: center;
    }

    .logo {
        flex: 1;
    }

    .item.button {
        width: auto;
        order: 1;
        display: block;
    }

    .toggle {
        order: 2;
    }

    .button.secondary {
        border: 0;
    }

    .button a {
        padding: 7.5px 15px;
        border-radius: 50em;
    }

    .button.secondary a {
        background: transparent;
    }

    .button a:hover {
        transition: all .25s;
    }
}

@media all and (min-width: 768px) {
    .item {
        display: block;
        width: auto;
    }

    .toggle {
        display: none;
    }

    .logo {
        order: 0;
    }

    .item {
        order: 1;
    }

    .button {
        order: 2;
    }

    .menu li {
        padding: 15px 10px;
    }

        .menu li.button {
            padding-right: 0;
        }
}


/*#endregion */

/*#region DATATABLES STYLES */

.dataTables_info {
    width: 100%;
    display: grid;
    place-content: center;
    padding: 0rem 0rem .7rem 0rem;
}



/*.dt-processing {
    display: grid;
    background-color: blue;
    justify-content: center;
    align-items: center;
    max-height: 200px;
    min-height: 200px;
    min-width: 100%;
    max-width: 100%;
}*/
.dt-paging {
}


/*.dt-paging-button {
    background-color: var(--primary-color);*/ /* Green */
/*border: none;
    color: white;
 
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    padding: .5rem;
    margin: 1rem;
}*/

/*#endregion */


/*#region seccion infoirmacion */


.seccion-info {
    text-align: center;
    font-size: 3rem;
    color: var(--color-primary);
}

/*#endregion */


/*#region seccion infoirmacion */


.subtitulo_seccion_inversion {
    font-family: "Font-Subtitulo";
    color: var(--color-black);
    padding: .2rem;
    font-weight: bold;
    /*background:red;*/
}

/*#endregion */

/*#region Formulario BT */

.formulario_bt {
    margin: 0 10rem 5rem 20rem;
    /*background:red;*/
}

.contenedor-bt-formulario-seccion-gnral {
    /*margin-bottom: 1rem;*/
    border-radius: .1rem;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 10px 10px 0 rgba(0, 0, 0, 0);
}

.card {
    background-color: transparent;
}

.accordion-body {
    background-color: transparent !important;
}

.seccion-1-1 {
    margin: 0
}

.tipo-lada-value {
}

/*#endregion */






@media (max-width : 576px) {
    body {
        /* background: pink; */
    }

    /*#region Formulario BT */

    .formulario_bt {
        margin: 0 1rem 5rem 1rem;
        /*background:red;*/
    }
    /*#endregion */


    .btn-option-data {
    }

    .btn {
        padding: .5rem;
    }

        .btn i {
            margin: 0;
        }

    .drag-area button {
        margin: 2rem;
    }


        .drag-area button i {
            font-size: 1rem;
            margin: 0;
        }

    .drag-area span {
        font-size: 1rem !important;
        font-weight: 300;
        color: black;
        margin: 1px 0 1px 0;
    }


    .drag-area .name-drag {
        font-size: 12px !important;
        color: var(--primary-color);
        font-weight: 600;
    }

    .texto-button {
        display: none;
    }

    .titulo_evento {
        font-size: 1rem;
        color: var(--primary-color);
    }

    .dropdown__wrapper {
        top: -25rem;
    }

    .data-user {
        display: block;
    }

    .navigation__group {
        display: none;
    }

    .swiper {
        background: #3A0B1E;
        width: 100%;
        height: 100px;
    }


    .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        /*object-fit: cover;*/
    }
}

@media (min-width : 576px) {
    body {
        /*background: yellow;*/
    }

    /*#region Formulario BT */

    .formulario_bt {
        margin: 0 2rem 5rem 2rem;
        /*background:red;*/
    }
    /*#endregion */


    .dropdown__wrapper {
        top: -25rem;
    }

    .carousel-inner img {
        width: 100%;
    }

    .data-user {
        display: block;
    }

    .navigation__group {
        display: none;
    }


    .swiper {
        background: #3A0B1E;
        width: 100%;
        height: 150px;
    }


    .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        /*object-fit: cover;*/
    }
}

@media (min-width: 768px) {
    body {
        /*background: gray;*/
    }
    /*#region Formulario BT */

    .formulario_bt {
        margin: 5rem 5rem 5rem;
        /*background:red;*/
    }
    /*#endregion */


    .dropdown__wrapper {
        top: -25rem;
    }

    .data-user {
        display: block;
    }

    .navigation__group {
        display: none;
    }


    .swiper {
        background: #3A0B1E;
        width: 100%;
        height: 150px;
    }


    .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: fill;
        /*object-fit: cover;*/
    }
}

@media (min-width : 992px) {
    body {
        /*background: cyan;*/
    }
    /*#region Formulario BT */

    .formulario_bt {
        margin: 0 8rem 5rem 8rem;
        /*background:red;*/
    }
    /*#endregion */


    .carousel-inner img {
        width: 70%;
    }

    .dropdown__wrapper {
        width: 35%;
    }

    .dropdown__wrapper {
        top: 5rem;
    }

    .navigation__group {
        display: block;
    }

    .data-user {
        display: none;
    }

    .swiper {
        background: #3A0B1E;
        width: 100%;
        height: 200px;
    }


    .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: fill;
        /*object-fit: cover;*/
    }
}

@media (min-width : 1200px) {
    body {
        /*background: green;*/
    }

    /*#region Formulario BT */

    .formulario_bt {
        margin: 0 10rem 5rem 10rem;
        /*background:red;*/
    }
    /*#endregion */

    .dropdown__wrapper {
        width: 30%;
    }

    .dropdown__wrapper {
        top: 5rem;
    }

    .navigation__group {
        display: block;
    }

    .swiper {
        background: #3A0B1E;
        width: 100%;
        height: 250px;
    }


    .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: fill;
        /*object-fit: cover;*/
    }
}

@media (min-width : 1500px) {
    body {
        /*background: orange;*/
    }

    /*#region Formulario BT */

    .formulario_bt {
        margin: 0 20rem 5rem 20rem;
        /*background:red;*/
    }
    /*#endregion */

    /*#region BUSQUEDA */

    .busqueda_principal h1 {
        color: var(--color-white);
        font-weight: 700;
        line-height: 1.3;
        font-size: 4rem
    }
    /*#endregion */

    .dropdown__wrapper {
        width: 25%;
    }

    .dropdown__wrapper {
        top: 5rem;
    }

    .navigation__group {
        display: block;
    }

    .swiper {
        background: #3A0B1E;
        width: 100%;
        height: 300px;
    }


    .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: fill;
        /*object-fit: cover;*/
    }
}