/* iPhone 17 Pro Max in cosmic orange: a vanilla port of the Fatos studio phone (src/components/islands/estudio/Aparelho.tsx and src/styles/estudio-aparelho.css), with the same numbers, namespaced under .ch-iphone. No manufacturer name or logo. Body of 78.0 x 163.4 mm in aluminium, screen of 2868 x 1320 (440 x 956 pt), a 2.5 mm border between screen and edge (3.1% of the width: 1.1 of aluminium seen from the front and 1.9 of black glass), screen corners of about 61 pt, Dynamic Island, action button and volume on the left, side button and Camera Control on the right. .ch-iphone is a container: the body is measured in cqi of the phone width. .ch-iphone-tela is another container, the logical screen of 412 x 895.2: inside it use var(--u) (1 logical px = 100cqi / 412) and keep clear of var(--topo) (status bar with the island, 58u) and var(--pe) (home indicator, 31.8u). The three are registered under section-only names (--ch-u, --ch-topo, --ch-pe) and computed once on .ch-iphone-ui, so they reach the screen content as fixed lengths; --u, --topo and --pe are plain aliases that exist only inside it. */ @property --ch-u{syntax:"";inherits:true;initial-value:0px} @property --ch-topo{syntax:"";inherits:true;initial-value:0px} @property --ch-pe{syntax:"";inherits:true;initial-value:0px} /* border-box everywhere, as the Tailwind preflight of the original */ :is(#laboratorio,.lab-escopo) .ch-iphone,:is(#laboratorio,.lab-escopo) .ch-iphone *,:is(#laboratorio,.lab-escopo) .ch-iphone ::before,:is(#laboratorio,.lab-escopo) .ch-iphone ::after{box-sizing:border-box} :is(#laboratorio,.lab-escopo) .ch-iphone{position:relative;width:100%;max-width:440px;container-type:inline-size;flex:none} :is(#laboratorio,.lab-escopo) .ch-iphone[data-cor="laranja"]{--ch-aro:linear-gradient(152deg,#ffd0ab 0%,#ef8143 11%,#c75822 30%,#e2702f 50%,#ad4917 68%,#e57a3b 87%,#ffc497 100%);--ch-botao:linear-gradient(90deg,#8a3a10,#e2702f 45%,#ffb98a 72%,#b9521d)} :is(#laboratorio,.lab-escopo) .ch-iphone-corpo{ position:relative; margin-inline:1.2cqi; padding:1.9cqi; border-radius:15.7cqi; border:1.1cqi solid transparent; background: linear-gradient(#030303,#030303) padding-box, var(--ch-aro) border-box; box-shadow:0 0 0 1px rgb(0 0 0 / .5),0 3cqi 7cqi -3cqi rgb(0 0 0 / .55),0 14cqi 30cqi -12cqi rgb(0 0 0 / .85); } /* thin highlight along the aluminium edge */ :is(#laboratorio,.lab-escopo) .ch-iphone-corpo::before{ content:"";position:absolute; inset:-1.1cqi; border-radius:inherit; padding:.22cqi; background:linear-gradient(162deg,rgb(255 255 255 / .75),rgb(255 255 255 / .1) 18%,transparent 46%,rgb(255 255 255 / .08) 78%,rgb(255 255 255 / .55)); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0); pointer-events:none; } /* buttons seen from the front: action button and volume on the left; side button and Camera Control (glass) on the right */ :is(#laboratorio,.lab-escopo) .ch-iphone-botao{position:absolute;display:block;width:.85cqi;background:var(--ch-botao)} /* on the left, the same gradient mirrored (the radius mirrors with it) */ :is(#laboratorio,.lab-escopo) .ch-iphone-botao[data-botao="acao"],:is(#laboratorio,.lab-escopo) .ch-iphone-botao[data-botao^="volume"]{left:-1.95cqi;border-radius:0 .5cqi .5cqi 0;scale:-1 1} :is(#laboratorio,.lab-escopo) .ch-iphone-botao[data-botao="lateral"],:is(#laboratorio,.lab-escopo) .ch-iphone-botao[data-botao="camera"]{right:-1.95cqi;border-radius:0 .5cqi .5cqi 0} :is(#laboratorio,.lab-escopo) .ch-iphone-botao[data-botao="acao"]{top:17.6%;height:3.9%} :is(#laboratorio,.lab-escopo) .ch-iphone-botao[data-botao="volume-mais"]{top:24.6%;height:6.6%} :is(#laboratorio,.lab-escopo) .ch-iphone-botao[data-botao="volume-menos"]{top:33%;height:6.6%} :is(#laboratorio,.lab-escopo) .ch-iphone-botao[data-botao="lateral"]{top:27.4%;height:10.4%} :is(#laboratorio,.lab-escopo) .ch-iphone-botao[data-botao="camera"]{top:56.5%;height:6.2%;width:.6cqi;right:-1.75cqi;background:linear-gradient(90deg,#0d0e10,#3a3d43 55%,#75797f)} :is(#laboratorio,.lab-escopo) .ch-iphone-tela{position:relative;aspect-ratio:1320 / 2868;border-radius:12.7cqi;overflow:hidden;background:var(--ch-tela-fundo,#000);container-type:inline-size;isolation:isolate} :is(#laboratorio,.lab-escopo) .ch-iphone-ui{position:absolute;inset:0;--ch-u:calc(100cqi / 412);--ch-topo:calc(var(--ch-u) * 58);--ch-pe:calc(var(--ch-u) * 31.8);--u:var(--ch-u);--topo:var(--ch-topo);--pe:var(--ch-pe);overflow:hidden;font-size:calc(var(--ch-u) * 14);line-height:1.3;-webkit-font-smoothing:antialiased} /* Dynamic Island: 126 x 37.3 pt at 11 pt from the top */ :is(#laboratorio,.lab-escopo) .ch-iphone-ilha{position:absolute;z-index:60;left:50%;top:calc(var(--ch-u) * 10.3);width:calc(var(--ch-u) * 118);height:calc(var(--ch-u) * 35);translate:-50% 0;border-radius:99px;background:#000;pointer-events:none} :is(#laboratorio,.lab-escopo) .ch-iphone-ilha::after{content:"";position:absolute;right:calc(var(--ch-u) * 11.5);top:50%;width:calc(var(--ch-u) * 11);aspect-ratio:1;translate:0 -50%;border-radius:50%;background:radial-gradient(circle at 38% 36%,#1d2a44 0 14%,#07090d 38%,#000 72%)} /* iOS status bar: time and icons centred on the sides of the island, at the height of its centre (27.8) */ :is(#laboratorio,.lab-escopo) .ch-iphone-status{position:absolute;z-index:50;inset:0 0 auto;height:var(--ch-topo);color:#fff;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",var(--sans,Inter,Arial,sans-serif);pointer-events:none} :is(#laboratorio,.lab-escopo) .ch-iphone-status[data-tema="claro"]{color:#000} :is(#laboratorio,.lab-escopo) .ch-iphone-hora{position:absolute;left:calc(var(--ch-u) * 74);top:calc(var(--ch-u) * 27.8);translate:-50% -50%;font-size:calc(var(--ch-u) * 15.9);font-weight:600;line-height:1;letter-spacing:-.01em;font-variant-numeric:tabular-nums} :is(#laboratorio,.lab-escopo) .ch-iphone-icones{position:absolute;right:calc(var(--ch-u) * 40);top:calc(var(--ch-u) * 27.8);translate:0 -50%;display:flex;align-items:center;gap:calc(var(--ch-u) * 5.2)} :is(#laboratorio,.lab-escopo) .ch-iphone-icones svg{display:block;flex:none} :is(#laboratorio,.lab-escopo) .ch-iphone-sinal{width:calc(var(--ch-u) * 16.9);height:calc(var(--ch-u) * 11.2)} :is(#laboratorio,.lab-escopo) .ch-iphone-wifi{width:calc(var(--ch-u) * 15.9);height:calc(var(--ch-u) * 11.2)} :is(#laboratorio,.lab-escopo) .ch-iphone-bateria{width:calc(var(--ch-u) * 25.3);height:calc(var(--ch-u) * 12.2)} /* home indicator: 134 x 5 pt, 8 pt from the bottom */ :is(#laboratorio,.lab-escopo) .ch-iphone-gestos{position:absolute;z-index:60;left:50%;bottom:calc(var(--ch-u) * 7.5);width:calc(var(--ch-u) * 125.5);height:calc(var(--ch-u) * 4.7);translate:-50% 0;border-radius:99px;background:#fff;pointer-events:none} :is(#laboratorio,.lab-escopo) .ch-iphone-gestos[data-tema="claro"]{background:#000} /* The status bar and the home indicator follow the scene on screen (a dark video, a light page). */ :is(#laboratorio,.lab-escopo) .ch-iphone-ui:has(.cm-scene[data-pos="on"][data-tema="escuro"]) .ch-iphone-status{color:#fff} :is(#laboratorio,.lab-escopo) .ch-iphone-ui:has(.cm-scene[data-pos="on"][data-tema="claro"]) .ch-iphone-status{color:#000} :is(#laboratorio,.lab-escopo) .ch-iphone-ui:has(.cm-scene[data-pos="on"][data-tema="escuro"]) .ch-iphone-gestos{background:#fff} :is(#laboratorio,.lab-escopo) .ch-iphone-ui:has(.cm-scene[data-pos="on"][data-tema="claro"]) .ch-iphone-gestos, :is(#laboratorio,.lab-escopo) .ch-iphone-ui:has(.cm-scene[data-pos="on"][data-gestos="claro"]) .ch-iphone-gestos{background:#000} :is(#laboratorio,.lab-escopo) .ch-iphone-ui:has(.cm-g[data-state~="done"]) .ch-iphone-status{color:#fff} :is(#laboratorio,.lab-escopo) .ch-iphone-ui:has(.cm-g[data-state~="done"]) .ch-iphone-gestos{background:#fff} :is(#laboratorio,.lab-escopo) .ch-iphone-ui:has(.cm-wa [data-scene="chat"][data-pos="on"]) .ch-iphone-hora{opacity:0} :is(#laboratorio,.lab-escopo) .ch-iphone-status,:is(#laboratorio,.lab-escopo) .ch-iphone-gestos,:is(#laboratorio,.lab-escopo) .ch-iphone-hora{transition:color .3s,background-color .3s,opacity .2s} /* Native placements of the client examples (approximate interfaces, measured in var(--u) on the 412 x 895.2 screen of the iPhone, about the native type size: 1 pt = 0.936u). Each mock is a storyboard: .cm-scene layers (base, push, sheet, fade) switched by data-scene/data-pos, and states drawn from data-state. Only platform marks from channel-logos.js appear (Google G, WhatsApp glyph); every other glyph is generic and every brand is fictitious. */ :is(#laboratorio,.lab-escopo) .cm-screen{ --cm-font:-apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; --cm-ios:cubic-bezier(.32,.72,0,1); position:absolute;inset:0;isolation:isolate;overflow:hidden; background:#fff;color:#0f1419; font:400 calc(var(--u)*14.5)/1.32 var(--cm-font);letter-spacing:0;text-align:left; user-select:none;-webkit-user-select:none; } :is(#laboratorio,.lab-escopo) .cm-screen *{box-sizing:border-box} :is(#laboratorio,.lab-escopo) .cm-screen p,:is(#laboratorio,.lab-escopo) .cm-screen figure,:is(#laboratorio,.lab-escopo) .cm-screen ol,:is(#laboratorio,.lab-escopo) .cm-screen ul{margin:0} :is(#laboratorio,.lab-escopo) .cm-screen ol,:is(#laboratorio,.lab-escopo) .cm-screen ul{padding:0;list-style:none} :is(#laboratorio,.lab-escopo) .cm-screen img{display:block;max-width:none;-webkit-user-drag:none} :is(#laboratorio,.lab-escopo) .cm-screen b{font-weight:600} :is(#laboratorio,.lab-escopo) .cm-screen small{font-size:inherit} :is(#laboratorio,.lab-escopo) .cm-i{flex:none;width:calc(var(--u)*24);height:calc(var(--u)*24);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} :is(#laboratorio,.lab-escopo) .cm-i--dots,:is(#laboratorio,.lab-escopo) .cm-i--vdots{stroke-width:3} :is(#laboratorio,.lab-escopo) .cm-i--flip{transform:rotate(180deg)} :is(#laboratorio,.lab-escopo) .cm-i--inline{width:calc(var(--u)*12);height:calc(var(--u)*12);vertical-align:calc(var(--u)*-1.5)} /* Scenes: the base screen, a page pushed from the right, a sheet rising from the bottom, a crossfade. */ :is(#laboratorio,.lab-escopo) .cm-scene{position:absolute;inset:0;z-index:0;overflow:hidden;background:#fff;color:#0f1419;visibility:hidden;transition:transform .42s var(--cm-ios),opacity .3s ease,visibility 0s .42s} :is(#laboratorio,.lab-escopo) .cm-scene[data-tema="escuro"]{background:#000;color:#fff} :is(#laboratorio,.lab-escopo) .cm-scene--part{background:transparent!important} :is(#laboratorio,.lab-escopo) .cm-scene[data-pos="under"]{z-index:1;visibility:visible;transition:transform .42s var(--cm-ios),opacity .3s ease,visibility 0s} :is(#laboratorio,.lab-escopo) .cm-scene[data-pos="on"]{z-index:2;visibility:visible;transition:transform .42s var(--cm-ios),opacity .3s ease,visibility 0s} :is(#laboratorio,.lab-escopo) .cm-scene[data-kind="sheet"]:not([data-pos="on"]){transform:translateY(103%)} :is(#laboratorio,.lab-escopo) .cm-scene[data-kind="push"]:not([data-pos="on"]){transform:translateX(103%)} :is(#laboratorio,.lab-escopo) .cm-scene[data-kind="fade"]:not([data-pos="on"]){opacity:0} :is(#laboratorio,.lab-escopo) .cm-scene[data-kind][data-pos="under"]{transform:none;opacity:1} :is(#laboratorio,.lab-escopo) .cm-screen[data-enter="push"] .cm-scene[data-pos="under"]{transform:translateX(-26%)} :is(#laboratorio,.lab-escopo) .cm-scene[data-pos="under"]::after{content:"";position:absolute;inset:0;z-index:95;background:#000;opacity:0;transition:opacity .42s;pointer-events:none} :is(#laboratorio,.lab-escopo) .cm-screen[data-enter="sheet"] .cm-scene[data-pos="under"]::after{opacity:.42} :is(#laboratorio,.lab-escopo) .cm-screen[data-enter="push"] .cm-scene[data-pos="under"]::after{opacity:.14} :is(#laboratorio,.lab-escopo) .cm-screen.is-instant,:is(#laboratorio,.lab-escopo) .cm-screen.is-instant *,:is(#laboratorio,.lab-escopo) .cm-screen.is-instant *::after{transition:none!important} /* Content below the status bar and the Dynamic Island. */ :is(#laboratorio,.lab-escopo) .cm-safe{position:absolute;inset:0;padding-top:var(--topo);overflow:hidden} /* Pressed state of whatever the frame taps (8% darker, as the apps do). */ :is(#laboratorio,.lab-escopo) .cm-screen [data-tap]{transition:filter .12s ease,transform .12s ease} :is(#laboratorio,.lab-escopo) .cm-screen[data-tap="cta"] [data-tap="cta"],:is(#laboratorio,.lab-escopo) .cm-screen[data-tap="go"] [data-tap="go"],:is(#laboratorio,.lab-escopo) .cm-screen[data-tap="send"] [data-tap="send"],:is(#laboratorio,.lab-escopo) .cm-screen[data-tap="link"] [data-tap="link"],:is(#laboratorio,.lab-escopo) .cm-screen[data-tap="pdf"] [data-tap="pdf"],:is(#laboratorio,.lab-escopo) .cm-screen[data-tap="more"] [data-tap="more"],:is(#laboratorio,.lab-escopo) .cm-screen[data-tap="item"] [data-tap="item"],:is(#laboratorio,.lab-escopo) .cm-screen[data-tap="reply"] [data-tap="reply"]{filter:brightness(.88);transform:scale(.985)} /* Fictitious brand marks */ :is(#laboratorio,.lab-escopo) .cm-mark{display:grid;flex:none;place-items:center;width:calc(var(--u)*32);height:calc(var(--u)*32);overflow:hidden;border-radius:50%;background:var(--c)} :is(#laboratorio,.lab-escopo) .cm-mark svg{display:block;width:72%;height:72%} :is(#laboratorio,.lab-escopo) .cm-mark--quadrado{border-radius:calc(var(--u)*4)} :is(#laboratorio,.lab-escopo) .cm-mark--app{width:calc(var(--u)*92);height:calc(var(--u)*92);border-radius:22%} :is(#laboratorio,.lab-escopo) .cm-mark--fav{width:calc(var(--u)*26);height:calc(var(--u)*26);box-shadow:0 0 0 calc(var(--u)*.9) #dadce0} :is(#laboratorio,.lab-escopo) .cm-mark--xl{width:calc(var(--u)*96);height:calc(var(--u)*96)} /* Shared pieces of the advertisers' pages */ :is(#laboratorio,.lab-escopo) .cm-skel{display:grid;gap:calc(var(--u)*8);padding:calc(var(--u)*12) calc(var(--u)*16)} :is(#laboratorio,.lab-escopo) .cm-skel i{display:block;width:var(--w,80%);height:calc(var(--u)*9);border-radius:99px;background:#e8eae6} :is(#laboratorio,.lab-escopo) .cm-tabbar{position:absolute;z-index:30;left:0;right:0;bottom:0;display:flex;align-items:flex-start;height:calc(var(--pe) + var(--u)*48);padding:calc(var(--u)*7) calc(var(--u)*2) 0;border-top:calc(var(--u)*.6) solid #0000001f;background:#fff;color:#0f1419} :is(#laboratorio,.lab-escopo) .cm-tabbar>span{display:grid;flex:1;justify-items:center;align-content:start;gap:calc(var(--u)*2);min-width:0;color:#5f656b} :is(#laboratorio,.lab-escopo) .cm-tabbar>span.is-on{color:inherit} :is(#laboratorio,.lab-escopo) .cm-tabbar .cm-i{width:calc(var(--u)*24);height:calc(var(--u)*24)} :is(#laboratorio,.lab-escopo) .cm-tabbar>span.is-on .cm-i{stroke-width:2.4} :is(#laboratorio,.lab-escopo) .cm-tabbar small{font-size:calc(var(--u)*9.6);font-weight:500;line-height:1.1;white-space:nowrap} :is(#laboratorio,.lab-escopo) .cm-tabbar:not(:has(small)){padding-top:calc(var(--u)*11)} :is(#laboratorio,.lab-escopo) .cm-tab-me{display:block;width:calc(var(--u)*25);height:calc(var(--u)*25);border-radius:50%;background:#c9cfd3} :is(#laboratorio,.lab-escopo) .cm-tab-create{display:grid;place-items:center;width:calc(var(--u)*42);height:calc(var(--u)*28);border-radius:calc(var(--u)*8);background:#fff;color:#000} :is(#laboratorio,.lab-escopo) .cm-tab-create .cm-i{width:calc(var(--u)*19);height:calc(var(--u)*19);stroke-width:2.6} :is(#laboratorio,.lab-escopo) .cm-tabbar--dark{border-top-color:#ffffff1c;background:#000;color:#fff} :is(#laboratorio,.lab-escopo) .cm-tabbar--dark>span{color:#ffffffa0} :is(#laboratorio,.lab-escopo) .cm-tabbar--dark .cm-tab-me{background:#56606a} :is(#laboratorio,.lab-escopo) .cm-browser{position:relative;z-index:3;display:flex;align-items:center;gap:calc(var(--u)*8);height:calc(var(--topo) + var(--u)*44);padding:var(--topo) calc(var(--u)*10) 0;border-bottom:calc(var(--u)*.6) solid #e6e6e6;background:#fff;color:#0f1419} :is(#laboratorio,.lab-escopo) .cm-browser-x{display:grid;flex:none;place-items:center;width:calc(var(--u)*36);height:calc(var(--u)*36)} :is(#laboratorio,.lab-escopo) .cm-browser-x .cm-i{width:calc(var(--u)*21);height:calc(var(--u)*21)} :is(#laboratorio,.lab-escopo) .cm-browser-title{display:grid;flex:1;justify-items:center;min-width:0;text-align:center} :is(#laboratorio,.lab-escopo) .cm-browser-title b{max-width:100%;overflow:hidden;font-size:calc(var(--u)*13.6);font-weight:600;text-overflow:ellipsis;white-space:nowrap} :is(#laboratorio,.lab-escopo) .cm-browser-title small{display:flex;align-items:center;gap:calc(var(--u)*3);color:#737373;font-size:calc(var(--u)*11.2)} :is(#laboratorio,.lab-escopo) .cm-browser-title small .cm-i{width:calc(var(--u)*10);height:calc(var(--u)*10);stroke-width:2.4} :is(#laboratorio,.lab-escopo) .cm-lp{position:absolute;inset:0;overflow:hidden;background:#fff;color:#16181a} :is(#laboratorio,.lab-escopo) .cm-browser+.cm-lp{top:calc(var(--topo) + var(--u)*44)} :is(#laboratorio,.lab-escopo) .cm-scene--web .cm-lp{padding-top:var(--topo)} :is(#laboratorio,.lab-escopo) .cm-lp-hero{display:block;height:calc(var(--u)*170);overflow:hidden;background:#ddd} :is(#laboratorio,.lab-escopo) .cm-lp-hero img{width:100%;height:100%;object-fit:cover} :is(#laboratorio,.lab-escopo) .cm-lp-hero--sq{height:calc(var(--u)*250)} :is(#laboratorio,.lab-escopo) .cm-lp-hero--wide{height:calc(var(--u)*196)} :is(#laboratorio,.lab-escopo) .cm-lp-body{display:grid;gap:calc(var(--u)*13);padding:calc(var(--u)*16) calc(var(--u)*18)} :is(#laboratorio,.lab-escopo) .cm-lp-brand{display:flex;align-items:center;gap:calc(var(--u)*8);font-size:calc(var(--u)*13)} :is(#laboratorio,.lab-escopo) .cm-lp-brand .cm-mark{width:calc(var(--u)*26);height:calc(var(--u)*26)} :is(#laboratorio,.lab-escopo) .cm-lp-title{display:block;font-size:calc(var(--u)*24);font-weight:700!important;line-height:1.15;letter-spacing:-.015em} :is(#laboratorio,.lab-escopo) .cm-lp-sub{margin-top:calc(var(--u)*-6)!important;color:#5d6166;font-size:calc(var(--u)*14)} :is(#laboratorio,.lab-escopo) .cm-field{display:grid;gap:calc(var(--u)*7)} :is(#laboratorio,.lab-escopo) .cm-field>small,:is(#laboratorio,.lab-escopo) .cm-input>small{color:#5d6166;font-size:calc(var(--u)*12)} :is(#laboratorio,.lab-escopo) .cm-chips{display:flex;flex-wrap:wrap;gap:calc(var(--u)*7)} :is(#laboratorio,.lab-escopo) .cm-chip{display:inline-flex;align-items:center;gap:calc(var(--u)*4);min-height:calc(var(--u)*34);padding:0 calc(var(--u)*13);border:calc(var(--u)*1) solid #d4d6d9;border-radius:99px;color:#2c3035;font-size:calc(var(--u)*13.5);font-weight:500} :is(#laboratorio,.lab-escopo) .cm-chip.is-on{border-color:var(--brand,#1d4ed8);background:color-mix(in srgb,var(--brand,#1d4ed8) 11%,#fff);color:var(--brand,#1d4ed8);font-weight:600} :is(#laboratorio,.lab-escopo) .cm-chip .cm-i{width:calc(var(--u)*14);height:calc(var(--u)*14);stroke-width:2.6} :is(#laboratorio,.lab-escopo) .cm-input{display:grid;gap:calc(var(--u)*3);padding:calc(var(--u)*6) 0 calc(var(--u)*7);border-bottom:calc(var(--u)*1) solid #dfe1e4} :is(#laboratorio,.lab-escopo) .cm-input>span{font-size:calc(var(--u)*15)} :is(#laboratorio,.lab-escopo) .cm-btn{display:flex;align-items:center;justify-content:center;min-height:calc(var(--u)*46);padding:0 calc(var(--u)*16);border-radius:calc(var(--u)*12);background:var(--brand,#1d4ed8);color:#fff;font-size:calc(var(--u)*15);font-weight:600;text-align:center} :is(#laboratorio,.lab-escopo) .cm-btn--ghost{background:#eef0f2;color:#16181a} :is(#laboratorio,.lab-escopo) .cm-menu{display:grid;gap:calc(var(--u)*10)} :is(#laboratorio,.lab-escopo) .cm-menu li{display:flex;align-items:center;gap:calc(var(--u)*12);padding:calc(var(--u)*8);border-radius:calc(var(--u)*12);box-shadow:inset 0 0 0 calc(var(--u)*1) #ececec} :is(#laboratorio,.lab-escopo) .cm-menu img{flex:none;width:calc(var(--u)*64);height:calc(var(--u)*64);border-radius:calc(var(--u)*8);object-fit:cover} :is(#laboratorio,.lab-escopo) .cm-menu li>span{display:grid;gap:calc(var(--u)*2);min-width:0;line-height:1.3} :is(#laboratorio,.lab-escopo) .cm-menu b{font-size:calc(var(--u)*15)} :is(#laboratorio,.lab-escopo) .cm-menu small{color:#5d6166;font-size:calc(var(--u)*13)} /* Final state of a conversion: a sheet with a check over the page. */ :is(#laboratorio,.lab-escopo) .cm-done{position:absolute;z-index:40;left:0;right:0;bottom:0;display:grid;justify-items:center;gap:calc(var(--u)*8);padding:calc(var(--u)*26) calc(var(--u)*22) calc(var(--pe) + var(--u)*22);border-radius:calc(var(--u)*24) calc(var(--u)*24) 0 0;background:#fff;color:#16181a;text-align:center;box-shadow:0 calc(var(--u)*-8) calc(var(--u)*30) #0003;visibility:hidden;transform:translateY(106%);transition:transform .42s var(--cm-ios),visibility 0s .42s} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="done"] .cm-done{visibility:inherit;transform:none;transition:transform .42s var(--cm-ios),visibility 0s} :is(#laboratorio,.lab-escopo) .cm-done>b{font-size:calc(var(--u)*19);font-weight:700!important;line-height:1.2} :is(#laboratorio,.lab-escopo) .cm-done>p{color:#55595e;font-size:calc(var(--u)*14);line-height:1.4} :is(#laboratorio,.lab-escopo) .cm-done .cm-btn{justify-self:stretch;margin-top:calc(var(--u)*6)} :is(#laboratorio,.lab-escopo) .cm-done-check{display:grid;place-items:center;width:calc(var(--u)*46);height:calc(var(--u)*46);border-radius:50%;background:var(--brand,#1f9d55);color:#fff} :is(#laboratorio,.lab-escopo) .cm-done-check .cm-i{width:calc(var(--u)*26);height:calc(var(--u)*26);stroke-width:2.8} :is(#laboratorio,.lab-escopo) .cm-legal{color:#6b7076;font-size:calc(var(--u)*11.2);line-height:1.35} :is(#laboratorio,.lab-escopo) .cm-lp::after,:is(#laboratorio,.lab-escopo) .cm-mf::after,:is(#laboratorio,.lab-escopo) .cm-lf::after,:is(#laboratorio,.lab-escopo) .cm-sheet--part::after{content:"";position:absolute;inset:0;z-index:30;background:#000;opacity:0;pointer-events:none;transition:opacity .42s} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="done"] .cm-lp::after,:is(#laboratorio,.lab-escopo) .cm-screen[data-state~="done"] .cm-mf::after,:is(#laboratorio,.lab-escopo) .cm-screen[data-state~="done"] .cm-lf::after{opacity:.38} :is(#laboratorio,.lab-escopo) .cm-sheet{position:absolute;z-index:5;left:0;right:0;bottom:0;display:grid;gap:calc(var(--u)*13);padding:calc(var(--u)*8) calc(var(--u)*18) calc(var(--pe) + var(--u)*18);border-radius:calc(var(--u)*24) calc(var(--u)*24) 0 0;background:#fff;color:#16181a;box-shadow:0 calc(var(--u)*-6) calc(var(--u)*24) #0002} :is(#laboratorio,.lab-escopo) .cm-grabber{display:block;justify-self:center;width:calc(var(--u)*36);height:calc(var(--u)*5);margin-bottom:calc(var(--u)*4);border-radius:99px;background:#c7c9cc} :is(#laboratorio,.lab-escopo) .cm-sheet .cm-done{top:0;align-content:center;border-radius:calc(var(--u)*24) calc(var(--u)*24) 0 0} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="done"] .cm-sheet--part .cm-done{box-shadow:none} /* Safari in the iOS 26 compact layout, floating over a web page */ :is(#laboratorio,.lab-escopo) .cm-safari{position:absolute;z-index:35;left:calc(var(--u)*12);right:calc(var(--u)*12);bottom:calc(var(--u)*24);display:flex;align-items:center;gap:calc(var(--u)*8);height:calc(var(--u)*44);color:#1c1c1e;pointer-events:none} :is(#laboratorio,.lab-escopo) .cm-safari>span{height:100%;border-radius:99px;background:rgb(250 250 252 / .8);-webkit-backdrop-filter:blur(calc(var(--u)*12)) saturate(1.8);backdrop-filter:blur(calc(var(--u)*12)) saturate(1.8);box-shadow:0 calc(var(--u)*3) calc(var(--u)*14) rgb(0 0 0 / .16),inset 0 0 0 calc(var(--u)*.8) rgb(255 255 255 / .7)} :is(#laboratorio,.lab-escopo) .cm-safari-btn{display:grid;flex:none;place-items:center;width:calc(var(--u)*44)} :is(#laboratorio,.lab-escopo) .cm-safari-btn .cm-i{width:calc(var(--u)*20);height:calc(var(--u)*20)} :is(#laboratorio,.lab-escopo) .cm-safari-url{display:flex;flex:1;min-width:0;align-items:center;justify-content:center;font-size:calc(var(--u)*14);font-weight:500;white-space:nowrap} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="done"] .cm-scene[data-pos="on"] .cm-safari{opacity:0} /* Instagram (feed, carousel, click-to-WhatsApp ad) */ :is(#laboratorio,.lab-escopo) .cm-ig-bar{display:flex;align-items:center;justify-content:space-between;height:calc(var(--u)*42);padding:0 calc(var(--u)*13)} :is(#laboratorio,.lab-escopo) .cm-ig-bar .cm-i{width:calc(var(--u)*23);height:calc(var(--u)*23)} :is(#laboratorio,.lab-escopo) .cm-ig-name{font-size:calc(var(--u)*19);font-weight:600!important;letter-spacing:-.01em} :is(#laboratorio,.lab-escopo) .cm-ig-head{display:flex;align-items:center;gap:calc(var(--u)*9);height:calc(var(--u)*50);padding:0 calc(var(--u)*11)} :is(#laboratorio,.lab-escopo) .cm-ig-head>span:not(.cm-mark){display:grid;flex:1;min-width:0;line-height:1.25} :is(#laboratorio,.lab-escopo) .cm-ig-head b{font-size:calc(var(--u)*13.1)} :is(#laboratorio,.lab-escopo) .cm-ig-head small{font-size:calc(var(--u)*11.2)} :is(#laboratorio,.lab-escopo) .cm-ig-head .cm-i{width:calc(var(--u)*20);height:calc(var(--u)*20)} :is(#laboratorio,.lab-escopo) .cm-ig-media{position:relative;aspect-ratio:4/5;overflow:hidden;background:#eee} :is(#laboratorio,.lab-escopo) .cm-carousel .cm-track{display:flex;height:100%;transition:transform .55s cubic-bezier(.2,.95,.25,1.04)} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="c2"] .cm-carousel .cm-track{transform:translateX(-100%)} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="c3"] .cm-carousel .cm-track{transform:translateX(-200%)} :is(#laboratorio,.lab-escopo) .cm-card{position:relative;display:grid;flex:0 0 100%;align-content:center;gap:calc(var(--u)*14);height:100%;padding:calc(var(--u)*34)} :is(#laboratorio,.lab-escopo) .cm-card--photo{padding:0} :is(#laboratorio,.lab-escopo) .cm-card--photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} :is(#laboratorio,.lab-escopo) .cm-card--photo figcaption{position:absolute;inset:auto 0 0;padding:calc(var(--u)*90) calc(var(--u)*26) calc(var(--u)*30);background:linear-gradient(#0000,#000c)} :is(#laboratorio,.lab-escopo) .cm-card--photo b{display:block;color:#fff;font-size:calc(var(--u)*34);font-weight:700!important;line-height:1.08;letter-spacing:-.02em} :is(#laboratorio,.lab-escopo) .cm-card--coral{background:#e5533d;color:#fff} :is(#laboratorio,.lab-escopo) .cm-card--coral small{font-size:calc(var(--u)*15);font-weight:600;opacity:.85} :is(#laboratorio,.lab-escopo) .cm-card--coral>b{font-size:calc(var(--u)*30);font-weight:700!important;line-height:1.1} :is(#laboratorio,.lab-escopo) .cm-card--coral ol{display:grid;gap:calc(var(--u)*10);margin-top:calc(var(--u)*8)} :is(#laboratorio,.lab-escopo) .cm-card--coral li{padding:calc(var(--u)*10) calc(var(--u)*14);border-radius:calc(var(--u)*10);background:#ffffff26;font-size:calc(var(--u)*17);font-weight:600} :is(#laboratorio,.lab-escopo) .cm-card--cream{background:#f6efe3;color:#2b1f1a} :is(#laboratorio,.lab-escopo) .cm-card--cream b{font-size:calc(var(--u)*30);font-weight:700!important;line-height:1.1} :is(#laboratorio,.lab-escopo) .cm-card--cream .cm-i{width:calc(var(--u)*34);height:calc(var(--u)*34);color:#e5533d;transform:rotate(90deg)} :is(#laboratorio,.lab-escopo) .cm-card--cream .cm-card-pt{color:#e5533d} :is(#laboratorio,.lab-escopo) .cm-card--cream small{margin-top:calc(var(--u)*10);color:#6b5a4f;font-size:calc(var(--u)*14)} :is(#laboratorio,.lab-escopo) .cm-count{position:absolute;top:calc(var(--u)*10);right:calc(var(--u)*11.8);padding:calc(var(--u)*3) calc(var(--u)*8);border-radius:99px;background:rgb(18 18 18 / .72);color:#fff;font-size:calc(var(--u)*11);font-weight:500} :is(#laboratorio,.lab-escopo) .cm-count i{font-style:normal} :is(#laboratorio,.lab-escopo) .cm-count i:not(:first-child),:is(#laboratorio,.lab-escopo) .cm-screen[data-state~="c2"] .cm-count i:first-child,:is(#laboratorio,.lab-escopo) .cm-screen[data-state~="c3"] .cm-count i:first-child,:is(#laboratorio,.lab-escopo) .cm-screen[data-state~="c3"] .cm-count i:nth-child(2){display:none} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="c2"] .cm-count i:nth-child(2),:is(#laboratorio,.lab-escopo) .cm-screen[data-state~="c3"] .cm-count i:nth-child(3){display:inline} :is(#laboratorio,.lab-escopo) .cm-ig-cta{display:flex;align-items:center;gap:calc(var(--u)*8);height:calc(var(--u)*42);padding:0 calc(var(--u)*11);border-bottom:calc(var(--u)*.6) solid #dbdbdb;background:#fff;color:#000;font-size:calc(var(--u)*13.4);transition:background-color .3s,color .3s,filter .12s,transform .12s} :is(#laboratorio,.lab-escopo) .cm-ig-cta b{flex:1} :is(#laboratorio,.lab-escopo) .cm-ig-cta .cm-i{width:calc(var(--u)*15);height:calc(var(--u)*15);stroke-width:2.4} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="lit"] .cm-ig-cta{border-color:#4a5df9;background:#4a5df9;color:#fff} :is(#laboratorio,.lab-escopo) .cm-ig-actions{display:flex;align-items:center;gap:calc(var(--u)*13);height:calc(var(--u)*42);padding:0 calc(var(--u)*11)} :is(#laboratorio,.lab-escopo) .cm-ig-actions .cm-i{width:calc(var(--u)*23);height:calc(var(--u)*23)} :is(#laboratorio,.lab-escopo) .cm-ig-mid{display:flex;flex:1;justify-content:center} :is(#laboratorio,.lab-escopo) .cm-pager{display:flex;gap:calc(var(--u)*4);margin-left:calc(var(--u)*-60)} :is(#laboratorio,.lab-escopo) .cm-pager i{width:calc(var(--u)*5.6);height:calc(var(--u)*5.6);border-radius:50%;background:#c7c7c7;transition:background-color .3s} :is(#laboratorio,.lab-escopo) .cm-pager i:first-child,:is(#laboratorio,.lab-escopo) .cm-screen[data-state~="c2"] .cm-pager i:nth-child(2),:is(#laboratorio,.lab-escopo) .cm-screen[data-state~="c3"] .cm-pager i:nth-child(3){background:#4a5df9} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="c2"] .cm-pager i:first-child,:is(#laboratorio,.lab-escopo) .cm-screen[data-state~="c3"] .cm-pager i:first-child{background:#c7c7c7} :is(#laboratorio,.lab-escopo) .cm-ig-caption{display:-webkit-box;margin:0 calc(var(--u)*11)!important;overflow:hidden;font-size:calc(var(--u)*13.1);line-height:1.3;-webkit-line-clamp:2;-webkit-box-orient:vertical} :is(#laboratorio,.lab-escopo) .cm-ig-caption>span{color:#737373} :is(#laboratorio,.lab-escopo) .cm-ig-caption--open{-webkit-line-clamp:4} :is(#laboratorio,.lab-escopo) .cm-ig-caption .cm-rest{display:none;color:inherit} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="open"] .cm-ig-caption .cm-rest{display:inline} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="open"] .cm-ig-caption .cm-more{display:none} :is(#laboratorio,.lab-escopo) .cm-wa-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} :is(#laboratorio,.lab-escopo) .cm-wa-art>b{position:absolute;left:calc(var(--u)*22);right:calc(var(--u)*22);bottom:calc(var(--u)*24);padding:calc(var(--u)*14) calc(var(--u)*16);border-radius:calc(var(--u)*14);background:#2f6f73;color:#fff;font-size:calc(var(--u)*27);font-weight:700!important;line-height:1.1;letter-spacing:-.015em} :is(#laboratorio,.lab-escopo) .cm-wa-art-mark{position:absolute;top:calc(var(--u)*16);left:calc(var(--u)*16);width:calc(var(--u)*44)!important;height:calc(var(--u)*44)!important;box-shadow:0 0 0 calc(var(--u)*2) #fff} :is(#laboratorio,.lab-escopo) .cm-ig-cta--wa{gap:calc(var(--u)*7)} :is(#laboratorio,.lab-escopo) .cm-wa-glyph{flex:none;width:auto;height:calc(var(--u)*17)} :is(#laboratorio,.lab-escopo) .cm-wa-glyph--lit,:is(#laboratorio,.lab-escopo) .cm-screen[data-state~="lit"] .cm-wa-glyph{display:none} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="lit"] .cm-wa-glyph--lit{display:block} /* Vertical video: Reels, TikTok and Shorts */ :is(#laboratorio,.lab-escopo) .cm-shots{position:absolute;inset:0} :is(#laboratorio,.lab-escopo) .cm-shot{position:absolute;inset:0} :is(#laboratorio,.lab-escopo) .cm-screen:not([data-state~="s2"]) .cm-shot[data-shot="2"],:is(#laboratorio,.lab-escopo) .cm-screen[data-state~="s2"] .cm-shot[data-shot="1"]{visibility:hidden} :is(#laboratorio,.lab-escopo) .cm-shot img{width:100%;height:100%;object-fit:cover} :is(#laboratorio,.lab-escopo) .cm-shot--zoom img{transform:scale(1.75);transform-origin:52% 30%} :is(#laboratorio,.lab-escopo) .cm-ontext{position:absolute;top:24%;left:calc(var(--u)*28);right:calc(var(--u)*76);color:#fff;font-size:calc(var(--u)*30);font-weight:800;line-height:1.08;letter-spacing:-.02em;text-shadow:0 calc(var(--u)*1) calc(var(--u)*10) #000a} :is(#laboratorio,.lab-escopo) .cm-shade{position:absolute;inset:0;background:linear-gradient(180deg,#00000061 0,transparent 17%,transparent 52%,#000000b3 88%);pointer-events:none} :is(#laboratorio,.lab-escopo) .cm-reels-top,:is(#laboratorio,.lab-escopo) .cm-tt-top,:is(#laboratorio,.lab-escopo) .cm-shorts-top{position:absolute;z-index:3;top:calc(var(--topo) + var(--u)*6);left:calc(var(--u)*13);right:calc(var(--u)*13);display:flex;align-items:center;justify-content:space-between;height:calc(var(--u)*36);font-size:calc(var(--u)*15);text-shadow:0 1px calc(var(--u)*4) #0006} :is(#laboratorio,.lab-escopo) .cm-reels-top>span,:is(#laboratorio,.lab-escopo) .cm-tt-top>span{display:flex;gap:calc(var(--u)*19)} :is(#laboratorio,.lab-escopo) .cm-reels-top>span>b{font-weight:700!important} :is(#laboratorio,.lab-escopo) .cm-reels-top>span>span,:is(#laboratorio,.lab-escopo) .cm-tt-top>span>span{opacity:.64;font-weight:600} :is(#laboratorio,.lab-escopo) .cm-reels-top>i{width:calc(var(--u)*24)} :is(#laboratorio,.lab-escopo) .cm-tt-top>span>b{position:relative;font-weight:700!important} :is(#laboratorio,.lab-escopo) .cm-tt-top>span>b::after{content:"";position:absolute;left:50%;bottom:calc(var(--u)*-8);width:calc(var(--u)*22);height:calc(var(--u)*2.6);translate:-50% 0;border-radius:99px;background:#fff} :is(#laboratorio,.lab-escopo) .cm-shorts-top{justify-content:flex-end;gap:calc(var(--u)*20)} :is(#laboratorio,.lab-escopo) .cm-rail{position:absolute;z-index:3;right:calc(var(--u)*10);bottom:calc(var(--pe) + var(--u)*126);display:grid;justify-items:center;gap:calc(var(--u)*20)} :is(#laboratorio,.lab-escopo) .cm-rail .cm-i{width:calc(var(--u)*27);height:calc(var(--u)*27);filter:drop-shadow(0 1px calc(var(--u)*3) #0007)} :is(#laboratorio,.lab-escopo) .cm-cover{display:block;width:calc(var(--u)*25);height:calc(var(--u)*25);border:calc(var(--u)*1.8) solid #fff;border-radius:calc(var(--u)*6);background:#333 center/cover} :is(#laboratorio,.lab-escopo) .cm-cover--sq{width:calc(var(--u)*36);height:calc(var(--u)*36);border-radius:calc(var(--u)*8)} :is(#laboratorio,.lab-escopo) .cm-vmeta{position:absolute;z-index:3;left:calc(var(--u)*13);right:calc(var(--u)*66);bottom:calc(var(--pe) + var(--u)*106);display:grid;justify-items:start;gap:calc(var(--u)*5);font-size:calc(var(--u)*12.6);text-shadow:0 1px calc(var(--u)*3) #0008} :is(#laboratorio,.lab-escopo) .cm-vmeta p{line-height:1.3} :is(#laboratorio,.lab-escopo) .cm-vmeta p>span{opacity:.72} :is(#laboratorio,.lab-escopo) .cm-who{display:flex;align-items:center;gap:calc(var(--u)*8);font-size:calc(var(--u)*13.4)} :is(#laboratorio,.lab-escopo) .cm-who .cm-mark{width:calc(var(--u)*26);height:calc(var(--u)*26)} :is(#laboratorio,.lab-escopo) .cm-follow{padding:calc(var(--u)*3) calc(var(--u)*9);border:calc(var(--u)*1) solid #ffffffc0;border-radius:calc(var(--u)*7);font-size:calc(var(--u)*11.4);font-weight:600} :is(#laboratorio,.lab-escopo) .cm-audio{display:flex;align-items:center;gap:calc(var(--u)*5);font-size:calc(var(--u)*12)} :is(#laboratorio,.lab-escopo) .cm-audio .cm-i{width:calc(var(--u)*13);height:calc(var(--u)*13)} :is(#laboratorio,.lab-escopo) .cm-vcta{position:absolute;z-index:3;left:calc(var(--u)*12);right:calc(var(--u)*12);bottom:calc(var(--pe) + var(--u)*60);display:flex;align-items:center;justify-content:space-between;height:calc(var(--u)*38);padding:0 calc(var(--u)*14);border-radius:calc(var(--u)*8);background:rgb(255 255 255 / .2);color:#fff;font-size:calc(var(--u)*13.6);-webkit-backdrop-filter:blur(calc(var(--u)*8));backdrop-filter:blur(calc(var(--u)*8));transition:background-color .3s,color .3s,filter .12s,transform .12s} :is(#laboratorio,.lab-escopo) .cm-vcta .cm-i{width:calc(var(--u)*15);height:calc(var(--u)*15);stroke-width:2.4} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="lit"] .cm-vcta{background:#4a5df9} :is(#laboratorio,.lab-escopo) .cm-vprogress{position:absolute;z-index:4;left:0;right:0;bottom:calc(var(--pe) + var(--u)*48);height:calc(var(--u)*2);background:#ffffff47} :is(#laboratorio,.lab-escopo) .cm-vprogress i{display:block;width:100%;height:100%;background:#fff;transform:scaleX(0);transform-origin:left} /* TikTok */ :is(#laboratorio,.lab-escopo) .cm-tt-text{position:absolute;top:22%;left:calc(var(--u)*22);right:calc(var(--u)*70);display:grid;justify-items:center;gap:calc(var(--u)*3)} :is(#laboratorio,.lab-escopo) .cm-tt-text span{padding:calc(var(--u)*4) calc(var(--u)*10);border-radius:calc(var(--u)*8);background:#fff;color:#111;font-size:calc(var(--u)*23);font-weight:700;line-height:1.2} :is(#laboratorio,.lab-escopo) .cm-tt-top>.cm-i{width:calc(var(--u)*25);height:calc(var(--u)*25)} :is(#laboratorio,.lab-escopo) .cm-rail--tt{right:calc(var(--u)*8);gap:calc(var(--u)*19)} :is(#laboratorio,.lab-escopo) .cm-rail--tt .cm-i{width:calc(var(--u)*33);height:calc(var(--u)*33)} :is(#laboratorio,.lab-escopo) .cm-tt-avatar{position:relative;margin-bottom:calc(var(--u)*6)} :is(#laboratorio,.lab-escopo) .cm-tt-avatar>.cm-mark{width:calc(var(--u)*44);height:calc(var(--u)*44);box-shadow:0 0 0 calc(var(--u)*1.4) #fff} :is(#laboratorio,.lab-escopo) .cm-tt-avatar>i{position:absolute;left:50%;bottom:calc(var(--u)*-9);display:grid;place-items:center;width:calc(var(--u)*19);height:calc(var(--u)*19);translate:-50% 0;border-radius:50%;background:#fe2c55} :is(#laboratorio,.lab-escopo) .cm-tt-avatar>i .cm-i{width:calc(var(--u)*13);height:calc(var(--u)*13);stroke-width:3;filter:none} :is(#laboratorio,.lab-escopo) .cm-disc{display:grid;place-items:center;width:calc(var(--u)*40);height:calc(var(--u)*40);border-radius:50%;background:radial-gradient(#2a2a2a 55%,#111 56%)} :is(#laboratorio,.lab-escopo) .cm-disc .cm-mark{width:calc(var(--u)*22);height:calc(var(--u)*22)} :is(#laboratorio,.lab-escopo) [data-playing="true"] .cm-disc{animation:cm-spin 4s linear infinite} @keyframes cm-spin{to{transform:rotate(1turn)}} :is(#laboratorio,.lab-escopo) .cm-vmeta--tt{gap:calc(var(--u)*5);bottom:calc(var(--pe) + var(--u)*104)} :is(#laboratorio,.lab-escopo) .cm-vmeta--tt>b{font-size:calc(var(--u)*15)} :is(#laboratorio,.lab-escopo) .cm-pill{padding:calc(var(--u)*2) calc(var(--u)*6);border-radius:calc(var(--u)*4);background:rgb(255 255 255 / .22);font-size:calc(var(--u)*11.2);font-weight:600;text-shadow:none} :is(#laboratorio,.lab-escopo) .cm-vcta--tt{border-radius:calc(var(--u)*4);background:rgb(255 255 255 / .25);font-size:calc(var(--u)*14)} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="lit"] .cm-vcta--tt{background:#fe2c55} :is(#laboratorio,.lab-escopo) .cm-vprogress--tt{background:#ffffff33} /* YouTube Shorts */ :is(#laboratorio,.lab-escopo) .cm-rail--yt{gap:calc(var(--u)*13);right:calc(var(--u)*8)} :is(#laboratorio,.lab-escopo) .cm-rail--yt>span:not(.cm-cover){display:grid;justify-items:center;gap:calc(var(--u)*3);font-size:calc(var(--u)*10.6);font-weight:500;text-shadow:0 1px calc(var(--u)*3) #0008} :is(#laboratorio,.lab-escopo) .cm-rail--yt>span:not(.cm-cover) .cm-i{box-sizing:content-box;width:calc(var(--u)*22);height:calc(var(--u)*22);padding:calc(var(--u)*10);border-radius:50%;background:rgb(255 255 255 / .14);filter:none} :is(#laboratorio,.lab-escopo) .cm-vmeta--yt{bottom:calc(var(--pe) + var(--u)*104)} :is(#laboratorio,.lab-escopo) .cm-vcta--yt{right:calc(var(--u)*72);justify-content:center;border-radius:99px;background:rgb(255 255 255 / .22)} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="lit"] .cm-vcta--yt{background:#fff;color:#0f0f0f} :is(#laboratorio,.lab-escopo) .cm-quiz{position:absolute;z-index:2;top:30%;left:calc(var(--u)*24);right:calc(var(--u)*76);display:grid;gap:calc(var(--u)*10);padding:calc(var(--u)*18);border-radius:calc(var(--u)*16);background:rgb(15 15 15 / .78);color:#fff;opacity:0;transform:translateY(calc(var(--u)*14));transition:opacity .3s,transform .4s var(--cm-ios)} :is(#laboratorio,.lab-escopo) .cm-quiz small{color:#ffb3a6;font-size:calc(var(--u)*13);font-weight:600} :is(#laboratorio,.lab-escopo) .cm-quiz b{font-size:calc(var(--u)*24);font-weight:700!important;line-height:1.25} :is(#laboratorio,.lab-escopo) .cm-blank{display:inline-block;min-width:calc(var(--u)*42);border-bottom:calc(var(--u)*3) solid #e5533d;text-align:center} :is(#laboratorio,.lab-escopo) .cm-blank i{font-style:normal;color:#ffb3a6;opacity:0;transition:opacity .25s} :is(#laboratorio,.lab-escopo) .cm-quiz-ok{display:flex;align-items:center;gap:calc(var(--u)*5);color:#8be3a5;font-size:calc(var(--u)*14);font-weight:600;opacity:0;transition:opacity .25s} :is(#laboratorio,.lab-escopo) .cm-quiz-ok .cm-i{width:calc(var(--u)*17);height:calc(var(--u)*17);stroke-width:3} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="q"] .cm-quiz{opacity:1;transform:none} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="q"] .cm-ontext{opacity:0} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="ok"] .cm-blank i,:is(#laboratorio,.lab-escopo) .cm-screen[data-state~="ok"] .cm-quiz-ok{opacity:1} :is(#laboratorio,.lab-escopo) .cm-ontext{transition:opacity .25s} :is(#laboratorio,.lab-escopo) .cm-store{gap:calc(var(--u)*16);padding-top:calc(var(--u)*8)} :is(#laboratorio,.lab-escopo) .cm-store-head{display:flex;align-items:center;gap:calc(var(--u)*14)} :is(#laboratorio,.lab-escopo) .cm-store-head>span:not(.cm-mark):not(.cm-store-get){display:grid;flex:1;justify-items:start;gap:calc(var(--u)*2);min-width:0} :is(#laboratorio,.lab-escopo) .cm-store-head b{font-size:calc(var(--u)*19);font-weight:700!important} :is(#laboratorio,.lab-escopo) .cm-store-head small{color:#6b6f75;font-size:calc(var(--u)*13)} :is(#laboratorio,.lab-escopo) .cm-store-get{position:relative;display:grid;flex:none;place-items:center;min-width:calc(var(--u)*76);height:calc(var(--u)*30);border-radius:99px;background:#0a7aff;color:#fff} :is(#laboratorio,.lab-escopo) .cm-store-get>b{grid-area:1/1;font-size:calc(var(--u)*14);font-weight:700!important} :is(#laboratorio,.lab-escopo) .cm-store-get>b:last-child,:is(#laboratorio,.lab-escopo) .cm-ring{visibility:hidden} :is(#laboratorio,.lab-escopo) .cm-ring{grid-area:1/1;width:calc(var(--u)*26);height:calc(var(--u)*26);border:calc(var(--u)*2.6) solid #d6e4f5;border-top-color:#0a7aff;border-radius:50%} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="load"] .cm-store-get{background:transparent} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="load"] .cm-store-get>b:first-child,:is(#laboratorio,.lab-escopo) .cm-screen[data-state~="done"] .cm-store-get>b:first-child{visibility:hidden} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="load"] .cm-ring{visibility:inherit;animation:cm-spin .9s linear infinite} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="done"] .cm-store-get{background:#e8eef6;color:#0a7aff} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="done"] .cm-store-get>b:last-child{visibility:inherit} :is(#laboratorio,.lab-escopo) .cm-store-shots{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u)*10)} :is(#laboratorio,.lab-escopo) .cm-store-shots>span{display:grid;align-content:start;gap:calc(var(--u)*8);aspect-ratio:3/4;padding:calc(var(--u)*16) calc(var(--u)*12);border-radius:calc(var(--u)*16);background:#fbefe9;color:#2b1f1a} :is(#laboratorio,.lab-escopo) .cm-store-shots small{color:#e5533d;font-size:calc(var(--u)*11.5);font-weight:600} :is(#laboratorio,.lab-escopo) .cm-store-shots b{font-size:calc(var(--u)*16);font-weight:700!important;line-height:1.2} :is(#laboratorio,.lab-escopo) .cm-bubble{justify-self:start;max-width:92%;padding:calc(var(--u)*7) calc(var(--u)*10);border-radius:calc(var(--u)*12);background:#fff;font-size:calc(var(--u)*12);font-style:normal;line-height:1.3} :is(#laboratorio,.lab-escopo) .cm-bubble--me{justify-self:end;background:#e5533d;color:#fff} /* Facebook feed and the Meta instant form */ :is(#laboratorio,.lab-escopo) .cm-fb .cm-safe{background:#e4e6eb} :is(#laboratorio,.lab-escopo) .cm-fb-bar{display:flex;align-items:center;justify-content:space-between;height:calc(var(--u)*46);padding:0 calc(var(--u)*12) 0 calc(var(--u)*14);background:#fff} :is(#laboratorio,.lab-escopo) .cm-fb-name{font-size:calc(var(--u)*24);font-weight:700!important;letter-spacing:-.02em} :is(#laboratorio,.lab-escopo) .cm-fb-bar>span{display:flex;gap:calc(var(--u)*8)} :is(#laboratorio,.lab-escopo) .cm-fb-bar i{display:grid;place-items:center;width:calc(var(--u)*34);height:calc(var(--u)*34);border-radius:50%;background:#e4e6eb} :is(#laboratorio,.lab-escopo) .cm-fb-bar .cm-i{width:calc(var(--u)*19);height:calc(var(--u)*19);stroke-width:2.2} :is(#laboratorio,.lab-escopo) .cm-fb-post{margin-top:calc(var(--u)*7.5);padding-bottom:calc(var(--u)*2);background:#fff} :is(#laboratorio,.lab-escopo) .cm-fb-next{padding:calc(var(--u)*6) 0} :is(#laboratorio,.lab-escopo) .cm-fb-head{display:flex;align-items:center;gap:calc(var(--u)*9);padding:calc(var(--u)*11) calc(var(--u)*11) calc(var(--u)*8)} :is(#laboratorio,.lab-escopo) .cm-fb-head .cm-mark{width:calc(var(--u)*37);height:calc(var(--u)*37)} :is(#laboratorio,.lab-escopo) .cm-fb-head>span:not(.cm-mark){display:grid;flex:1;min-width:0;line-height:1.28} :is(#laboratorio,.lab-escopo) .cm-fb-head b{color:#080809;font-size:calc(var(--u)*14)} :is(#laboratorio,.lab-escopo) .cm-fb-head small{color:#65676b;font-size:calc(var(--u)*12.2)} :is(#laboratorio,.lab-escopo) .cm-fb-head>.cm-i{width:calc(var(--u)*19);height:calc(var(--u)*19);color:#65676b} :is(#laboratorio,.lab-escopo) .cm-fb-text{margin:0 calc(var(--u)*11) calc(var(--u)*10)!important;color:#080809;font-size:calc(var(--u)*14);line-height:1.34} :is(#laboratorio,.lab-escopo) .cm-fb-carousel{overflow:hidden} :is(#laboratorio,.lab-escopo) .cm-fb-carousel .cm-track{display:flex;gap:calc(var(--u)*8);padding:0 calc(var(--u)*11);transition:transform .55s cubic-bezier(.2,.95,.25,1.04)} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="c2"] .cm-fb-carousel .cm-track{transform:translateX(calc(var(--u)*-308))} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="c3"] .cm-fb-carousel .cm-track{transform:translateX(calc(var(--u)*-528))} :is(#laboratorio,.lab-escopo) .cm-fb-card{flex:0 0 calc(var(--u)*300);overflow:hidden;border:calc(var(--u)*.8) solid #dadde1;border-radius:calc(var(--u)*8)} :is(#laboratorio,.lab-escopo) .cm-fb-img{display:block;aspect-ratio:1;overflow:hidden;background:#f0f2f5} :is(#laboratorio,.lab-escopo) .cm-fb-img img{width:100%;height:100%;object-fit:cover} :is(#laboratorio,.lab-escopo) .cm-fb-img--plan{display:grid;place-items:center;padding:calc(var(--u)*24);color:#1f4e5f} :is(#laboratorio,.lab-escopo) .cm-fb-card figcaption{display:flex;align-items:center;gap:calc(var(--u)*8);padding:calc(var(--u)*9) calc(var(--u)*10);background:#f0f2f5} :is(#laboratorio,.lab-escopo) .cm-fb-card figcaption>span:first-child{display:grid;flex:1;min-width:0;line-height:1.25} :is(#laboratorio,.lab-escopo) .cm-fb-card figcaption b{overflow:hidden;font-size:calc(var(--u)*13.5);text-overflow:ellipsis;white-space:nowrap} :is(#laboratorio,.lab-escopo) .cm-fb-card figcaption small{color:#65676b;font-size:calc(var(--u)*12)} :is(#laboratorio,.lab-escopo) .cm-fb-btn{flex:none;padding:calc(var(--u)*8) calc(var(--u)*10);border-radius:calc(var(--u)*6);background:#e2e5e9;color:#080809;font-size:calc(var(--u)*13);font-weight:600} :is(#laboratorio,.lab-escopo) .cm-fb-actions{display:flex;justify-content:space-around;margin:calc(var(--u)*8) calc(var(--u)*8) 0;padding:calc(var(--u)*9) 0;border-top:calc(var(--u)*.6) solid #e4e6eb;color:#65676b;font-size:calc(var(--u)*13);font-weight:600} :is(#laboratorio,.lab-escopo) .cm-fb-actions span,:is(#laboratorio,.lab-escopo) .cm-li-actions span{display:flex;align-items:center;gap:calc(var(--u)*6)} :is(#laboratorio,.lab-escopo) .cm-fb-actions .cm-i{width:calc(var(--u)*19);height:calc(var(--u)*19)} :is(#laboratorio,.lab-escopo) .cm-fb .cm-tabbar>span.is-on{color:#0866ff} :is(#laboratorio,.lab-escopo) .cm-mf,:is(#laboratorio,.lab-escopo) .cm-lf{position:absolute;inset:0;display:flex;flex-direction:column;background:#fff;color:#1c1e21} :is(#laboratorio,.lab-escopo) .cm-mf-cover{position:relative;flex:none;height:calc(var(--topo) + var(--u)*96);overflow:hidden} :is(#laboratorio,.lab-escopo) .cm-mf-cover img{width:100%;height:100%;object-fit:cover} :is(#laboratorio,.lab-escopo) .cm-mf-x{position:absolute;top:calc(var(--topo) + var(--u)*4);left:calc(var(--u)*12);display:grid;place-items:center;width:calc(var(--u)*32);height:calc(var(--u)*32);border-radius:50%;background:#0009;color:#fff} :is(#laboratorio,.lab-escopo) .cm-mf-x .cm-i{width:calc(var(--u)*18);height:calc(var(--u)*18)} :is(#laboratorio,.lab-escopo) .cm-mf-body,:is(#laboratorio,.lab-escopo) .cm-lf-body{display:grid;flex:1;align-content:start;gap:calc(var(--u)*9);padding:0 calc(var(--u)*18);overflow:hidden} :is(#laboratorio,.lab-escopo) .cm-mf-body>.cm-mark{width:calc(var(--u)*50);height:calc(var(--u)*50);margin-top:calc(var(--u)*-25);box-shadow:0 0 0 calc(var(--u)*3) #fff} :is(#laboratorio,.lab-escopo) .cm-mf-body>small{color:#65676b;font-size:calc(var(--u)*12.6)} :is(#laboratorio,.lab-escopo) .cm-mf-title,:is(#laboratorio,.lab-escopo) .cm-lf-title{font-size:calc(var(--u)*19);font-weight:700!important;line-height:1.2} :is(#laboratorio,.lab-escopo) .cm-mf-section{margin-top:calc(var(--u)*6)!important;font-size:calc(var(--u)*14.5);font-weight:600} :is(#laboratorio,.lab-escopo) .cm-mf-legal{color:#65676b;font-size:calc(var(--u)*11.2);line-height:1.35} :is(#laboratorio,.lab-escopo) .cm-mf .cm-chip.is-on{--brand:#0866ff} :is(#laboratorio,.lab-escopo) .cm-mf-foot,:is(#laboratorio,.lab-escopo) .cm-lf-foot{flex:none;padding:calc(var(--u)*10) calc(var(--u)*18) calc(var(--pe) + var(--u)*12);border-top:calc(var(--u)*.6) solid #e4e6eb} :is(#laboratorio,.lab-escopo) .cm-mf-foot .cm-btn{border-radius:calc(var(--u)*8);background:#0866ff} :is(#laboratorio,.lab-escopo) .cm-mf .cm-done{--brand:#0866ff} :is(#laboratorio,.lab-escopo) .cm-mf .cm-done .cm-btn{background:#e4e6eb;color:#050505} :is(#laboratorio,.lab-escopo) .cm-planta{width:100%;height:auto;color:inherit} :is(#laboratorio,.lab-escopo) .cm-planta-4{opacity:0;transition:opacity .3s} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="p4"] .cm-planta-4,:is(#laboratorio,.lab-escopo) .cm-fb .cm-planta-4{opacity:1} /* LinkedIn: document ad and lead gen form */ :is(#laboratorio,.lab-escopo) .cm-li .cm-safe{background:#f4f2ee} :is(#laboratorio,.lab-escopo) .cm-li-top{display:flex;align-items:center;gap:calc(var(--u)*11);height:calc(var(--u)*48);padding:0 calc(var(--u)*13);background:#fff;color:#666} :is(#laboratorio,.lab-escopo) .cm-li-search{display:flex;flex:1;align-items:center;gap:calc(var(--u)*7);height:calc(var(--u)*33);padding:0 calc(var(--u)*11);border-radius:calc(var(--u)*5);background:#edf3f8;color:#5e6b74;font-size:calc(var(--u)*14)} :is(#laboratorio,.lab-escopo) .cm-li-search .cm-i{width:calc(var(--u)*17);height:calc(var(--u)*17)} :is(#laboratorio,.lab-escopo) .cm-li-post{margin-top:calc(var(--u)*7.5);background:#fff;color:rgba(0,0,0,.9)} :is(#laboratorio,.lab-escopo) .cm-li-head{display:flex;align-items:center;gap:calc(var(--u)*9);padding:calc(var(--u)*11) calc(var(--u)*13) calc(var(--u)*8)} :is(#laboratorio,.lab-escopo) .cm-li-head .cm-mark{width:calc(var(--u)*45);height:calc(var(--u)*45)} :is(#laboratorio,.lab-escopo) .cm-li-head>span:not(.cm-mark):not(.cm-li-follow){display:grid;flex:1;min-width:0;line-height:1.3} :is(#laboratorio,.lab-escopo) .cm-li-head b{font-size:calc(var(--u)*14)} :is(#laboratorio,.lab-escopo) .cm-li-head small{color:rgba(0,0,0,.6);font-size:calc(var(--u)*11.4)} :is(#laboratorio,.lab-escopo) .cm-li-follow{display:flex;align-items:center;gap:calc(var(--u)*3);color:#0a66c2;font-size:calc(var(--u)*14);font-weight:600} :is(#laboratorio,.lab-escopo) .cm-li-follow .cm-i{width:calc(var(--u)*17);height:calc(var(--u)*17);stroke-width:2.4} :is(#laboratorio,.lab-escopo) .cm-li-text{margin:0 calc(var(--u)*13) calc(var(--u)*10)!important;font-size:calc(var(--u)*13.6);line-height:1.38} :is(#laboratorio,.lab-escopo) .cm-li-text span{color:rgba(0,0,0,.6)} :is(#laboratorio,.lab-escopo) .cm-doc{margin:0 calc(var(--u)*0)} :is(#laboratorio,.lab-escopo) .cm-doc-bar{display:flex;align-items:center;gap:calc(var(--u)*7);height:calc(var(--u)*34);padding:0 calc(var(--u)*13);background:#1d2226;color:#fff;font-size:calc(var(--u)*12.4)} :is(#laboratorio,.lab-escopo) .cm-doc-bar b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} :is(#laboratorio,.lab-escopo) .cm-doc-bar .cm-i{width:calc(var(--u)*16);height:calc(var(--u)*16)} :is(#laboratorio,.lab-escopo) .cm-doc-view{position:relative;height:calc(var(--u)*388);overflow:hidden;background:#e9e5df} :is(#laboratorio,.lab-escopo) .cm-doc-view .cm-track{display:flex;height:100%;transition:transform .5s cubic-bezier(.2,.95,.25,1.04)} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="p2"] .cm-doc-view .cm-track{transform:translateX(-100%)} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="p3"] .cm-doc-view .cm-track{transform:translateX(-200%)} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="p4"] .cm-doc-view .cm-track{transform:translateX(-300%)} :is(#laboratorio,.lab-escopo) .cm-doc-page{position:relative;display:grid;flex:0 0 100%;align-content:start;gap:calc(var(--u)*10);height:100%;padding:calc(var(--u)*30) calc(var(--u)*28);background:#fbfaf7;color:#0f1a2c} :is(#laboratorio,.lab-escopo) .cm-doc-page>small{color:#b08d3c;font-size:calc(var(--u)*30);font-weight:700} :is(#laboratorio,.lab-escopo) .cm-doc-page>b{font-size:calc(var(--u)*25);font-weight:700!important;line-height:1.15} :is(#laboratorio,.lab-escopo) .cm-doc-page .cm-skel{padding:calc(var(--u)*8) 0} :is(#laboratorio,.lab-escopo) .cm-doc-page--cover{padding:0;background:#0f1a2c} :is(#laboratorio,.lab-escopo) .cm-doc-page--cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75} :is(#laboratorio,.lab-escopo) .cm-doc-page--cover figcaption{position:absolute;inset:auto 0 0;display:grid;gap:calc(var(--u)*6);padding:calc(var(--u)*60) calc(var(--u)*24) calc(var(--u)*26);background:linear-gradient(#0f1a2c00,#0f1a2cee 55%);color:#fff} :is(#laboratorio,.lab-escopo) .cm-doc-page--cover small{color:#d8b866;font-size:calc(var(--u)*13);font-weight:600} :is(#laboratorio,.lab-escopo) .cm-doc-page--cover b{font-size:calc(var(--u)*26);font-weight:700!important;line-height:1.12} :is(#laboratorio,.lab-escopo) .cm-doc-page--gate>.cm-skel{filter:blur(calc(var(--u)*2.2))} :is(#laboratorio,.lab-escopo) .cm-doc-page--gate>span{position:absolute;inset:auto calc(var(--u)*20) calc(var(--u)*30);display:grid;gap:calc(var(--u)*12);padding:calc(var(--u)*18);border-radius:calc(var(--u)*12);background:#fff;box-shadow:0 calc(var(--u)*4) calc(var(--u)*20) #0002;text-align:center} :is(#laboratorio,.lab-escopo) .cm-doc-page--gate b{font-size:calc(var(--u)*15);line-height:1.3} :is(#laboratorio,.lab-escopo) .cm-doc-page--gate .cm-btn{border-radius:99px;background:#0a66c2} :is(#laboratorio,.lab-escopo) .cm-doc-count{position:absolute;right:calc(var(--u)*10);bottom:calc(var(--u)*10);padding:calc(var(--u)*3) calc(var(--u)*8);border-radius:99px;background:#000a;color:#fff;font-size:calc(var(--u)*11)} :is(#laboratorio,.lab-escopo) .cm-doc-count i{font-style:normal} :is(#laboratorio,.lab-escopo) .cm-doc-count i:not(:first-child),:is(#laboratorio,.lab-escopo) .cm-screen[data-state~="p2"] .cm-doc-count i:first-child,:is(#laboratorio,.lab-escopo) .cm-screen[data-state~="p3"] .cm-doc-count i:first-child,:is(#laboratorio,.lab-escopo) .cm-screen[data-state~="p4"] .cm-doc-count i:first-child{display:none} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="p2"] .cm-doc-count i:nth-child(2),:is(#laboratorio,.lab-escopo) .cm-screen[data-state~="p3"] .cm-doc-count i:nth-child(3),:is(#laboratorio,.lab-escopo) .cm-screen[data-state~="p4"] .cm-doc-count i:nth-child(4){display:inline} :is(#laboratorio,.lab-escopo) .cm-li-actions{display:flex;justify-content:space-around;margin:0 calc(var(--u)*8);padding:calc(var(--u)*8) 0;color:rgba(0,0,0,.6);font-size:calc(var(--u)*11.2);font-weight:600} :is(#laboratorio,.lab-escopo) .cm-li-actions span{flex-direction:column;gap:calc(var(--u)*2)} :is(#laboratorio,.lab-escopo) .cm-li-actions .cm-i{width:calc(var(--u)*20);height:calc(var(--u)*20)} :is(#laboratorio,.lab-escopo) .cm-lf-top{display:flex;align-items:center;gap:calc(var(--u)*14);height:calc(var(--topo) + var(--u)*46);padding:var(--topo) calc(var(--u)*14) 0;border-bottom:calc(var(--u)*.6) solid #e8e8e8;font-size:calc(var(--u)*15)} :is(#laboratorio,.lab-escopo) .cm-lf-top .cm-i{width:calc(var(--u)*21);height:calc(var(--u)*21);color:#666} :is(#laboratorio,.lab-escopo) .cm-lf-body{gap:calc(var(--u)*7);padding-top:calc(var(--u)*14)} :is(#laboratorio,.lab-escopo) .cm-lf-body>.cm-mark{width:calc(var(--u)*45);height:calc(var(--u)*45)} :is(#laboratorio,.lab-escopo) .cm-lf-foot .cm-btn{border-radius:99px;background:#0a66c2} :is(#laboratorio,.lab-escopo) .cm-lf .cm-done{--brand:#0a66c2} :is(#laboratorio,.lab-escopo) .cm-lf .cm-done .cm-btn{background:#fff;color:#0a66c2;box-shadow:inset 0 0 0 calc(var(--u)*1) #0a66c2} :is(#laboratorio,.lab-escopo) .cm-li .cm-input{padding:calc(var(--u)*4) 0 calc(var(--u)*6)} /* YouTube: watch page with the in-stream ad, and the live with paid promotion */ :is(#laboratorio,.lab-escopo) .cm-yt .cm-safe,:is(#laboratorio,.lab-escopo) .cm-ytlive .cm-safe{color:#0f0f0f} :is(#laboratorio,.lab-escopo) .cm-yt-player{position:relative;aspect-ratio:16/9;overflow:hidden;background:#000;color:#fff} :is(#laboratorio,.lab-escopo) .cm-yt-player>img{width:100%;height:100%;object-fit:cover} :is(#laboratorio,.lab-escopo) .cm-yt-dim{position:absolute;inset:0;background:linear-gradient(90deg,#0009,#0000 70%);transition:background-color .3s} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="s2"] .cm-yt-dim{background-color:#0007} :is(#laboratorio,.lab-escopo) .cm-yt-burn{position:absolute;top:calc(var(--u)*26);left:calc(var(--u)*16);width:62%;font-size:calc(var(--u)*22);font-weight:800;line-height:1.1;letter-spacing:-.01em;text-shadow:0 1px calc(var(--u)*6) #000a;transition:opacity .25s} :is(#laboratorio,.lab-escopo) .cm-yt-dash{position:absolute;top:calc(var(--u)*22);left:calc(var(--u)*16);width:58%;display:grid;gap:calc(var(--u)*6);padding:calc(var(--u)*12);border-radius:calc(var(--u)*12);background:#0b1512e6;opacity:0;transform:translateY(calc(var(--u)*10));transition:opacity .3s,transform .4s var(--cm-ios)} :is(#laboratorio,.lab-escopo) .cm-yt-dash small{color:#9fe0cd;font-size:calc(var(--u)*11.5);font-weight:600} :is(#laboratorio,.lab-escopo) .cm-yt-dash span{display:block;height:calc(var(--u)*9);border-radius:99px;background:#ffffff2e} :is(#laboratorio,.lab-escopo) .cm-yt-dash span i{display:block;width:72%;height:100%;border-radius:inherit;background:#3ddc97} :is(#laboratorio,.lab-escopo) .cm-yt-dash b{font-size:calc(var(--u)*14.5);line-height:1.2} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="s2"] .cm-yt-burn{opacity:0} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="s2"] .cm-yt-dash{opacity:1;transform:none} :is(#laboratorio,.lab-escopo) .cm-yt-label{position:absolute;left:calc(var(--u)*9);bottom:calc(var(--u)*12);display:flex;align-items:center;gap:calc(var(--u)*4);padding:calc(var(--u)*3) calc(var(--u)*7);border-radius:calc(var(--u)*4);background:rgb(0 0 0 / .6);font-size:calc(var(--u)*11.2);font-weight:500} :is(#laboratorio,.lab-escopo) .cm-yt-label .cm-i{width:calc(var(--u)*13);height:calc(var(--u)*13)} :is(#laboratorio,.lab-escopo) .cm-yt-wait,:is(#laboratorio,.lab-escopo) .cm-yt-skip{position:absolute;right:0;bottom:calc(var(--u)*12);display:flex;align-items:center;gap:calc(var(--u)*6);height:calc(var(--u)*32);padding:0 calc(var(--u)*13);border:calc(var(--u)*1) solid #ffffff4d;border-right:0;border-radius:99px 0 0 99px;background:rgb(0 0 0 / .62);font-size:calc(var(--u)*12.6);font-weight:500} :is(#laboratorio,.lab-escopo) .cm-yt-skip{visibility:hidden;font-size:calc(var(--u)*13.4)} :is(#laboratorio,.lab-escopo) .cm-yt-skip .cm-i{width:calc(var(--u)*15);height:calc(var(--u)*15)} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="s2"] .cm-yt-wait{visibility:hidden} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="s2"] .cm-yt-skip{visibility:inherit} :is(#laboratorio,.lab-escopo) .cm-yt-adbar{position:absolute;left:0;right:0;bottom:0;height:calc(var(--u)*3);background:#ffffff40} :is(#laboratorio,.lab-escopo) .cm-yt-adbar i{display:block;height:100%;background:#fc0;transform:scaleX(0);transform-origin:left} :is(#laboratorio,.lab-escopo) .cm-yt-panel{display:flex;align-items:center;gap:calc(var(--u)*10);padding:calc(var(--u)*11);border-bottom:calc(var(--u)*.6) solid #e5e5e5} :is(#laboratorio,.lab-escopo) .cm-yt-panel .cm-mark{width:calc(var(--u)*34);height:calc(var(--u)*34)} :is(#laboratorio,.lab-escopo) .cm-yt-panel>span:not(.cm-mark):not(.cm-yt-btn){display:grid;flex:1;min-width:0;line-height:1.3} :is(#laboratorio,.lab-escopo) .cm-yt-panel b{font-size:calc(var(--u)*14)} :is(#laboratorio,.lab-escopo) .cm-yt-panel small{color:#606060;font-size:calc(var(--u)*11.2)} :is(#laboratorio,.lab-escopo) .cm-yt-panel small b{color:#0f0f0f;font-size:inherit} :is(#laboratorio,.lab-escopo) .cm-yt-btn{flex:none;padding:calc(var(--u)*8) calc(var(--u)*14);border-radius:99px;background:#065fd4;color:#fff;font-size:calc(var(--u)*13.1);font-weight:600} :is(#laboratorio,.lab-escopo) .cm-yt-info{display:grid;gap:calc(var(--u)*10);padding:calc(var(--u)*12) calc(var(--u)*12) calc(var(--u)*6)} :is(#laboratorio,.lab-escopo) .cm-yt-info>b{font-size:calc(var(--u)*17);font-weight:700!important;line-height:1.22} :is(#laboratorio,.lab-escopo) .cm-yt-channel{display:flex;align-items:center;gap:calc(var(--u)*9)} :is(#laboratorio,.lab-escopo) .cm-yt-channel>i{display:grid;place-items:center;width:calc(var(--u)*34);height:calc(var(--u)*34);border-radius:50%;background:#6d5a4a;color:#fff;font-size:calc(var(--u)*14);font-style:normal;font-weight:700} :is(#laboratorio,.lab-escopo) .cm-yt-channel>b{flex:1;font-size:calc(var(--u)*14)} :is(#laboratorio,.lab-escopo) .cm-yt-sub{padding:calc(var(--u)*8) calc(var(--u)*13);border-radius:99px;background:#0f0f0f;color:#fff;font-size:calc(var(--u)*13);font-weight:600} :is(#laboratorio,.lab-escopo) .cm-yt-recs{display:grid;gap:calc(var(--u)*12);padding:calc(var(--u)*10) calc(var(--u)*12)} :is(#laboratorio,.lab-escopo) .cm-yt-recs>span{display:flex;gap:calc(var(--u)*10)} :is(#laboratorio,.lab-escopo) .cm-yt-recs>span>i{flex:none;width:calc(var(--u)*168);aspect-ratio:16/9;border-radius:calc(var(--u)*10);background:#e8e8e8} :is(#laboratorio,.lab-escopo) .cm-yt-recs .cm-skel{flex:1;padding:calc(var(--u)*4) 0} :is(#laboratorio,.lab-escopo) .cm-paid{position:absolute;top:calc(var(--u)*9);left:calc(var(--u)*9);display:flex;align-items:center;gap:calc(var(--u)*6);height:calc(var(--u)*30);padding:0 calc(var(--u)*8) 0 calc(var(--u)*10);border-left:calc(var(--u)*2.8) solid #3ea6ff;border-radius:calc(var(--u)*4);background:rgb(0 0 0 / .6);font-size:calc(var(--u)*13.1);font-weight:500;opacity:0;transition:opacity .3s} :is(#laboratorio,.lab-escopo) .cm-paid .cm-i{width:calc(var(--u)*16);height:calc(var(--u)*16)} :is(#laboratorio,.lab-escopo) .cm-paid .cm-i--chevron{width:calc(var(--u)*13);height:calc(var(--u)*13)} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="paid"] .cm-paid{opacity:1} :is(#laboratorio,.lab-escopo) .cm-onair{position:absolute;left:calc(var(--u)*9);bottom:calc(var(--u)*9);display:flex;align-items:center;gap:calc(var(--u)*4);padding:calc(var(--u)*2) calc(var(--u)*6);border-radius:calc(var(--u)*3);background:#ff0000;color:#fff;font-size:calc(var(--u)*11.2);font-weight:600;text-transform:uppercase} :is(#laboratorio,.lab-escopo) .cm-lower{position:absolute;left:calc(var(--u)*10);right:30%;bottom:calc(var(--u)*34);display:grid;gap:calc(var(--u)*1);padding:calc(var(--u)*8) calc(var(--u)*11);border-radius:calc(var(--u)*8);border-left:calc(var(--u)*4) solid #5b3df5;background:#fff;color:#14112b;opacity:0;transform:translateX(calc(var(--u)*-16));transition:opacity .3s,transform .45s var(--cm-ios)} :is(#laboratorio,.lab-escopo) .cm-lower small{color:#5b3df5;font-size:calc(var(--u)*11.2);font-weight:700} :is(#laboratorio,.lab-escopo) .cm-lower b{font-size:calc(var(--u)*15);font-weight:700!important} :is(#laboratorio,.lab-escopo) .cm-lower span{font-size:calc(var(--u)*12)} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="s2"] .cm-lower{opacity:1;transform:none} :is(#laboratorio,.lab-escopo) .cm-chat{display:flex;flex-direction:column;height:calc(100% - var(--u)*360);margin-top:calc(var(--u)*6);border-top:calc(var(--u)*.6) solid #e5e5e5} :is(#laboratorio,.lab-escopo) .cm-chat-head{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--u)*10) calc(var(--u)*12);border-bottom:calc(var(--u)*.6) solid #eee;font-size:calc(var(--u)*15)} :is(#laboratorio,.lab-escopo) .cm-chat-head .cm-i{width:calc(var(--u)*19);height:calc(var(--u)*19)} :is(#laboratorio,.lab-escopo) .cm-chat-pin{display:none;gap:calc(var(--u)*8);margin:calc(var(--u)*8) calc(var(--u)*10) 0;padding:calc(var(--u)*9) calc(var(--u)*10);border-radius:calc(var(--u)*10);background:#f2f2f2;font-size:calc(var(--u)*13.1);line-height:1.35} :is(#laboratorio,.lab-escopo) .cm-chat-pin .cm-i{width:calc(var(--u)*16);height:calc(var(--u)*16);margin-top:calc(var(--u)*1)} :is(#laboratorio,.lab-escopo) .cm-chat-pin u{color:#065fd4;text-decoration:none;font-weight:500} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="s3"] .cm-chat-pin{display:flex} :is(#laboratorio,.lab-escopo) .cm-chat-list{display:flex;flex:1;flex-direction:column;justify-content:flex-end;gap:calc(var(--u)*8);padding:calc(var(--u)*8) calc(var(--u)*12);overflow:hidden;font-size:calc(var(--u)*13.1)} :is(#laboratorio,.lab-escopo) .cm-chat-list p{display:flex;align-items:baseline;gap:calc(var(--u)*7)} :is(#laboratorio,.lab-escopo) .cm-chat-list i{flex:none;width:calc(var(--u)*22);height:calc(var(--u)*22);align-self:center;border-radius:50%;background:#d9dfe3} :is(#laboratorio,.lab-escopo) .cm-chat-list b{flex:none;color:#606060;font-size:calc(var(--u)*12.2);font-weight:500} :is(#laboratorio,.lab-escopo) .cm-chat-more{display:none!important} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="s2"] .cm-chat-more{display:flex!important} :is(#laboratorio,.lab-escopo) .cm-chat-input{margin:calc(var(--u)*6) calc(var(--u)*12) calc(var(--pe) + var(--u)*6);padding:calc(var(--u)*9) calc(var(--u)*14);border-radius:99px;background:#f2f2f2;color:#606060;font-size:calc(var(--u)*13.5)} /* Google: search (results with one sponsored result) and organic result */ :is(#laboratorio,.lab-escopo) .cm-g .cm-safe{color:#1f1f1f} :is(#laboratorio,.lab-escopo) .cm-g-box{display:flex;align-items:center;gap:calc(var(--u)*9);height:calc(var(--u)*46);margin:calc(var(--u)*6) calc(var(--u)*12) calc(var(--u)*4);padding:0 calc(var(--u)*14);border-radius:99px;box-shadow:0 0 0 calc(var(--u)*1) #dadce0,0 calc(var(--u)*1) calc(var(--u)*6) #20212914;font-size:calc(var(--u)*15)} :is(#laboratorio,.lab-escopo) .cm-g-logo{flex:none;width:auto;height:calc(var(--u)*19)} :is(#laboratorio,.lab-escopo) .cm-typed{flex:1;min-width:0;overflow:hidden;white-space:nowrap} :is(#laboratorio,.lab-escopo) .cm-typed>span{display:inline-block;max-width:100%;overflow:hidden;vertical-align:bottom} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="typing"] .cm-typed>span{max-width:0;animation:cm-type 1s steps(21,end) .2s forwards;box-shadow:calc(var(--u)*1.5) 0 0 #1a73e8} :is(#laboratorio,.lab-escopo) .cm-typed.is-done>span{max-width:100%!important;animation:none!important;box-shadow:none!important} @keyframes cm-type{to{max-width:100%}} :is(#laboratorio,.lab-escopo) .cm-g-box>.cm-i{width:calc(var(--u)*20);height:calc(var(--u)*20);color:#474747} :is(#laboratorio,.lab-escopo) .cm-g-tabs{display:flex;gap:calc(var(--u)*18);height:calc(var(--u)*40);padding:calc(var(--u)*10) calc(var(--u)*16) 0;border-bottom:calc(var(--u)*.6) solid #e8eaed;color:#474747;font-size:calc(var(--u)*13.1);white-space:nowrap} :is(#laboratorio,.lab-escopo) .cm-g-tabs b{position:relative;color:#1f1f1f;font-weight:500} :is(#laboratorio,.lab-escopo) .cm-g-tabs b::after{content:"";position:absolute;left:0;right:0;bottom:calc(var(--u)*-1);height:calc(var(--u)*2.8);border-radius:99px 99px 0 0;background:#1f1f1f} :is(#laboratorio,.lab-escopo) .cm-g-suggest{display:none;padding:calc(var(--u)*6) 0} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="typing"] .cm-g-suggest{display:grid} :is(#laboratorio,.lab-escopo) .cm-g-suggest li{display:flex;align-items:center;gap:calc(var(--u)*14);height:calc(var(--u)*46);padding:0 calc(var(--u)*18);color:#1f1f1f;font-size:calc(var(--u)*15)} :is(#laboratorio,.lab-escopo) .cm-g-suggest .cm-i{width:calc(var(--u)*18);height:calc(var(--u)*18);color:#5f6368} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="typing"] .cm-g-results{display:none} :is(#laboratorio,.lab-escopo) .cm-g-results{opacity:0;transform:translateY(calc(var(--u)*10));transition:opacity .35s,transform .45s var(--cm-ios)} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="r"] .cm-g-results{opacity:1;transform:none} :is(#laboratorio,.lab-escopo) .cm-g-group{padding:calc(var(--u)*14) calc(var(--u)*16) calc(var(--u)*8)!important;font-size:calc(var(--u)*16.8);font-weight:500} :is(#laboratorio,.lab-escopo) .cm-g-ad,:is(#laboratorio,.lab-escopo) .cm-g-result{display:grid;gap:calc(var(--u)*6);padding:calc(var(--u)*4) calc(var(--u)*16) calc(var(--u)*14)} :is(#laboratorio,.lab-escopo) .cm-g-site{display:flex;align-items:center;gap:calc(var(--u)*9)} :is(#laboratorio,.lab-escopo) .cm-g-site>span:not(.cm-mark){display:grid;flex:1;min-width:0;line-height:1.3} :is(#laboratorio,.lab-escopo) .cm-g-site b{font-size:calc(var(--u)*13.1);font-weight:400} :is(#laboratorio,.lab-escopo) .cm-g-site small{overflow:hidden;color:#4d5156;font-size:calc(var(--u)*11.4);text-overflow:ellipsis;white-space:nowrap} :is(#laboratorio,.lab-escopo) .cm-g-site>.cm-i{width:calc(var(--u)*18);height:calc(var(--u)*18);color:#4d5156} :is(#laboratorio,.lab-escopo) .cm-g-title{display:block;color:#1a0dab;font-size:calc(var(--u)*18.7);font-weight:400!important;line-height:1.28} :is(#laboratorio,.lab-escopo) .cm-g-ad>p,:is(#laboratorio,.lab-escopo) .cm-g-result>p{color:#474747;font-size:calc(var(--u)*13.1);line-height:1.5} :is(#laboratorio,.lab-escopo) .cm-g-links{display:flex;gap:calc(var(--u)*7);overflow:hidden} :is(#laboratorio,.lab-escopo) .cm-g-links span{flex:none;padding:calc(var(--u)*7) calc(var(--u)*12);border-radius:99px;box-shadow:inset 0 0 0 calc(var(--u)*1) #dadce0;color:#1a0dab;font-size:calc(var(--u)*13.1)} :is(#laboratorio,.lab-escopo) .cm-g-call{display:flex;align-items:center;justify-content:center;gap:calc(var(--u)*7);height:calc(var(--u)*40);margin-top:calc(var(--u)*4);border-radius:99px;box-shadow:inset 0 0 0 calc(var(--u)*1) #dadce0;color:#0b57d0;font-size:calc(var(--u)*14);font-weight:500} :is(#laboratorio,.lab-escopo) .cm-g-call .cm-i{width:calc(var(--u)*17);height:calc(var(--u)*17)} :is(#laboratorio,.lab-escopo) .cm-g-hide{display:flex;align-items:center;justify-content:center;gap:calc(var(--u)*4);width:max-content;margin:calc(var(--u)*2) auto calc(var(--u)*8);padding:calc(var(--u)*7) calc(var(--u)*14);border-radius:99px;background:#f1f3f4;color:#1f1f1f;font-size:calc(var(--u)*12.6);font-weight:500} :is(#laboratorio,.lab-escopo) .cm-g-hide .cm-i{width:calc(var(--u)*15);height:calc(var(--u)*15)} :is(#laboratorio,.lab-escopo) .cm-skel--result{border-top:calc(var(--u)*.6) solid #ececec;padding:calc(var(--u)*16)} :is(#laboratorio,.lab-escopo) .cm-g-faded{padding:calc(var(--u)*6) 0 0;opacity:.6} :is(#laboratorio,.lab-escopo) .cm-g-result--organic{padding-top:calc(var(--u)*12);border-top:calc(var(--u)*.6) solid #ececec} :is(#laboratorio,.lab-escopo) .cm-g-main{display:flex;align-items:flex-start;gap:calc(var(--u)*12)} :is(#laboratorio,.lab-escopo) .cm-g-main .cm-g-title{flex:1} :is(#laboratorio,.lab-escopo) .cm-g-thumb{flex:none;width:calc(var(--u)*86);height:calc(var(--u)*86);border-radius:calc(var(--u)*8);object-fit:cover} :is(#laboratorio,.lab-escopo) .cm-g-list{display:grid;margin-top:calc(var(--u)*2)} :is(#laboratorio,.lab-escopo) .cm-g-list span{display:flex;align-items:center;justify-content:space-between;height:calc(var(--u)*41);border-top:calc(var(--u)*.6) solid #ececec;color:#1a0dab;font-size:calc(var(--u)*14)} :is(#laboratorio,.lab-escopo) .cm-g-list .cm-i{width:calc(var(--u)*17);height:calc(var(--u)*17);color:#474747} :is(#laboratorio,.lab-escopo) .cm-ios-sheet{position:absolute;z-index:5;left:calc(var(--u)*9);right:calc(var(--u)*9);bottom:calc(var(--pe) + var(--u)*4);display:grid;gap:calc(var(--u)*8)} :is(#laboratorio,.lab-escopo) .cm-ios-group,:is(#laboratorio,.lab-escopo) .cm-ios-cancel{display:grid;overflow:hidden;border-radius:calc(var(--u)*14);background:rgb(249 249 249 / .94);-webkit-backdrop-filter:blur(calc(var(--u)*16));backdrop-filter:blur(calc(var(--u)*16));text-align:center} :is(#laboratorio,.lab-escopo) .cm-ios-group small{padding:calc(var(--u)*13);border-bottom:calc(var(--u)*.6) solid #3c3c4333;color:#8a8a8e;font-size:calc(var(--u)*12.6)} :is(#laboratorio,.lab-escopo) .cm-ios-group>span{display:flex;align-items:center;justify-content:center;gap:calc(var(--u)*7);height:calc(var(--u)*54);color:#007aff;font-size:calc(var(--u)*18.5)} :is(#laboratorio,.lab-escopo) .cm-ios-group .cm-i{width:calc(var(--u)*19);height:calc(var(--u)*19)} :is(#laboratorio,.lab-escopo) .cm-ios-cancel{display:block;height:calc(var(--u)*54);background:#fff;color:#007aff;font-size:calc(var(--u)*18.5);font-weight:600;line-height:calc(var(--u)*54)} :is(#laboratorio,.lab-escopo) .cm-call{position:absolute;z-index:10;inset:0;display:grid;align-content:start;justify-items:center;gap:calc(var(--u)*6);padding-top:calc(var(--topo) + var(--u)*70);background:linear-gradient(#2f6f73,#0f2f31);color:#fff;visibility:hidden;opacity:0;transition:opacity .35s,visibility 0s .35s} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="done"] .cm-call{visibility:inherit;opacity:1;transition:opacity .35s,visibility 0s} :is(#laboratorio,.lab-escopo) .cm-call small{opacity:.8;font-size:calc(var(--u)*16)} :is(#laboratorio,.lab-escopo) .cm-call b{font-size:calc(var(--u)*30);font-weight:500!important} :is(#laboratorio,.lab-escopo) .cm-call-keys{display:grid;grid-template-columns:repeat(3,calc(var(--u)*72));gap:calc(var(--u)*22) calc(var(--u)*26);margin-top:calc(var(--u)*250)} :is(#laboratorio,.lab-escopo) .cm-call-keys i{width:calc(var(--u)*72);height:calc(var(--u)*72);border-radius:50%;background:#ffffff2e} :is(#laboratorio,.lab-escopo) .cm-call-end{display:grid;place-items:center;width:calc(var(--u)*72);height:calc(var(--u)*72);margin-top:calc(var(--u)*22);border-radius:50%;background:#ff3b30} :is(#laboratorio,.lab-escopo) .cm-call-end .cm-i{width:calc(var(--u)*30);height:calc(var(--u)*30);transform:rotate(135deg)} /* Web pages in Safari: a fictitious portal with the Display ad, the magazine of the publieditorial */ :is(#laboratorio,.lab-escopo) .cm-web{padding-left:calc(var(--u)*18);padding-right:calc(var(--u)*18)} :is(#laboratorio,.lab-escopo) .cm-web-host{display:flex;align-items:center;justify-content:space-between;height:calc(var(--u)*46);margin-bottom:calc(var(--u)*10);border-bottom:calc(var(--u)*.6) solid #e6e6e6} :is(#laboratorio,.lab-escopo) .cm-web-host b{font:700 calc(var(--u)*19)/1 Georgia,"Times New Roman",serif} :is(#laboratorio,.lab-escopo) .cm-web-host .cm-i{width:calc(var(--u)*22);height:calc(var(--u)*22)} :is(#laboratorio,.lab-escopo) .cm-web-kicker{display:block;color:#a4462a;font-size:calc(var(--u)*12);font-weight:600} :is(#laboratorio,.lab-escopo) .cm-web-title{display:block;margin:calc(var(--u)*4) 0 calc(var(--u)*2);font:700 calc(var(--u)*23)/1.2 Georgia,"Times New Roman",serif} :is(#laboratorio,.lab-escopo) .cm-web .cm-skel{padding:calc(var(--u)*10) 0} :is(#laboratorio,.lab-escopo) .cm-gd-ad{position:relative;margin:calc(var(--u)*6) 0;overflow:hidden;border:calc(var(--u)*.8) solid #e3e3e3;border-radius:calc(var(--u)*8);background:#fff} :is(#laboratorio,.lab-escopo) .cm-gd-flag{position:absolute;z-index:2;top:0;right:0;display:flex;align-items:center;gap:calc(var(--u)*4);padding:calc(var(--u)*2) calc(var(--u)*6);border-radius:0 0 0 calc(var(--u)*6);background:#fff;color:#4d5156;font-size:calc(var(--u)*11)} :is(#laboratorio,.lab-escopo) .cm-gd-flag .cm-i{width:calc(var(--u)*11);height:calc(var(--u)*11)} :is(#laboratorio,.lab-escopo) .cm-gd-img{display:block;aspect-ratio:1.91/1;overflow:hidden} :is(#laboratorio,.lab-escopo) .cm-gd-img img{width:100%;height:100%;object-fit:cover} :is(#laboratorio,.lab-escopo) .cm-gd-body{display:flex;align-items:center;gap:calc(var(--u)*10);padding:calc(var(--u)*11) calc(var(--u)*12)} :is(#laboratorio,.lab-escopo) .cm-gd-body>span:first-child{display:grid;flex:1;gap:calc(var(--u)*2);min-width:0} :is(#laboratorio,.lab-escopo) .cm-gd-h{display:grid} :is(#laboratorio,.lab-escopo) .cm-gd-h>span{grid-area:1/1;font-size:calc(var(--u)*17);line-height:1.2;transition:opacity .4s} :is(#laboratorio,.lab-escopo) .cm-gd-h>span:last-child,:is(#laboratorio,.lab-escopo) .cm-screen[data-state~="s2"] .cm-gd-h>span:first-child{opacity:0} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="s2"] .cm-gd-h>span:last-child{opacity:1} :is(#laboratorio,.lab-escopo) .cm-gd-body small{color:#5f6368;font-size:calc(var(--u)*12.6)} :is(#laboratorio,.lab-escopo) .cm-gd-go{display:grid;flex:none;place-items:center;width:calc(var(--u)*40);height:calc(var(--u)*40);border-radius:50%;background:#1a73e8;color:#fff} :is(#laboratorio,.lab-escopo) .cm-gd-go .cm-i{width:calc(var(--u)*20);height:calc(var(--u)*20);stroke-width:2.4} :is(#laboratorio,.lab-escopo) .cm-seg{display:grid;grid-template-columns:1fr 1fr;padding:calc(var(--u)*3);border-radius:99px;background:#eef1f3;font-size:calc(var(--u)*14);font-weight:600;text-align:center} :is(#laboratorio,.lab-escopo) .cm-seg>span{padding:calc(var(--u)*8);border-radius:99px;color:#4d5156;transition:background-color .3s,color .3s} :is(#laboratorio,.lab-escopo) .cm-seg-3,:is(#laboratorio,.lab-escopo) .cm-screen[data-state~="p4"] .cm-seg-4{background:#fff;color:#1f4e5f;box-shadow:0 calc(var(--u)*1) calc(var(--u)*3) #0002} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="p4"] .cm-seg-3{background:transparent;color:#4d5156;box-shadow:none} :is(#laboratorio,.lab-escopo) .cm-planta--lp{max-height:calc(var(--u)*190);color:#1f4e5f} :is(#laboratorio,.lab-escopo) .cm-mail{z-index:36;visibility:hidden;transform:translateY(106%);transition:transform .42s var(--cm-ios),visibility 0s .42s} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="mail"] .cm-mail{visibility:inherit;transform:none;transition:transform .42s var(--cm-ios),visibility 0s} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="done"] .cm-mail{visibility:hidden} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="mail"] .cm-lp::after{opacity:.3} :is(#laboratorio,.lab-escopo) .cm-seoOrganic .cm-lp-hero,:is(#laboratorio,.lab-escopo) .cm-scene--web .cm-lp-hero{height:calc(var(--u)*150)} /* ChatGPT */ :is(#laboratorio,.lab-escopo) .cm-gpt .cm-scene[data-scene="chat"]{color:#0d0d0d} :is(#laboratorio,.lab-escopo) .cm-gpt-top{position:absolute;z-index:3;top:var(--topo);left:0;right:0;display:flex;align-items:center;justify-content:space-between;height:calc(var(--u)*52);padding:0 calc(var(--u)*14)} :is(#laboratorio,.lab-escopo) .cm-gpt-top b{font-size:calc(var(--u)*16.5)} :is(#laboratorio,.lab-escopo) .cm-glass{display:flex;align-items:center;justify-content:center;gap:calc(var(--u)*14);height:calc(var(--u)*38);min-width:calc(var(--u)*38);padding:0 calc(var(--u)*9);border-radius:99px;background:rgb(255 255 255 / .82);box-shadow:0 calc(var(--u)*2) calc(var(--u)*10) #0000001f,inset 0 0 0 calc(var(--u)*.6) #0000000f} :is(#laboratorio,.lab-escopo) .cm-glass .cm-i{width:calc(var(--u)*20);height:calc(var(--u)*20)} :is(#laboratorio,.lab-escopo) .cm-gpt-flow{position:absolute;top:calc(var(--topo) + var(--u)*60);left:calc(var(--u)*18);right:calc(var(--u)*18);display:grid;gap:calc(var(--u)*12);font-size:calc(var(--u)*15.4);line-height:1.5} :is(#laboratorio,.lab-escopo) .cm-gpt-user{justify-self:end;max-width:78%;padding:calc(var(--u)*10) calc(var(--u)*15);border-radius:calc(var(--u)*19);background:#f4f4f4;line-height:1.4} :is(#laboratorio,.lab-escopo) .cm-gpt-answer ul{display:grid;gap:calc(var(--u)*3);margin:calc(var(--u)*6) 0;padding-left:calc(var(--u)*22);list-style:disc} :is(#laboratorio,.lab-escopo) .cm-gpt-answer b{font-weight:650} :is(#laboratorio,.lab-escopo) .cm-gpt-actions{display:flex;gap:calc(var(--u)*12);color:#5d5d5d} :is(#laboratorio,.lab-escopo) .cm-gpt-actions .cm-i{width:calc(var(--u)*19);height:calc(var(--u)*19);stroke-width:1.7} :is(#laboratorio,.lab-escopo) .cm-gpt-flow hr{width:100%;margin:calc(var(--u)*2) 0;border:0;border-top:calc(var(--u)*.9) solid #e3e3e3} :is(#laboratorio,.lab-escopo) .cm-gpt-lead{color:#6b6b6b;font-size:calc(var(--u)*14)} :is(#laboratorio,.lab-escopo) .cm-gpt-lead,:is(#laboratorio,.lab-escopo) .cm-gpt-ad,:is(#laboratorio,.lab-escopo) .cm-gpt-down,:is(#laboratorio,.lab-escopo) .cm-gpt-flow hr{opacity:0;transform:translateY(calc(var(--u)*14));transition:opacity .35s,transform .5s var(--cm-ios),filter .12s} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="s2"] .cm-gpt-lead,:is(#laboratorio,.lab-escopo) .cm-screen[data-state~="s2"] .cm-gpt-ad,:is(#laboratorio,.lab-escopo) .cm-screen[data-state~="s2"] .cm-gpt-down,:is(#laboratorio,.lab-escopo) .cm-screen[data-state~="s2"] .cm-gpt-flow hr{opacity:1;transform:none} :is(#laboratorio,.lab-escopo) .cm-gpt-ad{display:flex;height:calc(var(--u)*136);overflow:hidden;border:calc(var(--u)*.9) solid #e5e5e5;border-radius:calc(var(--u)*17);background:#fff} :is(#laboratorio,.lab-escopo) .cm-gpt-ad-img{flex:none;width:calc(var(--u)*112);height:100%;object-fit:cover} :is(#laboratorio,.lab-escopo) .cm-gpt-ad-body{display:grid;flex:1;align-content:start;gap:calc(var(--u)*3);min-width:0;padding:calc(var(--u)*11) calc(var(--u)*12)} :is(#laboratorio,.lab-escopo) .cm-gpt-ad-top{display:flex;align-items:center;gap:calc(var(--u)*6);color:#3d3d3d;font-size:calc(var(--u)*12.6)} :is(#laboratorio,.lab-escopo) .cm-gpt-ad-top .cm-mark{width:calc(var(--u)*17);height:calc(var(--u)*17);box-shadow:none} :is(#laboratorio,.lab-escopo) .cm-gpt-ad-top>span:not(.cm-mark){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} :is(#laboratorio,.lab-escopo) .cm-gpt-chip{padding:calc(var(--u)*1) calc(var(--u)*7);border-radius:calc(var(--u)*6);background:#f3f3f3;color:#5c5c5c;font-size:calc(var(--u)*11.2)} :is(#laboratorio,.lab-escopo) .cm-gpt-ad-top .cm-i{width:calc(var(--u)*17);height:calc(var(--u)*17);color:#6b6b6b} :is(#laboratorio,.lab-escopo) .cm-gpt-ad-body>b{font-size:calc(var(--u)*14.5);font-weight:500!important;line-height:1.28} :is(#laboratorio,.lab-escopo) .cm-gpt-ad-body>small{display:-webkit-box;overflow:hidden;color:#5c5c5c;font-size:calc(var(--u)*13);line-height:1.35;-webkit-line-clamp:3;-webkit-box-orient:vertical} :is(#laboratorio,.lab-escopo) .cm-gpt-note{color:#8f8f8f;font-size:calc(var(--u)*12)} :is(#laboratorio,.lab-escopo) .cm-gpt-input{position:absolute;z-index:3;left:calc(var(--u)*12);right:calc(var(--u)*12);bottom:calc(var(--pe) + var(--u)*6);display:flex;align-items:center;gap:calc(var(--u)*10);height:calc(var(--u)*48);padding:0 calc(var(--u)*7) 0 calc(var(--u)*13);border-radius:99px;background:#fff;box-shadow:0 calc(var(--u)*2) calc(var(--u)*14) #00000024,inset 0 0 0 calc(var(--u)*.6) #0000000f;color:#8f8f8f;font-size:calc(var(--u)*15)} :is(#laboratorio,.lab-escopo) .cm-gpt-input>span{flex:1} :is(#laboratorio,.lab-escopo) .cm-gpt-input .cm-i{width:calc(var(--u)*21);height:calc(var(--u)*21);color:#0d0d0d} :is(#laboratorio,.lab-escopo) .cm-gpt-input>i{display:grid;place-items:center;width:calc(var(--u)*34);height:calc(var(--u)*34);border-radius:50%;background:#0d0d0d} :is(#laboratorio,.lab-escopo) .cm-gpt-input>i .cm-i{width:calc(var(--u)*17);height:calc(var(--u)*17);color:#fff;stroke-width:2.4} :is(#laboratorio,.lab-escopo) .cm-done--list{justify-items:stretch;text-align:left} :is(#laboratorio,.lab-escopo) .cm-done--list>b{font-size:calc(var(--u)*18)} :is(#laboratorio,.lab-escopo) .cm-done--list ol{display:grid;gap:calc(var(--u)*8);margin:calc(var(--u)*4) 0} :is(#laboratorio,.lab-escopo) .cm-done--list li{display:flex;gap:calc(var(--u)*10);padding:calc(var(--u)*10) calc(var(--u)*12);border-radius:calc(var(--u)*10);background:#fbf3ea;font-size:calc(var(--u)*14)} :is(#laboratorio,.lab-escopo) .cm-done--list li b{color:#b5631a} /* Google Maps over an illustrative city map (not Google map tiles) */ :is(#laboratorio,.lab-escopo) .cm-maps .cm-scene{background:#efece4} :is(#laboratorio,.lab-escopo) .cm-map{position:absolute;inset:0;overflow:hidden} :is(#laboratorio,.lab-escopo) .cm-map-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} /* The area has the map's own proportion (360 x 640), centred and as tall as the screen, as object-fit:cover draws it. */ :is(#laboratorio,.lab-escopo) .cm-map-area{position:absolute;top:0;bottom:0;left:50%;aspect-ratio:360/640;translate:-50% 0} :is(#laboratorio,.lab-escopo) .cm-route{position:absolute;inset:0;width:100%;height:100%} :is(#laboratorio,.lab-escopo) .cm-drop{position:absolute;display:grid;place-items:center;width:calc(var(--u)*25);height:calc(var(--u)*25);translate:-50% -100%;border-radius:50% 50% 50% 0;background:#ea4335;color:#fff;box-shadow:0 calc(var(--u)*1) calc(var(--u)*3) #0004;rotate:-45deg} :is(#laboratorio,.lab-escopo) .cm-drop .cm-i{width:calc(var(--u)*13);height:calc(var(--u)*13);rotate:45deg;stroke-width:2.2} :is(#laboratorio,.lab-escopo) .cm-promo{position:absolute;display:flex;align-items:center;gap:calc(var(--u)*6);translate:calc(var(--u)*-15) calc(var(--u)*-15)} :is(#laboratorio,.lab-escopo) .cm-promo-sq{display:grid;flex:none;place-items:center;width:calc(var(--u)*30);height:calc(var(--u)*30);border:calc(var(--u)*2) solid #fff;border-radius:calc(var(--u)*6);background:#eb4335;color:#fff;box-shadow:0 calc(var(--u)*2) calc(var(--u)*6) #0005} :is(#laboratorio,.lab-escopo) .cm-promo-sq .cm-i{width:calc(var(--u)*16);height:calc(var(--u)*16);stroke-width:2.3} :is(#laboratorio,.lab-escopo) .cm-promo-text{display:grid;color:#b3261e;line-height:1.2;text-shadow:0 0 calc(var(--u)*2) #fff,0 0 calc(var(--u)*2) #fff,0 0 calc(var(--u)*3) #fff} :is(#laboratorio,.lab-escopo) .cm-promo-text b{font-size:calc(var(--u)*13.1);font-weight:600} :is(#laboratorio,.lab-escopo) .cm-promo-text small{max-width:calc(var(--u)*120);color:#5f1c17;font-size:calc(var(--u)*11.4)} :is(#laboratorio,.lab-escopo) .cm-promo--end{translate:-50% -50%} :is(#laboratorio,.lab-escopo) .cm-promo--left{flex-direction:row-reverse;translate:calc(-100% + var(--u)*15) calc(var(--u)*-15);text-align:right} :is(#laboratorio,.lab-escopo) .cm-promo--left .cm-promo-text{justify-items:end} :is(#laboratorio,.lab-escopo) .cm-me{position:absolute;width:calc(var(--u)*18);height:calc(var(--u)*18);translate:-50% -50%;border:calc(var(--u)*3) solid #fff;border-radius:50%;background:#1a73e8;box-shadow:0 0 0 calc(var(--u)*10) #1a73e826,0 calc(var(--u)*1) calc(var(--u)*3) #0004} :is(#laboratorio,.lab-escopo) .cm-maps-search{position:absolute;z-index:4;top:calc(var(--topo) + var(--u)*6);left:calc(var(--u)*12);right:calc(var(--u)*12);display:flex;align-items:center;gap:calc(var(--u)*10);height:calc(var(--u)*48);padding:0 calc(var(--u)*14);border-radius:99px;background:#fff;box-shadow:0 calc(var(--u)*2) calc(var(--u)*8) #0003;color:#1f1f1f;font-size:calc(var(--u)*15)} :is(#laboratorio,.lab-escopo) .cm-maps-search span{flex:1} :is(#laboratorio,.lab-escopo) .cm-maps-search .cm-i{width:calc(var(--u)*20);height:calc(var(--u)*20);color:#444746} :is(#laboratorio,.lab-escopo) .cm-place{position:absolute;z-index:5;left:0;right:0;bottom:0;height:calc(var(--u)*176);padding:calc(var(--u)*8) calc(var(--u)*16) calc(var(--pe) + var(--u)*8);border-radius:calc(var(--u)*19) calc(var(--u)*19) 0 0;background:#fff;color:#1f1f1f;box-shadow:0 calc(var(--u)*-2) calc(var(--u)*14) #0002;transition:height .48s var(--cm-ios)} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="s2"] .cm-place{height:calc(var(--u)*600)} :is(#laboratorio,.lab-escopo) .cm-place .cm-grabber{width:calc(var(--u)*34);height:calc(var(--u)*4);margin:0 auto calc(var(--u)*10);background:#dadce0} :is(#laboratorio,.lab-escopo) .cm-place-row{display:flex;align-items:center;gap:calc(var(--u)*12);transition:opacity .2s} :is(#laboratorio,.lab-escopo) .cm-place-row>span{display:grid;flex:1;gap:calc(var(--u)*2)} :is(#laboratorio,.lab-escopo) .cm-place-row b{font-size:calc(var(--u)*17);font-weight:500} :is(#laboratorio,.lab-escopo) .cm-place-row>span>small:last-child{color:#474747;font-size:calc(var(--u)*13)} :is(#laboratorio,.lab-escopo) .cm-place-row img{width:calc(var(--u)*96);height:calc(var(--u)*80);border-radius:calc(var(--u)*10);object-fit:cover} :is(#laboratorio,.lab-escopo) .cm-place em{color:#188038;font-style:normal} :is(#laboratorio,.lab-escopo) .cm-sp{color:#444746;font-size:calc(var(--u)*12.2);font-weight:600} :is(#laboratorio,.lab-escopo) .cm-place-full{position:absolute;inset:calc(var(--u)*22) calc(var(--u)*16) auto;display:grid;grid-template-columns:minmax(0,1fr);gap:calc(var(--u)*5);opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s .25s} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="s2"] .cm-place-row{opacity:0} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="s2"] .cm-place-full{opacity:1;visibility:inherit;transition:opacity .3s .15s,visibility 0s} :is(#laboratorio,.lab-escopo) .cm-place-top{display:flex;align-items:center;justify-content:space-between} :is(#laboratorio,.lab-escopo) .cm-place-top .cm-sp{display:flex;align-items:center;gap:calc(var(--u)*2)} :is(#laboratorio,.lab-escopo) .cm-place-top .cm-sp .cm-i{width:calc(var(--u)*15);height:calc(var(--u)*15)} :is(#laboratorio,.lab-escopo) .cm-place-top>span{display:flex;gap:calc(var(--u)*8)} :is(#laboratorio,.lab-escopo) .cm-place-top>span i{display:grid;place-items:center;width:calc(var(--u)*36);height:calc(var(--u)*36);border-radius:50%;background:#f1f3f4} :is(#laboratorio,.lab-escopo) .cm-place-top>span .cm-i{width:calc(var(--u)*17);height:calc(var(--u)*17)} :is(#laboratorio,.lab-escopo) .cm-place-name{font-size:calc(var(--u)*21);font-weight:400!important} :is(#laboratorio,.lab-escopo) .cm-place-full>small{color:#474747;font-size:calc(var(--u)*13.1)} :is(#laboratorio,.lab-escopo) .cm-place-ad{display:grid;gap:calc(var(--u)*3);margin-top:calc(var(--u)*8);padding:calc(var(--u)*13) calc(var(--u)*14);border:calc(var(--u)*.9) solid #e0e0e0;border-radius:calc(var(--u)*11)} :is(#laboratorio,.lab-escopo) .cm-place-ad b{font-size:calc(var(--u)*15);font-weight:500} :is(#laboratorio,.lab-escopo) .cm-place-ad small{color:#474747;font-size:calc(var(--u)*13)} :is(#laboratorio,.lab-escopo) .cm-place-ad>span{justify-self:start;margin-top:calc(var(--u)*6);padding:calc(var(--u)*7) calc(var(--u)*14);border-radius:99px;background:#d4f5ff;color:#004a59;font-size:calc(var(--u)*13.1);font-weight:500} :is(#laboratorio,.lab-escopo) .cm-place-chips{display:flex;gap:calc(var(--u)*7);margin-top:calc(var(--u)*10);overflow:hidden} :is(#laboratorio,.lab-escopo) .cm-place-chips>span{display:flex;flex:none;align-items:center;gap:calc(var(--u)*5);height:calc(var(--u)*37);padding:0 calc(var(--u)*13);border-radius:99px;background:#d4f5ff;color:#004a59;font-size:calc(var(--u)*14);font-weight:500} :is(#laboratorio,.lab-escopo) .cm-place-chips .is-primary{background:#017b8b;color:#fff} :is(#laboratorio,.lab-escopo) .cm-place-chips .cm-i{width:calc(var(--u)*16);height:calc(var(--u)*16)} :is(#laboratorio,.lab-escopo) .cm-place-photos{display:flex;gap:calc(var(--u)*6);margin-top:calc(var(--u)*12)} :is(#laboratorio,.lab-escopo) .cm-place-photos img{height:calc(var(--u)*128);border-radius:calc(var(--u)*10);object-fit:cover} :is(#laboratorio,.lab-escopo) .cm-place-photos img:first-child{width:62%} :is(#laboratorio,.lab-escopo) .cm-place-photos img:last-child{flex:1;min-width:0} :is(#laboratorio,.lab-escopo) .cm-route-top{position:absolute;z-index:4;top:calc(var(--topo) + var(--u)*4);left:calc(var(--u)*10);right:calc(var(--u)*10);display:grid;gap:calc(var(--u)*10);padding:calc(var(--u)*12) calc(var(--u)*14);border-radius:calc(var(--u)*16);background:#fff;box-shadow:0 calc(var(--u)*2) calc(var(--u)*8) #0002;transition:opacity .3s} :is(#laboratorio,.lab-escopo) .cm-route-ends{display:grid;gap:calc(var(--u)*6);font-size:calc(var(--u)*14.5)} :is(#laboratorio,.lab-escopo) .cm-route-ends>span{display:flex;align-items:center;gap:calc(var(--u)*10);padding:calc(var(--u)*7) calc(var(--u)*10);border-radius:calc(var(--u)*8);background:#f1f3f4} :is(#laboratorio,.lab-escopo) .cm-route-a{width:calc(var(--u)*12);height:calc(var(--u)*12);border:calc(var(--u)*2.5) solid #1a73e8;border-radius:50%} :is(#laboratorio,.lab-escopo) .cm-route-ends .cm-i{width:calc(var(--u)*16);height:calc(var(--u)*16);color:#ea4335} :is(#laboratorio,.lab-escopo) .cm-route-modes{display:flex;gap:calc(var(--u)*20);color:#474747} :is(#laboratorio,.lab-escopo) .cm-route-modes .cm-i{width:calc(var(--u)*21);height:calc(var(--u)*21)} :is(#laboratorio,.lab-escopo) .cm-route-modes b{display:grid;place-items:center;width:calc(var(--u)*50);height:calc(var(--u)*30);border-radius:99px;background:#d3e3fd;color:#0b57d0} :is(#laboratorio,.lab-escopo) .cm-route-sheet{position:absolute;z-index:5;left:0;right:0;bottom:0;display:grid;gap:calc(var(--u)*3);padding:calc(var(--u)*8) calc(var(--u)*18) calc(var(--pe) + var(--u)*14);border-radius:calc(var(--u)*19) calc(var(--u)*19) 0 0;background:#fff;box-shadow:0 calc(var(--u)*-2) calc(var(--u)*12) #0002} :is(#laboratorio,.lab-escopo) .cm-route-sheet>b{font-size:calc(var(--u)*19);font-weight:500!important} :is(#laboratorio,.lab-escopo) .cm-route-sheet>small{color:#474747;font-size:calc(var(--u)*13)} :is(#laboratorio,.lab-escopo) .cm-btn--maps{justify-self:start;min-width:calc(var(--u)*120);margin-top:calc(var(--u)*10);border-radius:99px;background:#0b57d0} :is(#laboratorio,.lab-escopo) .cm-route-nav{position:absolute;z-index:6;top:calc(var(--topo) + var(--u)*4);left:calc(var(--u)*10);right:calc(var(--u)*10);display:grid;gap:calc(var(--u)*2);padding:calc(var(--u)*16) calc(var(--u)*18);border-radius:calc(var(--u)*16);background:#0b8043;color:#fff;opacity:0;transform:translateY(calc(var(--u)*-14));transition:opacity .3s,transform .4s var(--cm-ios)} :is(#laboratorio,.lab-escopo) .cm-route-nav b{font-size:calc(var(--u)*21);font-weight:600!important} :is(#laboratorio,.lab-escopo) .cm-route-nav small{opacity:.88;font-size:calc(var(--u)*13)} :is(#laboratorio,.lab-escopo) .cm-route-nav{visibility:hidden} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="done"] .cm-route-nav{opacity:1;transform:none;visibility:inherit} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="done"] .cm-route-top{opacity:0} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="done"] .cm-route-sheet [data-tap]{background:#c4c7c5;color:#1f1f1f} /* WhatsApp: conversation from the ad, business profile and catalog */ :is(#laboratorio,.lab-escopo) .cm-crumb{position:absolute;z-index:70;top:calc(var(--u)*19);left:calc(var(--u)*30);display:flex;align-items:center;gap:calc(var(--u)*1);color:#000;font-size:calc(var(--u)*12.6);font-weight:600} :is(#laboratorio,.lab-escopo) .cm-crumb .cm-i{width:calc(var(--u)*12);height:calc(var(--u)*12);stroke-width:2.8} :is(#laboratorio,.lab-escopo) .cm-wa .cm-scene[data-scene="chat"],:is(#laboratorio,.lab-escopo) .cm-wacat .cm-scene[data-scene="chat"]{display:flex;flex-direction:column;background:#efeae2} :is(#laboratorio,.lab-escopo) .cm-wa-head{display:flex;flex:none;align-items:center;gap:calc(var(--u)*9);height:calc(var(--topo) + var(--u)*48);padding:var(--topo) calc(var(--u)*12) 0 calc(var(--u)*6);border-bottom:calc(var(--u)*.6) solid #e9edef;background:#fff;color:#111b21} :is(#laboratorio,.lab-escopo) .cm-wa-head>.cm-i{width:calc(var(--u)*22);height:calc(var(--u)*22)} :is(#laboratorio,.lab-escopo) .cm-wa-head>.cm-i--back{color:#008069} :is(#laboratorio,.lab-escopo) .cm-wa-head>.cm-i:not(.cm-i--back){margin-left:calc(var(--u)*8)} :is(#laboratorio,.lab-escopo) .cm-wa-head .cm-mark{width:calc(var(--u)*34);height:calc(var(--u)*34)} :is(#laboratorio,.lab-escopo) .cm-wa-head>span:not(.cm-mark){display:grid;flex:1;min-width:0;line-height:1.25} :is(#laboratorio,.lab-escopo) .cm-wa-head b{font-size:calc(var(--u)*15.5)} :is(#laboratorio,.lab-escopo) .cm-wa-head small{color:#667781;font-size:calc(var(--u)*12)} :is(#laboratorio,.lab-escopo) .cm-wa-body{display:flex;flex:1;flex-direction:column;justify-content:flex-end;gap:calc(var(--u)*7);padding:calc(var(--u)*10) calc(var(--u)*12);overflow:hidden;background:radial-gradient(circle at 20% 30%,#0000000a 0 calc(var(--u)*3),transparent calc(var(--u)*3.5)) 0 0/calc(var(--u)*46) calc(var(--u)*46),radial-gradient(circle at 70% 70%,#0000000a 0 calc(var(--u)*2),transparent calc(var(--u)*2.5)) 0 0/calc(var(--u)*38) calc(var(--u)*38),#efeae2;font-size:calc(var(--u)*14.5)} :is(#laboratorio,.lab-escopo) .cm-wa-sys{align-self:center;max-width:86%;padding:calc(var(--u)*6) calc(var(--u)*10);border-radius:calc(var(--u)*8);background:#ffeecd;color:#54656f;font-size:calc(var(--u)*11.2);line-height:1.35;text-align:center} :is(#laboratorio,.lab-escopo) .cm-wa-day{align-self:center;padding:calc(var(--u)*4) calc(var(--u)*11);border-radius:calc(var(--u)*8);background:#fff;color:#54656f;font-size:calc(var(--u)*11.4);font-weight:500;box-shadow:0 calc(var(--u)*1) calc(var(--u)*1) #0000000d} :is(#laboratorio,.lab-escopo) .cm-wa-in,:is(#laboratorio,.lab-escopo) .cm-wa-out{position:relative;max-width:84%;padding:calc(var(--u)*7) calc(var(--u)*9) calc(var(--u)*20);border-radius:calc(var(--u)*8);line-height:1.35;box-shadow:0 calc(var(--u)*1) calc(var(--u)*1) #0000001a} :is(#laboratorio,.lab-escopo) .cm-wa-in{align-self:flex-start;border-top-left-radius:calc(var(--u)*2);background:#fff;color:#111b21} :is(#laboratorio,.lab-escopo) .cm-wa-out{align-self:flex-end;border-top-right-radius:calc(var(--u)*2);background:#d9fdd3;color:#111b21} :is(#laboratorio,.lab-escopo) .cm-wa-in>small,:is(#laboratorio,.lab-escopo) .cm-wa-out>small{position:absolute;right:calc(var(--u)*8);bottom:calc(var(--u)*4);display:flex;align-items:center;gap:calc(var(--u)*2);color:#667781;font-size:calc(var(--u)*10.3)} :is(#laboratorio,.lab-escopo) .cm-wa-out>small .cm-i{width:calc(var(--u)*15);height:calc(var(--u)*15);color:#53bdeb;stroke-width:2.2} :is(#laboratorio,.lab-escopo) .cm-wa-quote,:is(#laboratorio,.lab-escopo) .cm-wa-preview{display:flex;gap:calc(var(--u)*8);margin-bottom:calc(var(--u)*6);padding:calc(var(--u)*5);border-left:calc(var(--u)*3.5) solid #06cf9c;border-radius:calc(var(--u)*6);background:#0000000d} :is(#laboratorio,.lab-escopo) .cm-wa-quote img,:is(#laboratorio,.lab-escopo) .cm-wa-preview img{flex:none;width:calc(var(--u)*46);height:calc(var(--u)*46);border-radius:calc(var(--u)*4);object-fit:cover} :is(#laboratorio,.lab-escopo) .cm-wa-quote>span,:is(#laboratorio,.lab-escopo) .cm-wa-preview>span{display:grid;align-content:center;min-width:0;line-height:1.25} :is(#laboratorio,.lab-escopo) .cm-wa-quote b,:is(#laboratorio,.lab-escopo) .cm-wa-preview b{color:#06855f;font-size:calc(var(--u)*12.6)} :is(#laboratorio,.lab-escopo) .cm-wa-quote small,:is(#laboratorio,.lab-escopo) .cm-wa-preview small{color:#54656f;font-size:calc(var(--u)*12)} :is(#laboratorio,.lab-escopo) .cm-wa-quote--item{border-left:0;background:#f0f2f5} :is(#laboratorio,.lab-escopo) .cm-wa-quote--item small{color:#027eb5} :is(#laboratorio,.lab-escopo) .cm-wa-replies{display:grid;gap:calc(var(--u)*4);width:84%} :is(#laboratorio,.lab-escopo) .cm-wa-replies span{display:grid;place-items:center;height:calc(var(--u)*37);border-radius:calc(var(--u)*8);background:#fff;color:#008069;font-size:calc(var(--u)*14);font-weight:500;box-shadow:0 calc(var(--u)*1) calc(var(--u)*1) #0000001a} :is(#laboratorio,.lab-escopo) .cm-wa-msg1,:is(#laboratorio,.lab-escopo) .cm-wa-msg2,:is(#laboratorio,.lab-escopo) .cm-wa-msg3{display:none!important} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="m2"] .cm-wa-msg1,:is(#laboratorio,.lab-escopo) .cm-screen[data-state~="m2"] .cm-wa-msg2{display:block!important} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="m2"] span.cm-wa-msg2{display:grid!important} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="m3"] .cm-wa-msg3{display:block!important} :is(#laboratorio,.lab-escopo) .cm-wa-compose{flex:none;display:grid;gap:calc(var(--u)*6);padding:calc(var(--u)*7) calc(var(--u)*8) calc(var(--pe) + var(--u)*8);background:#f6f5f3} :is(#laboratorio,.lab-escopo) .cm-wa-preview{margin:0;background:#fff} :is(#laboratorio,.lab-escopo) .cm-wa-row{display:flex;align-items:center;gap:calc(var(--u)*8);color:#54656f} :is(#laboratorio,.lab-escopo) .cm-wa-row>.cm-i{width:calc(var(--u)*24);height:calc(var(--u)*24)} :is(#laboratorio,.lab-escopo) .cm-wa-field{flex:1;min-width:0;padding:calc(var(--u)*7) calc(var(--u)*12);border-radius:99px;background:#fff;box-shadow:inset 0 0 0 calc(var(--u)*.6) #0000001a;color:#111b21;font-size:calc(var(--u)*14.5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} :is(#laboratorio,.lab-escopo) .cm-wa-field--empty{height:calc(var(--u)*34)} :is(#laboratorio,.lab-escopo) .cm-wa-idle{display:none;gap:calc(var(--u)*14);color:#54656f} :is(#laboratorio,.lab-escopo) .cm-wa-idle .cm-i{width:calc(var(--u)*23);height:calc(var(--u)*23)} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="m2"] .cm-wa-send{display:none} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="m2"] .cm-wa-idle{display:flex} :is(#laboratorio,.lab-escopo) .cm-wa-send{display:grid;flex:none;place-items:center;width:calc(var(--u)*34);height:calc(var(--u)*34);border-radius:50%;background:#1daa61;color:#fff} :is(#laboratorio,.lab-escopo) .cm-wa-send .cm-i{width:calc(var(--u)*17);height:calc(var(--u)*17);stroke-width:2.2} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="m2"] .cm-wa-preview{display:none} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="m2"] .cm-wa-field{color:transparent} :is(#laboratorio,.lab-escopo) .cm-wa-bar{display:flex;align-items:center;justify-content:space-between;height:calc(var(--u)*46);padding:0 calc(var(--u)*12);color:#111b21} :is(#laboratorio,.lab-escopo) .cm-wa-bar>.cm-i{width:calc(var(--u)*22);height:calc(var(--u)*22)} :is(#laboratorio,.lab-escopo) .cm-wa-bar>.cm-i--back{color:#008069} :is(#laboratorio,.lab-escopo) .cm-wa-bar>span{display:grid;justify-items:center;line-height:1.2} :is(#laboratorio,.lab-escopo) .cm-wa-bar b{font-size:calc(var(--u)*15.5)} :is(#laboratorio,.lab-escopo) .cm-wa-bar small{color:#667781;font-size:calc(var(--u)*12)} :is(#laboratorio,.lab-escopo) .cm-wacat .cm-safe{background:#f7f8fa} :is(#laboratorio,.lab-escopo) .cm-wa-profile{display:grid;justify-items:center;gap:calc(var(--u)*4);padding:calc(var(--u)*6) calc(var(--u)*16) calc(var(--u)*16);background:#fff;text-align:center} :is(#laboratorio,.lab-escopo) .cm-wa-profile>b{margin-top:calc(var(--u)*8);font-size:calc(var(--u)*22)} :is(#laboratorio,.lab-escopo) .cm-wa-profile>small{color:#667781;font-size:calc(var(--u)*13)} :is(#laboratorio,.lab-escopo) .cm-wa-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--u)*8);width:100%;margin-top:calc(var(--u)*12)} :is(#laboratorio,.lab-escopo) .cm-wa-tools span{display:grid;justify-items:center;gap:calc(var(--u)*4);padding:calc(var(--u)*10) 0;border-radius:calc(var(--u)*12);box-shadow:inset 0 0 0 calc(var(--u)*.8) #e9edef;color:#008069;font-size:calc(var(--u)*12.6)} :is(#laboratorio,.lab-escopo) .cm-wa-tools .cm-i{width:calc(var(--u)*21);height:calc(var(--u)*21)} :is(#laboratorio,.lab-escopo) .cm-wa-cat{margin-top:calc(var(--u)*10)} :is(#laboratorio,.lab-escopo) .cm-wa-shelf,:is(#laboratorio,.lab-escopo) .cm-wa-rows{margin-top:calc(var(--u)*8);padding:calc(var(--u)*12) calc(var(--u)*16);background:#fff} :is(#laboratorio,.lab-escopo) .cm-wa-shelf p{display:flex;align-items:center;justify-content:space-between;margin-bottom:calc(var(--u)*10)!important;font-size:calc(var(--u)*15)} :is(#laboratorio,.lab-escopo) .cm-wa-shelf p>span{display:flex;align-items:center;gap:calc(var(--u)*2);color:#008069;font-size:calc(var(--u)*13.4);font-weight:500} :is(#laboratorio,.lab-escopo) .cm-wa-shelf p .cm-i{width:calc(var(--u)*15);height:calc(var(--u)*15)} :is(#laboratorio,.lab-escopo) .cm-wa-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--u)*8)} :is(#laboratorio,.lab-escopo) .cm-wa-thumbs img{width:100%;aspect-ratio:1;border-radius:calc(var(--u)*8);object-fit:cover} :is(#laboratorio,.lab-escopo) .cm-wa-rows{display:grid} :is(#laboratorio,.lab-escopo) .cm-wa-rows span{display:flex;align-items:center;gap:calc(var(--u)*14);height:calc(var(--u)*46);color:#111b21;font-size:calc(var(--u)*14.5)} :is(#laboratorio,.lab-escopo) .cm-wa-rows .cm-i{width:calc(var(--u)*21);height:calc(var(--u)*21);color:#54656f} :is(#laboratorio,.lab-escopo) .cm-wa-coll{padding:0 calc(var(--u)*16)} :is(#laboratorio,.lab-escopo) .cm-wa-coll p{display:flex;align-items:center;justify-content:space-between;margin:calc(var(--u)*16) 0 calc(var(--u)*10)!important;font-size:calc(var(--u)*15)} :is(#laboratorio,.lab-escopo) .cm-wa-coll p>span{color:#008069;font-size:calc(var(--u)*13.1);font-weight:500} :is(#laboratorio,.lab-escopo) .cm-wa-coll ul{display:grid;gap:calc(var(--u)*12)} :is(#laboratorio,.lab-escopo) .cm-wa-coll li{display:flex;align-items:center;gap:calc(var(--u)*12);padding:calc(var(--u)*8);border-radius:calc(var(--u)*12);background:#fff} :is(#laboratorio,.lab-escopo) .cm-wa-coll li img{flex:none;width:calc(var(--u)*56);height:calc(var(--u)*56);border-radius:calc(var(--u)*7.5);object-fit:cover} :is(#laboratorio,.lab-escopo) .cm-wa-coll li>span{display:grid;gap:calc(var(--u)*2);min-width:0;line-height:1.3} :is(#laboratorio,.lab-escopo) .cm-wa-coll li b{font-size:calc(var(--u)*15);font-weight:500} :is(#laboratorio,.lab-escopo) .cm-wa-coll li small{color:#667781;font-size:calc(var(--u)*13.1)} :is(#laboratorio,.lab-escopo) .cm-wa-photo{display:block;aspect-ratio:1;overflow:hidden} :is(#laboratorio,.lab-escopo) .cm-wa-photo img{width:100%;height:100%;object-fit:cover} :is(#laboratorio,.lab-escopo) .cm-wa-item{display:grid;gap:calc(var(--u)*10);padding:calc(var(--u)*16)} :is(#laboratorio,.lab-escopo) .cm-wa-item>b{font-size:calc(var(--u)*20.6);font-weight:600} :is(#laboratorio,.lab-escopo) .cm-wa-item>p{color:#3b4a54;font-size:calc(var(--u)*14);line-height:1.4} :is(#laboratorio,.lab-escopo) .cm-btn--wa{margin-top:calc(var(--u)*8);border-radius:99px;background:#1daa61} /* Publieditorial: sponsored article in a fictitious magazine */ :is(#laboratorio,.lab-escopo) .cm-web-host--blog{position:relative;z-index:3;margin:0;padding:0 calc(var(--u)*18);background:#fff} :is(#laboratorio,.lab-escopo) .cm-read{position:absolute;left:0;right:0;bottom:calc(var(--u)*-1);height:calc(var(--u)*3);background:#eee} :is(#laboratorio,.lab-escopo) .cm-read i{display:block;width:100%;height:100%;background:#0f1a2c;transform:scaleX(.12);transform-origin:left;transition:transform .9s var(--cm-ios)} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="s2"] .cm-read i{transform:scaleX(.58)} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="s3"] .cm-read i{transform:scaleX(.94)} :is(#laboratorio,.lab-escopo) .cm-blog-flow{display:grid;gap:calc(var(--u)*8);padding:calc(var(--u)*14) calc(var(--u)*18) calc(var(--u)*90);transition:transform .9s var(--cm-ios)} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="s2"] .cm-blog-flow{transform:translateY(calc(var(--u)*-372))} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="s3"] .cm-blog-flow{transform:translateY(calc(var(--u)*-470))} :is(#laboratorio,.lab-escopo) .cm-blog-paid{padding:calc(var(--u)*7) calc(var(--u)*11);border:calc(var(--u)*.9) solid #d9d2bd;border-radius:calc(var(--u)*6);background:#faf6ea;color:#5b4a1e;font-size:calc(var(--u)*12.6);font-weight:600} :is(#laboratorio,.lab-escopo) .cm-blog-title{display:block;font:700 calc(var(--u)*24)/1.18 Georgia,"Times New Roman",serif} :is(#laboratorio,.lab-escopo) .cm-blog-by{color:#6b6b6b;font-size:calc(var(--u)*11.4)} :is(#laboratorio,.lab-escopo) .cm-blog-img{display:block;aspect-ratio:16/9;margin:calc(var(--u)*4) 0;overflow:hidden;border-radius:calc(var(--u)*4)} :is(#laboratorio,.lab-escopo) .cm-blog-img img{width:100%;height:100%;object-fit:cover} :is(#laboratorio,.lab-escopo) .cm-blog-p{color:#262626;font:400 calc(var(--u)*15)/1.6 Georgia,"Times New Roman",serif} :is(#laboratorio,.lab-escopo) .cm-blog-steps{display:grid;gap:calc(var(--u)*4)} :is(#laboratorio,.lab-escopo) .cm-blog-steps>b{margin-top:calc(var(--u)*6);font-size:calc(var(--u)*16);font-weight:700!important} :is(#laboratorio,.lab-escopo) .cm-blog-brand{display:grid;gap:calc(var(--u)*8);margin-top:calc(var(--u)*10);padding:calc(var(--u)*14);border:calc(var(--u)*.9) solid #e0dccf;border-radius:calc(var(--u)*11);background:#f6f3ec;--brand:#0f1a2c} :is(#laboratorio,.lab-escopo) .cm-blog-brand>small{color:#6b6458;font-size:calc(var(--u)*11.2)} :is(#laboratorio,.lab-escopo) .cm-blog-brand-head{display:flex;align-items:center;gap:calc(var(--u)*9)} :is(#laboratorio,.lab-escopo) .cm-blog-brand-head .cm-mark{width:calc(var(--u)*34);height:calc(var(--u)*34)} :is(#laboratorio,.lab-escopo) .cm-blog-brand-head b{font-size:calc(var(--u)*15)} :is(#laboratorio,.lab-escopo) .cm-blog-brand p{color:#3d3a33;font-size:calc(var(--u)*13.6);line-height:1.4} :is(#laboratorio,.lab-escopo) .cm-blog-brand .cm-btn{min-height:calc(var(--u)*42)} @media(prefers-reduced-motion:reduce){:is(#laboratorio,.lab-escopo) .cm-screen *,:is(#laboratorio,.lab-escopo) .cm-screen *::after{transition:none!important;animation:none!important}:is(#laboratorio,.lab-escopo) .cm-screen[data-state~="typing"] .cm-typed>span{max-width:100%}} body.is-paused :is(#laboratorio,.lab-escopo) .cm-screen *,body.is-paused :is(#laboratorio,.lab-escopo) .cm-screen *::after{transition:none!important;animation:none!important} body.is-paused :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="typing"] .cm-typed>span{max-width:100%} /* Instagram Story, Live and Explorar (22/10/2026). Same units as the rest of the phone: var(--u), var(--topo), var(--pe). */ :is(#laboratorio,.lab-escopo) .cm-st,:is(#laboratorio,.lab-escopo) .cm-lv{position:absolute;inset:0;overflow:hidden;background:#000;color:#fff} :is(#laboratorio,.lab-escopo) .cm-st>img,:is(#laboratorio,.lab-escopo) .cm-lv>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} :is(#laboratorio,.lab-escopo) .cm-st::after,:is(#laboratorio,.lab-escopo) .cm-lv::after{content:"";position:absolute;inset:auto 0 0;height:48%;background:linear-gradient(transparent,#000c);pointer-events:none;z-index:2} :is(#laboratorio,.lab-escopo) .cm-st-bars{position:absolute;z-index:4;left:calc(var(--u)*10);right:calc(var(--u)*10);top:calc(var(--topo) - var(--u)*16);display:flex;gap:calc(var(--u)*4)} :is(#laboratorio,.lab-escopo) .cm-st-bars i{flex:1;height:calc(var(--u)*2.5);border-radius:2px;background:#ffffff55} :is(#laboratorio,.lab-escopo) .cm-st-bars i.is-on{background:#fff} :is(#laboratorio,.lab-escopo) .cm-st-top{position:absolute;z-index:4;left:calc(var(--u)*12);right:calc(var(--u)*12);top:calc(var(--topo) + var(--u)*8);display:flex;align-items:center;gap:calc(var(--u)*8)} :is(#laboratorio,.lab-escopo) .cm-st-top>span:not(.cm-mark){flex:1;display:grid;line-height:1.15} :is(#laboratorio,.lab-escopo) .cm-st-top .cm-mark{flex:none;width:calc(var(--u)*34);height:calc(var(--u)*34)} :is(#laboratorio,.lab-escopo) .cm-st-top b{font-size:calc(var(--u)*15)} :is(#laboratorio,.lab-escopo) .cm-st-top small{font-size:calc(var(--u)*12);opacity:.85} :is(#laboratorio,.lab-escopo) .cm-st-top .cm-i{width:calc(var(--u)*20);height:calc(var(--u)*20);color:#fff} :is(#laboratorio,.lab-escopo) .cm-st-text{position:absolute;z-index:3;left:calc(var(--u)*24);right:calc(var(--u)*24);bottom:calc(var(--pe) + var(--u)*120);margin:0;font-size:calc(var(--u)*30);line-height:1.12;font-weight:750;letter-spacing:-.02em;text-shadow:0 2px 14px #0008} :is(#laboratorio,.lab-escopo) .cm-st-cta{position:absolute;z-index:3;left:0;right:0;bottom:calc(var(--pe) + var(--u)*36);display:flex;justify-content:center} :is(#laboratorio,.lab-escopo) .cm-st-sticker{display:inline-flex;align-items:center;gap:calc(var(--u)*8);padding:calc(var(--u)*12) calc(var(--u)*22);border-radius:999px;background:#fff;color:#111;font-size:calc(var(--u)*16);transition:background .3s,color .3s} :is(#laboratorio,.lab-escopo) .cm-st-sticker .cm-i{width:calc(var(--u)*16);height:calc(var(--u)*16)} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="lit"] .cm-st-sticker{background:#4a5df9;color:#fff} :is(#laboratorio,.lab-escopo) .cm-lv-badge{position:absolute;z-index:4;left:calc(var(--u)*14);top:calc(var(--topo) + var(--u)*52);padding:calc(var(--u)*3) calc(var(--u)*9);border-radius:calc(var(--u)*4);background:#fe2c55;color:#fff;font-size:calc(var(--u)*12);font-weight:800;letter-spacing:.04em;text-transform:uppercase} :is(#laboratorio,.lab-escopo) .cm-lv-top{position:absolute;z-index:4;left:calc(var(--u)*12);right:calc(var(--u)*12);top:calc(var(--topo) + var(--u)*8);display:flex;align-items:center;gap:calc(var(--u)*8)} :is(#laboratorio,.lab-escopo) .cm-lv-top>span:not(.cm-mark){flex:1;display:grid;line-height:1.15} :is(#laboratorio,.lab-escopo) .cm-lv-top .cm-mark{flex:none;width:calc(var(--u)*34);height:calc(var(--u)*34)} :is(#laboratorio,.lab-escopo) .cm-lv-top b{font-size:calc(var(--u)*15)} :is(#laboratorio,.lab-escopo) .cm-lv-top small{font-size:calc(var(--u)*12);opacity:.85} :is(#laboratorio,.lab-escopo) .cm-lv-top .cm-i{width:calc(var(--u)*20);height:calc(var(--u)*20);color:#fff} :is(#laboratorio,.lab-escopo) .cm-lv-comment{position:absolute;z-index:3;left:calc(var(--u)*14);right:calc(var(--u)*60);bottom:calc(var(--pe) + var(--u)*150);margin:0;font-size:calc(var(--u)*14);line-height:1.3;text-shadow:0 1px 6px #000a} :is(#laboratorio,.lab-escopo) .cm-lv-comment+.cm-lv-comment{bottom:calc(var(--pe) + var(--u)*104)} :is(#laboratorio,.lab-escopo) .cm-lv-cta{position:absolute;z-index:4;left:calc(var(--u)*14);right:calc(var(--u)*14);bottom:calc(var(--pe) + var(--u)*36);display:flex;align-items:center;justify-content:space-between;padding:calc(var(--u)*14) calc(var(--u)*18);border-radius:calc(var(--u)*12);background:#fff;color:#111;font-size:calc(var(--u)*16);transition:background .3s,color .3s} :is(#laboratorio,.lab-escopo) .cm-lv-cta .cm-i{width:calc(var(--u)*16);height:calc(var(--u)*16)} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="lit"] .cm-lv-cta{background:#4a5df9;color:#fff} :is(#laboratorio,.lab-escopo) .cm-xp{position:absolute;inset:0;background:#fff;color:#111} :is(#laboratorio,.lab-escopo) .cm-xp-bar{position:absolute;z-index:3;left:calc(var(--u)*14);right:calc(var(--u)*14);top:calc(var(--topo) + var(--u)*8);height:calc(var(--u)*36);border-radius:calc(var(--u)*10);background:#efefef;display:flex;align-items:center;gap:calc(var(--u)*8);padding:0 calc(var(--u)*12);color:#8e8e8e;font-size:calc(var(--u)*15)} :is(#laboratorio,.lab-escopo) .cm-xp-bar .cm-i{width:calc(var(--u)*18);height:calc(var(--u)*18)} :is(#laboratorio,.lab-escopo) .cm-xp-grid{position:absolute;left:0;right:0;top:calc(var(--topo) + var(--u)*58);bottom:calc(var(--pe) + var(--u)*52);display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:calc(var(--u)*2)} :is(#laboratorio,.lab-escopo) .cm-xp-grid>img,:is(#laboratorio,.lab-escopo) .cm-xp-ad{position:relative;display:block;width:100%;height:100%;min-height:0;object-fit:cover;overflow:hidden} :is(#laboratorio,.lab-escopo) .cm-xp-ad>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} :is(#laboratorio,.lab-escopo) .cm-xp-ad em{position:absolute;z-index:2;left:calc(var(--u)*5);bottom:calc(var(--u)*5);padding:calc(var(--u)*2) calc(var(--u)*6);border-radius:calc(var(--u)*4);background:#fff;color:#111;font-style:normal;font-size:calc(var(--u)*10);font-weight:600} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="lit"] .cm-xp-ad{box-shadow:inset 0 0 0 calc(var(--u)*2.5) #4a5df9} :is(#laboratorio,.lab-escopo) .cm-tabbar-wrap{position:absolute;left:0;right:0;bottom:0} :is(#laboratorio,.lab-escopo) .cm-post-full{position:absolute;inset:0;background:#fff;color:#111;display:flex;flex-direction:column;overflow:hidden} :is(#laboratorio,.lab-escopo) .cm-post-full>img{width:100%;aspect-ratio:4 / 5;object-fit:cover;flex:none} :is(#laboratorio,.lab-escopo) .cm-post-full .cm-ig-cta{margin-top:auto} /* Facebook post, video and ad break (22/10/2026). */ :is(#laboratorio,.lab-escopo) .cm-fbpost{position:absolute;inset:0;background:#fff;color:#111;display:flex;flex-direction:column;overflow:hidden} :is(#laboratorio,.lab-escopo) .cm-fbpost-head{display:flex;align-items:center;gap:calc(var(--u)*8);padding:calc(var(--topo) + var(--u)*6) calc(var(--u)*12) calc(var(--u)*8)} :is(#laboratorio,.lab-escopo) .cm-fbpost-head .cm-mark{flex:none;width:calc(var(--u)*34);height:calc(var(--u)*34)} :is(#laboratorio,.lab-escopo) .cm-fbpost-head>span{flex:1;display:grid;line-height:1.2;min-width:0} :is(#laboratorio,.lab-escopo) .cm-fbpost-head b{font-size:calc(var(--u)*14)} :is(#laboratorio,.lab-escopo) .cm-fbpost-head small{font-size:calc(var(--u)*12);color:#65676b} :is(#laboratorio,.lab-escopo) .cm-fbpost-head .cm-i{width:calc(var(--u)*18);height:calc(var(--u)*18);color:#65676b} :is(#laboratorio,.lab-escopo) .cm-fbpost-text{margin:0 0 calc(var(--u)*8);padding:0 calc(var(--u)*12);font-size:calc(var(--u)*14);line-height:1.35} :is(#laboratorio,.lab-escopo) .cm-fbpost-photo{width:100%;flex:1 1 auto;min-height:0;object-fit:cover;display:block} :is(#laboratorio,.lab-escopo) .cm-fbpost-cta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:calc(var(--u)*8);padding:calc(var(--u)*10) calc(var(--u)*12) calc(var(--pe) + var(--u)*8);background:#f0f2f5;border-top:1px solid #dadde1} :is(#laboratorio,.lab-escopo) .cm-fbpost-cta>span:first-child{display:grid;line-height:1.2;min-width:0} :is(#laboratorio,.lab-escopo) .cm-fbpost-cta b{font-size:calc(var(--u)*13)} :is(#laboratorio,.lab-escopo) .cm-fbpost-cta small{font-size:calc(var(--u)*11);color:#65676b} :is(#laboratorio,.lab-escopo) .cm-fbpost-btn{padding:calc(var(--u)*9) calc(var(--u)*14);border-radius:calc(var(--u)*6);background:#e4e6eb;font-size:calc(var(--u)*13);font-weight:700;color:#050505;transition:background .3s,color .3s} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="lit"] .cm-fbpost-btn{background:#1877f2;color:#fff} :is(#laboratorio,.lab-escopo) .cm-fbv{position:absolute;inset:0;overflow:hidden;background:#000;color:#fff} :is(#laboratorio,.lab-escopo) .cm-fbv>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} :is(#laboratorio,.lab-escopo) .cm-fbv::after{content:"";position:absolute;inset:auto 0 0;height:52%;background:linear-gradient(transparent,#000d);pointer-events:none;z-index:2} :is(#laboratorio,.lab-escopo) .cm-fbv-play{position:absolute;z-index:3;left:50%;top:44%;translate:-50% -50%;width:calc(var(--u)*64);height:calc(var(--u)*64);border-radius:50%;background:#0008;display:grid;place-items:center} :is(#laboratorio,.lab-escopo) .cm-fbv-play .cm-i{width:calc(var(--u)*30);height:calc(var(--u)*30);color:#fff} :is(#laboratorio,.lab-escopo) .cm-fbv-meta{position:absolute;z-index:3;left:calc(var(--u)*14);right:calc(var(--u)*14);bottom:calc(var(--pe) + var(--u)*120)} :is(#laboratorio,.lab-escopo) .cm-fbv-meta>span{display:flex;align-items:center;gap:calc(var(--u)*8)} :is(#laboratorio,.lab-escopo) .cm-fbv-meta .cm-mark{flex:none;width:calc(var(--u)*34);height:calc(var(--u)*34)} :is(#laboratorio,.lab-escopo) .cm-fbv-meta>span>span{display:grid;line-height:1.2} :is(#laboratorio,.lab-escopo) .cm-fbv-meta b{font-size:calc(var(--u)*14)} :is(#laboratorio,.lab-escopo) .cm-fbv-meta small{font-size:calc(var(--u)*12);opacity:.85} :is(#laboratorio,.lab-escopo) .cm-fbv-meta p{margin:calc(var(--u)*6) 0 0;font-size:calc(var(--u)*14);line-height:1.3} :is(#laboratorio,.lab-escopo) .cm-fbv-cta{position:absolute;z-index:4;left:calc(var(--u)*14);right:calc(var(--u)*14);bottom:calc(var(--pe) + var(--u)*36);display:flex;justify-content:space-between;align-items:center;padding:calc(var(--u)*14) calc(var(--u)*18);border-radius:calc(var(--u)*10);background:#fff;color:#111;font-size:calc(var(--u)*15);transition:background .3s,color .3s} :is(#laboratorio,.lab-escopo) .cm-fbv-cta .cm-i{width:calc(var(--u)*16);height:calc(var(--u)*16)} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="lit"] .cm-fbv-cta{background:#1877f2;color:#fff} :is(#laboratorio,.lab-escopo) .cm-fbb{position:absolute;inset:0;overflow:hidden;background:#000} :is(#laboratorio,.lab-escopo) .cm-fbb>img,:is(#laboratorio,.lab-escopo) .cm-fbb-ad>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} :is(#laboratorio,.lab-escopo) .cm-fbb-tag{position:absolute;z-index:3;left:calc(var(--u)*14);top:calc(var(--topo) + var(--u)*10);padding:calc(var(--u)*3) calc(var(--u)*8);border-radius:calc(var(--u)*4);background:#0009;color:#fff;font-size:calc(var(--u)*12)} :is(#laboratorio,.lab-escopo) .cm-fbb-ad{position:absolute;inset:0;overflow:hidden;background:#000;color:#fff} :is(#laboratorio,.lab-escopo) .cm-fbb-ad::after{content:"";position:absolute;inset:auto 0 0;height:50%;background:linear-gradient(transparent,#000d);pointer-events:none;z-index:2} :is(#laboratorio,.lab-escopo) .cm-fbb-label{position:absolute;z-index:4;left:calc(var(--u)*14);top:calc(var(--topo) + var(--u)*10);padding:calc(var(--u)*3) calc(var(--u)*8);border-radius:calc(var(--u)*4);background:#fff;color:#111;font-size:calc(var(--u)*12);font-weight:700} :is(#laboratorio,.lab-escopo) .cm-fbb-skip{position:absolute;z-index:4;right:calc(var(--u)*14);top:calc(var(--topo) + var(--u)*10);padding:calc(var(--u)*6) calc(var(--u)*12);border-radius:calc(var(--u)*6);background:#0009;color:#fff;font-size:calc(var(--u)*13)} :is(#laboratorio,.lab-escopo) .cm-fbb-skip .cm-fbb-s2{display:none} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="skip"] .cm-fbb-skip .cm-fbb-s1{display:none} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="skip"] .cm-fbb-skip .cm-fbb-s2{display:inline} :is(#laboratorio,.lab-escopo) .cm-fbb-cta{position:absolute;z-index:4;left:calc(var(--u)*14);right:calc(var(--u)*14);bottom:calc(var(--pe) + var(--u)*36);display:flex;justify-content:space-between;align-items:center;gap:calc(var(--u)*8);padding:calc(var(--u)*12) calc(var(--u)*16);border-radius:calc(var(--u)*10);background:#fff;color:#111;transition:background .3s,color .3s} :is(#laboratorio,.lab-escopo) .cm-fbb-cta>span{display:grid;line-height:1.2;min-width:0} :is(#laboratorio,.lab-escopo) .cm-fbb-cta b{font-size:calc(var(--u)*14)} :is(#laboratorio,.lab-escopo) .cm-fbb-cta small{font-size:calc(var(--u)*11);color:#65676b} :is(#laboratorio,.lab-escopo) .cm-fbb-cta .cm-i{width:calc(var(--u)*16);height:calc(var(--u)*16)} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="lit"] .cm-fbb-cta{background:#1877f2;color:#fff} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="lit"] .cm-fbb-cta small{color:#dbe7ff} /* ChatGPT, closer to the owner's reference (22/10/2026): streamed answer, Sources chip, descriptive line, scroll button. */ :is(#laboratorio,.lab-escopo) .cm-gpt-answer,:is(#laboratorio,.lab-escopo) .cm-gpt-actions{opacity:0;clip-path:inset(0 0 100% 0);transition:opacity .3s,clip-path 1.2s steps(9,end)} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="s1"] .cm-gpt-answer,:is(#laboratorio,.lab-escopo) .cm-screen[data-state~="s1"] .cm-gpt-actions{opacity:1;clip-path:inset(0)} :is(#laboratorio,.lab-escopo) .cm-gpt-think{justify-self:start;display:block;width:calc(var(--u)*12);height:calc(var(--u)*12);border-radius:50%;background:#0d0d0d;animation:cm-gpt-pulse 1s ease-in-out infinite;transition:opacity .2s} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="s1"] .cm-gpt-think{display:none} @keyframes cm-gpt-pulse{50%{transform:scale(.7);opacity:.6}} :is(#laboratorio,.lab-escopo) .cm-gpt-actions{align-items:center} :is(#laboratorio,.lab-escopo) .cm-gpt-src{display:inline-flex;align-items:center;gap:calc(var(--u)*6);margin-left:calc(var(--u)*2);color:#5d5d5d;font-size:calc(var(--u)*13)} :is(#laboratorio,.lab-escopo) .cm-gpt-src i{display:grid;place-items:center;width:calc(var(--u)*17);height:calc(var(--u)*17);margin-right:calc(var(--u)*-10);border:calc(var(--u)*1.5) solid #fff;border-radius:50%;background:#0d0d0d;color:#fff;font-style:normal;font-size:calc(var(--u)*9);font-weight:700} :is(#laboratorio,.lab-escopo) .cm-gpt-src i:nth-child(2){background:#c0392b} :is(#laboratorio,.lab-escopo) .cm-gpt-src i:nth-child(3){background:#3d3d3d;margin-right:calc(var(--u)*2)} :is(#laboratorio,.lab-escopo) .cm-gpt-chip{border-radius:calc(var(--u)*7);background:#f2f2f2} :is(#laboratorio,.lab-escopo) .cm-gpt-down{justify-self:center;display:grid;place-items:center;width:calc(var(--u)*34);height:calc(var(--u)*34);border:calc(var(--u)*.9) solid #e3e3e3;border-radius:50%;background:#fff;box-shadow:0 calc(var(--u)*2) calc(var(--u)*6) #0000000f} :is(#laboratorio,.lab-escopo) .cm-gpt-down .cm-i{width:calc(var(--u)*17);height:calc(var(--u)*17);color:#0d0d0d} @media (prefers-reduced-motion:reduce){:is(#laboratorio,.lab-escopo) .cm-gpt-think{animation:none}:is(#laboratorio,.lab-escopo) .cm-gpt-answer,:is(#laboratorio,.lab-escopo) .cm-gpt-actions{transition:none}} /* Google Maps: category chips under the search box (22/10/2026). */ :is(#laboratorio,.lab-escopo) .cm-maps-chips{position:absolute;z-index:4;left:0;right:0;top:calc(var(--topo) + var(--u)*52);display:flex;gap:calc(var(--u)*7);padding:0 calc(var(--u)*12);overflow:hidden;white-space:nowrap} :is(#laboratorio,.lab-escopo) .cm-maps-chips span{display:inline-flex;align-items:center;gap:calc(var(--u)*5);height:calc(var(--u)*32);padding:0 calc(var(--u)*13);border-radius:calc(var(--u)*16);background:#fff;color:#3c4043;font-size:calc(var(--u)*13);font-weight:500;box-shadow:0 calc(var(--u)*1) calc(var(--u)*3) #0000002e} :is(#laboratorio,.lab-escopo) .cm-maps-chips span.is-on{background:#e8f0fe;color:#174ea6} :is(#laboratorio,.lab-escopo) .cm-maps-chips .cm-i{width:calc(var(--u)*15);height:calc(var(--u)*15)} /* WhatsApp catalog: automated replies until the order is confirmed (22/10/2026). */ :is(#laboratorio,.lab-escopo) .cm-wacat .cm-wa-body{justify-content:flex-end;overflow:hidden} :is(#laboratorio,.lab-escopo) .cm-wacat .cm-wc1,:is(#laboratorio,.lab-escopo) .cm-wacat .cm-wc2,:is(#laboratorio,.lab-escopo) .cm-wacat .cm-wc3,:is(#laboratorio,.lab-escopo) .cm-wacat .cm-wc4{display:none!important} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="k1"] .cm-wc1,:is(#laboratorio,.lab-escopo) .cm-screen[data-state~="k2"] .cm-wc2,:is(#laboratorio,.lab-escopo) .cm-screen[data-state~="k3"] .cm-wc3,:is(#laboratorio,.lab-escopo) .cm-screen[data-state~="k4"] .cm-wc4{display:block!important} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="k1"] .cm-wc1.cm-wcg,:is(#laboratorio,.lab-escopo) .cm-screen[data-state~="k2"] .cm-wc2.cm-wcg{display:grid!important} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="k2"] .cm-wa-replies.cm-wcg.cm-wr1,:is(#laboratorio,.lab-escopo) .cm-screen[data-state~="k3"] .cm-wa-replies.cm-wcg.cm-wr2{display:none!important} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="k3"] .cm-wa-in.cm-wa-order.cm-wc3{display:grid!important} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="k4"] .cm-wr3{opacity:.45} :is(#laboratorio,.lab-escopo) .cm-wa-replies--row{grid-template-columns:repeat(3,1fr)} :is(#laboratorio,.lab-escopo) .cm-wa-auto{display:block;margin-bottom:calc(var(--u)*3);color:#667781;font-size:calc(var(--u)*10.5);font-style:normal} :is(#laboratorio,.lab-escopo) .cm-wa-order{display:grid;gap:calc(var(--u)*2);min-width:72%} :is(#laboratorio,.lab-escopo) .cm-wa-order b{font-size:calc(var(--u)*14)} :is(#laboratorio,.lab-escopo) .cm-wa-order>span{font-size:calc(var(--u)*13);color:#3b4a54} :is(#laboratorio,.lab-escopo) .cm-wa-order .cm-wa-order-btn{display:grid;place-items:center;margin:calc(var(--u)*6) calc(var(--u)*-9) calc(var(--u)*-6);padding-top:calc(var(--u)*8);border-top:1px solid #e9edef;color:#008069;font-weight:600} /* Facebook post inside the app chrome (22/10/2026): square photo, link bar right under it, then the actions. */ :is(#laboratorio,.lab-escopo) .cm-fbpost-img{display:block;width:100%;aspect-ratio:1 / 1;overflow:hidden} :is(#laboratorio,.lab-escopo) .cm-fbpost-img img{width:100%;height:100%;object-fit:cover;display:block} :is(#laboratorio,.lab-escopo) .cm-fbpost .cm-fbpost-cta,:is(#laboratorio,.lab-escopo) .cm-fb-post .cm-fbpost-cta{margin:0;padding:calc(var(--u)*10) calc(var(--u)*12)} :is(#laboratorio,.lab-escopo) .cm-fbpost-cta small{font-size:calc(var(--u)*11);letter-spacing:.02em;color:#65676b} :is(#laboratorio,.lab-escopo) .cm-fbpost-cta b{font-size:calc(var(--u)*14);font-weight:600;color:#050505} /* Behaviours from the lab, played along the real flow of each step (22/10/2026). */ /* WhatsApp: the business is typing before each automatic answer (lab: smiile chat fila de mensagens); the answer and its quick replies arrive after the dots. */ :is(#laboratorio,.lab-escopo) .cm-wa-typing{grid-auto-flow:column;align-items:center;align-self:flex-start;width:fit-content;max-height:calc(var(--u)*40);margin-bottom:0;padding:calc(var(--u)*12) calc(var(--u)*13);overflow:hidden;border-radius:calc(var(--u)*8);border-top-left-radius:calc(var(--u)*2);background:#fff;line-height:0;box-shadow:0 calc(var(--u)*1) calc(var(--u)*1) #0000001a;animation:cm-typing-life .85s ease forwards} :is(#laboratorio,.lab-escopo) .cm-wa-typing i{display:inline-block;width:calc(var(--u)*7);height:calc(var(--u)*7);margin:0 calc(var(--u)*1.5);border-radius:50%;background:#8696a0;animation:cm-typing-dot .9s ease-in-out infinite} :is(#laboratorio,.lab-escopo) .cm-wa-typing i:nth-child(2){animation-delay:.15s} :is(#laboratorio,.lab-escopo) .cm-wa-typing i:nth-child(3){animation-delay:.3s} @keyframes cm-typing-dot{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(calc(var(--u)*-3));opacity:1}} @keyframes cm-typing-life{0%,82%{max-height:calc(var(--u)*40);opacity:1;padding-block:calc(var(--u)*12);margin-bottom:0}100%{max-height:0;opacity:0;padding-block:0;margin-bottom:calc(var(--u)*-7)}} :is(#laboratorio,.lab-escopo) .cm-wa-body .cm-arrive{overflow:hidden;transform-origin:0 100%;animation:cm-arrive .4s cubic-bezier(.2,.8,.2,1) .78s both} :is(#laboratorio,.lab-escopo) .cm-wa-body .cm-wa-replies.cm-arrive{transform-origin:50% 100%;animation-delay:1s} @keyframes cm-arrive{0%{max-height:0;opacity:0;transform:translateY(calc(var(--u)*8)) scale(.94);margin-top:calc(var(--u)*-7)}100%{max-height:calc(var(--u)*320);opacity:1;transform:none;margin-top:0}} /* In-app browsers and Safari: the page loads (a progress line) and its content rises in (lab: esqueleto do estúdio). */ :is(#laboratorio,.lab-escopo) .cm-browser::after{content:"";position:absolute;left:0;right:0;bottom:calc(var(--u)*-.6);height:calc(var(--u)*2.4);background:#3478f6;transform:scaleX(0);transform-origin:0 50%;opacity:0;pointer-events:none} :is(#laboratorio,.lab-escopo) .cm-scene[data-pos="on"] .cm-browser::after{animation:cm-load .9s ease-out .1s both} :is(#laboratorio,.lab-escopo) .cm-safari-url{position:relative} :is(#laboratorio,.lab-escopo) .cm-safari-url::after{content:"";position:absolute;left:calc(var(--u)*16);right:calc(var(--u)*16);bottom:calc(var(--u)*4);height:calc(var(--u)*2.2);border-radius:2px;background:#3478f6;transform:scaleX(0);transform-origin:0 50%;opacity:0} :is(#laboratorio,.lab-escopo) .cm-scene[data-kind="push"][data-pos="on"] .cm-safari-url::after,:is(#laboratorio,.lab-escopo) .cm-scene[data-kind="sheet"][data-pos="on"] .cm-safari-url::after{animation:cm-load .9s ease-out .1s both} @keyframes cm-load{0%{transform:scaleX(0);opacity:1}70%{transform:scaleX(.82);opacity:1}100%{transform:scaleX(1);opacity:0}} :is(#laboratorio,.lab-escopo) .cm-scene:is([data-kind="push"],[data-kind="sheet"])[data-pos="on"] .cm-lp-hero,:is(#laboratorio,.lab-escopo) .cm-scene:is([data-kind="push"],[data-kind="sheet"])[data-pos="on"] .cm-lp-body>*{animation:cm-page-in .5s cubic-bezier(.2,.8,.2,1) var(--cm-d,.3s) both} :is(#laboratorio,.lab-escopo) .cm-lp-hero{--cm-d:.2s} :is(#laboratorio,.lab-escopo) .cm-lp-body>:nth-child(2){--cm-d:.36s} :is(#laboratorio,.lab-escopo) .cm-lp-body>:nth-child(3){--cm-d:.42s} :is(#laboratorio,.lab-escopo) .cm-lp-body>:nth-child(4){--cm-d:.48s} :is(#laboratorio,.lab-escopo) .cm-lp-body>:nth-child(n+5){--cm-d:.54s} @keyframes cm-page-in{0%{opacity:0;transform:translateY(calc(var(--u)*10))}100%{opacity:1;transform:none}} /* Google Maps: the search is typed first; then the pins drop and the sponsored sheet rises. */ :is(#laboratorio,.lab-escopo) .cm-maps .cm-typed>span{min-width:0} :is(#laboratorio,.lab-escopo) .cm-maps .cm-drop,:is(#laboratorio,.lab-escopo) .cm-maps .cm-promo{transition:opacity .25s ease,scale .5s cubic-bezier(.34,1.56,.64,1)} :is(#laboratorio,.lab-escopo) .cm-maps[data-state~="typing"] .cm-drop,:is(#laboratorio,.lab-escopo) .cm-maps[data-state~="typing"] .cm-promo{opacity:0;scale:.3;transition-delay:0s} :is(#laboratorio,.lab-escopo) .cm-maps .cm-drop:nth-of-type(2){transition-delay:.05s} :is(#laboratorio,.lab-escopo) .cm-maps .cm-drop:nth-of-type(3){transition-delay:.1s} :is(#laboratorio,.lab-escopo) .cm-maps .cm-drop:nth-of-type(4){transition-delay:.15s} :is(#laboratorio,.lab-escopo) .cm-maps .cm-promo{transition-delay:.2s} :is(#laboratorio,.lab-escopo) .cm-maps .cm-place{transition:height .48s var(--cm-ios),transform .48s var(--cm-ios) .25s} :is(#laboratorio,.lab-escopo) .cm-maps[data-state~="typing"] .cm-place{transform:translateY(105%)} /* iOS notification banner: the confirmation the page promised arrives on the phone. */ :is(#laboratorio,.lab-escopo) .cm-push{position:absolute;z-index:120;top:calc(var(--topo) + var(--u)*2);left:calc(var(--u)*10);right:calc(var(--u)*10);display:flex;align-items:center;gap:calc(var(--u)*11);padding:calc(var(--u)*12) calc(var(--u)*14);border-radius:calc(var(--u)*26);background:rgb(246 246 248 / .86);-webkit-backdrop-filter:blur(calc(var(--u)*18)) saturate(1.8);backdrop-filter:blur(calc(var(--u)*18)) saturate(1.8);box-shadow:0 calc(var(--u)*8) calc(var(--u)*30) rgb(0 0 0 / .22),inset 0 0 0 calc(var(--u)*.7) rgb(255 255 255 / .6);color:#111;opacity:0;transform:translateY(calc(var(--u)*-120)) scale(.92);visibility:hidden;transition:transform .55s cubic-bezier(.34,1.3,.64,1),opacity .25s ease,visibility 0s .55s;pointer-events:none} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="aviso"] .cm-push{opacity:1;transform:none;visibility:visible;transition:transform .55s cubic-bezier(.34,1.3,.64,1),opacity .25s ease,visibility 0s} :is(#laboratorio,.lab-escopo) .cm-push-icon{display:grid;flex:none;place-items:center;width:calc(var(--u)*38);height:calc(var(--u)*38);border-radius:calc(var(--u)*9);background:#4b5563;color:#fff} :is(#laboratorio,.lab-escopo) .cm-push-icon--whatsapp{background:#25d366} :is(#laboratorio,.lab-escopo) .cm-push-icon .cm-i{width:calc(var(--u)*22);height:calc(var(--u)*22);stroke-width:2} :is(#laboratorio,.lab-escopo) .cm-push-glyph{display:block;width:calc(var(--u)*22);height:auto} :is(#laboratorio,.lab-escopo) .cm-push-body{display:grid;flex:1;min-width:0;gap:calc(var(--u)*1)} :is(#laboratorio,.lab-escopo) .cm-push-top{display:flex;align-items:baseline;justify-content:space-between;gap:calc(var(--u)*8)} :is(#laboratorio,.lab-escopo) .cm-push-top b{overflow:hidden;font-size:calc(var(--u)*14.5);font-weight:600;text-overflow:ellipsis;white-space:nowrap} :is(#laboratorio,.lab-escopo) .cm-push-top small{flex:none;color:#3c3c4399;font-size:calc(var(--u)*12.5)} :is(#laboratorio,.lab-escopo) .cm-push-text{display:-webkit-box;overflow:hidden;font-size:calc(var(--u)*14);line-height:1.3;-webkit-line-clamp:2;-webkit-box-orient:vertical} /* Without motion: no typing dots, everything already in place. */ @media(prefers-reduced-motion:reduce){:is(#laboratorio,.lab-escopo) .cm-wa-typing{display:none!important}} body.is-paused :is(#laboratorio,.lab-escopo) .cm-wa-typing{display:none!important} /* Conversations with depth (22/10/2026). WhatsApp click-to-chat: list message with its sheet, reply buttons for period and time, confirmation and location. */ :is(#laboratorio,.lab-escopo) .cm-wa-msg4,:is(#laboratorio,.lab-escopo) .cm-wa-msg5{display:none!important} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="m3"] span.cm-wa-replies.cm-wa-msg3,:is(#laboratorio,.lab-escopo) .cm-screen[data-state~="m4"] span.cm-wa-replies.cm-wa-msg4{display:grid!important} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="m4"] .cm-wa-msg4,:is(#laboratorio,.lab-escopo) .cm-screen[data-state~="m5"] .cm-wa-msg5{display:block!important} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="m4"] span.cm-wa-replies.cm-wa-msg4{display:grid!important} :is(#laboratorio,.lab-escopo) .cm-wa-listbtn{display:flex;align-items:center;justify-content:center;gap:calc(var(--u)*6);margin:calc(var(--u)*8) calc(var(--u)*-9) calc(var(--u)*-20);padding:calc(var(--u)*9) 0;border-top:calc(var(--u)*.8) solid #e9edef;color:#027eb5;font-size:calc(var(--u)*14.5);font-weight:500;transition:filter .12s,transform .12s} :is(#laboratorio,.lab-escopo) .cm-wa-listbtn .cm-i{width:calc(var(--u)*17);height:calc(var(--u)*17)} :is(#laboratorio,.lab-escopo) .cm-wa-in:has(.cm-wa-listbtn)>small{position:static;display:block;margin-top:calc(var(--u)*2);text-align:right} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="m5"] .cm-wa-confirm{display:grid!important;gap:calc(var(--u)*3)} :is(#laboratorio,.lab-escopo) .cm-screen:not([data-state~="m5"]) .cm-wa-confirm{display:none!important} :is(#laboratorio,.lab-escopo) .cm-wa-confirm b{font-size:calc(var(--u)*15);font-weight:600} :is(#laboratorio,.lab-escopo) .cm-wa-loc{width:68%;padding:calc(var(--u)*4) calc(var(--u)*4) calc(var(--u)*20)} :is(#laboratorio,.lab-escopo) .cm-wa-map{position:relative;display:block;height:calc(var(--u)*110);margin-bottom:calc(var(--u)*6);overflow:hidden;border-radius:calc(var(--u)*6)} :is(#laboratorio,.lab-escopo) .cm-wa-map img{width:100%;height:100%;object-fit:cover} :is(#laboratorio,.lab-escopo) .cm-wa-map i{position:absolute;left:50%;top:45%;display:grid;place-items:center;width:calc(var(--u)*30);height:calc(var(--u)*30);translate:-50% -50%;border-radius:50%;background:#ea4335;color:#fff;box-shadow:0 calc(var(--u)*2) calc(var(--u)*6) #0004} :is(#laboratorio,.lab-escopo) .cm-wa-map .cm-i{width:calc(var(--u)*16);height:calc(var(--u)*16)} :is(#laboratorio,.lab-escopo) .cm-wa-loc b,:is(#laboratorio,.lab-escopo) .cm-wa-loc>span:not(.cm-wa-map){display:block;padding:0 calc(var(--u)*5)} :is(#laboratorio,.lab-escopo) .cm-wa-loc>span:not(.cm-wa-map){color:#54656f;font-size:calc(var(--u)*13)} /* The list sheet over the conversation (state ls), the picked option (lp). */ :is(#laboratorio,.lab-escopo) .cm-wa-sheet{position:absolute;z-index:60;left:0;right:0;bottom:0;display:grid;gap:calc(var(--u)*2);padding:calc(var(--u)*8) calc(var(--u)*16) calc(var(--pe) + var(--u)*12);border-radius:calc(var(--u)*18) calc(var(--u)*18) 0 0;background:#fff;color:#111b21;box-shadow:0 calc(var(--u)*-6) calc(var(--u)*24) #0003;transform:translateY(105%);visibility:hidden;transition:transform .42s var(--cm-ios),visibility 0s .42s} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="ls"] .cm-wa-sheet{transform:none;visibility:visible;transition:transform .42s var(--cm-ios),visibility 0s} :is(#laboratorio,.lab-escopo) .cm-wa .cm-scene[data-scene="chat"]::before{content:"";position:absolute;inset:0;z-index:55;background:#000;opacity:0;pointer-events:none;transition:opacity .35s} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="ls"] .cm-scene[data-scene="chat"]::before{opacity:.35} :is(#laboratorio,.lab-escopo) .cm-wa-sheet-top{display:grid;grid-template-columns:calc(var(--u)*24) 1fr calc(var(--u)*24);align-items:center;margin-bottom:calc(var(--u)*6)!important;text-align:center} :is(#laboratorio,.lab-escopo) .cm-wa-sheet-top b{font-size:calc(var(--u)*16)} :is(#laboratorio,.lab-escopo) .cm-wa-sheet-top .cm-i{width:calc(var(--u)*20);height:calc(var(--u)*20)} :is(#laboratorio,.lab-escopo) .cm-wa-sheet>small{color:#008069;font-size:calc(var(--u)*13);font-weight:600} :is(#laboratorio,.lab-escopo) .cm-wa-opt{display:flex;align-items:center;gap:calc(var(--u)*10);padding:calc(var(--u)*10) 0;border-bottom:calc(var(--u)*.8) solid #e9edef;transition:filter .12s,transform .12s} :is(#laboratorio,.lab-escopo) .cm-wa-opt>span{display:grid;flex:1;line-height:1.3} :is(#laboratorio,.lab-escopo) .cm-wa-opt b{font-size:calc(var(--u)*15);font-weight:500} :is(#laboratorio,.lab-escopo) .cm-wa-opt small{color:#667781;font-size:calc(var(--u)*12.5)} :is(#laboratorio,.lab-escopo) .cm-wa-opt i{flex:none;width:calc(var(--u)*20);height:calc(var(--u)*20);border:calc(var(--u)*2) solid #8696a0;border-radius:50%;transition:box-shadow .2s ease .4s,border-color .2s ease .4s} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="lp"] .cm-wa-opt--pick i{border-color:#008069;box-shadow:inset 0 0 0 calc(var(--u)*3.5) #fff,inset 0 0 0 calc(var(--u)*10) #008069} :is(#laboratorio,.lab-escopo) .cm-wa-sheet-send{display:grid;place-items:center;height:calc(var(--u)*46);margin-top:calc(var(--u)*10);border-radius:99px;background:#d1d7db;color:#fff;font-size:calc(var(--u)*15);font-weight:600;transition:background .2s ease .4s,filter .12s,transform .12s} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="lp"] .cm-wa-sheet-send{background:#1daa61} /* WhatsApp catalog: quantity, add to cart, cart bar (ct), cart sheet, the order message. */ :is(#laboratorio,.lab-escopo) .cm-wa-qty{display:inline-flex;align-self:flex-start;align-items:center;gap:calc(var(--u)*16);height:calc(var(--u)*38);padding:0 calc(var(--u)*6);border:calc(var(--u)*1) solid #d1d7db;border-radius:99px} :is(#laboratorio,.lab-escopo) .cm-wa-qty i{display:grid;place-items:center;width:calc(var(--u)*28);height:calc(var(--u)*28);border-radius:50%;background:#f0f2f5;color:#008069;font-style:normal;font-size:calc(var(--u)*17);font-weight:600} :is(#laboratorio,.lab-escopo) .cm-wa-qty b{font-size:calc(var(--u)*15)} :is(#laboratorio,.lab-escopo) .cm-wa-qty--sm{height:calc(var(--u)*32)} :is(#laboratorio,.lab-escopo) .cm-wa-qty--sm i{width:calc(var(--u)*24);height:calc(var(--u)*24)} :is(#laboratorio,.lab-escopo) .cm-wa-item{display:grid;gap:calc(var(--u)*10)} :is(#laboratorio,.lab-escopo) .cm-wa-msglink{display:flex;align-items:center;justify-content:center;gap:calc(var(--u)*6);color:#008069;font-size:calc(var(--u)*14);font-weight:500} :is(#laboratorio,.lab-escopo) .cm-wa-cartbar{position:absolute;z-index:8;left:calc(var(--u)*14);right:calc(var(--u)*14);bottom:calc(var(--pe) + var(--u)*10);display:flex;align-items:center;gap:calc(var(--u)*10);height:calc(var(--u)*52);padding:0 calc(var(--u)*16);border-radius:99px;background:#008069;color:#fff;box-shadow:0 calc(var(--u)*6) calc(var(--u)*18) #0004;transform:translateY(170%);transition:transform .45s cubic-bezier(.34,1.3,.64,1) .45s,filter .12s} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="ct"] .cm-wa-cartbar{transform:none} :is(#laboratorio,.lab-escopo) .cm-wa-cartbar .cm-i{width:calc(var(--u)*21);height:calc(var(--u)*21)} :is(#laboratorio,.lab-escopo) .cm-wa-cartbar b{flex:1;font-size:calc(var(--u)*15)} :is(#laboratorio,.lab-escopo) .cm-wa-cartbar small{opacity:.85;font-size:calc(var(--u)*13)} :is(#laboratorio,.lab-escopo) .cm-wa-cart{gap:calc(var(--u)*12)} :is(#laboratorio,.lab-escopo) .cm-wa-cartline{display:flex;align-items:center;gap:calc(var(--u)*12)} :is(#laboratorio,.lab-escopo) .cm-wa-cartline img{width:calc(var(--u)*54);height:calc(var(--u)*54);border-radius:calc(var(--u)*8);object-fit:cover} :is(#laboratorio,.lab-escopo) .cm-wa-cartline>span:not(.cm-wa-qty){display:grid;flex:1} :is(#laboratorio,.lab-escopo) .cm-wa-cartline small{color:#667781;font-size:calc(var(--u)*12.5)} :is(#laboratorio,.lab-escopo) .cm-wa-note{display:flex;align-items:center;gap:calc(var(--u)*7);padding:calc(var(--u)*10) calc(var(--u)*12);border-radius:calc(var(--u)*10);background:#f0f2f5;color:#3b4a54;font-size:calc(var(--u)*13.5)} :is(#laboratorio,.lab-escopo) .cm-wa-orderout{width:72%} :is(#laboratorio,.lab-escopo) .cm-wa-orderthumb{display:flex;align-items:center;gap:calc(var(--u)*10);padding:calc(var(--u)*5);border-radius:calc(var(--u)*6);background:#0000000d} :is(#laboratorio,.lab-escopo) .cm-wa-orderthumb img{width:calc(var(--u)*52);height:calc(var(--u)*52);border-radius:calc(var(--u)*5);object-fit:cover} :is(#laboratorio,.lab-escopo) .cm-wa-orderthumb>span{display:grid;line-height:1.3} :is(#laboratorio,.lab-escopo) .cm-wa-orderthumb b{font-size:calc(var(--u)*14);font-weight:600} :is(#laboratorio,.lab-escopo) .cm-wa-orderthumb small{position:static;color:#54656f;font-size:calc(var(--u)*12.5)} :is(#laboratorio,.lab-escopo) .cm-wa-orderlink{display:block;margin:calc(var(--u)*7) calc(var(--u)*-9) calc(var(--u)*-6);padding:calc(var(--u)*8) 0 calc(var(--u)*2);border-top:calc(var(--u)*.8) solid #0000001a;color:#027eb5;font-size:calc(var(--u)*14);text-align:center} :is(#laboratorio,.lab-escopo) .cm-screen[data-tap="list"] [data-tap="list"],:is(#laboratorio,.lab-escopo) .cm-screen[data-tap="opt"] [data-tap="opt"],:is(#laboratorio,.lab-escopo) .cm-screen[data-tap="lsend"] [data-tap="lsend"],:is(#laboratorio,.lab-escopo) .cm-screen[data-tap="per"] [data-tap="per"],:is(#laboratorio,.lab-escopo) .cm-screen[data-tap="hor"] [data-tap="hor"],:is(#laboratorio,.lab-escopo) .cm-screen[data-tap="add"] [data-tap="add"],:is(#laboratorio,.lab-escopo) .cm-screen[data-tap="cart"] [data-tap="cart"],:is(#laboratorio,.lab-escopo) .cm-screen[data-tap="order"] [data-tap="order"],:is(#laboratorio,.lab-escopo) .cm-screen[data-tap="gsend"] [data-tap="gsend"]{filter:brightness(.9);transform:scale(.97)} /* ChatGPT: a second turn. The reply is typed in the field (ty), the question rises to the top (s3), the second answer streams in (s4), then the ad (s2). */ :is(#laboratorio,.lab-escopo) .cm-gpt-flow{transition:transform .55s var(--cm-ios)} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="s3"] .cm-gpt-flow{transform:translateY(calc(var(--u)*-318))} :is(#laboratorio,.lab-escopo) .cm-gpt-q2,:is(#laboratorio,.lab-escopo) .cm-gpt-think2{display:none} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="s3"] .cm-gpt-q2{display:block} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="s3"] .cm-gpt-think2{display:block} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="s4"] .cm-gpt-think2{display:none} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="s1"] .cm-gpt-a2{opacity:0;clip-path:inset(0 0 100% 0)} :is(#laboratorio,.lab-escopo) .cm-gpt-a2{display:none} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="s3"] .cm-gpt-a2{display:block} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="s3"] .cm-gpt-actions.cm-gpt-a2{display:flex} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="s4"] .cm-gpt-a2{opacity:1;clip-path:inset(0)} :is(#laboratorio,.lab-escopo) .cm-gpt-typed,:is(#laboratorio,.lab-escopo) .cm-gpt-send{display:none} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="ty"] .cm-gpt-ph,:is(#laboratorio,.lab-escopo) .cm-screen[data-state~="ty"] .cm-gpt-wave{display:none} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="ty"] .cm-gpt-typed{display:block;color:#0d0d0d} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="ty"] .cm-gpt-typed>span{max-width:0;animation:cm-type 1s steps(32,end) .15s forwards;box-shadow:calc(var(--u)*1.5) 0 0 #0d0d0d} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="ty"] .cm-gpt-send{display:grid;transition:filter .12s,transform .12s} :is(#laboratorio,.lab-escopo) .cm-gpt-input .cm-gpt-typed{flex:1;font-size:calc(var(--u)*15)} @media(prefers-reduced-motion:reduce){:is(#laboratorio,.lab-escopo) .cm-screen[data-state~="ty"] .cm-gpt-typed>span{max-width:100%}} body.is-paused :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="ty"] .cm-gpt-typed>span{max-width:100%} :is(#laboratorio,.lab-escopo) .cm-gpt-top{background:#fff} :is(#laboratorio,.lab-escopo) .cm-gpt-top::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:var(--topo);background:#fff} :is(#laboratorio,.lab-escopo) .cm-gpt-top::after{content:"";position:absolute;left:0;right:0;top:100%;height:calc(var(--u)*14);background:linear-gradient(#fff,#fff0);pointer-events:none} :is(#laboratorio,.lab-escopo) .cm-wa-body>*{flex-shrink:0} :is(#laboratorio,.lab-escopo) .cm-gpt-input>.cm-gpt-send{display:none} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="ty"] .cm-gpt-input>.cm-gpt-send{display:grid} :is(#laboratorio,.lab-escopo) .cm-screen[data-state~="ty"] .cm-gpt-input>.cm-gpt-wave{display:none}