.reclamaciones-embed-container {
    display: flex !important;
    justify-content: center !important;
    padding: 20px !important;
    background-color: #f9f9f9 !important;
}

.reclamaciones-container {
    max-width: 800px !important;
    width: 100% !important;
    background: #fff !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
    padding: 20px !important;
    font-family: "Corporate Rounded", Roboto, sans-serif !important;
}

/* Header */
.reclamaciones-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 20px !important;
}

.header-title {
    font-size: 24px !important;
    color: #1E3A5F !important;
    margin: 0 !important;
    font-family: "Corporate Rounded Bold", Roboto Bold, sans-serif !important;
}

.search-link {
    color: #D62828 !important;
    text-decoration: none !important;
    font-size: 14px !important;
}

.search-link:hover {
    text-decoration: underline !important;
}

/* Company Info */
.company-info {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 20px !important;
    border-bottom: 1px solid #ddd !important;
    padding-bottom: 20px !important;
}

.logo img {
    max-width: 100px !important;
    margin-right: 20px !important;
}

.company-details {
    flex: 1 !important;
}

.company-title {
    font-size: 20px !important;
    color: #1E3A5F !important;
    margin: 0 0 10px !important;
    font-family: "Corporate Rounded Bold", Roboto Bold, sans-serif !important;
}

.company-details p {
    margin: 5px 0 !important;
    font-size: 14px !important;
    color: #4B4B4B !important;
}

.company-details a {
    color: #8CBF3F !important;
    text-decoration: none !important;
}

.company-details a:hover {
    text-decoration: underline !important;
}

/* Process Steps (Progress Bar) */
.process-steps {
    display: flex !important;
    justify-content: space-between !important;
    margin-bottom: 20px !important;
}

.step {
    flex: 1 !important;
    text-align: center !important;
    padding: 10px !important;
    background: #f0f0f0 !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    color: #4B4B4B !important;
    position: relative !important;
    margin: 0 5px !important;
}

.step span {
    display: inline-block !important;
    width: 24px !important;
    height: 24px !important;
    line-height: 24px !important;
    background: #ccc !important;
    color: #fff !important;
    border-radius: 50% !important;
    margin-right: 5px !important;
    font-size: 16px !important;
}

.step.active {
    background: #F4F4F4 !important;
    color: #1E3A5F !important;
}

.step.active span {
    background: #D62828 !important;
}

.step.completed {
    background: #F4F9ED !important;
    color: #1E3A5F !important;
}

.step.completed span {
    background: #8CBF3F !important;
}

/* Form Styles */
.complaint-form {
    margin-top: 20px !important;
}

.section-title {
    font-size: 20px !important;
    color: #1E3A5F !important;
    margin-bottom: 15px !important;
    font-family: "Corporate Rounded Bold", Roboto Bold, sans-serif !important;
}

.subsection-title {
    color: #D62828 !important;
    font-size: 18px !important;
    margin: 15px 0 10px !important;
}

.form-group {
    margin-bottom: 15px !important;
}

.form-group label {
    display: block !important;
    margin-bottom: 5px !important;
    font-size: 14px !important;
}

.form-group input,
.form-group select,
.form-group textarea {
    width: 100% !important;
    padding: 8px !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    font-size: 14px !important;
}

.form-group input[type="radio"],
.form-group input[type="checkbox"] {
    width: auto !important;
    margin-right: 10px !important;
}

.form-group textarea {
    height: 100px !important;
    resize: vertical !important;
}

.small-text {
    color: #4B4B4B !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    margin: 10px 0 !important;
}

.error-message {
    color: #D62828 !important;
    font-size: 14px !important;
    margin: 10px 0 !important;
    padding: 10px !important;
    background-color: #FFE6E6 !important;
    border: 1px solid #D62828 !important;
    border-radius: 4px !important;
    display: none !important;
}

.field-error {
    color: #D62828 !important;
    font-size: 0.85em !important;
    margin-top: 4px !important;
}

/* Navigation */
.form-navigation {
    display: flex !important;
    justify-content: space-between !important;
    margin-top: 20px !important;
}

button {
    background-color: #D62828 !important;
    color: #fff !important;
    padding: 10px 20px !important;
    border: none !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    font-family: "Corporate Rounded Bold", Roboto Bold, sans-serif !important;
    font-size: 14px !important;
}

button:disabled {
    background-color: #cccccc !important;
    cursor: not-allowed !important;
}

button:hover:not(:disabled) {
    background-color: #F4B400 !important;
}

/* Responsive Design */
@media (max-width: 600px) {
    .reclamaciones-container {
        padding: 10px !important;
    }

    .reclamaciones-header {
        flex-direction: column !important;
        text-align: center !important;
    }

    .header-title {
        font-size: 20px !important;
        margin-bottom: 10px !important;
    }

    .search-link {
        font-size: 12px !important;
    }

    .company-info {
        flex-direction: column !important;
        text-align: center !important;
    }

    .logo img {
        margin-right: 0 !important;
        margin-bottom: 10px !important;
    }

    .company-title {
        font-size: 18px !important;
    }

    .company-details p {
        font-size: 12px !important;
    }

    .step {
        font-size: 12px !important;
    }

    .step span {
        font-size: 18px !important;
    }

    .section-title {
        font-size: 18px !important;
    }

    .subsection-title {
        font-size: 16px !important;
    }

    .form-group label,
    .form-group input,
    .form-group select,
    .form-group textarea {
        font-size: 12px !important;
    }

    button {
        padding: 8px 15px !important;
        font-size: 12px !important;
    }
}

/* Success Section */
.success-title {
    font-size: 28px !important;
    color: #8CBF3F !important;
    margin-bottom: 20px !important;
    font-family: "Corporate Rounded Bold", Roboto Bold, sans-serif !important;
}

@media (max-width: 600px) {
    .success-title {
        font-size: 22px !important;
    }
}