/* Estilos exclusivos para el formulario de reclamaciones */
    .form-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 100vh;
        background-color: #f5f5f5;
        padding: 20px;
        overflow-y: auto;
    }

    #reclamaciones-form {
        width: 100%;
        max-width: 1200px;
        background: white;
        padding: 20px;
        border-radius: 8px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    }

    #reclamaciones-form .form-container {
        width: 100%;
        max-width: 1200px;
        margin: 8px auto;
        border: 2px solid #f8af29;
        border-radius: 5px;
        overflow: hidden;
        font-family: Arial, sans-serif;
    }

    #reclamaciones-form .form-header {
        background-color: #f8af29;
        padding: 10px;
        font-weight: bold;
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 14px;
    }

    #reclamaciones-form .form-header img {
        width: 20px;
        height: 20px;
    }

    #reclamaciones-form .form-body {
        padding: 15px;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    #reclamaciones-form .form-group33,
    #reclamaciones-form .form-group66,
    #reclamaciones-form .form-group100 {
        display: flex;
        flex-direction: column;
    }

    #reclamaciones-form .form-group33 {
        flex: 1 1 calc(33.33% - 10px);
    }

    #reclamaciones-form .form-group66 {
        flex: 1 1 calc(66.66% - 10px);
    }

    #reclamaciones-form .form-group100 {
        flex: 1 1 calc(100% - 10px);
    }

    #reclamaciones-form .small-group,
    #reclamaciones-form .radio-group {
        display: flex;
        gap: 5px;
        flex: 1 1 calc(33.33% - 10px);
    }

    #reclamaciones-form .form-group100 textarea {
        width: 100%;
        padding: 8px 4px;
        border: 1px solid #ccc;
        border-radius: 4px;
        font-size: 14px;
        resize: vertical;
        max-height: 300px;
    }

    #reclamaciones-form .small-group select,
    #reclamaciones-form .small-group input,
    #reclamaciones-form .form-group33 input,
    #reclamaciones-form .form-group66 input,
    #reclamaciones-form .form-group33 select {
        width: 100%;
        padding: 8px 4px;
        border: 1px solid #ccc;
        border-radius: 4px;
        font-size: 14px;
    }

    #reclamaciones-form .checkbox-group {
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 1 1 calc(33.33% - 10px);
    }

    #reclamaciones-form .checkbox-group input {
        margin-right: 5px;
    }

    #reclamaciones-form #menor_edad {
        transform: scale(1.2);
    }
    /* Estilo específico para las etiquetas en form-group33 */
    #reclamaciones-form .form-group33 label {
        font-size: 1.1rem; /* Ligera diferencia para destacar */
        color: #121212; /* Un tono más oscuro */
        margin-bottom: 8px;
    }
    #reclamaciones-form .form-group33 label2 {
        font-size: 1rem; /* Ligera diferencia para destacar */
        color: #121212; /* Un tono más oscuro */
        margin-bottom: 8px;
    }
    #reclamaciones-form .texto-pequeno {
        font-size: 0.8em; /* Puedes ajustar el tamaño según necesites */
        color: #9f9797; /* Un color más tenue para diferenciar */
        font-weight: normal;
    }
    /* Estilos específicos para <span> dentro de .form-header en el formulario */
    #reclamaciones-form .form-header span {
        font-size: 0.9rem; /* Tamaño de fuente adecuado */
        font-weight: bold; /* Texto en negrita */
        color: #121212; /* Color ligeramente oscuro para contraste */
        text-transform: uppercase; /* Convertir texto a mayúsculas */
        letter-spacing: 0.5px; /* Espaciado entre letras */
        display: inline-block; /* Permite ajustar márgenes y alineación */
        margin-left: 10px; /* Espaciado con respecto a otros elementos */
    }
    #reclamaciones-form .terms-container {
        margin-top: 10px;
    }


    #reclamaciones-form .terms-container label {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        display: block;
        font-size: 0.9rem;
        margin-bottom: 5px;
        cursor: pointer;
        font-weight: normal;
        color:#212529;
    }
    #reclamaciones-form .observaciones {
        margin-top: 10px;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    #reclamaciones-form .observaciones p {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        display: block;
        font-size: 0.9rem;
        margin-bottom: 5px;
        cursor: pointer;
        font-weight: normal;
        color:#212529;
    }
    #reclamaciones-form .titulo {
        margin-top: 10px;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    #reclamaciones-form .titulo p {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        display: block;
        font-size: 1.2rem;
        margin-bottom: 5px;
        font-weight: normal;
        color:#212529;
    }
     #reclamaciones-form .button-container {
        justify-content: flex-end !important;
        display: flex;
    }   

    #reclamaciones-form .error-message {
        color: red;
        font-size: 12px;
        display: none;
    }

    #reclamaciones-form .btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 1rem;
        font-weight: bold;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        padding: 10px 20px;
        text-transform: uppercase;
        gap: 8px; /* Espacio entre el ícono y el texto */
         margin-right: .5rem;
    }
    
    #reclamaciones-form .btn-guardar {
        background-color: #ffb300; /* Color amarillo */
        color: #000;
    }
    
    #reclamaciones-form .btn-cancelar {
        background-color: #6c757d; /* Color gris */
        color: #000;
    }
    
    /* Íconos personalizados con imágenes */
    #reclamaciones-form .btn-guardar::before {
        content: "";
        background: url('https://cdn-icons-png.flaticon.com/512/14563/14563051.png') no-repeat center center;
        background-size: contain;
        width: 20px;
        height: 20px;
    }
    
    #reclamaciones-form .btn-cancelar::before {
        content: "";
        background: url('https://cdn-icons-png.flaticon.com/512/4347/4347434.png') no-repeat center center;
        background-size: contain;
        width: 20px;
        height: 20px;
    }

    #reclamaciones-form .btn-guardar:disabled {
        background: #ccc;
        cursor: not-allowed;
    }

    /* Estilos exclusivos para adjuntar archivos */
    #reclamaciones-form .file-upload-container {
        display: flex;
        align-items: center;
        gap: 10px;
        flex-wrap: wrap;
    }

    #reclamaciones-form .file-upload-container a {
        color: #007bff;
        text-decoration: none;
        font-weight: bold;
        cursor: pointer;
    }

    #reclamaciones-form .file-upload-container a:hover {
        text-decoration: underline;
    }

    #reclamaciones-form .file-info {
        font-size: 12px;
        color: #555;
        width: 100%;
    }

    #reclamaciones-form .file-list {
        display: flex;
        gap: 10px;
        margin-top: 10px;
        flex-wrap: wrap;
    }

    #reclamaciones-form .file-item {
        width: 120px;
        text-align: center;
        border: 1px solid #ccc;
        border-radius: 5px;
        padding: 10px;
        background: #f9f9f9;
    }

    #reclamaciones-form .file-item img {
        width: 40px;
        height: 40px;
        margin-bottom: 5px;
    }

    #reclamaciones-form .file-name {
        font-size: 12px;
        margin-bottom: 5px;
        color: #333;
        word-break: break-word;
    }

    #reclamaciones-form .remove-file {
        background: red;
        color: white;
        border: none;
        padding: 5px;
        font-size: 12px;
        cursor: pointer;
        border-radius: 3px;
        width: 100%;
    }

    #reclamaciones-form #file-input {
        display: none;
    }

    @media (max-width: 768px) {
        #reclamaciones-form .form-group33,
        #reclamaciones-form .small-group {
            flex: 1 1 calc(50% - 10px);
        }
    }

    @media (max-width: 480px) {
        #reclamaciones-form .form-group33,
        #reclamaciones-form .small-group {
            flex: 1 1 100%;
        }
    }