/* Estilos centralizados de las vistas de la aplicación. */

/* layouts/admin.blade.php — bloque 1 */
[data-layout="admin"] .user-info {
            display: flex;
            align-items: center;
            color: #495057;
            padding: 5px 10px;
        }
        [data-layout="admin"] .user-icon {
            margin-right: 8px;
            color: #007bff;
        }
        [data-layout="admin"] .logout-btn {
            color: #dc3545;
            border: 1px solid #dc3545;
            padding: 5px 15px;
            border-radius: 4px;
            background: transparent;
            transition: all 0.3s;
        }
        [data-layout="admin"] .logout-btn:hover {
            background-color: #dc3545;
            color: white;
            text-decoration: none;
        }
        [data-layout="admin"] .navbar-user-area {
            display: flex;
            align-items: center;
        }
        @media (max-width: 768px) {
            [data-layout="admin"] .user-info span {
                display: none;
            }
            [data-layout="admin"] .user-info {
                padding: 5px;
            }
        }


/* layouts/user.blade.php — bloque 1 */
:root:has(body[data-layout="user"]) {
            --primary-dark: #1e3c72;
            --primary: #2a5298;
            --primary-light: #667eea;
            --secondary: #764ba2;
            --body-background: #f4f6f9;
            --text-main: #1f2937;
            --text-muted: #6b7280;
            --border-color: #e5e7eb;
        }

        html:has(body[data-layout="user"]),
        body[data-layout="user"] {
            min-height: 100%;
        }

        body[data-layout="user"] {
            display: flex;
            flex-direction: column;
            margin: 0;
            background: var(--body-background);
            color: var(--text-main);
            font-family:
                "Segoe UI",
                Tahoma,
                Geneva,
                Verdana,
                sans-serif;
        }

        [data-layout="user"] .user-navbar {
            position: relative;
            z-index: 1000;
            background:
                linear-gradient(
                    135deg,
                    var(--primary-dark) 0%,
                    var(--primary) 100%
                );
            box-shadow: 0 5px 20px rgba(15, 23, 42, 0.18);
        }

        [data-layout="user"] .user-navbar .navbar-brand {
            display: inline-flex;
            align-items: center;
            color: #ffffff;
            font-size: 20px;
            font-weight: 700;
            text-decoration: none;
        }

        [data-layout="user"] .user-navbar .navbar-brand:hover,
        [data-layout="user"] .user-navbar .navbar-brand:focus {
            color: #ffffff;
        }

        [data-layout="user"] .user-navbar .navbar-toggler {
            border-color: rgba(255, 255, 255, 0.4);
            box-shadow: none;
        }

        [data-layout="user"] .user-navbar .navbar-toggler:focus {
            box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.18);
        }

        [data-layout="user"] .user-navbar .navbar-toggler-icon {
            filter: brightness(0) invert(1);
        }

        [data-layout="user"] .captain-nav-link {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            padding: 9px 13px !important;
            border-radius: 10px;
            color: rgba(255, 255, 255, 0.82) !important;
            font-size: 14px;
            font-weight: 600;
            transition:
                background-color 0.2s ease,
                color 0.2s ease;
        }

        [data-layout="user"] .captain-nav-link:hover,
        [data-layout="user"] .captain-nav-link:focus {
            color: #ffffff !important;
            background: rgba(255, 255, 255, 0.12);
        }

        [data-layout="user"] .captain-nav-link.active {
            color: #ffffff !important;
            background: rgba(255, 255, 255, 0.2);
        }

        [data-layout="user"] .captain-account {
            display: flex;
            align-items: center;
            gap: 11px;
            padding-left: 16px;
            border-left: 1px solid rgba(255, 255, 255, 0.25);
        }

        [data-layout="user"] .captain-avatar {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 39px;
            height: 39px;
            flex-shrink: 0;
            border: 2px solid rgba(255, 255, 255, 0.5);
            border-radius: 50%;
            color: #ffffff;
            background: rgba(255, 255, 255, 0.14);
        }

        [data-layout="user"] .captain-account-text {
            min-width: 0;
            line-height: 1.2;
        }

        [data-layout="user"] .captain-name {
            max-width: 190px;
            overflow: hidden;
            color: #ffffff;
            font-size: 14px;
            font-weight: 700;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        [data-layout="user"] .captain-team {
            max-width: 190px;
            margin-top: 3px;
            overflow: hidden;
            color: rgba(255, 255, 255, 0.72);
            font-size: 12px;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        [data-layout="user"] .logout-button {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
            min-height: 38px;
            border-radius: 9px;
            font-weight: 600;
        }

        [data-layout="user"] .panel-main {
            flex: 1;
            padding-top: 40px;
            padding-bottom: 55px;
        }

        [data-layout="user"] .panel-card {
            border: 0;
            border-radius: 16px;
            background: #ffffff;
            box-shadow: 0 10px 25px rgba(15, 23, 42, 0.08);
        }

        [data-layout="user"] .brand-circle {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 70px;
            height: 70px;
            border-radius: 50%;
            color: #ffffff;
            background:
                linear-gradient(
                    135deg,
                    var(--primary-light) 0%,
                    var(--secondary) 100%
                );
        }

        [data-layout="user"] .panel-alert {
            display: flex;
            align-items: flex-start;
            gap: 10px;
            border: 0;
            border-radius: 13px;
            box-shadow: 0 5px 15px rgba(15, 23, 42, 0.06);
        }

        [data-layout="user"] .panel-alert > i {
            margin-top: 3px;
        }

        [data-layout="user"] .user-footer {
            padding: 24px 15px;
            border-top: 1px solid var(--border-color);
            color: var(--text-muted);
            background: #ffffff;
            text-align: center;
            font-size: 14px;
        }

        [data-layout="user"] .user-footer strong {
            color: #374151;
        }

        @media (max-width: 991.98px) {
            [data-layout="user"] .user-navbar .navbar-collapse {
                margin-top: 15px;
                padding-top: 15px;
                padding-bottom: 8px;
                border-top: 1px solid rgba(255, 255, 255, 0.18);
            }

            [data-layout="user"] .captain-nav-link {
                width: 100%;
                margin-bottom: 5px;
            }

            [data-layout="user"] .captain-account {
                align-items: flex-start;
                flex-direction: column;
                width: 100%;
                margin-top: 10px;
                padding-top: 15px;
                padding-left: 0;
                border-top: 1px solid rgba(255, 255, 255, 0.18);
                border-left: 0;
            }

            [data-layout="user"] .captain-account-profile {
                display: flex;
                align-items: center;
                gap: 10px;
                width: 100%;
            }

            [data-layout="user"] .captain-name,
            [data-layout="user"] .captain-team {
                max-width: calc(100vw - 130px);
            }

            [data-layout="user"] .logout-form,
            [data-layout="user"] .logout-button {
                width: 100%;
            }
        }

        @media (max-width: 576px) {
            [data-layout="user"] .panel-main {
                padding-top: 25px;
                padding-bottom: 40px;
            }

            [data-layout="user"] .user-navbar .container {
                padding-right: 16px;
                padding-left: 16px;
            }

            [data-layout="user"] .user-navbar .navbar-brand {
                font-size: 18px;
            }
        }


/* admin/arbitros/create.blade.php — bloque 1 */
[data-view="admin-arbitros-create"] .form-control:focus {
        border-color: #80bdff;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }


/* admin/arbitros/edit.blade.php — bloque 1 */
[data-view="admin-arbitros-edit"] .form-control:focus {
        border-color: #80bdff;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }
    [data-view="admin-arbitros-edit"] .card-header.bg-light {
        background-color: #f8f9fa !important;
    }
    [data-view="admin-arbitros-edit"] .badge {
        font-size: 0.85em;
        padding: 5px 10px;
    }
    [data-view="admin-arbitros-edit"] dt {
        font-weight: 600;
        color: #495057;
    }


/* admin/arbitros/index.blade.php — bloque 1 */
[data-view="admin-arbitros-index"] .table td {
        vertical-align: middle;
    }


/* admin/auth/login.blade.php — bloque 1 */
body[data-view="admin-auth-login"] {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
        
        [data-view="admin-auth-login"] .login-container {
            background: white;
            border-radius: 15px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
            overflow: hidden;
            max-width: 400px;
            width: 100%;
        }
        
        [data-view="admin-auth-login"] .login-header {
            background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
            color: white;
            padding: 30px 20px;
            text-align: center;
        }
        
        [data-view="admin-auth-login"] .login-header h2 {
            margin: 0;
            font-weight: 600;
        }
        
        [data-view="admin-auth-login"] .login-header p {
            margin: 5px 0 0;
            opacity: 0.9;
            font-size: 14px;
        }
        
        [data-view="admin-auth-login"] .login-body {
            padding: 30px;
        }
        
        [data-view="admin-auth-login"] .form-control {
            border-radius: 8px;
            padding: 12px 15px;
            border: 2px solid #e1e5eb;
            transition: all 0.3s;
        }
        
        [data-view="admin-auth-login"] .form-control:focus {
            border-color: #667eea;
            box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
        }
        
        [data-view="admin-auth-login"] .input-group-text {
            background-color: #f8f9fa;
            border: 2px solid #e1e5eb;
            border-right: none;
            border-radius: 8px 0 0 8px;
        }
        
        [data-view="admin-auth-login"] .form-control:not(:first-child) {
            border-left: none;
            border-radius: 0 8px 8px 0;
        }
        
        [data-view="admin-auth-login"] .btn-login {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            border: none;
            color: white;
            padding: 12px;
            border-radius: 8px;
            font-weight: 600;
            transition: all 0.3s;
            width: 100%;
        }
        
        [data-view="admin-auth-login"] .btn-login:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);
        }
        
        [data-view="admin-auth-login"] .logo {
            width: 80px;
            height: 80px;
            margin: 0 auto 15px;
            background: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            color: #1e3c72;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }
        
        [data-view="admin-auth-login"] .alert {
            border-radius: 8px;
            border: none;
        }
        
        [data-view="admin-auth-login"] .footer-text {
            text-align: center;
            margin-top: 20px;
            color: #6c757d;
            font-size: 13px;
        }
        
        [data-view="admin-auth-login"] .footer-text a {
            color: #667eea;
            text-decoration: none;
        }
        
        [data-view="admin-auth-login"] .footer-text a:hover {
            text-decoration: underline;
        }


/* admin/capitanes/index.blade.php — bloque 1 */
[data-view="admin-capitanes-index"] .badge {
        font-size: 0.9em;
        padding: 5px 10px;
    }
    [data-view="admin-capitanes-index"] .table td {
        vertical-align: middle;
    }


/* admin/dashboard.blade.php — bloque 1 */
[data-view="admin-dashboard"] .min-vh-80 {
        min-height: 80vh;
    }
    
    [data-view="admin-dashboard"] .shadow-lg {
        box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;
    }
    
    [data-view="admin-dashboard"] .bg-gradient-primary {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    }
    
    [data-view="admin-dashboard"] .bg-gradient-warning {
        background: linear-gradient(135deg, #f6c23e 0%, #f8a902 100%) !important;
    }
    
    [data-view="admin-dashboard"] .bg-gradient-info {
        background: linear-gradient(135deg, #36b9cc 0%, #2a8d9c 100%) !important;
    }
    
    [data-view="admin-dashboard"] .letter-spacing-2 {
        letter-spacing: 2px;
    }
    
    [data-view="admin-dashboard"] .rounded-lg {
        border-radius: 20px !important;
    }
    
    [data-view="admin-dashboard"] .card {
        border-radius: 15px;
        border: none;
    }
    
    [data-view="admin-dashboard"] .badge.rounded-pill {
        border-radius: 50rem !important;
    }
    
    [data-view="admin-dashboard"] .spinner-grow {
        width: 20px;
        height: 20px;
    }


/* admin/divisiones/index.blade.php — bloque 1 */
[data-view="admin-divisiones-index"] .badge {
        font-size: 0.85em;
        padding: 4px 8px;
    }
    [data-view="admin-divisiones-index"] .card-primary.card-outline {
        border-top: 3px solid #007bff;
    }
    [data-view="admin-divisiones-index"] .card-secondary.card-outline {
        border-top: 3px solid #6c757d;
    }
    [data-view="admin-divisiones-index"] .table-hover tbody tr:hover {
        background-color: rgba(0, 123, 255, 0.05);
    }
    [data-view="admin-divisiones-index"] .card-header {
        background-color: #f8f9fa;
    }
    [data-view="admin-divisiones-index"] .card-title .badge {
        font-size: 0.9em;
    }


/* admin/entrenadores/index.blade.php — bloque 1 */
[data-view="admin-entrenadores-index"] #suggestions {
        box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        border: 1px solid #ddd;
        border-top: none;
    }
    [data-view="admin-entrenadores-index"] #suggestions .list-group-item {
        cursor: pointer;
        border-left: none;
        border-right: none;
        border-radius: 0;
    }
    [data-view="admin-entrenadores-index"] #suggestions .list-group-item:hover {
        background-color: #f8f9fa;
    }
    [data-view="admin-entrenadores-index"] #suggestions .list-group-item:first-child {
        border-top: none;
    }


/* admin/equipos/create.blade.php — bloque 1 */
[data-view="admin-equipos-create"] .card-header h5 {
        font-size: 1rem;
        font-weight: 600;
    }
    [data-view="admin-equipos-create"] .form-text {
        font-size: 0.875rem;
    }
    [data-view="admin-equipos-create"] #logo-preview {
        max-width: 100%;
        object-fit: contain;
    }
    [data-view="admin-equipos-create"] .custom-file-input:focus ~ .custom-file-label {
        border-color: #80bdff;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }


/* admin/equipos/edit.blade.php — bloque 1 */
[data-view="admin-equipos-edit"] .card-header h5 {
        font-size: 1rem;
        font-weight: 600;
    }
    [data-view="admin-equipos-edit"] .form-text {
        font-size: 0.875rem;
    }
    [data-view="admin-equipos-edit"] #logo-preview {
        max-width: 100%;
        object-fit: contain;
    }
    [data-view="admin-equipos-edit"] .custom-file-input:focus ~ .custom-file-label {
        border-color: #80bdff;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }
    [data-view="admin-equipos-edit"] .alert-info h6 {
        font-size: 0.9rem;
        margin-bottom: 0.5rem;
    }
    [data-view="admin-equipos-edit"] code {
        background: #f8f9fa;
        padding: 2px 4px;
        border-radius: 3px;
        font-family: monospace;
    }
    [data-view="admin-equipos-edit"] .position-relative {
        position: relative;
    }


/* admin/equipos/index.blade.php — bloque 1 */
[data-view="admin-equipos-index"] .badge {
        text-transform: capitalize;
    }
    [data-view="admin-equipos-index"] .pagination {
        margin-bottom: 0;
    }
    [data-view="admin-equipos-index"] #suggestions {
        box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        border: 1px solid #ddd;
        border-top: none;
    }
    [data-view="admin-equipos-index"] #suggestions .list-group-item {
        cursor: pointer;
        border-left: none;
        border-right: none;
        border-radius: 0;
    }
    [data-view="admin-equipos-index"] #suggestions .list-group-item:hover {
        background-color: #f8f9fa;
    }
    [data-view="admin-equipos-index"] #suggestions .list-group-item:first-child {
        border-top: none;
    }


/* admin/ficha/index.blade.php — bloque 1 */
[data-view="admin-ficha-index"] .badge {
        font-size: 0.9em;
        padding: 5px 10px;
    }
    [data-view="admin-ficha-index"] .table td {
        vertical-align: middle;
    }
    [data-view="admin-ficha-index"] .fecha-baja-input {
        font-size: 0.875rem;
        cursor: pointer;
    }
    [data-view="admin-ficha-index"] .limpiar-fecha {
        cursor: pointer;
    }
    [data-view="admin-ficha-index"] .limpiar-fecha:disabled {
        opacity: 0.5;
        cursor: not-allowed;
    }
    [data-view="admin-ficha-index"] #suggestionsContainer {
        position: absolute;
        z-index: 1050;
        max-height: 300px;
        overflow-y: auto;
        border: 1px solid #dee2e6;
        border-radius: 0 0 4px 4px;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        background-color: white;
    }
    [data-view="admin-ficha-index"] .suggestion-item {
        cursor: pointer;
        padding: 10px 15px;
        border-bottom: 1px solid #f8f9fa;
        transition: background-color 0.2s;
    }
    [data-view="admin-ficha-index"] .suggestion-item:hover, [data-view="admin-ficha-index"] .suggestion-item.active {
        background-color: #f8f9fa;
    }
    [data-view="admin-ficha-index"] .suggestion-item:last-child {
        border-bottom: none;
    }
    [data-view="admin-ficha-index"] .highlight {
        background-color: #fff3cd;
        font-weight: bold;
        padding: 2px 4px;
        border-radius: 3px;
    }


/* admin/jornadas/create.blade.php — bloque 1 */
[data-view="admin-jornadas-create"] .card-primary {
            border-top: 3px solid #007bff;
        }
        [data-view="admin-jornadas-create"] .card-title {
            color: #333;
            font-weight: 600;
        }
        [data-view="admin-jornadas-create"] .form-control:focus {
            border-color: #007bff;
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
        }
        [data-view="admin-jornadas-create"] .alert ul {
            margin-bottom: 0;
        }
        [data-view="admin-jornadas-create"] .info-box {
            background: #f8f9fa;
            border: 1px solid #dee2e6;
            border-radius: 5px;
            padding: 15px;
            margin-top: 10px;
        }


/* admin/jornadas/index.blade.php — bloque 1 */
[data-view="admin-jornadas-index"] .badge {
        font-size: 0.85em;
        padding: 4px 8px;
    }
    [data-view="admin-jornadas-index"] .card-primary {
        border-top: 3px solid #007bff;
    }
    [data-view="admin-jornadas-index"] .card-warning {
        border-top: 3px solid #ffc107;
    }
    [data-view="admin-jornadas-index"] .card.bg-light:hover {
        background-color: #f8f9fa !important;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        transform: translateY(-2px);
        transition: all 0.3s ease;
    }
    [data-view="admin-jornadas-index"] .btn-group .btn {
        flex: 1;
    }
    [data-view="admin-jornadas-index"] .pagination-lg .page-link {
        padding: 12px 20px;
        font-size: 1.1rem;
    }
    [data-view="admin-jornadas-index"] .page-item.active .page-link {
        background-color: #007bff;
        border-color: #007bff;
    }
    [data-view="admin-jornadas-index"] .page-link {
        color: #007bff;
    }
    [data-view="admin-jornadas-index"] .page-link:hover {
        color: #0056b3;
        background-color: #f8f9fa;
    }


/* admin/jugadores/create.blade.php — bloque 1 */
[data-view="admin-jugadores-create"] #nombre-checking {
        margin-top: 5px;
        font-size: 0.85em;
    }
    
    [data-view="admin-jugadores-create"] #duplicate-warning {
        border-left: 4px solid #ffc107;
    }
    
    [data-view="admin-jugadores-create"] #duplicate-warning .fas.fa-info-circle {
        color: #856404;
    }


/* admin/jugadores/index.blade.php — bloque 1 */
[data-view="admin-jugadores-index"] .badge {
        font-size: 0.9em;
        padding: 5px 10px;
    }
    [data-view="admin-jugadores-index"] .table td {
        vertical-align: middle;
    }
    [data-view="admin-jugadores-index"] .modal {
        background-color: rgba(0,0,0,0.5);
    }
    [data-view="admin-jugadores-index"] .modal-content {
        border-radius: 10px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    }
    [data-view="admin-jugadores-index"] .modal-header {
        background-color: #f8f9fa;
        border-bottom: 1px solid #dee2e6;
        border-radius: 10px 10px 0 0;
    }
    [data-view="admin-jugadores-index"] .modal-footer {
        border-top: 1px solid #dee2e6;
    }
    [data-view="admin-jugadores-index"] #suggestionsContainer {
        position: absolute;
        z-index: 1050;
        width: calc(100% - 30px);
        max-height: 300px;
        overflow-y: auto;
        border: 1px solid #dee2e6;
        border-radius: 0 0 4px 4px;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        background-color: white;
    }
    [data-view="admin-jugadores-index"] .suggestion-item {
        cursor: pointer;
        padding: 10px 15px;
        border-bottom: 1px solid #f8f9fa;
        transition: background-color 0.2s;
    }
    [data-view="admin-jugadores-index"] .suggestion-item:hover, [data-view="admin-jugadores-index"] .suggestion-item.active {
        background-color: #f8f9fa;
    }
    [data-view="admin-jugadores-index"] .suggestion-item:last-child {
        border-bottom: none;
    }
    [data-view="admin-jugadores-index"] .highlight {
        background-color: #fff3cd;
        font-weight: bold;
        padding: 2px 4px;
        border-radius: 3px;
    }


/* admin/jugadores/lista-negra.blade.php — bloque 1 */
[data-view="admin-jugadores-lista-negra"] .suggestion-item.active,
    [data-view="admin-jugadores-lista-negra"] .suggestion-item:hover {
        background-color: #343a40;
        color: white;
    }

    [data-view="admin-jugadores-lista-negra"] .highlight {
        background-color: yellow;
        font-weight: bold;
    }


/* admin/lesiones/create.blade.php — bloque 1 */
[data-view="admin-lesiones-create"] .select2-container--default .select2-selection--single {
        height: calc(2.25rem + 2px);
        padding: 0.375rem 0.75rem;
        font-size: 1rem;
        line-height: 1.5;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
    }
    [data-view="admin-lesiones-create"] .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: calc(2.25rem + 2px);
    }


/* admin/lesiones/index.blade.php — bloque 1 */
[data-view="admin-lesiones-index"] .badge {
        font-size: 0.85em;
        padding: 4px 8px;
    }
    [data-view="admin-lesiones-index"] .table td {
        vertical-align: middle;
    }
    [data-view="admin-lesiones-index"] .table-hover tbody tr:hover {
        background-color: rgba(0, 0, 0, 0.02);
    }


/* admin/partidos/edit-resultado.blade.php — bloque 1 */
[data-view="admin-partidos-edit-resultado"] .vs-display {
    transform: scale(1.5);
}
[data-view="admin-partidos-edit-resultado"] .card {
    border: 1px solid #dee2e6;
    border-radius: 10px;
    transition: all 0.3s ease;
}
[data-view="admin-partidos-edit-resultado"] .card:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
[data-view="admin-partidos-edit-resultado"] .goles-input, [data-view="admin-partidos-edit-resultado"] .amarillas-input, [data-view="admin-partidos-edit-resultado"] .rojas-input {
    font-weight: bold;
    text-align: center;
}
[data-view="admin-partidos-edit-resultado"] .goles-input:focus {
    border-color: #198754;
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
[data-view="admin-partidos-edit-resultado"] .amarillas-input:focus {
    border-color: #ffc107;
    box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.25);
}
[data-view="admin-partidos-edit-resultado"] .rojas-input:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
[data-view="admin-partidos-edit-resultado"] .input-group-text {
    background-color: #f8f9fa;
    font-weight: bold;
}
[data-view="admin-partidos-edit-resultado"] .display-4 {
    font-family: 'Arial Black', sans-serif;
    font-size: 3.5rem;
}
[data-view="admin-partidos-edit-resultado"] .alert-info {
    background-color: #d1ecf1;
    border-color: #bee5eb;
}
[data-view="admin-partidos-edit-resultado"] .form-label {
    font-weight: 500;
}
[data-view="admin-partidos-edit-resultado"] #seccion-penaltis {
    animation: fadeIn 0.5s ease-in;
}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}
[data-view="admin-partidos-edit-resultado"] #penalti_goles_l:focus, [data-view="admin-partidos-edit-resultado"] #penalti_goles_v:focus {
    border-color: #ffc107;
    box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.25);
}


/* admin/partidos/index.blade.php — bloque 1 */
[data-view="admin-partidos-index"] .table th {
    font-weight: 600;
    background-color: #f8f9fa;
}
[data-view="admin-partidos-index"] .badge {
    font-size: 0.85em;
}
[data-view="admin-partidos-index"] .btn-group-sm .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}
[data-view="admin-partidos-index"] img[alt*="logo"] {
    border-radius: 3px;
}


/* admin/partidos/seleccionar-jugadores.blade.php — bloque 1 */
[data-view="admin-partidos-seleccionar-jugadores"] .card-jugador:hover, [data-view="admin-partidos-seleccionar-jugadores"] .card-arbitro:hover {
    transform: translateY(-2px);
    transition: all 0.2s ease;
}
[data-view="admin-partidos-seleccionar-jugadores"] .card-jugador.border-danger {
    border-width: 2px;
    background-color: #fff5f5;
}


/* admin/puntos-extra/create.blade.php — bloque 1 */
/* Mejorar aspecto visual del select */
    [data-view="admin-puntos-extra-create"] select.form-control option {
        padding: 8px 12px;
        border-bottom: 1px solid #f0f0f0;
    }
    
    /* Color del botón según tipo */
    [data-view="admin-puntos-extra-create"] .btn-restar {
        background-color: #dc3545;
        border-color: #dc3545;
    }
    
    [data-view="admin-puntos-extra-create"] .btn-restar:hover {
        background-color: #c82333;
        border-color: #bd2130;
    }


/* admin/sanciones/create.blade.php — bloque 1 */
[data-view="admin-sanciones-create"] .select2-container--default .select2-selection--single {
        height: calc(2.25rem + 2px);
        padding: 0.375rem 0.75rem;
        font-size: 1rem;
        line-height: 1.5;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
    }
    [data-view="admin-sanciones-create"] .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: calc(2.25rem + 2px);
    }


/* admin/sanciones/index.blade.php — bloque 1 */
[data-view="admin-sanciones-index"] .badge {
        font-size: 0.85em;
        padding: 4px 8px;
    }
    [data-view="admin-sanciones-index"] .table td {
        vertical-align: middle;
    }
    [data-view="admin-sanciones-index"] .table-hover tbody tr:hover {
        background-color: rgba(0, 0, 0, 0.02);
    }


/* admin/temporadas/edit.blade.php — bloque 1 */
[data-view="admin-temporadas-edit"] .nueva-division-equipos {
    animation: slideIn 0.3s ease-out;
    border-left: 4px solid #28a745 !important;
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

[data-view="admin-temporadas-edit"] .select2-container--default .select2-selection--multiple {
    min-height: 120px;
    border: 2px solid #dee2e6;
    border-radius: 0.375rem;
}

[data-view="admin-temporadas-edit"] .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}

[data-view="admin-temporadas-edit"] .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #0d6efd;
    border-color: #0d6efd;
    color: white;
    padding: 5px 10px;
    margin: 3px;
    border-radius: 4px;
}

[data-view="admin-temporadas-edit"] .badge {
    font-size: 0.85em;
    font-weight: 500;
    padding: 0.4em 0.8em;
}

[data-view="admin-temporadas-edit"] .alert-warning {
    border-left: 4px solid #ffc107;
}

[data-view="admin-temporadas-edit"] .alert-info {
    border-left: 4px solid #17a2b8;
}

[data-view="admin-temporadas-edit"] .alert-success {
    border-left: 4px solid #28a745;
}

[data-view="admin-temporadas-edit"] .alert-danger {
    border-left: 4px solid #dc3545;
}

[data-view="admin-temporadas-edit"] .table-dark th {
    background-color: #343a40;
    color: white;
    font-weight: 600;
}

[data-view="admin-temporadas-edit"] .btn-group-sm .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}

[data-view="admin-temporadas-edit"] .card {
    box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075);
    transition: box-shadow 0.2s ease;
}

[data-view="admin-temporadas-edit"] .card:hover {
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);
}

[data-view="admin-temporadas-edit"] .progress {
    background-color: #e9ecef;
    border-radius: 0.375rem;
    overflow: hidden;
}

[data-view="admin-temporadas-edit"] .progress-bar {
    transition: width 0.3s ease, background-color 0.3s ease;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}

[data-view="admin-temporadas-edit"] .form-check-input {
    width: 1.2em;
    height: 1.2em;
    cursor: pointer;
}

[data-view="admin-temporadas-edit"] .form-check-label {
    cursor: pointer;
    user-select: none;
}

[data-view="admin-temporadas-edit"] .form-check:hover .form-check-input {
    border-color: #0d6efd;
}

@media (max-width: 768px) {
    [data-view="admin-temporadas-edit"] .select2-container--default .select2-selection--multiple {
        min-height: 80px;
    }
}


/* admin/temporadas/editar-enfrentamientos.blade.php — bloque 1 */
[data-view="admin-temporadas-editar-enfrentamientos"] .jornada-item {
    border: 2px solid #dee2e6;
    border-radius: 10px;
    overflow: hidden;
}
[data-view="admin-temporadas-editar-enfrentamientos"] .jornada-item .card-header {
    border-bottom: 2px solid rgba(255,255,255,0.2);
}
[data-view="admin-temporadas-editar-enfrentamientos"] .partido-item {
    transition: all 0.3s ease;
}
[data-view="admin-temporadas-editar-enfrentamientos"] .partido-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
[data-view="admin-temporadas-editar-enfrentamientos"] .btn-eliminar-partido {
    padding: 0.1rem 0.3rem;
    font-size: 0.8rem;
    opacity: 0.7;
}
[data-view="admin-temporadas-editar-enfrentamientos"] .btn-eliminar-partido:hover {
    opacity: 1;
}
[data-view="admin-temporadas-editar-enfrentamientos"] .btn-group.flex-wrap {
    flex-wrap: wrap;
    gap: 5px;
}
[data-view="admin-temporadas-editar-enfrentamientos"] .validacion-partido .alert {
    padding: 0.4rem;
    margin-bottom: 0;
    font-size: 0.8rem;
}


/* admin/temporadas/index.blade.php — bloque 1 */
[data-view="admin-temporadas-index"] .progress {
    min-width: 80px;
    background-color: #e9ecef;
}
[data-view="admin-temporadas-index"] .badge {
    font-size: 0.85em;
}
[data-view="admin-temporadas-index"] .table td {
    vertical-align: middle;
}
[data-view="admin-temporadas-index"] .btn-group .btn {
    border-radius: 4px !important;
    margin: 1px;
}
/* Estilo para los badges de jornadas */
[data-view="admin-temporadas-index"] .badge-success {
    background-color: #28a745 !important;
}
[data-view="admin-temporadas-index"] .badge-warning {
    background-color: #ffc107 !important;
    color: #212529 !important;
}
[data-view="admin-temporadas-index"] .badge-secondary {
    background-color: #6c757d !important;
}
/* Hacer las celdas más compactas */
[data-view="admin-temporadas-index"] .table td {
    padding: 0.5rem !important;
}
/* Badge info para partidos */
[data-view="admin-temporadas-index"] .badge-info {
    background-color: #17a2b8 !important;
    color: white !important;
}


/* admin/temporadas/ver-jornadas-division.blade.php — bloque 1 */
[data-view="admin-temporadas-ver-jornadas-division"] .accordion-button {
    font-weight: 500;
}
[data-view="admin-temporadas-ver-jornadas-division"] .accordion-button:not(.collapsed) {
    background-color: #e7f1ff;
    color: #0c63e4;
}
[data-view="admin-temporadas-ver-jornadas-division"] .table th {
    font-weight: 600;
    background-color: #f8f9fa;
}
[data-view="admin-temporadas-ver-jornadas-division"] .badge {
    font-size: 0.85em;
}
[data-view="admin-temporadas-ver-jornadas-division"] .img-equipo {
    width: 30px;
    height: 30px;
    object-fit: contain;
    border-radius: 3px;
}
[data-view="admin-temporadas-ver-jornadas-division"] .btn-group-sm .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}
[data-view="admin-temporadas-ver-jornadas-division"] .align-middle {
    vertical-align: middle !important;
}


/* admin/temporadas/ver-partidos.blade.php — bloque 1 */
@media print {
    [data-view="admin-temporadas-ver-partidos"] .btn, [data-view="admin-temporadas-ver-partidos"] .nav-pills, [data-view="admin-temporadas-ver-partidos"] .card-footer, [data-view="admin-temporadas-ver-partidos"] .alert, [data-view="admin-temporadas-ver-partidos"] .d-print-none {
        display: none !important;
    }
    
    [data-view="admin-temporadas-ver-partidos"] .card {
        border: 1px solid #000 !important;
        break-inside: avoid;
    }
    
    [data-view="admin-temporadas-ver-partidos"] .card-header {
        background-color: #f8f9fa !important;
        color: #000 !important;
    }
    
    [data-view="admin-temporadas-ver-partidos"] .tab-content > .tab-pane {
        display: block !important;
        opacity: 1 !important;
    }
    
    [data-view="admin-temporadas-ver-partidos"] .nav-pills {
        display: none !important;
    }
    
    [data-view="admin-temporadas-ver-partidos"] .container-fluid {
        width: 100% !important;
        max-width: 100% !important;
    }
}


/* admin/torneos/ronda-manual.blade.php — bloque 1 */
[data-view="admin-torneos-ronda-manual"] .partido-item {
    transition: all 0.3s ease;
}
[data-view="admin-torneos-ronda-manual"] .partido-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
[data-view="admin-torneos-ronda-manual"] .btn-eliminar-partido {
    padding: 0.1rem 0.3rem;
    font-size: 0.8rem;
    opacity: 0.7;
}
[data-view="admin-torneos-ronda-manual"] .btn-eliminar-partido:hover {
    opacity: 1;
}
[data-view="admin-torneos-ronda-manual"] .btn-group.flex-wrap {
    flex-wrap: wrap;
    gap: 5px;
}
[data-view="admin-torneos-ronda-manual"] .validacion-partido .alert {
    padding: 0.4rem;
    margin-bottom: 0;
    font-size: 0.8rem;
}


