:root{--primary:#0066CC;--primary-light:#E6F0FA;--secondary:#FF7F00;--accent:#00A0E2;--success:#28a745;--dark:#1A1A1A;--dark-gray:#4D4D4D;--medium-gray:#808080;--light-gray:#F5F7FA;--white:#FFFFFF;--shadow-sm:0 2px 8px rgba(0, 0, 0, 0.08);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.12);--shadow-lg:0 8px 24px rgba(0, 0, 0, 0.16);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);--secondary-light-bg:#FFF4E6}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Manrope,sans-serif;color:var(--dark);line-height:1.6;background-color:var(--white);overflow-x:hidden}h1,h2,h3,h4{font-family:Montserrat,sans-serif;font-weight:700;line-height:1.3}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;font-weight:600;text-decoration:none;border-radius:var(--radius-xl);transition:var(--transition);cursor:pointer;gap:10px;border:none;font-size:15px}.btn-primary{background-color:var(--success);color:var(--white);box-shadow:var(--shadow-md)}.btn-primary:hover{background-color:#218838;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background-color:var(--white);color:var(--secondary);border:2px solid var(--secondary)}.btn-secondary:hover{background-color:var(--secondary);color:var(--white);transform:translateY(-2px)}.btn-accent{background-color:var(--secondary);color:var(--white);box-shadow:var(--shadow-md)}.btn-accent:hover{background-color:#e67300;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.animate-on-scroll{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out;transform:translateY(30px)}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}.section{padding:80px 0}.section-light{background-color:var(--light-gray)}.section-title{text-align:center;margin-bottom:60px}.section-title h2{font-size:36px;color:var(--primary);margin-bottom:16px}.section-title p{color:var(--dark-gray);max-width:700px;margin:0 auto}.section-title .subtitle{font-family:Manrope,sans-serif;color:var(--secondary);font-weight:600;display:block;margin-bottom:8px}@keyframes hero-zoom{0%{transform:scale(1)}100%{transform:scale(1.05)}}.actus-hero{padding:100px 0;color:var(--white);position:relative;overflow:hidden;text-align:center}.actus-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,82,163,.85),rgba(0,138,194,.75)),url('https://images.unsplash.com/photo-1487017159836-4e23ece2e4cf?auto=format&fit=crop&w=1740&q=80') center/cover;background-blend-mode:multiply;z-index:1;animation:hero-zoom 20s infinite alternate linear}.actus-hero .container{position:relative;z-index:2}.actus-hero h1{font-size:52px;margin-bottom:16px;text-shadow:2px 2px 5px rgba(0,0,0,.5)}.actus-hero p{font-size:1.15rem;max-width:750px;margin:0 auto 40px;opacity:.95;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.hero-nav-links{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.hero-nav-links a{color:var(--white);background-color:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);padding:12px 24px;border-radius:var(--radius-xl);text-decoration:none;font-weight:600;transition:var(--transition)}.hero-nav-links a:hover{background-color:rgba(255,255,255,.3);transform:translateY(-3px);border-color:rgba(255,255,255,.5)}#articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-bottom:80px}.article-card{background-color:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:var(--transition);display:flex;flex-direction:column}.article-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.article-card-image{height:220px;width:100%;object-fit:cover}.article-card-content{padding:25px;flex-grow:1;display:flex;flex-direction:column}.article-card-title{font-size:20px;margin-bottom:15px;flex-grow:1}.article-card-title a{color:var(--dark);text-decoration:none;transition:color .3s}.article-card-title a:hover{color:var(--primary)}.article-card-category{display:inline-block;background-color:var(--primary-light);color:var(--primary);padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:15px;align-self:flex-start}@media (max-width:1024px){#articles-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){#articles-grid{grid-template-columns:1fr}}.modal-body{line-height:1.8;color:var(--dark-gray)}.modal-body h1,.modal-body h2{color:var(--primary)}.modal-body h3{font-family:Montserrat;color:var(--dark);font-size:20px;margin-top:2em;margin-bottom:1em;border-left:3px solid var(--primary);padding-left:15px}.modal-body p{margin-bottom:1.5em}.modal-body ul{list-style:none;padding-left:0;margin-bottom:1.5em}.modal-body li{padding-left:25px;position:relative;margin-bottom:10px}.modal-body li::before{content:'\f058';font-family:'Font Awesome 6 Free';font-weight:900;color:var(--success);position:absolute;left:0;top:2px}.modal-header{padding:25px 40px 20px;border-bottom:1px solid var(--light-gray)}.modal-header h2{font-size:28px;color:var(--primary)}.modal-body-content{padding:10px 0;overflow-y:auto;line-height:1.8;color:var(--dark-gray)}.modal-footer{padding:20px 40px;border-top:1px solid var(--light-gray);text-align:center;background-color:var(--light-gray)}.filter-controls{display:flex;justify-content:center;gap:15px;margin-bottom:50px;flex-wrap:wrap}.filter-btn{padding:10px 20px;font-size:15px;font-weight:600;background-color:var(--white);color:var(--dark-gray);border:2px solid #e0e0e0;border-radius:var(--radius-xl);cursor:pointer;text-decoration:none;transition:var(--transition)}.filter-btn.active,.filter-btn:hover{background-color:var(--primary);color:var(--white);border-color:var(--primary)}#articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.article-card{background-color:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:var(--transition);display:flex;flex-direction:column}@media (max-width:1024px){#articles-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){#articles-grid{grid-template-columns:1fr}}