#solicitudes {
            padding: 2rem;
            padding-top: 200px; /* separa del navbar sticky */
            background-color: #f5f5f5;
        }

        @media(max-width: 1000px) {
            #solicitudes {
                padding-top: 100px;
            }
        }

        #solicitudes h2 {
            margin-bottom: 1rem;
        }

        .solicitudes-container {
            display: flex;
            flex-wrap: wrap;
            gap: 1rem;
        }

        .solicitud-card {
            background-color: #fff;
            border-radius: 10px;
            box-shadow: 0 2px 6px rgba(0,0,0,0.1);
            padding: 1rem;
            width: 300px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .solicitud-info p {
            margin: 0.3rem 0;
        }

        .tramitador {
            font-weight: bold;
            font-size: 1.1rem;
        }

        .area-roja {
            color: red;
            font-weight: bold;
        }

        .finalizada.si {
            color: green;
        }

        .finalizada.no {
            color: red;
        }

        .precio-si {
            color: green;
            font-weight: bold;
        }

        .precio-no {
            color: red;
            font-weight: bold;
        }

        .solicitud-buttons {
            margin-top: 1rem;
            display: flex;
            justify-content: center; 
            gap: 0.5rem;
        }

        .solicitud-buttons .btn {
            padding: 0.5rem 0.7rem;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            font-weight: bold;
            transition: background 0.2s;
        }

        .aceptar-precio {
            background-color: #4CAF50;
            color: white;
        }

        .aceptar-precio:hover {
            background-color: #45a049;
        }

        .chat {
            background-color: #2196F3;
            color: white;
        }

        .chat:hover {
            background-color: #1976D2;
        }

        .cancelar {
            background-color: #f44336;
            color: white;
        }

        .cancelar:hover {
            background-color: #d32f2f;
        }

        .pagar {
            background-color: #4CAF50;
            color: white;
            width: 80%;
        }

        .pagar:hover {
            background-color: #45a049;
        }
        .finalizar {
            background-color: #4CAF50;
            color: white;
            width: 40%;
        }

        .finalizar:hover {
            background-color: #45a049;
        }

        .pagar-final {
            background-color: #4CAF50;
            color: white;
            width: 80%;
        }

        .pagar-final:hover {
            background-color: #45a049;
        }