/* admin/usuarios/index.blade.php — bloque 1 */
[data-view="admin-usuarios-index"] .usuarios-page {
        padding-bottom: 40px;
    }

    [data-view="admin-usuarios-index"] .usuarios-header {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 20px;
        margin-bottom: 25px;
    }

    [data-view="admin-usuarios-index"] .usuarios-title {
        margin: 0 0 6px;
        font-size: 28px;
        font-weight: 700;
        color: #1f2937;
    }

    [data-view="admin-usuarios-index"] .usuarios-subtitle {
        margin: 0;
        color: #6b7280;
        font-size: 15px;
    }

    [data-view="admin-usuarios-index"] .usuarios-back {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        white-space: nowrap;
    }

    [data-view="admin-usuarios-index"] .summary-card {
        height: 100%;
        border: 0;
        border-radius: 16px;
        background: #ffffff;
        box-shadow: 0 8px 22px rgba(15, 23, 42, 0.07);
        overflow: hidden;
        transition:
            transform 0.2s ease,
            box-shadow 0.2s ease;
    }

    [data-view="admin-usuarios-index"] .summary-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 12px 28px rgba(15, 23, 42, 0.11);
    }

    [data-view="admin-usuarios-index"] .summary-card-link {
        display: block;
        height: 100%;
        padding: 20px;
        color: inherit;
        text-decoration: none;
    }

    [data-view="admin-usuarios-index"] .summary-card-link:hover {
        color: inherit;
    }

    [data-view="admin-usuarios-index"] .summary-card.active {
        outline: 3px solid rgba(13, 110, 253, 0.17);
    }

    [data-view="admin-usuarios-index"] .summary-card-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 15px;
    }

    [data-view="admin-usuarios-index"] .summary-label {
        margin-bottom: 4px;
        color: #6b7280;
        font-size: 13px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.04em;
    }

    [data-view="admin-usuarios-index"] .summary-number {
        color: #111827;
        font-size: 30px;
        line-height: 1;
        font-weight: 800;
    }

    [data-view="admin-usuarios-index"] .summary-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 48px;
        height: 48px;
        border-radius: 14px;
        font-size: 20px;
    }

    [data-view="admin-usuarios-index"] .summary-icon.all {
        color: #1d4ed8;
        background: #dbeafe;
    }

    [data-view="admin-usuarios-index"] .summary-icon.pending {
        color: #92400e;
        background: #fef3c7;
    }

    [data-view="admin-usuarios-index"] .summary-icon.approved {
        color: #166534;
        background: #dcfce7;
    }

    [data-view="admin-usuarios-index"] .summary-icon.blocked {
        color: #991b1b;
        background: #fee2e2;
    }

    [data-view="admin-usuarios-index"] .summary-icon.rejected {
        color: #7f1d1d;
        background: #fecaca;
    }

    [data-view="admin-usuarios-index"] .main-card {
        border: 0;
        border-radius: 18px;
        background: #ffffff;
        box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
        overflow: hidden;
    }

    [data-view="admin-usuarios-index"] .main-card-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 15px;
        padding: 20px 24px;
        border-bottom: 1px solid #e5e7eb;
        background: #ffffff;
    }

    [data-view="admin-usuarios-index"] .main-card-title {
        margin: 0;
        color: #111827;
        font-size: 18px;
        font-weight: 700;
    }

    [data-view="admin-usuarios-index"] .users-table {
        margin: 0;
        vertical-align: middle;
    }

    [data-view="admin-usuarios-index"] .users-table thead th {
        padding: 14px 16px;
        border-bottom-width: 1px;
        background: #f8fafc;
        color: #475569;
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        white-space: nowrap;
    }

    [data-view="admin-usuarios-index"] .users-table tbody td {
        padding: 18px 16px;
        border-color: #edf0f4;
    }

    [data-view="admin-usuarios-index"] .user-name {
        color: #111827;
        font-size: 15px;
        font-weight: 700;
    }

    [data-view="admin-usuarios-index"] .user-email {
        color: #6b7280;
        font-size: 13px;
        word-break: break-word;
    }

    [data-view="admin-usuarios-index"] .user-id {
        margin-top: 4px;
        color: #9ca3af;
        font-size: 11px;
    }

    [data-view="admin-usuarios-index"] .status-badge {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 7px 10px;
        border-radius: 999px;
        font-size: 12px;
        line-height: 1;
        font-weight: 700;
    }

    [data-view="admin-usuarios-index"] .status-pending {
        color: #92400e;
        background: #fef3c7;
    }

    [data-view="admin-usuarios-index"] .status-approved {
        color: #166534;
        background: #dcfce7;
    }

    [data-view="admin-usuarios-index"] .status-rejected {
        color: #991b1b;
        background: #fee2e2;
    }

    [data-view="admin-usuarios-index"] .status-blocked {
        color: #7f1d1d;
        background: #fecaca;
    }

    [data-view="admin-usuarios-index"] .captain-info {
        min-width: 210px;
    }

    [data-view="admin-usuarios-index"] .captain-name {
        color: #1f2937;
        font-size: 14px;
        font-weight: 700;
    }

    [data-view="admin-usuarios-index"] .captain-team {
        margin-top: 2px;
        color: #6b7280;
        font-size: 13px;
    }

    [data-view="admin-usuarios-index"] .not-assigned {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 7px 10px;
        border-radius: 10px;
        color: #92400e;
        background: #fff7ed;
        font-size: 12px;
        font-weight: 600;
    }

    [data-view="admin-usuarios-index"] .assignment-box {
        min-width: 290px;
        padding: 12px;
        border: 1px solid #dbe1e8;
        border-radius: 12px;
        background: #f8fafc;
    }

    [data-view="admin-usuarios-index"] .assignment-box label {
        margin-bottom: 7px;
        color: #374151;
        font-size: 12px;
        font-weight: 700;
    }

    [data-view="admin-usuarios-index"] .assignment-controls {
        display: flex;
        align-items: stretch;
        gap: 7px;
    }

    [data-view="admin-usuarios-index"] .assignment-controls select {
        min-width: 190px;
        font-size: 13px;
    }

    [data-view="admin-usuarios-index"] .action-column {
        min-width: 240px;
    }

    [data-view="admin-usuarios-index"] .action-stack {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    [data-view="admin-usuarios-index"] .action-row {
        display: flex;
        flex-wrap: wrap;
        gap: 7px;
    }

    [data-view="admin-usuarios-index"] .rejection-form {
        display: flex;
        align-items: stretch;
        gap: 7px;
        width: 100%;
    }

    [data-view="admin-usuarios-index"] .rejection-form input {
        min-width: 170px;
        font-size: 13px;
    }

    [data-view="admin-usuarios-index"] .date-info {
        min-width: 140px;
        color: #4b5563;
        font-size: 13px;
    }

    [data-view="admin-usuarios-index"] .date-info small {
        display: block;
        margin-top: 4px;
        color: #9ca3af;
    }

    [data-view="admin-usuarios-index"] .reason-box {
        max-width: 260px;
        margin-top: 7px;
        padding: 8px 10px;
        border-radius: 9px;
        color: #7f1d1d;
        background: #fff1f2;
        font-size: 12px;
        line-height: 1.45;
    }

    [data-view="admin-usuarios-index"] .empty-state {
        padding: 55px 20px;
        text-align: center;
    }

    [data-view="admin-usuarios-index"] .empty-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 76px;
        height: 76px;
        margin: 0 auto 18px;
        border-radius: 50%;
        color: #64748b;
        background: #f1f5f9;
        font-size: 30px;
    }

    [data-view="admin-usuarios-index"] .empty-state h3 {
        margin-bottom: 7px;
        color: #1f2937;
        font-size: 19px;
        font-weight: 700;
    }

    [data-view="admin-usuarios-index"] .empty-state p {
        margin: 0;
        color: #6b7280;
    }

    [data-view="admin-usuarios-index"] .pagination-wrapper {
        padding: 18px 22px;
        border-top: 1px solid #e5e7eb;
        background: #ffffff;
    }

    [data-view="admin-usuarios-index"] .help-box {
        margin-bottom: 24px;
        padding: 16px 18px;
        border: 1px solid #bfdbfe;
        border-radius: 14px;
        color: #1e3a8a;
        background: #eff6ff;
    }

    [data-view="admin-usuarios-index"] .help-box-title {
        margin-bottom: 5px;
        font-weight: 700;
    }

    [data-view="admin-usuarios-index"] .help-box-text {
        margin: 0;
        font-size: 14px;
        line-height: 1.55;
    }

    [data-view="admin-usuarios-index"] .alert {
        border: 0;
        border-radius: 13px;
    }

    @media (max-width: 991px) {
        [data-view="admin-usuarios-index"] .usuarios-header {
            flex-direction: column;
        }

        [data-view="admin-usuarios-index"] .main-card-header {
            align-items: flex-start;
            flex-direction: column;
        }

        [data-view="admin-usuarios-index"] .assignment-box {
            min-width: 260px;
        }
    }

    @media (max-width: 576px) {
        [data-view="admin-usuarios-index"] .usuarios-title {
            font-size: 23px;
        }

        [data-view="admin-usuarios-index"] .summary-card-link {
            padding: 16px;
        }

        [data-view="admin-usuarios-index"] .assignment-controls,
        [data-view="admin-usuarios-index"] .rejection-form {
            flex-direction: column;
        }

        [data-view="admin-usuarios-index"] .assignment-controls select,
        [data-view="admin-usuarios-index"] .rejection-form input {
            min-width: 100%;
        }
    }


/* calendario.blade.php — bloque 1 */
/* RESET + FUENTE */
[data-view="calendario"] * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
}

html:has(body[data-view="calendario"]), body[data-view="calendario"] {
    overflow-x: hidden;
}

body[data-view="calendario"] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 100px 0 0 0;
    width: 100vw;
    background: rgb(0,0,0);
    color: rgb(255,255,255);
    }
    
    [data-view="calendario"] .jornadas-portada{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 0;
        padding: 0;
        width: 100vw;
    }
    
    [data-view="calendario"] .j-cabecera {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100vw;
    }
    
    [data-view="calendario"] .j-f {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    [data-view="calendario"] .filtro-titulo {
        display: flex;
        margin: 10px 0 5px 0;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    
    [data-view="calendario"] .botones-filtro {
        margin: 20px 0 0 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    [data-view="calendario"] .botones-filtro button,
    [data-view="calendario"] .botones-filtro a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        width: 200px;
        height: 35px;
        border-radius: 50px;
        background: rgb(255,0,0);
        color: rgb(255,255,255);
        border: 1px solid rgb(0,0,0);
        text-decoration: none;
        font-size: 15px;
        font-weight: bold;
        margin: 5px;
    }
    
    
    [data-view="calendario"] select {
        width: 200px;
        height: 30px;
        border-radius: 50px;
        background: red;
        background: rgb(255,255,255);
        color: rgb(0,0,0);
        padding: 0 20px;
        text-align: center;
    }
    
    [data-view="calendario"] h1 {
        text-align: center;
    }
    
    [data-view="calendario"] h2 {
        margin: 20px 0 15px 0;
    }

    [data-view="calendario"] h3 {
        margin: 20px 0 15px 0;
    }
    
    [data-view="calendario"] .estadisticas-div {
        width: 50vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    [data-view="calendario"] .jornadas-estadisticas {
        display: flex;
        flex-direction: row;
        gap: 15px;
        width: 250px;
        align-items: right;

        }
    [data-view="calendario"] .j-e {
        width: 50px;
        height: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    [data-view="calendario"] .j-e-t {
        width: 200px;
                height: 20px;
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    
    [data-view="calendario"] .h3-jornadas {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;    
        width: 100vw;
        background: linear-gradient(rgb(0,0,0),  rgb(20,20,20), rgb(30,30,30), rgb(30,30,30), rgb(20,20,20), rgb(0,0,0));
        color: rgb(255,255,255);
        height: 60px;
        margin-top: 50px;
    }
    
    [data-view="calendario"] .leyenda-jornadas {
        font-size: 10px;
    }
    
    [data-view="calendario"] .h2-temporada-jornada {
        width: 100vw;
        margin: 50px 50px 0 50px;
        text-align: center;
    }
    
    
    [data-view="calendario"] th {
        font-size: 13px;
        height: 20px;
    }
    
    [data-view="calendario"] td {
        height: 40px;
        font-size: 11px;
        text-align: center;
        padding: 10px 0 10px 0;
        align-items:center;
    }

        [data-view="calendario"] th:first-child{

            padding-right: 15px;
        }
        [data-view="calendario"] th:last-child {
            padding-left: 15px;
        }

        [data-view="calendario"] .calendario-local{

            
            clip-path: polygon(
            0px 0px,        /* arriba izquierda */
            90% 0px,      /* arriba derecha */
            100% 100%,    /* abajo derecha */
            10% 100%       /* abajo izquierda */
            );
        }
        
        [data-view="calendario"] .calendario-local a {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: end;
            padding: 0 15px 0 20px;
        }

        [data-view="calendario"] .calendario-visitante a {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: start;
            padding: 0 20px 0 15px;
        }
        
        [data-view="calendario"] .calendario-local a strong,
        [data-view="calendario"] .calendario-visitante a strong {
            display: flex;
            flex-direction: column;
            text-align: center;
        }
        
        
        [data-view="calendario"] .calendario-visitante {
            
            clip-path: polygon(
            10% 0px,        /* arriba izquierda */
            100% 0px,      /* arriba derecha */
            90% 100%,    /* abajo derecha */
            0% 100%       /* abajo izquierda */
            );

        }
        
        [data-view="calendario"] td:nth-child(2),
        [data-view="calendario"] td:nth-child(3){
            font-size: 20px;
        }
        
        [data-view="calendario"] td:nth-child(2) {
            padding: 0 5px 0 0;            
        }
        
        [data-view="calendario"] td:nth-child(3){
            padding: 0 0 0 5px;
        }
    
[data-view="calendario"] table {
      border-spacing: 0 15px;
    width: 100vw;
}
    
[data-view="calendario"] tr {
}

        
        [data-view="calendario"] .calendario-local, 
        [data-view="calendario"] .calendario-visitante {
            background: linear-gradient(rgb(40,40,40),rgb(15,15,15),rgb(10,10,10));
            color: rgb(255,255,255);
            width: 45vw;
        }
        
            
        [data-view="calendario"] td a {
            width: 45vw;
            text-decoration: none;
            color: rgb(255,255,255);
        }
        
        [data-view="calendario"] td a:hover {
            color: rgb(255,0,0);    
        }   
        
        
        
        
        @media (min-width: 500px) {
                [data-view="calendario"] table{
                    width: 100vw;
                    max-width: 800px;
                }
                
                [data-view="calendario"] td {
                    font-size: 20px;
                }
                
                [data-view="calendario"] td:nth-child(2),
                [data-view="calendario"] td:nth-child(3){
                    font-size: 30px;
                    width: 100px;
                }
                
                

        }
    
        [data-view="calendario"] .container {
            padding: 0px;
        }
        [data-view="calendario"] .jornada-card, [data-view="calendario"] .division-card {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s;
            width: 14vw;
            height: 20px;
        }
        [data-view="calendario"] .jornada-card:hover, [data-view="calendario"] .division-card:hover {
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }
        [data-view="calendario"] .division-card {
            background: rgb(0,0,0);

            
        }

        [data-view="calendario"] .division-card h4:selected {
            color: rgb(255,255,255);
        }

        [data-view="calendario"] .division-card h4,
       [data-view="calendario"] .jornada-card h4{
            color: rgb(255,255,255);
        }
        

        [data-view="calendario"] .selected {
            background-color: red !important;
            border-color: red !important;
            color: white;
            border-radius: 50px;
            box-shadow: 0 0 10px rgba(24, 144, 255, 0.3) !important;
        }
        [data-view="calendario"] .enfrentamiento-card {
            min-width: 220px;
            height: 90px;
        }
        [data-view="calendario"] .selector-box {
            width: 20vw;
            height: 100%;
            border: 2px solid #dee2e6;
            padding: 5px 0 0 0;
            margin: 0 0 0 0;
            background: rgb(0,0,0);
        }
        [data-view="calendario"] .selector-box h4 {
            margin: 0 0 0 0;
            font-size: 10px;
            text-align: center;
            color: rgb(255,255,255);
        }
        [data-view="calendario"] .selector-box select {
            padding: 6px;
            font-size: 12px;
            width: 100%;
        }
        [data-view="calendario"] .divisiones-contenedor {
            display: flex;
            align-items: flex-start;
            height: 20px;
            
        }
        [data-view="calendario"] .divisiones-scroll {
            overflow-x: auto;
            white-space: nowrap;
            flex: 1;
        }
        [data-view="calendario"] .divisiones-inner {
            display: inline-flex;
            padding: 0 0 0 0;
        }
        
        
        

        @media (min-width: 300px) and  (max-width: 900px) {
            
                
            [data-view="calendario"] .calendario-local a img {
                margin: 0 1vw;
            }
            
            [data-view="calendario"] .calendario-visitante a img {
                margin: 0 1vw;
            }

       
        }
        
        
        /* pc */

        
        @media (min-width: 900px) {
        
        
        [data-view="calendario"] .j-cabecera {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
        }
        
        [data-view="calendario"] .j-cabecera,
        [data-view="calendario"] .jornadas-filtros {
            width: 50vw;
        }
        
        [data-view="calendario"] .estadisticas-div {
            padding-bottom: 50px;
        }
        
        
        
        [data-view="calendario"] .calendario-local a img {
            margin: 0 3vw;
        }
            
        [data-view="calendario"] .calendario-visitante a img {
            margin: 0 3vw;
        }

    
    }
        
        
        /* Fin banderas */

[data-view="calendario"] .navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10vw;
    background: rgb(255, 0, 0);
    color: #fff;
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 80px;
    z-index: 1000;
    padding-top: 5px;
    border-bottom: 1px inset rgb(0, 0, 0);
}

[data-view="calendario"] .navbar .logo img {
    width: 150px;
    transition: .3s ease;
}

[data-view="calendario"] .navbar .logo img:hover {
    scale: calc(1.2);
}

[data-view="calendario"] .nav-links {
    display: flex;
    list-style: none;
    gap: 1.5rem;
    background: rgba(0, 0, 0, 0);
    align-items: start;
        font-size: 12px;
}

[data-view="calendario"] .has-submenu .submenu-toggle, 
[data-view="calendario"] .nav-links a {
    color: rgb(255, 255, 255);
    text-decoration: none;
    transition: all .2s ease;
    font-weight: bold;
}

[data-view="calendario"] .nav-links a:hover,
[data-view="calendario"] .nav-links .nav-active {
    font-weight: bold;
    color: rgb(250, 250, 250);
      text-shadow:
    -1px -1px 0 black,
     1px -1px 0 black,
    -1px  1px 0 black,
     1px  1px 0 black;
    
}



[data-view="calendario"] .reserva,
[data-view="calendario"] .reservas,
[data-view="calendario"] .btn-contacto {
    background-color: rgb(188, 180, 170);
    border: 1px solid rgb(0,0,0);
    padding: 10px;
    border-radius: 50px;
    text-decoration: none;
    color: rgb(0, 0, 0);
    transition: all .5s ease;
    min-width: 150px;
    text-align: center;
    margin: 10px;
}

[data-view="calendario"] .btn-contacto {
    background-color: rgb(0, 0, 0);
    color: rgb(188, 180, 170);
    border: 1px solid rgb(188, 180, 170);
}

[data-view="calendario"] .nav-links a.reservas {
    background-color: rgb(188, 180, 170);
    color: rgb(0, 0, 0);
}

[data-view="calendario"] .reserva:hover {
    background-color: rgb(188, 180, 170);
    box-shadow: 0 0px 80px rgba(255, 255, 255, 1);
}

[data-view="calendario"] .reserva {
    margin-top: 20px;
}

[data-view="calendario"] .reserva:hover,
[data-view="calendario"] .reservas:hover,
[data-view="calendario"] .btn-contacto:hover {
    box-shadow: 0 0 100px rgb(255, 255, 255);
    transition: all .5s ease;
    scale: calc(1.1);
}

[data-view="calendario"] .hamburger {
    display: none;
    font-size: 2rem;
    background: none;
    border: none;
    color: rgb(0, 0, 0);
    cursor: pointer;
    font-weight: 900;
    
}

/* Responsive navbar */
@media (max-width: 1280px) {
    [data-view="calendario"] .nav-links {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: absolute;
        top: 80px;
        right: 0;
        background: linear-gradient(rgb(0, 0, 0));
        width: 200px;
        padding: 70px 0 100px 0;
        transform: translateX(100%);
        opacity: 0;
        transition: transform 0.3s ease, opacity 0.3s ease;
    }
    [data-view="calendario"] .nav-links.show {
        transform: translateX(0);
        opacity: 1;
    }
    [data-view="calendario"] .hamburger {
        display: block;
    }
    [data-view="calendario"] .nav-links li a {
        padding: 10px;
        text-decoration: none;
    }
        
    [data-view="calendario"] .navbar .logo img {
        width: 120px;
    }

    [data-view="calendario"] .img-rrss:last-child {
        margin: 0 0 0 0 ;
    }
    
    
    [data-view="calendario"] .nav-links a:hover,
    [data-view="calendario"] .nav-links .nav-active {
        text-align: center;
        font-weight: bold;
        color: rgb(250, 255, 255);
        background: rgb(255,0,0);
        width: 100%;
    }

}

/* Submenú base */
[data-view="calendario"] .has-submenu {
    position: relative;
}
[data-view="calendario"] .submenu-toggle {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: none;
    border: none;
    color: rgb(0, 0, 0);
    font: inherit;
    cursor: pointer;
    padding: 0;
}
[data-view="calendario"] .submenu-toggle:hover,
[data-view="calendario"] .has-submenu:focus-within .submenu-toggle {
    color: rgb(238, 57, 69);
    font-weight: bold;
}

/* Contenedor del submenú (desktop) */
[data-view="calendario"] .submenu {
    list-style: none;
    position: absolute;
    text-align: left;
    top: 100%;
    left: 0;
    min-width: 220px;
    background: rgb(255, 255, 255);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 8px;
    padding: 50px 0 8px 0;
    display: none; /* CERRADO por defecto */
    z-index: 1001;
    box-shadow: 0 8px 24px rgba(255, 255, 255, 0.4);
}
[data-view="calendario"] .submenu li a {
    display: block;
    padding: 10px 14px;
    text-decoration: none;
    color: rgb(0, 0, 0);
    white-space: nowrap;
}
[data-view="calendario"] .submenu li a:hover {
    color: rgb(238, 57, 69);
}

/* Mostrar al hover solo en dispositivos con ratón real */
@media (hover: hover) and (pointer: fine) {
  [data-view="calendario"] .has-submenu:hover > .submenu {
      display: block;
  }
}

/* Mobile: se despliega dentro del menú lateral */
@media (max-width: 1280px) {
    [data-view="calendario"] .has-submenu {
        width: 100%;
    }
    [data-view="calendario"] .submenu {
        position: static;
        display: none;
        border: none;
        box-shadow: none;
        padding: 0 0 6px 0;
        margin-top: 6px;
    }
    [data-view="calendario"] .has-submenu.open > .submenu {
        display: block;
    }
    [data-view="calendario"] .submenu-toggle {
        width: 100%;
        text-align: left;
        padding: 0px;
    }
    [data-view="calendario"] .submenu li a {
        padding: 10px 20px;
    }
}




/* Accesibilidad: refleja estado con aria-hidden también */
[data-view="calendario"] .submenu[aria-hidden="true"] { display: none; }
[data-view="calendario"] .submenu[aria-hidden="false"] { display: block; }


/* ============================= */
/* SCROLLBAR PERSONALIZADA */
/* ============================= */

/* Chrome, Edge, Safari */
[data-view="calendario"] .divisiones-scroll::-webkit-scrollbar,
[data-view="calendario"] #jornadasContainer::-webkit-scrollbar,
[data-view="calendario"] #enfrentamientosContent::-webkit-scrollbar {
    height: 8px; /* scroll horizontal */
}

[data-view="calendario"] .divisiones-scroll::-webkit-scrollbar-track,
[data-view="calendario"] #jornadasContainer::-webkit-scrollbar-track,
[data-view="calendario"] #enfrentamientosContent::-webkit-scrollbar-track {
    background: #111; /* fondo del track */
    border-radius: 10px;
}

[data-view="calendario"] .divisiones-scroll::-webkit-scrollbar-thumb,
[data-view="calendario"] #jornadasContainer::-webkit-scrollbar-thumb,
[data-view="calendario"] #enfrentamientosContent::-webkit-scrollbar-thumb {
    background: red; /* color de la barra */
    border-radius: 10px;
}

[data-view="calendario"] .divisiones-scroll::-webkit-scrollbar-thumb:hover,
[data-view="calendario"] #jornadasContainer::-webkit-scrollbar-thumb:hover,
[data-view="calendario"] #enfrentamientosContent::-webkit-scrollbar-thumb:hover {
    background: #ff4d4d; /* color al hover */
}

/* ============================= */
/* FIREFOX */
/* ============================= */
[data-view="calendario"] .divisiones-scroll,
[data-view="calendario"] #jornadasContainer,
[data-view="calendario"] #enfrentamientosContent {
    scrollbar-width: thin;
    scrollbar-color: red #111;
}

/* ============================= */
/* CAMBIAR TEXTO DIVISIONES A 1D..5D (SIN JS) */
/* ============================= */


[data-view="calendario"] .info-partido {
                clip-path: polygon(
            0px 0px,        /* arriba izquierda */
            100% 0px,      /* arriba derecha */
            100% 100%,    /* abajo derecha */
            0% 100%       /* abajo izquierda */
            );

            background: rgb(0,0,0);


}
        
        [data-view="calendario"] .info-partido td {
            padding-bottom: 50px;
            background: rgb(0,0,0);
        }


/* clasificacion.blade.php — bloque 1 */
/* =========================
   RESET + FUENTE
========================= */
[data-view="clasificacion"] * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
}

html:has(body[data-view="clasificacion"]), body[data-view="clasificacion"] {
  overflow-x: hidden;
}

body[data-view="clasificacion"] {
  width: 100vw;
  margin-top: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgb(0,0,0);
  color: rgb(255,255,255);
}

[data-view="clasificacion"] h1 { margin: 10px 0 20px 0; }
[data-view="clasificacion"] h2 { margin: 10px 0 20px 0; }
[data-view="clasificacion"] p  { margin: 0 0 15px 0; }

/* =========================
   TABLA: CONTENEDOR + STICKY
========================= */

/* Anchos reales de las 3 columnas fijas */
:root:has(body[data-view="clasificacion"]){
  --c1: 40px;   /* Posición */
  --c2: 50px;   /* Logo */
  --c3: 200px;  /* Equipo */
}

/* CONTENEDOR DE TABLA CON SCROLL HORIZONTAL */
[data-view="clasificacion"] .table-container {
  width: 90vw;
  overflow-x: auto;
  position: relative;
  margin-bottom: 20px;
  -webkit-overflow-scrolling: touch; /* iOS */
}

/* Tabla: importante para sticky */
[data-view="clasificacion"] table {
  border-collapse: separate;
  border-spacing: 0;
  width: max-content; /* que crezca según contenido */
  min-width: 100%;    /* pero mínimo el contenedor */
}

/* Base celdas */
[data-view="clasificacion"] tr {
  background: linear-gradient(rgb(0,0,0), rgb(0,0,0), rgb(30,30,30));
}

[data-view="clasificacion"] th {
  font-size: 15px;
  background: rgb(255,0,0);
  height: 50px;
  white-space: nowrap;
  padding: 0 10px;
  text-align: center;
}

[data-view="clasificacion"] td {
  font-size: 15px;
  height: 40px;
  text-align: center;
  min-width: 40px;
  background: rgba(255,255,255,0);
  padding: 0 10px;
  white-space: nowrap;
}

/* =========================
   COLUMNAS 1–3: ANCHOS FIJOS
========================= */
[data-view="clasificacion"] thead th:nth-child(1), [data-view="clasificacion"] tbody td:nth-child(1){
  width: var(--c1);
  min-width: var(--c1);
  max-width: var(--c1);
}

[data-view="clasificacion"] thead th:nth-child(2), [data-view="clasificacion"] tbody td:nth-child(2){
  width: var(--c2);
  min-width: var(--c2);
  max-width: var(--c2);
}

[data-view="clasificacion"] thead th:nth-child(3), [data-view="clasificacion"] tbody td:nth-child(3){
  width: var(--c3);
  min-width: var(--c3);
}

/* =========================
   COLUMNAS 1–3: STICKY CORRECTO
   (sin solaparse / sin pisadas)
========================= */
[data-view="clasificacion"] thead th:nth-child(1),
[data-view="clasificacion"] tbody td:nth-child(1){
  position: sticky;
  left: 0;
  z-index: 4;
  background: rgb(0,0,0);
}

[data-view="clasificacion"] thead th:nth-child(2),
[data-view="clasificacion"] tbody td:nth-child(2){
  position: sticky;
  left: var(--c1);
  z-index: 4;
  background: rgb(0,0,0);
}

[data-view="clasificacion"] thead th:nth-child(3),
[data-view="clasificacion"] tbody td:nth-child(3){
  position: sticky;
  left: calc(var(--c1) + var(--c2));
  z-index: 4;
  background: rgb(0,0,0);
}

/* Encabezado por encima de todo */
[data-view="clasificacion"] thead th {
  z-index: 6;
}

/* =========================
   ESTILO ESPECÍFICO 1–3
========================= */
[data-view="clasificacion"] td:first-child,
[data-view="clasificacion"] th:first-child {
  background: rgb(0,0,0) !important;
  color: rgb(255,255,255);
  font-size: 15px;
  text-align: center;
}

[data-view="clasificacion"] td:first-child,
[data-view="clasificacion"] td:nth-child(2),
[data-view="clasificacion"] td:nth-child(3) {
  background: linear-gradient(rgb(0,0,0), rgb(0,0,0), rgb(30,30,30))!important;
}



[data-view="clasificacion"] td:nth-child(3),
[data-view="clasificacion"] th:nth-child(3) {

  font-weight: bold;
  text-align: left; /* nombres de equipo mejor alineados */
}

[data-view="clasificacion"] th:first-child,
[data-view="clasificacion"] th:nth-child(3),
[data-view="clasificacion"] th:nth-child(2) {
  background: rgb(255,0,0)!important;
}

/* (tenías esto en rojo: lo dejo si lo querías) */
[data-view="clasificacion"] td:nth-child(2) {
  background: red;
}





/* Equipo con “logo” */
[data-view="clasificacion"] .equipo-con-logo {
  display: flex;
  align-items: center;
  gap: 8px;
}

[data-view="clasificacion"] .equipo-logo {
  width: 30px;
  height: 30px;
  object-fit: cover;
}

/* Columna P resaltada */
[data-view="clasificacion"] td:nth-child(4) {
  font-weight: bold;
}

[data-view="clasificacion"] td a {
  text-decoration: none;
  color: rgb(255,255,255);
}

/* Ajustes de padding que tenías */
[data-view="clasificacion"] td:nth-child(5),
[data-view="clasificacion"] td:nth-child(6),
[data-view="clasificacion"] td:nth-child(7),
[data-view="clasificacion"] td:nth-child(8),
[data-view="clasificacion"] td:nth-child(9),
[data-view="clasificacion"] td:nth-child(10),
[data-view="clasificacion"] td:nth-child(11),
[data-view="clasificacion"] td:nth-child(12),
[data-view="clasificacion"] td:nth-child(13),
[data-view="clasificacion"] td:nth-child(15) {
  padding: 0;
}

/* =========================
   ESTILOS PARA DESKTOP
========================= */
@media (min-width: 900px) {
  [data-view="clasificacion"] .table-container {
    width: 900px;
  }

  /* Ajusta anchos sticky en desktop */
  :root:has(body[data-view="clasificacion"]){
    --c1: 50px;
    --c2: 60px;
    --c3: 250px;
  }

  [data-view="clasificacion"] th {
    font-size: 15px;
    padding: 0 15px;
  }

  [data-view="clasificacion"] td {
    font-size: 15px;
    padding: 0 15px;
  }

  [data-view="clasificacion"] td:first-child {
    font-size: 20px;
  }

  [data-view="clasificacion"] td:nth-child(3) {
    font-size: 16px;
  }

  [data-view="clasificacion"] .equipo-logo {
    width: 40px;
    height: 40px;
  }

  [data-view="clasificacion"] td:nth-child(4) {
    font-size: 16px;
  }
}

/* =========================
   ESTILOS RESPONSIVE (MÓVIL)
========================= */
@media (max-width: 768px) {
  [data-view="clasificacion"] .table-container {
    width: 95vw;
  }

  /* Ajusta anchos sticky en móvil */
  :root:has(body[data-view="clasificacion"]){
    --c1: 30px;
    --c2: 40px;
    --c3: 150px;
  }

  [data-view="clasificacion"] th, [data-view="clasificacion"] td {
    padding: 0 5px;
  }

  [data-view="clasificacion"] td:first-child {
    font-size: 15px;
  }

  [data-view="clasificacion"] .equipo-logo {
    width: 25px;
    height: 25px;
  }

  [data-view="clasificacion"] td:nth-child(3) {
    font-size: 12px;
  }
}

/* =========================
   OTROS ESTILOS (TU UI)
========================= */
[data-view="clasificacion"] .container {
  padding: 0px;
}

[data-view="clasificacion"] .jornada-card, [data-view="clasificacion"] .division-card {
  cursor: pointer;
  transition: all 0.3s;
  width: 20vw;
  height: 50px;
}

