:root {--primary-color: #060606;--secondary-color: #1a1a1a;--accent-color: #c99a4c;--gold-dark: #b08944;--gold-light: #f4e4b6;--light-color: #ffffff;--dark-color: #060606;--gray-color: #666666;--light-gray: #f0f0f0;--white: #ffffff;--success: #10b981;--warning: #f59e0b;--shadow: 0 10px 25px rgba(0, 0, 0, 0.1);--shadow-lg: 0 20px 40px rgba(0, 0, 0, 0.15);--transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);--border-radius: 12px;}* {margin: 0;padding: 0;box-sizing: border-box;font-family: 'Noto Sans Arabic', sans-serif;}body {background: var(--white);color: var(--dark-color);line-height: 1.7;overflow-x: hidden;}body.menu-open {overflow: hidden;position: fixed;width: 100%;height: 100%;}.legal-pattern {position: fixed;top: 0;right: 0;width: 100%;height: 100%;background-image:
radial-gradient(circle at 20% 80%, rgba(201, 154, 76, 0.03) 0%, transparent 50%),
radial-gradient(circle at 80% 20%, rgba(6, 6, 6, 0.03) 0%, transparent 50%);pointer-events: none;z-index: -1;}.container {width: 90%;max-width: 1400px;margin: 0 auto;padding: 0 20px;}.top-bar {background: rgba(10, 10, 10, 0.97);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);padding: 18px 0;box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);position: sticky;top: 0;z-index: 1000;border-bottom: 1px solid rgba(201, 154, 76, 0.2);transition: var(--transition);}.top-bar.scrolled {padding: 12px 0;background: rgba(10, 10, 10, 0.95);}.top-bar-content {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}.logo {display: flex;align-items: center;gap: 15px;text-decoration: none;}.ltec-app-icon {width: 60px;height: 60px;border-radius: 14px;box-shadow: 0 4px 12px rgba(0,0,0,0.15);object-fit: contain;background-color: #0a0a0a;padding: 6px;border: 2px solid var(--accent-color);}.logo-text {display: flex;flex-direction: column;}.logo-main {font-size: 28px;font-weight: 800;background: linear-gradient(135deg, var(--accent-color), var(--gold-dark));-webkit-background-clip: text;-webkit-text-fill-color: transparent;line-height: 1;}.logo-sub {font-size: 12px;color: #cccccc;font-weight: 500;margin-top: 2px;}.nav-links {display: flex;list-style: none;gap: 5px;flex-wrap: wrap;}.nav-links li {position: relative;}.nav-links a {text-decoration: none;color: #ffffff;font-weight: 600;padding: 14px 22px;border-radius: 12px;transition: var(--transition);display: flex;align-items: center;gap: 10px;position: relative;overflow: hidden;background: rgba(201, 154, 76, 0.1);}.nav-links a::before {content: '';position: absolute;top: 0;right: -100%;width: 100%;height: 100%;background: linear-gradient(135deg, var(--accent-color), var(--gold-dark));transition: var(--transition);z-index: -1;}.nav-links a:hover {color: var(--dark-color);transform: translateY(-3px);box-shadow: 0 8px 20px rgba(201, 154, 76, 0.3);}.nav-links a:hover::before {right: 0;}.nav-links a i {transition: var(--transition);color: var(--accent-color);}.nav-links a:hover i {color: var(--dark-color);}.mobile-menu-btn {display: none;flex-direction: column;align-items: center;justify-content: center;width: 55px;height: 55px;background: rgba(201, 154, 76, 0.15);border: 2px solid var(--accent-color);border-radius: 12px;cursor: pointer;padding: 10px;transition: var(--transition);z-index: 1001;position: relative;outline: none;}.mobile-menu-btn span {display: block;width: 28px;height: 3px;background: var(--accent-color);border-radius: 2px;transition: var(--transition);margin: 4px 0;}.mobile-menu-btn:hover {background: var(--accent-color);transform: scale(1.05);box-shadow: 0 0 20px rgba(201, 154, 76, 0.4);}.mobile-menu-btn:hover span {background: var(--dark-color);}.mobile-menu-btn.active span:nth-child(1) {transform: rotate(45deg) translate(8px, 8px);width: 28px;}.mobile-menu-btn.active span:nth-child(2) {opacity: 0;transform: translateX(-20px);}.mobile-menu-btn.active span:nth-child(3) {transform: rotate(-45deg) translate(8px, -8px);width: 28px;}.mobile-nav {position: fixed;top: 0;right: -100%;width: 100%;height: 100%;background: rgba(10, 10, 10, 0.98);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);z-index: 2000;transition: right 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);overflow-y: auto;overflow-x: hidden;}.mobile-nav.active {right: 0;}.mobile-nav::before {content: '';position: absolute;top: 0;right: 0;width: 100%;height: 5px;background: linear-gradient(135deg, var(--accent-color), var(--gold-dark));box-shadow: 0 0 15px rgba(201, 154, 76, 0.5);}.mobile-nav-content {padding: 100px 25px 40px;height: 100%;display: flex;flex-direction: column;width: 100%;}.mobile-logo {display: flex;align-items: center;gap: 15px;margin-bottom: 40px;padding-bottom: 20px;border-bottom: 1px solid rgba(201, 154, 76, 0.2);}.mobile-logo-icon {width: 60px;height: 60px;border-radius: 14px;border: 2px solid var(--accent-color);padding: 5px;background: rgba(201, 154, 76, 0.1);box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);}.mobile-logo-text h3 {color: var(--accent-color);font-size: 1.5rem;margin-bottom: 5px;font-weight: 700;}.mobile-logo-text p {color: rgba(255, 255, 255, 0.7);font-size: 0.95rem;}.mobile-nav-links {list-style: none;display: flex;flex-direction: column;gap: 15px;flex: 1;margin-bottom: 30px;}.mobile-nav-links a {display: flex;align-items: center;gap: 20px;padding: 22px 25px;background: rgba(255, 255, 255, 0.05);border-radius: 16px;text-decoration: none;color: #fff;font-weight: 600;font-size: 1.15rem;transition: var(--transition);border: 1px solid rgba(201, 154, 76, 0.2);width: 100%;position: relative;overflow: hidden;}.mobile-nav-links a::before {content: '';position: absolute;top: 0;right: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(201, 154, 76, 0.15), transparent);transition: var(--transition);}.mobile-nav-links a:hover {background: rgba(201, 154, 76, 0.12);transform: translateX(-12px);color: var(--accent-color);border-color: var(--accent-color);box-shadow: 0 8px 25px rgba(201, 154, 76, 0.15);}.mobile-nav-links a:hover::before {right: 100%;}.mobile-nav-links a i {font-size: 1.4rem;color: var(--accent-color);min-width: 28px;text-align: center;}.mobile-nav-links a span {flex: 1;font-size: 1.1rem;font-weight: 600;}.close-menu {position: absolute;top: 25px;left: 25px;background: rgba(201, 154, 76, 0.15);border: 2px solid var(--accent-color);color: var(--accent-color);font-size: 24px;width: 55px;height: 55px;border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: var(--transition);z-index: 2001;outline: none;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);}.close-menu:hover {background: var(--accent-color);color: var(--dark-color);transform: rotate(90deg) scale(1.1);box-shadow: 0 0 25px rgba(201, 154, 76, 0.6);}.mobile-social {margin-top: 20px;padding-top: 25px;border-top: 1px solid rgba(201, 154, 76, 0.2);}.mobile-whatsapp {display: flex;align-items: center;justify-content: center;gap: 12px;padding: 18px;background: linear-gradient(135deg, var(--accent-color), var(--gold-dark));color: var(--dark-color);border-radius: 16px;text-decoration: none;font-weight: 700;font-size: 1.1rem;transition: var(--transition);border: 2px solid rgba(201, 154, 76, 0.3);box-shadow: 0 4px 15px rgba(201, 154, 76, 0.25);}.mobile-whatsapp:hover {transform: translateY(-5px);box-shadow: 0 12px 30px rgba(201, 154, 76, 0.4);background: linear-gradient(135deg, var(--gold-dark), var(--accent-color));}.mobile-whatsapp i {font-size: 1.3rem;}#management-services {background: var(--white);padding: 80px 0;position: relative;overflow: hidden;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}#management-services::before {content: '';position: absolute;top: 0;right: 0;width: 100%;height: 100%;background:
radial-gradient(circle at 10% 20%, rgba(201, 154, 76, 0.02) 0%, transparent 40%),
radial-gradient(circle at 90% 80%, rgba(6, 6, 6, 0.02) 0%, transparent 40%);pointer-events: none;}#management-services .section-header {text-align: center;margin-bottom: 50px;position: relative;z-index: 2;}#management-services .section-badge {display: inline-block;background: linear-gradient(135deg, var(--accent-color), var(--gold-dark));color: var(--dark-color);padding: 10px 25px;border-radius: 50px;font-weight: 700;margin-bottom: 20px;box-shadow: 0 4px 15px rgba(201, 154, 76, 0.3);font-size: 1.1rem;}#management-services .section-title {font-size: 2.5rem;margin-bottom: 20px;font-weight: 800;color: var(--dark-color);text-shadow: 0 2px 10px rgba(0,0,0,0.1);position: relative;display: inline-block;white-space: nowrap;}#management-services .section-title::after {content: '';position: absolute;bottom: -10px;right: 50%;transform: translateX(50%);width: 100px;height: 3px;background: linear-gradient(135deg, var(--accent-color), var(--gold-dark));border-radius: 3px;}#management-services .section-header > p {font-size: 1.2rem;color: var(--gray-color);max-width: 800px;margin: 0 auto;line-height: 1.8;font-weight: 400;}#management-services .services-tabs {display: flex;justify-content: center;margin-bottom: 50px;background: #f8f8f8;padding: 12px;border-radius: 20px;box-shadow: var(--shadow);flex-wrap: wrap;position: relative;z-index: 2;max-width: 900px;margin-left: auto;margin-right: auto;}#management-services .tab {padding: 16px 24px;cursor: pointer;font-weight: 600;transition: var(--transition);border-radius: 14px;text-align: center;color: var(--gray-color);margin: 5px;flex: 1;min-width: 160px;position: relative;overflow: hidden;background: white;font-size: 1.1rem;border: 1px solid transparent;}#management-services .tab::before {content: '';position: absolute;top: 0;right: -100%;width: 100%;height: 100%;background: linear-gradient(135deg, var(--accent-color), var(--gold-dark));transition: var(--transition);z-index: -1;}#management-services .tab.active {color: var(--dark-color);transform: translateY(-2px);box-shadow: 0 8px 20px rgba(201, 154, 76, 0.3);background: linear-gradient(135deg, var(--accent-color), var(--gold-dark));font-weight: 700;border-color: rgba(201, 154, 76, 0.3);}#management-services .tab.active::before {right: 0;}#management-services .tab:hover:not(.active) {color: var(--accent-color);transform: translateY(-2px);box-shadow: 0 4px 15px rgba(201, 154, 76, 0.2);border-color: rgba(201, 154, 76, 0.2);}#management-services .services-container {display: none;}#management-services .services-container.active {display: block;}#management-services .services-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;margin-bottom: 40px;}.management-card {background: #0a0a0a;border-radius: var(--border-radius);padding: 35px 30px;box-shadow: var(--shadow);transition: var(--transition);border: 1px solid rgba(201, 154, 76, 0.2);position: relative;overflow: hidden;height: 100%;display: flex;flex-direction: column;border-left: 4px solid var(--accent-color);}.management-card::before {content: '';position: absolute;top: 0;right: 0;width: 100%;height: 100%;background: linear-gradient(135deg, rgba(201, 154, 76, 0.05) 0%, transparent 100%);opacity: 0;transition: var(--transition);z-index: 0;}.management-card:hover {transform: translateY(-8px);box-shadow: var(--shadow-lg);border-color: var(--accent-color);}.management-card:hover::before {opacity: 1;}.management-icon {width: 70px;height: 70px;background: linear-gradient(135deg, var(--dark-color), var(--secondary-color));border-radius: 16px;display: flex;align-items: center;justify-content: center;color: var(--accent-color);font-size: 28px;margin-bottom: 25px;transition: var(--transition);box-shadow: 0 4px 15px rgba(6, 6, 6, 0.3);border: 2px solid var(--accent-color);position: relative;z-index: 2;}.management-card:hover .management-icon {background: linear-gradient(135deg, var(--accent-color), var(--gold-dark));color: var(--dark-color);box-shadow: 0 6px 20px rgba(201, 154, 76, 0.4);}.management-card h3 {font-size: 1.3rem;margin-bottom: 15px;color: white;font-weight: 700;line-height: 1.4;position: relative;z-index: 2;}.management-card > p {color: #cccccc;margin-bottom: 20px;line-height: 1.6;font-size: 1.05rem;position: relative;z-index: 2;flex-grow: 0;}.management-features {list-style: none;margin-bottom: 30px;flex-grow: 1;position: relative;z-index: 2;}.management-features li {padding: 8px 0;color: #cccccc;position: relative;padding-right: 25px;font-size: 1rem;line-height: 1.6;border-bottom: 1px solid rgba(255, 255, 255, 0.05);transition: var(--transition);}.management-features li:last-child {border-bottom: none;}.management-features li::before {content: '•';position: absolute;right: 0;color: var(--accent-color);font-size: 1.2rem;transition: var(--transition);}.management-features li:hover {color: var(--gold-light);padding-right: 30px;}.management-card .card-btn {display: inline-flex;align-items: center;justify-content: center;gap: 8px;background: linear-gradient(135deg, var(--accent-color), var(--gold-dark));color: var(--dark-color);padding: 12px 24px;border-radius: 10px;text-decoration: none;font-weight: 600;transition: var(--transition);border: none;cursor: pointer;box-shadow: 0 4px 12px rgba(201, 154, 76, 0.3);position: relative;overflow: hidden;border: 1px solid rgba(201, 154, 76, 0.3);width: 100%;margin-top: auto;z-index: 2;}.management-card .card-btn::before {content: '';position: absolute;top: 0;right: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);transition: var(--transition);}.management-card .card-btn:hover {transform: translateY(-2px);box-shadow: 0 8px 20px rgba(201, 154, 76, 0.4);background: linear-gradient(135deg, var(--gold-dark), var(--accent-color));color: var(--white);}.management-card .card-btn:hover::before {right: 100%;}.management-card .btn-outline {background: transparent;border: 2px solid var(--accent-color);color: var(--accent-color);box-shadow: none;max-width: 250px;margin: 0 auto;}.management-card .btn-outline:hover {background: var(--accent-color);color: var(--dark-color);transform: translateY(-2px);box-shadow: 0 6px 15px rgba(201, 154, 76, 0.3);}#management-services .text-center {text-align: center;margin-top: 40px;position: relative;z-index: 2;}#management-services .mt-40 {margin-top: 40px;}.services-section .services-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;margin-bottom: 40px;}.service-card {background: #0a0a0a;border-radius: var(--border-radius);padding: 35px 30px;box-shadow: var(--shadow);transition: var(--transition);border: 1px solid rgba(201, 154, 76, 0.2);position: relative;overflow: hidden;border-left: 4px solid var(--accent-color);height: 100%;display: flex;flex-direction: column;}.service-card::before {content: '';position: absolute;top: 0;right: 0;width: 100%;height: 4px;background: linear-gradient(135deg, var(--accent-color), var(--gold-dark));}.service-card:hover {transform: translateY(-8px);box-shadow: var(--shadow-lg);border-color: var(--accent-color);}.service-icon {width: 70px;height: 70px;background: linear-gradient(135deg, var(--dark-color), var(--secondary-color));border-radius: 16px;display: flex;align-items: center;justify-content: center;color: var(--accent-color);font-size: 28px;margin-bottom: 25px;transition: var(--transition);box-shadow: 0 4px 15px rgba(6, 6, 6, 0.3);border: 2px solid var(--accent-color);}.service-card:hover .service-icon {background: linear-gradient(135deg, var(--accent-color), var(--gold-dark));color: var(--dark-color);box-shadow: 0 6px 20px rgba(201, 154, 76, 0.4);}.service-card h3 {font-size: 1.3rem;margin-bottom: 15px;color: white;font-weight: 700;}.service-features {list-style: none;margin-bottom: 30px;flex-grow: 1;}.service-features li {padding: 8px 0;color: #cccccc;position: relative;padding-right: 25px;font-size: 1rem;line-height: 1.6;border-bottom: 1px solid rgba(255, 255, 255, 0.05);}.service-features li:last-child {border-bottom: none;}.service-features li::before {content: '•';position: absolute;right: 0;color: var(--accent-color);font-size: 1.2rem;}.service-card .btn {display: inline-flex;align-items: center;justify-content: center;gap: 8px;background: linear-gradient(135deg, var(--accent-color), var(--gold-dark));color: var(--dark-color);padding: 12px 24px;border-radius: 10px;text-decoration: none;font-weight: 600;transition: var(--transition);border: none;cursor: pointer;box-shadow: 0 4px 12px rgba(201, 154, 76, 0.3);position: relative;overflow: hidden;border: 1px solid rgba(201, 154, 76, 0.3);width: 100%;margin-top: auto;}.service-card .btn::before {content: '';position: absolute;top: 0;right: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);transition: var(--transition);}.service-card .btn:hover {transform: translateY(-2px);box-shadow: 0 8px 20px rgba(201, 154, 76, 0.4);background: linear-gradient(135deg, var(--gold-dark), var(--accent-color));color: var(--white);}.service-card .btn:hover::before {right: 100%;}.btn-outline {background: transparent;border: 2px solid var(--accent-color);color: var(--accent-color);box-shadow: none;}.btn-outline:hover {background: var(--accent-color);color: var(--dark-color);}.portals-section {background: var(--white);padding: 80px 0;border-bottom: 1px solid var(--light-gray);position: relative;overflow: hidden;}.portals-section::before {content: '';position: absolute;top: 0;right: 0;width: 100%;height: 100%;background: linear-gradient(135deg, rgba(201, 154, 76, 0.03) 0%, transparent 50%);pointer-events: none;}.portals-header {text-align: center;margin-bottom: 60px;position: relative;z-index: 2;}.portals-header h2 {font-size: 2.5rem;color: var(--dark-color);margin-bottom: 15px;font-weight: 800;text-shadow: 0 2px 10px rgba(0,0,0,0.1);}.brand-name {color: var(--accent-color);position: relative;display: inline-block;}.brand-name::after {content: '';position: absolute;bottom: -5px;right: 0;width: 100%;height: 3px;background: linear-gradient(90deg, transparent, var(--accent-color), transparent);border-radius: 3px;}.portals-header p {font-size: 1.2rem;color: var(--gray-color);max-width: 850px;margin: 0 auto;line-height: 1.8;}.portals-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;max-width: 1100px;margin: 0 auto;position: relative;z-index: 2;}.portal-card {background: #0a0a0a;border-radius: var(--border-radius);padding: 40px 30px;text-align: center;box-shadow: var(--shadow);transition: var(--transition);border: 1px solid rgba(201, 154, 76, 0.2);position: relative;overflow: hidden;border-left: 4px solid var(--accent-color);display: flex;flex-direction: column;align-items: center;height: 100%;}.portal-card::before {content: '';position: absolute;top: 0;right: 0;width: 100%;height: 4px;background: linear-gradient(135deg, var(--accent-color), var(--gold-dark));}.portal-card:hover {transform: translateY(-8px);box-shadow: var(--shadow-lg);border-color: var(--accent-color);}.portal-icon {width: 80px;height: 80px;background: linear-gradient(135deg, var(--dark-color), var(--secondary-color));border-radius: 16px;display: flex;align-items: center;justify-content: center;color: var(--accent-color);font-size: 32px;margin: 0 auto 25px;transition: var(--transition);box-shadow: 0 4px 15px rgba(6, 6, 6, 0.3);border: 2px solid var(--accent-color);}.portal-card:hover .portal-icon {background: linear-gradient(135deg, var(--accent-color), var(--gold-dark));color: var(--dark-color);box-shadow: 0 6px 20px rgba(201, 154, 76, 0.4);}.portal-card h3 {font-size: 1.3rem;margin-bottom: 15px;color: var(--white);font-weight: 700;}.portal-card p {color: #cccccc;margin-bottom: 30px;line-height: 1.7;font-size: 1rem;flex-grow: 1;}.portal-btn {display: inline-flex;align-items: center;gap: 8px;background: linear-gradient(135deg, var(--accent-color), var(--gold-dark));color: var(--dark-color);padding: 12px 30px;border-radius: 10px;text-decoration: none;font-weight: 600;transition: var(--transition);border: none;cursor: pointer;margin: 0 auto;box-shadow: 0 4px 12px rgba(201, 154, 76, 0.3);position: relative;overflow: hidden;border: 1px solid rgba(201, 154, 76, 0.3);}.portal-btn::before {content: '';position: absolute;top: 0;right: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);transition: var(--transition);}.portal-btn:hover {transform: translateY(-2px);box-shadow: 0 8px 20px rgba(201, 154, 76, 0.4);background: linear-gradient(135deg, var(--gold-dark), var(--accent-color));color: var(--white);}.portal-btn:hover::before {right: 100%;}.hero {background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);color: white;padding: 140px 0 100px;position: relative;overflow: hidden;}.hero-content {text-align: center;position: relative;z-index: 2;}.hero-badge {display: inline-flex;align-items: center;gap: 8px;background: rgba(201, 154, 76, 0.15);backdrop-filter: blur(10px);padding: 12px 25px;border-radius: 50px;margin-bottom: 30px;border: 1px solid rgba(201, 154, 76, 0.2);font-weight: 600;color: var(--accent-color);}.hero h1 {font-size: 3rem;margin-bottom: 25px;font-weight: 800;line-height: 1.2;text-shadow: 0 2px 10px rgba(0,0,0,0.3);}.hero p {font-size: 1.3rem;max-width: 700px;margin: 0 auto 50px;opacity: 0.9;line-height: 1.6;color: #cccccc;}.hero-stats {display: grid;grid-template-columns: repeat(3, 1fr);gap: 25px;margin-top: 60px;max-width: 900px;margin-left: auto;margin-right: auto;}.hero-stat {background: rgba(255, 255, 255, 0.05);backdrop-filter: blur(20px);border-radius: var(--border-radius);padding: 35px 25px;text-align: center;border: 1px solid rgba(201, 154, 76, 0.2);transition: var(--transition);position: relative;overflow: hidden;}.hero-stat:hover {transform: translateY(-8px);background: rgba(201, 154, 76, 0.1);border-color: var(--accent-color);}.hero-stat-number {font-size: 3rem;font-weight: 800;margin-bottom: 10px;color: var(--accent-color);text-shadow: 0 2px 10px rgba(201, 154, 76, 0.3);}.hero-stat-label {font-size: 1.1rem;opacity: 0.9;font-weight: 600;color: #cccccc;}.services-section {padding: 100px 0;background: var(--white);position: relative;}.services-section::before {content: '';position: absolute;top: 0;right: 0;width: 100%;height: 100%;background: linear-gradient(135deg, rgba(201, 154, 76, 0.02) 0%, transparent 50%);pointer-events: none;}.section-header {text-align: center;margin-bottom: 60px;position: relative;z-index: 2;}.section-badge {display: inline-block;background: linear-gradient(135deg, var(--accent-color), var(--gold-dark));color: var(--dark-color);padding: 10px 25px;border-radius: 50px;font-weight: 700;margin-bottom: 20px;box-shadow: 0 4px 15px rgba(201, 154, 76, 0.3);}.section-title {font-size: 2.5rem;margin-bottom: 20px;font-weight: 800;color: var(--dark-color);text-shadow: 0 2px 10px rgba(0,0,0,0.1);}.services-tabs {display: flex;justify-content: center;margin-bottom: 50px;background: #f8f8f8;padding: 12px;border-radius: 20px;box-shadow: var(--shadow);flex-wrap: wrap;position: relative;z-index: 2;}.tab {padding: 16px 24px;cursor: pointer;font-weight: 600;transition: var(--transition);border-radius: 14px;text-align: center;color: var(--gray-color);margin: 5px;flex: 1;min-width: 140px;position: relative;overflow: hidden;background: white;}.tab.active {color: var(--dark-color);transform: translateY(-2px);box-shadow: 0 8px 20px rgba(201, 154, 76, 0.3);background: linear-gradient(135deg, var(--accent-color), var(--gold-dark));}.services-container {display: none;}.services-container.active {display: block;}.text-center {text-align: center;}.app-section {padding: 100px 0;background: var(--white);position: relative;overflow: hidden;}.app-content {display: grid;grid-template-columns: 1fr 1fr;gap: 60px;align-items: center;position: relative;z-index: 2;}.app-badge {display: inline-flex;align-items: center;gap: 10px;background: linear-gradient(135deg, var(--accent-color), var(--gold-dark));color: var(--dark-color);padding: 12px 25px;border-radius: 50px;font-weight: 700;margin-bottom: 25px;box-shadow: 0 4px 15px rgba(201, 154, 76, 0.3);}.app-text h2 {font-size: 2.2rem;margin-bottom: 20px;color: var(--dark-color);font-weight: 800;}.app-text > p {font-size: 1.1rem;color: var(--gray-color);margin-bottom: 35px;line-height: 1.7;}.app-features {display: flex;flex-direction: column;gap: 25px;margin-bottom: 40px;}.app-feature {display: flex;align-items: center;gap: 20px;padding: 20px;background: white;border-radius: 16px;box-shadow: var(--shadow);transition: var(--transition);border: 1px solid var(--light-gray);}.app-feature:hover {transform: translateX(-8px);box-shadow: var(--shadow-lg);border-color: var(--accent-color);}.app-feature i {color: var(--accent-color);font-size: 24px;width: 50px;height: 50px;background: rgba(201, 154, 76, 0.1);border-radius: 12px;display: flex;align-items: center;justify-content: center;}.app-feature h4 {font-size: 1.2rem;margin-bottom: 5px;color: var(--dark-color);}.app-feature p {color: var(--gray-color);font-size: 1rem;}.app-cta {background: white;padding: 30px;border-radius: 20px;box-shadow: var(--shadow);border: 1px solid var(--light-gray);}.app-cta p {margin-bottom: 15px;}.app-cta p strong {color: var(--dark-color);font-size: 1.1rem;}.app-stores {display: flex;gap: 15px;flex-wrap: wrap;margin-top: 20px;}.store-btn {display: flex;align-items: center;gap: 12px;padding: 15px 25px;border-radius: 12px;text-decoration: none;font-weight: 600;transition: var(--transition);flex: 1;min-width: 170px;justify-content: center;box-shadow: 0 4px 15px rgba(0,0,0,0.1);}.store-btn.google-play {background: var(--dark-color);color: white;border: 1px solid var(--dark-color);}.store-btn.app-store {background: var(--white);color: var(--dark-color);border: 2px solid var(--light-gray);}.store-btn:hover {transform: translateY(-5px);box-shadow: 0 12px 25px rgba(0,0,0,0.2);}.app-visual {display: flex;justify-content: center;align-items: center;}.phone-mockup {width: 320px;height: 640px;background: linear-gradient(135deg, #0a0a0a, #1a1a1a);border-radius: 45px;padding: 20px;box-shadow: 0 25px 50px rgba(0,0,0,0.4);position: relative;border: 3px solid var(--accent-color);}.phone-screen {width: 100%;height: 100%;background: #f8f8f8;border-radius: 35px;overflow: hidden;display: flex;flex-direction: column;position: relative;}.screen-header {background: linear-gradient(135deg, var(--accent-color), var(--gold-dark));color: var(--dark-color);padding: 25px 20px;text-align: center;}.screen-header h4 {font-size: 1.3rem;margin-bottom: 5px;display: flex;align-items: center;justify-content: center;gap: 10px;}.screen-content {padding: 25px;flex: 1;display: flex;flex-direction: column;gap: 20px;}.case-item {background: white;padding: 18px;border-radius: 12px;box-shadow: 0 2px 10px rgba(0,0,0,0.1);border: 1px solid var(--light-gray);}.case-item h5 {color: var(--gray-color);font-size: 0.9rem;margin-bottom: 5px;}.case-item p {color: var(--dark-color);font-weight: 600;font-size: 1rem;}.main-footer {background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);color: white;padding: 80px 0 0;position: relative;}.footer-top {display: grid;grid-template-columns: 1fr 1fr;gap: 50px;padding: 0 0 50px;border-bottom: 1px solid rgba(201, 154, 76, 0.2);}.footer-main {padding: 80px 0 50px;}.footer-grid {display: grid;grid-template-columns: 2fr 1fr 1fr 1fr;gap: 50px;}.footer-section {margin-bottom: 40px;}.footer-section h4 {color: var(--accent-color);margin-bottom: 30px;font-weight: 700;font-size: 1.3rem;position: relative;padding-bottom: 15px;}.footer-section h4::after {content: '';position: absolute;bottom: 0;right: 0;width: 60px;height: 3px;background: var(--accent-color);border-radius: 3px;}.footer-logo {display: flex;align-items: center;gap: 20px;margin-bottom: 25px;}.footer-logo i {font-size: 2.5rem;color: var(--accent-color);}.footer-logo-text h4 {font-size: 1.4rem;margin-bottom: 8px;color: var(--accent-color);}.footer-logo-text p {color: rgba(255, 255, 255, 0.7);font-size: 1rem;}.footer-description {color: rgba(255, 255, 255, 0.8);line-height: 1.8;margin-bottom: 30px;font-size: 1.05rem;}.social-links {display: flex;gap: 12px;}.social-link {width: 47px;height: 47px;background: rgba(201, 154, 76, 0.1);border-radius: 14px;display: flex;align-items: center;justify-content: center;color: var(--accent-color);text-decoration: none;transition: var(--transition);font-size: 1.2rem;position: relative;overflow: hidden;border: 1px solid rgba(201, 154, 76, 0.2);}.social-link:hover {background: var(--accent-color);color: var(--dark-color);transform: translateY(-5px);box-shadow: 0 10px 25px rgba(201, 154, 76, 0.4);}.footer-links {list-style: none;}.footer-links li {margin-bottom: 15px;}.footer-links a {color: rgba(255, 255, 255, 0.8);text-decoration: none;transition: var(--transition);display: flex;align-items: center;gap: 12px;padding: 10px 0;border-radius: 8px;font-size: 1.05rem;}.footer-links a:hover {color: var(--accent-color);transform: translateX(-8px);background: rgba(201, 154, 76, 0.05);padding-right: 12px;}.footer-links a i {width: 20px;text-align: center;color: var(--accent-color);font-size: 1.1rem;}.footer-app {background: rgba(201, 154, 76, 0.05);padding: 30px;border-radius: 20px;text-align: center;border: 1px solid rgba(201, 154, 76, 0.2);}.footer-app h4 {color: var(--accent-color);margin-bottom: 20px;font-size: 1.2rem;}.footer-app .app-stores {display: flex;flex-direction: column;gap: 15px;}.footer-app .store-btn {background: rgba(201, 154, 76, 0.1);color: var(--accent-color);border: 1px solid rgba(201, 154, 76, 0.2);padding: 15px 20px;border-radius: 12px;transition: var(--transition);font-size: 1rem;}.footer-app .store-btn:hover {background: var(--accent-color);color: var(--dark-color);transform: translateY(-3px);box-shadow: 0 10px 25px rgba(201, 154, 76, 0.4);}.footer-bottom {padding: 35px 0;border-top: 1px solid rgba(201, 154, 76, 0.2);text-align: center;background: rgba(0, 0, 0, 0.2);}.footer-bottom-content {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 25px;}.footer-copyright {display: flex;align-items: center;gap: 15px;color: rgba(255, 255, 255, 0.8);font-size: 1.05rem;}.footer-copyright i {color: var(--accent-color);font-size: 1.3rem;}.footer-legal {display: flex;gap: 30px;flex-wrap: wrap;}.footer-legal a {color: rgba(255, 255, 255, 0.7);text-decoration: none;transition: var(--transition);font-size: 1rem;white-space: nowrap;}.footer-legal a:hover {color: var(--accent-color);}@media (max-width: 1024px) {.nav-links a {padding: 12px 18px;font-size: 0.95rem;}.nav-links {gap: 3px;}.management-card,
.service-card,
.portal-card {padding: 25px 20px;}.management-icon,
.service-icon {width: 60px;height: 60px;font-size: 24px;}#management-services .section-title {font-size: 2.2rem;white-space: nowrap;}}@media (max-width: 768px) {.mobile-menu-btn {display: none;}.nav-links {display: none;}.top-bar {display: none;}.logo-main {font-size: 24px;}.logo-sub {font-size: 11px;}.ltec-app-icon {width: 50px;height: 50px;}#management-services {padding: 60px 0;}#management-services .section-title {font-size: 1.8rem;white-space: normal;}#management-services .services-grid,
.services-section .services-grid,
.portals-grid,
.hero-stats {grid-template-columns: repeat(2, 1fr);gap: 25px;}.management-card {padding: 30px 20px;}#management-services .services-tabs {flex-direction: column;gap: 10px;padding: 15px;}#management-services .tab {margin: 0;min-width: 100%;}.portals-section {padding: 60px 0;}.portals-header h2 {font-size: 2rem;}.portal-card {padding: 30px 20px;}.hero h1 {font-size: 2.2rem;}.hero p {font-size: 1.1rem;}.services-tabs {flex-direction: column;}.tab {margin: 3px 0;}.app-content {grid-template-columns: 1fr;gap: 40px;}.phone-mockup {width: 280px;height: 560px;}.footer-top {grid-template-columns: 1fr;gap: 40px;}.footer-grid {grid-template-columns: 1fr;gap: 40px;}.app-stores {flex-direction: column;}.store-btn {min-width: auto;}.footer-bottom-content {flex-direction: column;text-align: center;gap: 20px;}.footer-legal {justify-content: center;flex-wrap: nowrap;overflow-x: auto;padding-bottom: 10px;}.footer-legal a {white-space: nowrap;}.mobile-nav {position: fixed;top: auto;bottom: 0;right: 0;width: 100%;height: 50px;background: #ffffff;backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);z-index: 2000;transition: none;overflow-y: hidden;overflow-x: hidden;padding: 0;box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.1);border-top: 1px solid #e0e0e0;}.mobile-nav {right: 0 !important;}.mobile-nav::before {display: none;}.mobile-nav-content {padding: 0;height: 100%;display: flex;flex-direction: row;justify-content: space-around;align-items: center;width: 100%;}.mobile-logo,
.mobile-social,
.close-menu,
.mobile-whatsapp {display: none !important;}.mobile-nav-links {list-style: none;display: flex;flex-direction: row;gap: 0;flex: none;margin: 0;width: 100%;justify-content: space-around;}.mobile-nav-links li {flex: 1;}.mobile-nav-links a {display: flex;flex-direction: column;align-items: center;gap: 2px;padding: 8px 0;background: transparent;border-radius: 0;text-decoration: none;color: #666666;font-weight: 500;font-size: 0.65rem;transition: var(--transition);border: none;width: auto;position: relative;overflow: hidden;}.mobile-nav-links a::before {display: none;}.mobile-nav-links a:hover,
.mobile-nav-links a:focus {color: var(--accent-color);}.mobile-nav-links a i {font-size: 1.4rem;color: #666666;min-width: auto;text-align: center;}.mobile-nav-links a:hover i,
.mobile-nav-links a:focus i {color: var(--accent-color);}.mobile-nav-links a span {flex: none;font-size: 0.65rem;font-weight: 500;display: none;}body {padding-bottom: 50px;}}@media (max-width: 480px) {.container {width: 95%;padding: 0 15px;}.hero {padding: 100px 0 60px;}.hero-stat {padding: 25px 15px;}.hero-stat-number {font-size: 2.2rem;}.service-card {padding: 25px 20px;}.section-title {font-size: 2rem;}#management-services .section-title {font-size: 1.6rem;white-space: normal;}#management-services .section-badge {font-size: 1rem;padding: 8px 20px;}#management-services .services-grid,
.services-section .services-grid,
.portals-grid,
.hero-stats {grid-template-columns: 1fr;gap: 20px;}@media (max-width: 768px) {#management-services .services-grid p,
.services-section .services-grid p,
.portals-grid p,
.hero-stats p {display: none;}}.management-card {padding: 25px 15px;}.management-icon {width: 60px;height: 60px;font-size: 24px;margin-bottom: 20px;}.management-card h3 {font-size: 1.2rem;}.management-features li {font-size: 0.95rem;}.management-card .card-btn {padding: 10px 20px;font-size: 0.9rem;}.portals-header h2 {font-size: 1.8rem;}.portal-card {padding: 25px 15px;}.portal-icon {width: 70px;height: 70px;font-size: 28px;}.mobile-nav-content {padding: 90px 20px 30px;}.mobile-nav-links a {padding: 20px;font-size: 1.1rem;}.mobile-nav-links a i {font-size: 1.3rem;}.close-menu {top: 20px;left: 20px;width: 50px;height: 50px;}.mobile-logo {margin-bottom: 30px;}.mobile-logo-icon {width: 55px;height: 55px;}.mobile-logo-text h3 {font-size: 1.3rem;}.footer-legal {flex-wrap: wrap;justify-content: center;gap: 15px;}.footer-legal a {font-size: 0.9rem;white-space: nowrap;}.mobile-nav {height: 45px;}.mobile-nav-links a {padding: 6px 0;}.mobile-nav-links a i {font-size: 1.3rem;}body {padding-bottom: 45px;}}.management-card,
.service-card,
.portal-card {display: flex;flex-direction: column;}.management-card > p,
.service-card > p,
.portal-card > p {flex-grow: 0;}.management-features,
.service-features {flex-grow: 1;}.management-card .card-btn,
.service-card .btn,
.portal-btn {margin-top: auto;}@media (min-width: 1200px) {#management-services .services-grid {gap: 40px;}.management-card {padding: 40px 35px;}.management-icon {width: 80px;height: 80px;font-size: 32px;}#management-services .section-title {white-space: nowrap;}}@media (max-width: 768px) {.mobile-nav-links a span {display: none;}.mobile-nav-links a {justify-content: center;padding: 18px;}.mobile-nav-links a i {font-size: 1.4rem;}}@media (max-width: 768px) {.mobile-nav-links a,
.mobile-nav-links a i {transition: color 0.2s ease;transform: none !important;}.mobile-nav-links a i {color: #777;}.mobile-nav-links a:hover i,
.mobile-nav-links a.active i {color: var(--accent-color);}.mobile-nav-links a:active {transform: none;}.mobile-nav-links a.active::after {display: none;}}