/* MELHORIAS VISUAIS MODERNAS - SEM ALTERAR CORES, TEXTOS OU POSIÇÕES */

/* Sombras e transições suaves para cards */
.card {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 0.75rem;
}

.card:hover {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    transform: translateY(-4px);
}

/* Botões com efeitos modernos */
.btn-primary,
.btn-large {
    box-shadow: 0 4px 6px -1px rgba(220, 38, 38, 0.3), 0 2px 4px -1px rgba(220, 38, 38, 0.2);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-primary:hover,
.btn-large:hover {
    box-shadow: 0 10px 15px -3px rgba(220, 38, 38, 0.4), 0 4px 6px -2px rgba(220, 38, 38, 0.3);
    transform: translateY(-2px);
}

.btn-primary:active,
.btn-large:active {
    transform: translateY(0);
}

/* Trust badges com visual moderno */
.trust-badge {
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease;
}

.trust-badge:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transform: scale(1.05);
}

/* Inputs com foco suave */
.form-input {
    transition: all 0.2s ease;
}

.form-input:focus {
    transform: translateY(-1px);
    box-shadow: 0 4px 6px -1px rgba(217, 119, 6, 0.1), 0 2px 4px -1px rgba(217, 119, 6, 0.06);
}

/* Depoimentos com efeito glassmorphism sutil */
.testimonial-card-single {
    backdrop-filter: blur(8px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

/* Garantia com destaque visual */
.guarantee-section {
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.06);
}

.shield-icon {
    filter: drop-shadow(0 4px 6px rgba(217, 119, 6, 0.3));
    transition: transform 0.3s ease;
}

.shield-icon:hover {
    transform: scale(1.1) rotate(5deg);
}

/* Modal com sombra profunda */
.modal-overlay {
    backdrop-filter: blur(4px);
}

.modal-content {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    border-radius: 1rem;
}

/* Radio items com transição suave */
.radio-item {
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.radio-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.radio-item.selected {
    box-shadow: 0 0 0 3px rgba(217, 119, 6, 0.1);
}

/* Imagens com transição suave */
img {
    transition: transform 0.3s ease;
}

img:hover {
    transform: scale(1.02);
}

/* Header com sombra sutil */
header.sticky {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* Seções com separação visual suave */
.bg-white {
    box-shadow: inset 0 1px 0 rgba(217, 119, 6, 0.1);
}

/* Order Bump com efeito de destaque */
#order-bump-area {
    box-shadow: 0 4px 6px -1px rgba(217, 119, 6, 0.2), 0 2px 4px -1px rgba(217, 119, 6, 0.1);
    transition: all 0.3s ease;
}

#order-bump-area:hover {
    box-shadow: 0 10px 15px -3px rgba(217, 119, 6, 0.3), 0 4px 6px -2px rgba(217, 119, 6, 0.2);
    transform: translateY(-2px);
}