body {
    font-family: AvenirLTStd-Book !important;
}

@font-face {
    font-family: 'AvenirLTStd-Book';
    src: url('/fonts/AvenirLTStd-Book.otf') format('opentype');
}

.required-field {
    color: #d23537;
    font-size: 0.8rem;
    margin: 0px;
}

.hidden {
    display: none;
}


.validation-message {
    margin: 0.5rem 0 !important;
    color: #f5513b;
    font-size: min(5vw, 0.8rem);
}


.no-border-line {
    border-bottom: 1px solid #343a40 !important;
}

.text-primary {
    color: #007bff !important;
}

.home-background {
    background-image: url('/images/background-dashboard.png');
}

.home-background-draw {
    background-image: url('/images/background-dashboard.png');
}

.shopping-bag-icon {
    background-image: url('/images/shopping-bag.png');
    width: 64px;
    height: 64px;
    background-repeat: no-repeat;
}

.receipt-icon {
    background-image: url('~/images/receipt.png');
    width: 64px;
    height: 64px;
    background-repeat: no-repeat;
}

.shipping-icon {
    background-image: url('~/images/shipping.png');
    width: 64px;
    height: 64px;
    background-repeat: no-repeat;
}

.phase-option {
    border-radius: 50%;
    color: #fbfbfb;
    font-size: 1em;
    box-shadow: 0px 0px 4px 0px #3e3e3e;
}

.btn.btn-default.text-center.active>i {
    border-radius: 50%;
    background-color: #dc3545;
    color: #dc3545;
    font-size: 1em;
    box-shadow: 0px 0px 4px 0px #3e3e3e;
}

.timeline-body {
    max-height: 650px;
    overflow-y: auto;
}

.actions-checkbox {
    line-height: 32px;
    margin-top: 5px;
}

table.dataTable tbody tr {
    line-height: 1.3rem !important;
}

table.dataTable.display tbody>tr.odd.selected>.sorting_1,
table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_1 {
    background-color: #d23537 !important;
}

table.dataTable tbody>tr.selected,
table.dataTable tbody>tr>.selected>td:not(:last-child) {
    background-color: #d23537 !important;
}

table.dataTable tbody>tr>.selected>td:not(:last-child) {
    background-color: unset !important;
}

table.dataTable.display tbody>tr.even.selected>.sorting_1,
table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_1 {
    background-color: #d23537 !important;
}

.dataTables_filter-btn {
    height: 30px;
    display: inline-block !important;
}

@media screen and (max-width: 525px) {
    #logged-user-container {
        display: none;
    }
}

.recaptcha-container {
    width: 250px;
}

#select2-BaseTeam-container {
    padding-left: 1px !important;
    /*    color: #949ba3 !important;*/
}

#select2-Country-container {
    padding-left: 1px !important;
    /*    color: #949ba3 !important;*/
}

.select2-selection__arrow {
    top: 5px !important;
}

