/* Estilos gerais */
body {
    font-family: 'Inter', sans-serif;
    /* Adicionando padding inferior para evitar que o conteúdo fique embaixo do botão fixo */
    padding-bottom: calc(80px + env(safe-area-inset-bottom));
}

/* Efeitos para brand-logo */
.brand-logo {
    transition: all 0.3s ease;
    border-width: 2px;
}

.brand-logo:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.brand-logo.selected {
    border-color: #002E69;
    background-color: #EBF5FF;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

/* Animação para os boxes de ano no passo 2 */
.year-option.animate-attention {
    animation: pulseAttention 2s ease-in-out, highlightBorder 2s ease-in-out;
    box-shadow: 0 5px 15px -3px rgba(0, 0, 0, 0.15);
    position: relative;
}

/* Animação de pulso que destaca os boxes de ano */
@keyframes pulseAttention {
    0%, 100% {
        transform: scale(1);
    }
    10% {
        transform: scale(1.03);
    }
    20% {
        transform: scale(1);
    }
    30% {
        transform: scale(1.02);
    }
    40%, 100% {
        transform: scale(1);
    }
}

/* Animação que destaca as bordas dos boxes de ano */
@keyframes highlightBorder {
    0% {
        border-color: rgba(0, 46, 105, 0.2);
    }
    20% {
        border-color: rgba(0, 46, 105, 0.8);
    }
    40% {
        border-color: rgba(0, 46, 105, 0.2);
    }
    60% {
        border-color: rgba(0, 46, 105, 0.6);
    }
    80%, 100% {
        border-color: rgba(0, 46, 105, 0.3);
    }
}

/* Fade-in animation */
.fade-in {
    animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Botão fixo mobile "Quero Vender" */
#mobile-cta-btn {
    cursor: pointer;
    transition: transform 0.3s ease, background-color 0.3s ease;
    font-size: 18px;
    letter-spacing: 0.5px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* Usando box-shadow para dar destaque ao botão */
    box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.15);
    /* Efeito de pulso para chamar atenção */
    animation: pulse 2s infinite;
    /* Garantindo espaço adequado para iPhones com notch */
    padding-bottom: calc(env(safe-area-inset-bottom) + 4px);
}

#mobile-cta-btn:active {
    background-color: #001E46;
}

/* Animação de pulso para o botão */
@keyframes pulse {
    0% {
        box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.15);
    }
    50% {
        box-shadow: 0 -4px 15px rgba(0, 46, 105, 0.4);
    }
    100% {
        box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.15);
    }
}

/* Aspect ratio para vídeo */
.aspect-w-16 {
    position: relative;
    padding-bottom: 56.25%;
}

.aspect-w-16 > div {
    position: absolute;
    width: 100%;
    height: 100%;
}

/* Adicionando estilos para dispositivos iOS (iPhone) */
@supports (-webkit-touch-callout: none) {
    body {
        /* Ajuste extra para iOS */
        padding-bottom: calc(80px + 34px); /* 34px é aproximadamente o safe area do iPhone X e modelos posteriores */
    }
    
    #mobile-cta-btn {
        /* Garantia extra para problemas de sobreposição no iOS */
        padding-bottom: max(env(safe-area-inset-bottom), 15px);
        margin-bottom: 0;
        height: auto;
        min-height: 60px;
    }
    
    /* Adicional: Cores mais vibrantes no iOS */
    #mobile-cta-btn {
        background-image: linear-gradient(to right, #003580, #0055CC);
        box-shadow: 0 -4px 12px rgba(0, 46, 105, 0.3);
    }
}

/* Message styles for warnings and notifications */
.sad-message, .old-notebook-message, .amd-old-warning {
    background-color: #fef2f2;
    border-left: 4px solid #ef4444;
    transition: all 0.3s ease;
}

.sad-message:hover, .old-notebook-message:hover, .amd-old-warning:hover {
    background-color: #fef1f1;
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.15);
}

.amd-old-warning {
    background-color: #fffbeb;
    border-left: 4px solid #f59e0b;
}

.amd-old-warning:hover {
    background-color: #fffaeb;
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.15);
}