[data-view="clasificacion"] .jornada-card:hover, [data-view="clasificacion"] .division-card:hover {
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

[data-view="clasificacion"] .division-card {
  background: rgb(0,0,0);
}

[data-view="clasificacion"] .division-card h4:selected {
  color: rgb(255,255,255);
}

[data-view="clasificacion"] .division-card h4,
[data-view="clasificacion"] .jornada-card h4 {
  color: rgb(255,255,255);
}

[data-view="clasificacion"] .selected {
  background-color: red !important;
  border-color: red !important;
  color: white;
  box-shadow: 0 0 10px rgba(24, 144, 255, 0.3) !important;
}

[data-view="clasificacion"] .selector-box {
  width: 20vw;
  height: 100%;
  border: 2px solid #dee2e6;
  padding: 5px 0 0 0;
  margin: 0 0 0 0;
  background: rgb(0,0,0);
}

[data-view="clasificacion"] .selector-box h4 {
  margin: 0;
  font-size: 10px;
  text-align: center;
  color: rgb(255,255,255);
}

[data-view="clasificacion"] .selector-box select {
  padding: 6px;
  font-size: 12px;
  width: 100%;
}

[data-view="clasificacion"] .divisiones-contenedor {
  display: flex;
  align-items: flex-start;
  height: 50px;
}

[data-view="clasificacion"] .divisiones-scroll {
  overflow-x: auto;
  white-space: nowrap;
  flex: 1;
}

[data-view="clasificacion"] .divisiones-inner {
  display: inline-flex;
  padding: 0;
}

/* =========================
   NAVBAR
========================= */
[data-view="clasificacion"] .navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10vw;
  background: rgb(255, 0, 0);
  color: #fff;
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  height: 80px;
  z-index: 1000;
  padding-top: 5px;
  border-bottom: 1px inset rgb(0, 0, 0);
}

[data-view="clasificacion"] .navbar .logo img {
  width: 150px;
  transition: .3s ease;
}

[data-view="clasificacion"] .navbar .logo img:hover {
  scale: calc(1.2);
}

[data-view="clasificacion"] .nav-links {
  display: flex;
  list-style: none;
  gap: 1.5rem;
  background: rgba(0, 0, 0, 0);
  align-items: start;
  font-size: 12px;
}

[data-view="clasificacion"] .has-submenu .submenu-toggle,
[data-view="clasificacion"] .nav-links a {
  color: rgb(255, 255, 255);
  text-decoration: none;
  transition: all .2s ease;
  font-weight: bold;
}

[data-view="clasificacion"] .nav-links a:hover,
[data-view="clasificacion"] .nav-links .nav-active {
  font-weight: bold;
  color: rgb(250, 250, 250);
  text-shadow:
    -1px -1px 0 black,
     1px -1px 0 black,
    -1px  1px 0 black,
     1px  1px 0 black;
}

[data-view="clasificacion"] .reserva,
[data-view="clasificacion"] .reservas,
[data-view="clasificacion"] .btn-contacto {
  background-color: rgb(188, 180, 170);
  border: 1px solid rgb(0,0,0);
  padding: 10px;
  border-radius: 50px;
  text-decoration: none;
  color: rgb(0, 0, 0);
  transition: all .5s ease;
  min-width: 150px;
  text-align: center;
  margin: 10px;
}

[data-view="clasificacion"] .btn-contacto {
  background-color: rgb(0, 0, 0);
  color: rgb(188, 180, 170);
  border: 1px solid rgb(188, 180, 170);
}

[data-view="clasificacion"] .nav-links a.reservas {
  background-color: rgb(188, 180, 170);
  color: rgb(0, 0, 0);
}

[data-view="clasificacion"] .reserva:hover {
  background-color: rgb(188, 180, 170);
  box-shadow: 0 0px 80px rgba(255, 255, 255, 1);
}

[data-view="clasificacion"] .reserva { margin-top: 20px; }

[data-view="clasificacion"] .reserva:hover,
[data-view="clasificacion"] .reservas:hover,
[data-view="clasificacion"] .btn-contacto:hover {
  box-shadow: 0 0 100px rgb(255, 255, 255);
  transition: all .5s ease;
  scale: calc(1.1);
}

[data-view="clasificacion"] .hamburger {
  display: none;
  font-size: 2rem;
  background: none;
  border: none;
  color: rgb(0, 0, 0);
  cursor: pointer;
  font-weight: 900;
}

/* Responsive navbar */
@media (max-width: 1280px) {
  [data-view="clasificacion"] .nav-links {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 80px;
    right: 0;
    background: linear-gradient(rgb(0, 0, 0));
    width: 200px;
    padding: 70px 0 100px 0;
    transform: translateX(100%);
    opacity: 0;
    transition: transform 0.3s ease, opacity 0.3s ease;
  }

  [data-view="clasificacion"] .nav-links.show {
    transform: translateX(0);
    opacity: 1;
  }

  [data-view="clasificacion"] .hamburger {
    display: block;
  }

  [data-view="clasificacion"] .nav-links li a {
    padding: 10px;
    text-decoration: none;
  }

  [data-view="clasificacion"] .navbar .logo img {
    width: 120px;
  }

  [data-view="clasificacion"] .img-rrss:last-child {
    margin: 0;
  }

  [data-view="clasificacion"] .nav-links a:hover,
  [data-view="clasificacion"] .nav-links .nav-active {
    text-align: center;
    font-weight: bold;
    color: rgb(250, 255, 255);
    background: rgb(255,0,0);
    width: 100%;
  }
}

/* =========================
   SUBMENÚ
========================= */
[data-view="clasificacion"] .has-submenu {
  position: relative;
}

[data-view="clasificacion"] .submenu-toggle {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: none;
  border: none;
  color: rgb(0, 0, 0);
  font: inherit;
  cursor: pointer;
  padding: 0;
}

[data-view="clasificacion"] .submenu-toggle:hover,
[data-view="clasificacion"] .has-submenu:focus-within .submenu-toggle {
  color: rgb(238, 57, 69);
  font-weight: bold;
}

/* Contenedor del submenú (desktop) */
[data-view="clasificacion"] .submenu {
  list-style: none;
  position: absolute;
  text-align: left;
  top: 100%;
  left: 0;
  min-width: 220px;
  background: rgb(255, 255, 255);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 8px;
  padding: 50px 0 8px 0;
  display: none;
  z-index: 1001;
  box-shadow: 0 8px 24px rgba(255, 255, 255, 0.4);
}

[data-view="clasificacion"] .submenu li a {
  display: block;
  padding: 10px 14px;
  text-decoration: none;
  color: rgb(0, 0, 0);
  white-space: nowrap;
}

[data-view="clasificacion"] .submenu li a:hover {
  color: rgb(238, 57, 69);
}

/* Mostrar al hover solo en dispositivos con ratón real */
@media (hover: hover) and (pointer: fine) {
  [data-view="clasificacion"] .has-submenu:hover > .submenu {
    display: block;
  }
}

/* Mobile: se despliega dentro del menú lateral */
@media (max-width: 1280px) {
  [data-view="clasificacion"] .has-submenu {
    width: 100%;
  }
  [data-view="clasificacion"] .submenu {
    position: static;
    display: none;
    border: none;
    box-shadow: none;
    padding: 0 0 6px 0;
    margin-top: 6px;
  }
  [data-view="clasificacion"] .has-submenu.open > .submenu {
    display: block;
  }
  [data-view="clasificacion"] .submenu-toggle {
    width: 100%;
    text-align: left;
    padding: 0px;
  }
  [data-view="clasificacion"] .submenu li a {
    padding: 10px 20px;
  }
}

/* Accesibilidad */
[data-view="clasificacion"] .submenu[aria-hidden="true"] { display: none; }
[data-view="clasificacion"] .submenu[aria-hidden="false"] { display: block; }

/* =========================
   SCROLLBAR PERSONALIZADA
========================= */
/* Chrome, Edge, Safari */
[data-view="clasificacion"] .divisiones-scroll::-webkit-scrollbar,
[data-view="clasificacion"] #jornadasContainer::-webkit-scrollbar,
[data-view="clasificacion"] #enfrentamientosContent::-webkit-scrollbar,
[data-view="clasificacion"] .table-container::-webkit-scrollbar {
  height: 8px;
}

[data-view="clasificacion"] .divisiones-scroll::-webkit-scrollbar-track,
[data-view="clasificacion"] #jornadasContainer::-webkit-scrollbar-track,
[data-view="clasificacion"] #enfrentamientosContent::-webkit-scrollbar-track,
[data-view="clasificacion"] .table-container::-webkit-scrollbar-track {
  background: #111;
  border-radius: 10px;
}

[data-view="clasificacion"] .divisiones-scroll::-webkit-scrollbar-thumb,
[data-view="clasificacion"] #jornadasContainer::-webkit-scrollbar-thumb,
[data-view="clasificacion"] #enfrentamientosContent::-webkit-scrollbar-thumb,
[data-view="clasificacion"] .table-container::-webkit-scrollbar-thumb {
  background: red;
  border-radius: 10px;
}

[data-view="clasificacion"] .divisiones-scroll::-webkit-scrollbar-thumb:hover,
[data-view="clasificacion"] #jornadasContainer::-webkit-scrollbar-thumb:hover,
[data-view="clasificacion"] #enfrentamientosContent::-webkit-scrollbar-thumb:hover,
[data-view="clasificacion"] .table-container::-webkit-scrollbar-thumb:hover {
  background: #ff4d4d;
}

/* Firefox */
[data-view="clasificacion"] .divisiones-scroll,
[data-view="clasificacion"] #jornadasContainer,
[data-view="clasificacion"] #enfrentamientosContent,
[data-view="clasificacion"] .table-container {
  scrollbar-width: thin;
  scrollbar-color: red #111;
}

/* =========================
   FORM / FILTROS
========================= */
[data-view="clasificacion"] form div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
}

[data-view="clasificacion"] form div select,
[data-view="clasificacion"] form div button,
[data-view="clasificacion"] form div a {
  width: 200px;
  padding: 6px;
  margin: 10px 25px;
  border-radius: 50px;
  text-align: center;
  font-size: 14px;
}

[data-view="clasificacion"] form div select {
  background: rgb(255,255,255);
  color: rgb(0,0,0);
}

[data-view="clasificacion"] form div button {
  background: rgb(255,0,0);
  color: rgb(255,255,255);
  font-weight: bold;
}

[data-view="clasificacion"] form div a {
  background: rgb(255,0,0);
  color: rgb(255,255,255);
  text-decoration: none;
  font-weight: bold;
}

[data-view="clasificacion"] .h2-n-temporada {
  padding: 50px 20px 20px 20px;
  text-align: center;
  color: rgb(255,0,0);
  font-size: 25px;
  width: 100vw;
}


/* diagnostico.blade.php — bloque 1 */
[data-view="diagnostico"] * { margin: 0; padding: 0; box-sizing: border-box; }
        body[data-view="diagnostico"] {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
            background: #f0f2f5;
            padding: 20px;
            line-height: 1.6;
        }
        [data-view="diagnostico"] .container {
            max-width: 1600px;
            margin: 0 auto;
        }
        [data-view="diagnostico"] h1 {
            color: #1a202c;
            margin-bottom: 10px;
            font-size: 2em;
        }
        [data-view="diagnostico"] .section {
            background: white;
            padding: 25px;
            margin-bottom: 20px;
            border-radius: 8px;
            box-shadow: 0 1px 3px rgba(0,0,0,0.1);
        }
        [data-view="diagnostico"] h2 {
            color: #2d3748;
            border-bottom: 2px solid #4299e1;
            padding-bottom: 10px;
            margin-bottom: 20px;
            font-size: 1.4em;
        }
        [data-view="diagnostico"] table {
            width: 100%;
            border-collapse: collapse;
            margin: 15px 0;
            font-size: 14px;
        }
        [data-view="diagnostico"] th {
            background: #4299e1;
            color: white;
            padding: 12px;
            text-align: left;
            font-weight: 600;
        }
        [data-view="diagnostico"] td {
            padding: 10px 12px;
            border: 1px solid #e2e8f0;
        }
        [data-view="diagnostico"] tr:nth-child(even) {
            background: #f7fafc;
        }
        [data-view="diagnostico"] tr:hover {
            background: #edf2f7;
        }
        [data-view="diagnostico"] .badge {
            display: inline-block;
            padding: 4px 10px;
            border-radius: 12px;
            font-size: 12px;
            font-weight: 600;
        }
        [data-view="diagnostico"] .badge-success {
            background: #c6f6d5;
            color: #22543d;
        }
        [data-view="diagnostico"] .badge-danger {
            background: #fed7d7;
            color: #742a2a;
        }
        [data-view="diagnostico"] .badge-warning {
            background: #feebc8;
            color: #7c2d12;
        }
        [data-view="diagnostico"] .badge-info {
            background: #bee3f8;
            color: #2c5282;
        }
        [data-view="diagnostico"] code {
            background: #edf2f7;
            padding: 3px 6px;
            border-radius: 3px;
            font-family: 'Courier New', monospace;
            font-size: 12px;
            color: #d73a49;
        }
        [data-view="diagnostico"] .alert {
            padding: 15px;
            border-radius: 6px;
            margin: 15px 0;
            border-left: 4px solid;
        }
        [data-view="diagnostico"] .alert-success {
            background: #c6f6d5;
            border-color: #38a169;
            color: #22543d;
        }
        [data-view="diagnostico"] .alert-danger {
            background: #fed7d7;
            border-color: #e53e3e;
            color: #742a2a;
        }
        [data-view="diagnostico"] .alert-warning {
            background: #feebc8;
            border-color: #dd6b20;
            color: #7c2d12;
        }
        [data-view="diagnostico"] .alert-info {
            background: #bee3f8;
            border-color: #3182ce;
            color: #2c5282;
        }
        [data-view="diagnostico"] .grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 20px;
            margin: 20px 0;
        }
        [data-view="diagnostico"] .card {
            background: white;
            padding: 20px;
            border-radius: 8px;
            border: 1px solid #e2e8f0;
        }
        [data-view="diagnostico"] .card h3 {
            color: #2d3748;
            margin-bottom: 15px;
            font-size: 1.1em;
        }
        [data-view="diagnostico"] .stat {
            display: flex;
            justify-content: space-between;
            padding: 8px 0;
            border-bottom: 1px solid #edf2f7;
        }
        [data-view="diagnostico"] .stat:last-child {
            border-bottom: none;
        }
        [data-view="diagnostico"] .stat-label {
            font-weight: 500;
            color: #4a5568;
        }
        [data-view="diagnostico"] .stat-value {
            font-weight: 600;
            color: #2d3748;
        }
        [data-view="diagnostico"] .logo-preview {
            border: 2px solid #e2e8f0;
            border-radius: 4px;
            padding: 5px;
            background: #f7fafc;
        }
        [data-view="diagnostico"] .logo-preview.success {
            border-color: #48bb78;
        }
        [data-view="diagnostico"] .logo-preview.error {
            border-color: #f56565;
        }
        [data-view="diagnostico"] .btn {
            display: inline-block;
            padding: 10px 20px;
            background: #4299e1;
            color: white;
            text-decoration: none;
            border-radius: 6px;
            font-weight: 500;
            transition: background 0.2s;
        }
        [data-view="diagnostico"] .btn:hover {
            background: #3182ce;
        }
        [data-view="diagnostico"] .btn-success {
            background: #48bb78;
        }
        [data-view="diagnostico"] .btn-success:hover {
            background: #38a169;
        }
        [data-view="diagnostico"] pre {
            background: #1a202c;
            color: #68d391;
            padding: 15px;
            border-radius: 6px;
            overflow-x: auto;
            font-size: 13px;
        }


/* equipos/index.blade.php — bloque 1 */
/* RESET + FUENTE */
[data-view="equipos-index"] * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
}

html:has(body[data-view="equipos-index"]), body[data-view="equipos-index"] {
    overflow-x: hidden;
}

body[data-view="equipos-index"] {
    width: 100vw;
    margin-top: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgb(0,0,0);
}

[data-view="equipos-index"] h1 {
    margin: 10px 0 20px 0;
}

[data-view="equipos-index"] h2 {
    margin: 10px 0 20px 0;
}

[data-view="equipos-index"] p {
    margin: 0 0 15px 0;
}
        [data-view="equipos-index"] .container {
            padding: 0px;
        }
        [data-view="equipos-index"] .jornada-card, [data-view="equipos-index"] .division-card {
            cursor: pointer;
            transition: all 0.3s;
            width: 20vw;
            height: 50px;
        }
        [data-view="equipos-index"] .jornada-card:hover, [data-view="equipos-index"] .division-card:hover {
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }
        [data-view="equipos-index"] .division-card {
            background: rgb(0,0,0);

            
        }

        [data-view="equipos-index"] .division-card h4:selected {
            color: rgb(255,255,255);
        }

        [data-view="equipos-index"] .division-card h4 {
            color: rgb(255,255,255);
        }
        
       [data-view="equipos-index"] .jornada-card h4 {
            color: rgb(255,255,255);
        }
        
        [data-view="equipos-index"] .selected {
            background-color: red !important;
            border-color: red !important;
            color: white;
            box-shadow: 0 0 10px rgba(24, 144, 255, 0.3) !important;
        }
        [data-view="equipos-index"] .enfrentamiento-card {
            min-width: 220px;
        }
        [data-view="equipos-index"] .selector-box {
            width: 20vw;
            height: 100%;
            border: 2px solid #dee2e6;
            padding: 5px 0 0 0;
            margin: 0 0 0 0;
            background: rgb(0,0,0);
        }
        [data-view="equipos-index"] .selector-box h4 {
            margin: 0 0 0 0;
            font-size: 10px;
            text-align: center;
            color: rgb(255,255,255);
        }
        [data-view="equipos-index"] .selector-box select {
            padding: 6px;
            font-size: 12px;
            width: 100%;
        }
        [data-view="equipos-index"] .divisiones-contenedor {
            display: flex;
            align-items: flex-start;
            height: 50px;
            
        }
        [data-view="equipos-index"] .divisiones-scroll {
            overflow-x: auto;
            white-space: nowrap;
            flex: 1;
        }
        [data-view="equipos-index"] .divisiones-inner {
            display: inline-flex;
            padding: 0 0 0 0;
        }
        
        
        
        /* Fin banderas */

[data-view="equipos-index"] .navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10vw;
    background: rgb(255, 0, 0);
    color: #fff;
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 80px;
    z-index: 1000;
    padding-top: 5px;
    border-bottom: 1px inset rgb(0, 0, 0);
}

[data-view="equipos-index"] .navbar .logo img {
    width: 150px;
    transition: .3s ease;
}

[data-view="equipos-index"] .navbar .logo img:hover {
    scale: calc(1.2);
}

[data-view="equipos-index"] .nav-links {
    display: flex;
    list-style: none;
    gap: 1.5rem;
    background: rgba(0, 0, 0, 0);
    align-items: start;
    font-size: 12px;
}

[data-view="equipos-index"] .has-submenu .submenu-toggle, 
[data-view="equipos-index"] .nav-links a {
    color: rgb(255, 255, 255);
    text-decoration: none;
    transition: all .2s ease;
    font-weight: bold;
}

[data-view="equipos-index"] .nav-links a:hover,
[data-view="equipos-index"] .nav-links .nav-active {
    font-weight: bold;
    color: rgb(250, 250, 250);
      text-shadow:
    -1px -1px 0 black,
     1px -1px 0 black,
    -1px  1px 0 black,
     1px  1px 0 black;
    
}



[data-view="equipos-index"] .reserva,
[data-view="equipos-index"] .reservas,
[data-view="equipos-index"] .btn-contacto {
    background-color: rgb(188, 180, 170);
    border: 1px solid rgb(0,0,0);
    padding: 10px;
    border-radius: 50px;
    text-decoration: none;
    color: rgb(0, 0, 0);
    transition: all .5s ease;
    min-width: 150px;
    text-align: center;
    margin: 10px;
}

[data-view="equipos-index"] .btn-contacto {
    background-color: rgb(0, 0, 0);
    color: rgb(188, 180, 170);
    border: 1px solid rgb(188, 180, 170);
}

[data-view="equipos-index"] .nav-links a.reservas {
    background-color: rgb(188, 180, 170);
    color: rgb(0, 0, 0);
}

[data-view="equipos-index"] .reserva:hover {
    background-color: rgb(188, 180, 170);
    box-shadow: 0 0px 80px rgba(255, 255, 255, 1);
}

[data-view="equipos-index"] .reserva {
    margin-top: 20px;
}

[data-view="equipos-index"] .reserva:hover,
[data-view="equipos-index"] .reservas:hover,
[data-view="equipos-index"] .btn-contacto:hover {
    box-shadow: 0 0 100px rgb(255, 255, 255);
    transition: all .5s ease;
    scale: calc(1.1);
}

[data-view="equipos-index"] .hamburger {
    display: none;
    font-size: 2rem;
    background: none;
    border: none;
    color: rgb(0, 0, 0);
    cursor: pointer;
    font-weight: 900;
    
}

/* Responsive navbar */
@media (max-width: 1250px) {
    [data-view="equipos-index"] .nav-links {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: absolute;
        top: 80px;
        right: 0;
        background: linear-gradient(rgb(0, 0, 0));
        width: 200px;
        padding: 70px 0 100px 0;
        transform: translateX(100%);
        opacity: 0;
        transition: transform 0.3s ease, opacity 0.3s ease;
    }
    [data-view="equipos-index"] .nav-links.show {
        transform: translateX(0);
        opacity: 1;
    }
    [data-view="equipos-index"] .hamburger {
        display: block;
    }
    [data-view="equipos-index"] .nav-links li a {
        padding: 10px;
        text-decoration: none;
    }
        
    [data-view="equipos-index"] .navbar .logo img {
        width: 120px;
    }

    [data-view="equipos-index"] .img-rrss:last-child {
        margin: 0 0 0 0 ;
    }
    
    
    [data-view="equipos-index"] .nav-links a:hover,
    [data-view="equipos-index"] .nav-links .nav-active {
        text-align: center;
        font-weight: bold;
        color: rgb(250, 255, 255);
        background: rgb(255,0,0);
        width: 100%;
    }

}

/* Submenú base */
[data-view="equipos-index"] .has-submenu {
    position: relative;
}
[data-view="equipos-index"] .submenu-toggle {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: none;
    border: none;
    color: rgb(0, 0, 0);
    font: inherit;
    cursor: pointer;
    padding: 0;
}
[data-view="equipos-index"] .submenu-toggle:hover,
[data-view="equipos-index"] .has-submenu:focus-within .submenu-toggle {
    color: rgb(238, 57, 69);
    font-weight: bold;
}

/* Contenedor del submenú (desktop) */
[data-view="equipos-index"] .submenu {
    list-style: none;
    position: absolute;
    text-align: left;
    top: 100%;
    left: 0;
    min-width: 220px;
    background: rgb(255, 255, 255);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 8px;
    padding: 50px 0 8px 0;
    display: none; /* CERRADO por defecto */
    z-index: 1001;
    box-shadow: 0 8px 24px rgba(255, 255, 255, 0.4);
}
[data-view="equipos-index"] .submenu li a {
    display: block;
    padding: 10px 14px;
    text-decoration: none;
    color: rgb(0, 0, 0);
    white-space: nowrap;
}
[data-view="equipos-index"] .submenu li a:hover {
    color: rgb(238, 57, 69);
}

/* Mostrar al hover solo en dispositivos con ratón real */
@media (hover: hover) and (pointer: fine) {
  [data-view="equipos-index"] .has-submenu:hover > .submenu {
      display: block;
  }
}

/* Mobile: se despliega dentro del menú lateral */
@media (max-width: 1250px) {
    [data-view="equipos-index"] .has-submenu {
        width: 100%;
    }
    [data-view="equipos-index"] .submenu {
        position: static;
        display: none;
        border: none;
        box-shadow: none;
        padding: 0 0 6px 0;
        margin-top: 6px;
    }
    [data-view="equipos-index"] .has-submenu.open > .submenu {
        display: block;
    }
    [data-view="equipos-index"] .submenu-toggle {
        width: 100%;
        text-align: left;
        padding: 0px;
    }
    [data-view="equipos-index"] .submenu li a {
        padding: 10px 20px;
    }
}




/* Accesibilidad: refleja estado con aria-hidden también */
[data-view="equipos-index"] .submenu[aria-hidden="true"] { display: none; }
[data-view="equipos-index"] .submenu[aria-hidden="false"] { display: block; }


/* ============================= */
/* SCROLLBAR PERSONALIZADA */
/* ============================= */

/* Chrome, Edge, Safari */
[data-view="equipos-index"] .divisiones-scroll::-webkit-scrollbar,
[data-view="equipos-index"] #jornadasContainer::-webkit-scrollbar,
[data-view="equipos-index"] #enfrentamientosContent::-webkit-scrollbar {
    height: 8px; /* scroll horizontal */
}

[data-view="equipos-index"] .divisiones-scroll::-webkit-scrollbar-track,
[data-view="equipos-index"] #jornadasContainer::-webkit-scrollbar-track,
[data-view="equipos-index"] #enfrentamientosContent::-webkit-scrollbar-track {
    background: #111; /* fondo del track */
    border-radius: 10px;
}

[data-view="equipos-index"] .divisiones-scroll::-webkit-scrollbar-thumb,
[data-view="equipos-index"] #jornadasContainer::-webkit-scrollbar-thumb,
[data-view="equipos-index"] #enfrentamientosContent::-webkit-scrollbar-thumb {
    background: red; /* color de la barra */
    border-radius: 10px;
}

[data-view="equipos-index"] .divisiones-scroll::-webkit-scrollbar-thumb:hover,
[data-view="equipos-index"] #jornadasContainer::-webkit-scrollbar-thumb:hover,
[data-view="equipos-index"] #enfrentamientosContent::-webkit-scrollbar-thumb:hover {
    background: #ff4d4d; /* color al hover */
}

/* ============================= */
/* FIREFOX */
/* ============================= */
[data-view="equipos-index"] .divisiones-scroll,
[data-view="equipos-index"] #jornadasContainer,
[data-view="equipos-index"] #enfrentamientosContent {
    scrollbar-width: thin;
    scrollbar-color: red #111;
}

/* ============================= */
/* CAMBIAR TEXTO DIVISIONES A 1D..5D (SIN JS) */
/* ============================= */



[data-view="equipos-index"] .buscador {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100vw;
}

[data-view="equipos-index"] .buscador form input, 
[data-view="equipos-index"] .buscador form button {
    height: 50px;
    margin: 10px;
    width: 250px;
    border-radius: 50px;
    text-align: center;
    font-size: 20px;
}


[data-view="equipos-index"] .buscador form input {
    background: rgb(255,255,255);
    color: rgb(0,0,0);
}

[data-view="equipos-index"] .buscador form button {
    background: rgb(255,0,0);
    color: rgb(255,255,255);
}

[data-view="equipos-index"] .playersContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0px 5px 50px 5px;
}

[data-view="equipos-index"] table {
    border: none;
}

[data-view="equipos-index"] tr {
    background: red;
    margin: 1px;
}

[data-view="equipos-index"] th {
    height: 80px;
    color: rgb(255,255,255);
}


[data-view="equipos-index"] td {
    text-align: center;
    background: rgb(30,30,30);
    color: rgb(255,255,255);
    height: 60px;

}

[data-view="equipos-index"] td a {
    text-decoration: none;
    color: rgb(255,255,255);
}

[data-view="equipos-index"] td a:hover {
    text-decoration: none;
    color rgb(255,0,0);
}

[data-view="equipos-index"] #teamsTable {
  width: 100%;
  border-collapse: collapse;
}

[data-view="equipos-index"] #teamsTable th,
[data-view="equipos-index"] #teamsTable td {
  border-top: 1px solid #000;
  border-bottom: 5px solid #000;
  border-left: none;
  border-right: none;
  padding: 5px;
}

[data-view="equipos-index"] .buscador form {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 300px;
    margin: 0;
    padding: 0;
}

[data-view="equipos-index"] .pagination {
    text-align: center;
    width: 300px;
    padding: 20px auto 50px auto;
}

[data-view="equipos-index"] .pagination span {
    color: rgb(255,255,255);
}

[data-view="equipos-index"] .pagination button {
    padding: 10px;
    min-width: 80px;
    border-radius: 50px;
    background: rgb(255,0,0);
    color: rgb(255,255,255);
    border: none;
}


/* equipos/show.blade.php — bloque 1 */
/* RESET + FUENTE */
[data-view="equipos-show"] * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
}

html:has(body[data-view="equipos-show"]), body[data-view="equipos-show"] {
    overflow-x: hidden;
}

body[data-view="equipos-show"] {
    width: 100vw;
    margin-top: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgb(0,0,0);
    color: rgb(255,255,255);
}

[data-view="equipos-show"] h1 {
    margin: 10px 0 20px 0;
}

[data-view="equipos-show"] h2 {
    margin: 10px 0 20px 0;
}

[data-view="equipos-show"] p {
    margin: 0 0 15px 0;
}
        [data-view="equipos-show"] .container {
            padding: 0px;
        }
        [data-view="equipos-show"] .jornada-card, [data-view="equipos-show"] .division-card {
            cursor: pointer;
            transition: all 0.3s;
            width: 20vw;
            height: 50px;
        }
        [data-view="equipos-show"] .jornada-card:hover, [data-view="equipos-show"] .division-card:hover {
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }
        [data-view="equipos-show"] .division-card {
            background: rgb(0,0,0);

            
        }

        [data-view="equipos-show"] .division-card h4:selected {
            color: rgb(255,255,255);
        }

        [data-view="equipos-show"] .division-card h4 {
            color: rgb(255,255,255);
        }
        
       [data-view="equipos-show"] .jornada-card h4 {
            color: rgb(255,255,255);
        }
        
        [data-view="equipos-show"] .selected {
            background-color: red !important;
            border-color: red !important;
            color: white;
            box-shadow: 0 0 10px rgba(24, 144, 255, 0.3) !important;
        }
        [data-view="equipos-show"] .enfrentamiento-card {
            min-width: 220px;
        }
        [data-view="equipos-show"] .selector-box {
            width: 20vw;
            height: 100%;
            border: 2px solid #dee2e6;
            padding: 5px 0 0 0;
            margin: 0 0 0 0;
            background: rgb(0,0,0);
        }
        [data-view="equipos-show"] .selector-box h4 {
            margin: 0 0 0 0;
            font-size: 10px;
            text-align: center;
            color: rgb(255,255,255);
        }
        [data-view="equipos-show"] .selector-box select {
            padding: 6px;
            font-size: 12px;
            width: 100%;
        }
        [data-view="equipos-show"] .divisiones-contenedor {
            display: flex;
            align-items: flex-start;
            height: 50px;
            
        }
        [data-view="equipos-show"] .divisiones-scroll {
            overflow-x: auto;
            white-space: nowrap;
            flex: 1;
        }
        [data-view="equipos-show"] .divisiones-inner {
            display: inline-flex;
            padding: 0 0 0 0;
        }
        
        
        
        /* Fin banderas */

[data-view="equipos-show"] .navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10vw;
    background: rgb(255, 0, 0);
    color: #fff;
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 80px;
    z-index: 1000;
    padding-top: 5px;
    border-bottom: 1px inset rgb(0, 0, 0);
}

[data-view="equipos-show"] .navbar .logo img {
    width: 70px;
    transition: .3s ease;
}

[data-view="equipos-show"] .navbar .logo img:hover {
    scale: calc(1.2);
}

[data-view="equipos-show"] .nav-links {
    display: flex;
    list-style: none;
    gap: 1.5rem;
    background: rgba(0, 0, 0, 0);
    align-items: start;
    font-size: 12px;
}

[data-view="equipos-show"] .has-submenu .submenu-toggle, 
[data-view="equipos-show"] .nav-links a {
    color: rgb(255, 255, 255);
    text-decoration: none;
    transition: all .2s ease;
    font-weight: bold;
}

[data-view="equipos-show"] .nav-links a:hover,
[data-view="equipos-show"] .nav-links .nav-active {
    font-weight: bold;
    color: rgb(250, 250, 250);
      text-shadow:
    -1px -1px 0 black,
     1px -1px 0 black,
    -1px  1px 0 black,
     1px  1px 0 black;
    
}



[data-view="equipos-show"] .reserva,
[data-view="equipos-show"] .reservas,
[data-view="equipos-show"] .btn-contacto {
    background-color: rgb(188, 180, 170);
    border: 1px solid rgb(0,0,0);
    padding: 10px;
    border-radius: 50px;
    text-decoration: none;
    color: rgb(0, 0, 0);
    transition: all .5s ease;
    min-width: 150px;
    text-align: center;
    margin: 10px;
}

[data-view="equipos-show"] .btn-contacto {
    background-color: rgb(0, 0, 0);
    color: rgb(188, 180, 170);
    border: 1px solid rgb(188, 180, 170);
}

[data-view="equipos-show"] .nav-links a.reservas {
    background-color: rgb(188, 180, 170);
    color: rgb(0, 0, 0);
}

[data-view="equipos-show"] .reserva:hover {
    background-color: rgb(188, 180, 170);
    box-shadow: 0 0px 80px rgba(255, 255, 255, 1);
}

[data-view="equipos-show"] .reserva {
    margin-top: 20px;
}

[data-view="equipos-show"] .reserva:hover,
[data-view="equipos-show"] .reservas:hover,
[data-view="equipos-show"] .btn-contacto:hover {
    box-shadow: 0 0 100px rgb(255, 255, 255);
    transition: all .5s ease;
    scale: calc(1.1);
}

[data-view="equipos-show"] .hamburger {
    display: none;
    font-size: 2rem;
    background: none;
    border: none;
    color: rgb(0, 0, 0);
    cursor: pointer;
    font-weight: 900;
    
}

