:root{--primary-blue: #1e76a3;--primary-orange: #eba233;--secondary-blue: #2c5aa0;--accent-purple: #8b5cf6;--text-dark: #2d3748;--text-light: #718096;--bg-light: #f7fafc;--bg-white: #ffffff;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--border-radius: 12px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Tajawal,Poppins,sans-serif;line-height:1.6;color:var(--text-dark);overflow-x:hidden}html{scroll-behavior:smooth}.navbar{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.2);transition:var(--transition);padding:1rem 0}.navbar.scrolled{background:#fffffffa;box-shadow:var(--shadow-md)}.navbar-brand img{height:45px;transition:var(--transition)}.navbar-nav .nav-link{color:var(--text-dark);font-weight:500;padding:.75rem 1.25rem;border-radius:var(--border-radius);transition:var(--transition);position:relative}.navbar-nav .nav-link:hover{color:var(--primary-blue);background:#1e76a31a}.navbar-nav .nav-link:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--primary-orange);transition:var(--transition);transform:translate(-50%)}.navbar-nav .nav-link:hover:after{width:80%}.language-toggle{background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));color:#fff;border:none;padding:.5rem 1.25rem;border-radius:25px;font-weight:500;transition:var(--transition)}.language-toggle:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);color:#fff}.hero-section{min-height:100vh;height:100vh;background:linear-gradient(135deg,#f4f7fc 0%,#e8f0f7 100%);color:#2d3748;overflow:hidden}.hero-section .container-fluid,.hero-section .row{height:100%}.hero-main-content,.hero-fallback-offers{padding:3rem;position:relative;min-height:50vh}.hero-fallback-offers{background:#ffffff80;border:1px solid #ffffffcc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media (min-width: 992px){.hero-fallback-offers:before{content:"";position:absolute;top:15%;bottom:15%;left:0;width:1px;background-image:linear-gradient(to bottom,transparent,rgba(45,55,72,.2),transparent);opacity:.7}}.hero-title{font-size:clamp(2.5rem,3vw,2rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(1.1rem,2vw,1.4rem);opacity:.9;line-height:1.6;margin-bottom:2rem;color:#4a5568}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}.hero-buttons .btn{padding:1rem 2rem;border-radius:50px;font-weight:600;font-size:1.1rem;transition:var(--transition);border:none;position:relative;overflow:hidden}.hero-buttons .btn-primary{background:linear-gradient(135deg,var(--primary-orange),#d4941e);color:#fff;box-shadow:0 8px 20px rgba(235,162,51,.3)}.hero-buttons .btn-outline-light{background:#fff;border:2px solid #e2e8f0;color:var(--primary-blue);box-shadow:0 4px 10px rgba(0,0,0,.05)}.hero-buttons .btn:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(0,0,0,.1)}.hero-buttons .btn-primary:hover{box-shadow:0 12px 25px rgba(235,162,51,.4)}.hero-buttons .btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transition:left .5s}.hero-buttons .btn:hover:before{left:100%}.dark-mode .hero-section{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--secondary-blue) 50%,var(--accent-purple) 100%);color:#fff}.dark-mode .hero-fallback-offers{background:#ffffff0d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:none}@media (min-width: 992px){.dark-mode .hero-fallback-offers:before{background-image:linear-gradient(to bottom,transparent,rgba(255,255,255,.3),transparent)}}.dark-mode .hero-title{background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark-mode .hero-subtitle{color:#e2e8f0;opacity:.9}.dark-mode .hero-buttons .btn-primary{box-shadow:none}.dark-mode .hero-buttons .btn-outline-light{background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:none}.dark-mode .hero-buttons .btn:hover{transform:translateY(-3px);box-shadow:0 15px 35px #0003}.dark-mode .hero-buttons .btn:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}..swiper-button-next,.swiper-button-prev{--swiper-navigation-color:#1e40af}.dark-mode .swiper-button-next,.dark-mode .swiper-button-prev{--swiper-navigation-color:#fff}.showcase-container{position:relative;height:450px;background:#ffffff1a;border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);overflow:hidden}.showcase-3d{width:100%;height:100%;border-radius:20px}.showcase-controls{position:absolute;top:20px;right:20px;display:flex;gap:10px;z-index:10}.control-btn{width:45px;height:45px;background:#fff3;border:none;border-radius:50%;color:#fff;font-size:1.2rem;cursor:pointer;transition:var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.control-btn:hover{background:#ffffff4d;transform:scale(1.1)}.showcase-info{position:absolute;bottom:20px;left:20px;right:20px;background:#000000b3;padding:1.5rem;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.showcase-info h4{color:#fff;margin-bottom:.5rem;font-size:1.3rem}.showcase-info p{color:#fffc;margin:0;font-size:.95rem}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);z-index:2}.scroll-arrow{width:30px;height:50px;border:2px solid rgba(255,255,255,.6);border-radius:25px;position:relative}.scroll-arrow:before{content:"";position:absolute;top:10px;left:50%;width:6px;height:6px;background:#fffc;border-radius:50%;transform:translate(-50%);animation:scroll 2s infinite}@keyframes scroll{0%{top:10px;opacity:1}to{top:30px;opacity:0}}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--text-dark);margin-bottom:1rem;position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(135deg,var(--primary-orange),var(--primary-blue));border-radius:2px}.section-subtitle{font-size:clamp(1rem,2vw,1.2rem);color:var(--text-light);max-width:600px;margin:0 auto 3rem;line-height:1.6}.services-section{padding:5rem 0;background:var(--bg-light)}.service-card{background:var(--bg-white);padding:2.5rem 2rem;border-radius:20px;box-shadow:var(--shadow-md);transition:var(--transition);height:100%;border:1px solid rgba(30,118,163,.1);position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(135deg,var(--primary-orange),var(--primary-blue));transform:scaleX(0);transition:var(--transition)}.service-card:hover:before{transform:scaleX(1)}.service-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-xl)}.service-icon{font-size:3.5rem;color:var(--primary-blue);margin-bottom:1.5rem;transition:var(--transition)}.service-card:hover .service-icon{color:var(--primary-orange);transform:scale(1.1)}.service-card h4{color:var(--secondary-blue);font-weight:600;margin-bottom:1rem;font-size:1.4rem}.service-card p{color:var(--text-light);line-height:1.6;margin:0}.dark-mode .services-section{background:#121826}.dark-mode .service-card{background:#1A202C;border-color:rgba(255,255,255,.1);box-shadow:0 10px 25px rgba(0,0,0,.3)}.dark-mode .service-card:hover{box-shadow:0 20px 40px rgba(0,0,0,.5)}.dark-mode .service-icon{color:#4A90E2}.dark-mode .service-card:hover .service-icon{color:var(--primary-orange)}.dark-mode .service-card h4{color:#E2E8F0}.dark-mode .service-card p{color:#A0AEC0}.story-section{background:linear-gradient(135deg,var(--text-dark) 0%,#1a202c 100%);padding:5rem 0;position:relative;overflow:hidden}.story-container{background:#ffffff0d;border-radius:20px;padding:3rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.story-progress{width:100%;height:4px;background:#fff3;border-radius:2px;margin-bottom:2rem;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(135deg,var(--primary-orange),var(--primary-blue));border-radius:2px;transition:width .5s ease;width:0%}.story-content{min-height:200px;display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.story-loading{text-align:center;color:#ffffffb3}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid var(--primary-orange);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.story-navigation{display:flex;align-items:center;justify-content:center;gap:2rem}.story-nav-btn{width:50px;height:50px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;font-size:1.2rem;cursor:pointer;transition:var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.story-nav-btn:hover:not(:disabled){background:#fff3;transform:scale(1.1)}.story-nav-btn:disabled{opacity:.5;cursor:not-allowed}.chapter-indicators{display:flex;gap:.5rem}.chapter-indicator{width:12px;height:12px;border-radius:50%;background:#ffffff4d;cursor:pointer;transition:var(--transition)}.chapter-indicator.active{background:var(--primary-orange);transform:scale(1.2)}.portfolio-section{padding:5rem 0;background:var(--bg-white)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.portfolio-item{background:var(--bg-white);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-md);transition:var(--transition);position:relative}.portfolio-item:hover{transform:translateY(-10px);box-shadow:var(--shadow-xl)}.portfolio-image{width:100%;height:250px;object-fit:cover;transition:var(--transition)}.portfolio-item:hover .portfolio-image{transform:scale(1.05)}.portfolio-content{padding:2rem}.portfolio-title{font-size:1.3rem;font-weight:600;color:var(--text-dark);margin-bottom:.5rem}.portfolio-description{color:var(--text-light);line-height:1.6;margin-bottom:1.5rem}.portfolio-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.portfolio-tag{background:#1e76a31a;color:var(--primary-blue);padding:.25rem .75rem;border-radius:15px;font-size:.85rem;font-weight:500}.portfolio-links{display:flex;gap:1rem}.portfolio-link{padding:.5rem 1.25rem;border-radius:25px;text-decoration:none;font-weight:500;transition:var(--transition);font-size:.9rem}.portfolio-link.primary{background:var(--primary-blue);color:#fff}.portfolio-link.secondary{background:#1e76a31a;color:var(--primary-blue)}.portfolio-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.contact-section{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--secondary-blue) 100%);padding:5rem 0;color:#fff}.contact-form-container{background:#ffffff1a;padding:3rem;border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}.form-floating{margin-bottom:1.5rem}.form-control{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:var(--border-radius);color:#fff;transition:var(--transition)}.form-control:focus{background:#ffffff26;border-color:var(--primary-orange);box-shadow:0 0 0 .2rem #eba23340;color:#fff}.form-control::placeholder{color:#ffffffb3}.form-floating label{color:#fffc}.ai-assistant{position:fixed;bottom:30px;right:30px;z-index:1000}.ai-toggle{width:70px;height:70px;background:linear-gradient(135deg,var(--primary-orange),#d4941e);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-lg);position:relative}.ai-toggle:hover{transform:scale(1.1);box-shadow:var(--shadow-xl)}.ai-pulse{position:absolute;width:100%;height:100%;border-radius:50%;background:var(--primary-orange);opacity:.3;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:.3}50%{transform:scale(1.2);opacity:.1}to{transform:scale(1.4);opacity:0}}.ai-avatar{width:45px;height:45px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.ai-face{position:relative}.ai-eyes{display:flex;gap:8px;margin-bottom:4px}.ai-eye{width:6px;height:6px;background:var(--primary-blue);border-radius:50%;animation:blink 3s infinite}@keyframes blink{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}.ai-mouth{width:12px;height:6px;border:2px solid var(--primary-blue);border-top:none;border-radius:0 0 12px 12px}.ai-chat{position:absolute;bottom:80px;right:0;width:350px;max-height:500px;background:#fff;border-radius:20px;box-shadow:var(--shadow-xl);display:none;flex-direction:column;overflow:hidden}.ai-chat.active{display:flex}.ai-header{background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));color:#fff;padding:1.5rem;display:flex;justify-content:space-between;align-items:center}.ai-info h6{margin:0;font-weight:600}.ai-info small{opacity:.8}.ai-close{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:var(--transition)}.ai-close:hover{background:#fff3}.ai-messages{flex:1;padding:1.5rem;max-height:300px;overflow-y:auto}.ai-message{margin-bottom:1rem;display:flex;align-items:flex-start;gap:.75rem}.ai-message-bot{flex-direction:row}.ai-message-user{flex-direction:row-reverse}.ai-message-content{background:var(--bg-light);padding:.75rem 1rem;border-radius:15px;max-width:80%;font-size:.9rem;line-height:1.4}.ai-message-user .ai-message-content{background:var(--primary-blue);color:#fff}.ai-quick-actions{padding:1rem 1.5rem;border-top:1px solid var(--bg-light);display:flex;flex-wrap:wrap;gap:.5rem}.quick-action{background:#1e76a31a;color:var(--primary-blue);border:none;padding:.5rem 1rem;border-radius:15px;font-size:.85rem;cursor:pointer;transition:var(--transition)}.quick-action:hover{background:var(--primary-blue);color:#fff}.ai-input{padding:1.5rem;border-top:1px solid var(--bg-light);display:flex;gap:.75rem}.ai-input input{flex:1;border:1px solid var(--bg-light);border-radius:25px;padding:.75rem 1rem;font-size:.9rem;outline:none;transition:var(--transition)}.ai-input input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 .2rem #1e76a340}.ai-input button{background:var(--primary-blue);color:#fff;border:none;border-radius:50%;width:45px;height:45px;cursor:pointer;transition:var(--transition)}.ai-input button:hover{background:var(--secondary-blue);transform:scale(1.05)}.whatsapp-float{position:fixed;bottom:30px;left:30px;z-index:999}.whatsapp-btn{width:60px;height:60px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.8rem;text-decoration:none;transition:var(--transition);box-shadow:var(--shadow-lg);position:relative}.whatsapp-btn:hover{transform:scale(1.1);color:#fff;box-shadow:var(--shadow-xl)}.whatsapp-pulse{position:absolute;width:100%;height:100%;border-radius:50%;background:#25d366;opacity:.3;animation:pulse 2s infinite}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-buttons{justify-content:center}.hero-buttons .btn{padding:.875rem 1.75rem;font-size:1rem}.showcase-container{height:300px}.service-card,.story-container,.contact-form-container{padding:2rem 1.5rem}.ai-chat{width:300px;max-height:400px}.ai-assistant{bottom:20px;right:20px}.whatsapp-float{bottom:20px;left:20px}.whatsapp-btn{width:55px;height:55px;font-size:1.6rem}}@media (max-width: 576px){.hero-buttons{flex-direction:column;align-items:center}.hero-buttons .btn{width:100%;max-width:280px}.showcase-container{height:250px}.ai-chat{width:calc(100vw - 40px);right:-10px}}.fade-in{opacity:0;transform:translateY(30px);transition:all .6s ease}.fade-in.animate{opacity:1;transform:translateY(0)}.slide-in-left{opacity:0;transform:translate(-50px);transition:all .6s ease}.slide-in-left.animate{opacity:1;transform:translate(0)}.slide-in-right{opacity:0;transform:translate(50px);transition:all .6s ease}.slide-in-right.animate{opacity:1;transform:translate(0)}.scale-in{opacity:0;transform:scale(.8);transition:all .6s ease}.scale-in.animate{opacity:1;transform:scale(1)}#story-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-light)}::-webkit-scrollbar-thumb{background:var(--primary-blue);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--secondary-blue)}@media print{.navbar,.ai-assistant,.whatsapp-float,.scroll-indicator{display:none!important}.hero-section{background:#fff!important;color:#000!important}*{box-shadow:none!important}}