/* Style override — copia il look */
/* Extracted from: https://www.djangoproject.com */
:root {
    --primary: rgb(32, 170, 118);
    --primary-dark: rgb(32, 170, 118);
    --primary-light: rgb(32, 170, 118);
    --primary-glow: rgba(32, 170, 118, 0.15);
    --shadow-primary: 0 8px 32px rgba(32, 170, 118, 0.15);
    --text: rgb(12, 60, 38);
    --bg: rgb(248, 248, 248);
    --bg-dark: rgb(68, 183, 139);
}
body { font-family: Roboto, Corbel, Avenir, "Lucida Grande", "Lucida Sans", sans-serif; }

/* Navbar — override vetrina defaults */
.navbar, .navbar.scrolled { background: rgb(12, 75, 51) !important; backdrop-filter: none !important; border-bottom: none !important; }
.navbar-brand, .navbar.scrolled .navbar-brand { color: #fff !important; }
.nav-links a, .navbar.scrolled .nav-links a { font-size: 40px !important; font-weight: 700 !important; border-radius: 0 !important; padding: 0.5rem 0.4rem !important; text-decoration: none !important; color: rgb(255, 255, 255) !important; }
.nav-links a:hover, .navbar.scrolled .nav-links a:hover { background: transparent !important; border-radius: 0 !important; }

/* Footer — override .site-footer selectors */
.footer, .site-footer { background: rgb(68, 183, 139) !important; }
.footer, .site-footer { color: rgb(12, 60, 38) !important; }
.footer a, .site-footer a, .footer-bottom a { color: rgb(241, 255, 247) !important; }
.footer a, .site-footer a { text-decoration: none !important; }
.footer h3, .footer h4, .site-footer h4, .footer-brand h3 { color: rgb(241, 255, 247) !important; }
.footer h3, .footer h4, .site-footer h4, .footer-brand h3 { font-weight: 700 !important; }
.footer h3, .footer h4, .site-footer h4, .footer-brand h3 { font-size: 16px !important; }
.footer a:hover, .site-footer a:hover, .footer-bottom a:hover { text-decoration: underline !important; }

/* Hero */
.hero { background: rgb(255, 255, 255) !important; }
.hero, .hero h1, .hero p { color: rgb(12, 60, 38) !important; }

/* Buttons — complete override */
.btn, .btn-primary, .btn-outline, .hero .btn, .hero .btn-primary, .hero .btn-outline, .cta-section .btn-primary { background: rgb(68, 183, 139) !important; color: rgb(255, 255, 255) !important; border-radius: 5px !important; border: 2px solid rgb(68, 183, 139) !important; font-size: 18px !important; font-weight: 700 !important; padding: 18px 50px 19.8px !important; text-transform: none !important; letter-spacing: -1px !important; box-shadow: none !important; }
.btn:hover, .btn-primary:hover, .btn-outline:hover, .hero .btn:hover, .hero .btn-primary:hover, .hero .btn-outline:hover, .cta-section .btn-primary:hover { transform: none !important; box-shadow: none !important; }