/* Responsive navbar */
@media (max-width: 1280px) {
    [data-view="equipos-show"] .nav-links {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: absolute;
        top: 80px;
        right: 0;
        background: linear-gradient(rgb(0, 0, 0));
        width: 200px;
        padding: 70px 0 100px 0;
        transform: translateX(100%);
        opacity: 0;
        transition: transform 0.3s ease, opacity 0.3s ease;
        max-height: calc(100vh - 80px);
        overflow-y: auto;
        overscroll-behavior: contain;
        z-index: 1001;
    }
    [data-view="equipos-show"] .nav-links.show {
        transform: translateX(0);
        opacity: 1;
    }
    [data-view="equipos-show"] .hamburger {
        display: block;
    }
    [data-view="equipos-show"] .nav-links li {
        width: 100%;
        text-align: center;
    }
    [data-view="equipos-show"] .nav-links li a {
        display: block;
        width: 100%;
        padding: 10px;
        text-decoration: none;
    }
        
    [data-view="equipos-show"] .navbar .logo img {
        width: 70px;
    }

    [data-view="equipos-show"] .img-rrss:last-child {
        margin: 0 0 0 0 ;
    }
    
    
    [data-view="equipos-show"] .nav-links a:hover,
    [data-view="equipos-show"] .nav-links .nav-active {
        text-align: center;
        font-weight: bold;
        color: rgb(250, 255, 255);
        background: rgb(255,0,0);
        width: 100%;
    }

}

/* Submenú base */
[data-view="equipos-show"] .has-submenu {
    position: relative;
}
[data-view="equipos-show"] .submenu-toggle {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: none;
    border: none;
    color: rgb(0, 0, 0);
    font: inherit;
    cursor: pointer;
    padding: 0;
}
[data-view="equipos-show"] .submenu-toggle:hover,
[data-view="equipos-show"] .has-submenu:focus-within .submenu-toggle {
    color: rgb(238, 57, 69);
    font-weight: bold;
}

/* Contenedor del submenú (desktop) */
[data-view="equipos-show"] .submenu {
    list-style: none;
    position: absolute;
    text-align: left;
    top: 100%;
    left: 0;
    min-width: 220px;
    background: rgb(255, 255, 255);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 8px;
    padding: 50px 0 8px 0;
    display: none; /* CERRADO por defecto */
    z-index: 1001;
    box-shadow: 0 8px 24px rgba(255, 255, 255, 0.4);
}
[data-view="equipos-show"] .submenu li a {
    display: block;
    padding: 10px 14px;
    text-decoration: none;
    color: rgb(0, 0, 0);
    white-space: nowrap;
}
[data-view="equipos-show"] .submenu li a:hover {
    color: rgb(238, 57, 69);
}

/* Mostrar al hover solo en dispositivos con ratón real */
@media (hover: hover) and (pointer: fine) {
  [data-view="equipos-show"] .has-submenu:hover > .submenu {
      display: block;
  }
}

/* Mobile: se despliega dentro del menú lateral */
@media (max-width: 1280px) {
    [data-view="equipos-show"] .has-submenu {
        width: 100%;
    }
    [data-view="equipos-show"] .submenu {
        position: static;
        display: none;
        border: none;
        box-shadow: none;
        padding: 0 0 6px 0;
        margin-top: 6px;
    }
    [data-view="equipos-show"] .has-submenu.open > .submenu {
        display: block;
    }
    [data-view="equipos-show"] .submenu-toggle {
        width: 100%;
        text-align: left;
        padding: 0px;
    }
    [data-view="equipos-show"] .submenu li a {
        padding: 10px 20px;
    }
}




/* Accesibilidad: refleja estado con aria-hidden también */
[data-view="equipos-show"] .submenu[aria-hidden="true"] { display: none; }
[data-view="equipos-show"] .submenu[aria-hidden="false"] { display: block; }


/* ============================= */
/* SCROLLBAR PERSONALIZADA */
/* ============================= */

/* Chrome, Edge, Safari */
[data-view="equipos-show"] .divisiones-scroll::-webkit-scrollbar,
[data-view="equipos-show"] #jornadasContainer::-webkit-scrollbar,
[data-view="equipos-show"] #enfrentamientosContent::-webkit-scrollbar {
    height: 8px; /* scroll horizontal */
}

[data-view="equipos-show"] .divisiones-scroll::-webkit-scrollbar-track,
[data-view="equipos-show"] #jornadasContainer::-webkit-scrollbar-track,
[data-view="equipos-show"] #enfrentamientosContent::-webkit-scrollbar-track {
    background: #111; /* fondo del track */
    border-radius: 10px;
}

[data-view="equipos-show"] .divisiones-scroll::-webkit-scrollbar-thumb,
[data-view="equipos-show"] #jornadasContainer::-webkit-scrollbar-thumb,
[data-view="equipos-show"] #enfrentamientosContent::-webkit-scrollbar-thumb {
    background: red; /* color de la barra */
    border-radius: 10px;
}

[data-view="equipos-show"] .divisiones-scroll::-webkit-scrollbar-thumb:hover,
[data-view="equipos-show"] #jornadasContainer::-webkit-scrollbar-thumb:hover,
[data-view="equipos-show"] #enfrentamientosContent::-webkit-scrollbar-thumb:hover {
    background: #ff4d4d; /* color al hover */
}

/* ============================= */
/* FIREFOX */
/* ============================= */
[data-view="equipos-show"] .divisiones-scroll,
[data-view="equipos-show"] #jornadasContainer,
[data-view="equipos-show"] #enfrentamientosContent {
    scrollbar-width: thin;
    scrollbar-color: red #111;
}

/* ============================= */
/* CAMBIAR TEXTO DIVISIONES A 1D..5D (SIN JS) */
/* ============================= */


[data-view="equipos-show"] .portada-equipo,
[data-view="equipos-show"] .equipo-temporadas,
[data-view="equipos-show"] .resultados-equipo,
[data-view="equipos-show"] .resumen-estadistico,
[data-view="equipos-show"] .equipo-info div,
[data-view="equipos-show"] .div-volver {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100vw;
}

[data-view="equipos-show"] h1, [data-view="equipos-show"] h2, [data-view="equipos-show"] h3, [data-view="equipos-show"] h4 {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 10px;
}

[data-view="equipos-show"] .portada-equipo th,
[data-view="equipos-show"] .portada-equipo td,
[data-view="equipos-show"] .equipo-temporadas th,
[data-view="equipos-show"] .equipo-temporadas td {
    text-align: center;
    background: rgb(50,50,50);
    width: 90px;
    height: 30px;
}

[data-view="equipos-show"] .equipo-temporadas p, 
[data-view="equipos-show"] .resultados-equipo p {
    text-align: center;
    margin: 0 50px;
}


[data-view="equipos-show"] select {
    width: 200px;
    height: 30px;
    border-radius: 50px;
    background: red;
    background: rgb(255,255,255);
    color: rgb(0,0,0);
    padding: 0 20px;
    text-align: center;
    margin: 10px 20px 30px 20px;
}

[data-view="equipos-show"] .btn-volver {
    text-decoration: none;
    padding: 10px;
    min-width: 80px;
    border-radius: 50px;
    background: rgb(255,0,0);
    color: rgb(255,255,255);
    border: none;
    margin: 50px;
}

[data-view="equipos-show"] .resultados-equipo table {
    margin: 0 auto 20px auto;
}



[data-view="equipos-show"] .resultados-equipo th {
        
}

[data-view="equipos-show"] .resultados-equipo td{
    min-width: 20px;
    padding: 5px;
    font-size: 13px;
}

[data-view="equipos-show"] .tabla-estadisticas th,
[data-view="equipos-show"] .tabla-estadisticas td,
[data-view="equipos-show"] .tabla-resultado-division th,
[data-view="equipos-show"] .tabla-resultado-division td,
[data-view="equipos-show"] .tabla-equipo-jugadores th,
[data-view="equipos-show"] .tabla-equipo-jugadores td {
    width: 30px;
    text-align: center;
    
    margin-bottom: 15px;
}

[data-view="equipos-show"] .resultados-equipo th,
[data-view="equipos-show"] .resultados-equipo th,
[data-view="equipos-show"] .tabla-equipo-jugadores th  {
    background: rgb(255,0,0);
    height: 30px;
}


[data-view="equipos-show"] .tabla-estadisticas td,
[data-view="equipos-show"] .resultados-equipo td,
[data-view="equipos-show"] .tabla-equipo-jugadores td  {
    background: rgb(50,50,50);  
}

[data-view="equipos-show"] tr  {
    margin-bottom: 50px;
}

[data-view="equipos-show"] .tabla-equipo-jugadores th:nth-child(2),
[data-view="equipos-show"] .tabla-equipo-jugadores td:nth-child(2) {
    min-width: 100px;
}


[data-view="equipos-show"] table {
  width: 100%;
  border-collapse: collapse;
}

[data-view="equipos-show"] table th,
[data-view="equipos-show"] table td {
  border-top: 1px solid #000;
  border-bottom: 5px solid #000;
  border-left: none;
  border-right: none;
  padding: 5px;
}

[data-view="equipos-show"] .jugador-destacado {
    margin: 30px ;
    text-align: center;
}

[data-view="equipos-show"] .jugador-destacado strong {
    color: rgb(255,0,0);
    font-size: 20px;
}


/* goleador-division.blade.php — bloque 1 */
/* RESET + FUENTE */
[data-view="goleador-division"] * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
}

html:has(body[data-view="goleador-division"]), body[data-view="goleador-division"] {
    overflow-x: hidden;
}

body[data-view="goleador-division"] {
    width: 100vw;
    margin-top: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgb(0,0,0);
    color: rgb(255,255,255);
}

[data-view="goleador-division"] h1 {
    margin: 50px 0 30px 0;
    text-align: center;
}

[data-view="goleador-division"] h2 {
    margin: 10px 0 20px 0;
}

[data-view="goleador-division"] p {
    margin: 0 0 15px 0;
}

        
        
        /* Fin banderas */

[data-view="goleador-division"] .navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10vw;
    background: rgb(255, 0, 0);
    color: #fff;
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 80px;
    z-index: 1000;
    padding-top: 5px;
    border-bottom: 1px inset rgb(0, 0, 0);
}

[data-view="goleador-division"] .navbar .logo img {
    width: 150px;
    transition: .3s ease;
}

[data-view="goleador-division"] .navbar .logo img:hover {
    scale: calc(1.2);
}

[data-view="goleador-division"] .nav-links {
    display: flex;
    list-style: none;
    gap: 1.5rem;
    background: rgba(0, 0, 0, 0);
    align-items: start;
    font-size: 12px;
}

[data-view="goleador-division"] .has-submenu .submenu-toggle, 
[data-view="goleador-division"] .nav-links a {
    color: rgb(255, 255, 255);
    text-decoration: none;
    transition: all .2s ease;
    font-weight: bold;
}

[data-view="goleador-division"] .nav-links a:hover,
[data-view="goleador-division"] .nav-links .nav-active {
    font-weight: bold;
    color: rgb(250, 250, 250);
      text-shadow:
    -1px -1px 0 black,
     1px -1px 0 black,
    -1px  1px 0 black,
     1px  1px 0 black;
    
}



[data-view="goleador-division"] .reserva,
[data-view="goleador-division"] .reservas,
[data-view="goleador-division"] .btn-contacto {
    background-color: rgb(188, 180, 170);
    border: 1px solid rgb(0,0,0);
    padding: 10px;
    border-radius: 50px;
    text-decoration: none;
    color: rgb(0, 0, 0);
    transition: all .5s ease;
    min-width: 150px;
    text-align: center;
    margin: 10px;
}

[data-view="goleador-division"] .btn-contacto {
    background-color: rgb(0, 0, 0);
    color: rgb(188, 180, 170);
    border: 1px solid rgb(188, 180, 170);
}

[data-view="goleador-division"] .nav-links a.reservas {
    background-color: rgb(188, 180, 170);
    color: rgb(0, 0, 0);
}

[data-view="goleador-division"] .reserva:hover {
    background-color: rgb(188, 180, 170);
    box-shadow: 0 0px 80px rgba(255, 255, 255, 1);
}

[data-view="goleador-division"] .reserva {
    margin-top: 20px;
}

[data-view="goleador-division"] .reserva:hover,
[data-view="goleador-division"] .reservas:hover,
[data-view="goleador-division"] .btn-contacto:hover {
    box-shadow: 0 0 100px rgb(255, 255, 255);
    transition: all .5s ease;
    scale: calc(1.1);
}

[data-view="goleador-division"] .hamburger {
    display: none;
    font-size: 2rem;
    background: none;
    border: none;
    color: rgb(0, 0, 0);
    cursor: pointer;
    font-weight: 900;
    
}

/* Responsive navbar */
@media (max-width: 1280px) {
    [data-view="goleador-division"] .nav-links {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: absolute;
        top: 80px;
        right: 0;
        background: linear-gradient(rgb(0, 0, 0));
        width: 200px;
        padding: 70px 0 100px 0;
        transform: translateX(100%);
        opacity: 0;
        transition: transform 0.3s ease, opacity 0.3s ease;
    }
    [data-view="goleador-division"] .nav-links.show {
        transform: translateX(0);
        opacity: 1;
    }
    [data-view="goleador-division"] .hamburger {
        display: block;
    }
    [data-view="goleador-division"] .nav-links li a {
        padding: 10px;
        text-decoration: none;
    }
        
    [data-view="goleador-division"] .navbar .logo img {
        width: 120px;
    }

    [data-view="goleador-division"] .img-rrss:last-child {
        margin: 0 0 0 0 ;
    }
    
    
    [data-view="goleador-division"] .nav-links a:hover,
    [data-view="goleador-division"] .nav-links .nav-active {
        text-align: center;
        font-weight: bold;
        color: rgb(250, 255, 255);
        background: rgb(255,0,0);
        width: 100%;
    }

}

/* Submenú base */
[data-view="goleador-division"] .has-submenu {
    position: relative;
}
[data-view="goleador-division"] .submenu-toggle {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: none;
    border: none;
    color: rgb(0, 0, 0);
    font: inherit;
    cursor: pointer;
    padding: 0;
}
[data-view="goleador-division"] .submenu-toggle:hover,
[data-view="goleador-division"] .has-submenu:focus-within .submenu-toggle {
    color: rgb(238, 57, 69);
    font-weight: bold;
}

/* Contenedor del submenú (desktop) */
[data-view="goleador-division"] .submenu {
    list-style: none;
    position: absolute;
    text-align: left;
    top: 100%;
    left: 0;
    min-width: 220px;
    background: rgb(255, 255, 255);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 8px;
    padding: 50px 0 8px 0;
    display: none; /* CERRADO por defecto */
    z-index: 1001;
    box-shadow: 0 8px 24px rgba(255, 255, 255, 0.4);
}
[data-view="goleador-division"] .submenu li a {
    display: block;
    padding: 10px 14px;
    text-decoration: none;
    color: rgb(0, 0, 0);
    white-space: nowrap;
}
[data-view="goleador-division"] .submenu li a:hover {
    color: rgb(238, 57, 69);
}

/* Mostrar al hover solo en dispositivos con ratón real */
@media (hover: hover) and (pointer: fine) {
  [data-view="goleador-division"] .has-submenu:hover > .submenu {
      display: block;
  }
}

/* Mobile: se despliega dentro del menú lateral */
@media (max-width: 1280px) {
    [data-view="goleador-division"] .has-submenu {
        width: 100%;
    }
    [data-view="goleador-division"] .submenu {
        position: static;
        display: none;
        border: none;
        box-shadow: none;
        padding: 0 0 6px 0;
        margin-top: 6px;
    }
    [data-view="goleador-division"] .has-submenu.open > .submenu {
        display: block;
    }
    [data-view="goleador-division"] .submenu-toggle {
        width: 100%;
        text-align: left;
        padding: 0px;
    }
    [data-view="goleador-division"] .submenu li a {
        padding: 10px 20px;
    }
}




/* Accesibilidad: refleja estado con aria-hidden también */
[data-view="goleador-division"] .submenu[aria-hidden="true"] { display: none; }
[data-view="goleador-division"] .submenu[aria-hidden="false"] { display: block; }


/* ============================= */
/* SCROLLBAR PERSONALIZADA */
/* ============================= */

/* Chrome, Edge, Safari */
[data-view="goleador-division"] .divisiones-scroll::-webkit-scrollbar,
[data-view="goleador-division"] #jornadasContainer::-webkit-scrollbar,
[data-view="goleador-division"] #enfrentamientosContent::-webkit-scrollbar {
    height: 8px; /* scroll horizontal */
}

[data-view="goleador-division"] .divisiones-scroll::-webkit-scrollbar-track,
[data-view="goleador-division"] #jornadasContainer::-webkit-scrollbar-track,
[data-view="goleador-division"] #enfrentamientosContent::-webkit-scrollbar-track {
    background: #111; /* fondo del track */
    border-radius: 10px;
}

[data-view="goleador-division"] .divisiones-scroll::-webkit-scrollbar-thumb,
[data-view="goleador-division"] #jornadasContainer::-webkit-scrollbar-thumb,
[data-view="goleador-division"] #enfrentamientosContent::-webkit-scrollbar-thumb {
    background: red; /* color de la barra */
    border-radius: 10px;
}

[data-view="goleador-division"] .divisiones-scroll::-webkit-scrollbar-thumb:hover,
[data-view="goleador-division"] #jornadasContainer::-webkit-scrollbar-thumb:hover,
[data-view="goleador-division"] #enfrentamientosContent::-webkit-scrollbar-thumb:hover {
    background: #ff4d4d; /* color al hover */
}

/* ============================= */
/* FIREFOX */
/* ============================= */
[data-view="goleador-division"] .divisiones-scroll,
[data-view="goleador-division"] #jornadasContainer,
[data-view="goleador-division"] #enfrentamientosContent {
    scrollbar-width: thin;
    scrollbar-color: red #111;
}

/* ============================= */
/* CAMBIAR TEXTO DIVISIONES A 1D..5D (SIN JS) */
/* ============================= */



[data-view="goleador-division"] table {
    border: none;
}




[data-view="goleador-division"] form {
    
}

[data-view="goleador-division"] .goleador-filtro {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100vw;
}


 [data-view="goleador-division"] form label {
    text-align: center;
    width: 100vw;
    font-size: 20px;
    margin: 20px 0 0 0;
}


[data-view="goleador-division"] form input,
[data-view="goleador-division"] form button,
[data-view="goleador-division"] form a,
[data-view="goleador-division"] form select {
    height: 50px;
    margin: 10px;
    width: 250px;
    border-radius: 50px;
    text-align: center;
    font-size: 20px;
}


[data-view="goleador-division"] form input,
[data-view="goleador-division"] form button,
[data-view="goleador-division"] form a,
[data-view="goleador-division"] form select {
    background: rgb(255,255,255);
    color: rgb(0,0,0);
    border: none;
}


[data-view="goleador-division"] form button,
[data-view="goleador-division"] form a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

[data-view="goleador-division"] form select {
    background: rgb(255,0,0);
    color: rgb(255,255,255);
}

[data-view="goleador-division"] form select {
    background: rgb(255,0,0);
    color: rgb(255,255,255);
}

[data-view="goleador-division"] form select option {
    background: rgb(255,255,255);
    color: rgb(0,0,0);
}

[data-view="goleador-division"] .mostrando {
    margin: 50px;
    text-align: center;
}


/* Tablas sin bordes verticales + separación entre filas */
[data-view="goleador-division"] table {
width: 95vw;
  border-collapse: separate;   /* importante para que funcione border-spacing */
  border-spacing: 0 5px;       /* 0 horizontal, 5px vertical */
}

/* Quitar cualquier borde vertical (si hubiera) */
[data-view="goleador-division"] th,
[data-view="goleador-division"] td {
  border-left: none !important;
  border-right: none !important;
  border-top: none;
  border-bottom: none;
  text-align: center;
}

/* Opcional: si quieres que cada fila "se vea" separada, dale fondo a las celdas */
[data-view="goleador-division"] td {
  background: rgb(30,30,30);
}

/* Mantén la cabecera roja */

[data-view="goleador-division"] th {
  background: rgb(255,0,0);
}

[data-view="goleador-division"] th,
[data-view="goleador-division"] td {
    min-width: 20px;
      height: 50px;
}

[data-view="goleador-division"] th:nth-child(2),
[data-view="goleador-division"] td:nth-child(2) {
    font-size: bold;
}


/* goleador-general.blade.php — bloque 1 */
/* RESET + FUENTE */
[data-view="goleador-general"] * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
}

html:has(body[data-view="goleador-general"]), body[data-view="goleador-general"] {
    overflow-x: hidden;
}

body[data-view="goleador-general"] {
    width: 100vw;
    margin-top: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgb(0,0,0);
    color: rgb(255,255,255);
}

[data-view="goleador-general"] h1 {
    margin: 50px 0 30px 0;
    text-align: center;
}

[data-view="goleador-general"] h2 {
    margin: 10px 0 20px 0;
}

[data-view="goleador-general"] p {
    margin: 0 0 15px 0;
}

        
        
        /* Fin banderas */

[data-view="goleador-general"] .navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10vw;
    background: rgb(255, 0, 0);
    color: #fff;
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 80px;
    z-index: 1000;
    padding-top: 5px;
    border-bottom: 1px inset rgb(0, 0, 0);
}

[data-view="goleador-general"] .navbar .logo img {
    width: 150px;
    transition: .3s ease;
}

[data-view="goleador-general"] .navbar .logo img:hover {
    scale: calc(1.2);
}

[data-view="goleador-general"] .nav-links {
    display: flex;
    list-style: none;
    gap: 1.5rem;
    background: rgba(0, 0, 0, 0);
    align-items: start;
    font-size: 12px;
}

[data-view="goleador-general"] .has-submenu .submenu-toggle, 
[data-view="goleador-general"] .nav-links a {
    color: rgb(255, 255, 255);
    text-decoration: none;
    transition: all .2s ease;
    font-weight: bold;
}

[data-view="goleador-general"] .nav-links a:hover,
[data-view="goleador-general"] .nav-links .nav-active {
    font-weight: bold;
    color: rgb(250, 250, 250);
      text-shadow:
    -1px -1px 0 black,
     1px -1px 0 black,
    -1px  1px 0 black,
     1px  1px 0 black;
    
}



[data-view="goleador-general"] .reserva,
[data-view="goleador-general"] .reservas,
[data-view="goleador-general"] .btn-contacto {
    background-color: rgb(188, 180, 170);
    border: 1px solid rgb(0,0,0);
    padding: 10px;
    border-radius: 50px;
    text-decoration: none;
    color: rgb(0, 0, 0);
    transition: all .5s ease;
    min-width: 150px;
    text-align: center;
    margin: 10px;
}

[data-view="goleador-general"] .btn-contacto {
    background-color: rgb(0, 0, 0);
    color: rgb(188, 180, 170);
    border: 1px solid rgb(188, 180, 170);
}

[data-view="goleador-general"] .nav-links a.reservas {
    background-color: rgb(188, 180, 170);
    color: rgb(0, 0, 0);
}

[data-view="goleador-general"] .reserva:hover {
    background-color: rgb(188, 180, 170);
    box-shadow: 0 0px 80px rgba(255, 255, 255, 1);
}

[data-view="goleador-general"] .reserva {
    margin-top: 20px;
}

[data-view="goleador-general"] .reserva:hover,
[data-view="goleador-general"] .reservas:hover,
[data-view="goleador-general"] .btn-contacto:hover {
    box-shadow: 0 0 100px rgb(255, 255, 255);
    transition: all .5s ease;
    scale: calc(1.1);
}

[data-view="goleador-general"] .hamburger {
    display: none;
    font-size: 2rem;
    background: none;
    border: none;
    color: rgb(0, 0, 0);
    cursor: pointer;
    font-weight: 900;
    
}

/* Responsive navbar */
@media (max-width: 1280px) {
    [data-view="goleador-general"] .nav-links {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: absolute;
        top: 80px;
        right: 0;
        background: linear-gradient(rgb(0, 0, 0));
        width: 200px;
        padding: 70px 0 100px 0;
        transform: translateX(100%);
        opacity: 0;
        transition: transform 0.3s ease, opacity 0.3s ease;
    }
    [data-view="goleador-general"] .nav-links.show {
        transform: translateX(0);
        opacity: 1;
    }
    [data-view="goleador-general"] .hamburger {
        display: block;
    }
    [data-view="goleador-general"] .nav-links li a {
        padding: 10px;
        text-decoration: none;
    }
        
    [data-view="goleador-general"] .navbar .logo img {
        width: 120px;
    }

    [data-view="goleador-general"] .img-rrss:last-child {
        margin: 0 0 0 0 ;
    }
    
    
    [data-view="goleador-general"] .nav-links a:hover,
    [data-view="goleador-general"] .nav-links .nav-active {
        text-align: center;
        font-weight: bold;
        color: rgb(250, 255, 255);
        background: rgb(255,0,0);
        width: 100%;
    }

}

/* Submenú base */
[data-view="goleador-general"] .has-submenu {
    position: relative;
}
[data-view="goleador-general"] .submenu-toggle {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: none;
    border: none;
    color: rgb(0, 0, 0);
    font: inherit;
    cursor: pointer;
    padding: 0;
}
[data-view="goleador-general"] .submenu-toggle:hover,
[data-view="goleador-general"] .has-submenu:focus-within .submenu-toggle {
    color: rgb(238, 57, 69);
    font-weight: bold;
}

/* Contenedor del submenú (desktop) */
[data-view="goleador-general"] .submenu {
    list-style: none;
    position: absolute;
    text-align: left;
    top: 100%;
    left: 0;
    min-width: 220px;
    background: rgb(255, 255, 255);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 8px;
    padding: 50px 0 8px 0;
    display: none; /* CERRADO por defecto */
    z-index: 1001;
    box-shadow: 0 8px 24px rgba(255, 255, 255, 0.4);
}
[data-view="goleador-general"] .submenu li a {
    display: block;
    padding: 10px 14px;
    text-decoration: none;
    color: rgb(0, 0, 0);
    white-space: nowrap;
}
[data-view="goleador-general"] .submenu li a:hover {
    color: rgb(238, 57, 69);
}

/* Mostrar al hover solo en dispositivos con ratón real */
@media (hover: hover) and (pointer: fine) {
  [data-view="goleador-general"] .has-submenu:hover > .submenu {
      display: block;
  }
}

/* Mobile: se despliega dentro del menú lateral */
@media (max-width: 1280px) {
    [data-view="goleador-general"] .has-submenu {
        width: 100%;
    }
    [data-view="goleador-general"] .submenu {
        position: static;
        display: none;
        border: none;
        box-shadow: none;
        padding: 0 0 6px 0;
        margin-top: 6px;
    }
    [data-view="goleador-general"] .has-submenu.open > .submenu {
        display: block;
    }
    [data-view="goleador-general"] .submenu-toggle {
        width: 100%;
        text-align: left;
        padding: 0px;
    }
    [data-view="goleador-general"] .submenu li a {
        padding: 10px 20px;
    }
}




/* Accesibilidad: refleja estado con aria-hidden también */
[data-view="goleador-general"] .submenu[aria-hidden="true"] { display: none; }
[data-view="goleador-general"] .submenu[aria-hidden="false"] { display: block; }


/* ============================= */
/* SCROLLBAR PERSONALIZADA */
/* ============================= */

/* Chrome, Edge, Safari */
[data-view="goleador-general"] .divisiones-scroll::-webkit-scrollbar,
[data-view="goleador-general"] #jornadasContainer::-webkit-scrollbar,
[data-view="goleador-general"] #enfrentamientosContent::-webkit-scrollbar {
    height: 8px; /* scroll horizontal */
}

[data-view="goleador-general"] .divisiones-scroll::-webkit-scrollbar-track,
[data-view="goleador-general"] #jornadasContainer::-webkit-scrollbar-track,
[data-view="goleador-general"] #enfrentamientosContent::-webkit-scrollbar-track {
    background: #111; /* fondo del track */
    border-radius: 10px;
}

[data-view="goleador-general"] .divisiones-scroll::-webkit-scrollbar-thumb,
[data-view="goleador-general"] #jornadasContainer::-webkit-scrollbar-thumb,
[data-view="goleador-general"] #enfrentamientosContent::-webkit-scrollbar-thumb {
    background: red; /* color de la barra */
    border-radius: 10px;
}

[data-view="goleador-general"] .divisiones-scroll::-webkit-scrollbar-thumb:hover,
[data-view="goleador-general"] #jornadasContainer::-webkit-scrollbar-thumb:hover,
[data-view="goleador-general"] #enfrentamientosContent::-webkit-scrollbar-thumb:hover {
    background: #ff4d4d; /* color al hover */
}

/* ============================= */
/* FIREFOX */
/* ============================= */
[data-view="goleador-general"] .divisiones-scroll,
[data-view="goleador-general"] #jornadasContainer,
[data-view="goleador-general"] #enfrentamientosContent {
    scrollbar-width: thin;
    scrollbar-color: red #111;
}

/* ============================= */
/* CAMBIAR TEXTO DIVISIONES A 1D..5D (SIN JS) */
/* ============================= */



[data-view="goleador-general"] table {
    border: none;
}


[data-view="goleador-general"] .goleador-filtro {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100vw;
}


 [data-view="goleador-general"] form label {
    text-align: center;
    width: 100vw;
    font-size: 20px;
    margin: 20px 0 0 0;
}


[data-view="goleador-general"] form input,
[data-view="goleador-general"] form button,
[data-view="goleador-general"] form a,
[data-view="goleador-general"] form select {
    height: 50px;
    margin: 10px;
    width: 250px;
    border-radius: 50px;
    text-align: center;
    font-size: 20px;
}


[data-view="goleador-general"] form input,
[data-view="goleador-general"] form button,
[data-view="goleador-general"] form a,
[data-view="goleador-general"] form select {
    background: rgb(255,255,255);
    color: rgb(0,0,0);
    border: none;
}


[data-view="goleador-general"] form button,
[data-view="goleador-general"] form a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

[data-view="goleador-general"] form select {
    background: rgb(255,0,0);
    color: rgb(255,255,255);
}

[data-view="goleador-general"] form select option {
    background: rgb(255,255,255);
    color: rgb(0,0,0);
}

[data-view="goleador-general"] .mostrando {
    margin: 50px;
    text-align: center;
}


/* Tablas sin bordes verticales + separación entre filas */
[data-view="goleador-general"] table {
width: 95vw;
  border-collapse: separate;   /* importante para que funcione border-spacing */
  border-spacing: 0 5px;       /* 0 horizontal, 5px vertical */
}

/* Quitar cualquier borde vertical (si hubiera) */
[data-view="goleador-general"] th,
[data-view="goleador-general"] td {
  border-left: none !important;
  border-right: none !important;
  border-top: none;
  border-bottom: none;
  text-align: center;
}

/* Opcional: si quieres que cada fila "se vea" separada, dale fondo a las celdas */
[data-view="goleador-general"] td {
  background: rgb(30,30,30);
}

/* Mantén la cabecera roja */

[data-view="goleador-general"] th {
  background: rgb(255,0,0);
}

[data-view="goleador-general"] th,
[data-view="goleador-general"] td {
    min-width: 20px;
      height: 50px;
}

[data-view="goleador-general"] th:nth-child(2),
[data-view="goleador-general"] td:nth-child(2) {
    font-size: bold;
}


[data-view="goleador-general"] h3,
[data-view="goleador-general"] .explicacion-tablas {
    text-align: center;
    max-width: 80vw;
}


/* index.blade.php — bloque 1 */
/* RESET + FUENTE */
[data-view="index"] * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
}

html:has(body[data-view="index"]), body[data-view="index"] {
    overflow-x: hidden;
}

body[data-view="index"] {
    background: rgb(0,0,0);
}

[data-view="index"] h1 {
    color: rgb(255,255,255);
}

[data-view="index"] h2 {
    color: rgb(0,0,0);
}


        [data-view="index"] .container {
            padding: 0px;
        }

        [data-view="index"] .jornada-card, [data-view="index"] .division-card {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s;
            width: 20vw;
            height: 20px;
        }
        [data-view="index"] .jornada-card:hover, [data-view="index"] .division-card:hover {
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }
        [data-view="index"] .division-card {
            background: rgb(0,0,0);
        }

        [data-view="index"] .division-card h4:selected {
            color: rgb(255,255,255);
        }

        [data-view="index"] .division-card h4,
       [data-view="index"] .jornada-card h4{
            color: rgb(255,255,255);
        }
        

        [data-view="index"] .selected {
            background-color: red !important;
            border-color: red !important;
            color: white;
            border-radius: 50px;
            box-shadow: 0 0 10px rgba(24, 144, 255, 0.3) !important;
        }
        [data-view="index"] .enfrentamiento-card {
            min-width: 180px;
            height: 90px;
        }
        [data-view="index"] .selector-box {
            width: 20vw;
            height: 100%;
            border: 2px solid #dee2e6;
            padding: 5px 0 0 0;
            margin: 0 0 0 0;
            background: rgb(0,0,0);
        }
        [data-view="index"] .selector-box h4 {
            margin: 0 0 0 0;
            font-size: 10px;
            text-align: center;
            color: rgb(255,255,255);
        }
        [data-view="index"] .selector-box select {
            padding: 6px;
            font-size: 12px;
            width: 100%;
        }
        [data-view="index"] .divisiones-contenedor {
            display: flex;
            align-items: flex-start;
            height: 20px;
            
        }
        [data-view="index"] .divisiones-scroll {
            overflow-x: auto;
            white-space: nowrap;
            flex: 1;
        }
        [data-view="index"] .divisiones-inner {
            display: inline-flex;
            padding: 0 0 0 0;
        }
        
        
        
        
        /* pc */

        
        @media (min-width: 900px) {
        
        
        [data-view="index"] .jornada-card, [data-view="index"] .division-card {
            width: 10vw;
            height: 20px;
        }
        
        [data-view="index"] .enfrentamiento-card {
            min-width: 200px;
            height: 90px;
        }
    
        [data-view="index"] .jornada-card, [data-view="index"] .division-card {
            width: 7.5vw;
            height: 20px;
        }
    }
        
        
        /* Fin banderas */

[data-view="index"] .navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10vw;
    background: rgb(255, 0, 0);
    color: #fff;
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 80px;
    z-index: 1000;
    padding-top: 5px;
    border-bottom: 1px inset rgb(0, 0, 0);
}


