OK.station \u2014 Copias, Impresiones y Tr\u00e1mites en Tijuana<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n DESIGN TOKENS \u2014 familia OK DOCK\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n:root {\r\n --blue: #066CFF;\r\n --cyan: #00C6FF;\r\n --purple: #9C1DFF;\r\n --orange: #FF7C19;\r\n --black: #000000;\r\n --white: #FFFFFF;\r\n --gray: #DBDBDB;\r\n --gray-light: #F5F5F7;\r\n --gray-mid: #888;\r\n --grad-bc: linear-gradient(135deg, var(--blue), var(--cyan));\r\n --grad-pb: linear-gradient(135deg, var(--purple), var(--blue), var(--cyan));\r\n --grad-op: linear-gradient(135deg, var(--orange), var(--purple));\r\n --grad-official: linear-gradient(90deg,#00C6FF,#066CFF,#9C1DFF,#FF7C19);\r\n --nav-h: 56px;\r\n --topbar-h: 36px;\r\n}\r\n\r\n*,*::before,*::after { margin:0; padding:0; box-sizing:border-box; }\r\nhtml { scroll-behavior:smooth; }\r\nbody { font-family:'Poppins',sans-serif; background:var(--white); color:var(--black); overflow-x:hidden; }\r\na { text-decoration:none; color:inherit; }\r\nimg { display:block; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n TOP BAR \u2014 igual que okdock.club\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.topbar {\r\n height: var(--topbar-h);\r\n background: var(--black);\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 0 32px;\r\n font-size: 12px;\r\n color: rgba(255,255,255,0.6);\r\n}\r\n.topbar-left { display:flex; align-items:center; gap:20px; }\r\n.topbar-left a { color:rgba(255,255,255,0.6); transition:color .2s; }\r\n.topbar-left a:hover { color:var(--cyan); }\r\n.topbar-phone {\r\n display:flex; align-items:center; gap:6px;\r\n color: var(--cyan); font-weight:600; font-size:13px;\r\n}\r\n.topbar-socials { display:flex; align-items:center; gap:12px; }\r\n.topbar-socials a {\r\n width:24px; height:24px; border-radius:50%;\r\n background:rgba(255,255,255,0.08);\r\n display:flex; align-items:center; justify-content:center;\r\n font-size:11px; color:rgba(255,255,255,0.5);\r\n transition:all .2s;\r\n}\r\n.topbar-socials a:hover { background:var(--blue); color:white; }\r\n.topbar-family {\r\n display:flex; align-items:center; gap:8px;\r\n font-size:11px; color:rgba(255,255,255,0.35);\r\n}\r\n.topbar-family span { color:rgba(255,255,255,0.15); }\r\n.topbar-family a {\r\n color:rgba(255,255,255,0.5); font-weight:600;\r\n transition:color .2s;\r\n}\r\n.topbar-family a:hover { color:var(--blue); }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n NAV \u2014 estilo OK.DOCK con mega-men\u00fa\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.nav {\r\n position: sticky;\r\n top: 0; z-index: 200;\r\n height: var(--nav-h);\r\n background: var(--white);\r\n border-bottom: 1px solid rgba(0,0,0,0.07);\r\n display: flex;\r\n align-items: center;\r\n padding: 0 32px;\r\n gap: 0;\r\n box-shadow: 0 2px 12px rgba(0,0,0,0.06);\r\n}\r\n\r\n\/* Logo *\/\r\n.nav-logo {\r\n display:flex; align-items:center; gap:10px;\r\n margin-right:32px; flex-shrink:0;\r\n}\r\n.logo-ok {\r\n font-size:22px; font-weight:900;\r\n color:var(--blue); letter-spacing:-1.5px; line-height:1;\r\n}\r\n.logo-dot {\r\n width:30px; height:30px; border-radius:50%;\r\n background:var(--blue);\r\n display:flex; align-items:center; justify-content:center;\r\n flex-shrink:0;\r\n}\r\n.logo-dot svg { width:16px; height:16px; }\r\n.logo-station {\r\n font-size:10px; font-weight:700;\r\n letter-spacing:3px; text-transform:uppercase;\r\n color:#555; line-height:1; margin-top:2px;\r\n}\r\n\r\n\/* Mega-menu trigger *\/\r\n.nav-menu-btn {\r\n display:flex; align-items:center; gap:8px;\r\n height:36px; padding:0 16px;\r\n background:var(--blue); color:white;\r\n border-radius:8px; font-size:13px; font-weight:700;\r\n cursor:pointer; border:none; flex-shrink:0;\r\n transition:all .2s;\r\n}\r\n.nav-menu-btn:hover { background:#0558d4; }\r\n.nav-menu-btn svg { width:16px; height:16px; }\r\n\r\n\/* Nav links *\/\r\n.nav-links {\r\n display:flex; align-items:center;\r\n list-style:none; gap:4px;\r\n margin-left:16px; flex:1;\r\n}\r\n.nav-links > li { position:relative; }\r\n.nav-links > li > a {\r\n display:flex; align-items:center; gap:4px;\r\n height:36px; padding:0 12px;\r\n font-size:13px; font-weight:500;\r\n color:#333; border-radius:8px;\r\n transition:all .2s; white-space:nowrap;\r\n}\r\n.nav-links > li > a:hover,\r\n.nav-links > li > a.active {\r\n background:rgba(6,108,255,.07);\r\n color:var(--blue);\r\n}\r\n\r\n\/* Dropdown *\/\r\n.nav-dropdown {\r\n position:absolute; top:calc(100% + 8px); left:0;\r\n min-width:200px;\r\n background:white;\r\n border-radius:14px;\r\n box-shadow:0 8px 40px rgba(0,0,0,.12);\r\n border:1px solid rgba(0,0,0,.06);\r\n padding:8px;\r\n opacity:0; visibility:hidden;\r\n transform:translateY(-8px);\r\n transition:all .2s;\r\n z-index:300;\r\n}\r\n.nav-links > li:hover .nav-dropdown {\r\n opacity:1; visibility:visible; transform:translateY(0);\r\n}\r\n.nav-dropdown a {\r\n display:flex; align-items:center; gap:10px;\r\n padding:9px 12px; border-radius:8px;\r\n font-size:13px; color:#333;\r\n transition:all .15s;\r\n}\r\n.nav-dropdown a:hover { background:rgba(6,108,255,.06); color:var(--blue); }\r\n.nav-dropdown-icon {\r\n width:28px; height:28px; border-radius:8px;\r\n display:flex; align-items:center; justify-content:center;\r\n font-size:14px; background:var(--gray-light);\r\n flex-shrink:0;\r\n}\r\n\r\n\/* Nav right *\/\r\n.nav-right {\r\n display:flex; align-items:center; gap:10px;\r\n margin-left:auto; flex-shrink:0;\r\n}\r\n.nav-search {\r\n display:flex; align-items:center; gap:8px;\r\n height:36px; padding:0 14px;\r\n background:var(--gray-light); border-radius:8px;\r\n font-size:13px; color:#888;\r\n cursor:pointer; transition:all .2s;\r\n border:1px solid transparent;\r\n}\r\n.nav-search:hover { border-color:var(--blue); color:var(--blue); background:rgba(6,108,255,.05); }\r\n.nav-whatsapp {\r\n display:flex; align-items:center; gap:6px;\r\n height:36px; padding:0 16px;\r\n background:#25D366; color:white;\r\n border-radius:8px; font-size:13px; font-weight:700;\r\n transition:all .2s;\r\n}\r\n.nav-whatsapp:hover { background:#1db954; transform:translateY(-1px); }\r\n\r\n\/* Mega menu panel *\/\r\n.mega-panel {\r\n position:fixed;\r\n top:calc(var(--topbar-h) + var(--nav-h));\r\n left:0; right:0;\r\n background:white;\r\n border-bottom:1px solid rgba(0,0,0,.08);\r\n box-shadow:0 16px 48px rgba(0,0,0,.1);\r\n z-index:199;\r\n padding:24px 32px;\r\n display:none;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:24px;\r\n}\r\n.mega-panel.open { display:grid; }\r\n.mega-col h4 {\r\n font-size:11px; font-weight:700;\r\n letter-spacing:2px; text-transform:uppercase;\r\n color:#aaa; margin-bottom:12px;\r\n}\r\n.mega-col ul { list-style:none; display:flex; flex-direction:column; gap:4px; }\r\n.mega-col ul a {\r\n display:flex; align-items:center; gap:8px;\r\n font-size:13px; color:#444;\r\n padding:6px 8px; border-radius:8px;\r\n transition:all .15s;\r\n}\r\n.mega-col ul a:hover { background:rgba(6,108,255,.06); color:var(--blue); }\r\n.mega-col ul a span { font-size:15px; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n GRAD BAR\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.grad-bar { height:3px; background:var(--grad-official); }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n CAROUSEL BANNERS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.carousel-wrap { background:var(--black); position:relative; }\r\n.carousel {\r\n width:100%; max-width:100%;\r\n position:relative; overflow:hidden;\r\n}\r\n.slides {\r\n display:flex; width:300%;\r\n transition:transform .85s cubic-bezier(0.77,0,0.175,1);\r\n}\r\n.slide {\r\n width:calc(100%\/3); aspect-ratio:16\/5.5;\r\n position:relative; overflow:hidden; flex-shrink:0;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 SLIDE 1: COPIADO \u2500\u2500\u2500 *\/\r\n.slide-1 { background:var(--white); }\r\n.s1-blue-panel {\r\n position:absolute; top:0; left:0; bottom:0; width:42%;\r\n background:var(--blue);\r\n clip-path:polygon(0 0,88% 0,100% 100%,0 100%);\r\n z-index:2;\r\n}\r\n.s1-img {\r\n position:absolute; right:0; top:0;\r\n width:63%; height:100%; obje<ct-fit:cover; opacity:.85;}\r\n.s1-papers {\r\n position:absolute; left:8%; top:50%; transform:translateY(-50%);\r\n display:flex; flex-direction:column; gap:6px; z-index:4;\r\n}\r\n.s1-paper-line { height:3px; border-radius:2px; background:rgba(255,255,255,.35); }\r\n.s1-paper-line:nth-child(1){ width:70px; }\r\n.s1-paper-line:nth-child(2){ width:50px; background:rgba(255,255,255,.6); }\r\n.s1-paper-line:nth-child(3){ width:60px; }\r\n.s1-paper-line:nth-child(4){ width:40px; background:rgba(255,255,255,.4); }\r\n.s1-icon-float {\r\n position:absolute; left:30%; top:50%; transform:translate(-50%,-50%);\r\n width:72px; height:72px; background:white; border-radius:18px;\r\n display:flex; align-items:center; justify-content:center;\r\n font-size:32px; box-shadow:0 16px 48px rgba(0,0,0,.15);\r\n z-index:5; animation:floatUpDown 3s ease-in-out infinite;\r\n}\r\n@keyframes floatUpDown {\r\n 0%,100%{ transform:translate(-50%,-50%) translateY(0); }\r\n 50%{ transform:translate(-50%,-50%) translateY(-8px); }\r\n}\r\n.s1-content {\r\n position:absolute; left:7%; top:50%; transform:translateY(-50%);\r\n z-index:6; color:white; max-width:32%;\r\n}\r\n.slide-tag {\r\n display:inline-flex; align-items:center; gap:6px;\r\n font-size:10px; font-weight:700; letter-spacing:2px;\r\n text-transform:uppercase; padding:5px 12px; border-radius:100px;\r\n margin-bottom:10px;\r\n animation:fadeUp .6s ease .4s both;\r\n}\r\n.s1-content .slide-tag { background:rgba(255,255,255,.2); color:white; border:1px solid rgba(255,255,255,.25); }\r\n.slide-title {\r\n font-size:clamp(22px,3vw,42px); font-weight:900;\r\n line-height:1.05; letter-spacing:-1.5px; margin-bottom:8px;\r\n animation:fadeUp .6s ease .5s both;\r\n}\r\n.slide-desc {\r\n font-size:clamp(11px,1.1vw,13px); opacity:.8; line-height:1.5;\r\n margin-bottom:16px; font-weight:400;\r\n animation:fadeUp .6s ease .6s both;\r\n}\r\n.slide-cta {\r\n display:inline-flex; align-items:center; gap:8px;\r\n padding:10px 20px; border-radius:100px;\r\n font-size:12px; font-weight:700;\r\n animation:fadeUp .6s ease .7s both;\r\n transition:all .2s; cursor:pointer;\r\n}\r\n.s1-cta { background:white; color:var(--blue); }\r\n.s1-cta:hover { transform:scale(1.03); box-shadow:0 8px 24px rgba(0,0,0,.15); }\r\n.s1-right {\r\n position:absolute; right:5%; top:50%; transform:translateY(-50%);\r\n text-align:right; z-index:6;\r\n animation:fadeUp .7s ease .5s both;\r\n background:rgba(255,255,255,0.85);\r\n backdrop-filter:blur(8px);\r\n padding:20px 28px;\r\n border-radius:18px;\r\n box-shadow:0 8px 32px rgba(0,0,0,0.12);\r\n}\r\n.s1-price-from { font-size:11px; color:#999; font-weight:500; letter-spacing:.5px; }\r\n.s1-price { font-size:clamp(28px,4vw,52px); font-weight:900; color:var(--blue); line-height:1; letter-spacing:-2px; }\r\n.s1-price sub { font-size:.45em; font-weight:600; color:#aaa; letter-spacing:0; }\r\n.s1-feats { margin-top:12px; display:flex; flex-direction:column; gap:5px; align-items:flex-end; }\r\n.s1-feat { display:flex; align-items:center; gap:6px; font-size:12px; color:#555; font-weight:500; }\r\n.s1-feat-dot { width:7px; height:7px; border-radius:50%; background:var(--blue); }\r\n\r\n\/* \u2500\u2500\u2500 SLIDE 2: TR\u00c1MITES \u2500\u2500\u2500 *\/\r\n.slide-2 { background:#040d1c; }\r\n.s2-glow1 {\r\n position:absolute; width:600px; height:600px; border-radius:50%;\r\n background:radial-gradient(circle,rgba(6,108,255,.22) 0%,transparent 65%);\r\n top:-150px; left:-80px;\r\n animation:glowPulse 4s ease-in-out infinite;\r\n}\r\n.s2-glow2 {\r\n position:absolute; width:350px; height:350px; border-radius:50%;\r\n background:radial-gradient(circle,rgba(0,198,255,.1) 0%,transparent 65%);\r\n bottom:-80px; right:180px;\r\n animation:glowPulse 4s ease-in-out infinite reverse;\r\n}\r\n@keyframes glowPulse{ 0%,100%{opacity:.7;transform:scale(1);} 50%{opacity:1;transform:scale(1.05);} }\r\n.s2-grid-bg {\r\n position:absolute; inset:0;\r\n background-image:linear-gradient(rgba(6,108,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(6,108,255,.05) 1px,transparent 1px);\r\n background-size:48px 48px;\r\n}\r\n.s2-scan {\r\n position:absolute; left:0; right:0; height:1px;\r\n background:linear-gradient(90deg,transparent,rgba(0,198,255,.5),transparent);\r\n animation:scanY 4s linear infinite; pointer-events:none;\r\n}\r\n@keyframes scanY{ 0%{top:0;} 100%{top:100%;} }\r\n.s2-border-top {\r\n position:absolute; top:0; left:0; right:0; height:2px;\r\n background:linear-gradient(90deg,transparent,var(--blue),var(--cyan),transparent);\r\n animation:borderScan 3s ease-in-out infinite;\r\n}\r\n@keyframes borderScan{\r\n 0%{transform:scaleX(0);transform-origin:left;}\r\n 50%{transform:scaleX(1);transform-origin:left;}\r\n 51%{transform:scaleX(1);transform-origin:right;}\r\n 100%{transform:scaleX(0);transform-origin:right;}\r\n}\r\n.s2-docs {\r\n position:absolute; right:10%; top:50%; transform:translateY(-50%);\r\n display:flex; flex-direction:column; gap:12px; z-index:5;\r\n}\r\n.s2-doc {\r\n display:flex; align-items:center; gap:10px;\r\n background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08);\r\n border-radius:14px; padding:10px 16px;\r\n animation:floatDoc 4s ease-in-out infinite;\r\n transition:all .25s;\r\n}\r\n.s2-doc:nth-child(1){ animation-delay:0s; }\r\n.s2-doc:nth-child(2){ animation-delay:.5s; border-color:rgba(6,108,255,.35); background:rgba(6,108,255,.12); }\r\n.s2-doc:nth-child(3){ animation-delay:1s; }\r\n@keyframes floatDoc{\r\n 0%,100%{ transform:translateX(0); }\r\n 50%{ transform:translateX(-8px); }\r\n}\r\n.s2-doc-icon { font-size:20px; }\r\n.s2-doc-info { display:flex; flex-direction:column; }\r\n.s2-doc-name { font-size:12px; font-weight:700; color:white; }\r\n.s2-doc-sub { font-size:10px; color:rgba(255,255,255,.4); }\r\n.s2-doc-status {\r\n margin-left:auto; font-size:9px; font-weight:700;\r\n background:rgba(0,198,255,.15); color:var(--cyan);\r\n padding:3px 8px; border-radius:100px;\r\n}\r\n.s2-content {\r\n position:absolute; left:5%; top:50%; transform:translateY(-50%);\r\n z-index:6; max-width:48%;\r\n}\r\n.s2-content .slide-tag {\r\n background:rgba(6,108,255,.15); border:1px solid rgba(6,108,255,.35); color:var(--cyan);\r\n}\r\n.s2-tag-dot { width:6px; height:6px; border-radius:50%; background:var(--cyan); animation:pulse2 2s infinite; }\r\n@keyframes pulse2{ 0%,100%{opacity:1;} 50%{opacity:.3;} }\r\n.s2-title {\r\n font-size:clamp(22px,3vw,44px); font-weight:900; color:white;\r\n line-height:1.0; letter-spacing:-2px; margin-bottom:8px;\r\n animation:fadeUp .6s ease .5s both;\r\n}\r\n.s2-title .grad { background:var(--grad-bc); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }\r\n.s2-desc { font-size:clamp(11px,1.1vw,13px); color:rgba(255,255,255,.5); line-height:1.6; margin-bottom:14px; animation:fadeUp .6s ease .6s both; }\r\n.s2-pills { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:16px; animation:fadeUp .6s ease .65s both; }\r\n.s2-pill {\r\n display:flex; align-items:center; gap:5px;\r\n background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1);\r\n color:rgba(255,255,255,.75); padding:5px 10px; border-radius:100px;\r\n font-size:10px; font-weight:600;\r\n}\r\n.s2-cta { background:var(--blue); color:white; box-shadow:0 6px 24px rgba(6,108,255,.4); animation:fadeUp .6s ease .75s both; }\r\n.s2-cta:hover { box-shadow:0 10px 32px rgba(6,108,255,.55); transform:translateY(-2px); }\r\n\r\n\/* \u2500\u2500\u2500 SLIDE 3: FOTOGRAF\u00cdA \u2500\u2500\u2500 *\/\r\n.slide-3 { background:#0c0c0c; }\r\n.s3-blob1 {\r\n position:absolute; width:450px; height:450px; border-radius:50%;\r\n background:radial-gradient(circle,rgba(255,124,25,.16) 0%,transparent 65%);\r\n top:-80px; right:-40px; animation:blobFloat 6s ease-in-out infinite;\r\n}\r\n.s3-blob2 {\r\n position:absolute; width:300px; height:300px; border-radius:50%;\r\n background:radial-gradient(circle,rgba(156,29,255,.12) 0%,transparent 65%);\r\n bottom:-60px; left:45%; animation:blobFloat 6s ease-in-out infinite reverse;\r\n}\r\n\r\n.s3-content {\r\n position:absolute; left:5%; top:50%; transform:translateY(-50%);\r\n z-index:6; max-width:50%;\r\n}\r\n.s3-content .slide-tag { background:rgba(255,124,25,.15); border:1px solid rgba(255,124,25,.35); color:var(--orange); }\r\n.s3-title { font-size:clamp(22px,3vw,44px); font-weight:900; color:white; line-height:1.0; letter-spacing:-2px; margin-bottom:8px; animation:fadeUp .6s ease .5s both; }\r\n.s3-title .orange { background:linear-gradient(90deg,var(--orange),#ff4e50); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }\r\n.s3-desc { font-size:clamp(11px,1.1vw,13px); color:rgba(255,255,255,.5); line-height:1.6; margin-bottom:12px; animation:fadeUp .6s ease .6s both; }\r\n.s3-sizes { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:14px; animation:fadeUp .6s ease .65s both; }\r\n.s3-size {\r\n background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1);\r\n color:rgba(255,255,255,.7); padding:5px 10px; border-radius:8px;\r\n font-size:10px; font-weight:600; text-align:center;\r\n}\r\n.s3-size small { display:block; font-size:8px; color:rgba(255,255,255,.35); font-weight:400; }\r\n.s3-cta { background:linear-gradient(135deg,var(--orange),#e05500); color:white; box-shadow:0 6px 24px rgba(255,124,25,.35); animation:fadeUp .6s ease .75s both; }\r\n.s3-cta:hover { box-shadow:0 10px 32px rgba(255,124,25,.5); transform:translateY(-2px); }\r\n\r\n\/* Carousel controls *\/\r\n.carousel-nav {\r\n position:absolute; bottom:16px; left:50%; transform:translateX(-50%);\r\n display:flex; gap:8px; z-index:20;\r\n}\r\n.c-dot {\r\n width:8px; height:8px; border-radius:100px;\r\n background:rgba(255,255,255,.3); cursor:pointer;\r\n transition:all .3s; border:none; padding:0;\r\n}\r\n.c-dot.active { width:28px; background:white; }\r\n.carousel-btn {\r\n position:absolute; top:50%; transform:translateY(-50%);\r\n z-index:20; width:40px; height:40px; border-radius:50%;\r\n background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.2);\r\n color:white; font-size:18px; cursor:pointer;\r\n backdrop-filter:blur(8px); transition:all .2s;\r\n display:flex; align-items:center; justify-content:center;\r\n}\r\n.carousel-btn:hover { background:rgba(255,255,255,.25); transform:translateY(-50%) scale(1.08); }\r\n.carousel-btn.prev { left:14px; }\r\n.carousel-btn.next { right:14px; }\r\n.c-progress {\r\n position:absolute; bottom:0; left:0; height:3px;\r\n background:var(--blue); animation:cProgress 5s linear infinite; z-index:20;\r\n}\r\n@keyframes cProgress{ from{width:0%;} to{width:100%;} }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n TICKER STRIP \u2014 estilo OK.DOCK\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.ticker { background:var(--blue); padding:10px 0; overflow:hidden; }\r\n.ticker-track {\r\n display:flex; gap:48px; width:max-content;\r\n animation:tickerScroll 20s linear infinite;\r\n}\r\n.ticker-item {\r\n display:flex; align-items:center; gap:10px;\r\n color:white; font-size:13px; font-weight:600; white-space:nowrap;\r\n}\r\n.ticker-sep { color:rgba(255,255,255,.4); font-size:16px; }\r\n@keyframes tickerScroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n CATEGOR\u00cdAS \/ SERVICIOS \u2014 estilo tienda OK.DOCK\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.section { padding:64px 32px; }\r\n.section-header { margin-bottom:40px; }\r\n.sec-label {\r\n display:inline-flex; align-items:center; gap:8px;\r\n color:var(--blue); font-size:11px; font-weight:700;\r\n letter-spacing:2.5px; text-transform:uppercase; margin-bottom:10px;\r\n}\r\n.sec-label::before { content:''; width:18px; height:2px; background:var(--blue); }\r\n.sec-title {\r\n font-size:clamp(28px,3.5vw,44px); font-weight:800;\r\n letter-spacing:-1.5px; line-height:1.05;\r\n}\r\n.sec-title em { font-style:normal; color:var(--blue); }\r\n\r\n\/* Service category grid \u2014 estilo tiles OK.DOCK *\/\r\n.cats-grid {\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:16px;\r\n}\r\n.cat-card {\r\n border-radius:20px; overflow:hidden; position:relative;\r\n cursor:pointer; transition:transform .3s, box-shadow .3s;\r\n aspect-ratio:1\/1;\r\n display:flex; flex-direction:column; justify-content:flex-end;\r\n}\r\n.cat-card:hover { transform:translateY(-4px); box-shadow:0 20px 60px rgba(0,0,0,.15); }\r\n.cat-card:hover .cat-img { transform:scale(1.06); }\r\n.cat-card.tall { grid-row:span 2; aspect-ratio:unset; }\r\n.cat-card.wide { grid-column:span 2; aspect-ratio:16\/9; }\r\n.cat-img {\r\n position:absolute; inset:0; width:100%; height:100%;\r\n object-fit:cover; transition:transform .5s ease;\r\n}\r\n.cat-overlay {\r\n position:absolute; inset:0;\r\n background:linear-gradient(to top, rgba(0,0,0,.75) 0%, rgba(0,0,0,.1) 60%, transparent 100%);\r\n}\r\n.cat-overlay.blue { background:linear-gradient(135deg, rgba(6,108,255,.85), rgba(0,198,255,.6)); }\r\n.cat-overlay.dark { background:linear-gradient(to top, rgba(0,0,0,.88) 0%, rgba(0,0,0,.3) 100%); }\r\n.cat-content { position:relative; z-index:2; padding:20px; color:white; }\r\n.cat-num { font-size:10px; font-weight:700; letter-spacing:2px; opacity:.5; margin-bottom:6px; }\r\n.cat-icon { font-size:28px; margin-bottom:8px; display:block; }\r\n.cat-name { font-size:clamp(15px,1.8vw,20px); font-weight:800; letter-spacing:-.5px; margin-bottom:4px; }\r\n.cat-desc { font-size:12px; opacity:.7; line-height:1.4; }\r\n.cat-arrow {\r\n position:absolute; top:16px; right:16px; z-index:2;\r\n width:32px; height:32px; border-radius:50%;\r\n background:rgba(255,255,255,.15); backdrop-filter:blur(4px);\r\n display:flex; align-items:center; justify-content:center;\r\n font-size:14px; color:white; transition:all .25s;\r\n}\r\n.cat-card:hover .cat-arrow { background:var(--blue); transform:rotate(45deg); }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n TR\u00c1MITES \u2014 secci\u00f3n dark estilo OK.DOCK\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.tramites-section {\r\n background:var(--black); padding:64px 32px;\r\n position:relative; overflow:hidden;\r\n}\r\n.tramites-section::before {\r\n content:''; position:absolute;\r\n top:-200px; right:-100px; width:600px; height:600px; border-radius:50%;\r\n background:radial-gradient(circle,rgba(6,108,255,.18) 0%,transparent 60%);\r\n pointer-events:none;\r\n}\r\n.tramites-grid-layout { display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; position:relative; z-index:2; }\r\n.tramites-left .sec-label { color:var(--cyan); }\r\n.tramites-left .sec-title { color:white; }\r\n.tramites-left .sec-title em { background:var(--grad-bc); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }\r\n.tramites-desc { color:rgba(255,255,255,.5); font-size:15px; line-height:1.7; margin-top:12px; margin-bottom:28px; max-width:400px; }\r\n.tramites-cards { display:flex; flex-direction:column; gap:12px; }\r\n.tramite-row {\r\n display:flex; align-items:center; gap:16px;\r\n background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.07);\r\n border-radius:16px; padding:16px 20px;\r\n transition:all .25s; cursor:pointer;\r\n}\r\n.tramite-row:hover {\r\n background:rgba(6,108,255,.12);\r\n border-color:rgba(6,108,255,.35);\r\n transform:translateX(6px);\r\n}\r\n.tramite-ico {\r\n width:48px; height:48px; border-radius:14px;\r\n display:flex; align-items:center; justify-content:center;\r\n font-size:22px; flex-shrink:0; overflow:hidden;\r\n}\r\n.tramite-ico img { width:100%; height:100%; object-fit:cover; border-radius:inherit; opacity:.75; }\r\n.tramite-ico.b { background:rgba(6,108,255,.2); }\r\n.tramite-ico.c { background:rgba(0,198,255,.15); }\r\n.tramite-ico.p { background:rgba(156,29,255,.2); }\r\n.tramite-text h3 { font-size:14px; font-weight:700; color:white; margin-bottom:2px; }\r\n.tramite-text p { font-size:12px; color:rgba(255,255,255,.45); line-height:1.4; }\r\n.tramite-badge {\r\n margin-left:auto; font-size:10px; font-weight:700;\r\n background:rgba(0,198,255,.15); color:var(--cyan);\r\n padding:5px 10px; border-radius:100px; flex-shrink:0;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n CTA WHATSAPP\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.cta-section { padding:64px 32px; background:var(--gray-light); }\r\n.cta-inner {\r\n max-width:1200px; margin:0 auto;\r\n display:grid; grid-template-columns:1fr 1fr; gap:32px; align-items:center;\r\n}\r\n.cta-card {\r\n border-radius:28px; padding:48px 40px; color:white; position:relative; overflow:hidden;\r\n background:var(--blue);\r\n}\r\n.cta-card::after {\r\n content:'\u2713'; position:absolute; right:-20px; bottom:-40px;\r\n font-size:180px; font-weight:900; color:rgba(255,255,255,.06); line-height:1;\r\n}\r\n.cta-card-img {\r\n position:absolute; inset:0; width:100%; height:100%; object-fit:cover;\r\n opacity:.15; mix-blend-mode:overlay;\r\n}\r\n.cta-card-inner { position:relative; z-index:2; }\r\n.cta-title { font-size:clamp(24px,3vw,38px); font-weight:900; letter-spacing:-1.5px; line-height:1.1; margin-bottom:12px; }\r\n.cta-sub { font-size:14px; opacity:.8; line-height:1.6; margin-bottom:28px; }\r\n.btn-wa {\r\n display:inline-flex; align-items:center; gap:10px;\r\n background:white; color:#25D366;\r\n padding:14px 24px; border-radius:100px;\r\n font-size:14px; font-weight:700; transition:all .25s;\r\n}\r\n.btn-wa:hover { transform:translateY(-2px); box-shadow:0 8px 28px rgba(0,0,0,.2); }\r\n.cta-contact { display:flex; flex-direction:column; gap:12px; }\r\n.cta-contact h2 { font-size:clamp(22px,2.5vw,32px); font-weight:800; letter-spacing:-1px; margin-bottom:6px; }\r\n.cta-contact p { color:#666; font-size:14px; line-height:1.6; margin-bottom:16px; }\r\n.contact-row {\r\n display:flex; align-items:center; gap:14px;\r\n padding:16px 20px; background:white; border-radius:14px;\r\n transition:all .25s; box-shadow:0 2px 8px rgba(0,0,0,.04);\r\n}\r\n.contact-row:hover { transform:translateX(4px); box-shadow:0 4px 20px rgba(6,108,255,.1); }\r\n.contact-ico {\r\n width:42px; height:42px; border-radius:12px;\r\n background:var(--blue); color:white;\r\n display:flex; align-items:center; justify-content:center;\r\n font-size:18px; flex-shrink:0;\r\n}\r\n.contact-text h4 { font-size:14px; font-weight:700; }\r\n.contact-text p { font-size:12px; color:#888; margin:0; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n GALER\u00cdA MOSAIC\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.gallery-section { padding:64px 32px; background:white; }\r\n.gallery-grid {\r\n display:grid;\r\n grid-template-columns:2fr 1fr 1fr;\r\n grid-template-rows:220px 220px;\r\n gap:12px; margin-top:40px;\r\n}\r\n.gallery-cell { border-radius:20px; overflow:hidden; position:relative; cursor:pointer; }\r\n.gallery-cell img { width:100%; height:100%; object-fit:cover; transition:transform .5s; }\r\n.gallery-cell:hover img { transform:scale(1.05); }\r\n.gallery-cell.main { grid-row:span 2; }\r\n.gallery-label {\r\n position:absolute; bottom:14px; left:14px;\r\n background:rgba(0,0,0,.55); color:white; backdrop-filter:blur(6px);\r\n padding:6px 14px; border-radius:100px; font-size:11px; font-weight:600;\r\n}\r\n.gallery-maps-btn {\r\n position:absolute; bottom:14px; right:14px;\r\n display:inline-flex; align-items:center; gap:6px;\r\n background:var(--blue); color:white;\r\n padding:8px 14px; border-radius:100px;\r\n font-size:11px; font-weight:700; transition:all .2s;\r\n box-shadow:0 4px 16px rgba(6,108,255,.4);\r\n}\r\n.gallery-maps-btn:hover { transform:scale(1.03); }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SUCURSALES\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.sucursales { padding:56px 32px; background:var(--gray-light); }\r\n.suc-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:32px; }\r\n.suc-card {\r\n background:white; border-radius:20px; padding:24px 28px;\r\n display:flex; gap:20px; align-items:flex-start;\r\n border:1px solid rgba(0,0,0,.06);\r\n transition:all .25s;\r\n}\r\n.suc-card:hover { border-color:var(--blue); box-shadow:0 8px 32px rgba(6,108,255,.1); transform:translateY(-2px); }\r\n.suc-icon {\r\n width:52px; height:52px; border-radius:16px;\r\n background:rgba(6,108,255,.08); color:var(--blue);\r\n display:flex; align-items:center; justify-content:center;\r\n font-size:24px; flex-shrink:0;\r\n}\r\n.suc-info h3 { font-size:16px; font-weight:800; margin-bottom:4px; }\r\n.suc-info p { font-size:13px; color:#666; line-height:1.5; margin-bottom:10px; }\r\n.suc-badge {\r\n display:inline-flex; align-items:center; gap:6px;\r\n background:rgba(6,108,255,.08); color:var(--blue);\r\n padding:5px 12px; border-radius:100px; font-size:11px; font-weight:700;\r\n}\r\n.suc-badge-dot { width:6px; height:6px; border-radius:50%; background:#22c55e; }\r\n.suc-maps { display:inline-flex; align-items:center; gap:6px; margin-left:8px; color:var(--blue); font-size:11px; font-weight:600; text-decoration:underline; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n FAMILIA OK DOCK\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.familia { padding:56px 32px; background:var(--black); }\r\n.familia-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:36px; }\r\n.familia-card {\r\n border-radius:20px; padding:28px; position:relative; overflow:hidden;\r\n border:1px solid rgba(255,255,255,.07);\r\n transition:all .3s; cursor:pointer;\r\n}\r\n.familia-card:hover { border-color:rgba(6,108,255,.4); transform:translateY(-4px); }\r\n.familia-card.active { border-color:var(--blue); background:rgba(6,108,255,.08); }\r\n.familia-brand {\r\n font-size:22px; font-weight:900; letter-spacing:-1px;\r\n margin-bottom:6px;\r\n}\r\n.familia-brand .ok { color:var(--blue); }\r\n.familia-tagline { font-size:11px; color:rgba(255,255,255,.35); letter-spacing:1.5px; text-transform:uppercase; margin-bottom:16px; }\r\n.familia-desc { font-size:13px; color:rgba(255,255,255,.5); line-height:1.6; margin-bottom:16px; }\r\n.familia-link {\r\n display:inline-flex; align-items:center; gap:6px;\r\n font-size:12px; font-weight:700; color:var(--blue);\r\n transition:gap .2s;\r\n}\r\n.familia-card:hover .familia-link { gap:10px; }\r\n.familia-card-glow {\r\n position:absolute; top:-60px; right:-60px;\r\n width:200px; height:200px; border-radius:50%;\r\n opacity:.15; pointer-events:none;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n FOOTER \u2014 estructura OK.DOCK\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\nfooter { background:var(--black); padding:56px 32px 28px; border-top:1px solid rgba(255,255,255,.06); }\r\n.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:40px; padding-bottom:40px; border-bottom:1px solid rgba(255,255,255,.07); margin-bottom:28px; }\r\n.footer-brand-mark { display:flex; align-items:center; gap:10px; margin-bottom:6px; }\r\n.footer-ok { font-size:26px; font-weight:900; color:var(--blue); letter-spacing:-1.5px; }\r\n.footer-station { font-size:9px; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:#555; }\r\n.footer-tagline { font-size:12px; color:rgba(255,255,255,.25); letter-spacing:1.5px; text-transform:uppercase; margin-bottom:14px; }\r\n.footer-about { font-size:13px; color:rgba(255,255,255,.4); line-height:1.7; max-width:260px; margin-bottom:20px; }\r\n.footer-soc { display:flex; gap:8px; }\r\n.footer-soc a {\r\n width:32px; height:32px; border-radius:50%;\r\n background:rgba(255,255,255,.06); color:rgba(255,255,255,.5);\r\n display:flex; align-items:center; justify-content:center;\r\n font-size:13px; transition:all .2s;\r\n}\r\n.footer-soc a:hover { background:var(--blue); color:white; }\r\n.footer-col h4 { font-size:11px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:rgba(255,255,255,.3); margin-bottom:16px; }\r\n.footer-col ul { list-style:none; display:flex; flex-direction:column; gap:8px; }\r\n.footer-col ul a { font-size:13px; color:rgba(255,255,255,.55); transition:color .2s; }\r\n.footer-col ul a:hover { color:var(--blue); }\r\n.footer-bottom { display:flex; align-items:center; justify-content:space-between; }\r\n.footer-copy { font-size:12px; color:rgba(255,255,255,.25); }\r\n.footer-family-note { font-size:12px; color:rgba(255,255,255,.2); }\r\n.footer-family-note a { color:var(--blue); font-weight:700; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SHARED KEYFRAMES\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@keyframes fadeUp { from{opacity:0;transform:translateY(20px);} to{opacity:1;transform:translateY(0);} }\r\n@keyframes fadeIn { from{opacity:0;} to{opacity:1;} }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n RESPONSIVE\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media(max-width:1024px){\r\n .cats-grid { grid-template-columns:repeat(2,1fr); }\r\n .cat-card.wide { grid-column:span 2; }\r\n}\r\n@media(max-width:768px){\r\n .topbar { padding:0 16px; }\r\n .topbar-family { display:none; }\r\n .nav { padding:0 16px; }\r\n .nav-links { display:none; }\r\n .slide { aspect-ratio:4\/3; }\r\n .s1-right, .s2-docs, .s3-shutter, .s3-frames { display:none; }\r\n .s1-content,.s2-content,.s3-content { max-width:80%; }\r\n .cats-grid { grid-template-columns:1fr 1fr; gap:10px; }\r\n .tramites-grid-layout { grid-template-columns:1fr; gap:32px; }\r\n .cta-inner { grid-template-columns:1fr; }\r\n .gallery-grid { grid-template-columns:1fr 1fr; grid-template-rows:160px 160px; }\r\n .gallery-cell.main { grid-row:span 1; grid-column:span 2; }\r\n .suc-grid { grid-template-columns:1fr; }\r\n .familia-grid { grid-template-columns:1fr; }\r\n .footer-grid { grid-template-columns:1fr 1fr; gap:28px; }\r\n .section { padding:48px 16px; }\r\n}\r\n@media(max-width:480px){\r\n .cats-grid { grid-template-columns:1fr; }\r\n .cat-card.wide { grid-column:span 1; aspect-ratio:16\/9; }\r\n .footer-grid { grid-template-columns:1fr; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<div class=\"topbar\">\r\n <div class=\"topbar-left\">\r\n <div class=\"topbar-socials\">\r\n <a href=\"https:\/\/facebook.com\/okdock.station\" target=\"_blank\" title=\"Facebook\">f<\/a>\r\n <a href=\"https:\/\/instagram.com\/okdock.station\" target=\"_blank\" title=\"Instagram\">ig<\/a>\r\n <\/div>\r\n <a href=\"https:\/\/www.okdock.club\/quienes-somos\">\u00bfQui\u00e9nes somos?<\/a>\r\n <\/div>\r\n <div class=\"topbar-phone\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 9.81 19.79 19.79 0 01.01 1.18 2 2 0 012 0h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L6.09 7.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 14z\"\/><\/svg>\r\n \u00a1Hola! (664) 104-4896\r\n <\/div>\r\n <div class=\"topbar-family\">\r\n Familia OK DOCK: <span>|<\/span>\r\n <a href=\"https:\/\/www.okdock.club\" target=\"_blank\">OK.DOCK<\/a>\r\n <span>|<\/span>\r\n <a href=\"#\">OK.fix<\/a>\r\n <span>|<\/span>\r\n <a href=\"#\" style=\"color:var(--blue)\">OK.station<\/a>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<nav class=\"nav\" id=\"nav\">\r\n \r\n <a href=\"#\" class=\"nav-logo\">\r\n <div class=\"logo-dot\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"20 6 9 17 4 12\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"logo-ok\">OK.<\/div>\r\n <div class=\"logo-station\">STATION<\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n \r\n <button class=\"nav-menu-btn\" onclick=\"toggleMega()\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\">\r\n <line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\/>\r\n <line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"\/>\r\n <line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"\/>\r\n <\/svg>\r\n Servicios\r\n <\/button>\r\n\r\n \r\n <ul class=\"nav-links\">\r\n <li>\r\n <a href=\"#banners\">Inicio<\/a>\r\n <\/li>\r\n <li>\r\n <a href=\"#servicios\">Copiado<\/a>\r\n <div class=\"nav-dropdown\">\r\n <a href=\"#servicios\"><div class=\"nav-dropdown-icon\">\ud83d\udcc4<\/div>Copias B&N<\/a>\r\n <a href=\"#servicios\"><div class=\"nav-dropdown-icon\">\ud83c\udfa8<\/div>Copias a Color<\/a>\r\n <a href=\"#servicios\"><div class=\"nav-dropdown-icon\">\ud83d\udcd1<\/div>Doble cara<\/a>\r\n <a href=\"#servicios\"><div class=\"nav-dropdown-icon\">\ud83d\udce6<\/div>Vol\u00famenes grandes<\/a>\r\n <\/div>\r\n <\/li>\r\n <li>\r\n <a href=\"#servicios\">Fotograf\u00eda<\/a>\r\n <div class=\"nav-dropdown\">\r\n <a href=\"#servicios\"><div class=\"nav-dropdown-icon\">\ud83e\uddd2<\/div>Tama\u00f1o Infantil<\/a>\r\n <a href=\"#servicios\"><div class=\"nav-dropdown-icon\">\ud83e\udeaa<\/div>Credencial \/ INE<\/a>\r\n <a href=\"#servicios\"><div class=\"nav-dropdown-icon\">\ud83d\udec2<\/div>Pasaporte<\/a>\r\n <a href=\"#servicios\"><div class=\"nav-dropdown-icon\">\ud83c\udf0e<\/div>Visa USA<\/a>\r\n <\/div>\r\n <\/li>\r\n <li>\r\n <a href=\"#tramites\">Tr\u00e1mites<\/a>\r\n <div class=\"nav-dropdown\">\r\n <a href=\"#tramites\"><div class=\"nav-dropdown-icon\">\ud83d\udec2<\/div>Pasaporte MX<\/a>\r\n <a href=\"#tramites\"><div class=\"nav-dropdown-icon\">\ud83c\udf0e<\/div>Visa USA<\/a>\r\n <a href=\"#tramites\"><div class=\"nav-dropdown-icon\">\ud83d\ude97<\/div>SENTRI \/ NEXUS<\/a>\r\n <a href=\"#tramites\"><div class=\"nav-dropdown-icon\">\ud83d\udccb<\/div>Global Entry<\/a>\r\n <\/div>\r\n <\/li>\r\n <li><a href=\"#servicios\">Impresi\u00f3n<\/a><\/li>\r\n <li><a href=\"#sucursales\">Sucursales<\/a><\/li>\r\n <\/ul>\r\n\r\n \r\n <div class=\"nav-right\">\r\n <div class=\"nav-search\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><\/svg>\r\n Buscar servicio...\r\n <\/div>\r\n <a href=\"https:\/\/wa.me\/526641044896\" class=\"nav-whatsapp\" target=\"_blank\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\r\n WhatsApp\r\n <\/a>\r\n <\/div>\r\n<\/nav>\r\n\r\n\r\n<div class=\"mega-panel\" id=\"megaPanel\">\r\n <div class=\"mega-col\">\r\n <h4>Copiado<\/h4>\r\n <ul>\r\n <li><a href=\"#servicios\"><span>\ud83d\udcc4<\/span> Copias Blanco y Negro<\/a><\/li>\r\n <li><a href=\"#servicios\"><span>\ud83c\udfa8<\/span> Copias a Color<\/a><\/li>\r\n <li><a href=\"#servicios\"><span>\ud83d\udcd1<\/span> Doble cara<\/a><\/li>\r\n <li><a href=\"#servicios\"><span>\ud83d\udce6<\/span> Grandes vol\u00famenes<\/a><\/li>\r\n <li><a href=\"#servicios\"><span>\ud83d\udcd0<\/span> Reducci\u00f3n \/ Ampliaci\u00f3n<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"mega-col\">\r\n <h4>Fotograf\u00eda<\/h4>\r\n <ul>\r\n <li><a href=\"#servicios\"><span>\ud83e\uddd2<\/span> Tama\u00f1o Infantil<\/a><\/li>\r\n <li><a href=\"#servicios\"><span>\ud83e\udeaa<\/span> Credencial \/ INE<\/a><\/li>\r\n <li><a href=\"#servicios\"><span>\ud83d\udec2<\/span> Pasaporte MX<\/a><\/li>\r\n <li><a href=\"#servicios\"><span>\ud83c\udf0e<\/span> Visa USA<\/a><\/li>\r\n <li><a href=\"#servicios\"><span>\ud83d\ude97<\/span> SENTRI \/ Biom\u00e9trica<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"mega-col\">\r\n <h4>Impresi\u00f3n<\/h4>\r\n <ul>\r\n <li><a href=\"#servicios\"><span>\ud83d\uddbc\ufe0f<\/span> Foto 4\u00d76 a 16\u00d720<\/a><\/li>\r\n <li><a href=\"#servicios\"><span>\ud83d\udcd0<\/span> Gran Formato 24\"<\/a><\/li>\r\n <li><a href=\"#servicios\"><span>\ud83d\udcda<\/span> Engargolado<\/a><\/li>\r\n <li><a href=\"#servicios\"><span>\ud83d\uddc2\ufe0f<\/span> Plastificado<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"mega-col\">\r\n <h4>Tr\u00e1mites & Papeler\u00eda<\/h4>\r\n <ul>\r\n <li><a href=\"#tramites\"><span>\ud83d\udec2<\/span> Cita Pasaporte<\/a><\/li>\r\n <li><a href=\"#tramites\"><span>\ud83c\udf0e<\/span> Cita Visa USA<\/a><\/li>\r\n <li><a href=\"#tramites\"><span>\ud83d\ude97<\/span> SENTRI \/ NEXUS<\/a><\/li>\r\n <li><a href=\"#servicios\"><span>\u270f\ufe0f<\/span> Papeler\u00eda<\/a><\/li>\r\n <li><a href=\"#servicios\"><span>\ud83d\udccb<\/span> Asesor\u00eda de documentos<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"grad-bar\"><\/div>\r\n\r\n\r\n<div class=\"carousel-wrap\" id=\"banners\">\r\n <div class=\"carousel\" id=\"carousel\">\r\n <div class=\"slides\" id=\"slides\">\r\n\r\n \r\n <div class=\"slide slide-1 is-active\" id=\"sl0\">\r\n <div class=\"s1-blue-panel\"><\/div>\r\n <img decoding=\"async\" class=\"s1-img\" src=\"https:\/\/okstation.mx\/wp-content\/uploads\/2026\/05\/AdobeStock_267506889.jpeg\" alt=\"Copiado\">\r\n \r\n \r\n <div class=\"s1-content\">\r\n <div class=\"slide-tag\">Servicio de Copiado<\/div>\r\n <h2 class=\"slide-title\">Copiamos todo<br>lo que <span style=\"color:var(--cyan)\">necesites.<\/span><\/h2>\r\n <p class=\"slide-desc\">B&N o color, desde una hoja hasta grandes tirajes. R\u00e1pido y al mejor precio en Tijuana.<\/p>\r\n <a href=\"https:\/\/wa.me\/526641044896\" class=\"slide-cta s1-cta\">Cotizar ahora \u2192<\/a>\r\n <\/div>\r\n <div class=\"s1-right\">\r\n <div class=\"s1-price-from\">Desde<\/div>\r\n <div class=\"s1-price\">$0<sub>.90<\/sub><\/div>\r\n <div class=\"s1-feats\">\r\n <div class=\"s1-feat\"><div class=\"s1-feat-dot\"><\/div>Blanco y negro<\/div>\r\n <div class=\"s1-feat\"><div class=\"s1-feat-dot\"><\/div>Color<\/div>\r\n <div class=\"s1-feat\"><div class=\"s1-feat-dot\"><\/div>Doble cara<\/div>\r\n <div class=\"s1-feat\"><div class=\"s1-feat-dot\"><\/div>Grandes vol\u00famenes<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide slide-2\" id=\"sl1\">\r\n <div class=\"s2-glow1\"><\/div><div class=\"s2-glow2\"><\/div>\r\n <img decoding=\"async\" class=\"s2-img\" src=\"https:\/\/okstation.mx\/wp-content\/uploads\/2026\/05\/AdobeStock_558993708-scaled.png\" alt=\"Citas\">\r\n <div class=\"s2-grid-bg\"><\/div>\r\n <div class=\"s2-border-top\"><\/div>\r\n <div class=\"s2-scan\"><\/div>\r\n <div class=\"s2-docs\">\r\n <div class=\"s2-doc\">\r\n <div class=\"s2-doc-icon\">\ud83d\udec2<\/div>\r\n <div class=\"s2-doc-info\"><div class=\"s2-doc-name\">Pasaporte MX<\/div><div class=\"s2-doc-sub\">Cita SRE \u00b7 Fotos oficiales<\/div><\/div>\r\n <div class=\"s2-doc-status\">Disponible<\/div>\r\n <\/div>\r\n <div class=\"s2-doc\">\r\n <div class=\"s2-doc-icon\">\ud83c\udf0e<\/div>\r\n <div class=\"s2-doc-info\"><div class=\"s2-doc-name\">Visa USA<\/div><div class=\"s2-doc-sub\">DS-160 \u00b7 Foto fondo blanco<\/div><\/div>\r\n <div class=\"s2-doc-status\">Disponible<\/div>\r\n <\/div>\r\n <div class=\"s2-doc\">\r\n <div class=\"s2-doc-icon\">\ud83d\ude97<\/div>\r\n <div class=\"s2-doc-info\"><div class=\"s2-doc-name\">SENTRI \/ NEXUS<\/div><div class=\"s2-doc-sub\">Biom\u00e9trica \u00b7 Documentaci\u00f3n<\/div><\/div>\r\n <div class=\"s2-doc-status\">Disponible<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"s2-content\">\r\n <div class=\"slide-tag\"><span class=\"s2-tag-dot\"><\/span>Citas & Tr\u00e1mites Fronterizos<\/div>\r\n <h2 class=\"s2-title\">Pasaporte, Visa<br>& <span class=\"grad\">SENTRI.<\/span><\/h2>\r\n <p class=\"s2-desc\">En Tijuana los tr\u00e1mites son parte del d\u00eda a d\u00eda. Te guiamos desde cero hasta tener tu cita lista.<\/p>\r\n <div class=\"s2-pills\">\r\n <span class=\"s2-pill\">\ud83d\udec2 Pasaporte MX<\/span>\r\n <span class=\"s2-pill\">\ud83c\udf0e Visa USA<\/span>\r\n <span class=\"s2-pill\">\ud83d\ude97 SENTRI<\/span>\r\n <span class=\"s2-pill\">\ud83d\udccb NEXUS<\/span>\r\n <\/div>\r\n <a href=\"https:\/\/wa.me\/526641044896\" class=\"slide-cta s2-cta\">\ud83d\udcac Agendar por WhatsApp<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide slide-3\" id=\"sl2\">\r\n <div class=\"s3-blob1\"><\/div><div class=\"s3-blob2\"><\/div>\r\n <img decoding=\"async\" class=\"s3-img\" src=\"https:\/\/okstation.mx\/wp-content\/uploads\/2026\/05\/AdobeStock_1000144758-scaled.jpeg\" alt=\"Fotos\">\r\n <div class=\"s3-shutter\"><div class=\"s3-shutter-inner\">\ud83d\udcf7<\/div><\/div>\r\n <div class=\"s3-frames\">\r\n <div class=\"s3-frame-card\"><div class=\"s3-frame-em\">\ud83e\uddd2<\/div><div class=\"s3-frame-info\"><div class=\"s3-frame-name\">Infantil<\/div><div class=\"s3-frame-size\">3 \u00d7 3 cm<\/div><\/div><\/div>\r\n <div class=\"s3-frame-card\"><div class=\"s3-frame-em\">\ud83e\udeaa<\/div><div class=\"s3-frame-info\"><div class=\"s3-frame-name\">Credencial<\/div><div class=\"s3-frame-size\">2.5 \u00d7 3 cm<\/div><\/div><\/div>\r\n <div class=\"s3-frame-card\"><div class=\"s3-frame-em\">\ud83d\udec2<\/div><div class=\"s3-frame-info\"><div class=\"s3-frame-name\">Pasaporte<\/div><div class=\"s3-frame-size\">3.5 \u00d7 4.5 cm<\/div><\/div><\/div>\r\n <\/div>\r\n <div class=\"s3-content\">\r\n <div class=\"slide-tag\">\ud83d\udcf7 Fotograf\u00eda Oficial<\/div>\r\n <h2 class=\"s3-title\">Tu foto perfecta<br>para <span class=\"orange\">cada tr\u00e1mite.<\/span><\/h2>\r\n <p class=\"s3-desc\">Medidas y fondos oficiales para cualquier tr\u00e1mite. Resultados inmediatos, siempre con una sonrisa.<\/p>\r\n <div class=\"s3-sizes\">\r\n <div class=\"s3-size\">Infantil<small>3\u00d73 cm<\/small><\/div>\r\n <div class=\"s3-size\">Credencial<small>2.5\u00d73 cm<\/small><\/div>\r\n <div class=\"s3-size\">Pasaporte<small>3.5\u00d74.5 cm<\/small><\/div>\r\n <div class=\"s3-size\">Visa USA<small>5\u00d75 cm<\/small><\/div>\r\n <div class=\"s3-size\">SENTRI<small>Biom\u00e9trica<\/small><\/div>\r\n <\/div>\r\n <a href=\"https:\/\/wa.me\/526641044896\" class=\"slide-cta s3-cta\">\ud83d\udcf7 Agendar sesi\u00f3n<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"carousel-nav\">\r\n <button class=\"c-dot active\" onclick=\"goTo(0)\"><\/button>\r\n <button class=\"c-dot\" onclick=\"goTo(1)\"><\/button>\r\n <button class=\"c-dot\" onclick=\"goTo(2)\"><\/button>\r\n <\/div>\r\n <button class=\"carousel-btn prev\" onclick=\"prev()\">\u2039<\/button>\r\n <button class=\"carousel-btn next\" onclick=\"next()\">\u203a<\/button>\r\n <div class=\"c-progress\" id=\"cProgress\"><\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"ticker\">\r\n <div class=\"ticker-track\">\r\n <span class=\"ticker-item\">\ud83d\udcc4 Copias fotost\u00e1ticas<\/span><span class=\"ticker-sep\">\u00b7<\/span>\r\n <span class=\"ticker-item\">\ud83d\udcf7 Fotograf\u00eda para tr\u00e1mites<\/span><span class=\"ticker-sep\">\u00b7<\/span>\r\n <span class=\"ticker-item\">\ud83d\udda8\ufe0f Impresi\u00f3n 4\u00d76 hasta plotter 24\"<\/span><span class=\"ticker-sep\">\u00b7<\/span>\r\n <span class=\"ticker-item\">\ud83d\udcda Engargolado<\/span><span class=\"ticker-sep\">\u00b7<\/span>\r\n <span class=\"ticker-item\">\ud83d\udec2 Citas Pasaporte MX<\/span><span class=\"ticker-sep\">\u00b7<\/span>\r\n <span class=\"ticker-item\">\ud83c\udf0e Visa USA<\/span><span class=\"ticker-sep\">\u00b7<\/span>\r\n <span class=\"ticker-item\">\ud83d\ude97 SENTRI \/ NEXUS<\/span><span class=\"ticker-sep\">\u00b7<\/span>\r\n <span class=\"ticker-item\">\u270f\ufe0f Papeler\u00eda<\/span><span class=\"ticker-sep\">\u00b7<\/span>\r\n \r\n <span class=\"ticker-item\">\ud83d\udcc4 Copias fotost\u00e1ticas<\/span><span class=\"ticker-sep\">\u00b7<\/span>\r\n <span class=\"ticker-item\">\ud83d\udcf7 Fotograf\u00eda para tr\u00e1mites<\/span><span class=\"ticker-sep\">\u00b7<\/span>\r\n <span class=\"ticker-item\">\ud83d\udda8\ufe0f Impresi\u00f3n 4\u00d76 hasta plotter 24\"<\/span><span class=\"ticker-sep\">\u00b7<\/span>\r\n <span class=\"ticker-item\">\ud83d\udcda Engargolado<\/span><span class=\"ticker-sep\">\u00b7<\/span>\r\n <span class=\"ticker-item\">\ud83d\udec2 Citas Pasaporte MX<\/span><span class=\"ticker-sep\">\u00b7<\/span>\r\n <span class=\"ticker-item\">\ud83c\udf0e Visa USA<\/span><span class=\"ticker-sep\">\u00b7<\/span>\r\n <span class=\"ticker-item\">\ud83d\ude97 SENTRI \/ NEXUS<\/span><span class=\"ticker-sep\">\u00b7<\/span>\r\n <span class=\"ticker-item\">\u270f\ufe0f Papeler\u00eda<\/span>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<section class=\"section\" id=\"servicios\" style=\"background:var(--white);\">\r\n <div style=\"max-width:1200px;margin:0 auto;\">\r\n <div class=\"section-header\">\r\n <div class=\"sec-label\">Nuestros Servicios<\/div>\r\n <h2 class=\"sec-title\">Todo lo que necesitas,<br><em>en un solo lugar.<\/em><\/h2>\r\n <\/div>\r\n <div class=\"cats-grid\">\r\n\r\n \r\n <div class=\"cat-card tall\">\r\n <img decoding=\"async\" class=\"cat-img\" src=\"https:\/\/okstation.mx\/wp-content\/uploads\/2026\/05\/DSC02087-scaled.jpg\" alt=\"Copias\">\r\n <div class=\"cat-overlay dark\"><\/div>\r\n <div class=\"cat-content\">\r\n <div class=\"cat-num\">01<\/div>\r\n <span class=\"cat-icon\">\ud83d\udcc4<\/span>\r\n <div class=\"cat-name\">Copias Fotost\u00e1ticas<\/div>\r\n <div class=\"cat-desc\">B&N o color \u00b7 Desde $0.90 \u00b7 Grandes vol\u00famenes<\/div>\r\n <\/div>\r\n <div class=\"cat-arrow\">\u2192<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"cat-card\" style=\"background:var(--blue);\">\r\n <img decoding=\"async\" class=\"cat-img\" src=\"https:\/\/okstation.mx\/wp-content\/uploads\/2026\/05\/AdobeStock_193108210.jpeg\" alt=\"Foto tr\u00e1mites\" style=\"opacity:.4;\">\r\n <div class=\"cat-overlay\" style=\"background:linear-gradient(to top,rgba(6,108,255,.95) 0%,rgba(6,108,255,.4) 100%);\"><\/div>\r\n <div class=\"cat-content\">\r\n <div class=\"cat-num\" style=\"opacity:.5;\">02<\/div>\r\n <span class=\"cat-icon\">\ud83d\udcf7<\/span>\r\n <div class=\"cat-name\">Fotograf\u00eda para Tr\u00e1mites<\/div>\r\n <div class=\"cat-desc\">Infantil \u00b7 Credencial \u00b7 Pasaporte \u00b7 Visa<\/div>\r\n <\/div>\r\n <div class=\"cat-arrow\">\u2192<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"cat-card\">\r\n <img decoding=\"async\" class=\"cat-img\" src=\"https:\/\/okstation.mx\/wp-content\/uploads\/2026\/05\/AdobeStock_618706344.jpeg\" alt=\"Impresi\u00f3n\">\r\n <div class=\"cat-overlay dark\"><\/div>\r\n <div class=\"cat-content\">\r\n <div class=\"cat-num\">03<\/div>\r\n <span class=\"cat-icon\">\ud83d\uddbc\ufe0f<\/span>\r\n <div class=\"cat-name\">Impresi\u00f3n de Fotograf\u00edas<\/div>\r\n <div class=\"cat-desc\">4\u00d76 hasta Plotter 24\" \u00b7 Calidad profesional<\/div>\r\n <\/div>\r\n <div class=\"cat-arrow\">\u2192<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"cat-card wide\" style=\"background:#040d1c;\">\r\n <img decoding=\"async\" class=\"cat-img\" src=\"https:\/\/okstation.mx\/wp-content\/uploads\/2026\/05\/AdobeStock_267506889.jpeg\" alt=\"Tr\u00e1mites\" style=\"opacity:.15;\">\r\n <div class=\"cat-overlay\" style=\"background:linear-gradient(90deg,rgba(4,13,28,.98) 30%,rgba(6,108,255,.3) 100%);\"><\/div>\r\n <div class=\"cat-content\" style=\"display:flex;align-items:center;gap:24px;padding:28px;\">\r\n <div>\r\n <div class=\"cat-num\" style=\"opacity:.4;\">04<\/div>\r\n <span class=\"cat-icon\">\ud83d\udec2<\/span>\r\n <div class=\"cat-name\">Citas para Tr\u00e1mites<\/div>\r\n <div class=\"cat-desc\">Pasaporte \u00b7 Visa USA \u00b7 SENTRI \u00b7 NEXUS \u00b7 Global Entry<\/div>\r\n <\/div>\r\n <div style=\"margin-left:auto;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;\">\r\n <span style=\"background:rgba(6,108,255,.2);border:1px solid rgba(6,108,255,.4);color:var(--cyan);padding:6px 12px;border-radius:100px;font-size:11px;font-weight:700;\">\ud83d\udec2 Pasaporte<\/span>\r\n <span style=\"background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.7);padding:6px 12px;border-radius:100px;font-size:11px;font-weight:700;\">\ud83c\udf0e Visa USA<\/span>\r\n <span style=\"background:rgba(156,29,255,.15);border:1px solid rgba(156,29,255,.3);color:#c87aff;padding:6px 12px;border-radius:100px;font-size:11px;font-weight:700;\">\ud83d\ude97 SENTRI<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"cat-arrow\">\u2192<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"cat-card\">\r\n <img decoding=\"async\" class=\"cat-img\" src=\"https:\/\/okstation.mx\/wp-content\/uploads\/2026\/05\/DSC02030-scaled.jpg\" alt=\"Engargolado\">\r\n <div class=\"cat-overlay\" style=\"background:linear-gradient(to top,rgba(100,0,200,.88) 0%,rgba(100,0,200,.2) 100%);\"><\/div>\r\n <div class=\"cat-content\">\r\n <div class=\"cat-num\">05<\/div>\r\n <span class=\"cat-icon\">\ud83d\udcda<\/span>\r\n <div class=\"cat-name\">Engargolado<\/div>\r\n <div class=\"cat-desc\">Espiral \u00b7 Argolla \u00b7 Peine \u00b7 Presentaci\u00f3n profesional<\/div>\r\n <\/div>\r\n <div class=\"cat-arrow\">\u2192<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"cat-card\">\r\n <img decoding=\"async\" class=\"cat-img\" src=\"https:\/\/okstation.mx\/wp-content\/uploads\/2026\/05\/AdobeStock_481942404.jpeg\" alt=\"Papeler\u00eda\">\r\n <div class=\"cat-overlay dark\"><\/div>\r\n <div class=\"cat-content\">\r\n <div class=\"cat-num\">06<\/div>\r\n <span class=\"cat-icon\">\u270f\ufe0f<\/span>\r\n <div class=\"cat-name\">Papeler\u00eda<\/div>\r\n <div class=\"cat-desc\">\u00datiles escolares \u00b7 Oficina \u00b7 Hogar<\/div>\r\n <\/div>\r\n <div class=\"cat-arrow\">\u2192<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"tramites-section\" id=\"tramites\">\r\n <div style=\"max-width:1200px;margin:0 auto;\">\r\n <div class=\"tramites-grid-layout\">\r\n <div class=\"tramites-left\">\r\n <div class=\"sec-label\">Citas & Tr\u00e1mites<\/div>\r\n <h2 class=\"sec-title\" style=\"color:white;\">\u00bfNecesitas tu<br>pasaporte o visa?<br><em>Nosotros te guiamos.<\/em><\/h2>\r\n <p class=\"tramites-desc\">En Tijuana los tr\u00e1mites fronterizos son parte del d\u00eda a d\u00eda. Te ayudamos a agendar tu cita y preparar todo lo necesario. Sin complicaciones, sin estr\u00e9s.<\/p>\r\n <a href=\"https:\/\/wa.me\/526641044896\" target=\"_blank\" style=\"display:inline-flex;align-items:center;gap:10px;background:var(--blue);color:white;padding:14px 28px;border-radius:100px;font-size:14px;font-weight:700;box-shadow:0 6px 24px rgba(6,108,255,.4);transition:all .2s;\">\r\n \ud83d\udcac Agendar por WhatsApp\r\n <\/a>\r\n <\/div>\r\n <div class=\"tramites-cards\">\r\n <div class=\"tramite-row\">\r\n <div class=\"tramite-ico b\"><img decoding=\"async\" src=\"https:\/\/okstation.mx\/wp-content\/uploads\/2026\/05\/AdobeStock_1000144758.jpeg\" alt=\"Pasaporte\"><\/div>\r\n <div class=\"tramite-text\"><h3>Pasaporte Mexicano<\/h3><p>Cita SRE \u00b7 Fotos tama\u00f1o oficial \u00b7 Copia de documentos<\/p><\/div>\r\n <div class=\"tramite-badge\">Disponible<\/div>\r\n <\/div>\r\n <div class=\"tramite-row\">\r\n <div class=\"tramite-ico c\"><img decoding=\"async\" src=\"https:\/\/okstation.mx\/wp-content\/uploads\/2026\/05\/AdobeStock_267506889.jpeg\" alt=\"Visa\"><\/div>\r\n <div class=\"tramite-text\"><h3>Visa USA (DS-160)<\/h3><p>Foto fondo blanco \u00b7 Medidas oficiales del consulado<\/p><\/div>\r\n <div class=\"tramite-badge\">Disponible<\/div>\r\n <\/div>\r\n <div class=\"tramite-row\">\r\n <div class=\"tramite-ico p\"><img decoding=\"async\" src=\"https:\/\/okstation.mx\/wp-content\/uploads\/2026\/05\/AdobeStock_618706344.jpeg\" alt=\"SENTRI\"><\/div>\r\n <div class=\"tramite-text\"><h3>SENTRI \/ NEXUS \/ Global Entry<\/h3><p>Foto biom\u00e9trica \u00b7 Documentaci\u00f3n para viajero confiable<\/p><\/div>\r\n <div class=\"tramite-badge\">Disponible<\/div>\r\n <\/div>\r\n <div class=\"tramite-row\">\r\n <div class=\"tramite-ico b\"><img decoding=\"async\" src=\"https:\/\/okstation.mx\/wp-content\/uploads\/2026\/05\/AdobeStock_193108210.jpeg\" alt=\"INE\"><\/div>\r\n <div class=\"tramite-text\"><h3>Credencial INE \/ IFE<\/h3><p>Foto tama\u00f1o credencial \u00b7 Fondo azul o blanco oficial<\/p><\/div>\r\n <div class=\"tramite-badge\">Disponible<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"cta-section\" id=\"contacto\">\r\n <div class=\"cta-inner\">\r\n <div class=\"cta-card\">\r\n <img decoding=\"async\" class=\"cta-card-img\" src=\"https:\/\/okstation.mx\/wp-content\/uploads\/2026\/05\/AdobeStock_193108210.jpeg\" alt=\"Atenci\u00f3n\">\r\n <div class=\"cta-card-inner\">\r\n <div class=\"cta-title\">\u00bfTienes dudas?<br>Escr\u00edbenos ahora.<\/div>\r\n <p class=\"cta-sub\">Somos ese amigo que te escucha y asesora. Respuesta r\u00e1pida, trato personal, siempre con una sonrisa.<\/p>\r\n <a href=\"https:\/\/wa.me\/526641044896\" target=\"_blank\" class=\"btn-wa\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#25D366\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\r\n WhatsApp: (664) 104-4896\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"cta-contact\">\r\n <h2>Encu\u00e9ntranos en<br>Centro Comercial Otay<\/h2>\r\n <p>Local G-03 \u00b7 Carretera Aeropuerto 1900 \u00b7 Tijuana, B.C.<br>Atenci\u00f3n personal, precio justo y siempre con una sonrisa.<\/p>\r\n <div style=\"border-radius:14px;overflow:hidden;height:150px;margin-bottom:12px;\">\r\n <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d500!2d-116.9514835!3d32.5292376!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80d9475a2b534615%3A0x80c51bb5b3fe8f55!2sOk.station!5e0!3m2!1ses!2smx!4v1\" width=\"100%\" height=\"150\" style=\"border:0;display:block;\" allowfullscreen=\"\" loading=\"lazy\"><\/iframe>\r\n <\/div>\r\n <a href=\"https:\/\/maps.app.goo.gl\/YmcwSGgrWqM7du376\" target=\"_blank\" class=\"contact-row\">\r\n <div class=\"contact-ico\">\ud83d\udccd<\/div>\r\n <div class=\"contact-text\"><h4>Centro Comercial Otay<\/h4><p>Local G-03 \u00b7 Carretera Aeropuerto 1900 \u00b7 Tijuana, B.C.<\/p><\/div>\r\n <\/a>\r\n <a href=\"tel:6641044896\" class=\"contact-row\">\r\n <div class=\"contact-ico\">\ud83d\udcde<\/div>\r\n <div class=\"contact-text\"><h4>(664) 104-4896<\/h4><p>(664) 719-4117 \u00b7 Llamada o WhatsApp<\/p><\/div>\r\n <\/a>\r\n <a href=\"mailto:station@okdock.mx\" class=\"contact-row\">\r\n <div class=\"contact-ico\">\u2709\ufe0f<\/div>\r\n <div class=\"contact-text\"><h4>station@okdock.mx<\/h4><p>Cotizaciones y consultas por email<\/p><\/div>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"gallery-section\" id=\"galeria\">\r\n <div style=\"max-width:1200px;margin:0 auto;\">\r\n <div class=\"sec-label\">Nuestro local<\/div>\r\n <h2 class=\"sec-title\">Ven a visitarnos<\/h2>\r\n <div class=\"gallery-grid\">\r\n <div class=\"gallery-cell main\">\r\n <img decoding=\"async\" src=\"https:\/\/okstation.mx\/wp-content\/uploads\/2026\/05\/DSC02066-scaled.jpg\" alt=\"Interior OK.station\">\r\n <div class=\"gallery-label\">\ud83d\udccd OK.station \u00b7 Otay, Tijuana<\/div>\r\n <\/div>\r\n <div class=\"gallery-cell\">\r\n <img decoding=\"async\" src=\"https:\/\/okstation.mx\/wp-content\/uploads\/2026\/05\/DSC01958-scaled.jpg\" alt=\"Copiado\">\r\n <\/div>\r\n <div class=\"gallery-cell\">\r\n <img decoding=\"async\" src=\"https:\/\/okstation.mx\/wp-content\/uploads\/2026\/05\/AdobeStock_193108210.jpeg\" alt=\"Fotograf\u00eda tr\u00e1mites\">\r\n <\/div>\r\n <div class=\"gallery-cell\">\r\n <img decoding=\"async\" src=\"https:\/\/okstation.mx\/wp-content\/uploads\/2026\/05\/DSC02024-scaled.jpg\" alt=\"Tr\u00e1mites\">\r\n <\/div>\r\n <div class=\"gallery-cell\">\r\n <img decoding=\"async\" src=\"https:\/\/okstation.mx\/wp-content\/uploads\/2026\/05\/AdobeStock_481942404.jpeg\" alt=\"Papeler\u00eda\">\r\n <a href=\"https:\/\/maps.app.goo.gl\/YmcwSGgrWqM7du376\" target=\"_blank\" class=\"gallery-maps-btn\">\ud83d\udccd Ver en Maps<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"sucursales\" id=\"sucursales\">\r\n <div style=\"max-width:1200px;margin:0 auto;\">\r\n <div class=\"sec-label\">D\u00f3nde encontrarnos<\/div>\r\n <h2 class=\"sec-title\">Sucursales<\/h2>\r\n <div class=\"suc-grid\">\r\n <div class=\"suc-card\">\r\n <div class=\"suc-icon\">\ud83d\udccd<\/div>\r\n <div class=\"suc-info\">\r\n <h3>OK.station \u00b7 Centro Comercial Otay<\/h3>\r\n <p>Carretera Aeropuerto 1900, Local G-03<br>Otay Constituyentes, 22425 \u00b7 Tijuana, B.C.<\/p>\r\n <div style=\"display:flex;align-items:center;gap:8px;flex-wrap:wrap;\">\r\n <div class=\"suc-badge\"><span class=\"suc-badge-dot\"><\/span>Abierto<\/div>\r\n <a href=\"https:\/\/maps.app.goo.gl\/YmcwSGgrWqM7du376\" target=\"_blank\" class=\"suc-maps\">\ud83d\udccd Ver en Maps \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"suc-card\" style=\"opacity:.7;\">\r\n <div class=\"suc-icon\" style=\"background:rgba(0,0,0,.04);color:#aaa;\">\ud83c\udfec<\/div>\r\n <div class=\"suc-info\">\r\n <h3 style=\"color:#aaa;\">Pr\u00f3ximamente<\/h3>\r\n <p>Nueva sucursal en camino. S\u00edguenos en redes para estar al tanto de nuestras novedades.<\/p>\r\n <div class=\"suc-badge\" style=\"background:rgba(0,0,0,.05);color:#aaa;\">Pr\u00f3ximamente<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"familia\" id=\"familia\">\r\n <div style=\"max-width:1200px;margin:0 auto;\">\r\n <div class=\"sec-label\" style=\"color:var(--cyan);\">Familia OK DOCK<\/div>\r\n <h2 class=\"sec-title\" style=\"color:white;\">Somos parte de algo<br><span style=\"background:var(--grad-bc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\">m\u00e1s grande.<\/span><\/h2>\r\n <p style=\"color:rgba(255,255,255,.4);font-size:15px;margin-top:10px;margin-bottom:36px;max-width:500px;\">Tres marcas, una misma misi\u00f3n: ser ese amigo que escucha, asesora y entrega resultados. Siempre con una sonrisa.<\/p>\r\n <div class=\"familia-grid\">\r\n\r\n <div class=\"familia-card\" style=\"background:rgba(6,108,255,.05);\">\r\n <div class=\"familia-card-glow\" style=\"background:radial-gradient(circle,var(--blue),transparent);\"><\/div>\r\n <div class=\"familia-brand\"><span class=\"ok\">OK.<\/span>DOCK<\/div>\r\n <div class=\"familia-tagline\">You say tech, we listen.<\/div>\r\n <div class=\"familia-desc\">La marca madre. Electr\u00f3nica, gaming y redes para el sector Business, Personal y Gaming. Desde 2004 en Tijuana.<\/div>\r\n <a href=\"https:\/\/www.okdock.club\" target=\"_blank\" class=\"familia-link\">Ver tienda \u2192<\/a>\r\n <\/div>\r\n\r\n <div class=\"familia-card active\">\r\n <div class=\"familia-card-glow\" style=\"background:radial-gradient(circle,var(--cyan),transparent);\"><\/div>\r\n <div class=\"familia-brand\"><span class=\"ok\">OK.<\/span>station<\/div>\r\n <div class=\"familia-tagline\">Materializa tus ideas en f\u00edsico.<\/div>\r\n <div class=\"familia-desc\">Copias, impresiones, fotograf\u00eda para tr\u00e1mites, engargolado y gesti\u00f3n de citas para pasaporte, visa y SENTRI.<\/div>\r\n <a href=\"#\" class=\"familia-link\" style=\"color:var(--cyan);\">Est\u00e1s aqu\u00ed \u2713<\/a>\r\n <\/div>\r\n\r\n <div class=\"familia-card\">\r\n <div class=\"familia-card-glow\" style=\"background:radial-gradient(circle,var(--orange),transparent);\"><\/div>\r\n <div class=\"familia-brand\"><span class=\"ok\">OK.<\/span>fix<\/div>\r\n <div class=\"familia-tagline\">Aprovecha la tecnolog\u00eda al m\u00e1ximo.<\/div>\r\n <div class=\"familia-desc\">Reparaci\u00f3n y cuidado para tu equipo. Diagn\u00f3stico, mantenimiento y soporte t\u00e9cnico personalizado.<\/div>\r\n <a href=\"#\" class=\"familia-link\" style=\"color:var(--orange);\">Pr\u00f3ximamente \u2192<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<div class=\"grad-bar\"><\/div>\r\n\r\n\r\n<footer>\r\n <div style=\"max-width:1200px;margin:0 auto;\">\r\n <div class=\"footer-grid\">\r\n <div>\r\n <div class=\"footer-brand-mark\">\r\n <div style=\"width:28px;height:28px;border-radius:50%;background:var(--blue);display:flex;align-items:center;justify-content:center;\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"footer-ok\">OK.<span style=\"color:white;font-weight:400;font-size:.85em;\">station<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-tagline\">MATERIALIZA TUS IDEAS EN F\u00cdSICO<\/div>\r\n <p class=\"footer-about\">Copias, impresiones, fotograf\u00eda para tr\u00e1mites, engargolado y gesti\u00f3n de citas. Tu lugar de confianza en Tijuana, B.C.<\/p>\r\n <div class=\"footer-soc\">\r\n <a href=\"https:\/\/facebook.com\/okdock.station\" target=\"_blank\">f<\/a>\r\n <a href=\"https:\/\/instagram.com\/okdock.station\" target=\"_blank\">ig<\/a>\r\n <a href=\"https:\/\/www.okdock.club\" target=\"_blank\">\ud83c\udf10<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h4>Servicios<\/h4>\r\n <ul>\r\n <li><a href=\"#servicios\">Copias fotost\u00e1ticas<\/a><\/li>\r\n <li><a href=\"#servicios\">Fotograf\u00eda de tr\u00e1mites<\/a><\/li>\r\n <li><a href=\"#servicios\">Impresi\u00f3n 4\u00d76 a 24\"<\/a><\/li>\r\n <li><a href=\"#servicios\">Engargolado<\/a><\/li>\r\n <li><a href=\"#servicios\">Papeler\u00eda<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h4>Tr\u00e1mites<\/h4>\r\n <ul>\r\n <li><a href=\"#tramites\">Pasaporte Mexicano<\/a><\/li>\r\n <li><a href=\"#tramites\">Visa USA<\/a><\/li>\r\n <li><a href=\"#tramites\">SENTRI<\/a><\/li>\r\n <li><a href=\"#tramites\">NEXUS<\/a><\/li>\r\n <li><a href=\"#tramites\">Global Entry<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h4>Contacto<\/h4>\r\n <ul>\r\n <li><a href=\"https:\/\/wa.me\/526641044896\">(664) 104-4896 WhatsApp<\/a><\/li>\r\n <li><a href=\"tel:6647194117\">(664) 719-4117<\/a><\/li>\r\n <li><a href=\"mailto:station@okdock.mx\">station@okdock.mx<\/a><\/li>\r\n <li><a href=\"https:\/\/maps.app.goo.gl\/YmcwSGgrWqM7du376\" target=\"_blank\">C.C. Otay \u00b7 Local G-03<\/a><\/li>\r\n <li><a href=\"https:\/\/www.okdock.club\" target=\"_blank\">okdock.club<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-bottom\">\r\n <p class=\"footer-copy\">\u00a9 2025 OK.station \u00b7 Tijuana, B.C. \u00b7 Derechos reservados.<\/p>\r\n <p class=\"footer-family-note\">Parte de la familia <a href=\"https:\/\/www.okdock.club\" target=\"_blank\">OK.DOCK<\/a> \u00b7 tech\u2014people \u00b7 Desde 2004<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/footer>\r\n\r\n\r\n<script>\r\n\/* \u2500 Mega panel \u2500 *\/\r\nlet megaOpen = false;\r\nfunction toggleMega(){\r\n megaOpen = !megaOpen;\r\n document.getElementById('megaPanel').classList.toggle('open', megaOpen);\r\n}\r\ndocument.addEventListener('click', e => {\r\n if (!e.target.closest('#megaPanel') && !e.target.closest('.nav-menu-btn')) {\r\n megaOpen = false;\r\n document.getElementById('megaPanel').classList.remove('open');\r\n }\r\n});\r\n\r\n\/* \u2500 Carousel \u2500 *\/\r\nconst slidesEl = document.getElementById('slides');\r\nconst dots = document.querySelectorAll('.c-dot');\r\nconst allSlides = document.querySelectorAll('.slide');\r\nconst prog = document.getElementById('cProgress');\r\nconst TOTAL = 3;\r\nlet cur = 0, timer;\r\n\r\nfunction goTo(n){\r\n allSlides[cur].classList.remove('is-active');\r\n dots[cur].classList.remove('active');\r\n cur = ((n % TOTAL) + TOTAL) % TOTAL;\r\n allSlides[cur].classList.add('is-active');\r\n dots[cur].classList.add('active');\r\n slidesEl.style.transform = `translateX(-${cur * (100\/3)}%)`;\r\n reAnim(cur);\r\n resetProg();\r\n}\r\nfunction next(){ goTo(cur+1); }\r\nfunction prev(){ goTo(cur-1); }\r\n\r\nfunction reAnim(idx){\r\n const els = allSlides[idx].querySelectorAll('.slide-tag,.slide-title,.slide-desc,.slide-cta,.s1-right,.s2-desc,.s2-pills,.s3-desc,.s3-sizes,.s1-blue-panel,.s1-icon-float');\r\n els.forEach(el => { el.style.animation='none'; el.offsetHeight; el.style.animation=''; });\r\n}\r\n\r\nfunction resetProg(){\r\n prog.style.animation='none'; prog.offsetHeight;\r\n prog.style.animation='cProgress 5s linear infinite';\r\n}\r\n\r\nfunction startAuto(){ clearInterval(timer); timer = setInterval(next, 5000); }\r\n\r\nconst cEl = document.querySelector('.carousel');\r\ncEl.addEventListener('mouseenter', ()=>{ clearInterval(timer); prog.style.animationPlayState='paused'; });\r\ncEl.addEventListener('mouseleave', ()=>{ startAuto(); prog.style.animationPlayState='running'; });\r\n\r\nlet tx=0;\r\ncEl.addEventListener('touchstart', e=>{ tx=e.touches[0].clientX; });\r\ncEl.addEventListener('touchend', e=>{ const d=tx-e.changedTouches[0].clientX; if(Math.abs(d)>50) d>0?next():prev(); });\r\ndocument.addEventListener('keydown', e=>{ if(e.key==='ArrowRight') next(); if(e.key==='ArrowLeft') prev(); });\r\n\r\nstartAuto();\r\n\r\n\/* \u2500 Nav sticky shadow \u2500 *\/\r\nwindow.addEventListener('scroll', ()=>{\r\n document.getElementById('nav').style.boxShadow = window.scrollY > 10 ? '0 4px 24px rgba(0,0,0,.1)' : '0 2px 12px rgba(0,0,0,.06)';\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>OK.station \u2014 Copias, Impresiones y Tr\u00e1mites en Tijuana f ig \u00bfQui\u00e9nes somos? \u00a1Hola! (664) 104-4896 Familia OK DOCK: | OK.DOCK | OK.fix | OK.station OK. STATION Servicios Inicio Copiado \ud83d\udcc4Copias B&N \ud83c\udfa8Copias a Color \ud83d\udcd1Doble cara \ud83d\udce6Vol\u00famenes grandes Fotograf\u00eda \ud83e\uddd2Tama\u00f1o Infantil \ud83e\udeaaCredencial \/ INE \ud83d\udec2Pasaporte \ud83c\udf0eVisa USA Tr\u00e1mites \ud83d\udec2Pasaporte MX \ud83c\udf0eVisa USA \ud83d\ude97SENTRI \/ NEXUS […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-506","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/okstation.mx\/index.php?rest_route=\/wp\/v2\/pages\/506","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/okstation.mx\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/okstation.mx\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/okstation.mx\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/okstation.mx\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=506"}],"version-history":[{"count":5,"href":"https:\/\/okstation.mx\/index.php?rest_route=\/wp\/v2\/pages\/506\/revisions"}],"predecessor-version":[{"id":543,"href":"https:\/\/okstation.mx\/index.php?rest_route=\/wp\/v2\/pages\/506\/revisions\/543"}],"wp:attachment":[{"href":"https:\/\/okstation.mx\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=506"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nOK.station \u2014 Copias, Impresiones y Tr\u00e1mites en Tijuana<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n DESIGN TOKENS \u2014 familia OK DOCK\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n:root {\r\n --blue: #066CFF;\r\n --cyan: #00C6FF;\r\n --purple: #9C1DFF;\r\n --orange: #FF7C19;\r\n --black: #000000;\r\n --white: #FFFFFF;\r\n --gray: #DBDBDB;\r\n --gray-light: #F5F5F7;\r\n --gray-mid: #888;\r\n --grad-bc: linear-gradient(135deg, var(--blue), var(--cyan));\r\n --grad-pb: linear-gradient(135deg, var(--purple), var(--blue), var(--cyan));\r\n --grad-op: linear-gradient(135deg, var(--orange), var(--purple));\r\n --grad-official: linear-gradient(90deg,#00C6FF,#066CFF,#9C1DFF,#FF7C19);\r\n --nav-h: 56px;\r\n --topbar-h: 36px;\r\n}\r\n\r\n*,*::before,*::after { margin:0; padding:0; box-sizing:border-box; }\r\nhtml { scroll-behavior:smooth; }\r\nbody { font-family:'Poppins',sans-serif; background:var(--white); color:var(--black); overflow-x:hidden; }\r\na { text-decoration:none; color:inherit; }\r\nimg { display:block; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n TOP BAR \u2014 igual que okdock.club\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.topbar {\r\n height: var(--topbar-h);\r\n background: var(--black);\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 0 32px;\r\n font-size: 12px;\r\n color: rgba(255,255,255,0.6);\r\n}\r\n.topbar-left { display:flex; align-items:center; gap:20px; }\r\n.topbar-left a { color:rgba(255,255,255,0.6); transition:color .2s; }\r\n.topbar-left a:hover { color:var(--cyan); }\r\n.topbar-phone {\r\n display:flex; align-items:center; gap:6px;\r\n color: var(--cyan); font-weight:600; font-size:13px;\r\n}\r\n.topbar-socials { display:flex; align-items:center; gap:12px; }\r\n.topbar-socials a {\r\n width:24px; height:24px; border-radius:50%;\r\n background:rgba(255,255,255,0.08);\r\n display:flex; align-items:center; justify-content:center;\r\n font-size:11px; color:rgba(255,255,255,0.5);\r\n transition:all .2s;\r\n}\r\n.topbar-socials a:hover { background:var(--blue); color:white; }\r\n.topbar-family {\r\n display:flex; align-items:center; gap:8px;\r\n font-size:11px; color:rgba(255,255,255,0.35);\r\n}\r\n.topbar-family span { color:rgba(255,255,255,0.15); }\r\n.topbar-family a {\r\n color:rgba(255,255,255,0.5); font-weight:600;\r\n transition:color .2s;\r\n}\r\n.topbar-family a:hover { color:var(--blue); }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n NAV \u2014 estilo OK.DOCK con mega-men\u00fa\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.nav {\r\n position: sticky;\r\n top: 0; z-index: 200;\r\n height: var(--nav-h);\r\n background: var(--white);\r\n border-bottom: 1px solid rgba(0,0,0,0.07);\r\n display: flex;\r\n align-items: center;\r\n padding: 0 32px;\r\n gap: 0;\r\n box-shadow: 0 2px 12px rgba(0,0,0,0.06);\r\n}\r\n\r\n\/* Logo *\/\r\n.nav-logo {\r\n display:flex; align-items:center; gap:10px;\r\n margin-right:32px; flex-shrink:0;\r\n}\r\n.logo-ok {\r\n font-size:22px; font-weight:900;\r\n color:var(--blue); letter-spacing:-1.5px; line-height:1;\r\n}\r\n.logo-dot {\r\n width:30px; height:30px; border-radius:50%;\r\n background:var(--blue);\r\n display:flex; align-items:center; justify-content:center;\r\n flex-shrink:0;\r\n}\r\n.logo-dot svg { width:16px; height:16px; }\r\n.logo-station {\r\n font-size:10px; font-weight:700;\r\n letter-spacing:3px; text-transform:uppercase;\r\n color:#555; line-height:1; margin-top:2px;\r\n}\r\n\r\n\/* Mega-menu trigger *\/\r\n.nav-menu-btn {\r\n display:flex; align-items:center; gap:8px;\r\n height:36px; padding:0 16px;\r\n background:var(--blue); color:white;\r\n border-radius:8px; font-size:13px; font-weight:700;\r\n cursor:pointer; border:none; flex-shrink:0;\r\n transition:all .2s;\r\n}\r\n.nav-menu-btn:hover { background:#0558d4; }\r\n.nav-menu-btn svg { width:16px; height:16px; }\r\n\r\n\/* Nav links *\/\r\n.nav-links {\r\n display:flex; align-items:center;\r\n list-style:none; gap:4px;\r\n margin-left:16px; flex:1;\r\n}\r\n.nav-links > li { position:relative; }\r\n.nav-links > li > a {\r\n display:flex; align-items:center; gap:4px;\r\n height:36px; padding:0 12px;\r\n font-size:13px; font-weight:500;\r\n color:#333; border-radius:8px;\r\n transition:all .2s; white-space:nowrap;\r\n}\r\n.nav-links > li > a:hover,\r\n.nav-links > li > a.active {\r\n background:rgba(6,108,255,.07);\r\n color:var(--blue);\r\n}\r\n\r\n\/* Dropdown *\/\r\n.nav-dropdown {\r\n position:absolute; top:calc(100% + 8px); left:0;\r\n min-width:200px;\r\n background:white;\r\n border-radius:14px;\r\n box-shadow:0 8px 40px rgba(0,0,0,.12);\r\n border:1px solid rgba(0,0,0,.06);\r\n padding:8px;\r\n opacity:0; visibility:hidden;\r\n transform:translateY(-8px);\r\n transition:all .2s;\r\n z-index:300;\r\n}\r\n.nav-links > li:hover .nav-dropdown {\r\n opacity:1; visibility:visible; transform:translateY(0);\r\n}\r\n.nav-dropdown a {\r\n display:flex; align-items:center; gap:10px;\r\n padding:9px 12px; border-radius:8px;\r\n font-size:13px; color:#333;\r\n transition:all .15s;\r\n}\r\n.nav-dropdown a:hover { background:rgba(6,108,255,.06); color:var(--blue); }\r\n.nav-dropdown-icon {\r\n width:28px; height:28px; border-radius:8px;\r\n display:flex; align-items:center; justify-content:center;\r\n font-size:14px; background:var(--gray-light);\r\n flex-shrink:0;\r\n}\r\n\r\n\/* Nav right *\/\r\n.nav-right {\r\n display:flex; align-items:center; gap:10px;\r\n margin-left:auto; flex-shrink:0;\r\n}\r\n.nav-search {\r\n display:flex; align-items:center; gap:8px;\r\n height:36px; padding:0 14px;\r\n background:var(--gray-light); border-radius:8px;\r\n font-size:13px; color:#888;\r\n cursor:pointer; transition:all .2s;\r\n border:1px solid transparent;\r\n}\r\n.nav-search:hover { border-color:var(--blue); color:var(--blue); background:rgba(6,108,255,.05); }\r\n.nav-whatsapp {\r\n display:flex; align-items:center; gap:6px;\r\n height:36px; padding:0 16px;\r\n background:#25D366; color:white;\r\n border-radius:8px; font-size:13px; font-weight:700;\r\n transition:all .2s;\r\n}\r\n.nav-whatsapp:hover { background:#1db954; transform:translateY(-1px); }\r\n\r\n\/* Mega menu panel *\/\r\n.mega-panel {\r\n position:fixed;\r\n top:calc(var(--topbar-h) + var(--nav-h));\r\n left:0; right:0;\r\n background:white;\r\n border-bottom:1px solid rgba(0,0,0,.08);\r\n box-shadow:0 16px 48px rgba(0,0,0,.1);\r\n z-index:199;\r\n padding:24px 32px;\r\n display:none;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:24px;\r\n}\r\n.mega-panel.open { display:grid; }\r\n.mega-col h4 {\r\n font-size:11px; font-weight:700;\r\n letter-spacing:2px; text-transform:uppercase;\r\n color:#aaa; margin-bottom:12px;\r\n}\r\n.mega-col ul { list-style:none; display:flex; flex-direction:column; gap:4px; }\r\n.mega-col ul a {\r\n display:flex; align-items:center; gap:8px;\r\n font-size:13px; color:#444;\r\n padding:6px 8px; border-radius:8px;\r\n transition:all .15s;\r\n}\r\n.mega-col ul a:hover { background:rgba(6,108,255,.06); color:var(--blue); }\r\n.mega-col ul a span { font-size:15px; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n GRAD BAR\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.grad-bar { height:3px; background:var(--grad-official); }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n CAROUSEL BANNERS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.carousel-wrap { background:var(--black); position:relative; }\r\n.carousel {\r\n width:100%; max-width:100%;\r\n position:relative; overflow:hidden;\r\n}\r\n.slides {\r\n display:flex; width:300%;\r\n transition:transform .85s cubic-bezier(0.77,0,0.175,1);\r\n}\r\n.slide {\r\n width:calc(100%\/3); aspect-ratio:16\/5.5;\r\n position:relative; overflow:hidden; flex-shrink:0;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 SLIDE 1: COPIADO \u2500\u2500\u2500 *\/\r\n.slide-1 { background:var(--white); }\r\n.s1-blue-panel {\r\n position:absolute; top:0; left:0; bottom:0; width:42%;\r\n background:var(--blue);\r\n clip-path:polygon(0 0,88% 0,100% 100%,0 100%);\r\n z-index:2;\r\n}\r\n.s1-img {\r\n position:absolute; right:0; top:0;\r\n width:63%; height:100%; obje<ct-fit:cover; opacity:.85;}\r\n.s1-papers {\r\n position:absolute; left:8%; top:50%; transform:translateY(-50%);\r\n display:flex; flex-direction:column; gap:6px; z-index:4;\r\n}\r\n.s1-paper-line { height:3px; border-radius:2px; background:rgba(255,255,255,.35); }\r\n.s1-paper-line:nth-child(1){ width:70px; }\r\n.s1-paper-line:nth-child(2){ width:50px; background:rgba(255,255,255,.6); }\r\n.s1-paper-line:nth-child(3){ width:60px; }\r\n.s1-paper-line:nth-child(4){ width:40px; background:rgba(255,255,255,.4); }\r\n.s1-icon-float {\r\n position:absolute; left:30%; top:50%; transform:translate(-50%,-50%);\r\n width:72px; height:72px; background:white; border-radius:18px;\r\n display:flex; align-items:center; justify-content:center;\r\n font-size:32px; box-shadow:0 16px 48px rgba(0,0,0,.15);\r\n z-index:5; animation:floatUpDown 3s ease-in-out infinite;\r\n}\r\n@keyframes floatUpDown {\r\n 0%,100%{ transform:translate(-50%,-50%) translateY(0); }\r\n 50%{ transform:translate(-50%,-50%) translateY(-8px); }\r\n}\r\n.s1-content {\r\n position:absolute; left:7%; top:50%; transform:translateY(-50%);\r\n z-index:6; color:white; max-width:32%;\r\n}\r\n.slide-tag {\r\n display:inline-flex; align-items:center; gap:6px;\r\n font-size:10px; font-weight:700; letter-spacing:2px;\r\n text-transform:uppercase; padding:5px 12px; border-radius:100px;\r\n margin-bottom:10px;\r\n animation:fadeUp .6s ease .4s both;\r\n}\r\n.s1-content .slide-tag { background:rgba(255,255,255,.2); color:white; border:1px solid rgba(255,255,255,.25); }\r\n.slide-title {\r\n font-size:clamp(22px,3vw,42px); font-weight:900;\r\n line-height:1.05; letter-spacing:-1.5px; margin-bottom:8px;\r\n animation:fadeUp .6s ease .5s both;\r\n}\r\n.slide-desc {\r\n font-size:clamp(11px,1.1vw,13px); opacity:.8; line-height:1.5;\r\n margin-bottom:16px; font-weight:400;\r\n animation:fadeUp .6s ease .6s both;\r\n}\r\n.slide-cta {\r\n display:inline-flex; align-items:center; gap:8px;\r\n padding:10px 20px; border-radius:100px;\r\n font-size:12px; font-weight:700;\r\n animation:fadeUp .6s ease .7s both;\r\n transition:all .2s; cursor:pointer;\r\n}\r\n.s1-cta { background:white; color:var(--blue); }\r\n.s1-cta:hover { transform:scale(1.03); box-shadow:0 8px 24px rgba(0,0,0,.15); }\r\n.s1-right {\r\n position:absolute; right:5%; top:50%; transform:translateY(-50%);\r\n text-align:right; z-index:6;\r\n animation:fadeUp .7s ease .5s both;\r\n background:rgba(255,255,255,0.85);\r\n backdrop-filter:blur(8px);\r\n padding:20px 28px;\r\n border-radius:18px;\r\n box-shadow:0 8px 32px rgba(0,0,0,0.12);\r\n}\r\n.s1-price-from { font-size:11px; color:#999; font-weight:500; letter-spacing:.5px; }\r\n.s1-price { font-size:clamp(28px,4vw,52px); font-weight:900; color:var(--blue); line-height:1; letter-spacing:-2px; }\r\n.s1-price sub { font-size:.45em; font-weight:600; color:#aaa; letter-spacing:0; }\r\n.s1-feats { margin-top:12px; display:flex; flex-direction:column; gap:5px; align-items:flex-end; }\r\n.s1-feat { display:flex; align-items:center; gap:6px; font-size:12px; color:#555; font-weight:500; }\r\n.s1-feat-dot { width:7px; height:7px; border-radius:50%; background:var(--blue); }\r\n\r\n\/* \u2500\u2500\u2500 SLIDE 2: TR\u00c1MITES \u2500\u2500\u2500 *\/\r\n.slide-2 { background:#040d1c; }\r\n.s2-glow1 {\r\n position:absolute; width:600px; height:600px; border-radius:50%;\r\n background:radial-gradient(circle,rgba(6,108,255,.22) 0%,transparent 65%);\r\n top:-150px; left:-80px;\r\n animation:glowPulse 4s ease-in-out infinite;\r\n}\r\n.s2-glow2 {\r\n position:absolute; width:350px; height:350px; border-radius:50%;\r\n background:radial-gradient(circle,rgba(0,198,255,.1) 0%,transparent 65%);\r\n bottom:-80px; right:180px;\r\n animation:glowPulse 4s ease-in-out infinite reverse;\r\n}\r\n@keyframes glowPulse{ 0%,100%{opacity:.7;transform:scale(1);} 50%{opacity:1;transform:scale(1.05);} }\r\n.s2-grid-bg {\r\n position:absolute; inset:0;\r\n background-image:linear-gradient(rgba(6,108,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(6,108,255,.05) 1px,transparent 1px);\r\n background-size:48px 48px;\r\n}\r\n.s2-scan {\r\n position:absolute; left:0; right:0; height:1px;\r\n background:linear-gradient(90deg,transparent,rgba(0,198,255,.5),transparent);\r\n animation:scanY 4s linear infinite; pointer-events:none;\r\n}\r\n@keyframes scanY{ 0%{top:0;} 100%{top:100%;} }\r\n.s2-border-top {\r\n position:absolute; top:0; left:0; right:0; height:2px;\r\n background:linear-gradient(90deg,transparent,var(--blue),var(--cyan),transparent);\r\n animation:borderScan 3s ease-in-out infinite;\r\n}\r\n@keyframes borderScan{\r\n 0%{transform:scaleX(0);transform-origin:left;}\r\n 50%{transform:scaleX(1);transform-origin:left;}\r\n 51%{transform:scaleX(1);transform-origin:right;}\r\n 100%{transform:scaleX(0);transform-origin:right;}\r\n}\r\n.s2-docs {\r\n position:absolute; right:10%; top:50%; transform:translateY(-50%);\r\n display:flex; flex-direction:column; gap:12px; z-index:5;\r\n}\r\n.s2-doc {\r\n display:flex; align-items:center; gap:10px;\r\n background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08);\r\n border-radius:14px; padding:10px 16px;\r\n animation:floatDoc 4s ease-in-out infinite;\r\n transition:all .25s;\r\n}\r\n.s2-doc:nth-child(1){ animation-delay:0s; }\r\n.s2-doc:nth-child(2){ animation-delay:.5s; border-color:rgba(6,108,255,.35); background:rgba(6,108,255,.12); }\r\n.s2-doc:nth-child(3){ animation-delay:1s; }\r\n@keyframes floatDoc{\r\n 0%,100%{ transform:translateX(0); }\r\n 50%{ transform:translateX(-8px); }\r\n}\r\n.s2-doc-icon { font-size:20px; }\r\n.s2-doc-info { display:flex; flex-direction:column; }\r\n.s2-doc-name { font-size:12px; font-weight:700; color:white; }\r\n.s2-doc-sub { font-size:10px; color:rgba(255,255,255,.4); }\r\n.s2-doc-status {\r\n margin-left:auto; font-size:9px; font-weight:700;\r\n background:rgba(0,198,255,.15); color:var(--cyan);\r\n padding:3px 8px; border-radius:100px;\r\n}\r\n.s2-content {\r\n position:absolute; left:5%; top:50%; transform:translateY(-50%);\r\n z-index:6; max-width:48%;\r\n}\r\n.s2-content .slide-tag {\r\n background:rgba(6,108,255,.15); border:1px solid rgba(6,108,255,.35); color:var(--cyan);\r\n}\r\n.s2-tag-dot { width:6px; height:6px; border-radius:50%; background:var(--cyan); animation:pulse2 2s infinite; }\r\n@keyframes pulse2{ 0%,100%{opacity:1;} 50%{opacity:.3;} }\r\n.s2-title {\r\n font-size:clamp(22px,3vw,44px); font-weight:900; color:white;\r\n line-height:1.0; letter-spacing:-2px; margin-bottom:8px;\r\n animation:fadeUp .6s ease .5s both;\r\n}\r\n.s2-title .grad { background:var(--grad-bc); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }\r\n.s2-desc { font-size:clamp(11px,1.1vw,13px); color:rgba(255,255,255,.5); line-height:1.6; margin-bottom:14px; animation:fadeUp .6s ease .6s both; }\r\n.s2-pills { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:16px; animation:fadeUp .6s ease .65s both; }\r\n.s2-pill {\r\n display:flex; align-items:center; gap:5px;\r\n background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1);\r\n color:rgba(255,255,255,.75); padding:5px 10px; border-radius:100px;\r\n font-size:10px; font-weight:600;\r\n}\r\n.s2-cta { background:var(--blue); color:white; box-shadow:0 6px 24px rgba(6,108,255,.4); animation:fadeUp .6s ease .75s both; }\r\n.s2-cta:hover { box-shadow:0 10px 32px rgba(6,108,255,.55); transform:translateY(-2px); }\r\n\r\n\/* \u2500\u2500\u2500 SLIDE 3: FOTOGRAF\u00cdA \u2500\u2500\u2500 *\/\r\n.slide-3 { background:#0c0c0c; }\r\n.s3-blob1 {\r\n position:absolute; width:450px; height:450px; border-radius:50%;\r\n background:radial-gradient(circle,rgba(255,124,25,.16) 0%,transparent 65%);\r\n top:-80px; right:-40px; animation:blobFloat 6s ease-in-out infinite;\r\n}\r\n.s3-blob2 {\r\n position:absolute; width:300px; height:300px; border-radius:50%;\r\n background:radial-gradient(circle,rgba(156,29,255,.12) 0%,transparent 65%);\r\n bottom:-60px; left:45%; animation:blobFloat 6s ease-in-out infinite reverse;\r\n}\r\n\r\n.s3-content {\r\n position:absolute; left:5%; top:50%; transform:translateY(-50%);\r\n z-index:6; max-width:50%;\r\n}\r\n.s3-content .slide-tag { background:rgba(255,124,25,.15); border:1px solid rgba(255,124,25,.35); color:var(--orange); }\r\n.s3-title { font-size:clamp(22px,3vw,44px); font-weight:900; color:white; line-height:1.0; letter-spacing:-2px; margin-bottom:8px; animation:fadeUp .6s ease .5s both; }\r\n.s3-title .orange { background:linear-gradient(90deg,var(--orange),#ff4e50); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }\r\n.s3-desc { font-size:clamp(11px,1.1vw,13px); color:rgba(255,255,255,.5); line-height:1.6; margin-bottom:12px; animation:fadeUp .6s ease .6s both; }\r\n.s3-sizes { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:14px; animation:fadeUp .6s ease .65s both; }\r\n.s3-size {\r\n background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1);\r\n color:rgba(255,255,255,.7); padding:5px 10px; border-radius:8px;\r\n font-size:10px; font-weight:600; text-align:center;\r\n}\r\n.s3-size small { display:block; font-size:8px; color:rgba(255,255,255,.35); font-weight:400; }\r\n.s3-cta { background:linear-gradient(135deg,var(--orange),#e05500); color:white; box-shadow:0 6px 24px rgba(255,124,25,.35); animation:fadeUp .6s ease .75s both; }\r\n.s3-cta:hover { box-shadow:0 10px 32px rgba(255,124,25,.5); transform:translateY(-2px); }\r\n\r\n\/* Carousel controls *\/\r\n.carousel-nav {\r\n position:absolute; bottom:16px; left:50%; transform:translateX(-50%);\r\n display:flex; gap:8px; z-index:20;\r\n}\r\n.c-dot {\r\n width:8px; height:8px; border-radius:100px;\r\n background:rgba(255,255,255,.3); cursor:pointer;\r\n transition:all .3s; border:none; padding:0;\r\n}\r\n.c-dot.active { width:28px; background:white; }\r\n.carousel-btn {\r\n position:absolute; top:50%; transform:translateY(-50%);\r\n z-index:20; width:40px; height:40px; border-radius:50%;\r\n background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.2);\r\n color:white; font-size:18px; cursor:pointer;\r\n backdrop-filter:blur(8px); transition:all .2s;\r\n display:flex; align-items:center; justify-content:center;\r\n}\r\n.carousel-btn:hover { background:rgba(255,255,255,.25); transform:translateY(-50%) scale(1.08); }\r\n.carousel-btn.prev { left:14px; }\r\n.carousel-btn.next { right:14px; }\r\n.c-progress {\r\n position:absolute; bottom:0; left:0; height:3px;\r\n background:var(--blue); animation:cProgress 5s linear infinite; z-index:20;\r\n}\r\n@keyframes cProgress{ from{width:0%;} to{width:100%;} }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n TICKER STRIP \u2014 estilo OK.DOCK\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.ticker { background:var(--blue); padding:10px 0; overflow:hidden; }\r\n.ticker-track {\r\n display:flex; gap:48px; width:max-content;\r\n animation:tickerScroll 20s linear infinite;\r\n}\r\n.ticker-item {\r\n display:flex; align-items:center; gap:10px;\r\n color:white; font-size:13px; font-weight:600; white-space:nowrap;\r\n}\r\n.ticker-sep { color:rgba(255,255,255,.4); font-size:16px; }\r\n@keyframes tickerScroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n CATEGOR\u00cdAS \/ SERVICIOS \u2014 estilo tienda OK.DOCK\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.section { padding:64px 32px; }\r\n.section-header { margin-bottom:40px; }\r\n.sec-label {\r\n display:inline-flex; align-items:center; gap:8px;\r\n color:var(--blue); font-size:11px; font-weight:700;\r\n letter-spacing:2.5px; text-transform:uppercase; margin-bottom:10px;\r\n}\r\n.sec-label::before { content:''; width:18px; height:2px; background:var(--blue); }\r\n.sec-title {\r\n font-size:clamp(28px,3.5vw,44px); font-weight:800;\r\n letter-spacing:-1.5px; line-height:1.05;\r\n}\r\n.sec-title em { font-style:normal; color:var(--blue); }\r\n\r\n\/* Service category grid \u2014 estilo tiles OK.DOCK *\/\r\n.cats-grid {\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:16px;\r\n}\r\n.cat-card {\r\n border-radius:20px; overflow:hidden; position:relative;\r\n cursor:pointer; transition:transform .3s, box-shadow .3s;\r\n aspect-ratio:1\/1;\r\n display:flex; flex-direction:column; justify-content:flex-end;\r\n}\r\n.cat-card:hover { transform:translateY(-4px); box-shadow:0 20px 60px rgba(0,0,0,.15); }\r\n.cat-card:hover .cat-img { transform:scale(1.06); }\r\n.cat-card.tall { grid-row:span 2; aspect-ratio:unset; }\r\n.cat-card.wide { grid-column:span 2; aspect-ratio:16\/9; }\r\n.cat-img {\r\n position:absolute; inset:0; width:100%; height:100%;\r\n object-fit:cover; transition:transform .5s ease;\r\n}\r\n.cat-overlay {\r\n position:absolute; inset:0;\r\n background:linear-gradient(to top, rgba(0,0,0,.75) 0%, rgba(0,0,0,.1) 60%, transparent 100%);\r\n}\r\n.cat-overlay.blue { background:linear-gradient(135deg, rgba(6,108,255,.85), rgba(0,198,255,.6)); }\r\n.cat-overlay.dark { background:linear-gradient(to top, rgba(0,0,0,.88) 0%, rgba(0,0,0,.3) 100%); }\r\n.cat-content { position:relative; z-index:2; padding:20px; color:white; }\r\n.cat-num { font-size:10px; font-weight:700; letter-spacing:2px; opacity:.5; margin-bottom:6px; }\r\n.cat-icon { font-size:28px; margin-bottom:8px; display:block; }\r\n.cat-name { font-size:clamp(15px,1.8vw,20px); font-weight:800; letter-spacing:-.5px; margin-bottom:4px; }\r\n.cat-desc { font-size:12px; opacity:.7; line-height:1.4; }\r\n.cat-arrow {\r\n position:absolute; top:16px; right:16px; z-index:2;\r\n width:32px; height:32px; border-radius:50%;\r\n background:rgba(255,255,255,.15); backdrop-filter:blur(4px);\r\n display:flex; align-items:center; justify-content:center;\r\n font-size:14px; color:white; transition:all .25s;\r\n}\r\n.cat-card:hover .cat-arrow { background:var(--blue); transform:rotate(45deg); }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n TR\u00c1MITES \u2014 secci\u00f3n dark estilo OK.DOCK\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.tramites-section {\r\n background:var(--black); padding:64px 32px;\r\n position:relative; overflow:hidden;\r\n}\r\n.tramites-section::before {\r\n content:''; position:absolute;\r\n top:-200px; right:-100px; width:600px; height:600px; border-radius:50%;\r\n background:radial-gradient(circle,rgba(6,108,255,.18) 0%,transparent 60%);\r\n pointer-events:none;\r\n}\r\n.tramites-grid-layout { display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; position:relative; z-index:2; }\r\n.tramites-left .sec-label { color:var(--cyan); }\r\n.tramites-left .sec-title { color:white; }\r\n.tramites-left .sec-title em { background:var(--grad-bc); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }\r\n.tramites-desc { color:rgba(255,255,255,.5); font-size:15px; line-height:1.7; margin-top:12px; margin-bottom:28px; max-width:400px; }\r\n.tramites-cards { display:flex; flex-direction:column; gap:12px; }\r\n.tramite-row {\r\n display:flex; align-items:center; gap:16px;\r\n background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.07);\r\n border-radius:16px; padding:16px 20px;\r\n transition:all .25s; cursor:pointer;\r\n}\r\n.tramite-row:hover {\r\n background:rgba(6,108,255,.12);\r\n border-color:rgba(6,108,255,.35);\r\n transform:translateX(6px);\r\n}\r\n.tramite-ico {\r\n width:48px; height:48px; border-radius:14px;\r\n display:flex; align-items:center; justify-content:center;\r\n font-size:22px; flex-shrink:0; overflow:hidden;\r\n}\r\n.tramite-ico img { width:100%; height:100%; object-fit:cover; border-radius:inherit; opacity:.75; }\r\n.tramite-ico.b { background:rgba(6,108,255,.2); }\r\n.tramite-ico.c { background:rgba(0,198,255,.15); }\r\n.tramite-ico.p { background:rgba(156,29,255,.2); }\r\n.tramite-text h3 { font-size:14px; font-weight:700; color:white; margin-bottom:2px; }\r\n.tramite-text p { font-size:12px; color:rgba(255,255,255,.45); line-height:1.4; }\r\n.tramite-badge {\r\n margin-left:auto; font-size:10px; font-weight:700;\r\n background:rgba(0,198,255,.15); color:var(--cyan);\r\n padding:5px 10px; border-radius:100px; flex-shrink:0;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n CTA WHATSAPP\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.cta-section { padding:64px 32px; background:var(--gray-light); }\r\n.cta-inner {\r\n max-width:1200px; margin:0 auto;\r\n display:grid; grid-template-columns:1fr 1fr; gap:32px; align-items:center;\r\n}\r\n.cta-card {\r\n border-radius:28px; padding:48px 40px; color:white; position:relative; overflow:hidden;\r\n background:var(--blue);\r\n}\r\n.cta-card::after {\r\n content:'\u2713'; position:absolute; right:-20px; bottom:-40px;\r\n font-size:180px; font-weight:900; color:rgba(255,255,255,.06); line-height:1;\r\n}\r\n.cta-card-img {\r\n position:absolute; inset:0; width:100%; height:100%; object-fit:cover;\r\n opacity:.15; mix-blend-mode:overlay;\r\n}\r\n.cta-card-inner { position:relative; z-index:2; }\r\n.cta-title { font-size:clamp(24px,3vw,38px); font-weight:900; letter-spacing:-1.5px; line-height:1.1; margin-bottom:12px; }\r\n.cta-sub { font-size:14px; opacity:.8; line-height:1.6; margin-bottom:28px; }\r\n.btn-wa {\r\n display:inline-flex; align-items:center; gap:10px;\r\n background:white; color:#25D366;\r\n padding:14px 24px; border-radius:100px;\r\n font-size:14px; font-weight:700; transition:all .25s;\r\n}\r\n.btn-wa:hover { transform:translateY(-2px); box-shadow:0 8px 28px rgba(0,0,0,.2); }\r\n.cta-contact { display:flex; flex-direction:column; gap:12px; }\r\n.cta-contact h2 { font-size:clamp(22px,2.5vw,32px); font-weight:800; letter-spacing:-1px; margin-bottom:6px; }\r\n.cta-contact p { color:#666; font-size:14px; line-height:1.6; margin-bottom:16px; }\r\n.contact-row {\r\n display:flex; align-items:center; gap:14px;\r\n padding:16px 20px; background:white; border-radius:14px;\r\n transition:all .25s; box-shadow:0 2px 8px rgba(0,0,0,.04);\r\n}\r\n.contact-row:hover { transform:translateX(4px); box-shadow:0 4px 20px rgba(6,108,255,.1); }\r\n.contact-ico {\r\n width:42px; height:42px; border-radius:12px;\r\n background:var(--blue); color:white;\r\n display:flex; align-items:center; justify-content:center;\r\n font-size:18px; flex-shrink:0;\r\n}\r\n.contact-text h4 { font-size:14px; font-weight:700; }\r\n.contact-text p { font-size:12px; color:#888; margin:0; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n GALER\u00cdA MOSAIC\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.gallery-section { padding:64px 32px; background:white; }\r\n.gallery-grid {\r\n display:grid;\r\n grid-template-columns:2fr 1fr 1fr;\r\n grid-template-rows:220px 220px;\r\n gap:12px; margin-top:40px;\r\n}\r\n.gallery-cell { border-radius:20px; overflow:hidden; position:relative; cursor:pointer; }\r\n.gallery-cell img { width:100%; height:100%; object-fit:cover; transition:transform .5s; }\r\n.gallery-cell:hover img { transform:scale(1.05); }\r\n.gallery-cell.main { grid-row:span 2; }\r\n.gallery-label {\r\n position:absolute; bottom:14px; left:14px;\r\n background:rgba(0,0,0,.55); color:white; backdrop-filter:blur(6px);\r\n padding:6px 14px; border-radius:100px; font-size:11px; font-weight:600;\r\n}\r\n.gallery-maps-btn {\r\n position:absolute; bottom:14px; right:14px;\r\n display:inline-flex; align-items:center; gap:6px;\r\n background:var(--blue); color:white;\r\n padding:8px 14px; border-radius:100px;\r\n font-size:11px; font-weight:700; transition:all .2s;\r\n box-shadow:0 4px 16px rgba(6,108,255,.4);\r\n}\r\n.gallery-maps-btn:hover { transform:scale(1.03); }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SUCURSALES\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.sucursales { padding:56px 32px; background:var(--gray-light); }\r\n.suc-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:32px; }\r\n.suc-card {\r\n background:white; border-radius:20px; padding:24px 28px;\r\n display:flex; gap:20px; align-items:flex-start;\r\n border:1px solid rgba(0,0,0,.06);\r\n transition:all .25s;\r\n}\r\n.suc-card:hover { border-color:var(--blue); box-shadow:0 8px 32px rgba(6,108,255,.1); transform:translateY(-2px); }\r\n.suc-icon {\r\n width:52px; height:52px; border-radius:16px;\r\n background:rgba(6,108,255,.08); color:var(--blue);\r\n display:flex; align-items:center; justify-content:center;\r\n font-size:24px; flex-shrink:0;\r\n}\r\n.suc-info h3 { font-size:16px; font-weight:800; margin-bottom:4px; }\r\n.suc-info p { font-size:13px; color:#666; line-height:1.5; margin-bottom:10px; }\r\n.suc-badge {\r\n display:inline-flex; align-items:center; gap:6px;\r\n background:rgba(6,108,255,.08); color:var(--blue);\r\n padding:5px 12px; border-radius:100px; font-size:11px; font-weight:700;\r\n}\r\n.suc-badge-dot { width:6px; height:6px; border-radius:50%; background:#22c55e; }\r\n.suc-maps { display:inline-flex; align-items:center; gap:6px; margin-left:8px; color:var(--blue); font-size:11px; font-weight:600; text-decoration:underline; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n FAMILIA OK DOCK\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.familia { padding:56px 32px; background:var(--black); }\r\n.familia-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:36px; }\r\n.familia-card {\r\n border-radius:20px; padding:28px; position:relative; overflow:hidden;\r\n border:1px solid rgba(255,255,255,.07);\r\n transition:all .3s; cursor:pointer;\r\n}\r\n.familia-card:hover { border-color:rgba(6,108,255,.4); transform:translateY(-4px); }\r\n.familia-card.active { border-color:var(--blue); background:rgba(6,108,255,.08); }\r\n.familia-brand {\r\n font-size:22px; font-weight:900; letter-spacing:-1px;\r\n margin-bottom:6px;\r\n}\r\n.familia-brand .ok { color:var(--blue); }\r\n.familia-tagline { font-size:11px; color:rgba(255,255,255,.35); letter-spacing:1.5px; text-transform:uppercase; margin-bottom:16px; }\r\n.familia-desc { font-size:13px; color:rgba(255,255,255,.5); line-height:1.6; margin-bottom:16px; }\r\n.familia-link {\r\n display:inline-flex; align-items:center; gap:6px;\r\n font-size:12px; font-weight:700; color:var(--blue);\r\n transition:gap .2s;\r\n}\r\n.familia-card:hover .familia-link { gap:10px; }\r\n.familia-card-glow {\r\n position:absolute; top:-60px; right:-60px;\r\n width:200px; height:200px; border-radius:50%;\r\n opacity:.15; pointer-events:none;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n FOOTER \u2014 estructura OK.DOCK\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\nfooter { background:var(--black); padding:56px 32px 28px; border-top:1px solid rgba(255,255,255,.06); }\r\n.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:40px; padding-bottom:40px; border-bottom:1px solid rgba(255,255,255,.07); margin-bottom:28px; }\r\n.footer-brand-mark { display:flex; align-items:center; gap:10px; margin-bottom:6px; }\r\n.footer-ok { font-size:26px; font-weight:900; color:var(--blue); letter-spacing:-1.5px; }\r\n.footer-station { font-size:9px; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:#555; }\r\n.footer-tagline { font-size:12px; color:rgba(255,255,255,.25); letter-spacing:1.5px; text-transform:uppercase; margin-bottom:14px; }\r\n.footer-about { font-size:13px; color:rgba(255,255,255,.4); line-height:1.7; max-width:260px; margin-bottom:20px; }\r\n.footer-soc { display:flex; gap:8px; }\r\n.footer-soc a {\r\n width:32px; height:32px; border-radius:50%;\r\n background:rgba(255,255,255,.06); color:rgba(255,255,255,.5);\r\n display:flex; align-items:center; justify-content:center;\r\n font-size:13px; transition:all .2s;\r\n}\r\n.footer-soc a:hover { background:var(--blue); color:white; }\r\n.footer-col h4 { font-size:11px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:rgba(255,255,255,.3); margin-bottom:16px; }\r\n.footer-col ul { list-style:none; display:flex; flex-direction:column; gap:8px; }\r\n.footer-col ul a { font-size:13px; color:rgba(255,255,255,.55); transition:color .2s; }\r\n.footer-col ul a:hover { color:var(--blue); }\r\n.footer-bottom { display:flex; align-items:center; justify-content:space-between; }\r\n.footer-copy { font-size:12px; color:rgba(255,255,255,.25); }\r\n.footer-family-note { font-size:12px; color:rgba(255,255,255,.2); }\r\n.footer-family-note a { color:var(--blue); font-weight:700; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SHARED KEYFRAMES\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@keyframes fadeUp { from{opacity:0;transform:translateY(20px);} to{opacity:1;transform:translateY(0);} }\r\n@keyframes fadeIn { from{opacity:0;} to{opacity:1;} }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n RESPONSIVE\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media(max-width:1024px){\r\n .cats-grid { grid-template-columns:repeat(2,1fr); }\r\n .cat-card.wide { grid-column:span 2; }\r\n}\r\n@media(max-width:768px){\r\n .topbar { padding:0 16px; }\r\n .topbar-family { display:none; }\r\n .nav { padding:0 16px; }\r\n .nav-links { display:none; }\r\n .slide { aspect-ratio:4\/3; }\r\n .s1-right, .s2-docs, .s3-shutter, .s3-frames { display:none; }\r\n .s1-content,.s2-content,.s3-content { max-width:80%; }\r\n .cats-grid { grid-template-columns:1fr 1fr; gap:10px; }\r\n .tramites-grid-layout { grid-template-columns:1fr; gap:32px; }\r\n .cta-inner { grid-template-columns:1fr; }\r\n .gallery-grid { grid-template-columns:1fr 1fr; grid-template-rows:160px 160px; }\r\n .gallery-cell.main { grid-row:span 1; grid-column:span 2; }\r\n .suc-grid { grid-template-columns:1fr; }\r\n .familia-grid { grid-template-columns:1fr; }\r\n .footer-grid { grid-template-columns:1fr 1fr; gap:28px; }\r\n .section { padding:48px 16px; }\r\n}\r\n@media(max-width:480px){\r\n .cats-grid { grid-template-columns:1fr; }\r\n .cat-card.wide { grid-column:span 1; aspect-ratio:16\/9; }\r\n .footer-grid { grid-template-columns:1fr; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<div class=\"topbar\">\r\n <div class=\"topbar-left\">\r\n <div class=\"topbar-socials\">\r\n <a href=\"https:\/\/facebook.com\/okdock.station\" target=\"_blank\" title=\"Facebook\">f<\/a>\r\n <a href=\"https:\/\/instagram.com\/okdock.station\" target=\"_blank\" title=\"Instagram\">ig<\/a>\r\n <\/div>\r\n <a href=\"https:\/\/www.okdock.club\/quienes-somos\">\u00bfQui\u00e9nes somos?<\/a>\r\n <\/div>\r\n <div class=\"topbar-phone\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 9.81 19.79 19.79 0 01.01 1.18 2 2 0 012 0h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L6.09 7.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 14z\"\/><\/svg>\r\n \u00a1Hola! (664) 104-4896\r\n <\/div>\r\n <div class=\"topbar-family\">\r\n Familia OK DOCK: <span>|<\/span>\r\n <a href=\"https:\/\/www.okdock.club\" target=\"_blank\">OK.DOCK<\/a>\r\n <span>|<\/span>\r\n <a href=\"#\">OK.fix<\/a>\r\n <span>|<\/span>\r\n <a href=\"#\" style=\"color:var(--blue)\">OK.station<\/a>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<nav class=\"nav\" id=\"nav\">\r\n \r\n <a href=\"#\" class=\"nav-logo\">\r\n <div class=\"logo-dot\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"20 6 9 17 4 12\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"logo-ok\">OK.<\/div>\r\n <div class=\"logo-station\">STATION<\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n \r\n <button class=\"nav-menu-btn\" onclick=\"toggleMega()\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\">\r\n <line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\/>\r\n <line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"\/>\r\n <line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"\/>\r\n <\/svg>\r\n Servicios\r\n <\/button>\r\n\r\n \r\n <ul class=\"nav-links\">\r\n <li>\r\n <a href=\"#banners\">Inicio<\/a>\r\n <\/li>\r\n <li>\r\n <a href=\"#servicios\">Copiado<\/a>\r\n <div class=\"nav-dropdown\">\r\n <a href=\"#servicios\"><div class=\"nav-dropdown-icon\">\ud83d\udcc4<\/div>Copias B&N<\/a>\r\n <a href=\"#servicios\"><div class=\"nav-dropdown-icon\">\ud83c\udfa8<\/div>Copias a Color<\/a>\r\n <a href=\"#servicios\"><div class=\"nav-dropdown-icon\">\ud83d\udcd1<\/div>Doble cara<\/a>\r\n <a href=\"#servicios\"><div class=\"nav-dropdown-icon\">\ud83d\udce6<\/div>Vol\u00famenes grandes<\/a>\r\n <\/div>\r\n <\/li>\r\n <li>\r\n <a href=\"#servicios\">Fotograf\u00eda<\/a>\r\n <div class=\"nav-dropdown\">\r\n <a href=\"#servicios\"><div class=\"nav-dropdown-icon\">\ud83e\uddd2<\/div>Tama\u00f1o Infantil<\/a>\r\n <a href=\"#servicios\"><div class=\"nav-dropdown-icon\">\ud83e\udeaa<\/div>Credencial \/ INE<\/a>\r\n <a href=\"#servicios\"><div class=\"nav-dropdown-icon\">\ud83d\udec2<\/div>Pasaporte<\/a>\r\n <a href=\"#servicios\"><div class=\"nav-dropdown-icon\">\ud83c\udf0e<\/div>Visa USA<\/a>\r\n <\/div>\r\n <\/li>\r\n <li>\r\n <a href=\"#tramites\">Tr\u00e1mites<\/a>\r\n <div class=\"nav-dropdown\">\r\n <a href=\"#tramites\"><div class=\"nav-dropdown-icon\">\ud83d\udec2<\/div>Pasaporte MX<\/a>\r\n <a href=\"#tramites\"><div class=\"nav-dropdown-icon\">\ud83c\udf0e<\/div>Visa USA<\/a>\r\n <a href=\"#tramites\"><div class=\"nav-dropdown-icon\">\ud83d\ude97<\/div>SENTRI \/ NEXUS<\/a>\r\n <a href=\"#tramites\"><div class=\"nav-dropdown-icon\">\ud83d\udccb<\/div>Global Entry<\/a>\r\n <\/div>\r\n <\/li>\r\n <li><a href=\"#servicios\">Impresi\u00f3n<\/a><\/li>\r\n <li><a href=\"#sucursales\">Sucursales<\/a><\/li>\r\n <\/ul>\r\n\r\n \r\n <div class=\"nav-right\">\r\n <div class=\"nav-search\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><\/svg>\r\n Buscar servicio...\r\n <\/div>\r\n <a href=\"https:\/\/wa.me\/526641044896\" class=\"nav-whatsapp\" target=\"_blank\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\r\n WhatsApp\r\n <\/a>\r\n <\/div>\r\n<\/nav>\r\n\r\n\r\n<div class=\"mega-panel\" id=\"megaPanel\">\r\n <div class=\"mega-col\">\r\n <h4>Copiado<\/h4>\r\n <ul>\r\n <li><a href=\"#servicios\"><span>\ud83d\udcc4<\/span> Copias Blanco y Negro<\/a><\/li>\r\n <li><a href=\"#servicios\"><span>\ud83c\udfa8<\/span> Copias a Color<\/a><\/li>\r\n <li><a href=\"#servicios\"><span>\ud83d\udcd1<\/span> Doble cara<\/a><\/li>\r\n <li><a href=\"#servicios\"><span>\ud83d\udce6<\/span> Grandes vol\u00famenes<\/a><\/li>\r\n <li><a href=\"#servicios\"><span>\ud83d\udcd0<\/span> Reducci\u00f3n \/ Ampliaci\u00f3n<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"mega-col\">\r\n <h4>Fotograf\u00eda<\/h4>\r\n <ul>\r\n <li><a href=\"#servicios\"><span>\ud83e\uddd2<\/span> Tama\u00f1o Infantil<\/a><\/li>\r\n <li><a href=\"#servicios\"><span>\ud83e\udeaa<\/span> Credencial \/ INE<\/a><\/li>\r\n <li><a href=\"#servicios\"><span>\ud83d\udec2<\/span> Pasaporte MX<\/a><\/li>\r\n <li><a href=\"#servicios\"><span>\ud83c\udf0e<\/span> Visa USA<\/a><\/li>\r\n <li><a href=\"#servicios\"><span>\ud83d\ude97<\/span> SENTRI \/ Biom\u00e9trica<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"mega-col\">\r\n <h4>Impresi\u00f3n<\/h4>\r\n <ul>\r\n <li><a href=\"#servicios\"><span>\ud83d\uddbc\ufe0f<\/span> Foto 4\u00d76 a 16\u00d720<\/a><\/li>\r\n <li><a href=\"#servicios\"><span>\ud83d\udcd0<\/span> Gran Formato 24\"<\/a><\/li>\r\n <li><a href=\"#servicios\"><span>\ud83d\udcda<\/span> Engargolado<\/a><\/li>\r\n <li><a href=\"#servicios\"><span>\ud83d\uddc2\ufe0f<\/span> Plastificado<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"mega-col\">\r\n <h4>Tr\u00e1mites & Papeler\u00eda<\/h4>\r\n <ul>\r\n <li><a href=\"#tramites\"><span>\ud83d\udec2<\/span> Cita Pasaporte<\/a><\/li>\r\n <li><a href=\"#tramites\"><span>\ud83c\udf0e<\/span> Cita Visa USA<\/a><\/li>\r\n <li><a href=\"#tramites\"><span>\ud83d\ude97<\/span> SENTRI \/ NEXUS<\/a><\/li>\r\n <li><a href=\"#servicios\"><span>\u270f\ufe0f<\/span> Papeler\u00eda<\/a><\/li>\r\n <li><a href=\"#servicios\"><span>\ud83d\udccb<\/span> Asesor\u00eda de documentos<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"grad-bar\"><\/div>\r\n\r\n\r\n<div class=\"carousel-wrap\" id=\"banners\">\r\n <div class=\"carousel\" id=\"carousel\">\r\n <div class=\"slides\" id=\"slides\">\r\n\r\n \r\n <div class=\"slide slide-1 is-active\" id=\"sl0\">\r\n <div class=\"s1-blue-panel\"><\/div>\r\n <img decoding=\"async\" class=\"s1-img\" src=\"https:\/\/okstation.mx\/wp-content\/uploads\/2026\/05\/AdobeStock_267506889.jpeg\" alt=\"Copiado\">\r\n \r\n \r\n <div class=\"s1-content\">\r\n <div class=\"slide-tag\">Servicio de Copiado<\/div>\r\n <h2 class=\"slide-title\">Copiamos todo<br>lo que <span style=\"color:var(--cyan)\">necesites.<\/span><\/h2>\r\n <p class=\"slide-desc\">B&N o color, desde una hoja hasta grandes tirajes. R\u00e1pido y al mejor precio en Tijuana.<\/p>\r\n <a href=\"https:\/\/wa.me\/526641044896\" class=\"slide-cta s1-cta\">Cotizar ahora \u2192<\/a>\r\n <\/div>\r\n <div class=\"s1-right\">\r\n <div class=\"s1-price-from\">Desde<\/div>\r\n <div class=\"s1-price\">$0<sub>.90<\/sub><\/div>\r\n <div class=\"s1-feats\">\r\n <div class=\"s1-feat\"><div class=\"s1-feat-dot\"><\/div>Blanco y negro<\/div>\r\n <div class=\"s1-feat\"><div class=\"s1-feat-dot\"><\/div>Color<\/div>\r\n <div class=\"s1-feat\"><div class=\"s1-feat-dot\"><\/div>Doble cara<\/div>\r\n <div class=\"s1-feat\"><div class=\"s1-feat-dot\"><\/div>Grandes vol\u00famenes<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide slide-2\" id=\"sl1\">\r\n <div class=\"s2-glow1\"><\/div><div class=\"s2-glow2\"><\/div>\r\n <img decoding=\"async\" class=\"s2-img\" src=\"https:\/\/okstation.mx\/wp-content\/uploads\/2026\/05\/AdobeStock_558993708-scaled.png\" alt=\"Citas\">\r\n <div class=\"s2-grid-bg\"><\/div>\r\n <div class=\"s2-border-top\"><\/div>\r\n <div class=\"s2-scan\"><\/div>\r\n <div class=\"s2-docs\">\r\n <div class=\"s2-doc\">\r\n <div class=\"s2-doc-icon\">\ud83d\udec2<\/div>\r\n <div class=\"s2-doc-info\"><div class=\"s2-doc-name\">Pasaporte MX<\/div><div class=\"s2-doc-sub\">Cita SRE \u00b7 Fotos oficiales<\/div><\/div>\r\n <div class=\"s2-doc-status\">Disponible<\/div>\r\n <\/div>\r\n <div class=\"s2-doc\">\r\n <div class=\"s2-doc-icon\">\ud83c\udf0e<\/div>\r\n <div class=\"s2-doc-info\"><div class=\"s2-doc-name\">Visa USA<\/div><div class=\"s2-doc-sub\">DS-160 \u00b7 Foto fondo blanco<\/div><\/div>\r\n <div class=\"s2-doc-status\">Disponible<\/div>\r\n <\/div>\r\n <div class=\"s2-doc\">\r\n <div class=\"s2-doc-icon\">\ud83d\ude97<\/div>\r\n <div class=\"s2-doc-info\"><div class=\"s2-doc-name\">SENTRI \/ NEXUS<\/div><div class=\"s2-doc-sub\">Biom\u00e9trica \u00b7 Documentaci\u00f3n<\/div><\/div>\r\n <div class=\"s2-doc-status\">Disponible<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"s2-content\">\r\n <div class=\"slide-tag\"><span class=\"s2-tag-dot\"><\/span>Citas & Tr\u00e1mites Fronterizos<\/div>\r\n <h2 class=\"s2-title\">Pasaporte, Visa<br>& <span class=\"grad\">SENTRI.<\/span><\/h2>\r\n <p class=\"s2-desc\">En Tijuana los tr\u00e1mites son parte del d\u00eda a d\u00eda. Te guiamos desde cero hasta tener tu cita lista.<\/p>\r\n <div class=\"s2-pills\">\r\n <span class=\"s2-pill\">\ud83d\udec2 Pasaporte MX<\/span>\r\n <span class=\"s2-pill\">\ud83c\udf0e Visa USA<\/span>\r\n <span class=\"s2-pill\">\ud83d\ude97 SENTRI<\/span>\r\n <span class=\"s2-pill\">\ud83d\udccb NEXUS<\/span>\r\n <\/div>\r\n <a href=\"https:\/\/wa.me\/526641044896\" class=\"slide-cta s2-cta\">\ud83d\udcac Agendar por WhatsApp<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide slide-3\" id=\"sl2\">\r\n <div class=\"s3-blob1\"><\/div><div class=\"s3-blob2\"><\/div>\r\n <img decoding=\"async\" class=\"s3-img\" src=\"https:\/\/okstation.mx\/wp-content\/uploads\/2026\/05\/AdobeStock_1000144758-scaled.jpeg\" alt=\"Fotos\">\r\n <div class=\"s3-shutter\"><div class=\"s3-shutter-inner\">\ud83d\udcf7<\/div><\/div>\r\n <div class=\"s3-frames\">\r\n <div class=\"s3-frame-card\"><div class=\"s3-frame-em\">\ud83e\uddd2<\/div><div class=\"s3-frame-info\"><div class=\"s3-frame-name\">Infantil<\/div><div class=\"s3-frame-size\">3 \u00d7 3 cm<\/div><\/div><\/div>\r\n <div class=\"s3-frame-card\"><div class=\"s3-frame-em\">\ud83e\udeaa<\/div><div class=\"s3-frame-info\"><div class=\"s3-frame-name\">Credencial<\/div><div class=\"s3-frame-size\">2.5 \u00d7 3 cm<\/div><\/div><\/div>\r\n <div class=\"s3-frame-card\"><div class=\"s3-frame-em\">\ud83d\udec2<\/div><div class=\"s3-frame-info\"><div class=\"s3-frame-name\">Pasaporte<\/div><div class=\"s3-frame-size\">3.5 \u00d7 4.5 cm<\/div><\/div><\/div>\r\n <\/div>\r\n <div class=\"s3-content\">\r\n <div class=\"slide-tag\">\ud83d\udcf7 Fotograf\u00eda Oficial<\/div>\r\n <h2 class=\"s3-title\">Tu foto perfecta<br>para <span class=\"orange\">cada tr\u00e1mite.<\/span><\/h2>\r\n <p class=\"s3-desc\">Medidas y fondos oficiales para cualquier tr\u00e1mite. Resultados inmediatos, siempre con una sonrisa.<\/p>\r\n <div class=\"s3-sizes\">\r\n <div class=\"s3-size\">Infantil<small>3\u00d73 cm<\/small><\/div>\r\n <div class=\"s3-size\">Credencial<small>2.5\u00d73 cm<\/small><\/div>\r\n <div class=\"s3-size\">Pasaporte<small>3.5\u00d74.5 cm<\/small><\/div>\r\n <div class=\"s3-size\">Visa USA<small>5\u00d75 cm<\/small><\/div>\r\n <div class=\"s3-size\">SENTRI<small>Biom\u00e9trica<\/small><\/div>\r\n <\/div>\r\n <a href=\"https:\/\/wa.me\/526641044896\" class=\"slide-cta s3-cta\">\ud83d\udcf7 Agendar sesi\u00f3n<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"carousel-nav\">\r\n <button class=\"c-dot active\" onclick=\"goTo(0)\"><\/button>\r\n <button class=\"c-dot\" onclick=\"goTo(1)\"><\/button>\r\n <button class=\"c-dot\" onclick=\"goTo(2)\"><\/button>\r\n <\/div>\r\n <button class=\"carousel-btn prev\" onclick=\"prev()\">\u2039<\/button>\r\n <button class=\"carousel-btn next\" onclick=\"next()\">\u203a<\/button>\r\n <div class=\"c-progress\" id=\"cProgress\"><\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"ticker\">\r\n <div class=\"ticker-track\">\r\n <span class=\"ticker-item\">\ud83d\udcc4 Copias fotost\u00e1ticas<\/span><span class=\"ticker-sep\">\u00b7<\/span>\r\n <span class=\"ticker-item\">\ud83d\udcf7 Fotograf\u00eda para tr\u00e1mites<\/span><span class=\"ticker-sep\">\u00b7<\/span>\r\n <span class=\"ticker-item\">\ud83d\udda8\ufe0f Impresi\u00f3n 4\u00d76 hasta plotter 24\"<\/span><span class=\"ticker-sep\">\u00b7<\/span>\r\n <span class=\"ticker-item\">\ud83d\udcda Engargolado<\/span><span class=\"ticker-sep\">\u00b7<\/span>\r\n <span class=\"ticker-item\">\ud83d\udec2 Citas Pasaporte MX<\/span><span class=\"ticker-sep\">\u00b7<\/span>\r\n <span class=\"ticker-item\">\ud83c\udf0e Visa USA<\/span><span class=\"ticker-sep\">\u00b7<\/span>\r\n <span class=\"ticker-item\">\ud83d\ude97 SENTRI \/ NEXUS<\/span><span class=\"ticker-sep\">\u00b7<\/span>\r\n <span class=\"ticker-item\">\u270f\ufe0f Papeler\u00eda<\/span><span class=\"ticker-sep\">\u00b7<\/span>\r\n \r\n <span class=\"ticker-item\">\ud83d\udcc4 Copias fotost\u00e1ticas<\/span><span class=\"ticker-sep\">\u00b7<\/span>\r\n <span class=\"ticker-item\">\ud83d\udcf7 Fotograf\u00eda para tr\u00e1mites<\/span><span class=\"ticker-sep\">\u00b7<\/span>\r\n <span class=\"ticker-item\">\ud83d\udda8\ufe0f Impresi\u00f3n 4\u00d76 hasta plotter 24\"<\/span><span class=\"ticker-sep\">\u00b7<\/span>\r\n <span class=\"ticker-item\">\ud83d\udcda Engargolado<\/span><span class=\"ticker-sep\">\u00b7<\/span>\r\n <span class=\"ticker-item\">\ud83d\udec2 Citas Pasaporte MX<\/span><span class=\"ticker-sep\">\u00b7<\/span>\r\n <span class=\"ticker-item\">\ud83c\udf0e Visa USA<\/span><span class=\"ticker-sep\">\u00b7<\/span>\r\n <span class=\"ticker-item\">\ud83d\ude97 SENTRI \/ NEXUS<\/span><span class=\"ticker-sep\">\u00b7<\/span>\r\n <span class=\"ticker-item\">\u270f\ufe0f Papeler\u00eda<\/span>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<section class=\"section\" id=\"servicios\" style=\"background:var(--white);\">\r\n <div style=\"max-width:1200px;margin:0 auto;\">\r\n <div class=\"section-header\">\r\n <div class=\"sec-label\">Nuestros Servicios<\/div>\r\n <h2 class=\"sec-title\">Todo lo que necesitas,<br><em>en un solo lugar.<\/em><\/h2>\r\n <\/div>\r\n <div class=\"cats-grid\">\r\n\r\n \r\n <div class=\"cat-card tall\">\r\n <img decoding=\"async\" class=\"cat-img\" src=\"https:\/\/okstation.mx\/wp-content\/uploads\/2026\/05\/DSC02087-scaled.jpg\" alt=\"Copias\">\r\n <div class=\"cat-overlay dark\"><\/div>\r\n <div class=\"cat-content\">\r\n <div class=\"cat-num\">01<\/div>\r\n <span class=\"cat-icon\">\ud83d\udcc4<\/span>\r\n <div class=\"cat-name\">Copias Fotost\u00e1ticas<\/div>\r\n <div class=\"cat-desc\">B&N o color \u00b7 Desde $0.90 \u00b7 Grandes vol\u00famenes<\/div>\r\n <\/div>\r\n <div class=\"cat-arrow\">\u2192<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"cat-card\" style=\"background:var(--blue);\">\r\n <img decoding=\"async\" class=\"cat-img\" src=\"https:\/\/okstation.mx\/wp-content\/uploads\/2026\/05\/AdobeStock_193108210.jpeg\" alt=\"Foto tr\u00e1mites\" style=\"opacity:.4;\">\r\n <div class=\"cat-overlay\" style=\"background:linear-gradient(to top,rgba(6,108,255,.95) 0%,rgba(6,108,255,.4) 100%);\"><\/div>\r\n <div class=\"cat-content\">\r\n <div class=\"cat-num\" style=\"opacity:.5;\">02<\/div>\r\n <span class=\"cat-icon\">\ud83d\udcf7<\/span>\r\n <div class=\"cat-name\">Fotograf\u00eda para Tr\u00e1mites<\/div>\r\n <div class=\"cat-desc\">Infantil \u00b7 Credencial \u00b7 Pasaporte \u00b7 Visa<\/div>\r\n <\/div>\r\n <div class=\"cat-arrow\">\u2192<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"cat-card\">\r\n <img decoding=\"async\" class=\"cat-img\" src=\"https:\/\/okstation.mx\/wp-content\/uploads\/2026\/05\/AdobeStock_618706344.jpeg\" alt=\"Impresi\u00f3n\">\r\n <div class=\"cat-overlay dark\"><\/div>\r\n <div class=\"cat-content\">\r\n <div class=\"cat-num\">03<\/div>\r\n <span class=\"cat-icon\">\ud83d\uddbc\ufe0f<\/span>\r\n <div class=\"cat-name\">Impresi\u00f3n de Fotograf\u00edas<\/div>\r\n <div class=\"cat-desc\">4\u00d76 hasta Plotter 24\" \u00b7 Calidad profesional<\/div>\r\n <\/div>\r\n <div class=\"cat-arrow\">\u2192<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"cat-card wide\" style=\"background:#040d1c;\">\r\n <img decoding=\"async\" class=\"cat-img\" src=\"https:\/\/okstation.mx\/wp-content\/uploads\/2026\/05\/AdobeStock_267506889.jpeg\" alt=\"Tr\u00e1mites\" style=\"opacity:.15;\">\r\n <div class=\"cat-overlay\" style=\"background:linear-gradient(90deg,rgba(4,13,28,.98) 30%,rgba(6,108,255,.3) 100%);\"><\/div>\r\n <div class=\"cat-content\" style=\"display:flex;align-items:center;gap:24px;padding:28px;\">\r\n <div>\r\n <div class=\"cat-num\" style=\"opacity:.4;\">04<\/div>\r\n <span class=\"cat-icon\">\ud83d\udec2<\/span>\r\n <div class=\"cat-name\">Citas para Tr\u00e1mites<\/div>\r\n <div class=\"cat-desc\">Pasaporte \u00b7 Visa USA \u00b7 SENTRI \u00b7 NEXUS \u00b7 Global Entry<\/div>\r\n <\/div>\r\n <div style=\"margin-left:auto;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;\">\r\n <span style=\"background:rgba(6,108,255,.2);border:1px solid rgba(6,108,255,.4);color:var(--cyan);padding:6px 12px;border-radius:100px;font-size:11px;font-weight:700;\">\ud83d\udec2 Pasaporte<\/span>\r\n <span style=\"background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.7);padding:6px 12px;border-radius:100px;font-size:11px;font-weight:700;\">\ud83c\udf0e Visa USA<\/span>\r\n <span style=\"background:rgba(156,29,255,.15);border:1px solid rgba(156,29,255,.3);color:#c87aff;padding:6px 12px;border-radius:100px;font-size:11px;font-weight:700;\">\ud83d\ude97 SENTRI<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"cat-arrow\">\u2192<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"cat-card\">\r\n <img decoding=\"async\" class=\"cat-img\" src=\"https:\/\/okstation.mx\/wp-content\/uploads\/2026\/05\/DSC02030-scaled.jpg\" alt=\"Engargolado\">\r\n <div class=\"cat-overlay\" style=\"background:linear-gradient(to top,rgba(100,0,200,.88) 0%,rgba(100,0,200,.2) 100%);\"><\/div>\r\n <div class=\"cat-content\">\r\n <div class=\"cat-num\">05<\/div>\r\n <span class=\"cat-icon\">\ud83d\udcda<\/span>\r\n <div class=\"cat-name\">Engargolado<\/div>\r\n <div class=\"cat-desc\">Espiral \u00b7 Argolla \u00b7 Peine \u00b7 Presentaci\u00f3n profesional<\/div>\r\n <\/div>\r\n <div class=\"cat-arrow\">\u2192<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"cat-card\">\r\n <img decoding=\"async\" class=\"cat-img\" src=\"https:\/\/okstation.mx\/wp-content\/uploads\/2026\/05\/AdobeStock_481942404.jpeg\" alt=\"Papeler\u00eda\">\r\n <div class=\"cat-overlay dark\"><\/div>\r\n <div class=\"cat-content\">\r\n <div class=\"cat-num\">06<\/div>\r\n <span class=\"cat-icon\">\u270f\ufe0f<\/span>\r\n <div class=\"cat-name\">Papeler\u00eda<\/div>\r\n <div class=\"cat-desc\">\u00datiles escolares \u00b7 Oficina \u00b7 Hogar<\/div>\r\n <\/div>\r\n <div class=\"cat-arrow\">\u2192<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"tramites-section\" id=\"tramites\">\r\n <div style=\"max-width:1200px;margin:0 auto;\">\r\n <div class=\"tramites-grid-layout\">\r\n <div class=\"tramites-left\">\r\n <div class=\"sec-label\">Citas & Tr\u00e1mites<\/div>\r\n <h2 class=\"sec-title\" style=\"color:white;\">\u00bfNecesitas tu<br>pasaporte o visa?<br><em>Nosotros te guiamos.<\/em><\/h2>\r\n <p class=\"tramites-desc\">En Tijuana los tr\u00e1mites fronterizos son parte del d\u00eda a d\u00eda. Te ayudamos a agendar tu cita y preparar todo lo necesario. Sin complicaciones, sin estr\u00e9s.<\/p>\r\n <a href=\"https:\/\/wa.me\/526641044896\" target=\"_blank\" style=\"display:inline-flex;align-items:center;gap:10px;background:var(--blue);color:white;padding:14px 28px;border-radius:100px;font-size:14px;font-weight:700;box-shadow:0 6px 24px rgba(6,108,255,.4);transition:all .2s;\">\r\n \ud83d\udcac Agendar por WhatsApp\r\n <\/a>\r\n <\/div>\r\n <div class=\"tramites-cards\">\r\n <div class=\"tramite-row\">\r\n <div class=\"tramite-ico b\"><img decoding=\"async\" src=\"https:\/\/okstation.mx\/wp-content\/uploads\/2026\/05\/AdobeStock_1000144758.jpeg\" alt=\"Pasaporte\"><\/div>\r\n <div class=\"tramite-text\"><h3>Pasaporte Mexicano<\/h3><p>Cita SRE \u00b7 Fotos tama\u00f1o oficial \u00b7 Copia de documentos<\/p><\/div>\r\n <div class=\"tramite-badge\">Disponible<\/div>\r\n <\/div>\r\n <div class=\"tramite-row\">\r\n <div class=\"tramite-ico c\"><img decoding=\"async\" src=\"https:\/\/okstation.mx\/wp-content\/uploads\/2026\/05\/AdobeStock_267506889.jpeg\" alt=\"Visa\"><\/div>\r\n <div class=\"tramite-text\"><h3>Visa USA (DS-160)<\/h3><p>Foto fondo blanco \u00b7 Medidas oficiales del consulado<\/p><\/div>\r\n <div class=\"tramite-badge\">Disponible<\/div>\r\n <\/div>\r\n <div class=\"tramite-row\">\r\n <div class=\"tramite-ico p\"><img decoding=\"async\" src=\"https:\/\/okstation.mx\/wp-content\/uploads\/2026\/05\/AdobeStock_618706344.jpeg\" alt=\"SENTRI\"><\/div>\r\n <div class=\"tramite-text\"><h3>SENTRI \/ NEXUS \/ Global Entry<\/h3><p>Foto biom\u00e9trica \u00b7 Documentaci\u00f3n para viajero confiable<\/p><\/div>\r\n <div class=\"tramite-badge\">Disponible<\/div>\r\n <\/div>\r\n <div class=\"tramite-row\">\r\n <div class=\"tramite-ico b\"><img decoding=\"async\" src=\"https:\/\/okstation.mx\/wp-content\/uploads\/2026\/05\/AdobeStock_193108210.jpeg\" alt=\"INE\"><\/div>\r\n <div class=\"tramite-text\"><h3>Credencial INE \/ IFE<\/h3><p>Foto tama\u00f1o credencial \u00b7 Fondo azul o blanco oficial<\/p><\/div>\r\n <div class=\"tramite-badge\">Disponible<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"cta-section\" id=\"contacto\">\r\n <div class=\"cta-inner\">\r\n <div class=\"cta-card\">\r\n <img decoding=\"async\" class=\"cta-card-img\" src=\"https:\/\/okstation.mx\/wp-content\/uploads\/2026\/05\/AdobeStock_193108210.jpeg\" alt=\"Atenci\u00f3n\">\r\n <div class=\"cta-card-inner\">\r\n <div class=\"cta-title\">\u00bfTienes dudas?<br>Escr\u00edbenos ahora.<\/div>\r\n <p class=\"cta-sub\">Somos ese amigo que te escucha y asesora. Respuesta r\u00e1pida, trato personal, siempre con una sonrisa.<\/p>\r\n <a href=\"https:\/\/wa.me\/526641044896\" target=\"_blank\" class=\"btn-wa\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#25D366\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\r\n WhatsApp: (664) 104-4896\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"cta-contact\">\r\n <h2>Encu\u00e9ntranos en<br>Centro Comercial Otay<\/h2>\r\n <p>Local G-03 \u00b7 Carretera Aeropuerto 1900 \u00b7 Tijuana, B.C.<br>Atenci\u00f3n personal, precio justo y siempre con una sonrisa.<\/p>\r\n <div style=\"border-radius:14px;overflow:hidden;height:150px;margin-bottom:12px;\">\r\n <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d500!2d-116.9514835!3d32.5292376!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80d9475a2b534615%3A0x80c51bb5b3fe8f55!2sOk.station!5e0!3m2!1ses!2smx!4v1\" width=\"100%\" height=\"150\" style=\"border:0;display:block;\" allowfullscreen=\"\" loading=\"lazy\"><\/iframe>\r\n <\/div>\r\n <a href=\"https:\/\/maps.app.goo.gl\/YmcwSGgrWqM7du376\" target=\"_blank\" class=\"contact-row\">\r\n <div class=\"contact-ico\">\ud83d\udccd<\/div>\r\n <div class=\"contact-text\"><h4>Centro Comercial Otay<\/h4><p>Local G-03 \u00b7 Carretera Aeropuerto 1900 \u00b7 Tijuana, B.C.<\/p><\/div>\r\n <\/a>\r\n <a href=\"tel:6641044896\" class=\"contact-row\">\r\n <div class=\"contact-ico\">\ud83d\udcde<\/div>\r\n <div class=\"contact-text\"><h4>(664) 104-4896<\/h4><p>(664) 719-4117 \u00b7 Llamada o WhatsApp<\/p><\/div>\r\n <\/a>\r\n <a href=\"mailto:station@okdock.mx\" class=\"contact-row\">\r\n <div class=\"contact-ico\">\u2709\ufe0f<\/div>\r\n <div class=\"contact-text\"><h4>station@okdock.mx<\/h4><p>Cotizaciones y consultas por email<\/p><\/div>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"gallery-section\" id=\"galeria\">\r\n <div style=\"max-width:1200px;margin:0 auto;\">\r\n <div class=\"sec-label\">Nuestro local<\/div>\r\n <h2 class=\"sec-title\">Ven a visitarnos<\/h2>\r\n <div class=\"gallery-grid\">\r\n <div class=\"gallery-cell main\">\r\n <img decoding=\"async\" src=\"https:\/\/okstation.mx\/wp-content\/uploads\/2026\/05\/DSC02066-scaled.jpg\" alt=\"Interior OK.station\">\r\n <div class=\"gallery-label\">\ud83d\udccd OK.station \u00b7 Otay, Tijuana<\/div>\r\n <\/div>\r\n <div class=\"gallery-cell\">\r\n <img decoding=\"async\" src=\"https:\/\/okstation.mx\/wp-content\/uploads\/2026\/05\/DSC01958-scaled.jpg\" alt=\"Copiado\">\r\n <\/div>\r\n <div class=\"gallery-cell\">\r\n <img decoding=\"async\" src=\"https:\/\/okstation.mx\/wp-content\/uploads\/2026\/05\/AdobeStock_193108210.jpeg\" alt=\"Fotograf\u00eda tr\u00e1mites\">\r\n <\/div>\r\n <div class=\"gallery-cell\">\r\n <img decoding=\"async\" src=\"https:\/\/okstation.mx\/wp-content\/uploads\/2026\/05\/DSC02024-scaled.jpg\" alt=\"Tr\u00e1mites\">\r\n <\/div>\r\n <div class=\"gallery-cell\">\r\n <img decoding=\"async\" src=\"https:\/\/okstation.mx\/wp-content\/uploads\/2026\/05\/AdobeStock_481942404.jpeg\" alt=\"Papeler\u00eda\">\r\n <a href=\"https:\/\/maps.app.goo.gl\/YmcwSGgrWqM7du376\" target=\"_blank\" class=\"gallery-maps-btn\">\ud83d\udccd Ver en Maps<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"sucursales\" id=\"sucursales\">\r\n <div style=\"max-width:1200px;margin:0 auto;\">\r\n <div class=\"sec-label\">D\u00f3nde encontrarnos<\/div>\r\n <h2 class=\"sec-title\">Sucursales<\/h2>\r\n <div class=\"suc-grid\">\r\n <div class=\"suc-card\">\r\n <div class=\"suc-icon\">\ud83d\udccd<\/div>\r\n <div class=\"suc-info\">\r\n <h3>OK.station \u00b7 Centro Comercial Otay<\/h3>\r\n <p>Carretera Aeropuerto 1900, Local G-03<br>Otay Constituyentes, 22425 \u00b7 Tijuana, B.C.<\/p>\r\n <div style=\"display:flex;align-items:center;gap:8px;flex-wrap:wrap;\">\r\n <div class=\"suc-badge\"><span class=\"suc-badge-dot\"><\/span>Abierto<\/div>\r\n <a href=\"https:\/\/maps.app.goo.gl\/YmcwSGgrWqM7du376\" target=\"_blank\" class=\"suc-maps\">\ud83d\udccd Ver en Maps \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"suc-card\" style=\"opacity:.7;\">\r\n <div class=\"suc-icon\" style=\"background:rgba(0,0,0,.04);color:#aaa;\">\ud83c\udfec<\/div>\r\n <div class=\"suc-info\">\r\n <h3 style=\"color:#aaa;\">Pr\u00f3ximamente<\/h3>\r\n <p>Nueva sucursal en camino. S\u00edguenos en redes para estar al tanto de nuestras novedades.<\/p>\r\n <div class=\"suc-badge\" style=\"background:rgba(0,0,0,.05);color:#aaa;\">Pr\u00f3ximamente<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"familia\" id=\"familia\">\r\n <div style=\"max-width:1200px;margin:0 auto;\">\r\n <div class=\"sec-label\" style=\"color:var(--cyan);\">Familia OK DOCK<\/div>\r\n <h2 class=\"sec-title\" style=\"color:white;\">Somos parte de algo<br><span style=\"background:var(--grad-bc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\">m\u00e1s grande.<\/span><\/h2>\r\n <p style=\"color:rgba(255,255,255,.4);font-size:15px;margin-top:10px;margin-bottom:36px;max-width:500px;\">Tres marcas, una misma misi\u00f3n: ser ese amigo que escucha, asesora y entrega resultados. Siempre con una sonrisa.<\/p>\r\n <div class=\"familia-grid\">\r\n\r\n <div class=\"familia-card\" style=\"background:rgba(6,108,255,.05);\">\r\n <div class=\"familia-card-glow\" style=\"background:radial-gradient(circle,var(--blue),transparent);\"><\/div>\r\n <div class=\"familia-brand\"><span class=\"ok\">OK.<\/span>DOCK<\/div>\r\n <div class=\"familia-tagline\">You say tech, we listen.<\/div>\r\n <div class=\"familia-desc\">La marca madre. Electr\u00f3nica, gaming y redes para el sector Business, Personal y Gaming. Desde 2004 en Tijuana.<\/div>\r\n <a href=\"https:\/\/www.okdock.club\" target=\"_blank\" class=\"familia-link\">Ver tienda \u2192<\/a>\r\n <\/div>\r\n\r\n <div class=\"familia-card active\">\r\n <div class=\"familia-card-glow\" style=\"background:radial-gradient(circle,var(--cyan),transparent);\"><\/div>\r\n <div class=\"familia-brand\"><span class=\"ok\">OK.<\/span>station<\/div>\r\n <div class=\"familia-tagline\">Materializa tus ideas en f\u00edsico.<\/div>\r\n <div class=\"familia-desc\">Copias, impresiones, fotograf\u00eda para tr\u00e1mites, engargolado y gesti\u00f3n de citas para pasaporte, visa y SENTRI.<\/div>\r\n <a href=\"#\" class=\"familia-link\" style=\"color:var(--cyan);\">Est\u00e1s aqu\u00ed \u2713<\/a>\r\n <\/div>\r\n\r\n <div class=\"familia-card\">\r\n <div class=\"familia-card-glow\" style=\"background:radial-gradient(circle,var(--orange),transparent);\"><\/div>\r\n <div class=\"familia-brand\"><span class=\"ok\">OK.<\/span>fix<\/div>\r\n <div class=\"familia-tagline\">Aprovecha la tecnolog\u00eda al m\u00e1ximo.<\/div>\r\n <div class=\"familia-desc\">Reparaci\u00f3n y cuidado para tu equipo. Diagn\u00f3stico, mantenimiento y soporte t\u00e9cnico personalizado.<\/div>\r\n <a href=\"#\" class=\"familia-link\" style=\"color:var(--orange);\">Pr\u00f3ximamente \u2192<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<div class=\"grad-bar\"><\/div>\r\n\r\n\r\n<footer>\r\n <div style=\"max-width:1200px;margin:0 auto;\">\r\n <div class=\"footer-grid\">\r\n <div>\r\n <div class=\"footer-brand-mark\">\r\n <div style=\"width:28px;height:28px;border-radius:50%;background:var(--blue);display:flex;align-items:center;justify-content:center;\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"footer-ok\">OK.<span style=\"color:white;font-weight:400;font-size:.85em;\">station<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-tagline\">MATERIALIZA TUS IDEAS EN F\u00cdSICO<\/div>\r\n <p class=\"footer-about\">Copias, impresiones, fotograf\u00eda para tr\u00e1mites, engargolado y gesti\u00f3n de citas. Tu lugar de confianza en Tijuana, B.C.<\/p>\r\n <div class=\"footer-soc\">\r\n <a href=\"https:\/\/facebook.com\/okdock.station\" target=\"_blank\">f<\/a>\r\n <a href=\"https:\/\/instagram.com\/okdock.station\" target=\"_blank\">ig<\/a>\r\n <a href=\"https:\/\/www.okdock.club\" target=\"_blank\">\ud83c\udf10<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h4>Servicios<\/h4>\r\n <ul>\r\n <li><a href=\"#servicios\">Copias fotost\u00e1ticas<\/a><\/li>\r\n <li><a href=\"#servicios\">Fotograf\u00eda de tr\u00e1mites<\/a><\/li>\r\n <li><a href=\"#servicios\">Impresi\u00f3n 4\u00d76 a 24\"<\/a><\/li>\r\n <li><a href=\"#servicios\">Engargolado<\/a><\/li>\r\n <li><a href=\"#servicios\">Papeler\u00eda<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h4>Tr\u00e1mites<\/h4>\r\n <ul>\r\n <li><a href=\"#tramites\">Pasaporte Mexicano<\/a><\/li>\r\n <li><a href=\"#tramites\">Visa USA<\/a><\/li>\r\n <li><a href=\"#tramites\">SENTRI<\/a><\/li>\r\n <li><a href=\"#tramites\">NEXUS<\/a><\/li>\r\n <li><a href=\"#tramites\">Global Entry<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h4>Contacto<\/h4>\r\n <ul>\r\n <li><a href=\"https:\/\/wa.me\/526641044896\">(664) 104-4896 WhatsApp<\/a><\/li>\r\n <li><a href=\"tel:6647194117\">(664) 719-4117<\/a><\/li>\r\n <li><a href=\"mailto:station@okdock.mx\">station@okdock.mx<\/a><\/li>\r\n <li><a href=\"https:\/\/maps.app.goo.gl\/YmcwSGgrWqM7du376\" target=\"_blank\">C.C. Otay \u00b7 Local G-03<\/a><\/li>\r\n <li><a href=\"https:\/\/www.okdock.club\" target=\"_blank\">okdock.club<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-bottom\">\r\n <p class=\"footer-copy\">\u00a9 2025 OK.station \u00b7 Tijuana, B.C. \u00b7 Derechos reservados.<\/p>\r\n <p class=\"footer-family-note\">Parte de la familia <a href=\"https:\/\/www.okdock.club\" target=\"_blank\">OK.DOCK<\/a> \u00b7 tech\u2014people \u00b7 Desde 2004<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/footer>\r\n\r\n\r\n<script>\r\n\/* \u2500 Mega panel \u2500 *\/\r\nlet megaOpen = false;\r\nfunction toggleMega(){\r\n megaOpen = !megaOpen;\r\n document.getElementById('megaPanel').classList.toggle('open', megaOpen);\r\n}\r\ndocument.addEventListener('click', e => {\r\n if (!e.target.closest('#megaPanel') && !e.target.closest('.nav-menu-btn')) {\r\n megaOpen = false;\r\n document.getElementById('megaPanel').classList.remove('open');\r\n }\r\n});\r\n\r\n\/* \u2500 Carousel \u2500 *\/\r\nconst slidesEl = document.getElementById('slides');\r\nconst dots = document.querySelectorAll('.c-dot');\r\nconst allSlides = document.querySelectorAll('.slide');\r\nconst prog = document.getElementById('cProgress');\r\nconst TOTAL = 3;\r\nlet cur = 0, timer;\r\n\r\nfunction goTo(n){\r\n allSlides[cur].classList.remove('is-active');\r\n dots[cur].classList.remove('active');\r\n cur = ((n % TOTAL) + TOTAL) % TOTAL;\r\n allSlides[cur].classList.add('is-active');\r\n dots[cur].classList.add('active');\r\n slidesEl.style.transform = `translateX(-${cur * (100\/3)}%)`;\r\n reAnim(cur);\r\n resetProg();\r\n}\r\nfunction next(){ goTo(cur+1); }\r\nfunction prev(){ goTo(cur-1); }\r\n\r\nfunction reAnim(idx){\r\n const els = allSlides[idx].querySelectorAll('.slide-tag,.slide-title,.slide-desc,.slide-cta,.s1-right,.s2-desc,.s2-pills,.s3-desc,.s3-sizes,.s1-blue-panel,.s1-icon-float');\r\n els.forEach(el => { el.style.animation='none'; el.offsetHeight; el.style.animation=''; });\r\n}\r\n\r\nfunction resetProg(){\r\n prog.style.animation='none'; prog.offsetHeight;\r\n prog.style.animation='cProgress 5s linear infinite';\r\n}\r\n\r\nfunction startAuto(){ clearInterval(timer); timer = setInterval(next, 5000); }\r\n\r\nconst cEl = document.querySelector('.carousel');\r\ncEl.addEventListener('mouseenter', ()=>{ clearInterval(timer); prog.style.animationPlayState='paused'; });\r\ncEl.addEventListener('mouseleave', ()=>{ startAuto(); prog.style.animationPlayState='running'; });\r\n\r\nlet tx=0;\r\ncEl.addEventListener('touchstart', e=>{ tx=e.touches[0].clientX; });\r\ncEl.addEventListener('touchend', e=>{ const d=tx-e.changedTouches[0].clientX; if(Math.abs(d)>50) d>0?next():prev(); });\r\ndocument.addEventListener('keydown', e=>{ if(e.key==='ArrowRight') next(); if(e.key==='ArrowLeft') prev(); });\r\n\r\nstartAuto();\r\n\r\n\/* \u2500 Nav sticky shadow \u2500 *\/\r\nwindow.addEventListener('scroll', ()=>{\r\n document.getElementById('nav').style.boxShadow = window.scrollY > 10 ? '0 4px 24px rgba(0,0,0,.1)' : '0 2px 12px rgba(0,0,0,.06)';\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>OK.station \u2014 Copias, Impresiones y Tr\u00e1mites en Tijuana f ig \u00bfQui\u00e9nes somos? \u00a1Hola! (664) 104-4896 Familia OK DOCK: | OK.DOCK | OK.fix | OK.station OK. STATION Servicios Inicio Copiado \ud83d\udcc4Copias B&N \ud83c\udfa8Copias a Color \ud83d\udcd1Doble cara \ud83d\udce6Vol\u00famenes grandes Fotograf\u00eda \ud83e\uddd2Tama\u00f1o Infantil \ud83e\udeaaCredencial \/ INE \ud83d\udec2Pasaporte \ud83c\udf0eVisa USA Tr\u00e1mites \ud83d\udec2Pasaporte MX \ud83c\udf0eVisa USA \ud83d\ude97SENTRI \/ NEXUS […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-506","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/okstation.mx\/index.php?rest_route=\/wp\/v2\/pages\/506","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/okstation.mx\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/okstation.mx\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/okstation.mx\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/okstation.mx\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=506"}],"version-history":[{"count":5,"href":"https:\/\/okstation.mx\/index.php?rest_route=\/wp\/v2\/pages\/506\/revisions"}],"predecessor-version":[{"id":543,"href":"https:\/\/okstation.mx\/index.php?rest_route=\/wp\/v2\/pages\/506\/revisions\/543"}],"wp:attachment":[{"href":"https:\/\/okstation.mx\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=506"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}