:root{--primary-green: #2d8659;--accent-green: #4a9d6b;--light-green: #7bc092;--pale-green: #e8f5ee;--cream-white: #fefffe;--warm-gray: #5a6b5d;--dark-text: #2c3e30;--border-green: #b8d4c6;--shadow: rgba(45, 134, 89, 0.15);--gradient-green: linear-gradient(135deg, var(--primary-green), var(--accent-green));--gradient-light: linear-gradient(135deg, var(--light-green), var(--pale-green))}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;line-height:1.6;color:var(--dark-text);background-color:var(--cream-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1000px;margin:0 auto;padding:0 3rem}@media(max-width: 768px){.container{padding:0 1.5rem}}.banner{background:var(--gradient-green);color:#fff;padding:4rem 0;position:relative;overflow:hidden}.banner::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("/assets/images/logo_afi.jpg") center/cover;opacity:.1;z-index:1}.banner .banner-content{position:relative;z-index:2;text-align:center}.banner .banner-logo{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 8px 32px rgba(0,0,0,.2);margin-bottom:2rem;transition:transform .3s ease}.banner .banner-logo:hover{transform:scale(1.05)}.banner h1{font-size:3rem;font-weight:800;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}@media(max-width: 768px){.banner h1{font-size:2rem}}.banner .subtitle{font-size:1.2rem;opacity:.9;font-weight:300;margin-bottom:2rem}.navigation{background:#fff;box-shadow:0 2px 20px var(--shadow);position:sticky;top:0;z-index:100}.navigation .nav-container{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.navigation .nav-logo{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid var(--primary-green)}.navigation .nav-links{display:flex;list-style:none;gap:2rem}@media(max-width: 768px){.navigation .nav-links{flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#fff;padding:2rem;box-shadow:0 4px 20px var(--shadow);display:none}.navigation .nav-links.active{display:flex}}.navigation .nav-links a{text-decoration:none;color:var(--dark-text);font-weight:500;padding:.5rem 1rem;border-radius:25px;transition:all .3s ease}.navigation .nav-links a:hover,.navigation .nav-links a.active{background:var(--pale-green);color:var(--primary-green);transform:translateY(-2px)}.navigation .menu-toggle{display:none;background:none;border:none;font-size:1.5rem;color:var(--primary-green);cursor:pointer}@media(max-width: 768px){.navigation .menu-toggle{display:block}}.main-content{padding:4rem 0;background:linear-gradient(180deg, var(--cream-white) 0%, var(--pale-green) 100%);min-height:60vh}.content-section{background:#fff;border-radius:20px;padding:3rem;margin:3rem 0;box-shadow:0 8px 32px var(--shadow);border:1px solid var(--border-green);transition:all .3s ease;position:relative;overflow:hidden}.content-section::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:4px;background:var(--gradient-green);transition:left .5s ease}.content-section:hover{transform:translateY(-5px);box-shadow:0 16px 48px rgba(45,134,89,.2)}.content-section:hover::before{left:0}.content-section h2{color:var(--primary-green);font-weight:700;margin-bottom:1.5rem;font-size:2rem}.content-section h2::after{content:"";display:block;width:60px;height:3px;background:var(--gradient-green);margin-top:.5rem;border-radius:2px}.content-section h3{color:var(--accent-green);font-weight:600;margin:2rem 0 1rem 0;font-size:1.4rem}.content-section p{margin-bottom:1.5rem;line-height:1.8;color:var(--dark-text)}.content-section .section-image{width:100%;max-width:300px;height:200px;object-fit:cover;border-radius:15px;box-shadow:0 8px 24px var(--shadow);margin:2rem auto;display:block;transition:transform .3s ease}.content-section .section-image:hover{transform:scale(1.02)}.content-section .section-image.float-right{float:right;margin:0 0 2rem 2rem}@media(max-width: 768px){.content-section .section-image.float-right{float:none;margin:2rem auto}}.content-section .section-image.float-left{float:left;margin:0 2rem 2rem 0}@media(max-width: 768px){.content-section .section-image.float-left{float:none;margin:2rem auto}}.grid-2{display:grid;grid-template-columns:repeat(auto-fit, minmax(400px, 1fr));gap:2rem;margin:3rem 0}@media(max-width: 768px){.grid-2{grid-template-columns:1fr}}.grid-3{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:2rem;margin:3rem 0}.btn{display:inline-block;padding:12px 30px;border-radius:25px;text-decoration:none;font-weight:600;text-align:center;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);border:none;cursor:pointer;position:relative;overflow:hidden;margin:.5rem}.btn.btn-primary{background:var(--gradient-green);color:#fff;box-shadow:0 4px 15px rgba(45,134,89,.3)}.btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(45,134,89,.4)}.btn.btn-secondary{background:#fff;color:var(--primary-green);border:2px solid var(--primary-green)}.btn.btn-secondary:hover{background:var(--primary-green);color:#fff;transform:translateY(-2px)}.btn.btn-light{background:var(--pale-green);color:var(--primary-green)}.btn.btn-light:hover{background:var(--light-green);color:#fff;transform:translateY(-2px)}.image-gallery{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1.5rem;margin:3rem 0}.image-gallery .gallery-item{position:relative;border-radius:15px;overflow:hidden;box-shadow:0 8px 24px var(--shadow);transition:transform .3s ease}.image-gallery .gallery-item:hover{transform:scale(1.02)}.image-gallery .gallery-item img{width:100%;height:250px;object-fit:cover;display:block}.image-gallery .gallery-item .caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent, rgba(0, 0, 0, 0.7));color:#fff;padding:2rem 1rem 1rem;font-size:.9rem}.posts-list{list-style:none}.posts-list .post-item{background:#fff;border-radius:15px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 20px var(--shadow);border-left:4px solid var(--primary-green);transition:all .3s ease}.posts-list .post-item:hover{transform:translateX(5px);box-shadow:0 8px 30px rgba(45,134,89,.2)}.posts-list .post-item .post-date{color:var(--accent-green);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.posts-list .post-item .post-title{color:var(--primary-green);font-size:1.4rem;font-weight:700;margin-bottom:1rem}.posts-list .post-item .post-title a{text-decoration:none;color:inherit}.posts-list .post-item .post-title a:hover{color:var(--accent-green)}.posts-list .post-item .post-excerpt{color:var(--dark-text);line-height:1.7;margin-bottom:1rem}.posts-list .post-item .post-image{width:120px;height:80px;object-fit:cover;border-radius:10px;float:right;margin-left:2rem;box-shadow:0 4px 12px var(--shadow)}@media(max-width: 768px){.posts-list .post-item .post-image{float:none;width:100%;height:150px;margin:1rem 0}}.footer{background:var(--dark-text);color:var(--pale-green);padding:3rem 0 2rem}.footer .footer-content{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:3rem;margin-bottom:2rem}.footer .footer-section h4{color:var(--light-green);font-weight:600;margin-bottom:1rem;font-size:1.1rem}.footer .footer-section p,.footer .footer-section a{color:var(--pale-green);text-decoration:none;line-height:1.8}.footer .footer-section p:hover,.footer .footer-section a:hover{color:var(--light-green)}.footer .footer-section .footer-logo{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--light-green);margin-bottom:1rem}.footer .footer-bottom{border-top:1px solid var(--warm-gray);padding-top:2rem;text-align:center;color:var(--border-green);font-size:.9rem}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.fade-in-up{animation:fadeInUp .6s ease-out}.slide-in-left{animation:slideInLeft .6s ease-out}.text-center{text-align:center}.text-green{color:var(--primary-green)}.bg-light{background-color:var(--pale-green)}.rounded{border-radius:15px}.shadow{box-shadow:0 4px 20px var(--shadow)}@media(max-width: 768px){.container{padding:0 1rem}.content-section{padding:2rem;margin:2rem 0}.banner h1{font-size:2rem}.banner-logo{width:100px;height:100px}}@media print{.navigation,.footer,.btn{display:none !important}body{background:#fff !important;color:#000 !important}.content-section{box-shadow:none !important;border:1px solid #ccc !important}}/*# sourceMappingURL=style.css.map */