[data-view="index"] .navbar .logo img {
    width: 150px;
    transition: .3s ease;
}

[data-view="index"] .navbar .logo img:hover {
    scale: calc(1.2);
}

[data-view="index"] .nav-links {
    display: flex;
    list-style: none;
    gap: 1.5rem;
    background: rgba(0, 0, 0, 0);
    align-items: start;
    font-size: 12px;
}

[data-view="index"] .has-submenu .submenu-toggle, 
[data-view="index"] .nav-links a {
    color: rgb(255, 255, 255);
    text-decoration: none;
    transition: all .2s ease;
    font-weight: bold;
}

[data-view="index"] .nav-links a:hover,
[data-view="index"] .nav-links .nav-active {
    font-weight: bold;
    color: rgb(250, 250, 250);
      text-shadow:
    -1px -1px 0 black,
     1px -1px 0 black,
    -1px  1px 0 black,
     1px  1px 0 black;
    
}


[data-view="index"] .hamburger {
    display: none;
    font-size: 2rem;
    background: none;
    border: none;
    color: rgb(0, 0, 0);
    cursor: pointer;
    font-weight: 900;
    
}

/* Responsive navbar */
@media (max-width: 1280px) {
    [data-view="index"] .nav-links {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: absolute;
        top: 80px;
        right: 0;
        background: linear-gradient(rgb(0, 0, 0));
        width: 200px;
        padding: 70px 0 100px 0;
        transform: translateX(100%);
        opacity: 0;
        transition: transform 0.3s ease, opacity 0.3s ease);
    }
    [data-view="index"] .nav-links.show {
        transform: translateX(0);
        opacity: 1;
    }
    [data-view="index"] .hamburger {
        display: block;
    }
    [data-view="index"] .nav-links li a {
        padding: 10px;
        text-decoration: none;
    }
        
    [data-view="index"] .navbar .logo img {
        width: 120px;
    }

    [data-view="index"] .img-rrss:last-child {
        margin: 0 0 0 0 ;
    }
    
    
    [data-view="index"] .nav-links a:hover,
    [data-view="index"] .nav-links .nav-active {
        text-align: center;
        font-weight: bold;
        color: rgb(250, 255, 255);
        background: rgb(255,0,0);
        width: 100%;
    }

}

/* Submenú base */
[data-view="index"] .has-submenu {
    position: relative;
}
[data-view="index"] .submenu-toggle {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: none;
    border: none;
    color: rgb(0, 0, 0);
    font: inherit;
    cursor: pointer;
    padding: 0;
}
[data-view="index"] .submenu-toggle:hover,
[data-view="index"] .has-submenu:focus-within .submenu-toggle {
    color: rgb(238, 57, 69);
    font-weight: bold;
}

/* Contenedor del submenú (desktop) */
[data-view="index"] .submenu {
    list-style: none;
    position: absolute;
    text-align: left;
    top: 100%;
    left: 0;
    min-width: 220px;
    background: rgb(255, 255, 255);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 8px;
    padding: 50px 0 8px 0;
    display: none; /* CERRADO por defecto */
    z-index: 1001;
    box-shadow: 0 8px 24px rgba(255, 255, 255, 0.4);
}
[data-view="index"] .submenu li a {
    display: block;
    padding: 10px 14px;
    text-decoration: none;
    color: rgb(0, 0, 0);
    white-space: nowrap;
}
[data-view="index"] .submenu li a:hover {
    color: rgb(238, 57, 69);
}

/* Mostrar al hover solo en dispositivos con ratón real */
@media (hover: hover) and (pointer: fine) {
  [data-view="index"] .has-submenu:hover > .submenu {
      display: block;
  }
}

/* Mobile: se despliega dentro del menú lateral */
@media (max-width: 1280px) {
    [data-view="index"] .has-submenu {
        width: 100%;
    }
    [data-view="index"] .submenu {
        position: static;
        display: none;
        border: none;
        box-shadow: none;
        padding: 0 0 6px 0;
        margin-top: 6px;
    }
    [data-view="index"] .has-submenu.open > .submenu {
        display: block;
    }
    [data-view="index"] .submenu-toggle {
        width: 100%;
        text-align: left;
        padding: 0px;
    }
    [data-view="index"] .submenu li a {
        padding: 10px 20px;
    }
}




/* Accesibilidad: refleja estado con aria-hidden también */
[data-view="index"] .submenu[aria-hidden="true"] { display: none; }
[data-view="index"] .submenu[aria-hidden="false"] { display: block; }


/* ============================= */
/* SCROLLBAR PERSONALIZADA */
/* ============================= */

/* Chrome, Edge, Safari */
[data-view="index"] .divisiones-scroll::-webkit-scrollbar,
[data-view="index"] #jornadasContainer::-webkit-scrollbar,
[data-view="index"] #enfrentamientosContent::-webkit-scrollbar {
    height: 8px; /* scroll horizontal */
}

[data-view="index"] .divisiones-scroll::-webkit-scrollbar-track,
[data-view="index"] #jornadasContainer::-webkit-scrollbar-track,
[data-view="index"] #enfrentamientosContent::-webkit-scrollbar-track {
    background: #111; /* fondo del track */
    border-radius: 10px;
}

[data-view="index"] .divisiones-scroll::-webkit-scrollbar-thumb,
[data-view="index"] #jornadasContainer::-webkit-scrollbar-thumb,
[data-view="index"] #enfrentamientosContent::-webkit-scrollbar-thumb {
    background: red; /* color de la barra */
    border-radius: 10px;
}

[data-view="index"] .divisiones-scroll::-webkit-scrollbar-thumb:hover,
[data-view="index"] #jornadasContainer::-webkit-scrollbar-thumb:hover,
[data-view="index"] #enfrentamientosContent::-webkit-scrollbar-thumb:hover {
    background: #ff4d4d; /* color al hover */
}

/* ============================= */
/* FIREFOX */
/* ============================= */
[data-view="index"] .divisiones-scroll,
[data-view="index"] #jornadasContainer,
[data-view="index"] #enfrentamientosContent {
    scrollbar-width: thin;
    scrollbar-color: red #111;
}

/* ============================= */
/* CAMBIAR TEXTO DIVISIONES A 1D..5D (SIN JS) */
/* ============================= */

/* =========================================================
   CONTENIDO INFERIOR DE LA HOME
   Estilos aislados: no afectan al menú ni al calendario.
   ========================================================= */
[data-view="index"] .home-lower {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 28px 20px 42px;
    color: #fff;
    background:
        radial-gradient(circle at 92% 18%, rgba(255,0,0,.09), transparent 260px),
        #000;
}

[data-view="index"] .home-lower::before {
    content: "";
    position: absolute;
    top: 32px;
    right: -80px;
    width: 210px;
    height: 5px;
    background: rgb(255,0,0);
    transform: rotate(-28deg);
    opacity: .9;
    pointer-events: none;
}

[data-view="index"] .home-lower__inner {
    width: 100%;
    max-width: 1060px;
    margin: 0 auto;
}

[data-view="index"] .home-lower__header {
    position: relative;
    max-width: 660px;
    margin: 0 auto 24px;
    padding-top: 13px;
    text-align: center;
}

[data-view="index"] .home-lower__header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 44px;
    height: 3px;
    background: rgb(255,0,0);
    transform: translateX(-50%);
}

[data-view="index"] .home-lower__title {
    margin: 0 0 12px;
    color: #fff;
    font-size: clamp(25px, 3vw, 32px);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -.02em;
}

[data-view="index"] .home-lower__title span {
    color: rgb(255,0,0);
}

[data-view="index"] .home-lower__intro {
    margin: 0;
    color: #bdbdbd;
    font-size: 14px;
    line-height: 1.65;
}

[data-view="index"] .home-lower__image {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 auto 22px;
    border: 1px solid #323232;
    border-top: 3px solid rgb(255,0,0);
    border-radius: 7px;
    background: #101010;
    box-shadow: 0 20px 48px rgba(0,0,0,.42);
}

[data-view="index"] .home-lower__image::before {
    content: "";
    position: absolute;
    top: -1px;
    right: -34px;
    z-index: 2;
    width: 115px;
    height: 42px;
    background: rgb(255,0,0);
    transform: skewX(-38deg);
    pointer-events: none;
}

[data-view="index"] .home-lower__image::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 1;
    background: linear-gradient(to top, rgba(0,0,0,.72), transparent 50%);
}

[data-view="index"] .home-lower__image img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    max-height: 475px;
    object-fit: cover;
}

[data-view="index"] .home-lower__image figcaption {
    position: absolute;
    left: 20px;
    bottom: 18px;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

[data-view="index"] .home-lower__image figcaption::before {
    content: "";
    width: 4px;
    height: 24px;
    background: rgb(255,0,0);
}

[data-view="index"] .home-lower__image figcaption span {
    display: block;
    margin-top: 2px;
    color: #bdbdbd;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .12em;
}

[data-view="index"] .home-lower__links {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-bottom: 42px;
}

[data-view="index"] .home-lower-link {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 72px;
    padding: 15px 17px;
    border: 1px solid #262626;
    border-radius: 5px;
    color: #fff;
    background: #111;
    text-decoration: none;
    transition: border-color .2s ease, background .2s ease;
}

[data-view="index"] .home-lower-link::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    background: rgb(255,0,0);
    transform: scaleY(.35);
    transform-origin: center;
    transition: transform .2s ease;
}

[data-view="index"] .home-lower-link:hover {
    border-color: rgb(255,0,0);
    background: #171717;
}

[data-view="index"] .home-lower-link:hover::before {
    transform: scaleY(1);
}

[data-view="index"] .home-lower-link__text {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

[data-view="index"] .home-lower-link strong {
    font-size: 13px;
    line-height: 1.2;
    text-transform: uppercase;
}

[data-view="index"] .home-lower-link small {
    color: #969696;
    font-size: 11px;
    line-height: 1.35;
}

[data-view="index"] .home-lower-link__arrow {
    margin-left: 12px;
    color: rgb(255,0,0);
    font-size: 18px;
    line-height: 1;
}

[data-view="index"] .home-sponsors {
    padding-top: 28px;
    border-top: 1px solid #242424;
}

[data-view="index"] .home-sponsors__header {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
}

[data-view="index"] .home-sponsors__title {
    margin: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.2;
}

[data-view="index"] .home-sponsors__title::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 16px;
    margin-right: 9px;
    vertical-align: -2px;
    background: rgb(255,0,0);
}

[data-view="index"] .home-sponsors__copy {
    margin: 0;
    color: #898989;
    font-size: 12px;
}

[data-view="index"] .home-sponsors__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

[data-view="index"] .home-sponsor {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 112px;
    padding: 14px;
    border: 1px solid #242424;
    border-radius: 5px;
    background: #0d0d0d;
    transition: border-color .2s ease, transform .2s ease;
}

[data-view="index"] .home-sponsor:hover {
    border-color: rgba(255,0,0,.7);
    transform: translateY(-2px);
}

[data-view="index"] .home-sponsor img {
    display: block;
    width: 100%;
    max-width: 190px;
    max-height: 80px;
    object-fit: contain;
}

@media (max-width: 760px) {
    [data-view="index"] .home-lower {
        padding: 24px 14px 34px;
    }

    [data-view="index"] .home-lower__links {
        grid-template-columns: 1fr;
        margin-bottom: 34px;
    }

    [data-view="index"] .home-sponsors__header {
        display: block;
    }

    [data-view="index"] .home-sponsors__copy {
        margin-top: 7px;
    }

    [data-view="index"] .home-sponsors__grid {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width: 430px) {
    [data-view="index"] .home-lower__title {
        font-size: 24px;
    }

    [data-view="index"] .home-lower__intro {
        font-size: 13px;
    }

    [data-view="index"] .home-lower__image img {
        aspect-ratio: 4 / 3;
    }

    [data-view="index"] .home-sponsor {
        min-height: 100px;
    }

    [data-view="index"] .home-lower__image figcaption {
        left: 14px;
        bottom: 12px;
    }

}


/* jugadores/index.blade.php — bloque 1 */
/* RESET + FUENTE */
[data-view="jugadores-index"] * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
}

html:has(body[data-view="jugadores-index"]), body[data-view="jugadores-index"] {
    overflow-x: hidden;
}

body[data-view="jugadores-index"] {
    width: 100vw;
    margin-top: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgb(0,0,0);
    color: rgb(255,255,255);
}

[data-view="jugadores-index"] h1 {
    margin: 10px 0 20px 0;
}

[data-view="jugadores-index"] h2 {
    margin: 10px 0 20px 0;
}

[data-view="jugadores-index"] p {
    margin: 0 0 15px 0;
}
        [data-view="jugadores-index"] .container {
            padding: 0px;
        }
        [data-view="jugadores-index"] .jornada-card, [data-view="jugadores-index"] .division-card {
            cursor: pointer;
            transition: all 0.3s;
            width: 20vw;
            height: 50px;
        }
        [data-view="jugadores-index"] .jornada-card:hover, [data-view="jugadores-index"] .division-card:hover {
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }
        [data-view="jugadores-index"] .division-card {
            background: rgb(0,0,0);

            
        }

        [data-view="jugadores-index"] .division-card h4:selected {
            color: rgb(255,255,255);
        }

        [data-view="jugadores-index"] .division-card h4 {
            color: rgb(255,255,255);
        }
        
       [data-view="jugadores-index"] .jornada-card h4 {
            color: rgb(255,255,255);
        }
        
        [data-view="jugadores-index"] .selected {
            background-color: red !important;
            border-color: red !important;
            color: white;
            box-shadow: 0 0 10px rgba(24, 144, 255, 0.3) !important;
        }
        [data-view="jugadores-index"] .enfrentamiento-card {
            min-width: 220px;
        }
        [data-view="jugadores-index"] .selector-box {
            width: 20vw;
            height: 100%;
            border: 2px solid #dee2e6;
            padding: 5px 0 0 0;
            margin: 0 0 0 0;
            background: rgb(0,0,0);
        }
        [data-view="jugadores-index"] .selector-box h4 {
            margin: 0 0 0 0;
            font-size: 10px;
            text-align: center;
            color: rgb(255,255,255);
        }
        [data-view="jugadores-index"] .selector-box select {
            padding: 6px;
            font-size: 12px;
            width: 100%;
        }
        [data-view="jugadores-index"] .divisiones-contenedor {
            display: flex;
            align-items: flex-start;
            height: 50px;
            
        }
        [data-view="jugadores-index"] .divisiones-scroll {
            overflow-x: auto;
            white-space: nowrap;
            flex: 1;
        }
        [data-view="jugadores-index"] .divisiones-inner {
            display: inline-flex;
            padding: 0 0 0 0;
        }
        
        
        
        /* Fin banderas */

[data-view="jugadores-index"] .navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10vw;
    background: rgb(255, 0, 0);
    color: #fff;
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 80px;
    z-index: 1000;
    padding-top: 5px;
    border-bottom: 1px inset rgb(0, 0, 0);
}

[data-view="jugadores-index"] .navbar .logo img {
    width: 70px;
    transition: .3s ease;
}

[data-view="jugadores-index"] .navbar .logo img:hover {
    scale: calc(1.2);
}

[data-view="jugadores-index"] .nav-links {
    display: flex;
    list-style: none;
    gap: 1.5rem;
    background: rgba(0, 0, 0, 0);
    align-items: start;
    font-size: 12px;
}

[data-view="jugadores-index"] .has-submenu .submenu-toggle, 
[data-view="jugadores-index"] .nav-links a {
    color: rgb(255, 255, 255);
    text-decoration: none;
    transition: all .2s ease;
    font-weight: bold;
}

[data-view="jugadores-index"] .nav-links a:hover,
[data-view="jugadores-index"] .nav-links .nav-active {
    font-weight: bold;
    color: rgb(250, 250, 250);
      text-shadow:
    -1px -1px 0 black,
     1px -1px 0 black,
    -1px  1px 0 black,
     1px  1px 0 black;
    
}



[data-view="jugadores-index"] .reserva,
[data-view="jugadores-index"] .reservas,
[data-view="jugadores-index"] .btn-contacto {
    background-color: rgb(188, 180, 170);
    border: 1px solid rgb(0,0,0);
    padding: 10px;
    border-radius: 50px;
    text-decoration: none;
    color: rgb(0, 0, 0);
    transition: all .5s ease;
    min-width: 150px;
    text-align: center;
    margin: 10px;
}

[data-view="jugadores-index"] .btn-contacto {
    background-color: rgb(0, 0, 0);
    color: rgb(188, 180, 170);
    border: 1px solid rgb(188, 180, 170);
}

[data-view="jugadores-index"] .nav-links a.reservas {
    background-color: rgb(188, 180, 170);
    color: rgb(0, 0, 0);
}

[data-view="jugadores-index"] .reserva:hover {
    background-color: rgb(188, 180, 170);
    box-shadow: 0 0px 80px rgba(255, 255, 255, 1);
}

[data-view="jugadores-index"] .reserva {
    margin-top: 20px;
}

[data-view="jugadores-index"] .reserva:hover,
[data-view="jugadores-index"] .reservas:hover,
[data-view="jugadores-index"] .btn-contacto:hover {
    box-shadow: 0 0 100px rgb(255, 255, 255);
    transition: all .5s ease;
    scale: calc(1.1);
}

[data-view="jugadores-index"] .hamburger {
    display: none;
    font-size: 2rem;
    background: none;
    border: none;
    color: rgb(0, 0, 0);
    cursor: pointer;
    font-weight: 900;
    
}

/* Responsive navbar */
@media (max-width: 1280px) {
    [data-view="jugadores-index"] .nav-links {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: absolute;
        top: 80px;
        right: 0;
        background: linear-gradient(rgb(0, 0, 0));
        width: 200px;
        padding: 70px 0 100px 0;
        transform: translateX(100%);
        opacity: 0;
        transition: transform 0.3s ease, opacity 0.3s ease;
    }
    [data-view="jugadores-index"] .nav-links.show {
        transform: translateX(0);
        opacity: 1;
    }
    [data-view="jugadores-index"] .hamburger {
        display: block;
    }
    [data-view="jugadores-index"] .nav-links li a {
        padding: 10px;
        text-decoration: none;
    }
        
    [data-view="jugadores-index"] .navbar .logo img {
        width: 70px;
    }

    [data-view="jugadores-index"] .img-rrss:last-child {
        margin: 0 0 0 0 ;
    }
    
    
    [data-view="jugadores-index"] .nav-links a:hover,
    [data-view="jugadores-index"] .nav-links .nav-active {
        text-align: center;
        font-weight: bold;
        color: rgb(250, 255, 255);
        background: rgb(255,0,0);
        width: 100%;
    }

}

/* Submenú base */
[data-view="jugadores-index"] .has-submenu {
    position: relative;
}
[data-view="jugadores-index"] .submenu-toggle {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: none;
    border: none;
    color: rgb(0, 0, 0);
    font: inherit;
    cursor: pointer;
    padding: 0;
}
[data-view="jugadores-index"] .submenu-toggle:hover,
[data-view="jugadores-index"] .has-submenu:focus-within .submenu-toggle {
    color: rgb(238, 57, 69);
    font-weight: bold;
}

/* Contenedor del submenú (desktop) */
[data-view="jugadores-index"] .submenu {
    list-style: none;
    position: absolute;
    text-align: left;
    top: 100%;
    left: 0;
    min-width: 220px;
    background: rgb(255, 255, 255);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 8px;
    padding: 50px 0 8px 0;
    display: none; /* CERRADO por defecto */
    z-index: 1001;
    box-shadow: 0 8px 24px rgba(255, 255, 255, 0.4);
}
[data-view="jugadores-index"] .submenu li a {
    display: block;
    padding: 10px 14px;
    text-decoration: none;
    color: rgb(0, 0, 0);
    white-space: nowrap;
}
[data-view="jugadores-index"] .submenu li a:hover {
    color: rgb(238, 57, 69);
}

/* Mostrar al hover solo en dispositivos con ratón real */
@media (hover: hover) and (pointer: fine) {
  [data-view="jugadores-index"] .has-submenu:hover > .submenu {
      display: block;
  }
}

/* Mobile: se despliega dentro del menú lateral */
@media (max-width: 1280px) {
    [data-view="jugadores-index"] .has-submenu {
        width: 100%;
    }
    [data-view="jugadores-index"] .submenu {
        position: static;
        display: none;
        border: none;
        box-shadow: none;
        padding: 0 0 6px 0;
        margin-top: 6px;
    }
    [data-view="jugadores-index"] .has-submenu.open > .submenu {
        display: block;
    }
    [data-view="jugadores-index"] .submenu-toggle {
        width: 100%;
        text-align: left;
        padding: 0px;
    }
    [data-view="jugadores-index"] .submenu li a {
        padding: 10px 20px;
    }
}




/* Accesibilidad: refleja estado con aria-hidden también */
[data-view="jugadores-index"] .submenu[aria-hidden="true"] { display: none; }
[data-view="jugadores-index"] .submenu[aria-hidden="false"] { display: block; }


/* ============================= */
/* SCROLLBAR PERSONALIZADA */
/* ============================= */

/* Chrome, Edge, Safari */
[data-view="jugadores-index"] .divisiones-scroll::-webkit-scrollbar,
[data-view="jugadores-index"] #jornadasContainer::-webkit-scrollbar,
[data-view="jugadores-index"] #enfrentamientosContent::-webkit-scrollbar {
    height: 8px; /* scroll horizontal */
}

[data-view="jugadores-index"] .divisiones-scroll::-webkit-scrollbar-track,
[data-view="jugadores-index"] #jornadasContainer::-webkit-scrollbar-track,
[data-view="jugadores-index"] #enfrentamientosContent::-webkit-scrollbar-track {
    background: #111; /* fondo del track */
    border-radius: 10px;
}

[data-view="jugadores-index"] .divisiones-scroll::-webkit-scrollbar-thumb,
[data-view="jugadores-index"] #jornadasContainer::-webkit-scrollbar-thumb,
[data-view="jugadores-index"] #enfrentamientosContent::-webkit-scrollbar-thumb {
    background: red; /* color de la barra */
    border-radius: 10px;
}

[data-view="jugadores-index"] .divisiones-scroll::-webkit-scrollbar-thumb:hover,
[data-view="jugadores-index"] #jornadasContainer::-webkit-scrollbar-thumb:hover,
[data-view="jugadores-index"] #enfrentamientosContent::-webkit-scrollbar-thumb:hover {
    background: #ff4d4d; /* color al hover */
}

/* ============================= */
/* FIREFOX */
/* ============================= */
[data-view="jugadores-index"] .divisiones-scroll,
[data-view="jugadores-index"] #jornadasContainer,
[data-view="jugadores-index"] #enfrentamientosContent {
    scrollbar-width: thin;
    scrollbar-color: red #111;
}

/* ============================= */
/* CAMBIAR TEXTO DIVISIONES A 1D..5D (SIN JS) */
/* ============================= */


[data-view="jugadores-index"] .buscador {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100vw;
}

[data-view="jugadores-index"] .buscador form input, 
[data-view="jugadores-index"] .buscador form button {
    height: 50px;
    margin: 10px;
    width: 250px;
    border-radius: 50px;
    text-align: center;
    font-size: 20px;
}


[data-view="jugadores-index"] .buscador form input {
    background: rgb(255,255,255);
    color: rgb(0,0,0);
}

[data-view="jugadores-index"] .buscador form button {
    background: rgb(255,0,0);
    color: rgb(255,255,255);
}

[data-view="jugadores-index"] .playersContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0px 5px 50px 5px;
}



/* Contenedor del autocompletado */
[data-view="jugadores-index"] #autocompleteList {
  position: absolute;
  display: none;              /* lo sigue controlando JS */
  width: 250px;               /* igual que tu input */
  margin-top: 60px;           /* baja la lista debajo del input */
  background: rgb(30,30,30);
  border: 1px solid rgb(255,0,0);
  border-radius: 14px;
  overflow: hidden;
  z-index: 9999;
  max-height: 260px;          /* evita que salga eterna */
  overflow-y: auto;
}

/* Cada sugerencia */
[data-view="jugadores-index"] #autocompleteList div {
  padding: 12px 14px;
  cursor: pointer;
  color: white;
  font-size: 16px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

/* Hover */
[data-view="jugadores-index"] #autocompleteList div:hover {
  background: rgb(255,0,0);
  color: white;
}


[data-view="jugadores-index"] table {
    border: none;
}

[data-view="jugadores-index"] tr {
    background: red;
    margin: 1px;
}

[data-view="jugadores-index"] th {
    height: 80px;
}


[data-view="jugadores-index"] td {
    text-align: center;
    background: rgb(30,30,30);
    color: rgb(255,255,255);
    height: 60px;

}

[data-view="jugadores-index"] td a {
    text-decoration: none;
    color: rgb(255,255,255);
}

[data-view="jugadores-index"] td a:hover {
    text-decoration: none;
    color rgb(255,0,0);
}

[data-view="jugadores-index"] #playersTable {
  width: 100%;
  border-collapse: collapse;
}

[data-view="jugadores-index"] #playersTable th,
[data-view="jugadores-index"] #playersTable td {
  border-top: 1px solid #000;
  border-bottom: 5px solid #000;
  border-left: none;
  border-right: none;
  padding: 5px;
}

[data-view="jugadores-index"] .buscador form {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 300px;
    margin: 0;
    padding: 0;
}

[data-view="jugadores-index"] .pagination {
    padding: 25px auto;
}

[data-view="jugadores-index"] .pagination button {
    padding: 10px;
    min-width: 80px;
    border-radius: 50px;
    background: rgb(255,0,0);
    color: rgb(255,255,255);
    border: none;
        
    }


/* jugadores/show.blade.php — bloque 1 */
/* RESET + FUENTE */
[data-view="jugadores-show"] * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
}

html:has(body[data-view="jugadores-show"]), body[data-view="jugadores-show"] {
    overflow-x: hidden;
}

body[data-view="jugadores-show"] {
    width: 100vw;
    margin-top: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgb(0,0,0);
    color: rgb(255,255,255);
    padding-bottom: 50px;
}

[data-view="jugadores-show"] h1 {
    margin: 10px 0 20px 0;
}

[data-view="jugadores-show"] h2 {
    margin: 10px 0 20px 0;
}

[data-view="jugadores-show"] p {
    margin: 0 0 15px 0;
}
        [data-view="jugadores-show"] .container {
            padding: 0px;
        }
        [data-view="jugadores-show"] .jornada-card, [data-view="jugadores-show"] .division-card {
            cursor: pointer;
            transition: all 0.3s;
            width: 20vw;
            height: 50px;
        }
        [data-view="jugadores-show"] .jornada-card:hover, [data-view="jugadores-show"] .division-card:hover {
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }
        [data-view="jugadores-show"] .division-card {
            background: rgb(0,0,0);

            
        }

        [data-view="jugadores-show"] .division-card h4:selected {
            color: rgb(255,255,255);
        }

        [data-view="jugadores-show"] .division-card h4 {
            color: rgb(255,255,255);
        }
        
       [data-view="jugadores-show"] .jornada-card h4 {
            color: rgb(255,255,255);
        }
        
        [data-view="jugadores-show"] .selected {
            background-color: red !important;
            border-color: red !important;
            color: white;
            box-shadow: 0 0 10px rgba(24, 144, 255, 0.3) !important;
        }
        [data-view="jugadores-show"] .enfrentamiento-card {
            min-width: 220px;
        }
        [data-view="jugadores-show"] .selector-box {
            width: 20vw;
            height: 100%;
            border: 2px solid #dee2e6;
            padding: 5px 0 0 0;
            margin: 0 0 0 0;
            background: rgb(0,0,0);
        }
        [data-view="jugadores-show"] .selector-box h4 {
            margin: 0 0 0 0;
            font-size: 10px;
            text-align: center;
            color: rgb(255,255,255);
        }
        [data-view="jugadores-show"] .selector-box select {
            padding: 6px;
            font-size: 12px;
            width: 100%;
        }
        [data-view="jugadores-show"] .divisiones-contenedor {
            display: flex;
            align-items: flex-start;
            height: 50px;
            
        }
        [data-view="jugadores-show"] .divisiones-scroll {
            overflow-x: auto;
            white-space: nowrap;
            flex: 1;
        }
        [data-view="jugadores-show"] .divisiones-inner {
            display: inline-flex;
            padding: 0 0 0 0;
        }
        
        
        
        /* Fin banderas */

[data-view="jugadores-show"] .navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10vw;
    background: rgb(255, 0, 0);
    color: #fff;
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 80px;
    z-index: 1000;
    padding-top: 5px;
    border-bottom: 1px inset rgb(0, 0, 0);
}

[data-view="jugadores-show"] .navbar .logo img {
    width: 70px;
    transition: .3s ease;
}

[data-view="jugadores-show"] .navbar .logo img:hover {
    scale: calc(1.2);
}

[data-view="jugadores-show"] .nav-links {
    display: flex;
    list-style: none;
    gap: 1.5rem;
    background: rgba(0, 0, 0, 0);
    align-items: start;
    font-size: 12px;
}

[data-view="jugadores-show"] .has-submenu .submenu-toggle, 
[data-view="jugadores-show"] .nav-links a {
    color: rgb(255, 255, 255);
    text-decoration: none;
    transition: all .2s ease;
    font-weight: bold;
}

[data-view="jugadores-show"] .nav-links a:hover,
[data-view="jugadores-show"] .nav-links .nav-active {
    font-weight: bold;
    color: rgb(250, 250, 250);
      text-shadow:
    -1px -1px 0 black,
     1px -1px 0 black,
    -1px  1px 0 black,
     1px  1px 0 black;
    
}



[data-view="jugadores-show"] .reserva,
[data-view="jugadores-show"] .reservas,
[data-view="jugadores-show"] .btn-contacto {
    background-color: rgb(188, 180, 170);
    border: 1px solid rgb(0,0,0);
    padding: 10px;
    border-radius: 50px;
    text-decoration: none;
    color: rgb(0, 0, 0);
    transition: all .5s ease;
    min-width: 150px;
    text-align: center;
    margin: 10px;
}

[data-view="jugadores-show"] .btn-contacto {
    background-color: rgb(0, 0, 0);
    color: rgb(188, 180, 170);
    border: 1px solid rgb(188, 180, 170);
}

[data-view="jugadores-show"] .nav-links a.reservas {
    background-color: rgb(188, 180, 170);
    color: rgb(0, 0, 0);
}

[data-view="jugadores-show"] .reserva:hover {
    background-color: rgb(188, 180, 170);
    box-shadow: 0 0px 80px rgba(255, 255, 255, 1);
}

[data-view="jugadores-show"] .reserva {
    margin-top: 20px;
}

[data-view="jugadores-show"] .reserva:hover,
[data-view="jugadores-show"] .reservas:hover,
[data-view="jugadores-show"] .btn-contacto:hover {
    box-shadow: 0 0 100px rgb(255, 255, 255);
    transition: all .5s ease;
    scale: calc(1.1);
}

[data-view="jugadores-show"] .hamburger {
    display: none;
    font-size: 2rem;
    background: none;
    border: none;
    color: rgb(0, 0, 0);
    cursor: pointer;
    font-weight: 900;
    
}

/* Responsive navbar */
@media (max-width: 1280px) {
    [data-view="jugadores-show"] .nav-links {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: absolute;
        top: 80px;
        right: 0;
        background: linear-gradient(rgb(0, 0, 0));
        width: 200px;
        padding: 70px 0 100px 0;
        transform: translateX(100%);
        opacity: 0;
        transition: transform 0.3s ease, opacity 0.3s ease;
        max-height: calc(100vh - 80px);
        overflow-y: auto;
        overscroll-behavior: contain;
        z-index: 1001;
    }
    [data-view="jugadores-show"] .nav-links.show {
        transform: translateX(0);
        opacity: 1;
    }
    [data-view="jugadores-show"] .hamburger {
        display: block;
    }
    [data-view="jugadores-show"] .nav-links li {
        width: 100%;
        text-align: center;
    }
    [data-view="jugadores-show"] .nav-links li a {
        display: block;
        width: 100%;
        padding: 10px;
        text-decoration: none;
    }
        
    [data-view="jugadores-show"] .navbar .logo img {
        width: 70px;
    }

    [data-view="jugadores-show"] .img-rrss:last-child {
        margin: 0 0 0 0 ;
    }
    
    
    [data-view="jugadores-show"] .nav-links a:hover,
    [data-view="jugadores-show"] .nav-links .nav-active {
        text-align: center;
        font-weight: bold;
        color: rgb(250, 255, 255);
        background: rgb(255,0,0);
        width: 100%;
    }

}

/* Submenú base */
[data-view="jugadores-show"] .has-submenu {
    position: relative;
}
[data-view="jugadores-show"] .submenu-toggle {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: none;
    border: none;
    color: rgb(0, 0, 0);
    font: inherit;
    cursor: pointer;
    padding: 0;
}
[data-view="jugadores-show"] .submenu-toggle:hover,
[data-view="jugadores-show"] .has-submenu:focus-within .submenu-toggle {
    color: rgb(238, 57, 69);
    font-weight: bold;
}

/* Contenedor del submenú (desktop) */
[data-view="jugadores-show"] .submenu {
    list-style: none;
    position: absolute;
    text-align: left;
    top: 100%;
    left: 0;
    min-width: 220px;
    background: rgb(255, 255, 255);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 8px;
    padding: 50px 0 8px 0;
    display: none; /* CERRADO por defecto */
    z-index: 1001;
    box-shadow: 0 8px 24px rgba(255, 255, 255, 0.4);
}
[data-view="jugadores-show"] .submenu li a {
    display: block;
    padding: 10px 14px;
    text-decoration: none;
    color: rgb(0, 0, 0);
    white-space: nowrap;
}
[data-view="jugadores-show"] .submenu li a:hover {
    color: rgb(238, 57, 69);
}

