/*  * MVK REFORMS - Complete Design System  * Version:1.0  * Mobile-First Responsive  */  /* ========================================  CRITICAL:BILINGUAL VISIBILITY RULES  (Must be at the very top to override everything) ======================================== */ html[lang="en"] .lang-es,html[lang="en"] .lang-es *{display:none !important}html[lang="es"] .lang-en,html[lang="es"] .lang-en *{display:none !important}html:not([lang="en"]) .lang-en{display:none !important}/* ========================================  CSS VARIABLES (Design Tokens) ======================================== */:root{--bg-primary:#0a0a0a;--bg-secondary:#141414;--bg-card:#1a1a1a;--gold:#c9a227;--gold-light:#e8c547;--gold-dark:#a68419;--gold-glow:rgba(201,162,39,0.5);--neon-gold:0 0 5px #c9a227,0 0 10px #c9a227,0 0 20px #c9a227,0 0 40px #c9a227;--white:#ffffff;--grey-100:#f5f5f5;--grey-200:#e0e0e0;--grey-300:#bdbdbd;--grey-400:#666666;--grey-500:#444444;--text-primary:#ffffff;--text-secondary:#dddddd;--text-muted:#aaaaaa;--success:#4caf50;--error:#f44336;--whatsapp:#25D366;--gradient-gold:linear-gradient(135deg,#c9a227 0%,#f4d03f 50%,#c9a227 100%);--gradient-dark:linear-gradient(180deg,rgba(10,10,10,0) 0%,rgba(10,10,10,1) 100%);--gradient-overlay:linear-gradient(90deg,rgba(10,10,10,0.95) 0%,rgba(10,10,10,0.7) 50%,rgba(10,10,10,0.4) 100%);--font-display:'Playfair Display',serif;--font-body:'Poppins',sans-serif;--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:2rem;--font-size-4xl:2.5rem;--font-size-5xl:3rem;--font-size-6xl:4rem;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--space-5xl:8rem;--container-max:1400px;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:16px;--border-radius-full:9999px;--transition-fast:0.2s ease;--transition-base:0.3s ease;--transition-slow:0.5s ease;--transition-smooth:0.6s cubic-bezier(0.16,1,0.3,1);--shadow-sm:0 2px 4px rgba(0,0,0,0.1);--shadow-md:0 4px 12px rgba(0,0,0,0.15);--shadow-lg:0 10px 30px rgba(0,0,0,0.2);--shadow-xl:0 20px 50px rgba(0,0,0,0.3);--shadow-gold:0 10px 40px rgba(201,162,39,0.3)}/* ========================================  LIGHT THEME VARIABLES ======================================== */ [data-theme="light"]{--bg-primary:#fafafa;--bg-secondary:#f0f0f0;--bg-card:#ffffff;--gold:#b8941f;--gold-light:#d4b02c;--gold-dark:#8a6f17;--gold-glow:rgba(184,148,31,0.4);--neon-gold:0 0 3px #b8941f,0 0 6px #b8941f,0 0 12px #b8941f;--text-primary:#1a1a1a;--text-secondary:#444444;--text-muted:#666666;--gradient-gold:linear-gradient(135deg,#b8941f 0%,#d4b02c 50%,#b8941f 100%);--gradient-dark:linear-gradient(180deg,rgba(250,250,250,0) 0%,rgba(250,250,250,1) 100%);--gradient-overlay:linear-gradient(90deg,rgba(250,250,250,0.65) 0%,rgba(250,250,250,0.4) 50%,rgba(250,250,250,0.1) 100%);--shadow-sm:0 2px 4px rgba(0,0,0,0.05);--shadow-md:0 4px 12px rgba(0,0,0,0.08);--shadow-lg:0 10px 30px rgba(0,0,0,0.1);--shadow-xl:0 20px 50px rgba(0,0,0,0.15);--shadow-gold:0 10px 40px rgba(184,148,31,0.25)}body{transition:background-color 0.4s ease,color 0.4s ease}[data-theme="light"] .header{background:rgba(250,250,250,0.9);border-bottom:1px solid rgba(0,0,0,0.05)}[data-theme="light"] .header.scrolled{background:rgba(250,250,250,0.98)}[data-theme="light"] .logo{color:#1a1a1a}[data-theme="light"] .hamburger span{background:#1a1a1a}[data-theme="light"] .nav-menu{background:#f5f5f5}[data-theme="light"] .service-card,[data-theme="light"] .test-card,[data-theme="light"] .glass-card{background:rgba(255,255,255,0.8);border:1px solid rgba(0,0,0,0.15);box-shadow:var(--shadow-md)}[data-theme="light"] .glass-card{backdrop-filter:blur(20px);background:rgba(255,255,255,0.98);border:1px solid rgba(0,0,0,0.1);box-shadow:0 8px 32px rgba(0,0,0,0.08)}[data-theme="light"] .footer{background:#1a1a1a;color:#ffffff}[data-theme="light"] .trust-bar{background:#f0f0f0;border-bottom:1px solid rgba(0,0,0,0.05)}[data-theme="light"] .particle{background:var(--gold);box-shadow:0 0 8px var(--gold),0 0 15px rgba(184,148,31,0.5)}[data-theme="light"] .faq-item{background:#ffffff;border:1px solid rgba(0,0,0,0.08)}/* ========================================  RESET & BASE ======================================== */ *,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);font-size:var(--font-size-base);line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit;transition:var(--transition-base)}ul,ol{list-style:none}img,video{max-width:100%;height:auto;display:block}button,input,textarea,select{font-family:inherit;font-size:inherit;border:none;outline:none;background:none}button{cursor:pointer}/* ========================================  UTILITY CLASSES ======================================== */ .container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-lg)}.section{padding:var(--space-4xl) 0;position:relative;overflow:hidden}@media (min-width:768px){.section{padding:var(--space-5xl) 0}}.text-gold{color:var(--gold)}.text-white{color:var(--white)}.text-muted{color:var(--text-muted)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.grid{display:grid}.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:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}/* ========================================  TYPOGRAPHY ======================================== */ h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2}h1{font-size:clamp(2rem,8vw,var(--font-size-6xl))}h2{font-size:clamp(1.75rem,5vw,var(--font-size-4xl));line-height:1.1}@media (max-width:768px){h1{font-size:2.25rem !important}h2{font-size:1.85rem !important}h3{font-size:1.5rem !important}}h3{font-size:clamp(1.25rem,3vw,var(--font-size-2xl))}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}.highlight{background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.eyebrow{display:inline-flex;align-items:center;gap:var(--space-md);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:3px;color:var(--gold)}.eyebrow::before,.eyebrow::after{content:'';width:30px;height:1px;background:var(--gold)}/* ========================================  BUTTONS ======================================== */ .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:1.5px;border-radius:var(--border-radius-sm);transition:var(--transition-base);cursor:pointer;border:none}.btn-primary{background:var(--gradient-gold);color:var(--bg-primary)}.btn-primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-gold)}.btn-outline{background:transparent;border:1px solid var(--gold);color:var(--gold)}.btn-outline:hover{background:var(--gold);color:var(--bg-primary)}.btn-white{background:var(--white);color:var(--bg-primary)}.btn-white:hover{background:var(--grey-100);transform:translateY(-2px)}.btn-lg{padding:var(--space-lg) var(--space-2xl);font-size:var(--font-size-base)}.btn-sm{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-xs)}/* ========================================  HEADER & NAVIGATION ======================================== */ .header{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:0;background:rgba(10,10,10,0.95);backdrop-filter:blur(10px);transition:var(--transition-base);height:90px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,0.05)}.nav-container{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.header.scrolled{padding:0;background:rgba(10,10,10,0.98);box-shadow:var(--shadow-lg);height:90px}.nav{display:flex;align-items:center;justify-content:space-between;height:100%}.logo{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:700;color:var(--white);display:flex;align-items:center;height:100%}.logo-container-gold{display:flex;align-items:center;justify-content:center;height:100%;overflow:visible;position:relative;background:radial-gradient(circle,rgba(201,162,39,0.15) 0%,transparent 60%)}.logo-gold-enhanced{height:135px;width:auto;object-fit:contain;margin-top:10px;mix-blend-mode:screen;/*  Filter Chain for Pure Gold & Transparency:1. High Contrast B&W (removes dark background)  2. Sepia/Saturate (restores gold color)  */  filter:grayscale(100%) brightness(0.6) contrast(4.0) sepia(100%) saturate(500%) hue-rotate(5deg) brightness(1.2);transition:all 0.3s ease}.logo-gold-enhanced:hover{filter:grayscale(100%) brightness(0.8) contrast(4.0) sepia(100%) saturate(700%) hue-rotate(5deg) brightness(1.5);transform:scale(1.05)}.header.scrolled .logo-gold-enhanced{height:100px;margin-top:5px}.logo span{color:var(--gold)}.logo-premium{height:70px;width:auto;aspect-ratio:200 / 70;object-fit:contain;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);transform-origin:center top;filter:drop-shadow(0 6px 8px rgba(0,0,0,0.6))   brightness(1.05) contrast(1.1)}.logo-premium:hover{transform:scale(1.1) translateY(5px);filter:drop-shadow(0 15px 25px rgba(0,0,0,0.7)) brightness(1.2) contrast(1.2)}.header.scrolled .logo-premium{height:130px;margin-top:10px}@media (max-width:768px){.logo-premium{height:120px;margin-top:20px}.header.scrolled .logo-premium{height:90px;margin-top:5px}}@media (max-width:480px){.logo-premium{height:100px;margin-top:15px}}.hamburger{display:flex;flex-direction:column;gap:5px;cursor:pointer;z-index:1001;padding:var(--space-sm)}.hamburger span{width:25px;height:2px;background:var(--white);transition:var(--transition-base)}.hamburger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0;transform:translateX(10px)}.hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-menu{position:fixed;top:0;right:-100%;width:80%;max-width:320px;height:100vh;background:var(--bg-secondary);padding:100px var(--space-xl) var(--space-xl);display:flex;flex-direction:column;gap:0;transition:var(--transition-smooth);overflow-y:auto;box-shadow:-10px 0 30px rgba(0,0,0,0.5);z-index:1000}.nav-menu.active{right:0}body::after{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);backdrop-filter:blur(4px);z-index:999;opacity:0;visibility:hidden;transition:all 0.4s ease}body.menu-open::after{opacity:1;visibility:visible}body.menu-open .floating-cta,body.menu-open .theme-toggle{opacity:0;visibility:hidden;transform:scale(0.8);pointer-events:none}.nav-menu li{border-bottom:1px solid rgba(255,255,255,0.05)}.nav-link{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) 0;font-size:var(--font-size-base);font-weight:500;color:var(--text-secondary);transition:var(--transition-base)}.nav-link:hover,.nav-item.active>.nav-link{color:var(--gold)}.nav-item.active>.nav-link{font-weight:700}.nav-item.has-submenu .submenu{max-height:0;overflow:hidden;transition:var(--transition-smooth)}.nav-item.has-submenu.open .submenu{max-height:600px}.submenu-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);font-size:var(--font-size-sm);color:var(--text-muted)}.submenu-item:hover{color:var(--gold)}.submenu-icon{font-size:var(--font-size-xl)}.arrow{font-size:var(--font-size-xs);transition:var(--transition-base)}.nav-item.open .arrow{transform:rotate(180deg)}.lang-switch{display:flex;gap:var(--space-xs);padding:var(--space-lg) 0;margin-top:1rem}.lang-btn{padding:0.6rem 1.2rem;font-size:0.75rem;font-weight:700;color:var(--text-muted);border-radius:50px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);transition:var(--transition-base);text-transform:uppercase;letter-spacing:1px}.lang-btn.active,.lang-btn:hover{color:#000;background:var(--gold);border-color:var(--gold);box-shadow:0 4px 15px rgba(201,162,39,0.3)}.nav-cta{margin-top:auto;padding-top:var(--space-xl)}@media (min-width:992px){.hamburger{display:none}.nav-menu{position:static;width:auto;height:auto;max-width:none;background:none;padding:0;flex-direction:row;align-items:center;gap:var(--space-2xl);overflow:visible}.nav-menu li{border:none}.nav-link{padding:var(--space-sm) 0;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:1.5px}.nav-item.has-submenu{position:relative}.nav-item.has-submenu .submenu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(20px);width:700px;max-height:none;background:var(--bg-secondary);border-radius:var(--border-radius-lg);padding:var(--space-xl);display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);opacity:0;visibility:hidden;box-shadow:var(--shadow-xl);border:1px solid rgba(255,255,255,0.05)}.nav-item.has-submenu:hover .submenu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(10px)}.submenu-item{flex-direction:column;text-align:center;padding:var(--space-md);border-radius:var(--border-radius-md)}.submenu-item:hover{background:rgba(201,162,39,0.1)}.submenu-icon{font-size:var(--font-size-2xl)}.lang-switch{padding:0;border-left:1px solid rgba(255,255,255,0.1);padding-left:var(--space-lg);margin-left:var(--space-md)}.nav-cta{margin:0;padding:0}}/* ========================================  HERO SECTION ======================================== */ .hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:120px 0 var(--space-4xl);overflow:hidden}.hero-media{position:absolute;top:0;left:0;width:100%;height:100%;min-height:400px;background:linear-gradient(135deg,#1a1a1a 0%,#0a0a0a 100%);z-index:-1}.hero-media img,.hero-media video{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient-overlay)}@media (max-width:768px){.hero-overlay{background:rgba(10,10,10,0.85)}}.hero-content{position:relative;z-index:2;max-width:650px}.hero-eyebrow{margin-bottom:var(--space-lg)}.hero h1{margin-bottom:var(--space-lg)}.hero-description{font-size:var(--font-size-lg);color:var(--text-muted);margin-bottom:var(--space-2xl);max-width:500px}.hero-buttons{display:flex;flex-wrap:wrap;gap:var(--space-md)}.hero-stats{display:flex;flex-wrap:wrap;gap:var(--space-2xl);margin-top:var(--space-3xl)}.stat-item{text-align:center}.stat-number{font-family:var(--font-display);font-size:var(--font-size-4xl);font-weight:700;color:var(--gold);line-height:1}.stat-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);margin-top:var(--space-xs)}/* ========================================  TRUST BAR ======================================== */ .trust-bar{background:var(--bg-secondary);padding:var(--space-xl) 0;border-bottom:1px solid rgba(255,255,255,0.05)}.trust-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-xl)}.trust-item{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);font-weight:500}.trust-icon{font-size:var(--font-size-xl)}/* ========================================  SECTION HEADERS ======================================== */ .section-header{text-align:center;margin-bottom:var(--space-3xl)}.section-header .eyebrow{justify-content:center;margin-bottom:var(--space-md)}/* ========================================  SERVICE CARDS ======================================== */ .services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg)}.service-card{position:relative;height:350px;border-radius:var(--border-radius-lg);overflow:hidden;cursor:pointer}.service-card::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(10,10,10,0.95) 100%);z-index:1;transition:var(--transition-slow)}.service-card:hover::before{background:linear-gradient(180deg,rgba(201,162,39,0.2) 0%,rgba(10,10,10,0.98) 100%)}.service-card-media{position:absolute;top:0;left:0;width:100%;height:100%}.service-card-media img,.service-card-media video{width:100%;height:100%;object-fit:cover;transition:var(--transition-smooth)}.service-card:hover .service-card-media img,.service-card:hover .service-card-media video{transform:scale(1.1)}.service-card-content{position:absolute;bottom:0;left:0;right:0;padding:var(--space-xl);z-index:2}.service-card-icon{width:45px;height:45px;border-radius:50%;background:var(--gold);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);margin-bottom:var(--space-md);opacity:0;transform:translateY(10px);transition:var(--transition-base)}.service-card:hover .service-card-icon{opacity:1;transform:translateY(0)}.service-card h3{font-size:var(--font-size-lg);margin-bottom:var(--space-sm)}.service-card p{font-size:var(--font-size-sm);color:var(--text-muted);max-height:0;opacity:0;transition:var(--transition-base)}.service-card:hover p{max-height:60px;opacity:1}.service-card-link{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);font-weight:600;color:var(--gold);margin-top:var(--space-md);opacity:0;transform:translateX(-10px);transition:var(--transition-base)}.service-card:hover .service-card-link{opacity:1;transform:translateX(0)}/* ========================================  FORMS ======================================== */ .form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--space-sm);color:var(--text-secondary)}.form-input,.form-textarea,.form-select{width:100%;padding:var(--space-md);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-card);border:1px solid rgba(255,255,255,0.1);border-radius:var(--border-radius-md);transition:var(--transition-base)}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,162,39,0.1)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{min-height:150px;resize:vertical}.form-error{font-size:var(--font-size-xs);color:var(--error);margin-top:var(--space-xs)}/* ========================================  FOOTER ======================================== */ .footer{background:var(--bg-primary);border-top:1px solid rgba(255,255,255,0.05);padding:var(--space-4xl) 0 var(--space-xl)}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-2xl);margin-bottom:var(--space-3xl)}.footer-col .logo{margin-bottom:var(--space-md)}.footer-col p{font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.8}.footer-title{font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--gold);margin-bottom:var(--space-lg)}.footer-links li{margin-bottom:var(--space-sm)}.footer-links a{font-size:var(--font-size-sm);color:var(--text-muted)}.footer-links a:hover{color:var(--gold)}.footer-bottom{text-align:center;padding-top:var(--space-xl);border-top:1px solid rgba(255,255,255,0.05)}.footer-bottom p{font-size:var(--font-size-xs);color:var(--text-muted)}/* ========================================  FLOATING CTA ======================================== */ .floating-cta{position:fixed;bottom:var(--space-lg);right:var(--space-lg);z-index:999;display:flex;flex-direction:column;gap:var(--space-sm)}.float-btn{width:55px;height:55px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);box-shadow:var(--shadow-lg);transition:var(--transition-base)}.float-btn:hover{transform:scale(1.1)}.float-whatsapp{background:var(--whatsapp);color:var(--white)}.float-phone{background:var(--gradient-gold);color:var(--bg-primary)}/* ========================================  ANIMATIONS (Initial States) ======================================== */ .fade-up{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease,transform 0.6s ease}.fade-up.visible{opacity:1;transform:translateY(0)}.fade-in{opacity:0;transition:opacity 0.6s ease}.fade-in.visible{opacity:1}/* ========================================  BEFORE/AFTER SLIDER ======================================== */ .ba-slider{position:relative;width:100%;max-width:800px;margin:0 auto;overflow:hidden;border-radius:var(--border-radius-lg)}.ba-slider img{width:100%;display:block}.ba-before{position:absolute;top:0;left:0;width:50%;height:100%;overflow:hidden}.ba-before img{position:absolute;top:0;left:0;width:200%;max-width:none}.ba-handle{position:absolute;top:0;left:50%;width:4px;height:100%;background:var(--gold);cursor:ew-resize;transform:translateX(-50%);z-index:10}.ba-handle::before,.ba-handle::after{content:'';position:absolute;left:50%;transform:translateX(-50%);width:40px;height:40px;background:var(--gold);border-radius:50%}.ba-handle::before{top:50%;transform:translate(-50%,-50%)}.ba-label{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.5);color:#fff;padding:0.5rem 1rem;border-radius:4px;font-size:0.875rem;pointer-events:none;font-weight:600;text-transform:uppercase;letter-spacing:1px;backdrop-filter:blur(4px);z-index:5}.ba-label-after{right:1rem}.ba-label-before{left:1rem}/* ========================================  RESPONSIVE UTILITIES ======================================== */ @media (max-width:768px){.hide-mobile{display:none !important}}@media (min-width:769px){.hide-desktop{display:none !important}}/* ========================================  🎬 PREMIUM LOADING SCREEN ======================================== */ .page-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity 0.5s ease,visibility 0.5s ease}.page-loader.hidden{opacity:0;visibility:hidden}.loader-content{text-align:center}.loader-logo{font-family:var(--font-display);font-size:3rem;color:var(--white);animation:pulseGlow 2s ease-in-out infinite}.loader-logo span{color:var(--gold);text-shadow:var(--neon-gold)}.loader-bar{width:200px;height:3px;background:rgba(255,255,255,0.1);margin:2rem auto 0;border-radius:3px;overflow:hidden}.loader-progress{height:100%;width:0%;background:var(--gradient-gold);animation:loadProgress 1.5s ease forwards}@keyframes loadProgress{0%{width:0%}100%{width:100%}}@keyframes pulseGlow{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.8;transform:scale(1.02)}}/* ========================================  ✨ FLOATING PARTICLES BACKGROUND ======================================== */ .particles-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.particle{position:absolute;width:4px;height:4px;background:var(--gold);border-radius:50%;opacity:0.3;animation:floatParticle 15s infinite linear}.particle:nth-child(1){left:10%;animation-delay:0s;animation-duration:20s}.particle:nth-child(2){left:20%;animation-delay:2s;animation-duration:18s}.particle:nth-child(3){left:30%;animation-delay:4s;animation-duration:22s}.particle:nth-child(4){left:40%;animation-delay:1s;animation-duration:16s}.particle:nth-child(5){left:50%;animation-delay:3s;animation-duration:24s}.particle:nth-child(6){left:60%;animation-delay:5s;animation-duration:17s}.particle:nth-child(7){left:70%;animation-delay:2s;animation-duration:21s}.particle:nth-child(8){left:80%;animation-delay:4s;animation-duration:19s}.particle:nth-child(9){left:90%;animation-delay:1s;animation-duration:23s}.particle:nth-child(10){left:95%;animation-delay:3s;animation-duration:25s}@keyframes floatParticle{0%{transform:translateY(100vh) rotate(0deg);opacity:0}10%{opacity:0.4}90%{opacity:0.4}100%{transform:translateY(-100vh) rotate(720deg);opacity:0}}/* ========================================  💎 GLASSMORPHISM CARDS ======================================== */ .glass-card{background:rgba(255,255,255,0.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);border-radius:var(--border-radius-lg)}/* ========================================  🔥 TEXT GLOW & TYPING EFFECT ======================================== */ .text-glow{text-shadow:0 0 10px var(--gold-glow),0 0 20px var(--gold-glow),0 0 30px var(--gold-glow)}.typing-effect{overflow:hidden;white-space:nowrap;border-right:3px solid var(--gold);animation:typing 3s steps(30,end),blink 0.75s step-end infinite}@keyframes typing{from{width:0}to{width:100%}}@keyframes blink{from,to{border-color:transparent}50%{border-color:var(--gold)}}/* ========================================  🌟 DRAMATIC HOVER EFFECTS ======================================== */ .hover-lift{transition:transform 0.4s cubic-bezier(0.175,0.885,0.32,1.275),box-shadow 0.4s ease}.hover-lift:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,0.3),0 0 30px var(--gold-glow)}.hover-glow:hover{box-shadow:var(--neon-gold)}.service-card{transition:transform 0.5s cubic-bezier(0.175,0.885,0.32,1.275),box-shadow 0.5s ease}.service-card:hover{transform:translateY(-15px) scale(1.03);box-shadow:0 25px 50px rgba(0,0,0,0.4),0 0 50px var(--gold-glow)}/* ========================================  🎭 PAGE TRANSITIONS ======================================== */ .page-transition{animation:fadeSlideIn 0.6s ease forwards}@keyframes fadeSlideIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}/* ========================================  📱 ENHANCED FLOATING CTA ======================================== */ .floating-cta{animation:bounceIn 1s ease 2s backwards}.float-btn{animation:pulse 2s infinite}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 var(--gold-glow)}50%{box-shadow:0 0 0 15px transparent}}@keyframes bounceIn{0%{opacity:0;transform:scale(0.3)}50%{transform:scale(1.1)}70%{transform:scale(0.9)}100%{opacity:1;transform:scale(1)}}/* ========================================  🎨 GRADIENT ANIMATED BORDER ======================================== */ .gradient-border{position:relative;background:var(--bg-card);border-radius:var(--border-radius-lg)}.gradient-border::before{content:'';position:absolute;inset:-2px;background:linear-gradient(45deg,var(--gold),var(--gold-light),var(--gold),var(--gold-dark));background-size:400% 400%;border-radius:inherit;z-index:-1;animation:gradientShift 4s ease infinite}@keyframes gradientShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}/* ========================================  🔮 3D PERSPECTIVE CARDS ======================================== */ .perspective-card{perspective:1000px}.perspective-card-inner{transition:transform 0.8s;transform-style:preserve-3d}.perspective-card:hover .perspective-card-inner{transform:rotateY(10deg) rotateX(5deg)}/* ========================================  ⚡ STAGGER ANIMATIONS ======================================== */ .stagger-1{animation-delay:0.1s}.stagger-2{animation-delay:0.2s}.stagger-3{animation-delay:0.3s}.stagger-4{animation-delay:0.4s}.stagger-5{animation-delay:0.5s}.stagger-6{animation-delay:0.6s}.stagger-7{animation-delay:0.7s}.stagger-8{animation-delay:0.8s}/* ========================================  🎯 SCROLL-TRIGGERED REVEAL ======================================== */ .reveal{opacity:0;transform:translateY(60px);transition:opacity 0.8s cubic-bezier(0.16,1,0.3,1),transform 0.8s cubic-bezier(0.16,1,0.3,1)}.reveal.active{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translateX(-60px);transition:opacity 0.8s ease,transform 0.8s ease}.reveal-left.active{opacity:1;transform:translateX(0)}.reveal-right{opacity:0;transform:translateX(60px);transition:opacity 0.8s ease,transform 0.8s ease}.reveal-right.active{opacity:1;transform:translateX(0)}/* ========================================  🌈 SHIMMER EFFECT (for loading states) ======================================== */ .shimmer{background:linear-gradient(90deg,var(--bg-card) 0%,rgba(201,162,39,0.1) 50%,var(--bg-card) 100%);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}/* ========================================  ✨ HERO SECTION ENHANCEMENTS ======================================== */ .hero h1{animation:slideInUp 1s ease forwards}.hero-description{animation:slideInUp 1s ease 0.2s backwards}.hero-buttons{animation:slideInUp 1s ease 0.4s backwards}.hero-stats{animation:slideInUp 1s ease 0.6s backwards}@keyframes slideInUp{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.logo{animation:logoReveal 1s ease forwards}@keyframes logoReveal{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}/* ========================================  🚀 RETENTION MODAL ======================================== */ .retention-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.85);z-index:10000;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:all 0.4s ease;backdrop-filter:blur(5px)}.retention-modal-overlay.active{opacity:1;visibility:visible}.retention-modal{background:var(--bg-card);width:90%;max-width:450px;padding:2.5rem;border-radius:20px;position:relative;text-align:center;border:2px solid var(--gold);box-shadow:0 0 50px rgba(201,162,39,0.2);transform:translateY(20px);transition:transform 0.4s cubic-bezier(0.175,0.885,0.32,1.275)}.retention-modal-overlay.active .retention-modal{transform:translateY(0)}.retention-close{position:absolute;top:15px;right:15px;background:none;border:none;color:var(--text-muted);font-size:2rem;line-height:1;cursor:pointer;transition:0.3s}.retention-close:hover{color:var(--gold)}.retention-icon{font-size:3.5rem;margin-bottom:1rem;animation:float 3s ease-in-out infinite}.retention-modal h3{font-size:1.8rem;margin-bottom:0.5rem;color:var(--text-primary)}.retention-modal p{color:var(--text-secondary);margin-bottom:1.5rem}.retention-offer{background:rgba(201,162,39,0.1);color:var(--gold);padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-weight:600;border:1px dashed var(--gold)}.retention-offer span{display:block;font-size:0.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:0.25rem}.retention-muted{font-size:0.75rem;color:var(--text-muted) !important;margin-top:1rem;margin-bottom:0}/* ========================================  PREMIUM 3D GOLD LOGO STYLES  ======================================== */ .logo-premium{height:200px;width:auto;object-fit:contain;margin-top:25px;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);transform-origin:center top;filter:drop-shadow(0 6px 8px rgba(0,0,0,0.6))   brightness(1.05) contrast(1.1)}.logo-premium:hover{transform:scale(1.35) translateY(20px);cursor:pointer;filter:drop-shadow(0 15px 25px rgba(0,0,0,0.7)) brightness(1.2) contrast(1.2)}.header.scrolled .logo-premium{height:130px;margin-top:10px}.footer .logo-premium-footer{height:80px;width:auto;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.5));transition:transform 0.3s ease}.footer .logo-premium-footer:hover{transform:scale(1.1);filter:drop-shadow(0 4px 8px rgba(0,0,0,0.6)) brightness(1.2)}/* ========================================  MOBILE RESPONSIVE IMPROVEMENTS  ======================================== */   @media (max-width:768px){.hero{min-height:auto !important;padding:100px 0 60px !important}.hero-content{padding:0 1rem}.hero h1{font-size:2rem !important;line-height:1.2}.hero-description{font-size:1rem !important}.hero-buttons{flex-direction:column;gap:1rem}.hero-buttons .btn{width:100%;justify-content:center}.hero-stats{flex-direction:column;gap:1.5rem}.stat-item{text-align:center}}@media (max-width:768px){.nav-menu{padding:100px 1.5rem 2rem}.nav-menu.active{display:flex}.submenu{position:static;width:100%;opacity:1;visibility:visible;transform:none;box-shadow:none;margin-top:0.5rem;display:flex;flex-direction:column}.has-submenu:hover .submenu{display:none}.nav-item.has-submenu.open .submenu{display:flex !important}}@media (max-width:768px){.services-grid{grid-template-columns:1fr !important;gap:1.5rem}.service-card{max-width:100%}.service-card-media{height:200px}}@media (max-width:768px){.trust-grid{grid-template-columns:1fr 1fr;gap:1rem}.trust-item{font-size:0.75rem;text-align:center}.trust-icon{font-size:1.25rem}}@media (max-width:480px){.trust-grid{grid-template-columns:1fr}}@media (max-width:768px){.ba-slider{width:auto;max-width:100%;margin:0 1rem}.ba-handle-circle{width:40px;height:40px}}@media (max-width:768px){.process-step{padding:1.5rem}.services-grid[style*="grid-template-columns:repeat(auto-fit,minmax(220px,1fr))"]{grid-template-columns:1fr !important}}@media (max-width:768px){.test-card{padding:1.5rem}.services-grid[style*="grid-template-columns:repeat(auto-fit,minmax(300px,1fr))"]{grid-template-columns:1fr !important}}@media (max-width:768px){.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}.footer-col:first-child{grid-column:1 / -1}}@media (max-width:480px){.footer-grid{grid-template-columns:1fr;text-align:center}}@media (max-width:768px){.floating-cta{bottom:1.5rem;right:1rem}.float-btn{width:50px;height:50px;font-size:1.25rem}}@media (max-width:768px){.lang-switch{justify-content:center;margin:1rem 0}.lang-btn{padding:0.5rem 1rem;font-size:0.875rem}}@media (max-width:768px){.container{padding:0 1rem}.section{padding:3rem 0}}img{max-width:100%;height:auto;display:block}@media (max-width:768px){.btn,.nav-link,.submenu-item,.service-card-link{min-height:44px;display:inline-flex;align-items:center}a,button{touch-action:manipulation}}@media (max-width:900px){.showcase-grid{grid-template-columns:1fr !important;gap:1.5rem !important}.showcase-panel div[style*="height:400px"]{height:300px !important}}html,body{overflow-x:hidden;max-width:100vw}/* ========================================  MOBILE PERFORMANCE OPTIMIZATIONS  ======================================== */   @media (max-width:768px){.particle,.particles-bg{display:none !important}.hover-lift:hover,.service-card:hover,.perspective-card:hover .perspective-card-inner{transform:translateY(-5px) scale(1.01);box-shadow:var(--shadow-lg)}*{animation-duration:0.3s !important;transition-duration:0.3s !important}.particle,.highlight,.neon-glow,.stat-number.neon-glow,.float-btn,.loader-logo,.section-divider{will-change:auto !important}video{max-width:100%;height:auto}.stat-number{font-size:var(--font-size-2xl) !important}.hero h1{font-size:1.75rem !important;line-height:1.2 !important}h2{font-size:1.5rem !important;line-height:1.2 !important}h3{font-size:1.25rem !important}.btn{min-height:48px;padding:0.875rem 1.25rem;font-size:0.9rem}.nav-link{min-height:48px;padding:1rem 0}.submenu-item{min-height:48px;padding:1rem 1.5rem}.filter-btn{min-height:48px;padding:0.75rem 1rem;font-size:0.85rem}.form-input,.form-textarea,.form-select{min-height:48px;font-size:16px}.section{padding:2.5rem 0 !important}.container{padding:0 1rem !important}.services-grid{grid-template-columns:1fr !important;gap:1rem !important}.capabilities-grid{grid-template-columns:1fr !important;gap:1.5rem !important}.how-works-grid{grid-template-columns:1fr !important;gap:1rem !important}.service-card{height:280px !important}.service-card-content{padding:1rem !important}.capability-card .card-image{height:180px !important}.hero-description{font-size:1rem !important;line-height:1.6 !important}p{font-size:0.95rem !important;line-height:1.6 !important}.header{height:70px !important}.logo-premium{height:90px !important;margin-top:10px !important}.header.scrolled .logo-premium{height:70px !important;margin-top:5px !important}.footer{padding:2rem 0 1rem !important}.footer-grid{gap:1.5rem !important}.footer-title{font-size:0.85rem !important;margin-bottom:0.75rem !important}.trust-bar{padding:1rem 0 !important}.trust-grid{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:0.75rem !important}.trust-item{font-size:0.7rem !important;justify-content:center !important}.ba-slider{margin:0 !important;border-radius:8px !important}.ba-label{font-size:0.7rem !important;padding:0.25rem 0.5rem !important}#cookie-banner{left:0.5rem !important;right:0.5rem !important;bottom:0.5rem !important;padding:1rem !important}.cookie-content{flex-direction:column !important;gap:1rem !important;text-align:center !important}.cookie-buttons{justify-content:center !important;width:100% !important}.hide-mobile{display:none !important}.floating-cta{bottom:0.75rem !important;right:0.75rem !important;gap:0.5rem !important}.float-btn{width:52px !important;height:52px !important;font-size:1.25rem !important}}@media (max-width:480px){.hero h1{font-size:1.5rem !important}h2{font-size:1.35rem !important}.hero-stats{gap:1rem !important}.stat-number{font-size:1.5rem !important}.stat-label{font-size:0.65rem !important}.trust-grid{grid-template-columns:1fr !important}.footer-grid{grid-template-columns:1fr !important;text-align:center !important}.btn{width:100%;justify-content:center}.hero-buttons{flex-direction:column !important;width:100% !important}}@media (max-width:768px) and (orientation:landscape){.hero{min-height:100vh !important;padding:60px 0 40px !important}.nav-menu{max-height:80vh !important;overflow-y:auto !important}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}.particle,.particles-bg{display:none !important}}@media (min-width:769px){.service-card,.test-card,.glass-card,.capability-card{will-change:transform}}video{transform:translateZ(0);backface-visibility:hidden}a,button,.btn,.nav-link,.submenu-item,.filter-btn,input,select,textarea{touch-action:manipulation}/* ========================================  COOKIE CONSENT BANNER & MODAL  ======================================== */   #cookie-banner{position:fixed;bottom:1.5rem;left:1.5rem;right:1.5rem;max-width:900px;margin:0 auto;border-radius:var(--border-radius-lg);background:var(--bg-card);border:1px solid rgba(255,255,255,0.05);border-top:3px solid var(--gold);padding:1.25rem 1.5rem;z-index:9999;transform:translateY(150%);transition:transform 0.4s ease;box-shadow:0 10px 40px rgba(0,0,0,0.5)}#cookie-banner.show{transform:translateY(0)}.cookie-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:2rem}.cookie-text h3{font-size:1.25rem;margin-bottom:0.5rem;color:var(--gold)}.cookie-text p{color:var(--text-secondary);font-size:0.9rem;line-height:1.5;max-width:700px}.cookie-buttons{display:flex;gap:1rem;flex-shrink:0}.cookie-buttons .btn{white-space:nowrap;padding:0.75rem 1.25rem;font-size:0.85rem}#cookie-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease}#cookie-modal.show{opacity:1;visibility:visible}.cookie-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);backdrop-filter:blur(5px)}.cookie-modal-content{position:relative;background:var(--bg-card);border-radius:var(--border-radius-lg);max-width:600px;width:90%;max-height:90vh;overflow-y:auto;border:1px solid rgba(255,255,255,0.1);transform:scale(0.95);transition:transform 0.3s ease}#cookie-modal.show .cookie-modal-content{transform:scale(1)}.cookie-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,0.1)}.cookie-modal-header h2{font-size:1.5rem;margin:0}.cookie-close{background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:0.5rem;line-height:1;transition:color 0.2s ease}.cookie-close:hover{color:var(--gold)}.cookie-modal-body{padding:1.5rem}.cookie-option{background:var(--bg-secondary);border-radius:var(--border-radius-md);padding:1.25rem;margin-bottom:1rem;border:1px solid rgba(255,255,255,0.05)}.cookie-option-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.75rem}.cookie-option-header h4{margin:0;font-size:1.1rem}.cookie-badge{display:inline-block;font-size:0.7rem;padding:0.25rem 0.5rem;border-radius:var(--border-radius-sm);text-transform:uppercase;letter-spacing:0.5px;font-weight:600;margin-left:0.5rem}.cookie-badge.required{background:var(--gold);color:#000}.cookie-badge.optional{background:rgba(255,255,255,0.1);color:var(--text-muted)}.cookie-option p{font-size:0.85rem;color:var(--text-muted);margin:0;line-height:1.5}.cookie-toggle{position:relative;display:inline-block;width:50px;height:26px}.cookie-toggle input{opacity:0;width:0;height:0}.cookie-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,0.2);transition:0.3s;border-radius:26px}.cookie-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:white;transition:0.3s;border-radius:50%}.cookie-toggle input:checked+.cookie-slider{background-color:var(--gold)}.cookie-toggle input:checked+.cookie-slider:before{transform:translateX(24px)}.cookie-toggle input:disabled+.cookie-slider{opacity:0.5;cursor:not-allowed}.cookie-modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid rgba(255,255,255,0.1)}@media (max-width:768px){#cookie-banner{bottom:1rem;left:1rem;right:1rem;padding:1rem}.cookie-content{flex-direction:column;text-align:center;gap:1rem}.cookie-text h3{font-size:1.1rem;margin-bottom:0.25rem}.cookie-text p{font-size:0.85rem;line-height:1.4}.cookie-buttons{flex-wrap:wrap;justify-content:center;width:100%;gap:0.5rem}.cookie-buttons .btn{flex:1 1 100%;min-width:unset;padding:0.6rem;font-size:0.85rem}.cookie-modal-content{width:95%;max-height:85vh}.cookie-option-header{flex-wrap:wrap;gap:0.75rem}}@media (max-width:480px){.cookie-modal-footer{flex-direction:column}.cookie-modal-footer .btn{width:100%}}/* ========================================  CLOUDINARY UPLOAD STYLES  ======================================== */  .upload-zone{border:2px dashed rgba(255,255,255,0.2);border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:all 0.3s ease;background:var(--bg-secondary)}.upload-zone:hover{border-color:var(--gold);background:rgba(201,162,39,0.05)}.upload-zone.dragover{border-color:var(--gold);background:rgba(201,162,39,0.1);transform:scale(1.02)}.upload-content{display:flex;flex-direction:column;align-items:center;gap:0.75rem}.upload-icon{font-size:2.5rem;opacity:0.8}.upload-text{font-size:1.1rem;font-weight:500;color:var(--text-primary)}.upload-subtext{font-size:0.85rem;color:var(--text-muted)}.btn-sm{padding:0.5rem 1rem;font-size:0.8rem}.upload-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem;margin-top:1rem}.upload-item{position:relative;border-radius:8px;overflow:hidden;background:var(--bg-secondary);aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.upload-item.uploading{padding:1rem}.upload-thumb{width:100%;height:100%;object-fit:cover}.upload-video-thumb{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:0.5rem}.upload-video-icon{font-size:2rem}.upload-filename{font-size:0.7rem;color:var(--text-muted);text-align:center;padding:0 0.5rem;word-break:break-all}.upload-remove{position:absolute;top:5px;right:5px;width:24px;height:24px;border-radius:50%;background:rgba(244,67,54,0.9);color:white;border:none;cursor:pointer;font-size:0.8rem;display:flex;align-items:center;justify-content:center;transition:transform 0.2s ease}.upload-remove:hover{transform:scale(1.1)}.upload-progress{width:100%;height:4px;background:rgba(255,255,255,0.1);border-radius:2px;overflow:hidden;margin-bottom:0.5rem}.upload-progress-bar{height:100%;background:var(--gold);transition:width 0.3s ease;width:0%}@media (max-width:768px){:root:not([lang]) .lang-es,:root[lang='en'] .lang-es,html[lang='en'] .lang-es{display:none !important}:root[lang='es'] .lang-en,html[lang='es'] .lang-en{display:none !important}}@media (max-width:850px){.logo-premium{height:120px !important}}/* ========================================  REVIEWS SECTION ======================================== */ .reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem}@media (max-width:900px){.reviews-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.reviews-grid{grid-template-columns:1fr}}.review-card{background:var(--bg-card);border-radius:var(--border-radius-lg);padding:1.5rem;border:1px solid rgba(255,255,255,0.05);transition:all 0.3s ease}.review-card:hover{transform:translateY(-5px);border-color:var(--gold);box-shadow:0 15px 30px rgba(0,0,0,0.3)}.review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.reviewer-info h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:0.25rem}.review-header .stars{color:var(--gold);font-size:0.9rem;letter-spacing:2px}.review-source{width:24px;height:24px;object-fit:contain;opacity:0.8}.review-text{color:var(--text-secondary);font-size:0.95rem;line-height:1.6;font-style:italic}/* ========================================  UPLOAD ZONE STYLES (Added by Agent)  ======================================== */ .upload-zone{border:2px dashed var(--gold);border-radius:var(--border-radius-md);padding:2rem;text-align:center;background:rgba(201,162,39,0.05);cursor:pointer;transition:all 0.3s ease;min-height:200px;display:flex !important;flex-direction:column;justify-content:center;align-items:center;margin-bottom:1rem}.upload-zone:hover,.upload-zone.dragover{background:rgba(201,162,39,0.15);border-color:var(--gold-light);transform:scale(1.005);box-shadow:0 0 15px rgba(201,162,39,0.1)}.upload-icon{font-size:3rem;margin-bottom:1rem;opacity:0.8;transition:transform 0.3s ease}.upload-zone:hover .upload-icon{transform:scale(1.1)}.upload-content p{margin:0.5rem 0}.upload-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px;margin-top:1.5rem}.upload-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,0.1);background:var(--bg-secondary);box-shadow:0 4px 6px rgba(0,0,0,0.3)}.upload-thumb{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.upload-item:hover .upload-thumb{transform:scale(1.05)}.upload-remove{position:absolute;top:5px;right:5px;background:rgba(0,0,0,0.6);color:white;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:0.2s;z-index:10}.upload-remove:hover{background:var(--error);transform:scale(1.1)}.upload-video-thumb{width:100%;height:100%;background:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;color:white;padding:5px;text-align:center}.upload-video-icon{font-size:2rem;margin-bottom:0.5rem}.upload-item.uploading::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:5}.upload-progress{position:absolute;bottom:0;left:0;width:100%;height:4px;background:rgba(255,255,255,0.2);z-index:6}.upload-progress-bar{height:100%;background:var(--success);width:0%;transition:width 0.2s linear}