/* Estilos para campos condicionais */
.conditional-field {
    transition: all 0.3s ease;
}

.conditional-field.hidden {
    display: none;
}

.conditional-field.fade-out {
    opacity: 0;
    transform: translateY(-10px);
}

.conditional-field.fade-in {
    opacity: 1;
    transform: translateY(0);
}

/* Animação de slide */
.conditional-field.sliding {
    overflow: hidden;
}

/* Estilo para campos desabilitados */
.conditional-field input:disabled,
.conditional-field select:disabled,
.conditional-field textarea:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    background-color: #f8f9fa;
}

/* Indicador visual de campo condicional */
.conditional-field::before {
    content: "⚡";
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    color: #6c757d;
    opacity: 0.7;
}

/* Estilo para campos obrigatórios condicionais */
.conditional-field.required-field::after {
    content: " *";
    color: #dc3545;
    font-weight: bold;
}

/* Hover effect para campos condicionais */
.conditional-field:hover::before {
    opacity: 1;
    color: #007bff;
}

/* Responsividade */
@media (max-width: 768px) {
    .conditional-field::before {
        left: -15px;
        font-size: 10px;
    }
}