/* Mostrar al hover solo en dispositivos con ratón real */
@media (hover: hover) and (pointer: fine) {
  [data-view="jugadores-show"] .has-submenu:hover > .submenu {
      display: block;
  }
}

/* Mobile: se despliega dentro del menú lateral */
@media (max-width: 1280px) {
    [data-view="jugadores-show"] .has-submenu {
        width: 100%;
    }
    [data-view="jugadores-show"] .submenu {
        position: static;
        display: none;
        border: none;
        box-shadow: none;
        padding: 0 0 6px 0;
        margin-top: 6px;
    }
    [data-view="jugadores-show"] .has-submenu.open > .submenu {
        display: block;
    }
    [data-view="jugadores-show"] .submenu-toggle {
        width: 100%;
        text-align: left;
        padding: 0px;
    }
    [data-view="jugadores-show"] .submenu li a {
        padding: 10px 20px;
    }
}




/* Accesibilidad: refleja estado con aria-hidden también */
[data-view="jugadores-show"] .submenu[aria-hidden="true"] { display: none; }
[data-view="jugadores-show"] .submenu[aria-hidden="false"] { display: block; }


/* ============================= */
/* SCROLLBAR PERSONALIZADA */
/* ============================= */

/* Chrome, Edge, Safari */
[data-view="jugadores-show"] .divisiones-scroll::-webkit-scrollbar,
[data-view="jugadores-show"] #jornadasContainer::-webkit-scrollbar,
[data-view="jugadores-show"] #enfrentamientosContent::-webkit-scrollbar {
    height: 8px; /* scroll horizontal */
}

[data-view="jugadores-show"] .divisiones-scroll::-webkit-scrollbar-track,
[data-view="jugadores-show"] #jornadasContainer::-webkit-scrollbar-track,
[data-view="jugadores-show"] #enfrentamientosContent::-webkit-scrollbar-track {
    background: #111; /* fondo del track */
    border-radius: 10px;
}

[data-view="jugadores-show"] .divisiones-scroll::-webkit-scrollbar-thumb,
[data-view="jugadores-show"] #jornadasContainer::-webkit-scrollbar-thumb,
[data-view="jugadores-show"] #enfrentamientosContent::-webkit-scrollbar-thumb {
    background: red; /* color de la barra */
    border-radius: 10px;
}

[data-view="jugadores-show"] .divisiones-scroll::-webkit-scrollbar-thumb:hover,
[data-view="jugadores-show"] #jornadasContainer::-webkit-scrollbar-thumb:hover,
[data-view="jugadores-show"] #enfrentamientosContent::-webkit-scrollbar-thumb:hover {
    background: #ff4d4d; /* color al hover */
}

/* ============================= */
/* FIREFOX */
/* ============================= */
[data-view="jugadores-show"] .divisiones-scroll,
[data-view="jugadores-show"] #jornadasContainer,
[data-view="jugadores-show"] #enfrentamientosContent {
    scrollbar-width: thin;
    scrollbar-color: red #111;
}

/* ============================= */
/* CAMBIAR TEXTO DIVISIONES A 1D..5D (SIN JS) */
/* ============================= */

[data-view="jugadores-show"] table {
    border: none;
}

[data-view="jugadores-show"] tr {
    background: red;
    margin: 1px;
}

[data-view="jugadores-show"] th {
    height: 80px;
    font-size: 15px;
}


[data-view="jugadores-show"] td {
    text-align: center;
    background: rgb(30,30,30);
    color: rgb(255,255,255);
    height: 60px;
    font-size: 12px;
}

[data-view="jugadores-show"] td a {
    text-decoration: none;
    color: rgb(255,255,255);
}

[data-view="jugadores-show"] td a:hover {
    text-decoration: none;
    color rgb(255,0,0);
}
[data-view="jugadores-show"] .tabla-estadisticas {
    width: 100%;
    border-collapse: collapse;
    border: none;
}

[data-view="jugadores-show"] .tabla-estadisticas th,
[data-view="jugadores-show"] .tabla-estadisticas td {
    border-left: none;
    border-right: none;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 8px;
}

/* Opcional: quitar borde superior de la cabecera */
[data-view="jugadores-show"] .tabla-estadisticas thead th {
    border-top: none;
}

/* Opcional: línea más gruesa para el total */
[data-view="jugadores-show"] .tabla-estadisticas tfoot td {
    border-top: 3px solid red;
}


[data-view="jugadores-show"] .buscador form {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 300px;
    margin: 0;
    padding: 0;
}



[data-view="jugadores-show"] .volver {
    text-align: center;
    text-decoration: none;
    padding: 10px;
    min-width: 200px;
    border-radius: 50px;
    background: rgb(255,0,0);
    color: rgb(255,255,255);
    border: none;
    margin: 20px 0;
} 

[data-view="jugadores-show"] .jugador-portada {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

[data-view="jugadores-show"] h1 {
    text-align: center;
    color: rgb(255,255,255);
}


[data-view="jugadores-show"] .jugador-equipo {
    font-size: 25px;
    color: rgb(150,150,150);
}


[data-view="jugadores-show"] .jugador-dorsal {
    font-size: 100px;
    color: rgb(255,0,0);
}


[data-view="jugadores-show"] td:nth-child(3),
[data-view="jugadores-show"] td:nth-child(4),
[data-view="jugadores-show"] td:nth-child(5),
[data-view="jugadores-show"] td:nth-child(6),
[data-view="jugadores-show"] td:nth-child(7){
    width: 50px;
}


/* normativa.blade.php — bloque 1 */
/* RESET + FUENTE */
[data-view="normativa"] * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
}

html:has(body[data-view="normativa"]), body[data-view="normativa"] {
    overflow-x: hidden;
}

body[data-view="normativa"] {
    width: 100vw;
    margin-top: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    background: rgb(255,255,255);
    padding: 50px;
}

[data-view="normativa"] h1 {
    margin: 10px 0 20px 0;
}

[data-view="normativa"] h2 {
    margin: 10px 0 20px 0;
}

[data-view="normativa"] p {
    margin: 0 0 15px 0;
}
        [data-view="normativa"] .container {
            padding: 0px;
        }
        [data-view="normativa"] .jornada-card, [data-view="normativa"] .division-card {
            cursor: pointer;
            transition: all 0.3s;
            width: 20vw;
            height: 50px;
        }
        [data-view="normativa"] .jornada-card:hover, [data-view="normativa"] .division-card:hover {
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }
        [data-view="normativa"] .division-card {
            background: rgb(0,0,0);

            
        }

        [data-view="normativa"] .division-card h4:selected {
            color: rgb(255,255,255);
        }

        [data-view="normativa"] .division-card h4 {
            color: rgb(255,255,255);
        }
        
       [data-view="normativa"] .jornada-card h4 {
            color: rgb(255,255,255);
        }
        
        [data-view="normativa"] .selected {
            background-color: red !important;
            border-color: red !important;
            color: white;
            box-shadow: 0 0 10px rgba(24, 144, 255, 0.3) !important;
        }
        [data-view="normativa"] .enfrentamiento-card {
            min-width: 220px;
        }
        [data-view="normativa"] .selector-box {
            width: 20vw;
            height: 100%;
            border: 2px solid #dee2e6;
            padding: 5px 0 0 0;
            margin: 0 0 0 0;
            background: rgb(0,0,0);
        }
        [data-view="normativa"] .selector-box h4 {
            margin: 0 0 0 0;
            font-size: 10px;
            text-align: center;
            color: rgb(255,255,255);
        }
        [data-view="normativa"] .selector-box select {
            padding: 6px;
            font-size: 12px;
            width: 100%;
        }
        [data-view="normativa"] .divisiones-contenedor {
            display: flex;
            align-items: flex-start;
            height: 50px;
            
        }
        [data-view="normativa"] .divisiones-scroll {
            overflow-x: auto;
            white-space: nowrap;
            flex: 1;
        }
        [data-view="normativa"] .divisiones-inner {
            display: inline-flex;
            padding: 0 0 0 0;
        }
        
        
        
        /* Fin banderas */

[data-view="normativa"] .navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10vw;
    background: rgb(255, 0, 0);
    color: #fff;
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 80px;
    z-index: 1000;
    padding-top: 5px;
    border-bottom: 1px inset rgb(0, 0, 0);
}

[data-view="normativa"] .navbar .logo img {
    width: 150px;
    transition: .3s ease;
}

[data-view="normativa"] .navbar .logo img:hover {
    scale: calc(1.2);
}

[data-view="normativa"] .nav-links {
    display: flex;
    list-style: none;
    gap: 1.5rem;
    background: rgba(0, 0, 0, 0);
    align-items: start;
    font-size: 12px;
}

[data-view="normativa"] .has-submenu .submenu-toggle, 
[data-view="normativa"] .nav-links a {
    color: rgb(255, 255, 255);
    text-decoration: none;
    transition: all .2s ease;
    font-weight: bold;
}

[data-view="normativa"] .nav-links a:hover,
[data-view="normativa"] .nav-links .nav-active {
    font-weight: bold;
    color: rgb(250, 250, 250);
      text-shadow:
    -1px -1px 0 black,
     1px -1px 0 black,
    -1px  1px 0 black,
     1px  1px 0 black;
    
}



[data-view="normativa"] .reserva,
[data-view="normativa"] .reservas,
[data-view="normativa"] .btn-contacto {
    background-color: rgb(188, 180, 170);
    border: 1px solid rgb(0,0,0);
    padding: 10px;
    border-radius: 50px;
    text-decoration: none;
    color: rgb(0, 0, 0);
    transition: all .5s ease;
    min-width: 150px;
    text-align: center;
    margin: 10px;
}

[data-view="normativa"] .btn-contacto {
    background-color: rgb(0, 0, 0);
    color: rgb(188, 180, 170);
    border: 1px solid rgb(188, 180, 170);
}

[data-view="normativa"] .nav-links a.reservas {
    background-color: rgb(188, 180, 170);
    color: rgb(0, 0, 0);
}

[data-view="normativa"] .reserva:hover {
    background-color: rgb(188, 180, 170);
    box-shadow: 0 0px 80px rgba(255, 255, 255, 1);
}

[data-view="normativa"] .reserva {
    margin-top: 20px;
}

[data-view="normativa"] .reserva:hover,
[data-view="normativa"] .reservas:hover,
[data-view="normativa"] .btn-contacto:hover {
    box-shadow: 0 0 100px rgb(255, 255, 255);
    transition: all .5s ease;
    scale: calc(1.1);
}

[data-view="normativa"] .hamburger {
    display: none;
    font-size: 2rem;
    background: none;
    border: none;
    color: rgb(0, 0, 0);
    cursor: pointer;
    font-weight: 900;
    
}

/* Responsive navbar */
@media (max-width: 1280px) {
    [data-view="normativa"] .nav-links {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: absolute;
        top: 80px;
        right: 0;
        background: linear-gradient(rgb(0, 0, 0));
        width: 200px;
        padding: 70px 0 100px 0;
        transform: translateX(100%);
        opacity: 0;
        transition: transform 0.3s ease, opacity 0.3s ease;
    }
    [data-view="normativa"] .nav-links.show {
        transform: translateX(0);
        opacity: 1;
    }
    [data-view="normativa"] .hamburger {
        display: block;
    }
    [data-view="normativa"] .nav-links li a {
        padding: 10px;
        text-decoration: none;
    }
        
    [data-view="normativa"] .navbar .logo img {
        width: 120px;
    }

    [data-view="normativa"] .img-rrss:last-child {
        margin: 0 0 0 0 ;
    }
    
    
    [data-view="normativa"] .nav-links a:hover,
    [data-view="normativa"] .nav-links .nav-active {
        text-align: center;
        font-weight: bold;
        color: rgb(250, 255, 255);
        background: rgb(255,0,0);
        width: 100%;
    }

}

/* Submenú base */
[data-view="normativa"] .has-submenu {
    position: relative;
}
[data-view="normativa"] .submenu-toggle {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: none;
    border: none;
    color: rgb(0, 0, 0);
    font: inherit;
    cursor: pointer;
    padding: 0;
}
[data-view="normativa"] .submenu-toggle:hover,
[data-view="normativa"] .has-submenu:focus-within .submenu-toggle {
    color: rgb(238, 57, 69);
    font-weight: bold;
}

/* Contenedor del submenú (desktop) */
[data-view="normativa"] .submenu {
    list-style: none;
    position: absolute;
    text-align: left;
    top: 100%;
    left: 0;
    min-width: 220px;
    background: rgb(255, 255, 255);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 8px;
    padding: 50px 0 8px 0;
    display: none; /* CERRADO por defecto */
    z-index: 1001;
    box-shadow: 0 8px 24px rgba(255, 255, 255, 0.4);
}
[data-view="normativa"] .submenu li a {
    display: block;
    padding: 10px 14px;
    text-decoration: none;
    color: rgb(0, 0, 0);
    white-space: nowrap;
}
[data-view="normativa"] .submenu li a:hover {
    color: rgb(238, 57, 69);
}

/* Mostrar al hover solo en dispositivos con ratón real */
@media (hover: hover) and (pointer: fine) {
  [data-view="normativa"] .has-submenu:hover > .submenu {
      display: block;
  }
}

/* Mobile: se despliega dentro del menú lateral */
@media (max-width: 1280px) {
    [data-view="normativa"] .has-submenu {
        width: 100%;
    }
    [data-view="normativa"] .submenu {
        position: static;
        display: none;
        border: none;
        box-shadow: none;
        padding: 0 0 6px 0;
        margin-top: 6px;
    }
    [data-view="normativa"] .has-submenu.open > .submenu {
        display: block;
    }
    [data-view="normativa"] .submenu-toggle {
        width: 100%;
        text-align: left;
        padding: 0px;
    }
    [data-view="normativa"] .submenu li a {
        padding: 10px 20px;
    }
}




/* Accesibilidad: refleja estado con aria-hidden también */
[data-view="normativa"] .submenu[aria-hidden="true"] { display: none; }
[data-view="normativa"] .submenu[aria-hidden="false"] { display: block; }


/* ============================= */
/* SCROLLBAR PERSONALIZADA */
/* ============================= */

/* Chrome, Edge, Safari */
[data-view="normativa"] .divisiones-scroll::-webkit-scrollbar,
[data-view="normativa"] #jornadasContainer::-webkit-scrollbar,
[data-view="normativa"] #enfrentamientosContent::-webkit-scrollbar {
    height: 8px; /* scroll horizontal */
}

[data-view="normativa"] .divisiones-scroll::-webkit-scrollbar-track,
[data-view="normativa"] #jornadasContainer::-webkit-scrollbar-track,
[data-view="normativa"] #enfrentamientosContent::-webkit-scrollbar-track {
    background: #111; /* fondo del track */
    border-radius: 10px;
}

[data-view="normativa"] .divisiones-scroll::-webkit-scrollbar-thumb,
[data-view="normativa"] #jornadasContainer::-webkit-scrollbar-thumb,
[data-view="normativa"] #enfrentamientosContent::-webkit-scrollbar-thumb {
    background: red; /* color de la barra */
    border-radius: 10px;
}

[data-view="normativa"] .divisiones-scroll::-webkit-scrollbar-thumb:hover,
[data-view="normativa"] #jornadasContainer::-webkit-scrollbar-thumb:hover,
[data-view="normativa"] #enfrentamientosContent::-webkit-scrollbar-thumb:hover {
    background: #ff4d4d; /* color al hover */
}

/* ============================= */
/* FIREFOX */
/* ============================= */
[data-view="normativa"] .divisiones-scroll,
[data-view="normativa"] #jornadasContainer,
[data-view="normativa"] #enfrentamientosContent {
    scrollbar-width: thin;
    scrollbar-color: red #111;
}

/* ============================= */
/* CAMBIAR TEXTO DIVISIONES A 1D..5D (SIN JS) */
/* ============================= */

      font-family: Arial, Helvetica, sans-serif;
      line-height: 1.5;
      margin: 24px;
      color:#111;
    [data-view="normativa"] h1{ margin: 0 0 12px; }
    [data-view="normativa"] h2{ margin: 28px 0 10px; }
    [data-view="normativa"] h3{ margin: 18px 0 8px; }
    [data-view="normativa"] p{ margin: 8px 0; }
    [data-view="normativa"] ol, [data-view="normativa"] ul{ margin: 8px 0 8px 22px; }
    [data-view="normativa"] li{ margin: 6px 0; }
    [data-view="normativa"] .muted{ color:#444; }
    [data-view="normativa"] .box{
      border: 1px solid #ddd;
      padding: 14px;
      border-radius: 10px;
      margin: 14px 0;
      background: #fafafa;
    }
    [data-view="normativa"] .small{ font-size: 0.95rem; }
    }


/* partidos/show.blade.php — bloque 1 */
/* RESET + FUENTE */
[data-view="partidos-show"] * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
}

html:has(body[data-view="partidos-show"]), body[data-view="partidos-show"] {
    overflow-x: hidden;
}

body[data-view="partidos-show"] {
    width: 100vw;
    margin-top: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgb(0,0,0);
    color: rgb(255,255,255);
    padding-bottom: 50px;
}

[data-view="partidos-show"] h1 {
    margin: 10px 0 20px 0;
}



[data-view="partidos-show"] p {
    margin: 0 0 15px 0;
}


[data-view="partidos-show"] .container {
    padding: 0px;
}

[data-view="partidos-show"] .jornada-card, [data-view="partidos-show"] .division-card {
    cursor: pointer;
    transition: all 0.3s;
    width: 20vw;
    height: 50px;
}

[data-view="partidos-show"] .jornada-card:hover, [data-view="partidos-show"] .division-card:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

[data-view="partidos-show"] .division-card {
    background: rgb(0,0,0);
}

[data-view="partidos-show"] .division-card h4:selected {
    color: rgb(255,255,255);
}

[data-view="partidos-show"] .division-card h4 {
    color: rgb(255,255,255);
}

[data-view="partidos-show"] .jornada-card h4 {
    color: rgb(255,255,255);
}

[data-view="partidos-show"] .selected {
    background-color: red !important;
    border-color: red !important;
    color: white;
    box-shadow: 0 0 10px rgba(24, 144, 255, 0.3) !important;
}

[data-view="partidos-show"] .enfrentamiento-card {
    min-width: 220px;
}

[data-view="partidos-show"] .selector-box {
    width: 20vw;
    height: 100%;
    border: 2px solid #dee2e6;
    padding: 5px 0 0 0;
    margin: 0 0 0 0;
    background: rgb(0,0,0);
}

[data-view="partidos-show"] .selector-box h4 {
    margin: 0 0 0 0;
    font-size: 10px;
    text-align: center;
    color: rgb(255,255,255);
}

[data-view="partidos-show"] .selector-box select {
    padding: 6px;
    font-size: 12px;
    width: 100%;
}

[data-view="partidos-show"] .divisiones-contenedor {
    display: flex;
    align-items: flex-start;
    height: 50px;
}

[data-view="partidos-show"] .divisiones-scroll {
    overflow-x: auto;
    white-space: nowrap;
    flex: 1;
}

[data-view="partidos-show"] .divisiones-inner {
    display: inline-flex;
    padding: 0 0 0 0;
}

/* NAVBAR */
[data-view="partidos-show"] .navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10vw;
    background: rgb(255, 0, 0);
    color: #fff;
    position: fixed;
    top: 0; 
    left: 0;
    width: 100%;
    height: 80px;
    z-index: 1000;
    padding-top: 5px;
    border-bottom: 1px inset rgb(0, 0, 0);
}

[data-view="partidos-show"] .navbar .logo img {
    width: 150px;
    transition: .3s ease;
}

[data-view="partidos-show"] .navbar .logo img:hover {
    scale: calc(1.2);
}

[data-view="partidos-show"] .nav-links {
    display: flex;
    list-style: none;
    gap: 1.5rem;
    background: rgba(0, 0, 0, 0);
    align-items: start;
}

[data-view="partidos-show"] .has-submenu .submenu-toggle, 
[data-view="partidos-show"] .nav-links a {
    color: rgb(255, 255, 255);
    text-decoration: none;
    transition: all .2s ease;
    font-weight: bold;
}

[data-view="partidos-show"] .nav-links a:hover,
[data-view="partidos-show"] .nav-links .nav-active {
    font-weight: bold;
    color: rgb(250, 250, 250);
    text-shadow:
        -1px -1px 0 black,
        1px -1px 0 black,
        -1px  1px 0 black,
        1px  1px 0 black;
}

[data-view="partidos-show"] .reserva,
[data-view="partidos-show"] .reservas,
[data-view="partidos-show"] .btn-contacto {
    background-color: rgb(188, 180, 170);
    border: 1px solid rgb(0,0,0);
    padding: 10px;
    border-radius: 50px;
    text-decoration: none;
    color: rgb(0, 0, 0);
    transition: all .5s ease;
    min-width: 150px;
    text-align: center;
    margin: 10px;
}

[data-view="partidos-show"] .btn-contacto {
    background-color: rgb(0, 0, 0);
    color: rgb(188, 180, 170);
    border: 1px solid rgb(188, 180, 170);
}

[data-view="partidos-show"] .nav-links a.reservas {
    background-color: rgb(188, 180, 170);
    color: rgb(0, 0, 0);
}

[data-view="partidos-show"] .reserva:hover {
    background-color: rgb(188, 180, 170);
    box-shadow: 0 0px 80px rgba(255, 255, 255, 1);
}

[data-view="partidos-show"] .reserva {
    margin-top: 20px;
}

[data-view="partidos-show"] .reserva:hover,
[data-view="partidos-show"] .reservas:hover,
[data-view="partidos-show"] .btn-contacto:hover {
    box-shadow: 0 0 100px rgb(255, 255, 255);
    transition: all .5s ease;
    scale: calc(1.1);
}

[data-view="partidos-show"] .hamburger {
    display: none;
    font-size: 2rem;
    background: none;
    border: none;
    color: rgb(0, 0, 0);
    cursor: pointer;
    font-weight: 900;
}

/* Responsive navbar */
@media (max-width: 1280px) {
    [data-view="partidos-show"] .nav-links {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: absolute;
        top: 80px;
        right: 0;
        background: linear-gradient(rgb(0, 0, 0));
        width: 200px;
        padding: 70px 0 100px 0;
        transform: translateX(100%);
        opacity: 0;
        transition: transform 0.3s ease, opacity 0.3s ease;
    }
    [data-view="partidos-show"] .nav-links.show {
        transform: translateX(0);
        opacity: 1;
    }
    [data-view="partidos-show"] .hamburger {
        display: block;
    }
    [data-view="partidos-show"] .nav-links li a {
        padding: 10px;
        text-decoration: none;
    }
    [data-view="partidos-show"] .navbar .logo img {
        width: 120px;
    }
    [data-view="partidos-show"] .img-rrss:last-child {
        margin: 0 0 0 0;
    }
    [data-view="partidos-show"] .nav-links a:hover,
    [data-view="partidos-show"] .nav-links .nav-active {
        text-align: center;
        font-weight: bold;
        color: rgb(250, 255, 255);
        background: rgb(255,0,0);
        width: 100%;
    }
}

/* Submenú base */
[data-view="partidos-show"] .has-submenu {
    position: relative;
}

[data-view="partidos-show"] .submenu-toggle {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: none;
    border: none;
    color: rgb(0, 0, 0);
    font: inherit;
    cursor: pointer;
    padding: 0;
}

[data-view="partidos-show"] .submenu-toggle:hover,
[data-view="partidos-show"] .has-submenu:focus-within .submenu-toggle {
    color: rgb(238, 57, 69);
    font-weight: bold;
}

[data-view="partidos-show"] .submenu {
    list-style: none;
    position: absolute;
    text-align: left;
    top: 100%;
    left: 0;
    min-width: 220px;
    background: rgb(255, 255, 255);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 8px;
    padding: 50px 0 8px 0;
    display: none;
    z-index: 1001;
    box-shadow: 0 8px 24px rgba(255, 255, 255, 0.4);
}

[data-view="partidos-show"] .submenu li a {
    display: block;
    padding: 10px 14px;
    text-decoration: none;
    color: rgb(0, 0, 0);
    white-space: nowrap;
}

[data-view="partidos-show"] .submenu li a:hover {
    color: rgb(238, 57, 69);
}

@media (hover: hover) and (pointer: fine) {
    [data-view="partidos-show"] .has-submenu:hover > .submenu {
        display: block;
    }
}

@media (max-width: 1280px) {
    [data-view="partidos-show"] .has-submenu {
        width: 100%;
    }
    [data-view="partidos-show"] .submenu {
        position: static;
        display: none;
        border: none;
        box-shadow: none;
        padding: 0 0 6px 0;
        margin-top: 6px;
    }
    [data-view="partidos-show"] .has-submenu.open > .submenu {
        display: block;
    }
    [data-view="partidos-show"] .submenu-toggle {
        width: 100%;
        text-align: left;
        padding: 0px;
    }
    [data-view="partidos-show"] .submenu li a {
        padding: 10px 20px;
    }
}

[data-view="partidos-show"] .submenu[aria-hidden="true"] { display: none; }
[data-view="partidos-show"] .submenu[aria-hidden="false"] { display: block; }

/* PARTIDO DETALLE */
[data-view="partidos-show"] .arbitro {
    text-align: center;
    height: 80px;
}

[data-view="partidos-show"] table {
    margin-bottom: 20px;
    border: none;
    width: 100%;
}

[data-view="partidos-show"] th {
    height: 30px;
    background: rgb(255,0,0);
}

[data-view="partidos-show"] td {
    text-align: center;
    height: 50px;
}

[data-view="partidos-show"] .entrenador-local,
[data-view="partidos-show"] .entrenador-visitante,
[data-view="partidos-show"] .jugadores-local,
[data-view="partidos-show"] .jugadores-visitante {
    width: 100%;
}

[data-view="partidos-show"] .partido-container {
    width: 90%;
    max-width: 1200px;
}

[data-view="partidos-show"] .marcador-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-bottom: 20px;
}

[data-view="partidos-show"] .equipo-logo {
    text-align: center;
}

[data-view="partidos-show"] .equipo-logo img {
    width: 80px;
    height: 80px;
    object-fit: contain;
}

[data-view="partidos-show"] .marcador {
    font-size: 54px;
    margin: 0 20px;
}

[data-view="partidos-show"] .equipos-nombres {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 30px;
}

[data-view="partidos-show"] .nombre-local {
    text-align: right;
    flex: 1;
    padding-right: 20px;
}

[data-view="partidos-show"] .nombre-visitante {
    text-align: left;
    flex: 1;
    padding-left: 20px;
}

[data-view="partidos-show"] .marcador-spacer {
    width: 150px;
}

[data-view="partidos-show"] .tabla-contenedor {
    width: 100%;
    overflow-x: auto;
}

