@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&family=Montserrat:wght@400;600;700&family=Playfair+Display:wght@400;700&display=swap";
:root{--bg:#f7f8fb;--card:#fff;--text:#0f172a;--muted:#64748b;--accent:#0ea5a4;--radius:10px;--container:1100px;--glass:#fff9;--primary-blue:#0d47a1;--light-blue:#e3f2fd}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;font-size:16px;line-height:1.45;overflow-x:hidden}.container{max-width:var(--container);width:100%;margin:0 auto;padding:0 28px}.site-header{background:var(--card);z-index:50;border-bottom:1px solid #e5e7eb;width:100%;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;width:100%;max-width:100%;margin:0;padding:16px 40px;display:flex}.brand{color:var(--text);font-size:1.2rem;font-weight:700;text-decoration:none}.nav{gap:14px;display:flex}.nav a{color:var(--muted);border-radius:8px;padding:8px 10px;text-decoration:none;transition:all .2s}.nav a:hover{color:var(--text);background:#f1f5f9}.mobile-toggle,.nav-close-btn,.nav-overlay{display:none}@media (max-width:768px){.header-inner{padding:14px 20px}.mobile-toggle{cursor:pointer;color:var(--text);z-index:60;background:0 0;border:none;padding:0;display:block}.nav{background:var(--card);z-index:100;flex-direction:column;gap:10px;width:280px;height:100vh;padding:24px;transition:right .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;right:-100%;box-shadow:-5px 0 20px #0000001a}.nav.active{right:0}.nav-close-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;align-self:flex-end;margin-bottom:20px;display:block}.nav-close-btn:hover{color:var(--accent)}.nav a{border-radius:8px;width:100%;padding:12px 16px;font-size:1.1rem}.nav a:hover{color:var(--accent);background:#f1f5f9}.nav-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:90;opacity:0;pointer-events:none;background:#0006;width:100%;height:100%;transition:opacity .3s;display:block;position:fixed;top:0;left:0}.nav-overlay.open{opacity:1;pointer-events:auto}}.hero{border-radius:var(--radius);background:linear-gradient(#0ea5a414,#fff0);margin-top:20px;padding:34px}.card{background:var(--card);border-radius:10px;padding:16px;box-shadow:0 1px 2px #00000012}.cards{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;display:grid}@media (max-width:720px){.cards{grid-template-columns:1fr}}.btn{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:10px 14px;font-weight:600;text-decoration:none;display:inline-block}.btn:hover{opacity:.9}.btn:disabled{opacity:.6;cursor:not-allowed}.grid-work{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:14px;display:grid}.footer{text-align:center;color:var(--muted);margin-top:40px;padding:20px 0}.input,textarea{border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px;font-family:inherit}textarea{resize:vertical;height:140px}.form-row{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.cta-card{background:#fff;border:1px solid #0000000d;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:32px;display:flex;box-shadow:0 6px 20px #0f172a0f}.social-links{justify-content:center;align-items:center;gap:14px;margin-top:12px;display:flex}.social-links a{color:var(--muted);font-weight:500;text-decoration:none}.social-links a:hover{color:var(--accent)}.kicker{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.lead{color:var(--muted);font-size:15px}@media (min-width:1200px){.services-pager{display:none}}@media (max-width:768px){.cta-card{text-align:center;flex-direction:column}.full-browser-slider{padding:20px 0}.service-card{width:280px;height:480px}.service-arrow{display:none}}a:focus,button:focus,.btn:focus{outline-offset:3px;outline:3px solid #0ea5a42e}.text-center{text-align:center}.mb-6{margin-bottom:1.5rem}.mt-6{margin-top:1.5rem}.hidden{display:none!important}.works-page-bg{background:linear-gradient(#fff 0%,#f0f9ff 100%);min-height:100vh;padding-bottom:80px}.works-title{text-align:center;color:var(--primary-blue);margin:40px 0;font-family:Playfair Display,serif;font-size:3rem;animation:.8s forwards worksFadeIn}.main-player-section{width:100%;max-width:900px;margin:0 auto 60px;padding:0 20px}.video-wrapper{background:#000;border-radius:16px;width:100%;padding-top:56.25%;position:relative;overflow:hidden;box-shadow:0 20px 40px #0d47a126}.video-wrapper iframe,.video-thumbnail{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.video-thumbnail{cursor:pointer;background:#1e293b;justify-content:center;align-items:center;display:flex}.video-thumbnail img{object-fit:cover;opacity:.8;width:100%;height:100%;transition:opacity .3s}.video-thumbnail:hover img{opacity:.6}.play-button-overlay{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#ffffff40;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;transition:transform .2s,background .2s;display:flex;position:absolute}.video-thumbnail:hover .play-button-overlay{background:#ffffff59;transform:scale(1.1)}.play-icon-svg{fill:#fff;width:32px;height:32px;margin-left:4px}.works-section-container{margin-bottom:50px;animation:.8s forwards worksFadeIn}.works-section-header{color:var(--primary-blue);border-left:4px solid var(--accent);margin-bottom:20px;padding-left:20px;font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:700}.works-scroll-wrapper{align-items:center;display:flex;position:relative}.works-scroll-row{scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:20px;width:100%;padding:10px 20px 30px;display:flex;overflow-x:auto}.works-scroll-row::-webkit-scrollbar{display:none}.work-media-card{scroll-snap-align:start;background:#fff;border-radius:12px;flex:none;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 4px 10px #00000014}.work-media-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #0000001f}.card-landscape{background:#e2e8f0;width:340px;height:192px}.card-portrait{background:#fff;border:1px solid #e2e8f0;width:300px;height:533px}.work-media-card img{object-fit:cover;width:100%;height:100%}.work-nav-arrow{z-index:20;cursor:pointer;width:44px;height:44px;color:var(--primary-blue);background:#fff;border:1px solid #e2e8f0;border-radius:50%;place-items:center;transition:all .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 12px #0000001a}.work-nav-arrow:hover{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}.work-nav-arrow.left{left:10px}.work-nav-arrow.right{right:10px}@media (max-width:768px){.work-nav-arrow{display:none}.card-landscape{width:280px;height:158px}.card-portrait{width:260px;height:460px}.works-title{margin-top:30px;font-size:2.2rem}}.works-footer-area{text-align:center;border-top:1px solid #0d47a11a;margin-top:40px;padding-top:60px}.footer-logo-text{color:#1565c0;margin-bottom:8px;font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:700;display:block}.footer-tagline{color:#0d47a1;margin-bottom:24px;font-weight:500}.footer-socials{justify-content:center;gap:24px;margin-bottom:30px;display:flex}.footer-social-btn{color:#1565c0;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex}.footer-social-btn:hover{background:#e3f2fd}@keyframes worksFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fab-container{z-index:9999;flex-direction:column-reverse;gap:15px;display:flex;position:fixed;bottom:30px;right:30px}.fab-btn{cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #0003}.fab-btn:hover{transform:scale(1.1)}.fab-btn:active{transform:scale(.95)}.fab-btn img{object-fit:cover;width:100%;height:100%}.fab-fallback-icon{font-size:24px;display:none}.fab-btn img[style*="display: none"]+.fab-fallback-icon{display:block}.fab-btn .tooltip{color:#fff;opacity:0;pointer-events:none;white-space:nowrap;background:#0f172ae6;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:opacity .2s;position:absolute;right:70px}.fab-btn:hover .tooltip{opacity:1}.fab-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10000;background:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fabFadeIn;display:flex;position:fixed;inset:0}.fab-modal{background:#fff;border-radius:16px;width:90%;max-width:400px;animation:.3s cubic-bezier(.16,1,.3,1) fabSlideUp;overflow:hidden;box-shadow:0 20px 50px #0003}.fab-modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.fab-modal-header h3{color:#0f172a;margin:0;font-size:1.1rem}.close-btn{cursor:pointer;color:#64748b;background:0 0;border:none;font-size:1.2rem}.fab-modal-body{flex-direction:column;gap:12px;padding:20px;display:flex}.contact-option{cursor:pointer;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:15px;padding:16px;transition:all .2s;display:flex}.contact-option:hover{background:#f0fdf4;border-color:#22c55e;transform:translateY(-2px);box-shadow:0 4px 12px #22c55e1a}.contact-option .info{flex-direction:column;display:flex}.contact-option .name{color:#0f172a;font-size:.95rem;font-weight:600}.contact-option .number{color:#64748b;font-size:.85rem}.chat-panel-overlay{z-index:10000;pointer-events:none;background:0 0;transition:background .3s;position:fixed;inset:0}.chat-panel-overlay.visible{pointer-events:auto;background:#0006}.chat-panel{opacity:0;background:#fff;border-radius:16px;flex-direction:column;width:350px;height:500px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:100px;right:30px;overflow:hidden;transform:translateY(20px)scale(.95);box-shadow:0 10px 40px #0003}.chat-panel.open{opacity:1;transform:translateY(0)scale(1)}@media (max-width:480px){.chat-panel{border-radius:16px 16px 0 0;width:100%;height:80vh;bottom:0;right:0}}.chat-header{color:#fff;background:#0ea5a4;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.chat-header h3{margin:0;font-size:1rem}.chat-header .close-btn{color:#fff;opacity:.8}.chat-body{background:#f1f5f9;flex:1;padding:20px}.chat-footer{background:#fff;border-top:1px solid #e2e8f0;gap:10px;padding:10px;display:flex}.chat-footer input{border:1px solid #cbd5e1;border-radius:20px;outline:none;flex:1;padding:10px}.chat-footer .send-btn{color:#fff;cursor:pointer;background:#0ea5a4;border:none;border-radius:50%;width:40px;height:40px}@keyframes fabFadeIn{0%{opacity:0}to{opacity:1}}@keyframes fabSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;padding:10px;display:grid}.gallery-tile{border-radius:var(--radius);cursor:pointer;width:100%;padding-top:100%;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.gallery-tile:hover{transform:scale(1.02);box-shadow:0 5px 15px #0000001a}.gallery-tile img{transition:transform .3s}.gallery-tile:hover img{transform:scale(1.05)}@media (max-width:900px){.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:600px){.gallery-grid{grid-template-columns:repeat(2,1fr);gap:8px;padding:8px}}.preview-panel-overlay{z-index:10000;background:#000000e6;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.preview-panel-content{width:90%;height:90%;display:flex;position:relative}.preview-close-btn{color:#fff;cursor:pointer;z-index:10001;background:0 0;border:none;padding:10px;position:absolute;top:40px;right:40px}.preview-nav-arrow{color:#fff;cursor:pointer;z-index:10001;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.preview-nav-arrow:hover{background:#fff6}.preview-nav-arrow.left{left:20px}.preview-nav-arrow.right{right:20px}@media (max-width:768px){.preview-close-btn{top:20px;right:20px}.preview-nav-arrow{width:40px;height:40px}.preview-nav-arrow.left{left:10px}.preview-nav-arrow.right{right:10px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.card-video{object-fit:cover;width:100%;height:100%;display:block}@keyframes scrollLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scrollRight{0%{transform:translate(-50%)}to{transform:translate(0)}}.logo-track{width:fit-content;display:flex}.logo-item{opacity:.7;justify-content:center;align-items:center;width:150px;height:80px;margin:0 20px;transition:opacity .3s;display:flex}.logo-item:hover{opacity:1}.logo-item img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.services-row{grid-template-columns:repeat(3,1fr);gap:30px;width:100%;display:grid}@media (max-width:768px){.services-row{scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;gap:0;display:flex;overflow-x:auto}.services-row::-webkit-scrollbar{display:none}.service-arrow{display:block}}.service-card-modern{text-align:center;aspect-ratio:1/1.4;background-color:#1a1a1a;border:1px solid #333;border-radius:20px;flex-direction:column;align-items:center;width:100%;padding:20px;transition:transform .3s;display:flex;position:relative}.service-card-modern:hover{border-color:#555;transform:translateY(-5px)}.card-image-container{cursor:grab;background-color:#000;flex:1;width:100%;margin-bottom:20px;position:relative;overflow:hidden}.card-image-container:active{cursor:grabbing}.card-img{object-fit:cover;pointer-events:none;width:100%;height:100%;transition:transform .5s}.card-image-container:hover .card-img{transform:scale(1.05)}.card-content{flex:none;margin-bottom:15px}.card-title{color:#fff;margin-bottom:10px;font-size:1.4rem;font-weight:700}.card-desc{color:#aaa;font-size:.9rem;line-height:1.4}.card-actions{flex-direction:column;gap:12px;width:100%;margin-top:auto;display:flex}.btn-modern{cursor:pointer;border:none;border-radius:30px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 0;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.btn-modern.whatsapp{color:#25d366;background-color:#0000;border:1px solid #25d366}.btn-modern.whatsapp:hover{color:#fff;background-color:#25d366}@media (min-width:769px){.services-row{grid-template-columns:repeat(3,1fr);gap:30px;width:100%;padding:20px 0;display:grid;overflow:visible}.service-card-modern{aspect-ratio:1/1.4;width:100%;min-width:0}.service-arrow{display:none}}@media (max-width:768px){.services-row{scroll-snap-type:x mandatory;scroll-behavior:smooth;cursor:grab;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;gap:15px;padding:40px 15vw;display:flex;overflow-x:auto}.services-row.active{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}.services-row::-webkit-scrollbar{display:none}.service-card-modern{scroll-snap-align:center;flex-shrink:0;width:70vw;min-width:70vw;height:500px}.service-arrow{display:block}}.service-arrow{display:none}@media (max-width:768px){.service-arrow{z-index:20;-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.8rem;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 15px #0000004d}.service-arrow:active{background:#fff6;transform:translateY(-50%)scale(.95)}.service-arrow.left{left:15px}.service-arrow.right{right:15px}}.cv-container{color:#fff;background-color:#050505;width:100%;height:350vh;position:relative}.cv-sticky{perspective:2000px;width:100%;height:100vh;position:sticky;top:0;left:0;overflow:hidden}.cv-content-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.cv-video-frame{z-index:10;max-width:50%;height:60vh;transform-style:preserve-3d;will-change:transform,flex,max-width,opacity;flex:0 0 50%;transition:box-shadow .3s;position:relative}.cv-video-inner{background:#000;border-radius:12px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000080}.cv-video-element{object-fit:cover;width:100%;height:100%;display:block}.cv-overlay-info{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#0009;border-radius:8px;padding:10px 15px;position:absolute;bottom:20px;left:20px}.cv-overlay-info h3{color:#fff;margin:0;font-size:1rem}.cv-overlay-info p{color:#aaa;margin:2px 0 0;font-size:.8rem}.cv-text-panel{opacity:1;will-change:opacity,transform;flex:0 0 40%;padding-left:5%}.cv-heading{margin-bottom:20px;font-family:Times New Roman,serif;font-size:3rem;font-style:italic;line-height:1.1}.cv-sub{color:#0ea5a4;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;font-size:1.2rem;font-weight:600}.cv-desc{color:#ccc;max-width:400px;font-size:1rem;line-height:1.6}.cv-grid-layer{pointer-events:none;opacity:0;will-change:opacity,transform;background:0 0;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);gap:20px;width:100%;height:100%;padding:80px 40px;display:grid;position:absolute;top:0;left:0}.cv-grid-item{border:1px solid #ffffff1a;border-radius:12px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d}.cv-grid-item video{object-fit:cover;width:100%;height:100%}.cv-grid-info{background:linear-gradient(#0000,#000000e6);width:100%;padding:15px;position:absolute;bottom:0;left:0}.cv-grid-info span{color:#fff;font-size:.9rem;font-weight:600}@media (max-width:1024px){.cv-heading{font-size:2.5rem}.cv-grid-layer{gap:15px;padding:60px 20px}}@media (max-width:768px){.cv-content-wrapper{flex-direction:column;justify-content:center}.cv-video-frame{flex:none;width:90%;max-width:90%;height:40vh;margin-bottom:30px}.cv-text-panel{text-align:center;width:90%;padding-left:0}.cv-heading{font-size:2rem}.cv-grid-layer{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(2,1fr);padding:80px 10px}}@media (max-width:480px){.cv-grid-layer{grid-template-rows:auto;grid-template-columns:1fr;gap:15px;padding:80px 20px;overflow-y:auto}.cv-grid-item{min-height:200px}}.hero-scroll-container{height:150vh;position:relative}.services-section{color:#fff;background-color:#0a0a0a;margin-top:20px;padding-top:60px;padding-bottom:60px}@media (max-width:768px){.hero-scroll-container{height:75vh}.services-section{padding-top:200px;padding-bottom:40px}}