@media (max-width:1024px) {.navbar-hamburger {display:flex !important;flex-direction:column;justify-content:space-around;width:44px;height:44px;background:rgba(255, 255, 255, 0.95);border:1px solid rgba(0, 31, 77, 0.1);border-radius:8px;cursor:pointer;padding:10px;position:relative;flex-shrink:0;} .navbar-hamburger .hamburger-line {display:block;width:100%;height:3px;background:#001f4d;border-radius:3px;} .navbar-menu, .navbar-cta {display:none !important;}} @media (min-width:1025px) {.navbar-hamburger {display:none !important;}} .mobile-overlay {position:fixed;inset:0;background:rgba(0, 0, 0, 0.5);z-index:19998;opacity:0;visibility:hidden;transition:all 0.3s ease;} .mobile-overlay.is-open {opacity:1;visibility:visible;} .mobile-menu-panel {position:fixed;top:0;right:0;width:100%;max-width:320px;height:100vh;background:linear-gradient(180deg, #001f4d 0%, #002a5c 100%);z-index:19999;transform:translateX(100%);transition:transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);overflow-y:auto;padding:1rem;display:flex;flex-direction:column;} .mobile-menu-panel.is-open {transform:translateX(0);} .mobile-menu-close {position:absolute;top:1rem;right:1rem;width:40px;height:40px;border-radius:50%;background:rgba(255, 255, 255, 0.1);border:1px solid rgba(255, 255, 255, 0.2);color:white;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;} .mobile-menu-close:hover {background:rgba(255, 140, 0, 0.3);border-color:var(--color-secondary);} .mobile-menu-header {padding:1.5rem 0;text-align:center;border-bottom:1px solid rgba(255, 255, 255, 0.1);margin-bottom:1rem;} .mobile-menu-logo {height:40px;width:auto;} .mobile-menu-nav {display:flex;flex-direction:column;gap:0.25rem;flex:1;} .mobile-nav-link {display:flex;align-items:center;gap:1rem;padding:0.875rem 1rem;color:rgba(255, 255, 255, 0.9);font-weight:600;font-size:1rem;border-radius:10px;transition:all 0.2s ease;text-decoration:none;} .mobile-nav-link i {width:24px;text-align:center;font-size:1rem;color:var(--color-secondary);} .mobile-nav-link:hover, .mobile-nav-link:focus {background:rgba(255, 255, 255, 0.1);transform:translateX(4px);} .mobile-menu-cta-btn {display:flex;align-items:center;justify-content:center;gap:0.75rem;padding:1rem;margin:1rem 0;background:linear-gradient(135deg, var(--color-secondary), #ff6b00);color:white;font-weight:700;font-size:1rem;border-radius:12px;text-decoration:none;box-shadow:0 4px 15px rgba(255, 140, 0, 0.3);transition:all 0.2s ease;} .mobile-menu-cta-btn:hover {transform:translateY(-2px);box-shadow:0 6px 20px rgba(255, 140, 0, 0.4);} .mobile-menu-contact {padding-top:1rem;border-top:1px solid rgba(255, 255, 255, 0.1);display:flex;flex-direction:column;gap:0.5rem;} .mobile-contact-item {display:flex;align-items:center;gap:0.75rem;padding:0.75rem;color:rgba(255, 255, 255, 0.7);font-size:0.9rem;border-radius:8px;text-decoration:none;transition:all 0.2s ease;} .mobile-contact-item:hover {background:rgba(255, 255, 255, 0.05);color:white;} .mobile-contact-item i {color:var(--color-secondary);width:20px;text-align:center;} body.mobile-menu-open {overflow:hidden;} @media (min-width:1025px) {.mobile-overlay, .mobile-menu-panel {display:none !important;}} :root {--color-primary:#001f4d;--color-primary-light:#002a5c;--color-primary-dark:#001533;--color-secondary:#ff8c00;--color-secondary-light:#ffa033;--color-secondary-dark:#ff6b00;--color-white:#ffffff;--color-black:#000000;--color-gray-50:#f8f9fa;--color-gray-100:#f0f0f0;--color-gray-200:#e0e0e0;--color-gray-300:#d0d0d0;--color-gray-400:#b0b0b0;--color-gray-500:#888888;--color-gray-600:#667085;--color-gray-700:#4a4a4a;--color-gray-800:#333333;--color-gray-900:#1a1a1a;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--gradient-primary:linear-gradient( 135deg, var(--color-primary), var(--color-primary-light) );--gradient-secondary:linear-gradient( 135deg, var(--color-secondary), var(--color-secondary-dark) );--gradient-hero:linear-gradient( 135deg, #001f4d 0%, #002a5c 50%, #001f4d 100% );--gradient-text:linear-gradient(135deg, #ff8c00, #ff6b00);--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.7;--line-height-loose:2;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:20px;--border-radius-2xl:24px;--border-radius-full:9999px;--border-width-thin:1px;--border-width-medium:2px;--border-width-thick:4px;--shadow-xs:0 1px 2px rgba(0, 0, 0, 0.05);--shadow-sm:0 2px 4px rgba(0, 0, 0, 0.08);--shadow-md:0 4px 8px rgba(0, 0, 0, 0.1);--shadow-lg:0 8px 16px rgba(0, 0, 0, 0.12);--shadow-xl:0 12px 24px rgba(0, 0, 0, 0.15);--shadow-2xl:0 20px 40px rgba(0, 0, 0, 0.2);--shadow-primary:0 8px 25px rgba(0, 31, 77, 0.2);--shadow-secondary:0 8px 25px rgba(255, 140, 0, 0.3);--transition-fast:150ms ease;--transition-base:300ms ease;--transition-slow:500ms ease;--transition-all:all 300ms ease;--ease-in-out:cubic-bezier(0.4, 0, 0.2, 1);--ease-out:cubic-bezier(0, 0, 0.2, 1);--ease-in:cubic-bezier(0.4, 0, 1, 1);--ease-bounce:cubic-bezier(0.175, 0.885, 0.32, 1.275);--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070;--z-index-navbar:15000;--z-index-mobile-menu:15020;--z-index-hamburger:15030;--container-xs:480px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1400px;--breakpoint-xs:480px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--glass-bg:rgba(255, 255, 255, 0.1);--glass-bg-strong:rgba(255, 255, 255, 0.2);--glass-border:1px solid rgba(255, 255, 255, 0.2);--glass-blur:blur(20px);--glass-shadow:0 8px 32px rgba(0, 0, 0, 0.1);--overlay-light:rgba(0, 0, 0, 0.3);--overlay-medium:rgba(0, 0, 0, 0.5);--overlay-dark:rgba(0, 0, 0, 0.7);--animation-duration-fast:200ms;--animation-duration-base:400ms;--animation-duration-slow:600ms;--navbar-height:80px;--navbar-height-mobile:65px;--sticky-offset:60px;--hero-min-height:90vh;--hero-padding:4rem;--section-padding-y:6rem;--section-padding-x:2rem;--card-padding:2rem;--card-border-radius:var(--border-radius-xl);--card-shadow:var(--shadow-md);--button-padding-x:2rem;--button-padding-y:1rem;--button-border-radius:var(--border-radius-md);--button-font-weight:var(--font-weight-bold);--input-padding-x:1rem;--input-padding-y:0.75rem;--input-border-radius:var(--border-radius-sm);--input-border-color:var(--color-gray-300);--input-focus-border-color:var(--color-secondary);--opacity-disabled:0.5;--opacity-hover:0.8;--opacity-active:0.9;} @media (prefers-color-scheme:dark) {:root {--color-gray-50:#1a1a1a;--color-gray-100:#2a2a2a;--color-gray-200:#3a3a3a;--color-gray-300:#4a4a4a;--color-gray-400:#6a6a6a;--color-gray-500:#888888;--color-gray-600:#a0a0a0;--color-gray-700:#c0c0c0;--color-gray-800:#e0e0e0;--color-gray-900:#f0f0f0;--glass-bg:rgba(0, 0, 0, 0.3);--glass-bg-strong:rgba(0, 0, 0, 0.5);--glass-border:1px solid rgba(255, 255, 255, 0.1);}} .text-primary {color:var(--color-primary);} .text-secondary {color:var(--color-secondary);} .text-white {color:var(--color-white);} .text-gray-600 {color:var(--color-gray-600);} .bg-primary {background-color:var(--color-primary);} .bg-secondary {background-color:var(--color-secondary);} .bg-white {background-color:var(--color-white);} .bg-gray-50 {background-color:var(--color-gray-50);} .m-0 {margin:0;} .mt-1 {margin-top:var(--spacing-sm);} .mt-2 {margin-top:var(--spacing-md);} .mt-3 {margin-top:var(--spacing-lg);} .mt-4 {margin-top:var(--spacing-xl);} .mb-1 {margin-bottom:var(--spacing-sm);} .mb-2 {margin-bottom:var(--spacing-md);} .mb-3 {margin-bottom:var(--spacing-lg);} .mb-4 {margin-bottom:var(--spacing-xl);} .p-0 {padding:0;} .p-1 {padding:var(--spacing-sm);} .p-2 {padding:var(--spacing-md);} .p-3 {padding:var(--spacing-lg);} .p-4 {padding:var(--spacing-xl);} .text-center {text-align:center;} .text-left {text-align:left;} .text-right {text-align:right;} .font-bold {font-weight:var(--font-weight-bold);} .font-semibold {font-weight:var(--font-weight-semibold);} .font-normal {font-weight:var(--font-weight-normal);} .flex {display:flex;} .flex-col {flex-direction:column;} .items-center {align-items:center;} .justify-center {justify-content:center;} .justify-between {justify-content:space-between;} .gap-1 {gap:var(--spacing-sm);} .gap-2 {gap:var(--spacing-md);} .gap-3 {gap:var(--spacing-lg);} .grid {display:grid;} .grid-cols-2 {grid-template-columns:repeat(2, 1fr);} .grid-cols-3 {grid-template-columns:repeat(3, 1fr);} .grid-cols-4 {grid-template-columns:repeat(4, 1fr);} .rounded-sm {border-radius:var(--border-radius-sm);} .rounded-md {border-radius:var(--border-radius-md);} .rounded-lg {border-radius:var(--border-radius-lg);} .rounded-full {border-radius:var(--border-radius-full);} .shadow-sm {box-shadow:var(--shadow-sm);} .shadow-md {box-shadow:var(--shadow-md);} .shadow-lg {box-shadow:var(--shadow-lg);} .shadow-xl {box-shadow:var(--shadow-xl);} .transition {transition:var(--transition-all);} .transition-fast {transition:var(--transition-fast);} .transition-slow {transition:var(--transition-slow);} :root {--color-primary:#001f4d;--color-secondary:#ff8c00;--color-dark:#1a1a1a;--color-light:#f8f9fa;--color-white:#ffffff;--sticky-offset:60px;--header-height:52px;--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.05);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.05);--shadow-lg:0 10px 25px rgba(0, 0, 0, 0.1);--radius:4px;--transition:all 0.3s ease;--font-main:"Inter", sans-serif;--font-ar:"Cairo", sans-serif;--glass-bg:rgba(255, 255, 255, 0.7);--glass-border:1px solid rgba(255, 255, 255, 0.4);--glass-shadow:0 8px 32px 0 rgba(31, 38, 135, 0.07);--glass-blur:blur(12px);} html, body {width:100%;margin:0;padding:0;overflow-x:hidden;} body {font-family:var(--font-main);background-color:#f5f7fa;background-image:radial-gradient(circle at 10% 20%, rgba(216, 241, 230, 0.4) 0%, rgba(233, 226, 226, 0.1) 90.1%);color:#333;line-height:1.7;display:flex;flex-direction:column;min-height:100vh;padding:0;} .card {background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:12px;padding:2.5rem;box-shadow:var(--glass-shadow);transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);} .card:hover {transform:translateY(-8px);box-shadow:0 12px 40px 0 rgba(31, 38, 135, 0.15);border-color:rgba(255, 255, 255, 0.8);background:rgba(255, 255, 255, 0.85);} [dir="rtl"] body {font-family:var(--font-ar);} .rtl-flip {display:inline-block;transition:transform 0.25s ease;} [dir="rtl"] .rtl-flip {transform:scaleX(-1);} a {text-decoration:none;color:inherit;transition:var(--transition);} img {max-width:100%;height:auto;display:block;} ul {list-style:none;} h1, h2, h3, h4, h5, h6 {font-weight:700;line-height:1.2;margin-bottom:1rem;color:var(--color-primary);} h1 {font-size:3rem;} h2 {font-size:2.25rem;} h3 {font-size:1.5rem;} p {margin-bottom:1rem;} .container {max-width:1200px;margin:0 auto;padding:0 20px;} .section {padding:80px 0;} .grid {display:grid;gap:2rem;} .grid-2 {grid-template-columns:repeat(2, 1fr);} .grid-3 {grid-template-columns:repeat(3, 1fr);} .grid-4 {grid-template-columns:repeat(4, 1fr);} @media (max-width:900px) {.grid-2, .grid-3, .grid-4 {grid-template-columns:repeat(2, 1fr);}} @media (max-width:600px) {.grid-2, .grid-3, .grid-4 {grid-template-columns:1fr;} h1 {font-size:2rem;} h2 {font-size:1.75rem;}} .main-header {background:var(--color-white);box-shadow:var(--shadow-sm);position:relative;z-index:1000;margin-top:var(--sticky-offset);} .sticky-wrapper {z-index:1001;background:rgba(255, 255, 255, 0.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,0.05);} .contact-ribbon {background:#f1f1f1;border-bottom:1px solid #e0e0e0;padding:4px 0;display:block;} .top-bar {background:var(--color-primary);color:var(--color-white);padding:5px 0;font-size:0.8rem;} .top-bar .container {display:flex;justify-content:space-between;align-items:center;} .flash-infos {flex:1;overflow:hidden;position:relative;height:24px;justify-content:flex-end;display:flex;} .ticker-wrap {position:absolute;right:0;white-space:nowrap;animation:marquee 10s linear infinite;display:inline-block;} .ticker-separator {margin:0 16px;color:rgba(255, 255, 255, 0.5);} .ticker-wrap:hover {animation-play-state:paused;} .ticker-item {display:inline-flex;align-items:center;margin:0 1.25rem;font-weight:600;} .ticker-link {color:var(--color-white);transition:color 0.2s ease;} .ticker-link:hover {color:var(--color-secondary);text-decoration:underline;} @keyframes marquee {0% {transform:translateX(100%);} 100% {transform:translateX(-100%);}} .lang-switch a {margin:0 5px;color:var(--color-white);font-weight:bold;} .lang-switch a.active {color:var(--color-secondary);} .lang-switch button {margin:0 5px;padding:0;background:transparent;border:0;color:var(--color-white);font-weight:bold;cursor:pointer;} .lang-switch button.active {color:var(--color-secondary);} .contact-ribbon {background:#f1f1f1;border-bottom:1px solid #e0e0e0;padding:4px 0;display:block;} .contact-ribbon .container {display:flex;justify-content:center;gap:2rem;font-size:0.9rem;color:#666;} .contact-item {display:flex;align-items:center;gap:0.5rem;} .contact-item i {color:var(--color-secondary);} .main-nav-container {padding:0.4rem 0;display:flex;justify-content:space-between;align-items:center;} .logo {font-size:1.1rem;font-weight:800;color:var(--color-primary);letter-spacing:-0.5px;} .nav-links {display:flex;gap:1rem;align-items:center;} .nav-links .btn {padding:6px 16px;font-size:0.85rem;} .nav-link {font-weight:600;font-size:0.85rem;position:relative;} .nav-link::after {content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:var(--color-secondary);transition:var(--transition);} .nav-link:hover {color:var(--color-secondary);} .nav-link:hover::after {width:100%;} .section-header {text-align:center;margin-bottom:3rem;} .section-header h2 {font-size:2rem;color:var(--color-primary);margin-bottom:0.5rem;font-weight:700;} .section-header p {color:#666;max-width:600px;margin:0 auto;} .btn {display:inline-block;padding:10px 24px;border-radius:var(--radius);font-weight:600;cursor:pointer;border:none;transition:var(--transition);text-align:center;} .btn-primary {background-color:var(--color-secondary);color:var(--color-white);} .btn-primary:hover {background-color:#e07b00;transform:translateY(-2px);box-shadow:var(--shadow-md);} .btn-outline {border:2px solid var(--color-white);color:var(--color-white);background:transparent;} .btn-outline:hover {background:var(--color-white);color:var(--color-primary);} @keyframes fadeInUp {from {opacity:0;transform:translateY(20px);} to {opacity:1;transform:translateY(0);}} .fade-in-up {animation:fadeInUp 0.8s ease-out forwards;} .card {background:var(--color-white);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow-sm);transition:var(--transition);border-top:4px solid var(--color-secondary);} .card:hover {transform:translateY(-5px);box-shadow:var(--shadow-lg);} .icon-box {width:auto;height:auto;display:block;background:transparent;color:var(--color-primary);font-size:2rem;margin-bottom:1.5rem;transition:var(--transition);} .card:hover .icon-box {background:transparent;color:var(--color-secondary);transform:scale(1.1);} .hero {position:relative;height:600px;background:var(--color-primary);color:var(--color-white);display:flex;align-items:center;justify-content:center;overflow:hidden;} .hero-bg {position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0.4;z-index:0;} .hero-content {position:relative;z-index:1;text-align:center;max-width:800px;padding:0 20px;} .hero-tag {background:var(--color-secondary);padding:4px 12px;border-radius:4px;font-size:0.8rem;text-transform:uppercase;margin-bottom:1rem;display:inline-block;} .main-footer {background-color:var(--color-dark);color:#aaa;padding:60px 0 20px;margin-top:auto;} .main-footer h3 {color:var(--color-white);font-size:1.25rem;margin-bottom:1.5rem;} .footer-links li {margin-bottom:0.8rem;} .footer-links a:hover {color:var(--color-secondary);padding-inline-start:5px;} .copyright {text-align:center;padding-top:2rem;margin-top:3rem;border-top:1px solid #333;font-size:0.9rem;} .form-group {margin-bottom:1.5rem;} .form-label {display:block;margin-bottom:0.5rem;font-weight:600;font-size:0.9rem;} .form-input, .form-select, .form-textarea {width:100%;padding:12px;border:1px solid #ddd;border-radius:var(--radius);font-family:inherit;font-size:1rem;} .form-input:focus, .form-select:focus, .form-textarea:focus {outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px rgba(255, 140, 0, 0.1);} .table-responsive {overflow-x:auto;} .table {width:100%;border-collapse:collapse;margin-bottom:1rem;background:var(--color-white);} .table th, .table td {padding:1rem;text-align:left;border-bottom:1px solid #eee;} .table th {background-color:var(--color-light);font-weight:600;} .mobile-menu-btn {display:none;background:none;border:none;font-size:1.5rem;color:var(--color-primary);cursor:pointer;} @media (max-width:768px) {.nav-links {display:none;position:absolute;top:100%;left:0;width:100%;background:var(--color-white);flex-direction:column;padding:1rem;box-shadow:var(--shadow-lg);} .nav-links.active {display:flex;} .mobile-menu-btn {display:block;} .contact-ribbon {display:block;} .contact-ribbon .container {justify-content:center;flex-wrap:wrap;gap:0.5rem 1rem;} .contact-item {font-size:0.85rem;} .contact-item span {overflow-wrap:anywhere;} .hero {height:400px;} h1 {font-size:2rem;}} .alert {padding:1rem;border-radius:var(--radius);margin-bottom:1rem;} .alert-success {background-color:#d4edda;color:#155724;} .text-center {text-align:center;} .text-white {color:var(--color-white);} .text-primary {color:var(--color-primary);} .text-secondary {color:var(--color-secondary);} .bg-light {background-color:var(--color-light);} .bg-white {background-color:var(--color-white);} .bg-primary {background-color:var(--color-primary);} .mb-2 {margin-bottom:0.5rem;} .mb-4 {margin-bottom:1rem;} .mb-6 {margin-bottom:1.5rem;} .mt-4 {margin-top:1rem;} .mt-8 {margin-top:2rem;} .py-large {padding:4rem 0;} .hero-full {position:relative;width:100%;height:85vh;min-height:600px;overflow:hidden;background:#000;} .hero-full .slide {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1.5s ease-in-out;background-size:cover;background-position:center;z-index:1;} .hero-full .slide.active {opacity:1;z-index:2;} .hero-overlay-gradient {position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.1) 100%);z-index:3;} .hero-content-wrapper {position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:4;display:flex;align-items:center;justify-content:flex-end;padding-right:5%;} [dir="rtl"] .hero-content-wrapper {justify-content:flex-start;padding-right:0;padding-left:5%;} .hero-text-box {text-align:left;color:white;max-width:600px;padding:40px;background:rgba(0, 31, 77, 0.65);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255, 255, 255, 0.1);box-shadow:0 8px 32px 0 rgba(0, 0, 0, 0.3);border-radius:12px;margin-right:50px;} [dir="rtl"] .hero-text-box {text-align:right;margin-right:0;margin-left:50px;} .hero-full .slide.active .hero-text-box h1, .hero-full .slide.active .hero-text-box p, .hero-full .slide.active .hero-text-box .btn {animation:fadeInUp 1s ease-out forwards;} .carousel-dots {position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:20;display:flex;gap:12px;} .dot {width:12px;height:12px;border-radius:50%;background:rgba(255, 255, 255, 0.5);cursor:pointer;transition:var(--transition);border:2px solid transparent;} .dot.active {background:var(--color-secondary);transform:scale(1.2);border-color:white;} .dot:hover {background:white;} display:none;} justify-content:center;flex-wrap:wrap;} .references-grid {display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;align-items:center;} .ref-logo {height:60px;filter:grayscale(100%);opacity:0.7;transition:var(--transition);} .ref-logo:hover {filter:grayscale(0%);opacity:1;transform:scale(1.1);} .ref-text {font-weight:bold;color:#ccc;border:1px solid #eee;padding:0.5rem 1rem;} .cta-section {background-color:var(--color-primary);color:white;text-align:center;} .cta-section h2 {color:white;} .btn-white-outline {border:2px solid white;color:white;padding:10px 24px;border-radius:var(--radius);font-weight:600;display:inline-block;} .btn-white-outline:hover {background:white;color:var(--color-primary);} .contact-ribbon {background:transparent !important;border-color:rgba(0,0,0,0.05) !important;} .main-header {background:rgba(255, 255, 255, 0.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);} .top-bar {background:rgba(0, 31, 77, 0.9);} .testimonial-card {text-align:left;display:flex;flex-direction:column;height:100%;position:relative;} .testimonial-rating {color:var(--color-secondary);font-size:0.9rem;margin-bottom:1rem;} .testimonial-quote {font-style:italic;color:#555;margin-bottom:2rem;flex-grow:1;font-size:1.05rem;line-height:1.6;} .testimonial-author {display:flex;align-items:center;gap:15px;border-top:1px solid rgba(0,0,0,0.05);padding-top:1.5rem;} .author-img {width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid var(--color-light);} .author-placeholder {width:50px;height:50px;border-radius:50%;background:var(--color-primary);color:white;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:1.2rem;} .author-info h4 {margin:0;font-size:1rem;color:var(--color-primary);} .author-info span {font-size:0.85rem;color:#888;} .text-warning {color:#ffc107;} .text-muted {color:#e0e0e0;} :root {--font-main:'IBM Plex Sans', sans-serif;--font-display:'Space Grotesk', sans-serif;} h1, h2, h3, h4, h5, h6 {font-family:var(--font-display);font-weight:700;} .main-header {position:sticky;top:20px;width:95%;max-width:1200px;margin:0 auto;z-index:1000;background:rgba(255, 255, 255, 0.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:50px;border:1px solid rgba(255,255,255,0.4);box-shadow:0 8px 32px rgba(0, 31, 77, 0.15);padding:0.5rem 2rem;transition:all 0.3s ease;} .main-header.scrolled {background:rgba(255, 255, 255, 0.9);box-shadow:0 10px 40px rgba(0, 31, 77, 0.2);} .main-nav-container {display:grid;grid-template-columns:auto 1fr auto;align-items:center;width:100%;gap:1rem;} .logo {justify-self:start;} .nav-links {display:flex;align-items:center;justify-content:center;gap:2rem;margin:0;justify-self:center;} .mobile-menu-btn {justify-self:end;} .logo img {height:40px;width:auto;transition:transform 0.3s;} .logo:hover img {transform:scale(1.05);} .nav-link {font-family:var(--font-display);font-weight:600;color:var(--color-primary);position:relative;padding:0.5rem 1rem;border-radius:20px;transition:all 0.3s ease;} .nav-link:hover {background:rgba(0, 31, 77, 0.05);color:var(--color-secondary);transform:translateY(-1px);} .nav-link::after {content:'';position:absolute;bottom:5px;left:50%;width:0;height:2px;background:var(--color-secondary);transition:all 0.3s;transform:translateX(-50%);} .nav-link:hover::after {width:60%;} .btn-primary {border-radius:50px;padding:0.6rem 1.5rem;font-family:var(--font-display);letter-spacing:0.5px;box-shadow:0 4px 15px rgba(255, 140, 0, 0.3);transition:all 0.3s;} .btn-primary:hover {transform:translateY(-2px);box-shadow:0 6px 20px rgba(255, 140, 0, 0.5);} @media (max-width:900px) {.main-header {width:100%;top:0;border-radius:0;padding:1rem;} .nav-links {display:none;} .nav-links.active {display:flex;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background:white;padding:2rem;box-shadow:0 10px 20px rgba(0,0,0,0.1);border-radius:0 0 20px 20px;clip-path:inset(0 0 -50px 0);}} @media (max-width:900px) {.main-header {padding-inline:0 !important;} .main-nav-container {position:relative;} .nav-links.active {position:fixed !important;top:calc(var(--sticky-offset) + var(--header-height)) !important;left:0 !important;right:0 !important;width:auto !important;max-width:100vw;margin:0 !important;padding:1.25rem 1rem !important;box-sizing:border-box;border-radius:0 0 24px 24px !important;max-height:calc(100vh - (var(--sticky-offset) + var(--header-height)));overflow:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;z-index:10000;scrollbar-width:none;} .nav-links.active::-webkit-scrollbar {display:none;} .nav-links.active .nav-link, .nav-links.active .btn {width:100%;justify-content:center;text-align:center;padding:0.85rem 1rem !important;border-radius:16px;white-space:normal;word-break:break-word;} .nav-links.active .nav-link::after {display:none;}} .main-header {padding:0.2rem 1.2rem !important;min-height:48px !important;} .logo img {height:28px !important;} .nav-link {font-size:0.85rem !important;padding:0.3rem 0.6rem !important;} .btn-primary {padding:0.3rem 0.8rem !important;font-size:0.85rem !important;min-height:auto !important;} .nav-links {gap:1rem !important;} .main-header {width:100% !important;max-width:100% !important;border-radius:0 !important;top:0 !important;left:0 !important;margin-left:0 !important;margin-right:0 !important;margin-top:var(--sticky-offset) !important;border-left:none !important;border-right:none !important;border-top:none !important;} .main-nav-container {max-width:1280px;margin:0 auto;padding:0 1rem;} @media (max-width:768px) {:root {--sticky-offset:32px;--header-height:52px;}} .main-header {display:flex !important;align-items:center !important;} .main-nav-container {display:flex !important;align-items:center !important;height:100% !important;} @media (max-width:768px) {.hero-text-box {margin:1rem;padding:1.5rem;width:auto;max-width:100%;} .hero-text-box h1 {font-size:2rem !important;} .carousel-dots {bottom:1rem;} section[style*='background:var(--color-primary)'] .container > div {grid-template-columns:1fr 1fr;gap:1rem;} section[style*='background:var(--color-primary)'] .container > div > div {flex-direction:column;text-align:center;} section[style*='background:var(--color-primary)'] .container > div > div > div {text-align:center !important;} .grid-3 {grid-template-columns:1fr;} .card {margin-bottom:1rem;} .section {padding:3rem 0;} h2 {font-size:1.8rem;}} @media (max-width:900px) {.hero-full {display:flex;flex-direction:column;min-height:auto !important;height:auto !important;} .hero-full > div[style*='position:absolute'] {position:relative !important;background:var(--color-primary);height:auto !important;padding:2rem 1rem;z-index:10;} .hero-full > div[style*='position:absolute'] > .container {justify-content:center !important;text-align:center;height:auto !important;} .hero-full > div[style*='position:absolute'] div[style*='max-width:450px'] {max-width:100% !important;text-align:center !important;} .hero-full img[src*='logo.png'] {margin:0 auto 1.5rem auto;display:block;} .hero-full h1 {font-size:1.8rem !important;text-shadow:none !important;} .hero-full p {margin:0 auto;text-shadow:none !important;} .hero-full div[style*='width:60px'] {margin:1rem auto !important;} .slide {width:100%;height:75vh !important;position:relative !important;display:none;} .slide.active {display:block;} .hero-content-wrapper {justify-content:center !important;align-items:flex-end !important;padding-right:0 !important;padding-left:0 !important;padding-bottom:0 !important;height:100%;} .hero-text-box {margin:0 !important;width:100% !important;bottom:0;border-radius:0 !important;border-left:none !important;border-right:none !important;border-bottom:none !important;padding:1.5rem !important;} .hero-text-box h1 {font-size:1.6rem !important;margin-bottom:0.5rem !important;} .hero-text-box p {display:block !important;font-size:0.95rem !important;margin-bottom:1rem !important;color:#444 !important;} .carousel-dots {max-width:calc(100% - 2rem);flex-wrap:wrap;bottom:12px !important;}} @media (max-width:600px) {.slide {height:62vh !important;} .home-map-placeholder {height:280px !important;}} .tenders-hero .tenders-hero-tag {display:inline-block;background:rgba(255, 255, 255, 0.12);border:1px solid rgba(255, 255, 255, 0.22);padding:6px 14px;border-radius:999px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;font-size:0.78rem;margin-bottom:1rem;} .tenders-hero .tenders-hero-subtitle {margin:0 auto;max-width:70ch;opacity:0.9;font-size:1.1rem;color:rgba(255, 255, 255, 0.92);} .tenders-page .tenders-toolbar {display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;} .tenders-page .tenders-tabs {display:flex;gap:0.4rem;flex-wrap:wrap;padding:0.4rem;border-radius:999px;background:rgba(255, 255, 255, 0.75);border:1px solid rgba(0, 0, 0, 0.06);box-shadow:var(--shadow-sm);} .tenders-page .tenders-tab {display:inline-flex;align-items:center;justify-content:center;padding:0.55rem 1rem;border-radius:999px;font-weight:700;color:var(--color-primary);opacity:0.75;transition:var(--transition);white-space:nowrap;} .tenders-page .tenders-tab:hover {opacity:1;background:rgba(0, 31, 77, 0.06);} .tenders-page .tenders-tab.is-active {opacity:1;background:var(--color-secondary);color:var(--color-white);box-shadow:0 10px 25px rgba(255, 140, 0, 0.25);} .tenders-page .tenders-help {display:inline-flex;align-items:center;gap:0.5rem;color:#667085;font-weight:600;} .tenders-page .tenders-right {display:inline-flex;align-items:center;gap:0.9rem;flex-wrap:wrap;justify-content:flex-end;} .tenders-page .tenders-scope {display:inline-flex;gap:0.35rem;padding:0.35rem;border-radius:999px;background:rgba(255, 255, 255, 0.75);border:1px solid rgba(0, 0, 0, 0.06);box-shadow:var(--shadow-sm);} .tenders-page .tenders-scope-tab {display:inline-flex;align-items:center;justify-content:center;padding:0.5rem 0.85rem;border-radius:999px;font-weight:800;color:var(--color-primary);opacity:0.75;transition:var(--transition);white-space:nowrap;} .tenders-page .tenders-scope-tab:hover {opacity:1;background:rgba(0, 31, 77, 0.06);} .tenders-page .tenders-scope-tab.is-active {opacity:1;background:rgba(0, 31, 77, 0.9);color:var(--color-white);box-shadow:0 10px 25px rgba(0, 31, 77, 0.18);} .tenders-page .tenders-help i {color:#e11d48;} .tenders-page .tenders-list {display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:1.25rem;} .tenders-page .tender-card {position:relative;background:rgba(255, 255, 255, 0.85);border:1px solid rgba(0, 0, 0, 0.06);border-radius:16px;padding:1.5rem;box-shadow:var(--shadow-md);transition:all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);overflow:hidden;} .tenders-page .tender-card::before {content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg, var(--color-secondary), rgba(255, 140, 0, 0.25));} .tenders-page .tender-card:hover {transform:translateY(-6px);box-shadow:var(--shadow-lg);background:rgba(255, 255, 255, 0.95);} .tenders-page .tender-head {display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:0.9rem;flex-wrap:wrap;} .tenders-page .tender-badges {display:flex;align-items:center;flex-wrap:wrap;gap:0.5rem;} .badge {display:inline-flex;align-items:center;padding:0.28rem 0.6rem;border-radius:999px;font-size:0.78rem;font-weight:800;letter-spacing:0.01em;border:1px solid rgba(0, 0, 0, 0.06);} .badge--neutral {background:rgba(0, 31, 77, 0.06);color:var(--color-primary);} .badge--success {background:rgba(34, 197, 94, 0.12);color:#166534;} .badge--danger {background:rgba(239, 68, 68, 0.12);color:#991b1b;} .badge--info {background:rgba(59, 130, 246, 0.12);color:#1d4ed8;} .tenders-page .tender-ref {display:inline-flex;align-items:baseline;gap:0.5rem;color:#667085;font-weight:700;} .tenders-page .tender-ref-value {color:var(--color-primary);font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size:0.95rem;} .tenders-page .tender-title {margin:0 0 1rem;font-size:1.25rem;letter-spacing:-0.01em;} .tenders-page .tender-related {display:flex;align-items:baseline;gap:0.5rem;flex-wrap:wrap;margin:-0.3rem 0 1rem;color:#667085;font-weight:800;} .tenders-page .tender-related-label {opacity:0.9;} .tenders-page .tender-related-value {color:var(--color-primary);font-weight:800;} .tenders-page .tender-meta {display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:0.75rem;margin:0 0 1.25rem;} .tenders-page .tender-meta-item {border-radius:12px;padding:0.75rem 0.9rem;background:rgba(0, 31, 77, 0.03);border:1px solid rgba(0, 0, 0, 0.05);} .tenders-page .tender-meta-item.is-urgent {background:rgba(239, 68, 68, 0.06);border-color:rgba(239, 68, 68, 0.18);} .tenders-page .tender-meta-item.is-expired {background:rgba(148, 163, 184, 0.16);border-color:rgba(148, 163, 184, 0.35);} .tenders-page .tender-meta-item dt {color:#667085;font-weight:700;font-size:0.85rem;margin-bottom:0.25rem;} .tenders-page .tender-meta-item dd {margin:0;font-weight:800;color:var(--color-primary);} .tenders-page .tender-actions {display:flex;align-items:center;justify-content:space-between;gap:0.75rem;flex-wrap:wrap;} .tenders-page .tender-download {border-radius:999px;padding:0.7rem 1.15rem;} .tenders-page .tender-open {font-weight:800;color:var(--color-primary);display:inline-flex;align-items:center;gap:0.5rem;} .tenders-page .tender-open:hover {color:var(--color-secondary);} .tenders-page .tenders-pagination {margin-top:2.25rem;display:flex;align-items:center;justify-content:center;gap:0.75rem;flex-wrap:wrap;} .page-hero-title > span:first-child:not(.page-hero-highlight) {background-color:rgba(224, 123, 0, 0.5);padding:2px 10px;display:inline} .tenders-page .page-link {display:inline-flex;align-items:center;justify-content:center;padding:0.55rem 0.9rem;border-radius:999px;background:rgba(255, 255, 255, 0.85);border:1px solid rgba(0, 0, 0, 0.08);box-shadow:var(--shadow-sm);font-weight:800;color:var(--color-primary);} .tenders-page .page-link:hover {background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary);} .tenders-page .page-link.is-disabled {opacity:0.45;pointer-events:none;} .tenders-page .page-current {color:#667085;font-weight:800;} @media (max-width:900px) {.tenders-page .tenders-list {grid-template-columns:1fr;} .tenders-page .tender-meta {grid-template-columns:1fr;}} .services-hero .services-hero-tag {display:inline-block;background:rgba(255, 255, 255, 0.12);border:1px solid rgba(255, 255, 255, 0.22);padding:6px 14px;border-radius:999px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;font-size:0.78rem;margin-bottom:1rem;} .services-hero .services-hero-subtitle {margin:0 auto;max-width:70ch;opacity:0.9;font-size:1.1rem;color:rgba(255, 255, 255, 0.92);} .services-page .services-page-grid {display:grid;gap:1.5rem;grid-template-columns:repeat(12, 1fr);} .services-page .service-card {grid-column:span 4;display:block;overflow:hidden;border-radius:16px;border:1px solid rgba(0, 0, 0, 0.06);background:rgba(255, 255, 255, 0.85);box-shadow:var(--shadow-md);transition:all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);} .services-page .service-card:hover {transform:translateY(-7px);box-shadow:var(--shadow-lg);background:rgba(255, 255, 255, 0.95);} .services-page .service-card:focus-visible {outline:3px solid rgba(255, 140, 0, 0.65);outline-offset:4px;} .services-page .service-card-media {position:relative;aspect-ratio:16 / 10;overflow:hidden;background:radial-gradient( circle at 20% 20%, rgba(255, 140, 0, 0.18), transparent 55% ), linear-gradient(135deg, rgba(0, 31, 77, 0.95), rgba(0, 31, 77, 0.55));} .services-page .service-card-media img {width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.05);transform:scale(1.02);transition:transform 0.5s ease;} .services-page .service-card:hover .service-card-media img {transform:scale(1.08);} .services-page .service-card-placeholder {width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:rgba(255, 255, 255, 0.92);} .services-page .service-card-placeholder i {font-size:2.2rem;opacity:0.9;} .services-page .service-card-badge {position:absolute;inset-block-start:14px;inset-inline-start:14px;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:rgba(255, 255, 255, 0.92);border:1px solid rgba(255, 255, 255, 0.7);box-shadow:0 8px 24px rgba(0, 0, 0, 0.16);} .services-page .service-card-badge img {width:22px;height:22px;object-fit:contain;} .services-page .service-card-badge i {color:var(--color-primary);font-size:1.1rem;} .services-page .service-card-body {padding:1.25rem 1.25rem 1.5rem;} .services-page .service-card-title {margin:0 0 0.6rem;font-size:1.25rem;letter-spacing:-0.01em;} .services-page .service-card-desc {margin:0;color:#667085;} .services-page .service-card-cta {display:inline-flex;align-items:center;gap:0.5rem;margin-top:1.1rem;font-weight:800;color:var(--color-primary);} .services-page .service-card-cta span {display:inline-block;transition:transform 0.25s ease;} .services-page .service-card:hover .service-card-cta span {transform:translateX(3px);} @media (max-width:900px) {.services-page .service-card {grid-column:span 6;}} @media (max-width:600px) {.services-page .service-card {grid-column:span 12;}} .news-hero .news-hero-tag {display:inline-block;background:rgba(255, 255, 255, 0.12);border:1px solid rgba(255, 255, 255, 0.22);padding:6px 14px;border-radius:999px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;font-size:0.78rem;margin-bottom:1rem;} .news-hero .news-hero-subtitle {margin:0 auto;max-width:75ch;opacity:0.9;font-size:1.1rem;color:rgba(255, 255, 255, 0.92);} .news-page .news-toolbar {display:flex;justify-content:center;margin-bottom:1.75rem;} .news-page .news-filters {display:flex;gap:0.45rem;flex-wrap:wrap;padding:0.45rem;border-radius:999px;background:rgba(255, 255, 255, 0.75);border:1px solid rgba(0, 0, 0, 0.06);box-shadow:var(--shadow-sm);} .news-page .news-filter {display:inline-flex;align-items:center;justify-content:center;padding:0.55rem 1rem;border-radius:999px;font-weight:800;color:var(--color-primary);opacity:0.75;transition:var(--transition);white-space:nowrap;} .news-page .news-filter:hover {opacity:1;background:rgba(0, 31, 77, 0.06);} .news-page .news-filter.is-active {opacity:1;background:var(--color-secondary);color:var(--color-white);box-shadow:0 10px 25px rgba(255, 140, 0, 0.25);} .news-page .news-grid {display:grid;grid-template-columns:repeat(12, 1fr);gap:1.5rem;} .news-page .news-card {grid-column:span 4;display:block;overflow:hidden;border-radius:16px;border:1px solid rgba(0, 0, 0, 0.06);background:rgba(255, 255, 255, 0.85);box-shadow:var(--shadow-md);transition:all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);} .news-page .news-card:hover {transform:translateY(-7px);box-shadow:var(--shadow-lg);background:rgba(255, 255, 255, 0.95);} .news-page .news-card:focus-visible {outline:3px solid rgba(255, 140, 0, 0.65);outline-offset:4px;} .news-page .news-card-media {position:relative;aspect-ratio:16 / 10;overflow:hidden;background:radial-gradient( circle at 20% 20%, rgba(255, 140, 0, 0.18), transparent 55% ), linear-gradient(135deg, rgba(0, 31, 77, 0.95), rgba(0, 31, 77, 0.55));} .news-page .news-card-media img {width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.05);transform:scale(1.02);transition:transform 0.5s ease;} .news-page .news-card:hover .news-card-media img {transform:scale(1.08);} .news-page .news-card-placeholder {width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:rgba(255, 255, 255, 0.92);} .news-page .news-card-placeholder i {font-size:2.2rem;opacity:0.9;} .news-page .news-card-badge {position:absolute;inset-block-start:12px;inset-inline-start:12px;background:rgba(255, 255, 255, 0.92);color:var(--color-primary);border:1px solid rgba(255, 255, 255, 0.7);border-radius:999px;padding:0.3rem 0.7rem;font-weight:900;font-size:0.75rem;box-shadow:0 8px 24px rgba(0, 0, 0, 0.16);} .news-page .news-card-body {padding:1.25rem 1.25rem 1.5rem;} .news-page .news-card-date {color:#667085;font-weight:800;font-size:0.85rem;margin-bottom:0.5rem;} .news-page .news-card-title {margin:0 0 0.65rem;font-size:1.25rem;letter-spacing:-0.01em;} .news-page .news-card-desc {margin:0;color:#667085;} .news-page .news-card-cta {display:inline-flex;align-items:center;gap:0.5rem;margin-top:1.1rem;font-weight:800;color:var(--color-primary);} .news-page .news-card-cta span {display:inline-block;transition:transform 0.25s ease;} .news-page .news-card:hover .news-card-cta span {transform:translateX(3px);} .news-page .news-pagination {margin-top:2.25rem;display:flex;align-items:center;justify-content:center;gap:0.75rem;flex-wrap:wrap;} @media (max-width:900px) {.news-page .news-card {grid-column:span 6;}} @media (max-width:600px) {.news-page .news-card {grid-column:span 12;}} .news-detail-hero .news-detail-breadcrumb {display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;flex-wrap:wrap;opacity:0.9;font-weight:700;margin-bottom:1rem;} .news-detail-hero .news-detail-breadcrumb a {color:rgba(255, 255, 255, 0.95);text-decoration:underline;text-underline-offset:3px;} .news-detail-hero .news-detail-tag {display:inline-block;background:rgba(255, 255, 255, 0.12);border:1px solid rgba(255, 255, 255, 0.22);padding:6px 14px;border-radius:999px;font-weight:800;letter-spacing:0.04em;text-transform:uppercase;font-size:0.78rem;margin-bottom:1rem;} .news-detail-hero .news-detail-meta {margin:0;opacity:0.92;font-weight:700;} .news-detail-hero .news-detail-meta i {margin-inline-end:8px;opacity:0.9;} .news-detail-page .news-detail-container {max-width:1150px;} .news-detail-page .news-detail-layout {display:grid;grid-template-columns:minmax(0, 1fr) 340px;gap:1.5rem;margin-top:1.5rem;} .news-detail-page .news-article {border-radius:16px;padding:1.75rem;} .news-detail-page .news-article-content {color:#0f172a;font-size:1.05rem;line-height:1.85;} .news-detail-page .news-article-content p {margin-bottom:1.1rem;} .news-detail-page .news-article-footer {margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid rgba(0, 0, 0, 0.06);display:flex;justify-content:flex-start;} .news-detail-page .news-back {font-weight:900;color:var(--color-primary);display:inline-flex;align-items:center;gap:0.6rem;} .news-detail-page .news-back:hover {color:var(--color-secondary);} .news-detail-page .news-side {display:grid;gap:1rem;align-content:start;} .news-detail-page .news-side-card {border-radius:16px;padding:1.25rem;} .news-detail-page .news-side-title {margin:0 0 0.75rem;font-size:1.15rem;} .news-detail-page .news-side-text {margin:0;color:#667085;} .news-detail-page .news-carousel {position:relative;border-radius:16px;overflow:hidden;background:radial-gradient( circle at 20% 20%, rgba(255, 140, 0, 0.18), transparent 55% ), linear-gradient(135deg, rgba(0, 31, 77, 0.95), rgba(0, 31, 77, 0.55));box-shadow:var(--shadow-lg);border:1px solid rgba(0, 0, 0, 0.06);touch-action:pan-y;} .news-detail-page .news-carousel-viewport {overflow:hidden;} .news-detail-page .news-carousel-track {display:flex;will-change:transform;transition:transform 0.45s ease;} .news-detail-page .news-carousel-slide {min-width:100%;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;} .news-detail-page .news-carousel-slide img {width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.05);} .news-detail-page .news-carousel-btn {position:absolute;inset-block-start:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:999px;border:1px solid rgba(255, 255, 255, 0.35);background:rgba(0, 0, 0, 0.35);color:white;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);z-index:5;} .news-detail-page .news-carousel-btn:hover {background:rgba(0, 0, 0, 0.55);} .news-detail-page .news-carousel-btn.is-prev {inset-inline-start:14px;} .news-detail-page .news-carousel-btn.is-next {inset-inline-end:14px;} .news-detail-page .news-carousel-dots {position:absolute;inset-inline:0;inset-block-end:12px;display:flex;justify-content:flex-start;gap:8px;padding:0 16px;z-index:5;overflow-x:auto;scrollbar-width:none;} .news-detail-page .news-carousel-dots::-webkit-scrollbar {display:none;} .news-detail-page .news-carousel-thumb {width:92px;height:62px;border-radius:10px;overflow:hidden;background:rgba(255, 255, 255, 0.18);border:none;box-shadow:0 10px 25px rgba(0, 0, 0, 0.25);cursor:pointer;transition:var(--transition);flex:0 0 auto;padding:0;} .news-detail-page .news-carousel-thumb img {width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.05) contrast(1.05);} .news-detail-page .news-carousel-thumb:hover {transform:translateY(-2px);} .news-detail-page .news-carousel-thumb.is-active {outline:3px solid rgba(255, 140, 0, 0.7);outline-offset:2px;} @media (max-width:600px) {.news-detail-page .news-carousel-thumb {width:76px;height:52px;}} .news-related {margin-top:2.75rem;} .news-related .news-related-grid {margin-top:1.25rem;display:grid;grid-template-columns:repeat(12, 1fr);gap:1.25rem;} .news-related .news-related-card {grid-column:span 4;display:block;overflow:hidden;border-radius:16px;border:1px solid rgba(0, 0, 0, 0.06);background:rgba(255, 255, 255, 0.85);box-shadow:var(--shadow-md);transition:all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);} .news-related .news-related-card:hover {transform:translateY(-6px);box-shadow:var(--shadow-lg);background:rgba(255, 255, 255, 0.95);} .news-related .news-related-media {aspect-ratio:16 / 10;overflow:hidden;background:rgba(0, 31, 77, 0.08);} .news-related .news-related-media img {width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform 0.5s ease;} .news-related .news-related-card:hover .news-related-media img {transform:scale(1.08);} .news-related .news-related-placeholder {width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:rgba(0, 31, 77, 0.85);} .news-related .news-related-body {padding:1rem 1.1rem 1.2rem;} .news-related .news-related-date {color:#667085;font-weight:800;font-size:0.85rem;margin-bottom:0.4rem;} .news-related .news-related-title {font-weight:900;color:var(--color-primary);} @media (max-width:900px) {.news-detail-page .news-detail-layout {grid-template-columns:1fr;} .news-related .news-related-card {grid-column:span 6;}} @media (max-width:600px) {.news-related .news-related-card {grid-column:span 12;}} .service-detail-hero {position:relative;background:var(--color-primary);color:var(--color-white);padding:5.25rem 0 4rem;overflow:hidden;} .service-detail-hero.has-media {padding:6.25rem 0 4.75rem;} .service-detail-hero-bg {position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.03);filter:saturate(1.05) contrast(1.05);} .service-detail-hero-overlay {position:absolute;inset:0;background:radial-gradient( circle at 20% 20%, rgba(255, 140, 0, 0.22), transparent 55% ), linear-gradient( 180deg, rgba(0, 31, 77, 0.75) 0%, rgba(0, 31, 77, 0.95) 100% );} .service-detail-hero-inner {position:relative;z-index:2;} .service-detail-breadcrumb {display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap;opacity:0.9;font-weight:700;margin-bottom:1.25rem;} .service-detail-breadcrumb a {color:rgba(255, 255, 255, 0.95);text-decoration:underline;text-underline-offset:3px;} .service-detail-breadcrumb-current {opacity:0.95;} .service-detail-hero-grid {display:grid;grid-template-columns:minmax(0, 1fr) 360px;gap:1.5rem;align-items:start;} .service-detail-hero-badge {display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:18px;background:rgba(255, 255, 255, 0.92);border:1px solid rgba(255, 255, 255, 0.7);box-shadow:0 12px 35px rgba(0, 0, 0, 0.22);margin-bottom:1.15rem;} .service-detail-hero-badge img {width:28px;height:28px;object-fit:contain;} .service-detail-hero-badge i {color:var(--color-primary);font-size:1.4rem;} .service-detail-title {color:white;margin:0 0 0.75rem;font-size:2.6rem;letter-spacing:-0.02em;} .service-detail-subtitle {margin:0;max-width:70ch;font-size:1.1rem;opacity:0.92;color:rgba(255, 255, 255, 0.92);} .service-detail-hero-actions {margin-top:1.5rem;display:flex;gap:0.75rem;flex-wrap:wrap;} .service-detail-btn-ghost {background:rgba(255, 255, 255, 0.12);color:var(--color-white);border:1px solid rgba(255, 255, 255, 0.22);border-radius:999px;} .service-detail-btn-ghost:hover {background:rgba(255, 255, 255, 0.2);transform:translateY(-2px);box-shadow:var(--shadow-md);} .service-detail-hero-card {border-radius:16px;background:rgba(255, 255, 255, 0.14);border:1px solid rgba(255, 255, 255, 0.22);box-shadow:0 18px 50px rgba(0, 0, 0, 0.28);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:1.25rem;} .service-detail-hero-card-title {font-weight:900;letter-spacing:-0.01em;margin-bottom:0.85rem;} .service-detail-hero-card-items {display:grid;gap:0.65rem;} .service-detail-contact {display:grid;grid-template-columns:42px minmax(0, 1fr);gap:0.85rem;padding:0.8rem 0.9rem;border-radius:14px;background:rgba(255, 255, 255, 0.12);border:1px solid rgba(255, 255, 255, 0.18);color:rgba(255, 255, 255, 0.95);transition:var(--transition);} .service-detail-contact:hover {background:rgba(255, 255, 255, 0.18);transform:translateY(-2px);} .service-detail-contact-ic {width:42px;height:42px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:rgba(0, 0, 0, 0.25);border:1px solid rgba(255, 255, 255, 0.14);} .service-detail-contact-ic i {color:var(--color-white);} .service-detail-contact-label {display:block;opacity:0.85;font-weight:800;font-size:0.85rem;} .service-detail-contact-value {display:block;font-weight:900;letter-spacing:-0.01em;margin-top:0.1rem;} .service-detail-contact.is-cta {background:rgba(255, 140, 0, 0.2);border-color:rgba(255, 140, 0, 0.35);} .service-detail-page .service-detail-layout {display:grid;grid-template-columns:minmax(0, 1fr) 360px;gap:1.5rem;align-items:start;} .service-detail-page .service-detail-article {border-radius:16px;padding:1.75rem;} .service-detail-article-head {display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem;} .service-detail-article-chip {display:inline-flex;align-items:center;gap:0.5rem;padding:0.35rem 0.7rem;border-radius:999px;background:rgba(0, 31, 77, 0.06);color:var(--color-primary);border:1px solid rgba(0, 0, 0, 0.06);font-weight:900;font-size:0.8rem;} .service-detail-content {color:#0f172a;font-size:1.05rem;line-height:1.85;} .service-detail-content p {margin-bottom:1.1rem;} .service-detail-article-footer {margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid rgba(0, 0, 0, 0.06);} .service-detail-back {font-weight:900;color:var(--color-primary);display:inline-flex;align-items:center;gap:0.6rem;} .service-detail-back:hover {color:var(--color-secondary);} .service-detail-page .service-detail-side {display:grid;gap:1rem;align-content:start;} .service-detail-page .service-detail-side-card {border-radius:16px;padding:1.25rem;position:sticky;top:90px;} .service-detail-side-title {margin:0 0 0.85rem;font-size:1.15rem;} .service-detail-points {margin:0 0 1.25rem;padding:0;display:grid;gap:0.65rem;} .service-detail-points li {display:flex;gap:0.65rem;color:#334155;font-weight:700;} .service-detail-points i {color:var(--color-secondary);margin-top:3px;} .service-detail-other-grid {display:grid;gap:0.6rem;} .service-detail-other {display:grid;grid-template-columns:42px minmax(0, 1fr);gap:0.75rem;align-items:center;padding:0.7rem 0.8rem;border-radius:14px;background:rgba(0, 31, 77, 0.03);border:1px solid rgba(0, 0, 0, 0.06);transition:var(--transition);} .service-detail-other:hover {background:rgba(0, 31, 77, 0.06);transform:translateY(-2px);} .service-detail-other-ic {width:42px;height:42px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255, 255, 255, 0.9);border:1px solid rgba(0, 0, 0, 0.06);} .service-detail-other-ic img {width:22px;height:22px;object-fit:contain;} .service-detail-other-ic i {color:var(--color-primary);} .service-detail-other-title {font-weight:900;color:var(--color-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} @media (max-width:900px) {.service-detail-hero-grid {grid-template-columns:1fr;} .service-detail-page .service-detail-layout {grid-template-columns:1fr;} .service-detail-page .service-detail-side-card {position:relative;top:auto;}} @media (max-width:600px) {.service-detail-title {font-size:2rem;}} .main-footer {background:radial-gradient( circle at 15% 20%, rgba(255, 140, 0, 0.14), transparent 55% ), radial-gradient(circle at 80% 10%, rgba(255, 255, 255, 0.07), transparent 50%), linear-gradient(135deg, #00122e, #001f4d 55%, #06162f);color:rgba(255, 255, 255, 0.86);padding:0;} .main-footer a {color:rgba(255, 255, 255, 0.9);} .main-footer a:hover {color:var(--color-secondary);} .main-footer .footer-top {padding:70px 0 40px;} .main-footer .footer-grid {display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:1.5rem;align-items:start;} .main-footer .footer-brand {padding-right:1rem;} .main-footer .footer-logo {display:inline-flex;align-items:center;justify-content:center;background:rgba(255, 255, 255, 0.92);border:1px solid rgba(255, 255, 255, 0.5);border-radius:14px;padding:10px 12px;box-shadow:0 18px 50px rgba(0, 0, 0, 0.35);margin-bottom:1.1rem;} .main-footer .footer-logo img {height:40px;width:auto;} .main-footer .footer-desc {margin:0 0 1.2rem;max-width:55ch;color:rgba(255, 255, 255, 0.82);} .main-footer .footer-title {color:rgba(255, 255, 255, 0.95);margin:0 0 1rem;font-size:1.15rem;} .main-footer .footer-links {margin:0;padding:0;display:grid;gap:0.65rem;} .main-footer .footer-links a {display:inline-flex;align-items:center;gap:0.6rem;opacity:0.9;} .main-footer .footer-links a:hover {opacity:1;transform:translateX(2px);} .main-footer .footer-social {display:flex;gap:0.55rem;flex-wrap:wrap;margin-bottom:1rem;} .main-footer .footer-social-link {width:40px;height:40px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255, 255, 255, 0.10);border:1px solid rgba(255, 255, 255, 0.16);transition:var(--transition);} .main-footer .footer-social-link:hover {background:rgba(255, 140, 0, 0.22);border-color:rgba(255, 140, 0, 0.35);transform:translateY(-2px);} .main-footer .footer-note {display:inline-flex;align-items:center;gap:0.5rem;padding:0.6rem 0.8rem;border-radius:14px;background:rgba(255, 255, 255, 0.08);border:1px solid rgba(255, 255, 255, 0.14);} .main-footer .footer-note-label {font-weight:900;opacity:0.95;} .main-footer .footer-placeholder {display:inline-flex;align-items:center;padding:0.18rem 0.55rem;border-radius:999px;font-weight:900;letter-spacing:0.01em;color:rgba(255, 255, 255, 0.92);background:rgba(255, 255, 255, 0.12);border:1px dashed rgba(255, 255, 255, 0.25);} .main-footer .footer-mini-card {margin-top:1.25rem;padding:1rem;border-radius:16px;background:rgba(255, 255, 255, 0.10);border:1px solid rgba(255, 255, 255, 0.16);box-shadow:0 16px 45px rgba(0, 0, 0, 0.24);} .main-footer .footer-mini-card-title {font-weight:900;color:rgba(255, 255, 255, 0.95);margin-bottom:0.4rem;} .main-footer .footer-mini-card-text {margin:0 0 0.85rem;color:rgba(255, 255, 255, 0.8);} .main-footer .footer-contact-item {display:grid;grid-template-columns:42px minmax(0, 1fr);gap:0.8rem;align-items:start;padding:0.75rem 0.85rem;border-radius:16px;background:rgba(255, 255, 255, 0.08);border:1px solid rgba(255, 255, 255, 0.14);color:rgba(255, 255, 255, 0.9);margin-bottom:0.65rem;} .main-footer a.footer-contact-item:hover {background:rgba(255, 255, 255, 0.12);border-color:rgba(255, 255, 255, 0.22);transform:translateY(-2px);} .main-footer .footer-contact-ic {width:42px;height:42px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:rgba(0, 0, 0, 0.22);border:1px solid rgba(255, 255, 255, 0.12);} .main-footer .footer-contact-label {display:block;font-weight:900;opacity:0.95;margin-bottom:0.15rem;} .main-footer .footer-contact-value {display:block;opacity:0.9;} .main-footer .footer-legal {margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255, 255, 255, 0.14);} .main-footer .footer-legal-title {font-weight:900;color:rgba(255, 255, 255, 0.95);margin-bottom:0.65rem;} .main-footer .footer-legal-list {margin:0;padding:0;display:grid;gap:0.45rem;font-weight:800;color:rgba(255, 255, 255, 0.84);} .main-footer .footer-legal-k {color:rgba(255, 255, 255, 0.95);} .main-footer .footer-legal-hint {margin:0.75rem 0 0;color:rgba(255, 255, 255, 0.7);font-size:0.9rem;} .main-footer .footer-bottom {border-top:1px solid rgba(255, 255, 255, 0.14);padding:18px 0;} .main-footer .footer-bottom-inner {display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;} .main-footer .footer-bottom-left {font-weight:800;color:rgba(255, 255, 255, 0.85);} .main-footer .footer-bottom-links {display:flex;gap:1rem;flex-wrap:wrap;font-weight:800;} .main-footer .footer-bottom-links a {opacity:0.85;} .main-footer .footer-bottom-links a:hover {opacity:1;} @media (max-width:1000px) {.main-footer .footer-grid {grid-template-columns:1fr 1fr;}} @media (max-width:600px) {.main-footer .footer-grid {grid-template-columns:1fr;} .main-footer .footer-brand {padding-right:0;}} .sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;} .site-header {position:sticky;top:var(--sticky-offset);margin-top:var(--sticky-offset);z-index:12000;width:100%;} .site-header__inner {display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem;padding:0.6rem 1rem;min-height:var(--header-height);background:rgba(255, 255, 255, 0.78);border:1px solid rgba(255, 255, 255, 0.55);border-radius:999px;box-shadow:0 12px 40px rgba(0, 31, 77, 0.18);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);} .site-logo {display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:6px 10px;} .site-logo img {height:34px;width:auto;display:block;} .site-nav {display:flex;align-items:center;justify-content:flex-end;gap:0.75rem;} .site-nav__toggle, .site-nav__close {display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;border:1px solid rgba(0, 0, 0, 0.08);background:rgba(255, 255, 255, 0.85);color:var(--color-primary);cursor:pointer;transition:var(--transition);} .site-nav__toggle:hover, .site-nav__close:hover {transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:rgba(0, 0, 0, 0.14);} .site-nav__overlay[hidden] {display:none;} .site-nav__overlay {position:fixed;inset:0;background:rgba(0, 0, 0, 0.35);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:12010;} .site-nav__drawer {position:fixed;top:calc(var(--sticky-offset) + var(--header-height));bottom:0;inset-inline-end:0;width:min(420px, 90vw);height:calc(100vh - (var(--sticky-offset) + var(--header-height)));background:rgba(255, 255, 255, 0.92);border-inline-start:1px solid rgba(0, 0, 0, 0.06);box-shadow:0 20px 70px rgba(0, 0, 0, 0.35);z-index:12020;transform:translate3d(100%, 0, 0);transition:transform 0.35s ease;display:grid;grid-template-rows:auto 1fr auto;padding:1rem;overflow:hidden;overflow-x:hidden;box-sizing:border-box;border-top-left-radius:24px;} [dir="rtl"] .site-nav__drawer {inset-inline-end:auto;inset-inline-start:0;transform:translate3d(-100%, 0, 0);border-top-left-radius:0;border-top-right-radius:24px;} .site-nav__drawer.is-open {transform:translate3d(0, 0, 0);} .site-nav__drawer-head {display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:0.75rem;border-bottom:1px solid rgba(0, 0, 0, 0.06);} .site-nav__drawer-head, .site-nav__cta {box-sizing:border-box;} .site-nav__drawer-title {font-weight:900;color:var(--color-primary);letter-spacing:-0.01em;} .site-nav__links {padding:1rem 0;display:grid;gap:0.5rem;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;overflow-x:hidden;} .site-nav__links::-webkit-scrollbar {display:none;} .site-nav__link {display:flex;align-items:center;justify-content:space-between;gap:0.75rem;padding:0.9rem 1rem;border-radius:16px;font-weight:800;color:var(--color-primary);background:rgba(0, 31, 77, 0.03);border:1px solid rgba(0, 0, 0, 0.06);} .site-nav__link:hover {background:rgba(0, 31, 77, 0.06);transform:translateY(-1px);} .site-nav__cta {padding-top:0.75rem;border-top:1px solid rgba(0, 0, 0, 0.06);} @media (min-width:901px) {.site-header__inner {max-width:1200px;margin-inline:auto;padding-inline:1.25rem;} .site-nav__toggle, .site-nav__overlay, .site-nav__close, .site-nav__cta {display:none !important;} .site-nav__drawer {position:static;transform:none !important;width:auto;height:auto;background:transparent;border:0;box-shadow:none;padding:0;display:block;overflow:visible;} .site-nav__links {overflow:visible;padding:0;display:flex;align-items:center;justify-content:center;gap:0.5rem;} .site-nav {justify-content:center;} .site-nav__link {background:transparent;border:0;border-radius:999px;padding:0.55rem 0.9rem;font-weight:700;color:var(--color-primary);} .site-nav__link:hover {background:rgba(0, 31, 77, 0.06);}} @media (max-width:900px) {.site-header__inner {grid-template-columns:44px 1fr 44px;padding:0.55rem 0.75rem;border-radius:0;border-left:0;border-right:0;} .site-logo {grid-column:2;justify-self:center;} .site-nav {grid-column:3;justify-self:end;} [dir="rtl"] .site-nav {grid-column:1;justify-self:start;} .site-nav__overlay {inset:0;} .site-nav__drawer {top:0;bottom:0;height:100vh;width:100vw;max-width:none;border-radius:0;border-inline-start:0;padding-top:calc(env(safe-area-inset-top, 0px) + 0.75rem);padding-inline:1rem;padding-bottom:calc(env(safe-area-inset-bottom, 0px) + 1rem);} [dir="rtl"] .site-nav__drawer {padding-top:calc(env(safe-area-inset-top, 0px) + 0.75rem);}} body.nav-open {overflow:hidden !important;} .modern-navbar {position:sticky;top:var(--sticky-offset);margin-top:var(--sticky-offset);z-index:15000;width:100%;background:rgba(255, 255, 255, 0.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 20px rgba(0, 31, 77, 0.08);border-bottom:1px solid rgba(0, 31, 77, 0.08);} .navbar-container {max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:60px;gap:2rem;} .navbar-logo {display:flex;align-items:center;flex-shrink:0;transition:var(--transition);} .navbar-logo:hover {transform:scale(1.02);} .navbar-logo img {height:36px;width:auto;display:block;} .navbar-menu {display:flex;align-items:center;gap:0.5rem;flex:1;justify-content:center;} .navbar-link {position:relative;padding:0.75rem 1.25rem;font-weight:600;font-size:0.95rem;color:var(--color-primary);border-radius:8px;transition:all 0.3s ease;white-space:nowrap;} .navbar-link::after {content:"";position:absolute;bottom:8px;left:50%;transform:translateX(-50%) scaleX(0);width:80%;height:2px;background:var(--color-secondary);transition:transform 0.3s ease;} .navbar-link:hover {color:var(--color-secondary);background:rgba(255, 140, 0, 0.05);} .navbar-link:hover::after {transform:translateX(-50%) scaleX(1);} .navbar-cta {padding:0.75rem 1.75rem;background:linear-gradient(135deg, var(--color-secondary), #ff6b00);color:white;font-weight:700;font-size:0.95rem;border-radius:50px;box-shadow:0 4px 15px rgba(255, 140, 0, 0.3);transition:all 0.3s ease;white-space:nowrap;border:none;cursor:pointer;} .navbar-cta:hover {transform:translateY(-2px);box-shadow:0 6px 25px rgba(255, 140, 0, 0.4);background:linear-gradient(135deg, #ff6b00, var(--color-secondary));} .navbar-hamburger {display:none;flex-direction:column;justify-content:space-around;width:44px;height:44px;background:rgba(255, 255, 255, 0.9);border:1px solid rgba(0, 31, 77, 0.1);border-radius:8px;cursor:pointer;padding:8px;z-index:15030;position:relative;flex-shrink:0;-webkit-tap-highlight-color:transparent;transition:all 0.3s ease;} .navbar-hamburger:hover {background:rgba(255, 140, 0, 0.1);border-color:var(--color-secondary);transform:scale(1.05);} .navbar-hamburger:active {transform:scale(0.95);} .hamburger-line {width:100%;height:3px;background:var(--color-primary);border-radius:10px;transition:all 0.3s ease;transform-origin:center;} .navbar-hamburger[aria-expanded="true"] .hamburger-line:nth-child(1) {transform:translateY(9px) rotate(45deg);} .navbar-hamburger[aria-expanded="true"] .hamburger-line:nth-child(2) {opacity:0;transform:scaleX(0);} .navbar-hamburger[aria-expanded="true"] .hamburger-line:nth-child(3) {transform:translateY(-9px) rotate(-45deg);} .navbar-mobile-menu {position:fixed;top:0;right:0;width:100%;max-width:400px;height:100vh;background:rgba(255, 255, 255, 0.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:-4px 0 30px rgba(0, 0, 0, 0.15);transform:translateX(100%);transition:transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);z-index:15020;overflow-y:auto;padding:0;} .navbar-mobile-menu[aria-hidden="false"] {transform:translateX(0);} .mobile-menu-content {padding:6rem 2rem 2rem;display:flex;flex-direction:column;gap:0.5rem;} .mobile-menu-link {padding:1rem 1.5rem;font-weight:700;font-size:1.05rem;color:var(--color-primary);border-radius:12px;background:rgba(0, 31, 77, 0.03);border:1px solid rgba(0, 31, 77, 0.08);transition:all 0.3s ease;display:flex;align-items:center;justify-content:space-between;} .mobile-menu-link::after {content:"→";font-size:1.2rem;opacity:0;transform:translateX(-10px);transition:all 0.3s ease;} .mobile-menu-link:hover, .mobile-menu-link:focus {background:rgba(0, 31, 77, 0.08);transform:translateX(4px);border-color:var(--color-secondary);} .mobile-menu-link:hover::after, .mobile-menu-link:focus::after {opacity:1;transform:translateX(0);} .mobile-menu-cta {margin-top:1.5rem;padding:1.25rem 1.75rem;background:linear-gradient(135deg, var(--color-secondary), #ff6b00);color:white;font-weight:700;font-size:1.1rem;border-radius:12px;text-align:center;box-shadow:0 6px 20px rgba(255, 140, 0, 0.3);transition:all 0.3s ease;} .mobile-menu-cta:hover, .mobile-menu-cta:focus {transform:translateY(-2px);box-shadow:0 8px 30px rgba(255, 140, 0, 0.4);} .navbar-mobile-menu::before {content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.5);opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:-1;pointer-events:none;} .navbar-mobile-menu[aria-hidden="false"]::before {opacity:1;visibility:visible;pointer-events:auto;} @media (max-width:1200px) {.navbar-container {padding:0 1.5rem;} .navbar-link {padding:0.65rem 1rem;font-size:0.9rem;}} @media (max-width:1024px) {.navbar-menu, .navbar-cta {display:none;} .navbar-hamburger {display:flex;} .navbar-container {height:70px;}} @media (max-width:768px) {.navbar-container {padding:0 1rem;height:65px;} .navbar-logo img {height:38px;} .navbar-mobile-menu {max-width:100%;} .mobile-menu-content {padding:5rem 1.5rem 1.5rem;}} @media (max-width:480px) {.navbar-container {padding:0 0.75rem;height:60px;} .navbar-logo img {height:32px;} .navbar-hamburger {width:40px;height:40px;padding:8px;} .hamburger-line {height:2.5px;}} [dir="rtl"] .navbar-mobile-menu {right:auto;left:0;transform:translateX(-100%);} [dir="rtl"] .navbar-mobile-menu[aria-hidden="false"] {transform:translateX(0);} [dir="rtl"] .mobile-menu-link::after {content:"←";transform:translateX(10px);} [dir="rtl"] .mobile-menu-link:hover, [dir="rtl"] .mobile-menu-link:focus {transform:translateX(-4px);} body.mobile-menu-open {overflow:hidden;} .navbar-mobile-menu[aria-hidden="false"] .mobile-menu-link, .navbar-mobile-menu[aria-hidden="false"] .mobile-menu-cta {animation:slideInFromRight 0.4s ease forwards;opacity:0;} .navbar-mobile-menu[aria-hidden="false"] .mobile-menu-link:nth-child(1) {animation-delay:0.05s;} .navbar-mobile-menu[aria-hidden="false"] .mobile-menu-link:nth-child(2) {animation-delay:0.1s;} .navbar-mobile-menu[aria-hidden="false"] .mobile-menu-link:nth-child(3) {animation-delay:0.15s;} .navbar-mobile-menu[aria-hidden="false"] .mobile-menu-link:nth-child(4) {animation-delay:0.2s;} .navbar-mobile-menu[aria-hidden="false"] .mobile-menu-link:nth-child(5) {animation-delay:0.25s;} .navbar-mobile-menu[aria-hidden="false"] .mobile-menu-link:nth-child(6) {animation-delay:0.3s;} .navbar-mobile-menu[aria-hidden="false"] .mobile-menu-link:nth-child(7) {animation-delay:0.35s;} .navbar-mobile-menu[aria-hidden="false"] .mobile-menu-cta {animation-delay:0.4s;} @keyframes slideInFromRight {from {opacity:0;transform:translateX(30px);} to {opacity:1;transform:translateX(0);}} .hero-modern {position:relative;min-height:90vh;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg, #001f4d 0%, #002a5c 50%, #001f4d 100%);} .hero-modern::before {content:"";position:absolute;inset:0;background-image:url("/static/cover.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(2px);opacity:0.8;z-index:0;} .hero-modern::after {content:"";position:absolute;inset:0;background:linear-gradient( 135deg, rgba(0, 31, 77, 0.65) 0%, rgba(0, 42, 92, 0.55) 50%, rgba(0, 31, 77, 0.65) 100% );z-index:0;} .hero-modern-bg {position:absolute;inset:0;overflow:hidden;z-index:1;} .hero-gradient-orb {position:absolute;border-radius:50%;filter:blur(80px);opacity:0.4;animation:float 20s ease-in-out infinite;} .hero-gradient-orb-1 {width:500px;height:500px;background:radial-gradient(circle, #ff8c00, transparent);top:-10%;left:-10%;animation-delay:0s;} .hero-gradient-orb-2 {width:400px;height:400px;background:radial-gradient(circle, #4a90e2, transparent);bottom:-10%;right:10%;animation-delay:7s;} .hero-gradient-orb-3 {width:350px;height:350px;background:radial-gradient(circle, #ff6b00, transparent);top:50%;right:-5%;animation-delay:14s;} @keyframes float {0%, 100% {transform:translate(0, 0) scale(1);} 33% {transform:translate(30px, -30px) scale(1.1);} 66% {transform:translate(-20px, 20px) scale(0.9);}} .hero-modern-container {position:relative;z-index:2;display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center;padding:4rem 2rem;} .hero-modern-content {color:white;} .hero-badge {display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:rgba(255, 140, 0, 0.15);border:1px solid rgba(255, 140, 0, 0.3);border-radius:50px;font-size:0.9rem;font-weight:600;margin-bottom:1.5rem;backdrop-filter:blur(10px);} .hero-badge i {color:var(--color-secondary);} .hero-modern-title {font-size:clamp(2.5rem, 5vw, 4rem);font-weight:900;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-0.02em;} .hero-modern-highlight {background:linear-gradient(135deg, #ff8c00, #ff6b00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;} .hero-modern-subtitle {font-size:1.15rem;line-height:1.7;color:rgba(255, 255, 255, 0.85);margin-bottom:2.5rem;max-width:600px;} .hero-modern-actions {display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:3rem;} .btn-hero-primary, .btn-hero-secondary {display:inline-flex;align-items:center;gap:0.5rem;padding:0.875rem 1.5rem;font-weight:700;font-size:0.95rem;border-radius:10px;text-decoration:none;flex-shrink:0;white-space:nowrap;border:none;cursor:pointer;} .btn-hero-primary {background:linear-gradient(135deg, var(--color-secondary), #ff6b00);color:white;box-shadow:0 4px 15px rgba(255, 140, 0, 0.3);transition:transform 0.2s ease, box-shadow 0.2s ease;} .btn-hero-primary:hover {transform:translateY(-2px);box-shadow:0 6px 20px rgba(255, 140, 0, 0.4);} .btn-hero-secondary {background:rgba(255, 255, 255, 0.1);color:white;border:2px solid rgba(255, 255, 255, 0.25);transition:background 0.2s ease, border-color 0.2s ease;} .btn-hero-secondary:hover {background:rgba(255, 255, 255, 0.2);border-color:rgba(255, 255, 255, 0.4);} .hero-modern-stats {display:flex;gap:3rem;flex-wrap:wrap;} .hero-stat {text-align:left;} .hero-stat-number {font-size:2.5rem;font-weight:900;color:var(--color-secondary);line-height:1;margin-bottom:0.5rem;} .hero-stat-label {font-size:0.9rem;color:rgba(255, 255, 255, 0.7);font-weight:600;} .hero-modern-visual {position:relative;height:500px;} .hero-visual-card {position:absolute;background:rgba(255, 255, 255, 0.95);backdrop-filter:blur(20px);border-radius:16px;padding:1.25rem;box-shadow:0 10px 40px rgba(0, 0, 0, 0.15);display:flex;align-items:center;gap:1rem;animation:cardFloat 6s ease-in-out infinite;} .hero-visual-card-1 {top:10%;left:0;animation-delay:0s;} .hero-visual-card-2 {top:45%;right:10%;animation-delay:2s;} .hero-visual-card-3 {bottom:10%;left:10%;animation-delay:4s;} @keyframes cardFloat {0%, 100% {transform:translateY(0);} 50% {transform:translateY(-15px);}} .hero-visual-icon {width:50px;height:50px;border-radius:12px;background:linear-gradient(135deg, var(--color-secondary), #ff6b00);display:flex;align-items:center;justify-content:center;color:white;font-size:1.5rem;flex-shrink:0;} .hero-visual-title {font-weight:800;color:var(--color-primary);margin-bottom:0.25rem;} .hero-visual-desc {font-size:0.85rem;color:#666;} .hero-visual-main {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:200px;height:200px;background:rgba(255, 255, 255, 0.1);backdrop-filter:blur(20px);border-radius:30px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255, 255, 255, 0.2);animation:pulse 3s ease-in-out infinite;} .hero-visual-main img {max-width:80%;height:auto;} @keyframes pulse {0%, 100% {transform:translate(-50%, -50%) scale(1);} 50% {transform:translate(-50%, -50%) scale(1.05);}} .section-header-modern {text-align:left;margin-bottom:4rem;} .section-header-modern.text-center {text-align:center;} .section-tag {display:inline-block;padding:0.5rem 1rem;background:rgba(255, 140, 0, 0.1);color:var(--color-secondary);border-radius:50px;font-weight:700;font-size:0.85rem;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:1rem;} .section-title-modern {font-size:clamp(2rem, 4vw, 3rem);font-weight:900;line-height:1.2;color:var(--color-primary);margin-bottom:1rem;letter-spacing:-0.02em;} .title-highlight {background:linear-gradient(135deg, #ff8c00, #ff6b00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;} .section-subtitle-modern {font-size:1.1rem;line-height:1.7;color:#667085;max-width:700px;} .section-header-modern.text-center .section-subtitle-modern {margin:0 auto;} .services-modern {padding:6rem 0;background:linear-gradient(180deg, #f8f9fa 0%, white 100%);} .services-modern-grid {display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:2rem;margin-bottom:3rem;} .service-modern-card {position:relative;background:white;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px rgba(0, 0, 0, 0.08);transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);display:block;text-decoration:none;min-height:420px;display:flex;flex-direction:column;} .service-modern-card:hover {transform:translateY(-10px);box-shadow:0 20px 50px rgba(0, 31, 77, 0.15);} .service-modern-image {position:relative;height:220px;overflow:hidden;background:linear-gradient( 135deg, rgba(0, 31, 77, 0.9), rgba(0, 31, 77, 0.7) );background-size:cover;background-position:center;background-repeat:no-repeat;} .service-modern-placeholder {width:100%;height:100%;background:linear-gradient(135deg, var(--color-primary), #003366);display:flex;align-items:center;justify-content:center;} .service-modern-placeholder i {font-size:2rem;} .service-modern-overlay {position:absolute;inset:0;background:linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.4) 100%);} .service-modern-icon {position:absolute;top:1rem;left:1rem;width:60px;height:60px;background:rgba(255, 255, 255, 0.95);backdrop-filter:blur(10px);border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px rgba(0, 0, 0, 0.15);z-index:2;} .service-modern-icon img {width:30px;height:30px;object-fit:contain;} .service-modern-icon i {font-size:1.5rem;color:var(--color-primary);} .service-modern-content {padding:1.75rem;display:flex;flex-direction:column;gap:0.75rem;flex:1;} .service-modern-title {font-size:1.35rem;font-weight:800;color:var(--color-primary);margin-bottom:0.75rem;line-height:1.3;} .service-modern-desc {color:#667085;line-height:1.6;margin-bottom:1.25rem;} .service-modern-link {display:inline-flex;align-items:center;gap:0.5rem;color:var(--color-secondary);font-weight:700;font-size:0.95rem;margin-top:auto;} .service-modern-link i {transition:transform 0.3s ease;} .service-modern-card:hover .service-modern-link i {transform:translateX(5px);} .why-us-modern {padding:6rem 0;background:white;} .why-us-grid {display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;} .why-us-features {display:grid;gap:2rem;margin:2.5rem 0;} .why-us-feature {display:flex;gap:1.5rem;align-items:flex-start;} .why-us-feature-icon {width:60px;height:60px;border-radius:16px;background:linear-gradient( 135deg, rgba(255, 140, 0, 0.1), rgba(255, 140, 0, 0.05) );display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-secondary);font-size:1.5rem;} .why-us-feature-content h3 {font-size:1.25rem;font-weight:800;color:var(--color-primary);margin-bottom:0.5rem;} .why-us-feature-content p {color:#667085;line-height:1.6;margin:0;} .why-us-visual {position:relative;height:600px;} .why-us-image-card {position:absolute;inset:0;background:linear-gradient( 135deg, rgba(0, 31, 77, 0.05), rgba(255, 140, 0, 0.05) );border-radius:24px;overflow:hidden;border:2px solid rgba(0, 31, 77, 0.1);} .why-us-image-placeholder {width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-primary);gap:1rem;} .why-us-image-placeholder i {font-size:5rem;opacity:0.3;} .why-us-image-placeholder p {font-weight:700;font-size:1.25rem;opacity:0.5;} .why-us-stats-card {position:absolute;bottom:2rem;right:2rem;background:white;border-radius:20px;padding:1.5rem;box-shadow:0 10px 40px rgba(0, 0, 0, 0.15);display:grid;gap:1.5rem;min-width:250px;} .why-us-stat-item {display:flex;align-items:center;gap:1rem;} .why-us-stat-icon {width:50px;height:50px;border-radius:12px;background:linear-gradient(135deg, var(--color-secondary), #ff6b00);display:flex;align-items:center;justify-content:center;color:white;font-size:1.25rem;flex-shrink:0;} .why-us-stat-number {font-size:1.75rem;font-weight:900;color:var(--color-primary);line-height:1;} .why-us-stat-label {font-size:0.85rem;color:#667085;font-weight:600;} .fleet-modern {padding:6rem 0;background:linear-gradient(180deg, white 0%, #f8f9fa 100%);} .fleet-modern-grid {display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:2rem;margin-bottom:3rem;} .fleet-modern-card {background:white;border-radius:20px;padding:2rem;text-align:center;box-shadow:0 4px 20px rgba(0, 0, 0, 0.08);transition:all 0.3s ease;border:2px solid transparent;} .fleet-modern-card:hover {transform:translateY(-8px);box-shadow:0 12px 40px rgba(0, 31, 77, 0.12);border-color:rgba(255, 140, 0, 0.2);} .fleet-card-icon {width:80px;height:80px;margin:0 auto 1.5rem;border-radius:20px;background:linear-gradient( 135deg, rgba(255, 140, 0, 0.1), rgba(255, 140, 0, 0.05) );display:flex;align-items:center;justify-content:center;color:var(--color-secondary);font-size:2.5rem;transition:all 0.3s ease;} .fleet-modern-card:hover .fleet-card-icon {background:linear-gradient(135deg, var(--color-secondary), #ff6b00);color:white;transform:scale(1.1);} .fleet-modern-card h3 {font-size:1.25rem;font-weight:800;color:var(--color-primary);margin-bottom:0.75rem;} .fleet-modern-card p {color:#667085;line-height:1.6;margin-bottom:1rem;} .fleet-card-badge {display:inline-block;padding:0.4rem 0.9rem;background:rgba(255, 140, 0, 0.1);color:var(--color-secondary);border-radius:50px;font-weight:700;font-size:0.85rem;} .locations-modern {padding:6rem 0;background:white;} .locations-grid {display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:2rem;margin-bottom:3rem;} .location-card {background:linear-gradient( 135deg, rgba(0, 31, 77, 0.03), rgba(255, 140, 0, 0.03) );border-radius:20px;padding:2rem;text-align:center;border:2px solid rgba(0, 31, 77, 0.08);transition:all 0.3s ease;display:flex;flex-direction:column;align-items:center;min-height:280px;} .location-card:hover {transform:translateY(-5px);border-color:var(--color-secondary);background:linear-gradient( 135deg, rgba(0, 31, 77, 0.05), rgba(255, 140, 0, 0.05) );} .location-icon {width:70px;height:70px;margin:0 auto 1.25rem;border-radius:50%;background:linear-gradient(135deg, var(--color-secondary), #ff6b00);display:flex;align-items:center;justify-content:center;color:white;font-size:2rem;} .location-card h3 {font-size:1.5rem;font-weight:800;color:var(--color-primary);margin-bottom:0.75rem;} .location-desc {color:#667085;margin-bottom:1rem;} .location-address {display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:rgba(255, 255, 255, 0.8);border-radius:50px;font-weight:600;font-size:0.9rem;color:var(--color-primary);margin-top:auto;} .locations-map {margin-top:3rem;} .map-placeholder {height:400px;background:linear-gradient( 135deg, rgba(0, 31, 77, 0.05), rgba(255, 140, 0, 0.05) );border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;border:2px dashed rgba(0, 31, 77, 0.2);} .map-placeholder i {font-size:4rem;color:var(--color-primary);opacity:0.3;} .map-placeholder p {font-weight:700;color:var(--color-primary);opacity:0.5;} .references-modern {padding:6rem 0;background:linear-gradient(180deg, #f8f9fa 0%, white 100%);overflow:hidden;} .references-marquee {margin-top:3rem;overflow:hidden;} .references-track {display:flex;gap:4rem;animation:marquee 30s linear infinite;} @keyframes marquee {0% {transform:translateX(0);} 100% {transform:translateX(-50%);}} .reference-item {flex-shrink:0;width:180px;height:100px;display:flex;align-items:center;justify-content:center;background:white;border-radius:16px;padding:1.5rem;box-shadow:0 4px 15px rgba(0, 0, 0, 0.08);transition:all 0.3s ease;} .reference-item:hover {transform:translateY(-5px);box-shadow:0 8px 25px rgba(0, 0, 0, 0.12);} .reference-item img {max-width:100%;max-height:100%;object-fit:contain;filter:grayscale(100%);opacity:0.6;transition:all 0.3s ease;} .reference-item:hover img {filter:grayscale(0%);opacity:1;} .reference-text span {font-weight:800;font-size:1.25rem;color:var(--color-primary);opacity:0.5;transition:all 0.3s ease;} .reference-item:hover.reference-text span {opacity:1;color:var(--color-secondary);} .cta-modern {position:relative;padding:6rem 0;background:linear-gradient(135deg, #001f4d 0%, #002a5c 50%, #001f4d 100%);overflow:hidden;} .cta-modern-bg {position:absolute;inset:0;overflow:hidden;} .cta-gradient-orb {position:absolute;border-radius:50%;filter:blur(100px);opacity:0.3;} .cta-gradient-orb-1 {width:600px;height:600px;background:radial-gradient(circle, #ff8c00, transparent);top:-20%;right:-10%;} .cta-gradient-orb-2 {width:500px;height:500px;background:radial-gradient(circle, #4a90e2, transparent);bottom:-20%;left:-10%;} .cta-modern-content {position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto;color:white;} .cta-icon {width:80px;height:80px;margin:0 auto 2rem;border-radius:20px;background:rgba(255, 140, 0, 0.15);border:2px solid rgba(255, 140, 0, 0.3);display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:var(--color-secondary);animation:pulse 2s ease-in-out infinite;} .cta-modern-title {font-size:clamp(2rem, 4vw, 3rem);font-weight:900;margin-bottom:1.5rem;line-height:1.2;} .cta-modern-subtitle {font-size:1.15rem;line-height:1.7;color:rgba(255, 255, 255, 0.85);margin-bottom:2.5rem;} .cta-modern-actions {display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2.5rem;} .btn-cta-primary, .btn-cta-secondary {display:inline-flex;align-items:center;gap:0.75rem;padding:1rem 2rem;font-weight:700;font-size:1rem;border-radius:12px;transition:all 0.3s ease;text-decoration:none;} .btn-cta-primary {background:linear-gradient(135deg, var(--color-secondary), #ff6b00);color:white;box-shadow:0 8px 25px rgba(255, 140, 0, 0.35);} .btn-cta-primary:hover {transform:translateY(-3px);box-shadow:0 12px 35px rgba(255, 140, 0, 0.45);} .btn-cta-secondary {background:rgba(255, 255, 255, 0.1);color:white;border:2px solid rgba(255, 255, 255, 0.2);backdrop-filter:blur(10px);} .btn-cta-secondary:hover {background:rgba(255, 255, 255, 0.15);border-color:rgba(255, 255, 255, 0.3);transform:translateY(-3px);} .cta-contact-info {display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;} .cta-contact-item {display:flex;align-items:center;gap:0.75rem;color:rgba(255, 255, 255, 0.8);font-weight:600;} .cta-contact-item i {color:var(--color-secondary);font-size:1.25rem;} .btn-modern-primary, .btn-modern-outline {display:inline-flex;align-items:center;gap:0.75rem;padding:0.9rem 1.75rem;font-weight:700;font-size:1rem;border-radius:12px;transition:all 0.3s ease;text-decoration:none;} .btn-modern-primary {background:linear-gradient(135deg, var(--color-secondary), #ff6b00);color:white;box-shadow:0 6px 20px rgba(255, 140, 0, 0.3);} .btn-modern-primary:hover {transform:translateY(-3px);box-shadow:0 10px 30px rgba(255, 140, 0, 0.4);} .btn-modern-outline {background:transparent;color:var(--color-primary);border:2px solid var(--color-primary);} .btn-modern-outline:hover {background:var(--color-primary);color:white;transform:translateY(-3px);box-shadow:0 8px 25px rgba(0, 31, 77, 0.2);} .section-cta-center {text-align:center;margin-top:3rem;} .empty-state {grid-column:1 / -1;text-align:center;padding:4rem 2rem;color:#667085;} .empty-state i {font-size:4rem;opacity:0.3;margin-bottom:1rem;} .empty-state h3 {color:var(--color-primary);margin-bottom:0.5rem;} @media (max-width:1024px) {.hero-modern-container {grid-template-columns:1fr;gap:3rem;} .hero-modern-visual {height:400px;} .why-us-grid {grid-template-columns:1fr;gap:3rem;} .why-us-visual {height:400px;}} @media (max-width:768px) {.hero-modern {min-height:auto;padding:4rem 0;} .hero-modern-stats {gap:2rem;} .services-modern-grid {grid-template-columns:1fr;} .fleet-modern-grid, .locations-grid {grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));} .hero-modern-actions {flex-direction:column;flex-wrap:wrap;} .btn-hero-primary, .btn-hero-secondary {width:100%;justify-content:center;} .cta-modern-actions {flex-direction:column;} .btn-cta-primary, .btn-cta-secondary {width:100%;justify-content:center;}} @media (max-width:480px) {.hero-modern-title {font-size:2rem;} .section-title-modern {font-size:1.75rem;} .hero-modern-visual {height:300px;} .hero-visual-card {padding:1rem;font-size:0.85rem;} .hero-visual-icon {width:40px;height:40px;font-size:1.25rem;} .why-us-stats-card {right:1rem;bottom:1rem;min-width:200px;}} .why-choose-us {position:relative;padding:6rem 0;background:linear-gradient(180deg, #f8fafc 0%, #ffffff 50%, #f8fafc 100%);overflow:hidden;} .why-choose-bg {position:absolute;inset:0;overflow:hidden;pointer-events:none;} .why-choose-orb {position:absolute;border-radius:50%;filter:blur(100px);opacity:0.4;animation:float 20s ease-in-out infinite;} .why-choose-orb-1 {width:500px;height:500px;background:radial-gradient(circle, rgba(255, 140, 0, 0.3), transparent);top:-15%;right:-10%;} .why-choose-orb-2 {width:400px;height:400px;background:radial-gradient(circle, rgba(0, 31, 77, 0.2), transparent);bottom:-10%;left:-5%;animation-delay:10s;} .advantages-bento {display:grid;grid-template-columns:repeat(4, 1fr);gap:1.5rem;margin-bottom:3rem;} .advantage-card {position:relative;background:white;border-radius:20px;padding:2rem;box-shadow:0 4px 24px rgba(0, 31, 77, 0.08);border:1px solid rgba(0, 31, 77, 0.06);transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);overflow:hidden;} .advantage-card:hover {transform:translateY(-8px);box-shadow:0 16px 48px rgba(0, 31, 77, 0.12);border-color:rgba(255, 140, 0, 0.3);} .advantage-card::before {content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, var(--color-secondary), #ff6b00);opacity:0;transition:opacity 0.3s ease;} .advantage-card:hover::before {opacity:1;} .advantage-card--hero {grid-column:span 2;background:linear-gradient(135deg, var(--color-primary), #002a5c);color:white;display:flex;gap:2rem;align-items:flex-start;} .advantage-card--hero::before {display:none;} .advantage-card--hero .advantage-card-icon {width:80px;height:80px;background:rgba(255, 140, 0, 0.2);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--color-secondary);flex-shrink:0;} .advantage-card--hero h3 {font-size:1.5rem;font-weight:800;margin-bottom:1rem;color:white;} .advantage-card--hero p {color:rgba(255, 255, 255, 0.85);line-height:1.7;margin-bottom:1.5rem;} .advantage-stats-inline {display:flex;gap:2rem;margin-top:auto;} .advantage-stat-mini {display:flex;flex-direction:column;gap:0.25rem;} .advantage-stat-mini .stat-value {font-size:1.75rem;font-weight:900;color:var(--color-secondary);} .advantage-stat-mini .stat-label {font-size:0.85rem;color:rgba(255, 255, 255, 0.7);} .advantage-card--map {grid-column:span 2;min-height:280px;padding:0;} .advantage-card--map .advantage-card-overlay {position:absolute;inset:0;background:linear-gradient(135deg, rgba(0, 31, 77, 0.85), rgba(0, 31, 77, 0.7));z-index:1;} .advantage-card--map .advantage-card-content {padding:2rem;color:white;} .advantage-card--map h3, .advantage-card--map p {color:white;} .advantage-card-icon--light {width:50px;height:50px;background:rgba(255, 140, 0, 0.2);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--color-secondary);margin-bottom:1rem;} .chip--light {background:rgba(255, 255, 255, 0.15) !important;color:white !important;border:1px solid rgba(255, 255, 255, 0.2);} .advantage-card--medium .advantage-card-icon {width:56px;height:56px;background:linear-gradient(135deg, rgba(255, 140, 0, 0.1), rgba(255, 140, 0, 0.05));border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--color-secondary);margin-bottom:1.25rem;transition:all 0.3s ease;} .advantage-card--medium:hover .advantage-card-icon {background:linear-gradient(135deg, var(--color-secondary), #ff6b00);color:white;transform:scale(1.1);} .advantage-card--medium h3 {font-size:1.15rem;font-weight:800;color:var(--color-primary);margin-bottom:0.75rem;} .advantage-card--medium p {color:#667085;line-height:1.6;font-size:0.95rem;margin:0;} .advantages-stats-bar {display:flex;justify-content:center;gap:3rem;flex-wrap:wrap;padding:2rem;background:white;border-radius:16px;box-shadow:0 4px 24px rgba(0, 31, 77, 0.06);border:1px solid rgba(0, 31, 77, 0.06);} .advantage-stat-block {display:flex;align-items:center;gap:1rem;} .advantage-stat-block .advantage-stat-icon {width:50px;height:50px;border-radius:12px;background:linear-gradient(135deg, rgba(255, 140, 0, 0.1), rgba(255, 140, 0, 0.05));display:flex;align-items:center;justify-content:center;color:var(--color-secondary);font-size:1.25rem;} .advantage-stat-info {display:flex;flex-direction:column;} .advantage-stat-number {font-size:1.5rem;font-weight:900;color:var(--color-primary);} .advantage-stat-text {font-size:0.85rem;color:#667085;font-weight:600;} @media (max-width:1024px) {.advantages-bento {grid-template-columns:repeat(2, 1fr);} .advantage-card--hero, .advantage-card--map {grid-column:span 2;}} @media (max-width:768px) {.advantages-bento {grid-template-columns:1fr;gap:1.25rem;} .advantage-card--hero, .advantage-card--map, .advantage-card--medium {grid-column:span 1;} .advantage-card--hero {flex-direction:column;gap:1.5rem;} .advantages-stats-bar {gap:1.5rem;padding:1.5rem;}} .hero-cover {position:relative;min-height:calc(100vh - 135px);display:flex;align-items:center;overflow:hidden;margin-top:0;padding-top:0;} .hero-cover-bg {position:absolute;inset:0;background-image:url("/static/cover.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0;} .hero-cover-overlay {position:absolute;inset:0;background:linear-gradient( 135deg, rgba(0, 31, 77, 0.75) 0%, rgba(0, 20, 50, 0.65) 50%, rgba(0, 31, 77, 0.7) 100% );z-index:1;} .hero-cover-container {position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:4rem 2rem;color:white;width:100%;} .hero-cover-content {max-width:800px;margin-bottom:3rem;} .hero-cover-badge {display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1.25rem;background:rgba(255, 140, 0, 0.2);border:1px solid rgba(255, 140, 0, 0.4);border-radius:50px;font-size:0.9rem;font-weight:600;margin-bottom:1.5rem;} .hero-cover-badge i {color:var(--color-secondary);} .hero-cover-title {font-size:clamp(2.25rem, 5vw, 3.5rem);font-weight:800;line-height:1.25;margin-bottom:1.5rem;letter-spacing:-0.02em;} .hero-cover-title > span:first-child:not(.hero-cover-highlight), .hero-first-word {background-color:rgba(224, 123, 0, 0.5);padding:2px 10px;display:inline;} .hero-cover-highlight {display:block;color:var(--color-secondary);margin-top:0.25rem;} .hero-cover-subtitle {font-size:1.1rem;line-height:1.7;color:rgba(255, 255, 255, 0.9);margin-bottom:2rem;max-width:650px;margin-left:auto;margin-right:auto;} .hero-cover-actions {display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;} .btn-cover-primary, .btn-cover-secondary {display:inline-flex;align-items:center;gap:0.5rem;padding:0.9rem 1.75rem;font-weight:700;font-size:0.95rem;border-radius:8px;text-decoration:none;cursor:pointer;} .btn-cover-primary {background:var(--color-secondary);color:white;border:none;} .btn-cover-primary:hover {background:#e07b00;transform:translateY(-2px);transition:transform 0.2s ease;} .btn-cover-secondary {background:transparent;color:white;border:2px solid rgba(255, 255, 255, 0.4);} .btn-cover-secondary:hover {background:rgba(255, 255, 255, 0.1);border-color:rgba(255, 255, 255, 0.6);transform:translateY(-2px);transition:transform 0.2s ease;} .hero-cover-stats {display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;padding:1.5rem 2rem;margin-top:2rem;background:rgba(0, 31, 77, 0.4);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255, 255, 255, 0.1);width:100%;max-width:800px;} .hero-cover-stat {text-align:center;flex:1;min-width:140px;padding:0.5rem;} .hero-cover-stat-number {font-size:2.5rem;font-weight:800;color:var(--color-secondary);line-height:1;margin-bottom:0.5rem;text-shadow:0 2px 4px rgba(0, 0, 0, 0.2);} .hero-cover-stat-label {font-size:0.9rem;color:rgba(255, 255, 255, 0.9);font-weight:600;letter-spacing:0.02em;} @media (max-width:768px) {.hero-cover {min-height:calc(100vh - 130px);height:auto;padding:2rem 0;} .hero-cover-container {padding:3rem 1.5rem;} .hero-cover-title {font-size:2rem;} .hero-cover-stats {padding:1rem;gap:1.5rem;} .hero-cover-stat {min-width:120px;} .hero-cover-stat-number {font-size:2rem;}} @media (max-width:480px) {.hero-cover-title {font-size:1.75rem;} .hero-cover-stats {flex-direction:column;gap:1.5rem;} .hero-cover-stat {border-bottom:1px solid rgba(255, 255, 255, 0.1);padding-bottom:1rem;} .hero-cover-stat:last-child {border-bottom:none;padding-bottom:0;}} .page-hero-modern {position:relative;padding:7rem 0 5rem;background:linear-gradient(135deg, #001f4d 0%, #002a5c 50%, #001f4d 100%);overflow:hidden;} .page-hero-bg {position:absolute;inset:0;overflow:hidden;} .page-hero-orb {position:absolute;border-radius:50%;filter:blur(80px);opacity:0.3;} .page-hero-orb-1 {width:400px;height:400px;background:radial-gradient(circle, #ff8c00, transparent);top:-20%;right:10%;} .page-hero-orb-2 {width:350px;height:350px;background:radial-gradient(circle, #4a90e2, transparent);bottom:-20%;left:10%;} .page-hero-content {position:relative;z-index:1;text-align:center;color:white;} .page-hero-badge {display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:rgba(255, 140, 0, 0.15);border:1px solid rgba(255, 140, 0, 0.3);border-radius:50px;font-size:0.9rem;font-weight:600;margin-bottom:1.5rem;} .page-hero-badge i {color:var(--color-secondary);} .page-hero-title {font-size:clamp(2.25rem, 5vw, 3.25rem);font-weight:900;line-height:1.3;margin-bottom:1rem;} .page-hero-title > span:first-child:not(.page-hero-highlight) {background-color:rgba(224, 123, 0, 0.5);padding:2px 10px;} .page-hero-highlight {background:linear-gradient(135deg, #ff8c00, #ff6b00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;} .page-hero-subtitle {font-size:1.1rem;line-height:1.7;color:rgba(255, 255, 255, 0.85);max-width:600px;margin:0 auto;} .news-section-modern {padding:4rem 0 5rem;background:#fafafa;} .news-featured-card {margin-bottom:3rem;border-radius:24px;overflow:hidden;background:white;box-shadow:0 8px 30px rgba(0, 0, 0, 0.1);} .news-featured-link {display:grid;grid-template-columns:1.2fr 1fr;text-decoration:none;color:inherit;} .news-featured-image {position:relative;min-height:350px;overflow:hidden;background:linear-gradient(135deg, var(--color-primary), #003366);} .news-featured-image img {width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;} .news-featured-card:hover .news-featured-image img {transform:scale(1.05);} .news-featured-placeholder {width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:rgba(255, 255, 255, 0.3);font-size:5rem;} .news-featured-overlay {position:absolute;inset:0;background:linear-gradient(135deg, rgba(0, 31, 77, 0.3), transparent);} .news-featured-badge {position:absolute;top:1.5rem;left:1.5rem;display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:var(--color-secondary);color:white;font-weight:700;font-size:0.85rem;border-radius:50px;} .news-featured-content {padding:2.5rem;display:flex;flex-direction:column;justify-content:center;} .news-featured-meta {margin-bottom:1rem;} .news-date {display:inline-flex;align-items:center;gap:0.5rem;color:#667085;font-size:0.9rem;font-weight:600;} .news-date i {color:var(--color-secondary);} .news-featured-title {font-size:1.75rem;font-weight:800;color:var(--color-primary);line-height:1.3;margin-bottom:1rem;} .news-featured-excerpt {color:#667085;line-height:1.7;margin-bottom:1.5rem;} .news-read-more {display:inline-flex;align-items:center;gap:0.5rem;color:var(--color-secondary);font-weight:700;font-size:0.95rem;} .news-read-more i {transition:transform 0.3s ease;} .news-featured-card:hover .news-read-more i {transform:translateX(5px);} .news-grid-modern {display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:2rem;} .news-card-modern {background:white;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px rgba(0, 0, 0, 0.06);transition:all 0.3s ease;} .news-card-modern:hover {transform:translateY(-8px);box-shadow:0 15px 40px rgba(0, 31, 77, 0.12);} .news-card-link {display:block;text-decoration:none;color:inherit;} .news-card-image {height:200px;overflow:hidden;background:linear-gradient(135deg, var(--color-primary), #003366);} .news-card-image img {width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease;} .news-card-modern:hover .news-card-image img {transform:scale(1.08);} .news-card-placeholder {width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:rgba(255, 255, 255, 0.3);font-size:3rem;} .news-card-body {padding:1.5rem;} .news-card-date {display:inline-flex;align-items:center;gap:0.4rem;font-size:0.8rem;color:#667085;font-weight:600;margin-bottom:0.75rem;} .news-card-date i {color:var(--color-secondary);font-size:0.75rem;} .news-card-title {font-size:1.15rem;font-weight:700;color:var(--color-primary);line-height:1.35;margin-bottom:0.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .news-card-excerpt {color:#667085;font-size:0.95rem;line-height:1.6;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .news-card-cta {display:inline-flex;align-items:center;gap:0.35rem;color:var(--color-secondary);font-weight:700;font-size:0.9rem;} .news-card-cta i {font-size:0.7rem;transition:transform 0.3s ease;} .news-card-modern:hover .news-card-cta i {transform:translateX(3px);} .news-empty-state {grid-column:1 / -1;text-align:center;padding:5rem 2rem;background:white;border-radius:20px;} .news-empty-state .empty-icon {width:80px;height:80px;margin:0 auto 1.5rem;border-radius:50%;background:rgba(0, 31, 77, 0.05);display:flex;align-items:center;justify-content:center;color:#ccc;font-size:2.5rem;} .news-empty-state h3 {font-size:1.35rem;color:var(--color-primary);margin-bottom:0.5rem;} .news-empty-state p {color:#667085;} .pagination-modern {display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:3rem;padding:1.5rem;background:white;border-radius:16px;box-shadow:0 4px 15px rgba(0, 0, 0, 0.06);} .pagination-btn {display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.25rem;background:rgba(0, 31, 77, 0.05);border-radius:10px;font-weight:700;font-size:0.9rem;color:var(--color-primary);text-decoration:none;transition:all 0.3s ease;} .pagination-btn:hover:not(.is-disabled) {background:var(--color-primary);color:white;} .pagination-btn.is-disabled {opacity:0.4;cursor:not-allowed;} .pagination-info {display:flex;align-items:center;gap:0.35rem;padding:0.75rem 1rem;background:rgba(255, 140, 0, 0.1);border-radius:10px;font-weight:700;color:var(--color-primary);} .pagination-current {color:var(--color-secondary);font-size:1.15rem;} @media (max-width:900px) {.news-featured-link {grid-template-columns:1fr;} .news-featured-image {min-height:250px;}} @media (max-width:768px) {.news-grid-modern {grid-template-columns:1fr;} .pagination-modern {flex-direction:column;gap:0.75rem;} .pagination-btn {width:100%;justify-content:center;}} @media (max-width:480px) {.page-hero-modern {padding:5rem 0 3rem;} .news-featured-content {padding:1.5rem;} .news-featured-title {font-size:1.35rem;}} .news-card-modern {opacity:0;transform:translateY(20px);animation:fadeUp 0.5s ease forwards;} .news-card-modern:nth-child(1) {animation-delay:0.1s;} .news-card-modern:nth-child(2) {animation-delay:0.15s;} .news-card-modern:nth-child(3) {animation-delay:0.2s;} .news-card-modern:nth-child(4) {animation-delay:0.25s;} .news-card-modern:nth-child(5) {animation-delay:0.3s;} .news-card-modern:nth-child(6) {animation-delay:0.35s;} @keyframes fadeUp {from {opacity:0;transform:translateY(20px);} to {opacity:1;transform:translateY(0);}} .news-featured-card {opacity:0;transform:translateY(30px);animation:fadeUp 0.6s ease forwards;} .services-minimal-section {padding:6rem 0;background-color:#f5f7fa;background-image:radial-gradient(circle at 10% 20%, rgba(216, 241, 230, 0.4) 0%, rgba(233, 226, 226, 0.1) 90.1%);} .services-minimal-list {display:flex;flex-direction:column;gap:1.5rem;max-width:1000px;margin:0 auto;} .service-minimal-item {position:relative;display:flex;align-items:center;gap:0;padding:0;background:rgba(255, 255, 255, 0.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255, 255, 255, 0.4);border-radius:24px;text-decoration:none;color:inherit;overflow:hidden;box-shadow:0 8px 32px 0 rgba(31, 38, 135, 0.07);transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);} .service-minimal-item:hover {transform:translateY(-8px);box-shadow:0 15px 45px rgba(0, 31, 77, 0.15);border-color:rgba(255, 140, 0, 0.3);background:rgba(255, 255, 255, 0.95);} .service-minimal-image {width:260px;height:180px;flex-shrink:0;overflow:hidden;position:relative;} .service-minimal-image img {width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease;} .service-minimal-item:hover .service-minimal-image img {transform:scale(1.1);} .service-minimal-image::after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right, transparent 0%, rgba(255,255,255,0.1) 100%);pointer-events:none;} .service-image-placeholder {width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:rgba(255, 255, 255, 0.2);font-size:3rem;} .service-minimal-content {flex:1;min-width:0;padding:2rem 2.5rem;display:flex;flex-direction:column;justify-content:center;} .service-minimal-title {font-family:var(--font-display, inherit);font-size:1.4rem;font-weight:800;color:var(--color-primary);margin-bottom:0.75rem;letter-spacing:-0.02em;transition:color 0.3s ease;} .service-minimal-item:hover .service-minimal-title {color:var(--color-secondary);} .service-minimal-desc {color:#667085;font-size:1rem;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .service-minimal-arrow {width:50px;height:50px;margin-right:2rem;border-radius:16px;background:rgba(0, 31, 77, 0.03);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.3s ease;border:1px solid rgba(0, 0, 0, 0.05);} .service-minimal-arrow i {font-size:1rem;color:var(--color-primary);transition:all 0.3s ease;} .service-minimal-item:hover .service-minimal-arrow {background:var(--color-secondary);border-color:var(--color-secondary);transform:translateX(5px);} .service-minimal-item:hover .service-minimal-arrow i {color:white;} .services-empty {text-align:center;padding:5rem 2rem;background:white;border-radius:24px;box-shadow:var(--shadow-md);} .services-empty i {font-size:4rem;background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1.5rem;display:inline-block;} @media (min-width:1024px) {.services-minimal-list {display:grid;grid-template-columns:repeat(3, 1fr);gap:2.5rem;max-width:1200px;} .service-minimal-item {flex-direction:column;align-items:stretch;height:100%;border-radius:28px;} .service-minimal-image {width:100%;height:220px;} .service-minimal-content {padding:2.5rem 2rem;text-align:center;flex-grow:1;} .service-minimal-title {font-size:1.5rem;margin-bottom:1rem;} .service-minimal-arrow {display:none;} .service-minimal-item::after {content:'';position:absolute;bottom:0;left:50%;width:0;height:4px;background:var(--color-secondary);transition:all 0.4s ease;transform:translateX(-50%);border-radius:2px 2px 0 0;} .service-minimal-item:hover::after {width:40%;}} @media (max-width:900px) {.service-minimal-image {width:220px;height:160px;} .service-minimal-content {padding:1.5rem 2rem;}} @media (max-width:768px) {.service-minimal-item {flex-direction:column;align-items:stretch;} .service-minimal-image {width:100%;height:200px;} .service-minimal-content {padding:2rem;text-align:center;} .service-minimal-arrow {display:none;}} @media (max-width:480px) {.services-minimal-section {padding:4rem 0;} .service-minimal-image {height:180px;} .service-minimal-title {font-size:1.25rem;}} .service-minimal-item {opacity:0;transform:translateY(30px);animation:fadeSlideUp 0.6s cubic-bezier(0.23, 1, 0.32, 1) forwards;} @keyframes fadeSlideUp {to {opacity:1;transform:translateY(0);}} .service-minimal-item:nth-child(1) {animation-delay:0.1s;} .service-minimal-item:nth-child(2) {animation-delay:0.2s;} .service-minimal-item:nth-child(3) {animation-delay:0.3s;} .service-minimal-item:nth-child(4) {animation-delay:0.4s;} .service-minimal-item:nth-child(5) {animation-delay:0.5s;} .service-minimal-item:nth-child(6) {animation-delay:0.6s;} .tenders-modern-section {padding:4rem 0 6rem;background:linear-gradient(180deg, #f8f9fa 0%, white 100%);} .tenders-filters-container {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;margin-bottom:3rem;padding:1.5rem;background:white;border-radius:20px;box-shadow:0 4px 20px rgba(0, 0, 0, 0.08);} .tenders-type-filters {display:flex;align-items:center;gap:1rem;flex-wrap:wrap;} .filters-label {font-weight:700;color:var(--color-primary);font-size:0.9rem;} .tenders-filter-group {display:flex;gap:0.5rem;flex-wrap:wrap;} .tender-filter-btn {display:inline-flex;align-items:center;gap:0.5rem;padding:0.6rem 1.25rem;background:rgba(0, 31, 77, 0.03);border:2px solid rgba(0, 31, 77, 0.08);border-radius:50px;font-weight:700;font-size:0.9rem;color:var(--color-primary);text-decoration:none;transition:all 0.3s ease;} .tender-filter-btn i {font-size:0.85rem;transition:transform 0.3s ease;} .tender-filter-btn:hover {background:rgba(0, 31, 77, 0.06);border-color:rgba(255, 140, 0, 0.3);transform:translateY(-2px);} .tender-filter-btn.is-active {background:linear-gradient(135deg, var(--color-secondary), #ff6b00);border-color:var(--color-secondary);color:white;box-shadow:0 4px 15px rgba(255, 140, 0, 0.3);} .tenders-scope-filters {display:flex;gap:0.5rem;background:rgba(0, 31, 77, 0.03);padding:0.35rem;border-radius:50px;} .scope-filter-btn {display:inline-flex;align-items:center;gap:0.4rem;padding:0.5rem 1rem;font-weight:700;font-size:0.85rem;color:#667085;text-decoration:none;border-radius:50px;transition:all 0.3s ease;} .scope-filter-btn:hover {color:var(--color-primary);} .scope-filter-btn.is-active {background:white;color:var(--color-primary);box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);} .tenders-grid-modern {display:grid;grid-template-columns:repeat(auto-fill, minmax(400px, 1fr));gap:2rem;} .tender-card-modern {background:white;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px rgba(0, 0, 0, 0.08);transition:all 0.3s ease;} .tender-card-modern:hover {transform:translateY(-5px);box-shadow:0 15px 40px rgba(0, 31, 77, 0.12);} .tender-card-body {padding:1.5rem;display:flex;flex-direction:column;} .tender-card-header {display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;} .tender-badges-modern {display:flex;gap:0.5rem;flex-wrap:wrap;} .tender-type-badge {padding:0.3rem 0.75rem;background:rgba(0, 31, 77, 0.08);border-radius:50px;font-size:0.75rem;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:0.03em;} .tender-status-badge {display:inline-flex;align-items:center;gap:0.35rem;padding:0.3rem 0.75rem;border-radius:50px;font-size:0.75rem;font-weight:700;} .tender-status-badge i {font-size:0.6rem;} .tender-status-badge.status-open {background:rgba(34, 197, 94, 0.1);color:#16a34a;} .tender-status-badge.status-closed {background:rgba(239, 68, 68, 0.1);color:#dc2626;} .tender-status-badge.status-pending {background:rgba(234, 179, 8, 0.1);color:#ca8a04;} .tender-reference {display:flex;align-items:center;gap:0.35rem;padding:0.3rem 0.6rem;background:rgba(0, 31, 77, 0.03);border-radius:6px;font-size:0.8rem;} .ref-label {color:#667085;font-weight:600;} .ref-value {color:var(--color-primary);font-weight:700;font-family:monospace;} .tender-card-title {font-size:1.1rem;font-weight:800;color:var(--color-primary);line-height:1.35;margin-bottom:0.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .tender-related-info {display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.75rem;background:rgba(255, 140, 0, 0.08);border-radius:8px;font-size:0.8rem;color:#667085;margin-bottom:0.75rem;} .tender-related-info i {color:var(--color-secondary);} .tender-dates {display:flex;gap:1.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(0, 31, 77, 0.08);} .tender-date-item {display:flex;align-items:center;gap:0.6rem;} .tender-date-item i {color:#667085;font-size:0.9rem;} .date-info {display:flex;flex-direction:column;} .date-label {font-size:0.7rem;color:#667085;font-weight:600;text-transform:uppercase;letter-spacing:0.03em;} .date-value {font-size:0.9rem;font-weight:700;color:var(--color-primary);} .tender-date-item.is-expired .date-value {color:#dc2626;} .tender-date-item.is-urgent .date-value {color:#ca8a04;} .tender-card-actions {display:flex;gap:0.75rem;margin-top:auto;} .tender-btn-download {display:inline-flex;align-items:center;gap:0.5rem;padding:0.65rem 1.25rem;background:linear-gradient(135deg, var(--color-secondary), #ff6b00);color:white;font-weight:700;font-size:0.85rem;border-radius:8px;text-decoration:none;transition:all 0.3s ease;} .tender-btn-download:hover {transform:translateY(-2px);box-shadow:0 4px 15px rgba(255, 140, 0, 0.35);} .tender-btn-view {display:inline-flex;align-items:center;gap:0.35rem;padding:0.65rem 1rem;color:var(--color-primary);font-weight:700;font-size:0.85rem;text-decoration:none;transition:color 0.3s ease;} .tender-btn-view:hover {color:var(--color-secondary);} .tender-btn-view i {font-size:0.75rem;} .tenders-empty-state {grid-column:1 / -1;text-align:center;padding:5rem 2rem;background:white;border-radius:20px;box-shadow:0 4px 20px rgba(0, 0, 0, 0.08);} .tenders-empty-state .empty-icon {width:100px;height:100px;margin:0 auto 2rem;border-radius:50%;background:linear-gradient( 135deg, rgba(0, 31, 77, 0.05), rgba(255, 140, 0, 0.05) );display:flex;align-items:center;justify-content:center;color:#667085;font-size:3rem;} .tenders-empty-state h3 {font-size:1.5rem;font-weight:800;color:var(--color-primary);margin-bottom:0.75rem;} .tenders-empty-state p {color:#667085;margin-bottom:2rem;max-width:400px;margin-left:auto;margin-right:auto;} .btn-reset-filters {display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;background:rgba(0, 31, 77, 0.05);border:2px solid rgba(0, 31, 77, 0.1);border-radius:10px;color:var(--color-primary);font-weight:700;text-decoration:none;transition:all 0.3s ease;} .btn-reset-filters:hover {background:var(--color-primary);border-color:var(--color-primary);color:white;} .tenders-info-section {padding:4rem 0;background:white;} .tenders-info-grid {display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem;} .info-card {padding:2rem;background:linear-gradient( 135deg, rgba(0, 31, 77, 0.03), rgba(255, 140, 0, 0.03) );border-radius:20px;border:2px solid rgba(0, 31, 77, 0.08);} .info-card-icon {width:60px;height:60px;border-radius:16px;background:linear-gradient(135deg, var(--color-secondary), #ff6b00);display:flex;align-items:center;justify-content:center;color:white;font-size:1.5rem;margin-bottom:1.25rem;} .info-card h3 {font-size:1.25rem;font-weight:800;color:var(--color-primary);margin-bottom:0.75rem;} .info-card p {color:#667085;line-height:1.6;margin-bottom:1rem;} .info-card-link {display:inline-flex;align-items:center;gap:0.5rem;color:var(--color-secondary);font-weight:700;text-decoration:none;} .info-card-link:hover {gap:0.75rem;} @media (max-width:900px) {.tenders-grid-modern {grid-template-columns:1fr;}} @media (max-width:768px) {.tenders-filters-container {flex-direction:column;align-items:stretch;} .tenders-type-filters {flex-direction:column;align-items:flex-start;} .tenders-filter-group {width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:0.5rem;} .tender-filter-btn {flex-shrink:0;} .tenders-scope-filters {justify-content:center;} .tender-dates {flex-direction:column;gap:0.75rem;} .tender-card-actions {flex-direction:column;} .tender-btn-download, .tender-btn-view {justify-content:center;width:100%;}} .tender-card-modern {opacity:0;transform:translateY(20px);animation:fadeInUp 0.5s ease forwards;} .tender-card-modern:nth-child(1) {animation-delay:0.1s;} .tender-card-modern:nth-child(2) {animation-delay:0.15s;} .tender-card-modern:nth-child(3) {animation-delay:0.2s;} .tender-card-modern:nth-child(4) {animation-delay:0.25s;} .tender-card-modern:nth-child(5) {animation-delay:0.3s;} .tender-card-modern:nth-child(6) {animation-delay:0.35s;} .contact-modern-section {padding:5rem 0;background:linear-gradient(180deg, #f8f9fa 0%, white 100%);} .contact-grid {display:grid;grid-template-columns:1fr 1.2fr;gap:3rem;align-items:start;} .contact-info-col {display:flex;flex-direction:column;gap:2rem;} .contact-info-title {font-size:1.75rem;font-weight:800;color:var(--color-primary);margin-bottom:0.5rem;} .contact-info-subtitle {color:#667085;font-size:1.05rem;margin:0;} .contact-info-cards {display:flex;flex-direction:column;gap:1rem;} .contact-info-card {display:flex;gap:1rem;padding:1.25rem;background:white;border-radius:16px;box-shadow:0 4px 15px rgba(0, 0, 0, 0.06);transition:all 0.3s ease;} .contact-info-card:hover {transform:translateX(5px);box-shadow:0 6px 20px rgba(0, 0, 0, 0.1);} .contact-info-icon {width:50px;height:50px;border-radius:14px;background:linear-gradient( 135deg, rgba(255, 140, 0, 0.1), rgba(255, 140, 0, 0.05) );display:flex;align-items:center;justify-content:center;flex-shrink:0;} .contact-info-icon i {font-size:1.25rem;color:var(--color-secondary);} .contact-info-content h3 {font-size:1rem;font-weight:700;color:var(--color-primary);margin-bottom:0.35rem;} .contact-info-content p {color:#667085;font-size:0.95rem;line-height:1.5;margin:0;} .contact-info-content a {color:#667085;text-decoration:none;transition:color 0.2s ease;} .contact-info-content a:hover {color:var(--color-secondary);} .contact-map {margin-top:1rem;} .contact-map-placeholder {height:200px;background:linear-gradient( 135deg, rgba(0, 31, 77, 0.05), rgba(255, 140, 0, 0.05) );border-radius:20px;border:2px dashed rgba(0, 31, 77, 0.1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.75rem;color:#667085;} .contact-map-placeholder i {font-size:2.5rem;color:var(--color-secondary);opacity:0.5;} .contact-map-placeholder span {font-weight:600;font-size:0.9rem;} .contact-form-col {position:sticky;top:160px;} .contact-form-card {background:white;border-radius:24px;padding:2.5rem;box-shadow:0 10px 40px rgba(0, 0, 0, 0.1);border-top:4px solid var(--color-secondary);} .contact-form-header {margin-bottom:2rem;} .contact-form-header h2 {font-size:1.5rem;font-weight:800;color:var(--color-primary);margin-bottom:0.5rem;} .contact-form-header p {color:#667085;font-size:0.95rem;margin:0;} .form-alert {display:flex;align-items:center;gap:0.75rem;padding:1rem 1.25rem;border-radius:12px;margin-bottom:1.5rem;font-weight:600;font-size:0.95rem;} .form-alert-error {background:rgba(239, 68, 68, 0.1);color:#dc2626;} .form-alert-success {background:rgba(34, 197, 94, 0.1);color:#16a34a;} .form-group-modern {margin-bottom:1.25rem;} .form-label-modern {display:flex;align-items:center;gap:0.5rem;font-weight:700;font-size:0.9rem;color:var(--color-primary);margin-bottom:0.5rem;} .form-label-modern i {color:var(--color-secondary);font-size:0.85rem;} .form-row {display:grid;grid-template-columns:1fr 1fr;gap:1rem;} .contact-form .form-input, .contact-form .form-select, .contact-form .form-textarea {width:100%;padding:0.85rem 1rem;font-size:1rem;border:2px solid rgba(0, 31, 77, 0.1);border-radius:12px;background:rgba(0, 31, 77, 0.02);color:var(--color-primary);transition:all 0.3s ease;box-sizing:border-box;} .contact-form .form-input:focus, .contact-form .form-select:focus, .contact-form .form-textarea:focus {outline:none;border-color:var(--color-secondary);background:white;box-shadow:0 0 0 4px rgba(255, 140, 0, 0.1);} .contact-form .form-textarea {min-height:120px;resize:vertical;} .contact-form .form-select {cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667085' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem;} .captcha-group {padding:1rem;background:rgba(255, 140, 0, 0.05);border-radius:12px;border:1px dashed rgba(255, 140, 0, 0.3);} .captcha-group .form-input {max-width:150px;} .form-hint {display:block;margin-top:0.35rem;font-size:0.8rem;color:#667085;} .form-error {display:block;margin-top:0.35rem;font-size:0.85rem;color:#dc2626;font-weight:600;} .contact-submit-btn {width:100%;display:inline-flex;align-items:center;justify-content:center;gap:0.75rem;padding:1rem 2rem;background:linear-gradient(135deg, var(--color-secondary), #ff6b00);color:white;font-weight:700;font-size:1rem;border:none;border-radius:12px;cursor:pointer;transition:all 0.3s ease;margin-top:0.5rem;} .contact-submit-btn:hover {transform:translateY(-2px);box-shadow:0 8px 25px rgba(255, 140, 0, 0.35);} .contact-submit-btn i {transition:transform 0.3s ease;} .contact-submit-btn:hover i {transform:translateX(3px);} .contact-submit-btn:disabled {cursor:not-allowed;} .contact-submit-btn .btn-loading {display:inline-flex;align-items:center;gap:0.5rem;} .contact-submit-btn .btn-loading i {animation:spin 1s linear infinite;} @keyframes spin {from {transform:rotate(0deg);} to {transform:rotate(360deg);}} .form-sending-indicator {margin-top:1rem;padding:1rem 1.25rem;background:linear-gradient( 135deg, rgba(0, 31, 77, 0.05), rgba(255, 140, 0, 0.05) );border-radius:12px;border:1px solid rgba(255, 140, 0, 0.2);animation:pulse-border 1.5s ease-in-out infinite;} .sending-content {display:flex;align-items:center;justify-content:center;gap:0.75rem;color:var(--color-primary);font-weight:600;} .sending-content i {color:var(--color-secondary);font-size:1.25rem;animation:bounce 1s ease-in-out infinite;} @keyframes pulse-border {0%, 100% {border-color:rgba(255, 140, 0, 0.2);} 50% {border-color:rgba(255, 140, 0, 0.5);}} @keyframes bounce {0%, 100% {transform:translateY(0);} 50% {transform:translateY(-3px);}} .contact-services-section {padding:5rem 0;background:white;} .contact-services-grid {display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:2rem;margin-top:3rem;} .contact-service-card {background:linear-gradient( 135deg, rgba(0, 31, 77, 0.03), rgba(255, 140, 0, 0.03) );border-radius:20px;padding:2rem;text-align:center;border:2px solid rgba(0, 31, 77, 0.08);transition:all 0.3s ease;} .contact-service-card:hover {transform:translateY(-5px);border-color:var(--color-secondary);} .contact-service-icon {width:70px;height:70px;margin:0 auto 1.25rem;border-radius:50%;background:linear-gradient(135deg, var(--color-secondary), #ff6b00);display:flex;align-items:center;justify-content:center;color:white;font-size:1.75rem;} .contact-service-card h3 {font-size:1.15rem;font-weight:800;color:var(--color-primary);margin-bottom:0.5rem;} .contact-service-card p {color:#667085;font-size:0.95rem;margin-bottom:1rem;} .contact-service-link {display:inline-block;padding:0.5rem 1rem;background:rgba(255, 140, 0, 0.1);border-radius:50px;color:var(--color-secondary);font-weight:700;font-size:0.9rem;text-decoration:none;transition:all 0.3s ease;} .contact-service-link:hover {background:var(--color-secondary);color:white;} @media (max-width:1024px) {.contact-grid {grid-template-columns:1fr;} .contact-form-col {position:static;}} @media (max-width:768px) {.form-row {grid-template-columns:1fr;} .contact-form-card {padding:1.5rem;}} @media (max-width:480px) {.contact-info-card {flex-direction:column;text-align:center;} .contact-info-icon {margin:0 auto;}} .footer-modern {margin-top:auto;} .footer-cta-section {background:linear-gradient(135deg, var(--color-primary) 0%, #003366 100%);padding:3rem 0;} .footer-cta-content {display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;} .footer-cta-text h3 {font-size:1.75rem;font-weight:800;color:white;margin-bottom:0.5rem;} .footer-cta-text p {color:rgba(255, 255, 255, 0.8);font-size:1.05rem;margin:0;} .footer-cta-btn {display:inline-flex;align-items:center;gap:0.75rem;padding:1rem 2rem;background:var(--color-secondary);color:white;font-weight:700;font-size:1rem;border-radius:12px;text-decoration:none;transition:all 0.3s ease;flex-shrink:0;} .footer-cta-btn:hover {background:#ff6b00;transform:translateY(-2px);box-shadow:0 8px 25px rgba(255, 140, 0, 0.4);} .footer-cta-btn i {transition:transform 0.3s ease;} .footer-cta-btn:hover i {transform:translateX(3px);} .footer-main {background:var(--color-primary);padding:4rem 0;} .footer-grid-modern {display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:3rem;} .footer-brand-col {padding-right:2rem;} .footer-logo-modern {display:inline-block;margin-bottom:1.25rem;} .footer-logo-modern img {height:50px;width:auto;filter:brightness(0) invert(1);} .footer-tagline {color:rgba(255, 255, 255, 0.7);font-size:0.95rem;line-height:1.7;margin-bottom:1.5rem;} .footer-social-modern {display:flex;gap:0.75rem;} .footer-social-btn {width:42px;height:42px;border-radius:12px;background:rgba(255, 255, 255, 0.1);display:flex;align-items:center;justify-content:center;color:white;font-size:1rem;text-decoration:none;transition:all 0.3s ease;} .footer-social-btn:hover {background:var(--color-secondary);transform:translateY(-3px);} .footer-links-col {padding-top:0.5rem;} .footer-col-title {font-size:1.1rem;font-weight:800;color:white;margin-bottom:1.25rem;position:relative;padding-bottom:0.75rem;} .footer-col-title::after {content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:var(--color-secondary);border-radius:2px;} .footer-nav-links {list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.65rem;} .footer-nav-links li a {display:inline-flex;align-items:center;gap:0.5rem;color:rgba(255, 255, 255, 0.7);font-size:0.95rem;text-decoration:none;transition:all 0.3s ease;} .footer-nav-links li a i {font-size:0.65rem;color:var(--color-secondary);transition:transform 0.3s ease;} .footer-nav-links li a:hover {color:white;padding-left:5px;} .footer-nav-links li a:hover i {transform:translateX(3px);} .footer-contact-col {padding-top:0.5rem;} .footer-contact-items {display:flex;flex-direction:column;gap:1rem;} .footer-contact-row {display:flex;gap:0.75rem;color:rgba(255, 255, 255, 0.8);text-decoration:none;transition:color 0.3s ease;} a.footer-contact-row:hover {color:white;} .footer-contact-icon {width:40px;height:40px;border-radius:10px;background:rgba(255, 140, 0, 0.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;} .footer-contact-icon i {color:var(--color-secondary);font-size:0.9rem;} .footer-contact-info {display:flex;flex-direction:column;font-size:0.9rem;line-height:1.5;} .footer-bottom-modern {background:rgba(0, 20, 50, 0.95);padding:1.5rem 0;} .footer-bottom-content {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;} .footer-copyright {color:rgba(255, 255, 255, 0.6);font-size:0.9rem;} .footer-copyright strong {color:white;} .footer-bottom-links-modern {display:flex;align-items:center;gap:0.5rem;} .footer-bottom-links-modern a {color:rgba(255, 255, 255, 0.6);font-size:0.85rem;text-decoration:none;transition:color 0.3s ease;} .footer-bottom-links-modern a:hover {color:var(--color-secondary);} .footer-divider {color:rgba(255, 255, 255, 0.3);font-size:0.75rem;} @media (max-width:1024px) {.footer-grid-modern {grid-template-columns:1fr 1fr;gap:2.5rem;} .footer-brand-col {grid-column:1 / -1;padding-right:0;text-align:center;} .footer-logo-modern {margin-inline:auto;} .footer-social-modern {justify-content:center;} .footer-tagline {max-width:500px;margin-inline:auto;}} @media (max-width:768px) {.footer-cta-content {flex-direction:column;text-align:center;} .footer-grid-modern {grid-template-columns:1fr;gap:2rem;text-align:center;} .footer-col-title::after {left:50%;transform:translateX(-50%);} .footer-nav-links li a {justify-content:center;} .footer-contact-row {justify-content:center;} .footer-bottom-content {flex-direction:column;text-align:center;}} @media (max-width:480px) {.footer-cta-text h3 {font-size:1.35rem;} .footer-bottom-links-modern {flex-direction:column;gap:0.75rem;} .footer-divider {display:none;}} .news-detail-hero {position:relative;min-height:400px;display:flex;align-items:flex-end;padding:3rem 0;overflow:hidden;} .news-detail-hero-bg {position:absolute;inset:0;background:linear-gradient(135deg, var(--color-primary), #003366);} .news-detail-hero-bg img {width:100%;height:100%;object-fit:cover;opacity:0.4;} .news-detail-hero-overlay {position:absolute;inset:0;background:linear-gradient( to top, rgba(0, 31, 77, 0.95), rgba(0, 31, 77, 0.5) );} .news-detail-hero-content {position:relative;z-index:1;color:white;} .news-detail-breadcrumb {display:flex;align-items:center;gap:0.75rem;margin-bottom:1.5rem;font-size:0.9rem;} .news-detail-breadcrumb a {display:flex;align-items:center;gap:0.5rem;color:rgba(255, 255, 255, 0.8);text-decoration:none;transition:color 0.3s ease;} .news-detail-breadcrumb a:hover {color:var(--color-secondary);} .news-detail-breadcrumb > i {font-size:0.65rem;color:rgba(255, 255, 255, 0.5);} .news-detail-breadcrumb > span {color:rgba(255, 255, 255, 0.6);} .news-detail-meta {margin-bottom:1rem;} .news-detail-date {display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:rgba(255, 140, 0, 0.2);border-radius:50px;font-size:0.9rem;font-weight:600;} .news-detail-date i {color:var(--color-secondary);} .news-detail-title {font-size:clamp(1.75rem, 4vw, 2.75rem);font-weight:800;line-height:1.25;max-width:800px;} .news-detail-section {padding:4rem 0;background:#fafafa;} .news-detail-grid {display:grid;grid-template-columns:1fr 320px;gap:3rem;align-items:start;} .news-article-modern {background:white;border-radius:20px;padding:2rem;box-shadow:0 4px 20px rgba(0, 0, 0, 0.06);} .news-gallery {margin-bottom:2rem;} .news-gallery-main {position:relative;border-radius:16px;overflow:hidden;background:#f0f0f0;} .news-gallery-slide {display:none;} .news-gallery-slide.is-active {display:block;} .news-gallery-slide img {width:100%;height:400px;object-fit:cover;} .news-gallery-thumbs {display:flex;gap:0.5rem;margin-top:0.75rem;overflow-x:auto;padding-bottom:0.5rem;} .news-gallery-thumb {width:70px;height:50px;border-radius:8px;overflow:hidden;border:2px solid transparent;cursor:pointer;padding:0;background:none;transition:all 0.3s ease;} .news-gallery-thumb.is-active {border-color:var(--color-secondary);} .news-gallery-thumb img {width:100%;height:100%;object-fit:cover;} .news-article-summary {padding:1.5rem;background:linear-gradient( 135deg, rgba(255, 140, 0, 0.08), rgba(255, 140, 0, 0.03) );border-left:4px solid var(--color-secondary);border-radius:0 16px 16px 0;margin-bottom:2rem;} .news-article-summary i {color:var(--color-secondary);font-size:1.5rem;margin-bottom:0.75rem;display:block;} .news-article-summary p {color:#4a4a4a;font-size:1.1rem;font-style:italic;line-height:1.7;margin:0;} .news-article-content {font-size:1.05rem;line-height:1.8;color:#4a4a4a;margin-bottom:2rem;} .news-article-content p {margin-bottom:1.25rem;} .news-article-share {display:flex;align-items:center;gap:1rem;padding:1.5rem 0;border-top:1px solid rgba(0, 31, 77, 0.08);border-bottom:1px solid rgba(0, 31, 77, 0.08);margin-bottom:1.5rem;} .share-label {font-weight:700;color:var(--color-primary);} .share-buttons {display:flex;gap:0.5rem;} .share-btn {width:40px;height:40px;border-radius:10px;background:rgba(0, 31, 77, 0.05);display:flex;align-items:center;justify-content:center;color:var(--color-primary);text-decoration:none;transition:all 0.3s ease;} .share-btn:hover {background:var(--color-secondary);color:white;} .news-back-link {display:inline-flex;align-items:center;gap:0.5rem;color:var(--color-secondary);font-weight:700;text-decoration:none;transition:gap 0.3s ease;} .news-back-link:hover {gap:0.75rem;} .news-sidebar {position:sticky;top:160px;} .sidebar-card {background:white;border-radius:20px;padding:1.5rem;box-shadow:0 4px 20px rgba(0, 0, 0, 0.06);} .sidebar-card h3 {font-size:1.1rem;font-weight:700;color:var(--color-primary);margin-bottom:1rem;padding-bottom:0.75rem;border-bottom:2px solid rgba(0, 31, 77, 0.08);} .sidebar-btn {display:flex;align-items:center;gap:0.75rem;width:100%;padding:0.85rem 1rem;background:var(--color-secondary);color:white;font-weight:700;font-size:0.9rem;border-radius:10px;text-decoration:none;margin-bottom:0.75rem;transition:all 0.3s ease;} .sidebar-btn:hover {transform:translateY(-2px);box-shadow:0 4px 15px rgba(255, 140, 0, 0.3);} .sidebar-btn.secondary {background:rgba(0, 31, 77, 0.05);color:var(--color-primary);} .sidebar-btn.secondary:hover {background:var(--color-primary);color:white;} .news-related-section {margin-top:4rem;padding-top:3rem;border-top:1px solid rgba(0, 31, 77, 0.08);} .news-related-section .news-related-title {font-size:1.5rem;font-weight:800;color:var(--color-primary);margin-bottom:2rem;text-align:center;} .news-related-grid {display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:1.5rem;} .news-related-card {display:block;background:white;border-radius:16px;overflow:hidden;text-decoration:none;box-shadow:0 4px 15px rgba(0, 0, 0, 0.06);transition:all 0.3s ease;} .news-related-card:hover {transform:translateY(-5px);box-shadow:0 10px 30px rgba(0, 31, 77, 0.12);} .news-related-image {height:160px;overflow:hidden;background:linear-gradient(135deg, var(--color-primary), #003366);} .news-related-image img {width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease;} .news-related-card:hover .news-related-image img {transform:scale(1.08);} .news-related-placeholder {width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:rgba(255, 255, 255, 0.3);font-size:2.5rem;} .news-related-content {padding:1.25rem;} .news-related-date {font-size:0.8rem;color:#667085;font-weight:600;margin-bottom:0.5rem;} .news-related-content h4 {font-size:1rem;font-weight:700;color:var(--color-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} @media (max-width:1024px) {.news-detail-grid {grid-template-columns:1fr;} .news-sidebar {position:static;display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1rem;}} @media (max-width:768px) {.news-detail-hero {min-height:300px;} .news-gallery-slide img {height:280px;} .news-article-modern {padding:1.5rem;}} .about-section {padding:5rem 0;background:#fafafa;} .about-intro {display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center;margin-bottom:4rem;} .about-intro-content h2 {font-size:2rem;font-weight:800;color:var(--color-primary);margin-bottom:1.5rem;} .about-intro-content p {color:#4a4a4a;font-size:1.1rem;line-height:1.8;margin-bottom:1rem;} .about-intro-image {border-radius:24px;overflow:hidden;height:350px;} .about-image-placeholder {width:100%;height:100%;background:linear-gradient(135deg, var(--color-primary), #003366);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:rgba(255, 255, 255, 0.5);} .about-image-placeholder i {font-size:4rem;} .about-image-placeholder span {font-size:1.25rem;font-weight:700;letter-spacing:0.1em;} .about-stats {display:grid;grid-template-columns:repeat(4, 1fr);gap:1.5rem;} .about-stat {background:white;border-radius:20px;padding:2rem;text-align:center;box-shadow:0 4px 20px rgba(0, 0, 0, 0.06);transition:all 0.3s ease;} .about-stat:hover {transform:translateY(-5px);box-shadow:0 10px 30px rgba(0, 31, 77, 0.12);} .about-stat-number {font-size:2.5rem;font-weight:900;color:var(--color-secondary);margin-bottom:0.5rem;} .about-stat-label {color:#667085;font-weight:600;font-size:0.95rem;} .about-values-section {padding:5rem 0;background:white;} .values-grid {display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:2rem;margin-top:3rem;} .value-card {background:linear-gradient( 135deg, rgba(0, 31, 77, 0.03), rgba(255, 140, 0, 0.03) );border-radius:20px;padding:2rem;text-align:center;border:2px solid rgba(0, 31, 77, 0.08);transition:all 0.3s ease;} .value-card:hover {transform:translateY(-5px);border-color:var(--color-secondary);} .value-icon {width:70px;height:70px;margin:0 auto 1.25rem;border-radius:50%;background:linear-gradient(135deg, var(--color-secondary), #ff6b00);display:flex;align-items:center;justify-content:center;color:white;font-size:1.75rem;transition:transform 0.3s ease;} .value-card:hover .value-icon {transform:scale(1.1);} .value-card h3 {font-size:1.25rem;font-weight:800;color:var(--color-primary);margin-bottom:0.75rem;} .value-card p {color:#667085;line-height:1.6;margin:0;} .about-history-section {padding:5rem 0;background:#fafafa;} .timeline {max-width:800px;margin:3rem auto 0;position:relative;} .timeline::before {content:"";position:absolute;left:50%;transform:translateX(-50%);width:4px;height:100%;background:linear-gradient( 180deg, var(--color-secondary), var(--color-primary) );border-radius:2px;} .timeline-item {display:flex;align-items:center;margin-bottom:2rem;position:relative;} .timeline-item:nth-child(odd) {flex-direction:row-reverse;} .timeline-date {width:120px;padding:0.75rem 1rem;background:var(--color-secondary);color:white;font-weight:800;font-size:1.1rem;text-align:center;border-radius:50px;flex-shrink:0;z-index:1;} .timeline-content {flex:1;background:white;padding:1.5rem;border-radius:16px;box-shadow:0 4px 15px rgba(0, 0, 0, 0.06);margin:0 2rem;} .timeline-content h3 {font-size:1.1rem;font-weight:700;color:var(--color-primary);margin-bottom:0.5rem;} .timeline-content p {color:#667085;margin:0;line-height:1.6;} .about-cta-section {padding:5rem 0;background:linear-gradient(135deg, var(--color-primary), #003366);} .about-cta-content {text-align:center;color:white;} .about-cta-content h2 {font-size:2.25rem;font-weight:800;margin-bottom:1rem;} .about-cta-content p {font-size:1.15rem;color:rgba(255, 255, 255, 0.85);margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto;} .about-cta-buttons {display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;} .cta-btn-primary {display:inline-flex;align-items:center;gap:0.5rem;padding:1rem 2rem;background:var(--color-secondary);color:white;font-weight:700;border-radius:12px;text-decoration:none;transition:all 0.3s ease;} .cta-btn-primary:hover {background:#ff6b00;transform:translateY(-2px);box-shadow:0 8px 25px rgba(255, 140, 0, 0.4);} .cta-btn-secondary {display:inline-flex;align-items:center;gap:0.5rem;padding:1rem 2rem;background:transparent;color:white;font-weight:700;border:2px solid rgba(255, 255, 255, 0.3);border-radius:12px;text-decoration:none;transition:all 0.3s ease;} .cta-btn-secondary:hover {background:rgba(255, 255, 255, 0.1);border-color:rgba(255, 255, 255, 0.5);} .section-header-modern {margin-bottom:2rem;} .section-tag {display:inline-block;padding:0.4rem 1rem;background:rgba(255, 140, 0, 0.1);color:var(--color-secondary);font-weight:700;font-size:0.85rem;border-radius:50px;margin-bottom:1rem;} .section-title-modern {font-size:2rem;font-weight:800;color:var(--color-primary);} .title-highlight {color:var(--color-secondary);} @media (max-width:1024px) {.about-intro {grid-template-columns:1fr;gap:2rem;} .about-intro-image {order:-1;height:280px;} .about-stats {grid-template-columns:repeat(2, 1fr);}} @media (max-width:768px) {.about-stats {grid-template-columns:1fr 1fr;gap:1rem;} .about-stat {padding:1.5rem;} .about-stat-number {font-size:2rem;} .timeline::before {left:20px;} .timeline-item, .timeline-item:nth-child(odd) {flex-direction:column;align-items:flex-start;padding-left:50px;} .timeline-date {margin-bottom:1rem;} .timeline-content {margin:0;width:100%;}} @media (max-width:480px) {.about-stats {grid-template-columns:1fr;}} .fleet-stats-section {padding:3rem 0;background:white;margin-top:-2rem;position:relative;z-index:10;} .fleet-stats-grid {display:grid;grid-template-columns:repeat(4, 1fr);gap:1.5rem;max-width:1000px;margin:0 auto;padding:2rem;background:white;border-radius:24px;box-shadow:0 10px 40px rgba(0, 0, 0, 0.1);} .fleet-stat {text-align:center;padding:1rem;} .fleet-stat-icon {width:60px;height:60px;margin:0 auto 1rem;border-radius:16px;background:linear-gradient( 135deg, rgba(255, 140, 0, 0.1), rgba(255, 140, 0, 0.05) );display:flex;align-items:center;justify-content:center;color:var(--color-secondary);font-size:1.5rem;} .fleet-stat-number {font-size:2.25rem;font-weight:900;color:var(--color-primary);margin-bottom:0.25rem;} .fleet-stat-label {color:#667085;font-weight:600;font-size:0.9rem;} .fleet-section {padding:4rem 0 5rem;background:#fafafa;} .fleet-grid {display:grid;grid-template-columns:repeat(2, 1fr);gap:2rem;margin-top:3rem;} .fleet-card {background:white;border-radius:24px;overflow:hidden;box-shadow:0 4px 20px rgba(0, 0, 0, 0.06);transition:all 0.3s ease;} .fleet-card:hover {transform:translateY(-8px);box-shadow:0 15px 40px rgba(0, 31, 77, 0.12);} .fleet-card-image {position:relative;height:200px;overflow:hidden;} .fleet-image-placeholder {width:100%;height:100%;background:linear-gradient(135deg, var(--color-primary), #003366);display:flex;align-items:center;justify-content:center;color:rgba(255, 255, 255, 0.3);font-size:4rem;} .fleet-card-badge {position:absolute;top:1rem;left:1rem;display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:var(--color-secondary);color:white;font-weight:700;font-size:0.8rem;border-radius:50px;} .fleet-card-content {padding:1.75rem;} .fleet-card-content h3 {font-size:1.35rem;font-weight:800;color:var(--color-primary);margin-bottom:0.75rem;} .fleet-card-content p {color:#667085;line-height:1.7;margin-bottom:1.25rem;} .fleet-features {list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.5rem;} .fleet-features li {display:flex;align-items:center;gap:0.5rem;font-size:0.9rem;color:#4a4a4a;} .fleet-features li i {color:var(--color-secondary);font-size:0.8rem;} .fleet-advantages-section {padding:5rem 0;background:white;} .advantages-grid {display:grid;grid-template-columns:repeat(4, 1fr);gap:2rem;margin-top:3rem;} .advantage-item {text-align:center;padding:2rem 1.5rem;background:linear-gradient( 135deg, rgba(0, 31, 77, 0.02), rgba(255, 140, 0, 0.02) );border-radius:20px;border:2px solid rgba(0, 31, 77, 0.05);transition:all 0.3s ease;} .advantage-item:hover {transform:translateY(-5px);border-color:var(--color-secondary);} .advantage-icon {width:70px;height:70px;margin:0 auto 1.25rem;border-radius:50%;background:linear-gradient(135deg, var(--color-secondary), #ff6b00);display:flex;align-items:center;justify-content:center;color:white;font-size:1.75rem;} .advantage-item h4 {font-size:1.1rem;font-weight:700;color:var(--color-primary);margin-bottom:0.5rem;} .advantage-item p {color:#667085;font-size:0.95rem;line-height:1.6;margin:0;} .fleet-cta-section {padding:4rem 0;background:linear-gradient(135deg, var(--color-primary), #003366);} .fleet-cta-content {text-align:center;color:white;} .fleet-cta-content h2 {font-size:2rem;font-weight:800;margin-bottom:0.75rem;} .fleet-cta-content p {font-size:1.1rem;color:rgba(255, 255, 255, 0.85);margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto;} .fleet-cta-btn {display:inline-flex;align-items:center;gap:0.75rem;padding:1rem 2.5rem;background:var(--color-secondary);color:white;font-weight:700;font-size:1rem;border-radius:12px;text-decoration:none;transition:all 0.3s ease;} .fleet-cta-btn:hover {background:#ff6b00;transform:translateY(-2px);box-shadow:0 8px 25px rgba(255, 140, 0, 0.4);} .fleet-cta-btn i {transition:transform 0.3s ease;} .fleet-cta-btn:hover i {transform:translateX(3px);} @media (max-width:1024px) {.fleet-stats-grid {grid-template-columns:repeat(2, 1fr);} .advantages-grid {grid-template-columns:repeat(2, 1fr);}} @media (max-width:768px) {.fleet-grid {grid-template-columns:1fr;} .fleet-stats-grid {padding:1.5rem;} .fleet-stat-number {font-size:1.75rem;}} @media (max-width:480px) {.fleet-stats-grid {grid-template-columns:1fr 1fr;gap:1rem;} .advantages-grid {grid-template-columns:1fr;} .fleet-stat {padding:0.5rem;} .fleet-stat-icon {width:50px;height:50px;font-size:1.25rem;}} .fleet-card {opacity:0;transform:translateY(30px);animation:fadeUp 0.5s ease forwards;} .fleet-card:nth-child(1) {animation-delay:0.1s;} .fleet-card:nth-child(2) {animation-delay:0.2s;} .fleet-card:nth-child(3) {animation-delay:0.3s;} .fleet-card:nth-child(4) {animation-delay:0.4s;} @keyframes fadeUp {from {opacity:0;transform:translateY(30px);} to {opacity:1;transform:translateY(0);}} .content-section {padding:5rem 0;background:#fafafa;} .content-section--white {background:#ffffff;} .content-header {max-width:860px;margin:0 auto;text-align:center;} .chip-list {display:flex;flex-wrap:wrap;gap:0.6rem;justify-content:center;margin-top:1.25rem;} .chip {display:inline-flex;align-items:center;gap:0.5rem;padding:0.55rem 0.9rem;border-radius:999px;background:rgba(0, 31, 77, 0.06);border:1px solid rgba(0, 31, 77, 0.10);color:var(--color-primary);font-weight:700;font-size:0.9rem;} .chip i {color:var(--color-secondary);} .content-grid {display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:1.5rem;margin-top:2.5rem;} .content-kpis {display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));gap:1.25rem;margin-top:2rem;} .kpi-card {background:white;border-radius:18px;padding:1.5rem;box-shadow:0 4px 20px rgba(0, 0, 0, 0.06);border:1px solid rgba(0, 31, 77, 0.08);} .kpi-number {font-size:2.1rem;font-weight:900;color:var(--color-secondary);line-height:1;} .kpi-label {margin-top:0.5rem;color:#667085;font-weight:700;} .table-modern {width:100%;border-collapse:collapse;overflow:hidden;border-radius:14px;background:white;border:1px solid rgba(0, 31, 77, 0.08);} .table-modern th, .table-modern td {padding:0.9rem 1rem;border-bottom:1px solid rgba(0, 31, 77, 0.08);text-align:left;} .table-modern th {background:rgba(0, 31, 77, 0.04);color:var(--color-primary);font-weight:800;font-size:0.9rem;} .table-modern td {color:#4a4a4a;} .table-modern tr:last-child td {border-bottom:none;} .leaflet-map {width:100%;height:340px;border-radius:18px;overflow:hidden;border:1px solid rgba(0, 31, 77, 0.10);box-shadow:0 12px 30px rgba(0, 31, 77, 0.08);} @media (max-width:768px) {.content-section {padding:4rem 0;} .leaflet-map {height:300px;}} @keyframes fadeInUp {from {opacity:0;transform:translateY(30px);} to {opacity:1;transform:translateY(0);}} @keyframes fadeInLeft {from {opacity:0;transform:translateX(-30px);} to {opacity:1;transform:translateX(0);}} @keyframes fadeInRight {from {opacity:0;transform:translateX(30px);} to {opacity:1;transform:translateX(0);}} @keyframes scaleIn {from {opacity:0;transform:scale(0.9);} to {opacity:1;transform:scale(1);}} @keyframes shimmer {0% {background-position:-1000px 0;} 100% {background-position:1000px 0;}} @keyframes glow {0%, 100% {box-shadow:0 0 20px rgba(255, 140, 0, 0.3);} 50% {box-shadow:0 0 40px rgba(255, 140, 0, 0.6);}} @keyframes rotate {from {transform:rotate(0deg);} to {transform:rotate(360deg);}} .animate-fade-in-up {animation:fadeInUp 0.8s ease forwards;} .animate-fade-in-left {animation:fadeInLeft 0.8s ease forwards;} .animate-fade-in-right {animation:fadeInRight 0.8s ease forwards;} .animate-scale-in {animation:scaleIn 0.6s ease forwards;} .btn-cta-primary::before, .btn-modern-primary::before {content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.3), transparent );transition:left 0.5s ease;pointer-events:none;} .btn-cta-primary:hover::before, .btn-modern-primary:hover::before {left:100%;} .btn-cta-primary, .btn-modern-primary {position:relative;overflow:hidden;} .service-modern-card::before {content:"";position:absolute;inset:0;border-radius:20px;padding:2px;background:linear-gradient( 135deg, transparent, rgba(255, 140, 0, 0.3), transparent );-webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity 0.3s ease;} .service-modern-card:hover::before {opacity:1;} @keyframes wave {0% {transform:translateX(-100%);} 100% {transform:translateX(100%);}} .location-card::after {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient( 90deg, transparent, rgba(255, 140, 0, 0.1), transparent );transform:translateX(-100%);transition:transform 0.6s ease;} .location-card:hover::after {animation:wave 1s ease;} @keyframes iconPulse {0%, 100% {transform:scale(1);} 50% {transform:scale(1.1);}} .hero-visual-icon, .fleet-card-icon, .location-icon, .why-us-feature-icon {animation:iconPulse 2s ease-in-out infinite;} .hero-visual-card:hover .hero-visual-icon, .fleet-modern-card:hover .fleet-card-icon, .location-card:hover .location-icon, .why-us-feature:hover .why-us-feature-icon {animation:iconPulse 0.6s ease-in-out;} @keyframes typing {from {width:0;} to {width:100%;}} @keyframes blink {50% {border-color:transparent;}} .hero-modern-highlight, .title-highlight {background-size:200% auto;animation:gradientShift 3s ease infinite;} @keyframes gradientShift {0%, 100% {background-position:0% center;} 50% {background-position:100% center;}} .hero-stat-number {display:inline-block;animation:bounceIn 1s ease;} @keyframes bounceIn {0% {opacity:0;transform:scale(0.3);} 50% {opacity:1;transform:scale(1.05);} 70% {transform:scale(0.9);} 100% {transform:scale(1);}} .service-modern-link::after {content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--color-secondary);transition:width 0.3s ease;} .service-modern-link {position:relative;} .service-modern-card:hover .service-modern-link::after {width:100%;} .fleet-card-badge {transition:all 0.3s ease;} .fleet-modern-card:hover .fleet-card-badge {transform:scale(1.1);box-shadow:0 4px 15px rgba(255, 140, 0, 0.3);} .service-modern-image {position:relative;overflow:hidden;} .service-modern-image::before {content:"";position:absolute;inset:0;background:radial-gradient( circle at center, transparent 0%, rgba(0, 31, 77, 0.3) 100% );opacity:0;transition:opacity 0.4s ease;z-index:1;} .service-modern-card:hover .service-modern-image::before {opacity:1;} .service-modern-card:focus-visible, .fleet-modern-card:focus-visible, .location-card:focus-visible {outline:none;box-shadow:0 0 0 4px rgba(255, 140, 0, 0.3);} .references-track {animation-play-state:running;} .references-track:hover {animation-play-state:paused;} .cta-icon {position:relative;} .cta-icon::before {content:"";position:absolute;inset:-10px;border-radius:20px;background:radial-gradient(circle, rgba(255, 140, 0, 0.2), transparent 70%);animation:breathe 3s ease-in-out infinite;} @keyframes breathe {0%, 100% {transform:scale(1);opacity:0.5;} 50% {transform:scale(1.2);opacity:0.8;}} .cta-contact-item {transition:all 0.3s ease;cursor:pointer;} .cta-contact-item:hover {transform:translateX(5px);color:white;} .cta-contact-item:hover i {transform:scale(1.2);} .cta-contact-item i {transition:transform 0.3s ease;} .services-modern, .why-us-modern, .fleet-modern, .locations-modern {transform-style:preserve-3d;} .why-us-image-card {position:relative;} .why-us-image-card::before {content:"";position:absolute;inset:-2px;border-radius:26px;background:linear-gradient( 135deg, var(--color-secondary), var(--color-primary), var(--color-secondary) );background-size:200% 200%;animation:gradientRotate 4s ease infinite;z-index:-1;} @keyframes gradientRotate {0%, 100% {background-position:0% 50%;} 50% {background-position:100% 50%;}} @keyframes floatParticle {0%, 100% {transform:translateY(0) translateX(0);} 25% {transform:translateY(-20px) translateX(10px);} 50% {transform:translateY(-10px) translateX(-10px);} 75% {transform:translateY(-30px) translateX(5px);}} .btn-hero-primary:focus-visible, .btn-hero-secondary:focus-visible, .btn-cta-primary:focus-visible, .btn-cta-secondary:focus-visible, .btn-modern-primary:focus-visible, .btn-modern-outline:focus-visible {outline:3px solid rgba(255, 140, 0, 0.5);outline-offset:4px;} @keyframes skeleton {0% {background-position:-200px 0;} 100% {background-position:calc(200px + 100%) 0;}} .loading-skeleton {background:linear-gradient(90deg, #f0f0f0 0px, #e0e0e0 40px, #f0f0f0 80px);background-size:200px 100%;animation:skeleton 1.5s infinite;} .service-modern-card, .fleet-modern-card, .location-card, .why-us-feature {will-change:transform, opacity;} .hero-gradient-orb {will-change:transform;} .why-us-stat-item {transition:transform 0.3s ease;} .why-us-stats-card:hover .why-us-stat-item {transform:translateX(5px);} .service-modern-image img, .why-us-image-card img {opacity:0;transition:opacity 0.5s ease;} .service-modern-image img.loaded, .why-us-image-card img.loaded {opacity:1;} @keyframes glitch {0%, 100% {text-shadow:0 0 transparent;} 25% {text-shadow:2px 0 rgba(255, 140, 0, 0.3);} 50% {text-shadow:-2px 0 rgba(0, 31, 77, 0.3);} 75% {text-shadow:2px 0 rgba(255, 140, 0, 0.3);}} @media (prefers-reduced-motion:reduce) {*, *::before, *::after {animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;} .hero-gradient-orb {animation:none !important;} .references-track {animation:none !important;}} @media (prefers-color-scheme:dark) {.service-modern-card, .fleet-modern-card, .location-card {background:rgba(255, 255, 255, 0.05);border-color:rgba(255, 255, 255, 0.1);} .why-us-stats-card {background:rgba(0, 0, 0, 0.5);backdrop-filter:blur(20px);}} .hero-badge {transition:all 0.3s ease;} .hero-badge:hover {transform:scale(1.05);background:rgba(255, 140, 0, 0.25);border-color:rgba(255, 140, 0, 0.5);} .service-modern-overlay {transition:opacity 0.4s ease;} .service-modern-card:hover .service-modern-overlay {opacity:0.7;} .service-modern-icon {transition:transform 0.6s ease;transform-style:preserve-3d;} .service-modern-card:hover .service-modern-icon {transform:rotateY(360deg);} a:focus-visible, button:focus-visible {outline:3px solid rgba(255, 140, 0, 0.6);outline-offset:2px;} .cta-modern {position:relative;overflow:hidden;} .cta-modern::before {content:"";position:absolute;bottom:0;left:-100%;width:200%;height:100%;background:linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.05), transparent );animation:waveSlide 8s ease-in-out infinite;} @keyframes waveSlide {0%, 100% {left:-100%;} 50% {left:100%;}} .fleet-hero-cover {position:relative;min-height:420px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg, #001f4d 0%, #002a5c 50%, #001f4d 100%);} .fleet-hero-cover::before {content:"";position:absolute;inset:0;background:url('/static/images/fleet-hero.jpg') center/cover no-repeat;opacity:0.3;z-index:0;} .fleet-hero-bg {position:absolute;inset:0;overflow:hidden;} .fleet-hero-orb {position:absolute;border-radius:50%;filter:blur(80px);opacity:0.5;animation:float 20s ease-in-out infinite;} .fleet-hero-orb-1 {width:400px;height:400px;background:radial-gradient(circle, rgba(255, 140, 0, 0.4), transparent);top:-15%;right:10%;} .fleet-hero-orb-2 {width:300px;height:300px;background:radial-gradient(circle, rgba(74, 144, 226, 0.3), transparent);bottom:-10%;left:5%;animation-delay:10s;} @keyframes float {0%, 100% {transform:translate(0, 0) scale(1);} 33% {transform:translate(30px, -30px) scale(1.1);} 66% {transform:translate(-20px, 20px) scale(0.9);}} .fleet-hero-container {position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:4rem 1rem;color:white;} .fleet-hero-badge {display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1.25rem;background:rgba(255, 140, 0, 0.15);border:1px solid rgba(255, 140, 0, 0.3);border-radius:50px;font-size:0.9rem;font-weight:700;margin-bottom:1.5rem;backdrop-filter:blur(10px);} .fleet-hero-badge i {color:var(--color-secondary);} .fleet-hero-title {font-size:clamp(2.5rem, 5vw, 3.5rem);font-weight:900;line-height:1.15;margin-bottom:1.25rem;} .fleet-hero-highlight {background:linear-gradient(135deg, #ff8c00, #ff6b00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;} .fleet-hero-subtitle {font-size:1.15rem;line-height:1.7;color:rgba(255, 255, 255, 0.85);max-width:700px;margin-bottom:2rem;} .fleet-hero-stats {display:flex;justify-content:center;gap:2.5rem;flex-wrap:wrap;padding:2rem;background:rgba(255, 255, 255, 0.08);backdrop-filter:blur(15px);border-radius:20px;border:1px solid rgba(255, 255, 255, 0.1);margin-top:1rem;} .fleet-hero-stat {display:flex;flex-direction:column;align-items:center;gap:0.5rem;min-width:100px;} .fleet-hero-stat-icon {width:50px;height:50px;border-radius:14px;background:linear-gradient(135deg, var(--color-secondary), #ff6b00);display:flex;align-items:center;justify-content:center;color:white;font-size:1.25rem;margin-bottom:0.25rem;} .fleet-hero-stat-number {font-size:1.75rem;font-weight:900;color:white;} .fleet-hero-stat-label {font-size:0.85rem;color:rgba(255, 255, 255, 0.7);font-weight:600;text-transform:uppercase;letter-spacing:0.02em;} .fleet-bento {display:grid;grid-template-columns:repeat(4, 1fr);gap:1.5rem;margin-bottom:3rem;} .fleet-bento-card {position:relative;background:white;border-radius:20px;overflow:hidden;box-shadow:0 4px 24px rgba(0, 31, 77, 0.08);border:1px solid rgba(0, 31, 77, 0.06);transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);} .fleet-bento-card:hover {transform:translateY(-8px);box-shadow:0 16px 48px rgba(0, 31, 77, 0.15);border-color:rgba(255, 140, 0, 0.3);} .fleet-bento-card--featured {grid-column:span 2;grid-row:span 2;background:linear-gradient(135deg, var(--color-primary), #002a5c);color:white;display:flex;flex-direction:column;padding:2rem;} .fleet-bento-card--featured .fleet-card-icon {background:rgba(255, 140, 0, 0.2);color:var(--color-secondary);} .fleet-bento-card--featured h3, .fleet-bento-card--featured p {color:white;} .fleet-bento-card--featured p {color:rgba(255, 255, 255, 0.8);} .fleet-bento-card--standard {padding:1.75rem;display:flex;flex-direction:column;} .fleet-card-icon {width:60px;height:60px;border-radius:16px;background:linear-gradient(135deg, rgba(255, 140, 0, 0.1), rgba(255, 140, 0, 0.05));display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--color-secondary);margin-bottom:1.25rem;transition:all 0.3s ease;} .fleet-bento-card:hover .fleet-card-icon {background:linear-gradient(135deg, var(--color-secondary), #ff6b00);color:white;transform:scale(1.1);} .fleet-bento-card--featured:hover .fleet-card-icon {background:rgba(255, 140, 0, 0.4);color:white;} .fleet-bento-card h3 {font-size:1.25rem;font-weight:800;color:var(--color-primary);margin-bottom:0.75rem;} .fleet-bento-card p {color:#667085;font-size:0.95rem;line-height:1.6;margin-bottom:1rem;flex:1;} .fleet-card-features {display:flex;flex-direction:column;gap:0.5rem;margin-top:auto;} .fleet-card-feature {display:flex;align-items:center;gap:0.5rem;font-size:0.9rem;color:inherit;opacity:0.8;} .fleet-card-feature i {color:var(--color-secondary);font-size:0.75rem;} .fleet-bento-card--featured .fleet-card-features {padding-top:1.5rem;border-top:1px solid rgba(255, 255, 255, 0.1);margin-top:1.5rem;} .fleet-pole-section {position:relative;} .fleet-pole-stack {display:flex;flex-direction:column;gap:2rem;} .fleet-pole-card {display:grid;grid-template-columns:300px 1fr;background:white;border-radius:20px;overflow:hidden;box-shadow:0 4px 24px rgba(0, 31, 77, 0.08);border:1px solid rgba(0, 31, 77, 0.06);transition:all 0.3s ease;} .fleet-pole-card:hover {box-shadow:0 12px 40px rgba(0, 31, 77, 0.12);transform:translateY(-4px);} .fleet-pole-info {background:linear-gradient(135deg, var(--color-primary), #002a5c);color:white;padding:2rem;display:flex;flex-direction:column;} .fleet-pole-icon {width:56px;height:56px;border-radius:16px;background:rgba(255, 140, 0, 0.2);display:flex;align-items:center;justify-content:center;color:var(--color-secondary);font-size:1.5rem;margin-bottom:1.25rem;} .fleet-pole-info h3 {font-size:1.35rem;font-weight:800;margin:0 0 0.5rem;color:white;} .fleet-pole-info p {color:rgba(255, 255, 255, 0.75);font-size:0.9rem;line-height:1.6;margin:0 0 1.5rem;flex:1;} .fleet-pole-info .btn-modern-outline {background:rgba(255, 255, 255, 0.1);border-color:rgba(255, 255, 255, 0.25);color:white;width:fit-content;} .fleet-pole-info .btn-modern-outline:hover {background:rgba(255, 255, 255, 0.2);border-color:var(--color-secondary);} .fleet-pole-equipment {padding:1.5rem;display:flex;flex-direction:column;background:white;} .fleet-pole-equipment-header {display:flex;align-items:center;gap:0.75rem;margin-bottom:1rem;padding-bottom:0.75rem;border-bottom:1px solid rgba(0, 31, 77, 0.08);} .fleet-pole-equipment-header i {color:var(--color-secondary);font-size:1rem;} .fleet-pole-equipment-header span {font-weight:700;color:var(--color-primary);font-size:0.95rem;} .fleet-table-wrap {flex:1;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:10px;border:1px solid rgba(0, 31, 77, 0.08);} .fleet-table-wrap .table-modern {margin:0;border:none;min-width:100%;font-size:0.9rem;} .fleet-pole-empty {display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;padding:2rem;color:#667085;background:rgba(0, 31, 77, 0.02);border-radius:10px;} .fleet-pole-empty i {font-size:2.5rem;color:var(--color-secondary);opacity:0.5;margin-bottom:1rem;} @media (max-width:900px) {.fleet-pole-card {grid-template-columns:1fr;} .fleet-pole-info {padding:1.5rem;} .fleet-pole-equipment {padding:1.25rem;}} .advantages-bento {display:grid;grid-template-columns:repeat(4, 1fr);gap:1.5rem;} .advantage-bento-card {background:white;border-radius:20px;padding:2rem;text-align:center;box-shadow:0 4px 24px rgba(0, 31, 77, 0.08);border:1px solid rgba(0, 31, 77, 0.06);transition:all 0.3s ease;} .advantage-bento-card:hover {transform:translateY(-6px);box-shadow:0 12px 40px rgba(0, 31, 77, 0.12);border-color:rgba(255, 140, 0, 0.3);} .advantage-bento-icon {width:70px;height:70px;margin:0 auto 1.25rem;border-radius:20px;background:linear-gradient(135deg, rgba(255, 140, 0, 0.1), rgba(255, 140, 0, 0.05));display:flex;align-items:center;justify-content:center;font-size:1.75rem;color:var(--color-secondary);transition:all 0.3s ease;} .advantage-bento-card:hover .advantage-bento-icon {background:linear-gradient(135deg, var(--color-secondary), #ff6b00);color:white;transform:scale(1.1);} .advantage-bento-card h4 {font-size:1.1rem;font-weight:800;color:var(--color-primary);margin-bottom:0.5rem;} .advantage-bento-card p {color:#667085;font-size:0.9rem;line-height:1.6;margin:0;} .fleet-cta-modern {position:relative;padding:5rem 0;background:linear-gradient(135deg, var(--color-primary), #002a5c);overflow:hidden;} .fleet-cta-modern::before {content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%, rgba(255, 140, 0, 0.2), transparent 50%), radial-gradient(circle at 80% 20%, rgba(74, 144, 226, 0.15), transparent 50%);} .fleet-cta-content {position:relative;z-index:2;text-align:center;color:white;max-width:700px;margin:0 auto;} .fleet-cta-content h2 {font-size:clamp(1.75rem, 4vw, 2.5rem);font-weight:900;margin-bottom:1rem;} .fleet-cta-content p {font-size:1.1rem;color:rgba(255, 255, 255, 0.85);margin-bottom:2rem;} .fleet-cta-actions {display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;} .btn-cta-orange {display:inline-flex;align-items:center;gap:0.5rem;padding:1rem 2rem;background:linear-gradient(135deg, var(--color-secondary), #ff6b00);color:white;font-weight:700;font-size:1rem;border-radius:12px;text-decoration:none;box-shadow:0 4px 20px rgba(255, 140, 0, 0.35);transition:all 0.3s ease;} .btn-cta-orange:hover {transform:translateY(-3px);box-shadow:0 8px 30px rgba(255, 140, 0, 0.45);} .btn-cta-white {display:inline-flex;align-items:center;gap:0.5rem;padding:1rem 2rem;background:rgba(255, 255, 255, 0.1);color:white;font-weight:700;font-size:1rem;border-radius:12px;border:2px solid rgba(255, 255, 255, 0.25);text-decoration:none;transition:all 0.3s ease;} .btn-cta-white:hover {background:rgba(255, 255, 255, 0.2);border-color:rgba(255, 255, 255, 0.4);} @media (max-width:1024px) {.fleet-bento {grid-template-columns:repeat(2, 1fr);} .fleet-bento-card--featured {grid-column:span 2;grid-row:span 1;} .advantages-bento {grid-template-columns:repeat(2, 1fr);}} @media (max-width:768px) {.fleet-bento {grid-template-columns:1fr;} .fleet-bento-card--featured {grid-column:span 1;} .advantages-bento {grid-template-columns:1fr;} .fleet-hero-stats {gap:1.5rem;padding:1.5rem;} .fleet-pole-grid {grid-template-columns:1fr;}}