[data-view="partidos-show"] .tabla-entrenadores,
[data-view="partidos-show"] .tabla-jugadores {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

[data-view="partidos-show"] .tabla-lado {
    flex: 1;
    min-width: 300px;
}

    [data-view="partidos-show"] h2 {
        width: auto;
    }

/* RESPONSIVE */
@media (max-width: 768px) {
    body[data-view="partidos-show"] {
        margin-top: 80px;
        padding: 10px;
    }
    
    [data-view="partidos-show"] h2 {
        width: auto;
    }
    
    [data-view="partidos-show"] .marcador {
        font-size: 36px;
        margin: 0 10px;
    }
    
    [data-view="partidos-show"] .equipo-logo img {
        width: 60px;
        height: 60px;
    }
    
    [data-view="partidos-show"] .marcador-container {
        gap: 10px;
    }
    
    [data-view="partidos-show"] .equipos-nombres {
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }
    
    [data-view="partidos-show"] .nombre-local,
    [data-view="partidos-show"] .nombre-visitante {
        text-align: center;
        padding: 0;
        flex: none;
        width: 100%;
    }
    
    [data-view="partidos-show"] .marcador-spacer {
        display: none;
    }
    
    [data-view="partidos-show"] .tabla-entrenadores,
    [data-view="partidos-show"] .tabla-jugadores {
        flex-direction: column;
        gap: 20px;
    }
    
    [data-view="partidos-show"] .tabla-lado {
        min-width: 100%;
    }
    
    [data-view="partidos-show"] table {
        font-size: 14px;
    }
    
    [data-view="partidos-show"] th, [data-view="partidos-show"] td {
        padding: 5px 2px;
        font-size: 12px;
    }
    
    [data-view="partidos-show"] .arbitro {
        height: auto;
        padding: 15px 5px;
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    [data-view="partidos-show"] .marcador {
        font-size: 28px;
        margin: 0 5px;
    }
    
    [data-view="partidos-show"] .equipo-logo img {
        width: 50px;
        height: 50px;
    }
    
    [data-view="partidos-show"] table {
        font-size: 12px;
    }
    
    [data-view="partidos-show"] th, [data-view="partidos-show"] td {
        padding: 4px 1px;
        font-size: 11px;
    }
}


[data-view="partidos-show"] .tabla-entrenadores, 
[data-view="partidos-show"] .tabla-jugadores  {
    width: 100vw;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: start;
    margin: 10px 0;
    padding: 0;
}

[data-view="partidos-show"] .tabla-entrenadores table, 
[data-view="partidos-show"] .tabla-jugadores table {
    width: 40vw;
    margin: 0;
    padding: 0;
}

/* Tablas sin bordes verticales + separación entre filas */
[data-view="partidos-show"] .tabla-entrenadores table,
[data-view="partidos-show"] .tabla-jugadores table {
  border-collapse: separate;   /* importante para que funcione border-spacing */
  border-spacing: 0 5px;       /* 0 horizontal, 5px vertical */
}

/* Quitar cualquier borde vertical (si hubiera) */
[data-view="partidos-show"] .tabla-entrenadores th,
[data-view="partidos-show"] .tabla-entrenadores td,
[data-view="partidos-show"] .tabla-jugadores th,
[data-view="partidos-show"] .tabla-jugadores td {
  border-left: none !important;
  border-right: none !important;
  border-top: none;
  border-bottom: none;
}

/* Opcional: si quieres que cada fila "se vea" separada, dale fondo a las celdas */
[data-view="partidos-show"] .tabla-entrenadores td,
[data-view="partidos-show"] .tabla-jugadores td {
  background: rgb(30,30,30);
}

/* Mantén la cabecera roja */
[data-view="partidos-show"] .tabla-entrenadores th,
[data-view="partidos-show"] .tabla-jugadores th {
  background: rgb(255,0,0);
}


[data-view="partidos-show"] .tabla-entrenadores th,
[data-view="partidos-show"] .tabla-jugadores th,
[data-view="partidos-show"] .tabla-entrenadores td,
[data-view="partidos-show"] .tabla-jugadores td {
    min-width: 15px;
}


[data-view="partidos-show"] .h2-local,
[data-view="partidos-show"] .h2-visitante {
    text-align: center;
    font-size: 23px;
}

[data-view="partidos-show"] th {
    height: 50px;
}

[data-view="partidos-show"] td {
    height: 80px;
}

@media (max-width: 768px) {
    [data-view="partidos-show"] .h2-local,
[data-view="partidos-show"] .h2-visitante {
    font-size: 20px;
}
    
}


/* prueba-final.blade.php — bloque 1 */
[data-view="prueba-final"] table { border-collapse: collapse; width: 100%; }
        [data-view="prueba-final"] th, [data-view="prueba-final"] td { border: 1px solid #ddd; padding: 8px; }
        [data-view="prueba-final"] img { border: 3px solid transparent; }
        [data-view="prueba-final"] .verde { border-color: green !important; }
        [data-view="prueba-final"] .rojo { border-color: red !important; }


/* prueba.blade.php — bloque 1 */
body[data-view="prueba"] {
            font-family: Arial, sans-serif;
            margin: 20px;
            background: #f5f5f5;
        }
        [data-view="prueba"] .container {
            max-width: 1400px;
            margin: 0 auto;
            background: white;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        [data-view="prueba"] h1 {
            color: #333;
            border-bottom: 3px solid #007bff;
            padding-bottom: 10px;
        }
        [data-view="prueba"] .stats {
            background: #e9ecef;
            padding: 15px;
            border-radius: 5px;
            margin: 20px 0;
        }
        [data-view="prueba"] .stats ul {
            list-style: none;
            padding: 0;
        }
        [data-view="prueba"] .stats li {
            padding: 5px 0;
            font-size: 16px;
        }
        [data-view="prueba"] .stats strong {
            display: inline-block;
            width: 250px;
        }
        [data-view="prueba"] table {
            width: 100%;
            border-collapse: collapse;
            margin: 20px 0;
            background: white;
        }
        [data-view="prueba"] th {
            background: #007bff;
            color: white;
            padding: 12px;
            text-align: left;
            font-weight: 600;
        }
        [data-view="prueba"] td {
            padding: 10px;
            border: 1px solid #ddd;
        }
        [data-view="prueba"] tr:nth-child(even) {
            background: #f8f9fa;
        }
        [data-view="prueba"] tr:hover {
            background: #e9ecef;
        }
        [data-view="prueba"] .logo-cell {
            text-align: center;
            background: #f8f9fa;
        }
        [data-view="prueba"] .logo-img {
            border: 2px solid #ccc;
            border-radius: 4px;
            transition: all 0.3s;
        }
        [data-view="prueba"] .logo-img.success {
            border-color: #28a745;
        }
        [data-view="prueba"] .logo-img.error {
            border-color: #dc3545;
        }
        [data-view="prueba"] .badge {
            display: inline-block;
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: bold;
        }
        [data-view="prueba"] .badge-success {
            background: #d4edda;
            color: #155724;
        }
        [data-view="prueba"] .badge-danger {
            background: #f8d7da;
            color: #721c24;
        }
        [data-view="prueba"] .info-box {
            background: #d1ecf1;
            border-left: 4px solid #0c5460;
            padding: 15px;
            margin: 20px 0;
            border-radius: 4px;
        }
        [data-view="prueba"] .info-box h3 {
            margin-top: 0;
            color: #0c5460;
        }
        [data-view="prueba"] .info-box ul {
            margin-bottom: 0;
        }
        [data-view="prueba"] code {
            background: #f4f4f4;
            padding: 2px 6px;
            border-radius: 3px;
            font-family: 'Courier New', monospace;
        }
        [data-view="prueba"] .btn {
            display: inline-block;
            padding: 10px 20px;
            background: #007bff;
            color: white;
            text-decoration: none;
            border-radius: 5px;
            margin: 10px 0;
        }
        [data-view="prueba"] .btn:hover {
            background: #0056b3;
        }


/* sanciones.blade.php — bloque 1 */
/* RESET + FUENTE */
[data-view="sanciones"] * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
}

html:has(body[data-view="sanciones"]), body[data-view="sanciones"] {
    overflow-x: hidden;
}

body[data-view="sanciones"] {
    width: 100vw;
    margin-top: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgb(0,0,0);
    color: rgb(255,255,255);
}

[data-view="sanciones"] h1 {
    margin: 50px 0 30px 0;
    text-align: center;
}

[data-view="sanciones"] h2 {
    margin: 10px 0 20px 0;
}

[data-view="sanciones"] p {
    margin: 0 0 15px 0;
}

        
        
        /* Fin banderas */

[data-view="sanciones"] .navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10vw;
    background: rgb(255, 0, 0);
    color: #fff;
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 80px;
    z-index: 1000;
    padding-top: 5px;
    border-bottom: 1px inset rgb(0, 0, 0);
}

[data-view="sanciones"] .navbar .logo img {
    width: 150px;
    transition: .3s ease;
}

[data-view="sanciones"] .navbar .logo img:hover {
    scale: calc(1.2);
}

[data-view="sanciones"] .nav-links {
    display: flex;
    list-style: none;
    gap: 1.5rem;
    background: rgba(0, 0, 0, 0);
    align-items: start;
    font-size: 12px;
}

[data-view="sanciones"] .has-submenu .submenu-toggle, 
[data-view="sanciones"] .nav-links a {
    color: rgb(255, 255, 255);
    text-decoration: none;
    transition: all .2s ease;
    font-weight: bold;
}

[data-view="sanciones"] .nav-links a:hover,
[data-view="sanciones"] .nav-links .nav-active {
    font-weight: bold;
    color: rgb(250, 250, 250);
      text-shadow:
    -1px -1px 0 black,
     1px -1px 0 black,
    -1px  1px 0 black,
     1px  1px 0 black;
    
}



[data-view="sanciones"] .reserva,
[data-view="sanciones"] .reservas,
[data-view="sanciones"] .btn-contacto {
    background-color: rgb(188, 180, 170);
    border: 1px solid rgb(0,0,0);
    padding: 10px;
    border-radius: 50px;
    text-decoration: none;
    color: rgb(0, 0, 0);
    transition: all .5s ease;
    min-width: 150px;
    text-align: center;
    margin: 10px;
}

[data-view="sanciones"] .btn-contacto {
    background-color: rgb(0, 0, 0);
    color: rgb(188, 180, 170);
    border: 1px solid rgb(188, 180, 170);
}

[data-view="sanciones"] .nav-links a.reservas {
    background-color: rgb(188, 180, 170);
    color: rgb(0, 0, 0);
}

[data-view="sanciones"] .reserva:hover {
    background-color: rgb(188, 180, 170);
    box-shadow: 0 0px 80px rgba(255, 255, 255, 1);
}

[data-view="sanciones"] .reserva {
    margin-top: 20px;
}

[data-view="sanciones"] .reserva:hover,
[data-view="sanciones"] .reservas:hover,
[data-view="sanciones"] .btn-contacto:hover {
    box-shadow: 0 0 100px rgb(255, 255, 255);
    transition: all .5s ease;
    scale: calc(1.1);
}

[data-view="sanciones"] .hamburger {
    display: none;
    font-size: 2rem;
    background: none;
    border: none;
    color: rgb(0, 0, 0);
    cursor: pointer;
    font-weight: 900;
    
}

/* Responsive navbar */
@media (max-width: 1280px) {
    [data-view="sanciones"] .nav-links {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: absolute;
        top: 80px;
        right: 0;
        background: linear-gradient(rgb(0, 0, 0));
        width: 200px;
        padding: 70px 0 100px 0;
        transform: translateX(100%);
        opacity: 0;
        transition: transform 0.3s ease, opacity 0.3s ease;
    }
    [data-view="sanciones"] .nav-links.show {
        transform: translateX(0);
        opacity: 1;
    }
    [data-view="sanciones"] .hamburger {
        display: block;
    }
    [data-view="sanciones"] .nav-links li a {
        padding: 10px;
        text-decoration: none;
    }
        
    [data-view="sanciones"] .navbar .logo img {
        width: 120px;
    }

    [data-view="sanciones"] .img-rrss:last-child {
        margin: 0 0 0 0 ;
    }
    
    
    [data-view="sanciones"] .nav-links a:hover,
    [data-view="sanciones"] .nav-links .nav-active {
        text-align: center;
        font-weight: bold;
        color: rgb(250, 255, 255);
        background: rgb(255,0,0);
        width: 100%;
    }

}

/* Submenú base */
[data-view="sanciones"] .has-submenu {
    position: relative;
}
[data-view="sanciones"] .submenu-toggle {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: none;
    border: none;
    color: rgb(0, 0, 0);
    font: inherit;
    cursor: pointer;
    padding: 0;
}
[data-view="sanciones"] .submenu-toggle:hover,
[data-view="sanciones"] .has-submenu:focus-within .submenu-toggle {
    color: rgb(238, 57, 69);
    font-weight: bold;
}

/* Contenedor del submenú (desktop) */
[data-view="sanciones"] .submenu {
    list-style: none;
    position: absolute;
    text-align: left;
    top: 100%;
    left: 0;
    min-width: 220px;
    background: rgb(255, 255, 255);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 8px;
    padding: 50px 0 8px 0;
    display: none; /* CERRADO por defecto */
    z-index: 1001;
    box-shadow: 0 8px 24px rgba(255, 255, 255, 0.4);
}
[data-view="sanciones"] .submenu li a {
    display: block;
    padding: 10px 14px;
    text-decoration: none;
    color: rgb(0, 0, 0);
    white-space: nowrap;
}
[data-view="sanciones"] .submenu li a:hover {
    color: rgb(238, 57, 69);
}

/* Mostrar al hover solo en dispositivos con ratón real */
@media (hover: hover) and (pointer: fine) {
  [data-view="sanciones"] .has-submenu:hover > .submenu {
      display: block;
  }
}

/* Mobile: se despliega dentro del menú lateral */
@media (max-width: 1280px) {
    [data-view="sanciones"] .has-submenu {
        width: 100%;
    }
    [data-view="sanciones"] .submenu {
        position: static;
        display: none;
        border: none;
        box-shadow: none;
        padding: 0 0 6px 0;
        margin-top: 6px;
    }
    [data-view="sanciones"] .has-submenu.open > .submenu {
        display: block;
    }
    [data-view="sanciones"] .submenu-toggle {
        width: 100%;
        text-align: left;
        padding: 0px;
    }
    [data-view="sanciones"] .submenu li a {
        padding: 10px 20px;
    }
}




/* Accesibilidad: refleja estado con aria-hidden también */
[data-view="sanciones"] .submenu[aria-hidden="true"] { display: none; }
[data-view="sanciones"] .submenu[aria-hidden="false"] { display: block; }


/* ============================= */
/* SCROLLBAR PERSONALIZADA */
/* ============================= */

/* Chrome, Edge, Safari */
[data-view="sanciones"] .divisiones-scroll::-webkit-scrollbar,
[data-view="sanciones"] #jornadasContainer::-webkit-scrollbar,
[data-view="sanciones"] #enfrentamientosContent::-webkit-scrollbar {
    height: 8px; /* scroll horizontal */
}

[data-view="sanciones"] .divisiones-scroll::-webkit-scrollbar-track,
[data-view="sanciones"] #jornadasContainer::-webkit-scrollbar-track,
[data-view="sanciones"] #enfrentamientosContent::-webkit-scrollbar-track {
    background: #111; /* fondo del track */
    border-radius: 10px;
}

[data-view="sanciones"] .divisiones-scroll::-webkit-scrollbar-thumb,
[data-view="sanciones"] #jornadasContainer::-webkit-scrollbar-thumb,
[data-view="sanciones"] #enfrentamientosContent::-webkit-scrollbar-thumb {
    background: red; /* color de la barra */
    border-radius: 10px;
}

[data-view="sanciones"] .divisiones-scroll::-webkit-scrollbar-thumb:hover,
[data-view="sanciones"] #jornadasContainer::-webkit-scrollbar-thumb:hover,
[data-view="sanciones"] #enfrentamientosContent::-webkit-scrollbar-thumb:hover {
    background: #ff4d4d; /* color al hover */
}

/* ============================= */
/* FIREFOX */
/* ============================= */
[data-view="sanciones"] .divisiones-scroll,
[data-view="sanciones"] #jornadasContainer,
[data-view="sanciones"] #enfrentamientosContent {
    scrollbar-width: thin;
    scrollbar-color: red #111;
}

/* ============================= */
/* CAMBIAR TEXTO DIVISIONES A 1D..5D (SIN JS) */
/* ============================= */



[data-view="sanciones"] table {
    border: none;
}




[data-view="sanciones"] form {
    
}

[data-view="sanciones"] .goleador-filtro {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100vw;
}


 [data-view="sanciones"] form label {
    text-align: center;
    width: 100vw;
    font-size: 20px;
    margin: 20px 0 0 0;
}


[data-view="sanciones"] form input,
[data-view="sanciones"] form button,
[data-view="sanciones"] form a,
[data-view="sanciones"] form select {
    height: 50px;
    margin: 10px;
    width: 250px;
    border-radius: 50px;
    text-align: center;
    font-size: 20px;
}


[data-view="sanciones"] form input,
[data-view="sanciones"] form button,
[data-view="sanciones"] form a,
[data-view="sanciones"] form select {
    background: rgb(255,255,255);
    color: rgb(0,0,0);
    border: none;
}


[data-view="sanciones"] form button,
[data-view="sanciones"] form a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

[data-view="sanciones"] form select {
    background: rgb(255,0,0);
    color: rgb(255,255,255);
}

[data-view="sanciones"] form select {
    background: rgb(255,0,0);
    color: rgb(255,255,255);
}

[data-view="sanciones"] form select option {
    background: rgb(255,255,255);
    color: rgb(0,0,0);
}

[data-view="sanciones"] .mostrando {
    margin: 50px;
    text-align: center;
}


/* Tablas sin bordes verticales + separación entre filas */
[data-view="sanciones"] table {
width: 95vw;
  border-collapse: separate;   /* importante para que funcione border-spacing */
  border-spacing: 0 5px;       /* 0 horizontal, 5px vertical */
}

/* Quitar cualquier borde vertical (si hubiera) */
[data-view="sanciones"] th,
[data-view="sanciones"] td {
  border-left: none !important;
  border-right: none !important;
  border-top: none;
  border-bottom: none;
  text-align: center;
}

/* Opcional: si quieres que cada fila "se vea" separada, dale fondo a las celdas */
[data-view="sanciones"] td {
  background: rgb(30,30,30);
}

/* Mantén la cabecera roja */

[data-view="sanciones"] th {
  background: rgb(255,0,0);
}

[data-view="sanciones"] th,
[data-view="sanciones"] td {
    min-width: 20px;
      height: 50px;
}

[data-view="sanciones"] th:nth-child(2),
[data-view="sanciones"] td:nth-child(2) {
    font-size: bold;
}


/* user/auth/login.blade.php — bloque 1 */
body[data-view="user-auth-login"] {
            background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 30px 15px;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }

        [data-view="user-auth-login"] .auth-card {
            background: white;
            border-radius: 16px;
            box-shadow: 0 10px 30px rgba(0,0,0,.2);
            max-width: 430px;
            width: 100%;
            overflow: hidden;
        }

        [data-view="user-auth-login"] .auth-header {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            text-align: center;
            padding: 30px 20px;
        }

        [data-view="user-auth-login"] .auth-body {
            padding: 30px;
        }

        [data-view="user-auth-login"] .btn-main {
            width: 100%;
            background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
            color: white;
            border: none;
            padding: 12px;
            border-radius: 8px;
            font-weight: 600;
        }

        [data-view="user-auth-login"] .btn-main:hover {
            color: white;
            opacity: .95;
        }


/* user/auth/pending.blade.php — bloque 1 */
body[data-view="user-auth-pending"] {
            background: #f4f6f9;
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 30px 15px;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }

        [data-view="user-auth-pending"] .pending-card {
            background: white;
            border-radius: 16px;
            box-shadow: 0 10px 30px rgba(0,0,0,.12);
            max-width: 520px;
            width: 100%;
            padding: 40px;
            text-align: center;
        }

        [data-view="user-auth-pending"] .pending-icon {
            width: 90px;
            height: 90px;
            border-radius: 50%;
            background: #fff3cd;
            color: #856404;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 25px;
        }


/* user/auth/register.blade.php — bloque 1 */
body[data-view="user-auth-register"] {
            background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 30px 15px;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }

        [data-view="user-auth-register"] .auth-card {
            background: white;
            border-radius: 16px;
            box-shadow: 0 10px 30px rgba(0,0,0,.2);
            max-width: 460px;
            width: 100%;
            overflow: hidden;
        }

        [data-view="user-auth-register"] .auth-header {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            text-align: center;
            padding: 30px 20px;
        }

        [data-view="user-auth-register"] .auth-body {
            padding: 30px;
        }

        [data-view="user-auth-register"] .btn-main {
            width: 100%;
            background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
            color: white;
            border: none;
            padding: 12px;
            border-radius: 8px;
            font-weight: 600;
        }

        [data-view="user-auth-register"] .btn-main:hover {
            color: white;
            opacity: .95;
        }


/* user/panel/equipacion.blade.php — bloque 1 */
[data-view="user-panel-equipacion"] .kit-editor {
        overflow: hidden;
        border: 0;
        border-radius: 18px;
        background: #ffffff;
        box-shadow: 0 12px 30px rgba(15, 23, 42, 0.09);
    }

    [data-view="user-panel-equipacion"] .viewer-panel {
        position: relative;
        min-height: 690px;
        overflow: hidden;
        background:
            radial-gradient(
                circle at center,
                #ffffff 0%,
                #eef2f7 63%,
                #dce3eb 100%
            );
    }

    [data-view="user-panel-equipacion"] #uniform-viewer {
        position: relative;
        width: 100%;
        height: 690px;
        min-height: 690px;
        touch-action: none;
    }

    [data-view="user-panel-equipacion"] #uniform-viewer canvas {
        display: block;
        width: 100%;
        height: 100%;
        outline: none;
    }

    [data-view="user-panel-equipacion"] .viewer-status {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 2;
        width: calc(100% - 50px);
        max-width: 350px;
        padding: 16px;
        border: 1px solid rgba(148, 163, 184, 0.45);
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.93);
        color: #475569;
        text-align: center;
        transform: translate(-50%, -50%);
        backdrop-filter: blur(8px);
    }

    [data-view="user-panel-equipacion"] .viewer-status.error {
        border-color: #fecaca;
        background: rgba(254, 242, 242, 0.96);
        color: #991b1b;
    }

    [data-view="user-panel-equipacion"] .viewer-help {
        position: absolute;
        bottom: 18px;
        left: 18px;
        z-index: 3;
        padding: 9px 13px;
        border: 1px solid rgba(203, 213, 225, 0.75);
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.9);
        color: #52606d;
        font-size: 13px;
        pointer-events: none;
        backdrop-filter: blur(8px);
    }

    [data-view="user-panel-equipacion"] .kit-selector-panel {
        height: 100%;
        padding: 28px;
        background: #ffffff;
    }

    [data-view="user-panel-equipacion"] .kit-options {
        display: grid;
        gap: 11px;
    }

    [data-view="user-panel-equipacion"] .kit-option {
        display: block;
        width: 100%;
        padding: 13px;
        border: 2px solid #e5e7eb;
        border-radius: 14px;
        background: #ffffff;
        color: #1f2937;
        text-align: left;
        cursor: pointer;
        transition:
            border-color 0.2s ease,
            background-color 0.2s ease,
            box-shadow 0.2s ease,
            transform 0.2s ease;
    }

    [data-view="user-panel-equipacion"] .kit-option:hover {
        border-color: #90a4c3;
        transform: translateY(-1px);
    }

    [data-view="user-panel-equipacion"] .kit-option:focus {
        outline: none;
        border-color: #2a5298;
        box-shadow: 0 0 0 4px rgba(42, 82, 152, 0.13);
    }

    [data-view="user-panel-equipacion"] .kit-option.active {
        border-color: #2a5298;
        background: #f2f6ff;
        box-shadow: 0 0 0 3px rgba(42, 82, 152, 0.08);
    }

    [data-view="user-panel-equipacion"] .kit-option-content {
        display: flex;
        align-items: center;
        gap: 13px;
    }

    [data-view="user-panel-equipacion"] .kit-preview-group {
        display: flex;
        align-items: center;
        flex-shrink: 0;
    }

    [data-view="user-panel-equipacion"] .kit-mini-preview {
        width: 31px;
        height: 31px;
        border: 2px solid #ffffff;
        border-radius: 50%;
        background-color: #cccccc;
        box-shadow: 0 0 0 1px #cbd5e1;
    }

    [data-view="user-panel-equipacion"] .kit-mini-preview + .kit-mini-preview {
        margin-left: -8px;
    }

    [data-view="user-panel-equipacion"] .kit-option-text {
        min-width: 0;
        flex: 1;
    }

    [data-view="user-panel-equipacion"] .kit-option-title {
        display: block;
        font-weight: 700;
    }

    [data-view="user-panel-equipacion"] .kit-option-subtitle {
        display: block;
        margin-top: 2px;
        color: #6b7280;
        font-size: 13px;
    }

    [data-view="user-panel-equipacion"] .garment-editor {
        padding: 18px;
        border: 1px solid #e2e8f0;
        border-radius: 14px;
        background: #f8fafc;
    }

    [data-view="user-panel-equipacion"] .garment-section + .garment-section {
        margin-top: 19px;
        padding-top: 19px;
        border-top: 1px solid #dce3ea;
    }

    [data-view="user-panel-equipacion"] .garment-header {
        display: flex;
        align-items: center;
        gap: 11px;
        margin-bottom: 13px;
    }

    [data-view="user-panel-equipacion"] .garment-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        flex-shrink: 0;
        border-radius: 11px;
        color: #2a5298;
        background: #e8eefb;
        font-size: 17px;
    }

    [data-view="user-panel-equipacion"] .garment-title {
        margin: 0;
        color: #1f2937;
        font-size: 15px;
        font-weight: 800;
    }

    [data-view="user-panel-equipacion"] .garment-subtitle {
        margin-top: 1px;
        color: #64748b;
        font-size: 12px;
    }

    [data-view="user-panel-equipacion"] .pattern-preview {
        width: 58px;
        height: 58px;
        flex-shrink: 0;
        border: 4px solid #ffffff;
        border-radius: 14px;
        background-color: #cccccc;
        box-shadow: 0 0 0 1px #cbd5e1;
    }

    [data-view="user-panel-equipacion"] .color-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 63px;
        align-items: end;
        gap: 10px;
    }

    [data-view="user-panel-equipacion"] .color-row + .color-row {
        margin-top: 11px;
    }

    [data-view="user-panel-equipacion"] .color-code {
        margin-top: 4px;
        color: #64748b;
        font-family: monospace;
        font-size: 12px;
        font-weight: 700;
    }

    [data-view="user-panel-equipacion"] .garment-color-input {
        width: 63px;
        height: 44px;
        padding: 3px;
        border-radius: 10px;
        cursor: pointer;
    }

    [data-view="user-panel-equipacion"] .secondary-color-row.disabled-control {
        opacity: 0.45;
    }

    [data-view="user-panel-equipacion"] .active-kit-name {
        color: #1e3c72;
        font-weight: 800;
    }

    [data-view="user-panel-equipacion"] .official-warning {
        padding: 15px 17px;
        border: 1px solid #f0d58a;
        border-radius: 13px;
        background: #fff7df;
        color: #71520c;
    }

    [data-view="user-panel-equipacion"] .save-button {
        min-height: 52px;
        border-radius: 12px;
        font-weight: 700;
    }

    @media (max-width: 991.98px) {
        [data-view="user-panel-equipacion"] .viewer-panel,
        [data-view="user-panel-equipacion"] #uniform-viewer {
            min-height: 530px;
            height: 530px;
        }

        [data-view="user-panel-equipacion"] .kit-selector-panel {
            padding: 24px;
        }
    }

    @media (max-width: 575.98px) {
        [data-view="user-panel-equipacion"] .viewer-panel,
        [data-view="user-panel-equipacion"] #uniform-viewer {
            min-height: 440px;
            height: 440px;
        }

        [data-view="user-panel-equipacion"] .viewer-help {
            right: 14px;
            bottom: 14px;
            left: 14px;
            text-align: center;
        }

        [data-view="user-panel-equipacion"] .kit-selector-panel {
            padding: 18px;
        }

        [data-view="user-panel-equipacion"] .garment-editor {
            padding: 15px;
        }
    }


