:root {
    /* --- Colores --- */
--cfondo: #38393c;
--cconteiner: #4b4c4f;
--cturquesa:#83c4d6;
--cbordes: #5a5c60;
--cletrasfondo: #e0f2fe;
--cvioleta: #b074b6ff;
--Cboton: #83c4d6;
}

body{
    font-family: 'Segoe UI', sans-serif;
    margin: 0;
    background-color: var(--cfondo);
    color: var(--cletrasfondo);
    padding: 20px;
}

.container-gral { 
    max-width: 1000px; /* Un poco más ancho para que respire */
    margin: auto; 
    background: var(--cconteiner); /* Fondo tarjeta ligeramente más claro */
    padding: 40px; 
    border-radius: 12px; 
    box-shadow: 0 10px 25px rgba(0,0,0,0.5); 
}

.elementos-header {
    display: flex;             
    justify-content: space-between; 
    align-items: center;        
    border-bottom: 2px solid var(--cturquesa); /* Celeste del diseño */
    padding-bottom: 15px;
    margin-bottom: 30px;
}

.inst-cerrar {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    
}

.logo-del-header {
    text-align: center;        
    padding-bottom: 0px;    
    margin-bottom: 0px;  
 }

.logo-del-header img {
    height: 100px;              
    width: auto;               
    display: block;
    margin: 0 auto;            
}
.header-links a{ 
            font-size: 1rem; 
            margin: 0; 
            color: #b074b6ff; 
            text-decoration: none; 
            font-weight: bold; 
}

.header-links a:hover { 
    color: white; 
}

