.buzon-container {
        max-width: 700px;
        margin: 60px auto;
        background: #fff;
        padding: 30px 40px;
        border-radius: 12px;
        box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    }

    .buzon-title {
        text-align: center;
        font-size: 1.8rem;
        font-weight: 700;
        color: var(--color-primario);
        margin-bottom: 10px;
    }

    .buzon-subtitle {
        text-align: center;
        color: var(--color-secundario);
        font-size: 1rem;
        margin-bottom: 30px;
    }

    .form-label {
        font-weight: 600;
        color: #222;
    }

    .form-control,
    .form-select {
        border-radius: 6px;
        border: 1px solid #ddd;
        transition: all 0.2s ease;
    }

    .form-control:focus,
    .form-select:focus {
        border-color: var(--color-secundario);
        box-shadow: 0 0 0 0.15rem rgba(188, 149, 91, 0.25);
    }

    .btn-enviar {
        background-color: var(--color-primario);
        border: none;
        color: #fff;
        padding: 10px 16px;
        border-radius: 6px;
        font-weight: 600;
        transition: transform 0.2s ease, background 0.2s;
    }

    .btn-enviar:hover {
        background-color: #520f25;
        transform: scale(1.03);
    }

    .alerta {
        display: none;
        margin-bottom: 15px;
        padding: 10px 14px;
        border-radius: 6px;
    }

    .alerta.ok {
        display: block;
        background-color: #e6f7ef;
        color: #0b6b4a;
    }

    .alerta.error {
        display: block;
        background-color: #ffe8e8;
        color: #8a1414;
    }