/* Custom Styles for Pontuando Landing Page */

:root {
    --brand-blue: #1E3A8A;
    --brand-pink: #DB2777;
    --brand-coral: #F97316;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Typography Enhancements */
.font-cursive {
    font-family: 'Playfair Display', serif;
}

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

.animate-fade-in {
    animation: fadeIn 1s ease-out forwards;
}

@keyframes bounceSlow {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

.animate-bounce-slow {
    animation: bounceSlow 3s infinite ease-in-out;
}

/* FAQ Accordion Styles */
.faq-btn i {
    transition: transform 0.3s ease;
}

.faq-btn.active i {
    transform: rotate(180deg);
}

.faq-btn.active {
    color: var(--brand-pink);
}

/* Smooth Scroll Padding */
html {
    scroll-padding-top: 80px;
}

/* Selection Color */
::selection {
    background-color: var(--brand-pink);
    color: white;
}

/* Custom Utilities */
.text-shadow-premium {
    text-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .text-7xl {
        font-size: 3.5rem;
    }
}

/* Section Dividers / Marks */
.bg-dot-pattern {
    background-image: radial-gradient(#DB2777 1px, transparent 1px);
    background-size: 20px 20px;
}