*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6;color:#fff;background:#1a2332}.container{max-width:100%;margin:0 auto;padding:0 60px}.header{position:fixed;top:50px;left:50%;transform:translate(-50%);z-index:1000;transition:all .3s ease}.navbar{background:#fff;border-radius:50px;padding:20px 70px;box-shadow:0 4px 20px #00000026;display:flex;align-items:center;justify-content:center;gap:50px;transition:all .3s ease;position:relative}.nav-spacer{width:240px;flex-shrink:0}.navbar a{text-decoration:none;color:#2c3e50;font-weight:500;font-size:15px;transition:color .3s ease;white-space:nowrap;cursor:pointer}.navbar a:hover{color:#c9a961}.logo-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:30px;padding:25px 45px;box-shadow:0 4px 20px #00000026;transition:all .3s ease;z-index:10}.logo-container img{height:80px;display:block;transition:all .3s ease}.logo-container a{cursor:pointer}.mobile-menu-toggle{display:none;flex-direction:column;gap:5px;background:#fff;border:none;padding:12px;border-radius:8px;cursor:pointer;position:absolute;top:20px;right:20px;z-index:1001;box-shadow:0 2px 10px #0000001a}.mobile-menu-toggle span{width:25px;height:3px;background:#2c3e50;border-radius:2px;transition:all .3s ease}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.mobile-logo{display:none}.mobile-logo img{height:60px;display:block;margin:0 auto 20px}.header.scrolled{top:20px}.header.scrolled .navbar{padding:15px 50px;gap:40px}.header.scrolled .logo-container{padding:15px 30px}.header.scrolled .logo-container img{height:55px}.header.scrolled .navbar a{font-size:14px}section{min-height:100vh;padding:100px 0;display:flex;align-items:center;border-bottom:2px solid #c9a961}.hero-section{margin-top:0;background:#1a2332 url(/images/hero/hero.png) center center no-repeat;background-size:100% 100%;color:#fff;position:relative;min-height:75vh;border-bottom:2px solid #c9a961}.hero-section .container{text-align:center;position:relative;z-index:2}.hero-section h1{color:#fff;font-size:3rem;margin-bottom:20px}.hero-section p{font-size:1.2rem;color:#ecf0f1}section:not(.hero-section){background:#1a2332}.about-section .container{max-width:100%}.about-content{display:flex;align-items:center;gap:60px}.about-text{flex:1}.about-text h2{font-size:2.5rem;margin-bottom:25px;color:#fff}.about-text p{font-size:1.1rem;line-height:1.8;margin-bottom:20px;color:#ecf0f1}.about-image{flex:1}.about-image img{width:100%;height:auto;border-radius:15px;box-shadow:0 10px 30px #0000001a}.ceo-content{display:flex;align-items:center;gap:60px;margin-top:80px;padding-top:60px;border-top:2px solid #c9a961}.ceo-image{flex:1}.ceo-image img{width:100%;height:auto;border-radius:15px;box-shadow:0 10px 30px #0000001a}.ceo-text{flex:1}.ceo-text h3{font-size:2rem;margin-bottom:25px;color:#fff}.ceo-text p{font-size:1.1rem;line-height:1.8;margin-bottom:20px;color:#ecf0f1}.services-section{background:#1a2332}.services-section h2{font-size:2.5rem;margin-bottom:20px;color:#fff;text-align:center}.services-intro{font-size:1.1rem;text-align:center;color:#ecf0f1;margin-bottom:50px;max-width:800px;margin-left:auto;margin-right:auto}.services-content{display:flex;gap:60px;align-items:center}.services-left{flex:0 0 400px}.services-left h3{font-size:2.2rem;color:#fff;line-height:1.3}.services-right{flex:1;position:relative}.services-right img{width:100%;height:auto;border-radius:15px;box-shadow:0 10px 30px #0000001a}.services-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;position:absolute;bottom:30px;left:20px;right:20px}.service-card{background:#fffffff2;padding:20px;border-radius:12px;box-shadow:0 5px 20px #00000026;transition:transform .3s ease,box-shadow .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.service-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000040}.service-card h4{font-size:1.1rem;color:#1a2332;margin-bottom:10px}.service-card p{font-size:.9rem;line-height:1.5;color:#555}.ils-section{margin-top:80px;padding-top:60px;border-top:2px solid #c9a961}.ils-section h3{font-size:2.2rem;color:#fff;text-align:center;margin-bottom:40px}.ils-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.ils-card{background:#fff;padding:30px;border-radius:15px;box-shadow:0 5px 20px #00000014;transition:transform .3s ease,box-shadow .3s ease}.ils-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026}.ils-card h4{font-size:1.2rem;color:#1a2332;margin-bottom:15px;min-height:50px}.ils-card p{font-size:.95rem;line-height:1.6;color:#555}.marine-section{margin-top:80px;padding-top:60px;border-top:2px solid #c9a961}.marine-section h3{font-size:2.2rem;color:#fff;text-align:center;margin-bottom:50px}.marine-item{display:flex;align-items:center;gap:50px;margin-bottom:50px}.marine-item:last-child{margin-bottom:0}.marine-image{flex:1}.marine-image img{width:100%;height:auto;border-radius:15px;box-shadow:0 10px 30px #0000001a}.marine-text{flex:1}.marine-text h4{font-size:1.8rem;color:#fff;margin-bottom:20px}.marine-text p{font-size:1.05rem;line-height:1.7;color:#ecf0f1}.news-section{background:#1a2332}.news-section h2{font-size:2.5rem;margin-bottom:50px;color:#fff;text-align:center}.news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.news-card{background:#2c3e50;border-radius:15px;overflow:hidden;box-shadow:0 5px 20px #0000004d;transition:transform .3s ease,box-shadow .3s ease}.news-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0006}.news-image{width:100%;height:200px;overflow:hidden;background:#fff}.news-image img{width:100%;height:100%;object-fit:fill}.news-content{padding:25px}.news-content h3{font-size:1.3rem;color:#fff;margin-bottom:15px;line-height:1.4}.news-link{display:inline-block;margin-top:15px;color:#c9a961;text-decoration:none;font-weight:600;transition:color .3s ease}.news-link:hover{color:#fff}.blog-section{background:#1a2332;padding:100px 0;border-bottom:2px solid #c9a961}.blog-section h2{font-size:2.5rem;margin-bottom:60px;color:#fff;text-align:center}.blog-list{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:60px}.blog-list[data-count="1"]{grid-template-columns:1fr;max-width:500px;margin-left:auto;margin-right:auto}.blog-list[data-count="2"]{grid-template-columns:repeat(2,1fr);max-width:1040px;margin-left:auto;margin-right:auto}.blog-item{background:#fff;border-radius:12px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.blog-item:hover{transform:translateY(-8px);box-shadow:0 12px 35px #00000040}.blog-item-link{display:block;text-decoration:none;color:inherit}.blog-item-image{width:100%;height:0;padding-bottom:65%;overflow:hidden;background:#f5f5f5;position:relative}.blog-item-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-item:hover .blog-item-image img{transform:scale(1.05)}.blog-item-content{padding:30px}.blog-item-meta{display:flex;align-items:center;gap:8px;margin-bottom:15px;font-size:.85rem;color:#666}.blog-item-date{color:#666}.blog-item-separator{color:#ccc}.blog-item-category{color:#c9a961;font-weight:600}.blog-item-title{font-size:1.5rem;color:#2c3e50;margin-bottom:15px;line-height:1.4;font-weight:700}.blog-item-preview{font-size:.95rem;color:#666;line-height:1.6;margin-bottom:20px}.blog-item-footer{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid #eee}.blog-item-author{font-size:.9rem;color:#666}.blog-item-read-more{font-size:.9rem;color:#c9a961;font-weight:600;transition:color .3s ease}.blog-item:hover .blog-item-read-more{color:#b08d4f}.blog-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;overflow-y:auto}.blog-modal{background:#fff;border-radius:12px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.blog-modal-close{position:sticky;top:20px;right:20px;float:right;width:45px;height:45px;background:#2c3e50;color:#fff;border:none;border-radius:50%;font-size:2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .3s ease}.blog-modal-close:hover{background:#c9a961;transform:rotate(90deg)}.blog-modal-image{width:100%;height:400px;overflow:hidden;background:#f5f5f5}.blog-modal-image img{width:100%;height:100%;object-fit:cover}.blog-modal-content{padding:50px}.blog-modal-meta{display:flex;align-items:center;gap:10px;margin-bottom:20px;font-size:.9rem;color:#666}.blog-modal-date{color:#666}.blog-modal-separator{color:#ccc}.blog-modal-category{color:#c9a961;font-weight:600}.blog-modal-author{color:#666}.blog-modal-title{font-size:2.5rem;color:#2c3e50;margin-bottom:30px;line-height:1.3;font-weight:700}.blog-modal-body{font-size:1.1rem;color:#333;line-height:1.8}.blog-modal-body p{margin-bottom:20px}.blog-modal-body h1,.blog-modal-body h2,.blog-modal-body h3{color:#2c3e50;margin-top:30px;margin-bottom:15px}.blog-modal-body ul,.blog-modal-body ol{margin-left:30px;margin-bottom:20px}.blog-modal-body img{max-width:100%;height:auto;border-radius:8px;margin:20px 0}.blog-pagination{display:flex;justify-content:center;align-items:center;gap:25px;margin-top:60px}.pagination-btn{padding:14px 28px;background:#2c3e50;color:#fff;border:2px solid #c9a961;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#c9a961;color:#1a2332;transform:scale(1.05)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed;border-color:#7f8c8d}.pagination-numbers{display:flex;gap:12px}.pagination-number{width:50px;height:50px;background:#2c3e50;color:#fff;border:2px solid #7f8c8d;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.pagination-number:hover{border-color:#c9a961;color:#c9a961;transform:scale(1.1)}.pagination-number.active{background:#c9a961;color:#1a2332;border-color:#c9a961;transform:scale(1.1)}.loading-text,.error-text{text-align:center;font-size:1.2rem;color:#ecf0f1;padding:60px 0}.error-text{color:#e74c3c}.contact-section{background:#1a2332}.contact-section .container{max-width:100%;padding:0 60px;width:100%}.contact-section h2{font-size:2.5rem;margin-bottom:50px;color:#fff;text-align:center}.contact-content{display:flex;gap:60px;align-items:flex-start;width:100%}.contact-map{flex:0 0 70%;width:70%}.contact-map iframe{width:100%;height:600px;border-radius:15px;border:none;box-shadow:0 10px 40px #00000026}.contact-info{flex:1;width:30%}.contact-info h3{font-size:2rem;color:#fff;margin-bottom:30px}.contact-info p{font-size:1.1rem;line-height:1.8;color:#ecf0f1;margin-bottom:15px}.contact-item{display:flex;align-items:center;gap:10px}.contact-item svg{flex-shrink:0}.contact-info a{color:#c9a961;text-decoration:none;transition:color .3s ease}.contact-info a:hover{color:#fff}.contact-address{margin:25px 0;padding:20px 0;border-top:2px solid #c9a961;border-bottom:2px solid #c9a961}.social-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:20px;padding:12px;background:#0077b5;color:#fff!important;border-radius:8px;font-weight:600;transition:background .3s ease;width:48px;height:48px}.social-link:hover{background:#005885;color:#fff!important}.social-link svg{width:24px;height:24px}section h1,section h2{margin-bottom:20px;color:#fff}.footer{background:#1a2332;color:#fff;text-align:center;padding:40px 60px}.footer p{font-size:.95rem;line-height:1.8;margin-bottom:15px;color:#ecf0f1}.footer p:last-child{margin-bottom:0}.scroll-to-top{position:fixed;bottom:30px;right:15px;width:45px;height:45px;background:#c9a961;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #c9a96166;transition:all .3s ease;opacity:0;visibility:hidden;z-index:1000}.scroll-to-top.visible{opacity:1;visibility:visible}.scroll-to-top:hover{background:#b08d4f;transform:translateY(-5px);box-shadow:0 6px 20px #c9a96199}.scroll-to-top svg{width:20px;height:20px}.scroll-to-top:active{transform:translateY(-2px)}.sticky-contact-icons{position:fixed;right:75px;bottom:30px;display:flex;flex-direction:row;gap:15px;z-index:999;opacity:1;visibility:visible;transition:all .3s ease}.sticky-contact-icons.visible{opacity:1;visibility:visible}.contact-icon{width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;box-shadow:0 4px 15px #0000004d;transition:all .3s ease;cursor:pointer}.phone-icon{background:#25d366}.phone-icon:hover{background:#1da851;transform:scale(1.1);box-shadow:0 6px 20px #25d36680}.email-icon{background:#c9a961}.email-icon:hover{background:#b08d4f;transform:scale(1.1);box-shadow:0 6px 20px #c9a96180}.contact-icon svg{width:20px;height:20px}@media(max-width:768px){.header{top:10px;left:10px;right:10px;transform:none}.mobile-menu-toggle{display:flex}.mobile-logo{display:block;padding-bottom:20px;border-bottom:2px solid #ecf0f1;margin-bottom:20px}.navbar{position:fixed;top:0;left:-100%;width:280px;height:100vh;background:#fff;flex-direction:column;padding:30px;gap:0;border-radius:0;box-shadow:2px 0 20px #0003;transition:left .3s ease;z-index:999;overflow-y:auto}.navbar.active{left:0}.nav-spacer{display:none}.navbar a{font-size:16px;padding:15px 0;border-bottom:1px solid #ecf0f1}.logo-container{position:static;transform:none;padding:15px 25px;margin:0 auto;display:inline-block}.logo-container img{height:50px}.header.scrolled{top:10px}.header.scrolled .navbar{padding:30px;gap:0}.header.scrolled .logo-container{padding:15px 25px}.header.scrolled .logo-container img{height:50px}.header.scrolled .navbar a{font-size:16px;padding:15px 0}.hero-section h1{font-size:2rem}.hero-section p{font-size:1rem}section{padding:60px 0}section h2{font-size:1.8rem}.about-content{flex-direction:column;gap:30px}.about-text h2{font-size:2rem}.about-text p{font-size:1rem}.ceo-content{flex-direction:column;gap:30px;margin-top:50px;padding-top:40px}.ceo-text h3{font-size:1.8rem}.ceo-text p{font-size:1rem}.services-content{flex-direction:column;gap:40px}.services-left{flex:1}.services-left h3{font-size:1.8rem;text-align:center}.services-cards{grid-template-columns:1fr;gap:20px;position:static;margin-top:20px}.blog-list{grid-template-columns:repeat(2,1fr);gap:30px}.blog-item-content{padding:25px}.blog-item-title{font-size:1.3rem}.blog-modal-content{padding:40px 30px}.blog-modal-title{font-size:2rem}.blog-modal-image{height:300px}.blog-pagination{flex-wrap:wrap;gap:20px}.pagination-btn{padding:12px 24px;font-size:.95rem}.pagination-number{width:45px;height:45px;font-size:.95rem}.service-card{background:#fff}.service-card h4{font-size:1.2rem}.service-card p{font-size:.95rem}.ils-cards{grid-template-columns:1fr;gap:20px}.ils-card h4{min-height:auto}.marine-item{flex-direction:column;gap:25px;margin-bottom:40px}.marine-text h4{font-size:1.5rem}.marine-text p{font-size:1rem}.news-grid{grid-template-columns:1fr;gap:30px}.news-content h3{font-size:1.2rem}.blog-list{grid-template-columns:1fr;gap:30px}.blog-item-content{padding:20px}.blog-item-title{font-size:1.2rem}.blog-item-preview{font-size:.9rem}.blog-item-footer{flex-direction:column;align-items:flex-start;gap:10px}.blog-modal-content{padding:30px 20px}.blog-modal-title{font-size:1.6rem}.blog-modal-body{font-size:1rem}.blog-modal-image{height:250px}.blog-modal-close{width:40px;height:40px;font-size:1.5rem}.blog-pagination{flex-direction:column;gap:20px}.pagination-numbers{order:-1}.pagination-btn{width:100%;padding:14px}.contact-content{flex-direction:column;gap:40px}.contact-map{flex:1;width:100%}.contact-map iframe{height:400px}.contact-info{flex:1;width:100%}.contact-info h3{font-size:1.8rem}.contact-info p,.contact-info a{font-size:1rem}.container,.contact-section .container{padding:0 20px}.sticky-contact-icons{inset:auto auto 20px 50%;transform:translate(-50%);flex-direction:row;gap:15px}.contact-icon{width:45px;height:45px}.contact-icon svg{width:20px;height:20px}.scroll-to-top{bottom:20px;right:15px;width:45px;height:45px}.scroll-to-top svg{width:20px;height:20px}}@media(max-width:480px){.header{top:10px;left:5px;right:5px}.navbar{width:250px;padding:80px 20px 20px}.logo-container{padding:12px 20px}.logo-container img{height:40px}.navbar a{font-size:15px}.hero-section h1{font-size:1.5rem}.hero-section p{font-size:.9rem}.section{padding:40px 0}.container,.contact-section .container{padding:0 15px}.about-text h2{font-size:1.8rem}.about-text p{font-size:.95rem}.contact-map iframe{height:300px}.hero-section h1{font-size:1.3rem}}