.responsive-chart-container {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

    .responsive-chart-container canvas,
    .responsive-chart-container > div {
        position: absolute !important;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }


/*.main-background {
    background-image: url('../conexiones-logo-white.jpeg');
    background-size: contain;*/
/* La imagen se ajusta para que todo su contenido esté visible */
/*background-repeat: no-repeat;*/
/* La imagen no se repite */
/*background-position: center center;*/
/* La imagen se centra tanto horizontal como verticalmente */
/*}*/


.logo-isotipo{
    max-height: 285px !important; 
    margin-left: 0.4rem !important; 
    display: table; 
    width: 95% !important;
}

.active-option {
    background-color: rgba(255, 255, 255, .1);
    color: #fff;
}

.avatar-image-top {
    width: 50px;
    height: 50px;
    margin-top: -12px;
}


input[type="checkbox"] {
      margin-right: 5px;
}

.btn-ai-container{
    float: right;
}

/* AI ASSISTANT */
.btn-ai {
  position: relative;
  overflow: hidden;
  background: #1e1e2f;
  color: #fff;
  padding: 10px 20px;
  border: none;
  border-radius: 12px;
  font-size: 16px;
  cursor: pointer;
  box-shadow: 0 0 0 rgba(190, 59, 59, 0.7);
  transition: box-shadow 0.3s ease;
}

.btn-ai i {
  margin-right: 6px;
}


.float-end{
    float: inline-end;
} 


#ia-modal-header{
    background: linear-gradient(45deg, #b70520, #d9d9d9);
    color: white;
}



/* Styles for country customization based on base team property */
/* Argentina */
/* .main-background {
    background: linear-gradient(to right, #74acdf, #ffffff, #f6b40e);
} */

/* Argentina */
.argentina {
    content: url("https://conexiones.coreconlatino.com/images/flags/argentina-flag.png");
}

.argentina-top-banner {
    height: 20px;
    width: 100%;
    background: linear-gradient(to right, #74acdf, #ffffff, #f6b40e);
}

.argentina-main-background {
    background: linear-gradient(to right, #74acdf, #ffffff, #74acdf);
}

/* Bolivia */
.bolivia {
    content: url("https://conexiones.coreconlatino.com/images/flags/bolivia-flag.png");
}

.bolivia-top-banner {
    height: 20px;
    width: 100%;
    background: linear-gradient(to right, #d52b1e, #ffd100, #007934);
}

.bolivia-main-background {
    background: linear-gradient(to right, #d52b1e, #ffd100, #007934);
}

/* Brazil */
.brazil {
    content: url("https://conexiones.coreconlatino.com/images/flags/brazil-flag.png");
}

.brazil-top-banner {
    height: 20px;
    width: 100%;
    background: linear-gradient(to right, #009c3b, #ffdf00, #002776);
}

.brazil-main-background {
    background: linear-gradient(to right, #009c3b, #ffdf00, #002776);
}

/* Chile */
.chile {
    content: url("https://conexiones.coreconlatino.com/images/flags/chile-flag.png");
}

.chile-top-banner {
    height: 20px;
    width: 100%;
    background: linear-gradient(to right, #0033a0, #ffffff, #d52b1e);
}

.chile-main-background {
    background: linear-gradient(to right, #0033a0, #ffffff, #d52b1e);
}

/* Colombia */
.colombia {
    content: url("https://conexiones.coreconlatino.com/images/flags/colombia-flag.png");
}

.colombia-top-banner {
    height: 20px;
    width: 100%;
    background: linear-gradient(to right, #fcd116, #003893, #ce1126);
}

.colombia-main-background {
    background: linear-gradient(to right, #fcd116, #003893, #ce1126);
}

/* Costa Rica */
.costa-rica {
    content: url("https://conexiones.coreconlatino.com/images/flags/costa-rica-flag.png");
}

.costa-rica-top-banner {
    height: 20px;
    width: 100%;
    background: linear-gradient(to right, #002b7f, #ffffff, #ce1126);
}

.costa-rica-main-background {
    background: linear-gradient(to right, #002b7f, #ffffff, #ce1126);
}

/* Cuba */
.cuba {
    content: url("https://conexiones.coreconlatino.com/images/flags/cuba-flag.png");
}

.cuba-top-banner {
    height: 20px;
    width: 100%;
    background: linear-gradient(to right, #002a8f, #ffffff, #cf142b);
}

.cuba-main-background {
    background: linear-gradient(to right, #002a8f, #ffffff, #cf142b);
}

/* Dominican Republic */
.dominican-republic {
    content: url("https://conexiones.coreconlatino.com/images/flags/dominican-republic-flag.png");
}

.dominican-republic-top-banner {
    height: 20px;
    width: 100%;
    background: linear-gradient(to right, #002d62, #ffffff, #d52b1e);
}

.dominican-republic-main-background {
    background: linear-gradient(to right, #002d62, #ffffff, #d52b1e);
}

/* Ecuador */
.ecuador {
    content: url("https://conexiones.coreconlatino.com/images/flags/ecuador-flag.png");
}

.ecuador-top-banner {
    height: 20px;
    width: 100%;
    background: linear-gradient(to right, #fcd116, #003893, #ce1126);
}

.ecuador-main-background {
    background: linear-gradient(to right, #fcd116, #003893, #ce1126);
}

/* El Salvador */
.el-salvador {
    content: url("https://conexiones.coreconlatino.com/images/flags/el-salvador-flag.png");
}

.el-salvador-top-banner {
    height: 20px;
    width: 100%;
    background: linear-gradient(to right, #0f47af, #ffffff, #0f47af);
}

.el-salvador-main-background {
    background: linear-gradient(to right, #0f47af, #ffffff, #0f47af);
}

/* Guatemala */
.guatemala {
    content: url("https://conexiones.coreconlatino.com/images/flags/guatemala-flag.png");
}

.guatemala-top-banner {
    height: 20px;
    width: 100%;
    background: linear-gradient(to right, #4997d0, #ffffff, #4997d0);
}

.guatemala-main-background {
    background: linear-gradient(to right, #4997d0, #ffffff, #4997d0);
}

/* Honduras */
.honduras {
    content: url("https://conexiones.coreconlatino.com/images/flags/honduras-flag.png");
}

.honduras-top-banner {
    height: 20px;
    width: 100%;
    background: linear-gradient(to right, #0073cf, #ffffff, #0073cf);
}

.honduras-main-background {
    background: linear-gradient(to right, #0073cf, #ffffff, #0073cf);
}

/* Mexico */
.mexico {
    content: url("https://conexiones.coreconlatino.com/images/flags/mexico-flag.png");
}

.mexico-top-banner {
    height: 20px;
    width: 100%;
    background: linear-gradient(to right, #006847, #ffffff, #ce1126);
}

.mexico-main-background {
    background: linear-gradient(to right, #006847, #ffffff, #ce1126);
}

/* Nicaragua */
.nicaragua {
    content: url("https://conexiones.coreconlatino.com/images/flags/nicaragua-flag.png");
}

.nicaragua-top-banner {
    height: 20px;
    width: 100%;
    background: linear-gradient(to right, #0067c6, #ffffff, #0067c6);
}

.nicaragua-main-background {
    background: linear-gradient(to right, #0067c6, #ffffff, #0067c6);
}

/* Panama */
.panama {
    content: url("https://conexiones.coreconlatino.com/images/flags/panama-flag.png");
}

.panama-top-banner {
    height: 20px;
    width: 100%;
    background: linear-gradient(to right, #005aa7, #ffffff, #ff0000);
}

.panama-main-background {
    background: linear-gradient(to right, #005aa7, #ffffff, #ff0000);
}

/* Paraguay */
.paraguay {
    content: url("https://conexiones.coreconlatino.com/images/flags/paraguay-flag.png");
}

.paraguay-top-banner {
    height: 20px;
    width: 100%;
    background: linear-gradient(to right, #d52b1e, #ffffff, #0038a8);
}

.paraguay-main-background {
    background: linear-gradient(to right, #d52b1e, #ffffff, #0038a8);
}

/* Peru */
.peru {
    content: url("https://conexiones.coreconlatino.com/images/flags/peru-flag.png");
}

.peru-top-banner {
    height: 20px;
    width: 100%;
    background: linear-gradient(to right, #d91023, #ffffff, #d91023);
}

.peru-main-background {
    background: linear-gradient(to right, #d91023, #ffffff, #d91023);
}

/* Uruguay */
.uruguay {
    content: url("https://conexiones.coreconlatino.com/images/flags/uruguay-flag.png");
}

.uruguay-top-banner {
    height: 20px;
    width: 100%;
    background: linear-gradient(to right, #ffffff, #3e73c1, #ffffff);
}

.uruguay-main-background {
    background: linear-gradient(to right, #ffffff, #3e73c1, #ffffff);
}

/* Venezuela */
.venezuela {
    content: url("https://conexiones.coreconlatino.com/images/flags/venezuela-flag.png");
}

.venezuela-top-banner {
    height: 20px;
    width: 100%;
    background: linear-gradient(to right, #fce300, #0033a0, #ef3340);
}

.venezuela-main-background {
    background: linear-gradient(to right, #fce300, #0033a0, #ef3340);
}



/* Contenedor de acciones */
.action-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Botones de acción */
.action-btn {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.8rem 1rem;
    border: 2px solid #007bff;
    border-radius: 12px;
    background: #0d1117; /* fondo oscuro si tu app es dark */
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.25s ease;
}

.action-btn i {
    font-size: 1.2rem;
    color: #00d1b2; /* color llamativo para IA */
}

.action-btn:hover {
    background: #007bff;
    border-color: #007bff;
    transform: translateY(-2px);
}

/* Loader estilo puntos animados */
.loader {
    display: none; /* por defecto oculto */
    margin-top: 2rem;
    text-align: center;
}

.loader .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: #00d1b2;
    border-radius: 50%;
    animation: bounce 1s infinite ease-in-out;
}

.loader .dot:nth-child(2) {
    animation-delay: 0.2s;
}

.loader .dot:nth-child(3) {
    animation-delay: 0.4s;
}

@keyframes bounce {
    0%, 80%, 100% { transform: scale(0); }
    40% { transform: scale(1); }
} 

/* Efecto de hover elegante */
    .hover-glow:hover {
        background-color: #f8f9fa;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
        transform: translateY(-2px);
        transition: all 0.2s ease-in-out;
    }

    /* Suavizar transición de todos los items */
    .list-group-item {
        transition: all 0.2s ease-in-out;
        margin-bottom: 2px;
    }

    /* Loader tres puntos */
    .spinner-dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    }
    .spinner-dots span {
    width: 10px;
    height: 10px;
    background: #0d6efd;
    border-radius: 50%;
    display: inline-block;
    animation: bounce 1.4s infinite ease-in-out both;
    }
    .spinner-dots span:nth-child(1) { animation-delay: -0.32s; }
    .spinner-dots span:nth-child(2) { animation-delay: -0.16s; }

    @keyframes bounce {
    0%, 80%, 100% { transform: scale(0); }
    40% { transform: scale(1); }
    }


    .popover {
        max-width: 320px !important;
    }



    .wrap-text {
        white-space: normal !important;
        word-break: break-word;
        overflow-wrap: break-word;
        max-width: 200px;
    }