/* welcome.blade.php — bloque 1 */
/*! tailwindcss v4.0.7 | MIT License | https://tailwindcss.com */@layer theme{:root:has(body[data-view="welcome"]),[data-view="welcome"] :host{--font-sans:'Instrument Sans',ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(.971 .013 17.38);--color-red-100:oklch(.936 .032 17.717);--color-red-200:oklch(.885 .062 18.334);--color-red-300:oklch(.808 .114 19.571);--color-red-400:oklch(.704 .191 22.216);--color-red-500:oklch(.637 .237 25.331);--color-red-600:oklch(.577 .245 27.325);--color-red-700:oklch(.505 .213 27.518);--color-red-800:oklch(.444 .177 26.899);--color-red-900:oklch(.396 .141 25.723);--color-red-950:oklch(.258 .092 26.042);--color-orange-50:oklch(.98 .016 73.684);--color-orange-100:oklch(.954 .038 75.164);--color-orange-200:oklch(.901 .076 70.697);--color-orange-300:oklch(.837 .128 66.29);--color-orange-400:oklch(.75 .183 55.934);--color-orange-500:oklch(.705 .213 47.604);--color-orange-600:oklch(.646 .222 41.116);--color-orange-700:oklch(.553 .195 38.402);--color-orange-800:oklch(.47 .157 37.304);--color-orange-900:oklch(.408 .123 38.172);--color-orange-950:oklch(.266 .079 36.259);--color-amber-50:oklch(.987 .022 95.277);--color-amber-100:oklch(.962 .059 95.617);--color-amber-200:oklch(.924 .12 95.746);--color-amber-300:oklch(.879 .169 91.605);--color-amber-400:oklch(.828 .189 84.429);--color-amber-500:oklch(.769 .188 70.08);--color-amber-600:oklch(.666 .179 58.318);--color-amber-700:oklch(.555 .163 48.998);--color-amber-800:oklch(.473 .137 46.201);--color-amber-900:oklch(.414 .112 45.904);--color-amber-950:oklch(.279 .077 45.635);--color-yellow-50:oklch(.987 .026 102.212);--color-yellow-100:oklch(.973 .071 103.193);--color-yellow-200:oklch(.945 .129 101.54);--color-yellow-300:oklch(.905 .182 98.111);--color-yellow-400:oklch(.852 .199 91.936);--color-yellow-500:oklch(.795 .184 86.047);--color-yellow-600:oklch(.681 .162 75.834);--color-yellow-700:oklch(.554 .135 66.442);--color-yellow-800:oklch(.476 .114 61.907);--color-yellow-900:oklch(.421 .095 57.708);--color-yellow-950:oklch(.286 .066 53.813);--color-lime-50:oklch(.986 .031 120.757);--color-lime-100:oklch(.967 .067 122.328);--color-lime-200:oklch(.938 .127 124.321);--color-lime-300:oklch(.897 .196 126.665);--color-lime-400:oklch(.841 .238 128.85);--color-lime-500:oklch(.768 .233 130.85);--color-lime-600:oklch(.648 .2 131.684);--color-lime-700:oklch(.532 .157 131.589);--color-lime-800:oklch(.453 .124 130.933);--color-lime-900:oklch(.405 .101 131.063);--color-lime-950:oklch(.274 .072 132.109);--color-green-50:oklch(.982 .018 155.826);--color-green-100:oklch(.962 .044 156.743);--color-green-200:oklch(.925 .084 155.995);--color-green-300:oklch(.871 .15 154.449);--color-green-400:oklch(.792 .209 151.711);--color-green-500:oklch(.723 .219 149.579);--color-green-600:oklch(.627 .194 149.214);--color-green-700:oklch(.527 .154 150.069);--color-green-800:oklch(.448 .119 151.328);--color-green-900:oklch(.393 .095 152.535);--color-green-950:oklch(.266 .065 152.934);--color-emerald-50:oklch(.979 .021 166.113);--color-emerald-100:oklch(.95 .052 163.051);--color-emerald-200:oklch(.905 .093 164.15);--color-emerald-300:oklch(.845 .143 164.978);--color-emerald-400:oklch(.765 .177 163.223);--color-emerald-500:oklch(.696 .17 162.48);--color-emerald-600:oklch(.596 .145 163.225);--color-emerald-700:oklch(.508 .118 165.612);--color-emerald-800:oklch(.432 .095 166.913);--color-emerald-900:oklch(.378 .077 168.94);--color-emerald-950:oklch(.262 .051 172.552);--color-teal-50:oklch(.984 .014 180.72);--color-teal-100:oklch(.953 .051 180.801);--color-teal-200:oklch(.91 .096 180.426);--color-teal-300:oklch(.855 .138 181.071);--color-teal-400:oklch(.777 .152 181.912);--color-teal-500:oklch(.704 .14 182.503);--color-teal-600:oklch(.6 .118 184.704);--color-teal-700:oklch(.511 .096 186.391);--color-teal-800:oklch(.437 .078 188.216);--color-teal-900:oklch(.386 .063 188.416);--color-teal-950:oklch(.277 .046 192.524);--color-cyan-50:oklch(.984 .019 200.873);--color-cyan-100:oklch(.956 .045 203.388);--color-cyan-200:oklch(.917 .08 205.041);--color-cyan-300:oklch(.865 .127 207.078);--color-cyan-400:oklch(.789 .154 211.53);--color-cyan-500:oklch(.715 .143 215.221);--color-cyan-600:oklch(.609 .126 221.723);--color-cyan-700:oklch(.52 .105 223.128);--color-cyan-800:oklch(.45 .085 224.283);--color-cyan-900:oklch(.398 .07 227.392);--color-cyan-950:oklch(.302 .056 229.695);--color-sky-50:oklch(.977 .013 236.62);--color-sky-100:oklch(.951 .026 236.824);--color-sky-200:oklch(.901 .058 230.902);--color-sky-300:oklch(.828 .111 230.318);--color-sky-400:oklch(.746 .16 232.661);--color-sky-500:oklch(.685 .169 237.323);--color-sky-600:oklch(.588 .158 241.966);--color-sky-700:oklch(.5 .134 242.749);--color-sky-800:oklch(.443 .11 240.79);--color-sky-900:oklch(.391 .09 240.876);--color-sky-950:oklch(.293 .066 243.157);--color-blue-50:oklch(.97 .014 254.604);--color-blue-100:oklch(.932 .032 255.585);--color-blue-200:oklch(.882 .059 254.128);--color-blue-300:oklch(.809 .105 251.813);--color-blue-400:oklch(.707 .165 254.624);--color-blue-500:oklch(.623 .214 259.815);--color-blue-600:oklch(.546 .245 262.881);--color-blue-700:oklch(.488 .243 264.376);--color-blue-800:oklch(.424 .199 265.638);--color-blue-900:oklch(.379 .146 265.522);--color-blue-950:oklch(.282 .091 267.935);--color-indigo-50:oklch(.962 .018 272.314);--color-indigo-100:oklch(.93 .034 272.788);--color-indigo-200:oklch(.87 .065 274.039);--color-indigo-300:oklch(.785 .115 274.713);--color-indigo-400:oklch(.673 .182 276.935);--color-indigo-500:oklch(.585 .233 277.117);--color-indigo-600:oklch(.511 .262 276.966);--color-indigo-700:oklch(.457 .24 277.023);--color-indigo-800:oklch(.398 .195 277.366);--color-indigo-900:oklch(.359 .144 278.697);--color-indigo-950:oklch(.257 .09 281.288);--color-violet-50:oklch(.969 .016 293.756);--color-violet-100:oklch(.943 .029 294.588);--color-violet-200:oklch(.894 .057 293.283);--color-violet-300:oklch(.811 .111 293.571);--color-violet-400:oklch(.702 .183 293.541);--color-violet-500:oklch(.606 .25 292.717);--color-violet-600:oklch(.541 .281 293.009);--color-violet-700:oklch(.491 .27 292.581);--color-violet-800:oklch(.432 .232 292.759);--color-violet-900:oklch(.38 .189 293.745);--color-violet-950:oklch(.283 .141 291.089);--color-purple-50:oklch(.977 .014 308.299);--color-purple-100:oklch(.946 .033 307.174);--color-purple-200:oklch(.902 .063 306.703);--color-purple-300:oklch(.827 .119 306.383);--color-purple-400:oklch(.714 .203 305.504);--color-purple-500:oklch(.627 .265 303.9);--color-purple-600:oklch(.558 .288 302.321);--color-purple-700:oklch(.496 .265 301.924);--color-purple-800:oklch(.438 .218 303.724);--color-purple-900:oklch(.381 .176 304.987);--color-purple-950:oklch(.291 .149 302.717);--color-fuchsia-50:oklch(.977 .017 320.058);--color-fuchsia-100:oklch(.952 .037 318.852);--color-fuchsia-200:oklch(.903 .076 319.62);--color-fuchsia-300:oklch(.833 .145 321.434);--color-fuchsia-400:oklch(.74 .238 322.16);--color-fuchsia-500:oklch(.667 .295 322.15);--color-fuchsia-600:oklch(.591 .293 322.896);--color-fuchsia-700:oklch(.518 .253 323.949);--color-fuchsia-800:oklch(.452 .211 324.591);--color-fuchsia-900:oklch(.401 .17 325.612);--color-fuchsia-950:oklch(.293 .136 325.661);--color-pink-50:oklch(.971 .014 343.198);--color-pink-100:oklch(.948 .028 342.258);--color-pink-200:oklch(.899 .061 343.231);--color-pink-300:oklch(.823 .12 346.018);--color-pink-400:oklch(.718 .202 349.761);--color-pink-500:oklch(.656 .241 354.308);--color-pink-600:oklch(.592 .249 .584);--color-pink-700:oklch(.525 .223 3.958);--color-pink-800:oklch(.459 .187 3.815);--color-pink-900:oklch(.408 .153 2.432);--color-pink-950:oklch(.284 .109 3.907);--color-rose-50:oklch(.969 .015 12.422);--color-rose-100:oklch(.941 .03 12.58);--color-rose-200:oklch(.892 .058 10.001);--color-rose-300:oklch(.81 .117 11.638);--color-rose-400:oklch(.712 .194 13.428);--color-rose-500:oklch(.645 .246 16.439);--color-rose-600:oklch(.586 .253 17.585);--color-rose-700:oklch(.514 .222 16.935);--color-rose-800:oklch(.455 .188 13.697);--color-rose-900:oklch(.41 .159 10.272);--color-rose-950:oklch(.271 .105 12.094);--color-slate-50:oklch(.984 .003 247.858);--color-slate-100:oklch(.968 .007 247.896);--color-slate-200:oklch(.929 .013 255.508);--color-slate-300:oklch(.869 .022 252.894);--color-slate-400:oklch(.704 .04 256.788);--color-slate-500:oklch(.554 .046 257.417);--color-slate-600:oklch(.446 .043 257.281);--color-slate-700:oklch(.372 .044 257.287);--color-slate-800:oklch(.279 .041 260.031);--color-slate-900:oklch(.208 .042 265.755);--color-slate-950:oklch(.129 .042 264.695);--color-gray-50:oklch(.985 .002 247.839);--color-gray-100:oklch(.967 .003 264.542);--color-gray-200:oklch(.928 .006 264.531);--color-gray-300:oklch(.872 .01 258.338);--color-gray-400:oklch(.707 .022 261.325);--color-gray-500:oklch(.551 .027 264.364);--color-gray-600:oklch(.446 .03 256.802);--color-gray-700:oklch(.373 .034 259.733);--color-gray-800:oklch(.278 .033 256.848);--color-gray-900:oklch(.21 .034 264.665);--color-gray-950:oklch(.13 .028 261.692);--color-zinc-50:oklch(.985 0 0);--color-zinc-100:oklch(.967 .001 286.375);--color-zinc-200:oklch(.92 .004 286.32);--color-zinc-300:oklch(.871 .006 286.286);--color-zinc-400:oklch(.705 .015 286.067);--color-zinc-500:oklch(.552 .016 285.938);--color-zinc-600:oklch(.442 .017 285.786);--color-zinc-700:oklch(.37 .013 285.805);--color-zinc-800:oklch(.274 .006 286.033);--color-zinc-900:oklch(.21 .006 285.885);--color-zinc-950:oklch(.141 .005 285.823);--color-neutral-50:oklch(.985 0 0);--color-neutral-100:oklch(.97 0 0);--color-neutral-200:oklch(.922 0 0);--color-neutral-300:oklch(.87 0 0);--color-neutral-400:oklch(.708 0 0);--color-neutral-500:oklch(.556 0 0);--color-neutral-600:oklch(.439 0 0);--color-neutral-700:oklch(.371 0 0);--color-neutral-800:oklch(.269 0 0);--color-neutral-900:oklch(.205 0 0);--color-neutral-950:oklch(.145 0 0);--color-stone-50:oklch(.985 .001 106.423);--color-stone-100:oklch(.97 .001 106.424);--color-stone-200:oklch(.923 .003 48.717);--color-stone-300:oklch(.869 .005 56.366);--color-stone-400:oklch(.709 .01 56.259);--color-stone-500:oklch(.553 .013 58.071);--color-stone-600:oklch(.444 .011 73.639);--color-stone-700:oklch(.374 .01 67.558);--color-stone-800:oklch(.268 .007 34.298);--color-stone-900:oklch(.216 .006 56.043);--color-stone-950:oklch(.147 .004 49.25);--color-black:#000;--color-white:#fff;--spacing:.25rem;--breakpoint-sm:40rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--breakpoint-xl:80rem;--breakpoint-2xl:96rem;--container-3xs:16rem;--container-2xs:18rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--text-9xl:8rem;--text-9xl--line-height:1;--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--shadow-2xs:0 1px #0000000d;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--inset-shadow-2xs:inset 0 1px #0000000d;--inset-shadow-xs:inset 0 1px 1px #0000000d;--inset-shadow-sm:inset 0 2px 4px #0000000d;--drop-shadow-xs:0 1px 1px #0000000d;--drop-shadow-sm:0 1px 2px #00000026;--drop-shadow-md:0 3px 3px #0000001f;--drop-shadow-lg:0 4px 4px #00000026;--drop-shadow-xl:0 9px 7px #0000001a;--drop-shadow-2xl:0 25px 25px #00000026;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0,0,.2,1)infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--animate-bounce:bounce 1s infinite;--blur-xs:4px;--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--blur-2xl:40px;--blur-3xl:64px;--perspective-dramatic:100px;--perspective-near:300px;--perspective-normal:500px;--perspective-midrange:800px;--perspective-distant:1200px;--aspect-video:16/9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-font-feature-settings:var(--font-sans--font-feature-settings);--default-font-variation-settings:var(--font-sans--font-variation-settings);--default-mono-font-family:var(--font-mono);--default-mono-font-feature-settings:var(--font-mono--font-feature-settings);--default-mono-font-variation-settings:var(--font-mono--font-variation-settings)}}@layer base{[data-view="welcome"] *,[data-view="welcome"] :after,[data-view="welcome"] :before,[data-view="welcome"] ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}[data-view="welcome"] ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html:has(body[data-view="welcome"]),[data-view="welcome"] :host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}body[data-view="welcome"]{line-height:inherit}[data-view="welcome"] hr{height:0;color:inherit;border-top-width:1px}[data-view="welcome"] abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}[data-view="welcome"] h1,[data-view="welcome"] h2,[data-view="welcome"] h3,[data-view="welcome"] h4,[data-view="welcome"] h5,[data-view="welcome"] h6{font-size:inherit;font-weight:inherit}[data-view="welcome"] a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}[data-view="welcome"] b,[data-view="welcome"] strong{font-weight:bolder}[data-view="welcome"] code,[data-view="welcome"] kbd,[data-view="welcome"] samp,[data-view="welcome"] pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}[data-view="welcome"] small{font-size:80%}[data-view="welcome"] sub,[data-view="welcome"] sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}[data-view="welcome"] sub{bottom:-.25em}[data-view="welcome"] sup{top:-.5em}[data-view="welcome"] table{text-indent:0;border-color:inherit;border-collapse:collapse}[data-view="welcome"] :-moz-focusring{outline:auto}[data-view="welcome"] progress{vertical-align:baseline}[data-view="welcome"] summary{display:list-item}[data-view="welcome"] ol,[data-view="welcome"] ul,[data-view="welcome"] menu{list-style:none}[data-view="welcome"] img,[data-view="welcome"] svg,[data-view="welcome"] video,[data-view="welcome"] canvas,[data-view="welcome"] audio,[data-view="welcome"] iframe,[data-view="welcome"] embed,[data-view="welcome"] object{vertical-align:middle;display:block}[data-view="welcome"] img,[data-view="welcome"] video{max-width:100%;height:auto}[data-view="welcome"] button,[data-view="welcome"] input,[data-view="welcome"] select,[data-view="welcome"] optgroup,[data-view="welcome"] textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}[data-view="welcome"] ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}[data-view="welcome"] :where(select:is([multiple],[size])) optgroup{font-weight:bolder}[data-view="welcome"] :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}[data-view="welcome"] ::file-selector-button{margin-inline-end:4px}[data-view="welcome"] ::placeholder{opacity:1;color:color-mix(in oklab,currentColor 50%,transparent)}[data-view="welcome"] textarea{resize:vertical}[data-view="welcome"] ::-webkit-search-decoration{-webkit-appearance:none}[data-view="welcome"] ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}[data-view="welcome"] ::-webkit-datetime-edit{display:inline-flex}[data-view="welcome"] ::-webkit-datetime-edit-fields-wrapper{padding:0}[data-view="welcome"] ::-webkit-datetime-edit{padding-block:0}[data-view="welcome"] ::-webkit-datetime-edit-year-field{padding-block:0}[data-view="welcome"] ::-webkit-datetime-edit-month-field{padding-block:0}[data-view="welcome"] ::-webkit-datetime-edit-day-field{padding-block:0}[data-view="welcome"] ::-webkit-datetime-edit-hour-field{padding-block:0}[data-view="welcome"] ::-webkit-datetime-edit-minute-field{padding-block:0}[data-view="welcome"] ::-webkit-datetime-edit-second-field{padding-block:0}[data-view="welcome"] ::-webkit-datetime-edit-millisecond-field{padding-block:0}[data-view="welcome"] ::-webkit-datetime-edit-meridiem-field{padding-block:0}[data-view="welcome"] :-moz-ui-invalid{box-shadow:none}[data-view="welcome"] button,[data-view="welcome"] input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}[data-view="welcome"] ::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}[data-view="welcome"] ::-webkit-inner-spin-button{height:auto}[data-view="welcome"] ::-webkit-outer-spin-button{height:auto}[data-view="welcome"] [hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{[data-view="welcome"] .absolute{position:absolute}[data-view="welcome"] .relative{position:relative}[data-view="welcome"] .static{position:static}[data-view="welcome"] .inset-0{inset:calc(var(--spacing)*0)}[data-view="welcome"] .-mt-\[4\.9rem\]{margin-top:-4.9rem}[data-view="welcome"] .-mb-px{margin-bottom:-1px}[data-view="welcome"] .mb-1{margin-bottom:calc(var(--spacing)*1)}[data-view="welcome"] .mb-2{margin-bottom:calc(var(--spacing)*2)}[data-view="welcome"] .mb-4{margin-bottom:calc(var(--spacing)*4)}[data-view="welcome"] .mb-6{margin-bottom:calc(var(--spacing)*6)}[data-view="welcome"] .-ml-8{margin-left:calc(var(--spacing)*-8)}[data-view="welcome"] .flex{display:flex}[data-view="welcome"] .hidden{display:none}[data-view="welcome"] .inline-block{display:inline-block}[data-view="welcome"] .inline-flex{display:inline-flex}[data-view="welcome"] .table{display:table}[data-view="welcome"] .aspect-\[335\/376\]{aspect-ratio:335/376}[data-view="welcome"] .h-1{height:calc(var(--spacing)*1)}[data-view="welcome"] .h-1\.5{height:calc(var(--spacing)*1.5)}[data-view="welcome"] .h-2{height:calc(var(--spacing)*2)}[data-view="welcome"] .h-2\.5{height:calc(var(--spacing)*2.5)}[data-view="welcome"] .h-3{height:calc(var(--spacing)*3)}[data-view="welcome"] .h-3\.5{height:calc(var(--spacing)*3.5)}[data-view="welcome"] .h-14{height:calc(var(--spacing)*14)}[data-view="welcome"] .h-14\.5{height:calc(var(--spacing)*14.5)}[data-view="welcome"] .min-h-screen{min-height:100vh}[data-view="welcome"] .w-1{width:calc(var(--spacing)*1)}[data-view="welcome"] .w-1\.5{width:calc(var(--spacing)*1.5)}[data-view="welcome"] .w-2{width:calc(var(--spacing)*2)}[data-view="welcome"] .w-2\.5{width:calc(var(--spacing)*2.5)}[data-view="welcome"] .w-3{width:calc(var(--spacing)*3)}[data-view="welcome"] .w-3\.5{width:calc(var(--spacing)*3.5)}[data-view="welcome"] .w-\[448px\]{width:448px}[data-view="welcome"] .w-full{width:100%}[data-view="welcome"] .max-w-\[335px\]{max-width:335px}[data-view="welcome"] .max-w-none{max-width:none}[data-view="welcome"] .flex-1{flex:1}[data-view="welcome"] .shrink-0{flex-shrink:0}[data-view="welcome"] .translate-y-0{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}[data-view="welcome"] .transform{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)}[data-view="welcome"] .flex-col{flex-direction:column}[data-view="welcome"] .flex-col-reverse{flex-direction:column-reverse}[data-view="welcome"] .items-center{align-items:center}[data-view="welcome"] .justify-center{justify-content:center}[data-view="welcome"] .justify-end{justify-content:flex-end}[data-view="welcome"] .gap-3{gap:calc(var(--spacing)*3)}[data-view="welcome"] .gap-4{gap:calc(var(--spacing)*4)}[data-view="welcome"] :where(.space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*1)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-x-reverse)))}[data-view="welcome"] .overflow-hidden{overflow:hidden}[data-view="welcome"] .rounded-full{border-radius:3.40282e38px}[data-view="welcome"] .rounded-sm{border-radius:var(--radius-sm)}[data-view="welcome"] .rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}[data-view="welcome"] .rounded-br-lg{border-bottom-right-radius:var(--radius-lg)}[data-view="welcome"] .rounded-bl-lg{border-bottom-left-radius:var(--radius-lg)}[data-view="welcome"] .border{border-style:var(--tw-border-style);border-width:1px}[data-view="welcome"] .border-\[\#19140035\]{border-color:#19140035}[data-view="welcome"] .border-\[\#e3e3e0\]{border-color:#e3e3e0}[data-view="welcome"] .border-black{border-color:var(--color-black)}[data-view="welcome"] .border-transparent{border-color:#0000}[data-view="welcome"] .bg-\[\#1b1b18\]{background-color:#1b1b18}[data-view="welcome"] .bg-\[\#FDFDFC\]{background-color:#fdfdfc}[data-view="welcome"] .bg-\[\#dbdbd7\]{background-color:#dbdbd7}[data-view="welcome"] .bg-\[\#fff2f2\]{background-color:#fff2f2}[data-view="welcome"] .bg-white{background-color:var(--color-white)}[data-view="welcome"] .p-6{padding:calc(var(--spacing)*6)}[data-view="welcome"] .px-5{padding-inline:calc(var(--spacing)*5)}[data-view="welcome"] .py-1{padding-block:calc(var(--spacing)*1)}[data-view="welcome"] .py-1\.5{padding-block:calc(var(--spacing)*1.5)}[data-view="welcome"] .py-2{padding-block:calc(var(--spacing)*2)}[data-view="welcome"] .pb-12{padding-bottom:calc(var(--spacing)*12)}[data-view="welcome"] .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}[data-view="welcome"] .text-\[13px\]{font-size:13px}[data-view="welcome"] .leading-\[20px\]{--tw-leading:20px;line-height:20px}[data-view="welcome"] .leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}[data-view="welcome"] .font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}[data-view="welcome"] .text-\[\#1b1b18\]{color:#1b1b18}[data-view="welcome"] .text-\[\#706f6c\]{color:#706f6c}[data-view="welcome"] .text-\[\#F53003\],[data-view="welcome"] .text-\[\#f53003\]{color:#f53003}[data-view="welcome"] .text-white{color:var(--color-white)}[data-view="welcome"] .underline{text-decoration-line:underline}[data-view="welcome"] .underline-offset-4{text-underline-offset:4px}[data-view="welcome"] .opacity-100{opacity:1}[data-view="welcome"] .shadow-\[0px_0px_1px_0px_rgba\(0\,0\,0\,0\.03\)\,0px_1px_2px_0px_rgba\(0\,0\,0\,0\.06\)\]{--tw-shadow:0px 0px 1px 0px var(--tw-shadow-color,#00000008),0px 1px 2px 0px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[data-view="welcome"] .shadow-\[inset_0px_0px_0px_1px_rgba\(26\,26\,0\,0\.16\)\]{--tw-shadow:inset 0px 0px 0px 1px var(--tw-shadow-color,#1a1a0029);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[data-view="welcome"] .\!filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)!important}[data-view="welcome"] .filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}[data-view="welcome"] .transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}[data-view="welcome"] .transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}[data-view="welcome"] .delay-300{transition-delay:.3s}[data-view="welcome"] .duration-750{--tw-duration:.75s;transition-duration:.75s}[data-view="welcome"] .not-has-\[nav\]\:hidden:not(:has(:is(nav))){display:none}[data-view="welcome"] .before\:absolute:before{content:var(--tw-content);position:absolute}[data-view="welcome"] .before\:top-0:before{content:var(--tw-content);top:calc(var(--spacing)*0)}[data-view="welcome"] .before\:top-1\/2:before{content:var(--tw-content);top:50%}[data-view="welcome"] .before\:bottom-0:before{content:var(--tw-content);bottom:calc(var(--spacing)*0)}[data-view="welcome"] .before\:bottom-1\/2:before{content:var(--tw-content);bottom:50%}[data-view="welcome"] .before\:left-\[0\.4rem\]:before{content:var(--tw-content);left:.4rem}[data-view="welcome"] .before\:border-l:before{content:var(--tw-content);border-left-style:var(--tw-border-style);border-left-width:1px}[data-view="welcome"] .before\:border-\[\#e3e3e0\]:before{content:var(--tw-content);border-color:#e3e3e0}@media (hover:hover){[data-view="welcome"] .hover\:border-\[\#1915014a\]:hover{border-color:#1915014a}[data-view="welcome"] .hover\:border-\[\#19140035\]:hover{border-color:#19140035}[data-view="welcome"] .hover\:border-black:hover{border-color:var(--color-black)}[data-view="welcome"] .hover\:bg-black:hover{background-color:var(--color-black)}}@media (width>=64rem){[data-view="welcome"] .lg\:-mt-\[6\.6rem\]{margin-top:-6.6rem}[data-view="welcome"] .lg\:mb-0{margin-bottom:calc(var(--spacing)*0)}[data-view="welcome"] .lg\:mb-6{margin-bottom:calc(var(--spacing)*6)}[data-view="welcome"] .lg\:-ml-px{margin-left:-1px}[data-view="welcome"] .lg\:ml-0{margin-left:calc(var(--spacing)*0)}[data-view="welcome"] .lg\:block{display:block}[data-view="welcome"] .lg\:aspect-auto{aspect-ratio:auto}[data-view="welcome"] .lg\:w-\[438px\]{width:438px}[data-view="welcome"] .lg\:max-w-4xl{max-width:var(--container-4xl)}[data-view="welcome"] .lg\:grow{flex-grow:1}[data-view="welcome"] .lg\:flex-row{flex-direction:row}[data-view="welcome"] .lg\:justify-center{justify-content:center}[data-view="welcome"] .lg\:rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}[data-view="welcome"] .lg\:rounded-tl-lg{border-top-left-radius:var(--radius-lg)}[data-view="welcome"] .lg\:rounded-r-lg{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}[data-view="welcome"] .lg\:rounded-br-none{border-bottom-right-radius:0}[data-view="welcome"] .lg\:p-8{padding:calc(var(--spacing)*8)}[data-view="welcome"] .lg\:p-20{padding:calc(var(--spacing)*20)}}@media (prefers-color-scheme:dark){[data-view="welcome"] .dark\:block{display:block}[data-view="welcome"] .dark\:hidden{display:none}[data-view="welcome"] .dark\:border-\[\#3E3E3A\]{border-color:#3e3e3a}[data-view="welcome"] .dark\:border-\[\#eeeeec\]{border-color:#eeeeec}[data-view="welcome"] .dark\:bg-\[\#0a0a0a\]{background-color:#0a0a0a}[data-view="welcome"] .dark\:bg-\[\#1D0002\]{background-color:#1d0002}[data-view="welcome"] .dark\:bg-\[\#3E3E3A\]{background-color:#3e3e3a}[data-view="welcome"] .dark\:bg-\[\#161615\]{background-color:#161615}[data-view="welcome"] .dark\:bg-\[\#eeeeec\]{background-color:#eeeeec}[data-view="welcome"] .dark\:text-\[\#1C1C1A\]{color:#1c1c1a}[data-view="welcome"] .dark\:text-\[\#A1A09A\]{color:#a1a09a}[data-view="welcome"] .dark\:text-\[\#EDEDEC\]{color:#ededec}[data-view="welcome"] .dark\:text-\[\#F61500\]{color:#f61500}[data-view="welcome"] .dark\:text-\[\#FF4433\]{color:#f43}[data-view="welcome"] .dark\:shadow-\[inset_0px_0px_0px_1px_\#fffaed2d\]{--tw-shadow:inset 0px 0px 0px 1px var(--tw-shadow-color,#fffaed2d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[data-view="welcome"] .dark\:before\:border-\[\#3E3E3A\]:before{content:var(--tw-content);border-color:#3e3e3a}@media (hover:hover){[data-view="welcome"] .dark\:hover\:border-\[\#3E3E3A\]:hover{border-color:#3e3e3a}[data-view="welcome"] .dark\:hover\:border-\[\#62605b\]:hover{border-color:#62605b}[data-view="welcome"] .dark\:hover\:border-white:hover{border-color:var(--color-white)}[data-view="welcome"] .dark\:hover\:bg-white:hover{background-color:var(--color-white)}}}@starting-style{[data-view="welcome"] .starting\:translate-y-4{--tw-translate-y:calc(var(--spacing)*4);translate:var(--tw-translate-x)var(--tw-translate-y)}}@starting-style{[data-view="welcome"] .starting\:translate-y-6{--tw-translate-y:calc(var(--spacing)*6);translate:var(--tw-translate-x)var(--tw-translate-y)}}@starting-style{[data-view="welcome"] .starting\:opacity-0{opacity:0}}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"*";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"*";inherits:false;initial-value:rotateZ(0)}@property --tw-skew-x{syntax:"*";inherits:false;initial-value:skewX(0)}@property --tw-skew-y{syntax:"*";inherits:false;initial-value:skewY(0)}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}


/* includes/header.blade.php — bloque 1 */
.navbar .logo img {
    width: 70px; 
    transition: .3s ease;
}


*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-01e30432dc).inline-style-01e30432dc { margin-top: 10px; display: none; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-0229ab8c00).inline-style-0229ab8c00 { margin-top: 8px; padding-top: 4px; border-top: 1px solid #eee; font-size: 8px; color: #6c757d; text-align: center; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-048b9a2b26).inline-style-048b9a2b26 { display: block; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-04c14b5508).inline-style-04c14b5508 { max-height: 300px; overflow-y: auto; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-059f9b120f).inline-style-059f9b120f { display: inline-flex; gap: 15px; padding: 10px; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-08fc5653b3).inline-style-08fc5653b3 { width: 60px; height: 60px; object-fit: contain; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-0af0d6bae7).inline-style-0af0d6bae7 { display: inline-flex; gap: 0px; padding: 0; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-0cd28ce9ba).inline-style-0cd28ce9ba { display:inline; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-0da8f3acb2).inline-style-0da8f3acb2 { margin-bottom: 0px; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-119946eef6).inline-style-119946eef6 { height: 5px; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-13cbe03b9a).inline-style-13cbe03b9a { text-align: right; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-1401138699).inline-style-1401138699 { text-align: center; padding: 20px; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-16c5bf8de1).inline-style-16c5bf8de1 { font-weight: bold; background-color: #f2f2f2; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-188b5f39d0).inline-style-188b5f39d0 { width: 80px; text-align: center; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-1a1fd291dc).inline-style-1a1fd291dc { text-align: center; padding: 50px; background: #f8f9fa; border-radius: 10px; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-1b2be0dc97).inline-style-1b2be0dc97 { text-align: center; padding: 30px; color: #999; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-1b3b307987).inline-style-1b3b307987 { width: 80px; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-21527ed7fc).inline-style-21527ed7fc { display:flex; flex-direction; column; align-items: center; justify-content:end; width: 50vw; margin-right:70px; padding: 0 auto; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-2b141d9054).inline-style-2b141d9054 { color: #38a169; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-2c132c6917).inline-style-2c132c6917 { width: 130px; font-size: 0.75rem; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-2f0b891963).inline-style-2f0b891963 { background:rgb(0,0,0); margin-bottom:40px; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-31981a7d51).inline-style-31981a7d51 { color: red; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-36285c3b6d).inline-style-36285c3b6d { max-height: 150px; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-36f18c59a5).inline-style-36f18c59a5 { height: 20px; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-37cbd36fb1).inline-style-37cbd36fb1 { mix-blend-mode: plus-darker; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-3854f2e9c0).inline-style-3854f2e9c0 { width: 130px; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-38d9cd015b).inline-style-38d9cd015b { display: flex; flex-direction:row; justify-content: center; align-items:center; width:100vw; margin:0 0 50px 0; padding:0; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-39740b8db2).inline-style-39740b8db2 { word-break: break-all; max-width: 300px; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-3c5a730d74).inline-style-3c5a730d74 { margin-top: 30px; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-3fb7a25418).inline-style-3fb7a25418 { margin: 0 0 0 0; padding: 0; background: rgb(0, 0, 0); }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-44228f0cd0).inline-style-44228f0cd0 { width: 40px; height: 40px; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-465709d60f).inline-style-465709d60f { padding-top:80px; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-4876de78ca).inline-style-4876de78ca { overflow-x: auto; white-space: nowrap; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-48d82e22d8).inline-style-48d82e22d8 { padding: 20px; background: #fff3cd; border-radius: 10px; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-4ad303928b).inline-style-4ad303928b { width: 20px; height: 20px; object-fit: contain; margin-right: 8px; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-50666a574d).inline-style-50666a574d { position: relative; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-5171941497).inline-style-5171941497 { word-break: break-word; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-5c95c0ca15).inline-style-5c95c0ca15 { padding: 20px; color: #dc3545; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-5f3eb38a49).inline-style-5f3eb38a49 { width: 50px; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-5fa693f3d4).inline-style-5fa693f3d4 { margin-top: 20px; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-607c2bdd30).inline-style-607c2bdd30 { width: 15%; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-611bf920db).inline-style-611bf920db { width: 160px; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-617b9f2b98).inline-style-617b9f2b98 { margin: 0px; padding: 0 0 0 0; background: #000000; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-61c087e7e6).inline-style-61c087e7e6 { width: 200px; display: inline-block; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-63b79a9724).inline-style-63b79a9724 { display: flex; justify-content: center; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-63ee2ccfc7).inline-style-63ee2ccfc7 { color: #718096; margin-bottom: 30px; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-6528b2713f).inline-style-6528b2713f { width: 30%; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-6630264457).inline-style-6630264457 { mix-blend-mode: hard-light; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-69d66e5b2e).inline-style-69d66e5b2e { width: 100%; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-6ae5f7d370).inline-style-6ae5f7d370 { margin: 30px 0; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-72a68ac344).inline-style-72a68ac344 { text-align: center; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-73783296b7).inline-style-73783296b7 { position: absolute; top: 100%; left: 0; right: 0; z-index: 1000; display: none; max-height: 300px; overflow-y: auto; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-75a8ff36cb).inline-style-75a8ff36cb { color: #999; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-7bde70b228).inline-style-7bde70b228 { text-align: center; background: #f7fafc; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-7c5f6a6970).inline-style-7c5f6a6970 { font-size: 10px; color: #ffc107; text-decoration: none; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-7d55b63e22).inline-style-7d55b63e22 { background: #fff3cd; border-left-color: #856404; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-7ef2639bb3).inline-style-7ef2639bb3 { word-break: break-all; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-807e51198d).inline-style-807e51198d { width: 100px; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-8115e8658f).inline-style-8115e8658f { text-align: center; justify-content: center; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-811674597a).inline-style-811674597a { width: 25px; height: 25px; object-fit: cover; margin-right: 5px; vertical-align: middle; object-fit: contain; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-821e4857c2).inline-style-821e4857c2 { width:150px; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-8506681389).inline-style-8506681389 { width: 180px; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-8aea279f8f).inline-style-8aea279f8f { margin-right: 2px; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-8c93cfaf53).inline-style-8c93cfaf53 { width: 120px; height: 120px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 50%; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-90569b4881).inline-style-90569b4881 { font-weight: bold; font-size: 10px; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-91a2a20e83).inline-style-91a2a20e83 { background: #28a745; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-985e2881c5).inline-style-985e2881c5 { mix-blend-mode:hard-light; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-9926abb071).inline-style-9926abb071 { display:flex; flex-direction:column; text-align:center; padding:0; align-items:center; justify-content:center; background:#000000; cursor:pointer; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-9d371d25eb).inline-style-9d371d25eb { width: 40px; height: 40px; vertical-align: middle; object-fit: contain; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-9d7e4e7b45).inline-style-9d7e4e7b45 { width: 80px; height: 80px; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-9eab1481af).inline-style-9eab1481af { margin: 0 0 0 0; font-size: 15px; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-a04348ea64).inline-style-a04348ea64 { max-width: 600px; margin: 0 auto; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-a07dc86e12).inline-style-a07dc86e12 { position: absolute; display: none; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-a12201a02b).inline-style-a12201a02b { border: 2px solid #dee2e6; border-radius: 8px; padding: 10px; background: white; cursor: pointer; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-a143f0cc6b).inline-style-a143f0cc6b { width: 30px; height: 30px; object-fit: contain; margin-right: 10px; border-radius: 3px; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-a4064dfb23).inline-style-a4064dfb23 { display:flex; flex-direction; column; align-items: center; justify-content:start; width: 50vw; margin-left:70px; padding: 0 auto; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-a6532d0f91).inline-style-a6532d0f91 { border:2px solid #dee2e6; border-radius:8px; text-align:center; padding:0; background:#000000; cursor:pointer; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-a8a5341de0).inline-style-a8a5341de0 { width: 0%; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-a9021a44d4).inline-style-a9021a44d4 { display: inline-block; text-align: center; cursor: pointer; background-color:rgb(0,0,0); background:rgb(0,0,0); }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-aa32478337).inline-style-aa32478337 { position: absolute; display: none; border: 1px solid #000; background: white; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-b26dbe853e).inline-style-b26dbe853e { background-color: #f0f0f0; padding: 10px; margin: 10px 0; border: 1px solid #ccc; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-b316c05548).inline-style-b316c05548 { display: none; text-align:center; margin: 20px; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-b9b6ea5638).inline-style-b9b6ea5638 { color: rgb(255,255,255); text-align: center; padding: 10px 0 0 0; font-size:12px; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-bc605c49f5).inline-style-bc605c49f5 { text-decoration: none; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-bd579d0517).inline-style-bd579d0517 { width: 80px; height: 80px; object-fit: contain; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-bd8925c205).inline-style-bd8925c205 { font-size: 0.6em; color: #999; vertical-align: middle; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-be369e0520).inline-style-be369e0520 { width: 24px; height: 24px; object-fit: contain; margin-right: 8px; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-c271afe536).inline-style-c271afe536 { max-height: 200px; overflow-y: auto; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-c2bcea0858).inline-style-c2bcea0858 { display: flex; justify-content: space-between; align-items: center; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-c3400183ff).inline-style-c3400183ff { text-align: center; white-space: nowrap; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-c3d7beb8c1).inline-style-c3d7beb8c1 { margin: 0 0 8px 0; font-size: 16px; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-c5f3557412).inline-style-c5f3557412 { display: flex; align-items: center; justify-content: center; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-c6e602992a).inline-style-c6e602992a { margin: 0 20px; font-size: 54px; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-cb4fb06734).inline-style-cb4fb06734 { margin: 0; color: #6c757d; font-size: 12px; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-cc95f670af).inline-style-cc95f670af { text-align: center; padding: 0 0 20px 0; font-size: 12px; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-ccac479daa).inline-style-ccac479daa { width: 5%; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-cea46e595d).inline-style-cea46e595d { height: 25px; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-cf594752a2).inline-style-cf594752a2 { color: #718096; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-d0289db80e).inline-style-d0289db80e { display: none; position: absolute; z-index: 1000; width: 100%; background: white; border: 1px solid #ddd; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-d230d151d1).inline-style-d230d151d1 { width: 40px; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-d3f64fb6b8).inline-style-d3f64fb6b8 { width: 20%; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-da18188d41).inline-style-da18188d41 { margin: 20px 0 10px 0; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-da57c5e81e).inline-style-da57c5e81e { vertical-align: middle; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-e308b2103e).inline-style-e308b2103e { max-width: 300px; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-e522f397c5).inline-style-e522f397c5 { font-size: 18px; font-weight: bold; color: #000000; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-e74a373e7f).inline-style-e74a373e7f { width: 300px; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-e8ff9c4730).inline-style-e8ff9c4730 { display: none; position: absolute; z-index: 1000; width: 280px; background: white; border: 1px solid #ddd; margin-top: 2px; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-e9e0e4af65).inline-style-e9e0e4af65 { font-size: 11px; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-ec060bac5e).inline-style-ec060bac5e { width: 200px; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-ed2d645d58).inline-style-ed2d645d58 { background: #4CAF50; color: white; padding: 10px; text-decoration: none; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-f2892a2e8a).inline-style-f2892a2e8a { display: none; }

/* Tamaño del logo del encabezado en los detalles de equipo y jugador */
body[data-view="equipos-show"] .navbar > .logo > img,
body[data-view="jugadores-show"] .navbar > .logo > img {
    display: block;
    width: 58px !important;
    max-width: 58px !important;
    height: 58px !important;
    max-height: 58px !important;
    object-fit: contain;
    flex: 0 0 58px;
}

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-f2de688878).inline-style-f2de688878 { text-align: center; padding: 30px; color: #a0aec0; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-f8d354e012).inline-style-f8d354e012 { padding: 20px; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-fb3ef80fdd).inline-style-fb3ef80fdd { color: #a0aec0; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .inline-style-fece8f2710).inline-style-fece8f2710 { background: #2196F3; color: white; padding: 10px; text-decoration: none; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .sl-diagnostico-error).sl-diagnostico-error { color: #e53e3e; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .sl-diagnostico-ok).sl-diagnostico-ok { color: #38a169; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .sl-display-block).sl-display-block { display: block; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .sl-display-none).sl-display-none { display: none; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .sl-font-bold).sl-font-bold { font-weight: bold; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .sl-prueba-error).sl-prueba-error { color: #dc3545; }

*:is(#sevenleague-inline-a#sevenleague-inline-b#sevenleague-inline-c, .sl-prueba-ok).sl-prueba-ok { color: #28a745; }

/* Footer público compartido */
.site-footer {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 34px 20px 18px;
    box-sizing: border-box;
    border-top: 3px solid rgb(255, 0, 0);
    color: #fff;
    background: #080808;
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    text-align: left;
}

.site-footer *,
.site-footer *::before,
.site-footer *::after {
    box-sizing: border-box;
}

.site-footer::before {
    content: "";
    position: absolute;
    top: -110px;
    right: -80px;
    width: 260px;
    height: 210px;
    border: 42px solid rgba(255, 0, 0, .07);
    border-radius: 50%;
    pointer-events: none;
}

.site-footer__inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1060px;
    margin: 0 auto;
}

.site-footer__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
    padding-bottom: 28px;
}

.site-footer__brand {
    display: flex;
    align-items: center;
    gap: 15px;
}

.site-footer__brand img {
    display: block;
    flex: 0 0 62px;
    width: 62px !important;
    min-width: 62px;
    max-width: 62px !important;
    height: 62px !important;
    min-height: 62px;
    max-height: 62px !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
}

.site-footer__brand strong {
    display: block;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.25;
    text-transform: uppercase;
}

.site-footer__brand span {
    display: block;
    margin-top: 5px;
    padding: 0;
    color: #8d8d8d;
    font-size: 11px;
    line-height: 1.4;
}

.site-footer__nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px 22px;
}

.site-footer__nav a,
.site-footer__nav a:visited {
    position: relative;
    color: #c4c4c4 !important;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.4;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: color .2s ease;
}

.site-footer__nav a::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -6px;
    left: 0;
    height: 2px;
    background: rgb(255, 0, 0);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .2s ease;
}

.site-footer__nav a:hover,
.site-footer__nav a:focus,
.site-footer__nav a:active {
    color: #fff !important;
    text-decoration: none !important;
}

.site-footer__nav a:hover::after {
    transform: scaleX(1);
}

.site-footer__bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px 20px;
    padding-top: 17px;
    border-top: 1px solid #222;
    color: #777;
    font-size: 10px;
    line-height: 1.5;
    letter-spacing: .04em;
}

.site-footer__bottom > * {
    margin: 0;
    padding: 0;
}

.site-footer__bottom strong {
    color: rgb(255, 0, 0);
    font-weight: 700;
}

.site-footer__agency,
.site-footer__agency:visited,
.site-footer__agency:hover,
.site-footer__agency:focus,
.site-footer__agency:active {
    color: #f4ff00 !important;
    font-weight: 700;
    text-decoration: none !important;
    transition: color .2s ease;
}

@media (max-width: 760px) {
    .site-footer__top {
        align-items: flex-start;
        flex-direction: column;
    }

    .site-footer__nav {
        justify-content: flex-start;
    }
}

@media (max-width: 430px) {
    .site-footer {
        padding-right: 14px;
        padding-left: 14px;
    }

    .site-footer__bottom {
        flex-direction: column;
        gap: 7px;
    }
}