.contenedor-formularios { 
    /*grid-column: 1 / -1;*/
    background-color: #38393c; 
    padding: 25px; 
    border-radius: 8px; 
    border: 1px solid #5a5c60; 
    margin-bottom: 30px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.dos-columnas {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.empieza-el-contenido p { 
    margin-bottom: 10px;
    font-size: 0.95rem; 
    border-bottom: 1px solid #444; 
    padding-bottom: 5px; 
    display: flex; 
    justify-content: space-between;
}
.empieza-el-contenido strong { 
    color: #83c4d6; 
    }

.empieza-el-contenido h3 { 
            color: #b074b6ff; 
            margin-bottom: 20px; 
            font-size: 1.2rem; 
            border-bottom: 1px solid #5a5c60; 
            padding-bottom: 10px; 
            margin-top: 0;
}


.parrafo-documentos{
    margin-bottom: 15px; 
    font-size: 0.9rem; 
    color:#ccc;
}

.small-documentos{
    color:#aaa; 
    margin-left: 10px;
}

.btn-editar-datos {
    background-color: transparent; 
    border: 1px solid #83c4d6; 
    color: #83c4d6;
    padding: 8px 15px; 
    border-radius: 5px; 
    text-decoration: none; 
    font-weight: bold;
    margin-top: 15px; 
    transition: all 0.2s; 
    width: fit-content; 
    align-self: flex-start;
}
.btn-editar-datos:hover { 
    background-color: #83c4d6; 
    color: #2d2e30; 
}
.document-list, .torneo-list { 
    list-style: none; 
    padding: 0; 
    margin: 0; 
}

.document-list li, .torneo-list li { 
    background: #2d2e30; 
    margin-bottom: 10px; 
    padding: 12px; 
    border-radius: 6px;
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    font-size: 0.95rem;
    border: 1px solid #5a5c60;
}

 .document-list a { 
            background: #83c4d6; color: #2d2e30; 
            padding: 6px 12px; border-radius: 4px; text-decoration: none; font-weight: bold; font-size: 0.85rem; 
        }
        .document-list a:hover { background: #00c5d6; }




 /* 
        body { 
            font-family: 'Segoe UI', 'Inter', sans-serif; 
            background-color: #38393c; 
            color: #e0f2fe; 
            margin: 0; padding: 20px;
        }

        .container-gral { 
    max-width: 1000px; 
    margin: auto; 
    background: var(--cconteiner); 
    padding: 40px; 
    border-radius: 12px; 
    box-shadow: 0 10px 25px rgba(0,0,0,0.5); 
    }
    
    .elementos-header {
    display: flex;             
    justify-content: space-between; 
    align-items: center;        
    border-bottom: 2px solid var(--cturquesa); 
    padding-bottom: 15px;
    margin-bottom: 30px;
}
.logo-del-header {
    text-align: center;        
    padding-bottom: 0px;    
    margin-bottom: 0px;  
 }

.logo-del-header img {
    height: 100px;              
    width: auto;               
    display: block;
    margin: 0 auto;            
}

.header-links a{ 
            font-size: 1rem; 
            margin: 0; 
            color: #b074b6ff; 
            text-decoration: none; 
            font-weight: bold; 
}

.header-links a:hover { 
    color: white; 
}

       

        input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active {
  
    -webkit-box-shadow: 0 0 0 30px #2d2e30 inset !important;
    
    
    -webkit-text-fill-color: white !important;
    
    
    border: 1px solid #5a5c60 !important;
    
   
    transition: background-color 5000s ease-in-out 0s;
}
  
        .container { 
            max-width: 1200px; 
            margin: 0 auto; 
            background: #4b4c4f; 
            padding: 40px; 
            border-radius: 12px; 
            box-shadow: 0 10px 25px rgba(0,0,0,0.5); 
        }
        
        
        .header-content {
            display: flex; 
            justify-content: space-between; 
            align-items: center;
            border-bottom: 2px solid #83c4d6; 
            padding-bottom: 15px;
            margin-bottom: 30px;
        }

        .header-content h1 { 
            font-size: 1.8rem; 
            color: #83c4d6; 
            margin: 0; 
        }

        .nav-links a { 
            color: #b074b6ff; 
            text-decoration: none; 
            margin-left: 20px; 
            font-weight: bold; 
            transition: color 0.2s; 
        }
        .nav-links a:hover { color: white; }

        .message { padding: 12px; border-radius: 6px; margin-bottom: 20px; font-weight: 500; }
        .message.success { background: #1f7c5e; color: white; border: 1px solid #10b981; }
        .message.error { background: #7c2d1f; color: white; border: 1px solid #ef4444; }

        .welcome-title { font-size: 1.5rem; color: white; margin-bottom: 5px; margin-top: 0;}
        .welcome-sub { color: #ccc; margin-bottom: 25px; margin-top: 0;}

        
        .dashboard-grid { 
            display: grid; 
            grid-template-columns: 1fr 1fr; 
            gap: 25px; 
        }
        .full-span { grid-column: 1 / -1; }

        
        .card { 
            background-color: #38393c; 
            padding: 25px; 
            border-radius: 8px; 
            box-shadow: 0 2px 5px rgba(0,0,0,0.2); 
            border: 1px solid #5a5c60; 
            display: flex; flex-direction: column; justify-content: space-between;
        }
        
        
        
       
        .data-list p { 
            margin-bottom: 10px; font-size: 0.95rem; 
            border-bottom: 1px solid #444; padding-bottom: 5px; display: flex; justify-content: space-between;
        }
        .data-list strong { color: #83c4d6; }
        
       

        
        .badge-debt { background: #644949; color: #f87171; padding: 8px 15px; border-radius: 6px; font-weight: bold; border: 1px solid #f87171; display: inline-block;}
        .badge-ok { background: #496449; color: #4ade80; padding: 8px 15px; border-radius: 6px; font-weight: bold; border: 1px solid #4ade80; display: inline-block;}

        
        
        
        
        .document-list a { 
            background: #83c4d6; color: #2d2e30; 
            padding: 6px 12px; border-radius: 4px; text-decoration: none; font-weight: bold; font-size: 0.85rem; 
        }
        .document-list a:hover { background: #00c5d6; }

       
        .form-torneo-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; }
        .form-torneo-grid label { display: block; margin-bottom: 8px; font-size: 0.9rem; font-weight: 600; color: #83c4d6; }
        
        .form-torneo-grid input, .form-torneo-grid select, .form-torneo-grid textarea { 
            width: 100%; padding: 12px; border-radius: 6px; 
            border: 1px solid #5a5c60; 
            background-color: #2d2e30; 
            color: white; 
            font-size: 0.95rem; font-family: 'Segoe UI', sans-serif;
        }
        .form-torneo-grid input:focus, select:focus, textarea:focus { outline: none; border-color: #83c4d6; background: #38393c; }

        .form-torneo-grid input[type="submit"] { 
            background-color: #83c4d6; color: #2d2e30; 
            padding: 12px; cursor: pointer; border: none; font-weight: bold; 
            font-size: 1rem; margin-top: 10px;
        }
        .form-torneo-grid input[type="submit"]:hover { background-color: #00c5d6; }
        
        .hidden { display: none; }
        
        
        .badge-oficial { background: #1f7c5e; color: white; padding: 2px 8px; border-radius: 4px; font-weight: bold; font-size: 0.75rem; border: 1px solid #10b981;}
        .badge-no-oficial { background: #7c5e1f; color: #fde047; padding: 2px 8px; border-radius: 4px; font-weight: bold; font-size: 0.75rem; border: 1px solid #eab308;}
        .badge-promocion { color: #b074b6ff; font-weight: bold; font-size: 0.9rem; margin-left: 10px;}

        @media (max-width: 768px) {
            .dashboard-grid { grid-template-columns: 1fr; }
            .header-content { flex-direction: column; text-align: center; gap: 15px;}
            .nav-links { margin: 0; }
        }
    </style>*/