body {background: url(images/background1.jpg) repeat-y top center;}
/* .modal-backdrop { z-index: -999999; } */



td.verde img {border: 2px solid green !important; border-radius: 50%;}
td.rojo img{border: 2px solid red !important; border-radius: 50%;}
/*td.rojo {display:block; border: 2px solid red !important;}*/
table.tabla_votacion tr td, table.tabla_votacion tr th { border-bottom:1px solid #eee;}

table.tabla_partidos {border:1px solid #999999; margin-left:10%; margin-right: 10%; width: 80%;}
table.tabla_todos_partidos {border:1px solid #999999;}
table.tabla_todos_partidos td { padding: 2px;  }
table.tabla_todos_partidos  td, table.tabla_todos_partidos th {background-color:#cccccc; padding:2px 7px; }
table.tabla_partidos td,table.tabla_partidos th {padding: 2px 4px; border-bottom: 1px solid #999999;}


table.tabla_equipos , table.tabla_equipos td, table.tabla_equipos th {background:none; padding: 0}

.right {text-align:right;}
.left {text-align:left;}
span.equipo_seleccionado {border:none;}
span.equipo_noseleccionado {filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40;}


.img_equipos {float:left; width:110px;height: 90px;}

.sprite-1 { background-position: 0 0; } 
.sprite-10 { background-position: 0 -30px !important; } 
.sprite-11 { background-position: 0 -60px !important; } 
.sprite-12 { background-position: 0 -90px !important; } 
.sprite-13 { background-position: 0 -120px !important; } 
.sprite-14 { background-position: 0 -150px !important; } 
.sprite-15 { background-position: 0 -180px !important; } 
.sprite-16 { background-position: 0 -210px !important; } 
.sprite-17 { background-position: 0 -240px !important; } 
.sprite-18 { background-position: 0 -270px !important; } 
.sprite-19 { background-position: 0 -300px !important; } 
.sprite-2 { background-position: 0 -330px !important; } 
.sprite-20 { background-position: 0 -360px !important; } 
.sprite-21 { background-position: 0 -390px !important; } 
.sprite-22 { background-position: 0 -420px !important; } 
.sprite-23 { background-position: 0 -450px !important; } 
.sprite-24 { background-position: 0 -480px !important; } 
.sprite-25 { background-position: 0 -510px !important; } 
.sprite-26 { background-position: 0 -540px !important; } 
.sprite-27 { background-position: 0 -570px !important; } 
.sprite-28 { background-position: 0 -600px !important; } 
.sprite-29 { background-position: 0 -630px !important; } 
.sprite-3 { background-position: 0 -660px !important; } 
.sprite-30 { background-position: 0 -690px !important; } 
.sprite-31 { background-position: 0 -720px !important; } 
.sprite-32 { background-position: 0 -750px !important; } 
.sprite-4 { background-position: 0 -780px !important; } 
.sprite-5 { background-position: 0 -810px !important; } 
.sprite-6 { background-position: 0 -840px !important; } 
.sprite-7 { background-position: 0 -870px !important; } 
.sprite-8 { background-position: 0 -900px !important; } 
.sprite-9 { background-position: 0 -930px !important; } 


span.thumbs img { width: 30px; height:30px !important; display:inline-block; border:none;}


div.container_partidos, div.partidos, div.info_partido {width: 75px ;}
div.container_partidos { height: 70px; border: 1px solid red;}
div.info_partido { height: 20px;}
div.partidoa { height: 30px; border:1px solid red; }

div.estadisticas {float:left; width: 24%; border: 1px solid #eee; margin:0px 2px;}
div.estadisticas table tr th {border-bottom:1px solid #ddd;}
div.estadisticas table {margin:0 auto;}
br.clear {clear:left;}

table.tabla_comprar {width: 400px; margin: 20px auto; padding: 0; border:1px solid #ccc; border-spacing: 0;}
table.tabla_comprar tr{  width: 100%;}
table.tabla_comprar th { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;margin-top: -1px; border-spacing: 0}

#menu_survivals {height: 20px; }


table.tabla_votacion {width: 900px;}

#top { background: url(images/NFLSurvival.png)  no-repeat;height: 70px;}

ul.menu_survivals {margin: 0; padding: 0px;}
ul.menu_survivals li {list-style: none; float: left; margin-left: 0px; margin-right: 5px;  margin-bottom: 5px;}
ul.menu_survivals li a {text-decoration: none;}

#contenendor_principal {background: white; opacity: 0.95;}


.login-page {background:  url(images/background1.jpg) no-repeat top center;}
.stats {font-size: 11px; color: #999;}

/* Estilos para las estadísticas - Bootstrap 5 compatible */
.card {
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    border: 1px solid #e0e0e0;
    transition: box-shadow 0.3s ease;
    margin-bottom: 1rem;
}

.card:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.card-header {
    background-color: #f8f9fa !important;
    border-bottom: 1px solid #dee2e6;
    padding: 0.75rem 1rem;
}

.card-body {
    padding: 0;
}

.table-responsive {
    border-radius: 0.375rem;
}

/* Bootstrap 5 table-dark override */
.table-dark {
    --bs-table-bg: #343a40;
    --bs-table-color: white;
    --bs-table-border-color: #495057;
}

.table-dark th {
    background-color: #343a40 !important;
    color: white !important;
    border-color: #495057 !important;
}

/* Responsive para móviles */
@media (max-width: 768px) {
    .card {
        margin-bottom: 1rem;
    }
    
    .table-responsive {
        font-size: 0.875rem;
    }
    
    .d-flex img {
        width: 20px !important;
        height: 20px !important;
    }
    
    .card-header {
        padding: 0.5rem 0.75rem;
    }
    
    .table-sm td, .table-sm th {
        padding: 0.25rem 0.5rem;
    }
}

/* Fixes para Bootstrap 5 */
.btn {
    border-radius: 0.375rem;
}

.dropdown-menu {
    border-radius: 0.375rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none;
}

/* Mejoras para el menú de survivals */
.menu_survivals {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
}

.menu_survivals li {
    list-style: none;
    margin: 0;
}

.menu_survivals li a {
    text-decoration: none;
    display: inline-block;
    padding: 0.375rem 0.75rem;
    border-radius: 0.375rem;
    transition: all 0.15s ease-in-out;
}

/* Fix para el contenedor principal */
#contenendor_principal {
    background: white;
    opacity: 0.95;
    border-radius: 0.5rem;
    padding: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

/* Mejoras para las tablas */
.table {
    margin-bottom: 0;
}

.table th {
    border-top: none;
    font-weight: 600;
}

/* Fix para las imágenes de equipos */
.d-flex img {
    object-fit: contain;
    max-width: 100%;
    height: auto;
}

/* Mejoras generales para Bootstrap 5 */
.navbar {
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.navbar-brand {
    font-weight: 600;
}

.nav-link {
    font-weight: 500;
}

.dropdown-item {
    padding: 0.5rem 1rem;
    transition: background-color 0.15s ease-in-out;
}

.dropdown-item:hover {
    background-color: #f8f9fa;
}

/* Mejoras para formularios */
.form-control:focus {
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* Mejoras para botones */
.btn-primary {
    background-color: #007bff;
    border-color: #007bff;
}

.btn-primary:hover {
    background-color: #0056b3;
    border-color: #0056b3;
}

.btn-success {
    background-color: #28a745;
    border-color: #28a745;
}

.btn-success:hover {
    background-color: #1e7e34;
    border-color: #1e7e34;
}

.btn-warning {
    background-color: #ffc107;
    border-color: #ffc107;
    color: #212529;
}

.btn-warning:hover {
    background-color: #e0a800;
    border-color: #d39e00;
    color: #212529;
}

/* Mejoras para alertas */
.alert {
    border-radius: 0.375rem;
    border: none;
}

/* Mejoras para modales */
.modal-content {
    border-radius: 0.5rem;
    border: none;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.modal-header {
    border-bottom: 1px solid #dee2e6;
    border-radius: 0.5rem 0.5rem 0 0;
}

.modal-footer {
    border-top: 1px solid #dee2e6;
    border-radius: 0 0 0.5rem 0.5rem;
}

/* Mejoras para paginación */
.pagination .page-link {
    border-radius: 0.25rem;
    margin: 0 0.125rem;
}

/* Mejoras para badges */
.badge {
    font-weight: 500;
}

/* Mejoras para tooltips */
.tooltip {
    font-size: 0.875rem;
}

/* Mejoras para popovers */
.popover {
    border-radius: 0.375rem;
    border: none;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

/* Mejoras para listas */
.list-group-item {
    border-radius: 0.375rem;
    margin-bottom: 0.125rem;
}

/* Mejoras para breadcrumbs */
.breadcrumb {
    background-color: transparent;
    padding: 0;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: ">";
    color: #6c757d;
}

/* Mejoras para progress bars */
.progress {
    border-radius: 0.375rem;
    height: 0.5rem;
}

/* Mejoras para spinners */
.spinner-border {
    border-width: 0.125em;
}

/* Mejoras para close buttons */
.btn-close {
    background-size: 1em;
}

/* Mejoras para accordion */
.accordion-button {
    border-radius: 0.375rem;
    font-weight: 500;
}

.accordion-button:not(.collapsed) {
    background-color: #e7f1ff;
    color: #0c63e4;
}

/* Mejoras para carousel */
.carousel-control-prev,
.carousel-control-next {
    border-radius: 0.375rem;
}

/* Mejoras para nav tabs */
.nav-tabs .nav-link {
    border-radius: 0.375rem 0.375rem 0 0;
    font-weight: 500;
}

.nav-tabs .nav-link.active {
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}

/* Mejoras para nav pills */
.nav-pills .nav-link {
    border-radius: 0.375rem;
    font-weight: 500;
}

/* Mejoras para navbar toggler */
.navbar-toggler {
    border: none;
    padding: 0.25rem 0.5rem;
}

.navbar-toggler:focus {
    box-shadow: none;
}

/* Mejoras para navbar collapse */
.navbar-collapse {
    flex-grow: 0;
}

/* Mejoras para navbar nav */
.navbar-nav .nav-link {
    padding: 0.5rem 1rem;
}

/* Mejoras para dropdown dividers */
.dropdown-divider {
    margin: 0.5rem 0;
    border-color: #dee2e6;
}

/* Cursor pointer utility class */
.pointer {
    cursor: pointer !important;
}