.ol-anim{--navy:#1F2A5C;--blue:#3452E6;--blue-2:#3D5CEB;--blue-soft:#E8ECFD;--magenta:#3452E6;--magenta-soft:#E8ECFD;--star:#F5B400;--green:#1E8E4E;--page:#FFFFFF;--alt:#F6F6F9;--ink:#1B1F2E;--body:#565C70;--muted:#8A90A3;--line:#E6E8EF;--soft:#F5F6FB;--map-land:#EEF2F4;--map-park:#D6EEDA;--map-water:#C7E2F5;--spring:cubic-bezier(.34,1.35,.64,1);--wrap:1100px;--dot:rgba(31,42,92,.21);--fs-h1:clamp(36px,8vw,50px);--fs-h2:clamp(28px,2.8vw,38px);--fs-h3:20px;--fs-h3-sm:18px;--fs-h3-lg:24px;--fs-eyebrow:12.5px;--fs-body:16px;--fs-body-sm:15px;--fs-caption:13px;--r-sm:8px;--r-md:14px;--r-lg:20px;--sec-y:104px;--ease:cubic-bezier(.2,.8,.2,1);--sec-y:72px;--sec-y:60px;--fs-h2:clamp(26px,2.5vw,34px);--accent:#E6337A;--fs-h2:clamp(26px,2.4vw,32px);--fs-body:16px;--btn-blue:#3452E6;--btn-blue-h:#4F6BF2;--btn-soft:#E8ECFD;--sec-y:64px;--sec-y:56px;--sec-y:88px;--sec-y:64px;--fs-h2:46px!important;--fs-h2:40px!important;--fs-h2:34px!important}
.ha-badge{position:absolute; left:50%; top:33%; transform:translate(-50%,-50%) scale(.6); opacity:0; z-index:7; background:var(--navy); color:#fff; font-weight:700;
  font-size:clamp(13px,1.3vw,16px); padding:9px 16px; border-radius:999px; white-space:nowrap; box-shadow:0 12px 24px -8px rgba(31,42,92,.6)}
.ha-badge.go{animation:ha-badge .6s var(--spring) forwards}
.m8-vis.m8-vis.m8-vis{position:relative; aspect-ratio:560/470; border-radius:18px; overflow:hidden; background:#fff; box-shadow:0 0 0 1px var(--line), 0 30px 60px -40px rgba(31,42,92,.45)}
.pv{position:absolute; inset:0; opacity:0; transform:scale(.98); transition:opacity .45s ease, transform .6s cubic-bezier(.2,.8,.2,1); pointer-events:none; color:#1B1F2E; font-size:14px}
.pv.on{opacity:1; transform:none}
@media (prefers-reduced-motion: reduce){
.pv{transition:none}
}
.m8-vis.m8-vis.m8-vis{background:#E9EBF0}
.pv.gm{background:#E9EBF0 !important; background-image:radial-gradient(circle, rgba(31,42,92,.08) 1.1px, transparent 1.6px) !important; background-size:20px 20px !important}
.gm-shot{position:absolute; left:6%; right:6%; top:6%; bottom:14%; background:#fff; border-radius:10px; overflow:hidden; font-family:Roboto,Arial,sans-serif; color:#202124; font-size:13px;
  box-shadow:0 1px 2px rgba(60,64,67,.3), 0 2px 6px 2px rgba(60,64,67,.15)}
.gm-shot b{font-weight:500}
.gm-shot small{display:block; color:#70757A; font-size:12px}
.mk-ok{position:absolute; z-index:6; transform:translateX(-50%); display:inline-flex; align-items:center; gap:7px; white-space:nowrap; font:600 13px/1 Poppins,sans-serif; color:#fff; background:#1E8E4E; padding:9px 15px; border-radius:999px; box-shadow:0 10px 22px -10px rgba(30,142,78,.7)}
.cs.cs.cs{position:relative; display:flex; flex-direction:column; background:var(--page); border-radius:18px; padding:24px 24px 26px; box-shadow:0 0 0 1px var(--line); overflow:hidden}
.cs.cs.cs h3{font-size:17px; font-weight:600; margin:0 0 18px; color:inherit}
.cs.cs.cs p{margin:auto 0 0; font-size:14.5px; line-height:1.6; color:var(--body)}
.m8-vis.m8-vis.m8-vis{background:none!important; box-shadow:none!important; border-radius:0; overflow:visible; aspect-ratio:560/520}
.pv.gm{background:none!important}
.gm-shot{left:0; right:0; top:0; bottom:10%; border-radius:12px; box-shadow:0 1px 2px rgba(60,64,67,.3), 0 8px 28px -6px rgba(60,64,67,.28)}
.mk-ok{bottom:0}
@media (max-width:980px){
.m8-vis.m8-vis.m8-vis{aspect-ratio:560/560}
}
.cs-ui.cs-ui.cs-ui{margin:18px 0 18px}
.cs.cs.cs h3{font-size:17px!important}
.cs.cs.cs p{color:var(--body)!important; font-size:14.5px!important}
.cs-ui.cs-ui.cs-ui{min-height:212px; display:flex; flex-direction:column; justify-content:flex-start}
.cs.cs.cs.cs2.cs2.cs2{padding:18px 18px 24px!important}
.cs.cs.cs.cs2.cs2.cs2 .cs-ui.cs-ui.cs-ui{margin:0 0 20px; min-height:0}
.cs.cs.cs.cs2.cs2.cs2 h3{font-size:19px!important; margin:0 0 10px}
.cs.cs.cs.cs2.cs2.cs2 p{margin:0!important}
.ui2{font-family:Roboto,Arial,sans-serif; color:#202124; background:#fff; border:1px solid #DADCE0; border-radius:10px; overflow:hidden}
.ui2-top{display:flex; justify-content:space-between; align-items:center; padding:9px 12px; border-bottom:1px solid #E8EAED; font-size:11.5px; color:#3C4043; font-weight:500}
.ui2-date{font-weight:400; color:#5F6368; border:1px solid #DADCE0; border-radius:4px; padding:3px 7px; font-size:10.5px}
.ui2-body{padding:12px 12px 8px}
.cf.cf.cf{position:relative; max-width:1100px; margin:0 auto; outline:none}
.cf.cf.cf:focus-visible{outline:3px solid var(--blue); outline-offset:8px; border-radius:16px}
.cf.cf.cf .cs.cs.cs{position:absolute; left:50%; top:0; width:min(480px, 86%); margin:0; box-sizing:border-box; transform:translateX(-50%) scale(.7); opacity:0; filter:blur(4px); z-index:1;
  transition:transform .7s cubic-bezier(.2,.8,.2,1), opacity .5s ease, filter .5s ease, box-shadow .5s ease; pointer-events:none}
.cf.cf.cf .cs.cs.cs[data-pos="c"]{transform:translateX(-50%) scale(1); opacity:1; filter:none; z-index:3; pointer-events:auto; box-shadow:0 0 0 1px var(--line), 0 30px 60px -34px rgba(31,42,92,.4)!important}
.cf.cf.cf .cs.cs.cs[data-pos="l"]{transform:translateX(calc(-50% - 62%)) scale(.82); opacity:.45; filter:blur(2.5px) saturate(.6); z-index:2; pointer-events:auto; cursor:pointer}
.cf.cf.cf .cs.cs.cs[data-pos="r"]{transform:translateX(calc(-50% + 62%)) scale(.82); opacity:.45; filter:blur(2.5px) saturate(.6); z-index:2; pointer-events:auto; cursor:pointer}
.cf.cf.cf .cs.cs.cs[data-pos="l"]:hover,.cf.cf.cf .cs.cs.cs[data-pos="r"]:hover{opacity:.6}
@media (max-width:760px){
.cf.cf.cf .cs.cs.cs{width:88%}
.cf.cf.cf .cs.cs.cs[data-pos="l"]{transform:translateX(calc(-50% - 78%)) scale(.85)}
.cf.cf.cf .cs.cs.cs[data-pos="r"]{transform:translateX(calc(-50% + 78%)) scale(.85)}
}
@media (prefers-reduced-motion: reduce){
.cf.cf.cf .cs.cs.cs{transition:none}
}
.cs.cs.cs.cs2.cs2.cs2 h3{font-size:var(--fs-h3)!important; line-height:1.3; font-weight:600}
.cs.cs.cs,.gm-shot,.m8-vis.m8-vis.m8-vis{border-radius:var(--r-md)!important}
.cs.cs.cs.cs2.cs2.cs2 p{font-size:var(--fs-body)!important; line-height:1.65!important}
.mk-ok{background:none!important; box-shadow:none!important; padding:0!important; color:#188038!important; font-size:16px!important; gap:10px!important}
.mk-ok svg{width:18px; height:18px; stroke-width:4}
.cs.cs.cs.cs2.cs2.cs2{padding:30px 30px 34px!important}
.cs.cs.cs.cs2.cs2.cs2 .cs-ui.cs-ui.cs-ui{margin-bottom:28px!important}
.cs.cs.cs.cs2.cs2.cs2 h3{margin:0 0 12px!important}
.cf.cf.cf .cs.cs.cs{width:min(520px,86%)!important}
.ui2-top{padding:13px 18px!important}
.ui2-body{padding:18px 18px 12px!important}
.cf.cf.cf{cursor:grab; touch-action:pan-y}
.cf.cf.cf.drag{cursor:grabbing}
.cf.cf.cf.drag *{user-select:none}
.gm-shot{top:26px!important; bottom:0!important}
.mk-ok{top:0!important; bottom:auto!important; left:auto!important; right:22px!important; transform:none!important;
  display:inline-flex!important; align-items:center; gap:10px!important; padding:6px 16px 6px 6px!important; background:#fff!important; border-radius:999px!important;
  color:#188038!important; font:600 15px/1 Poppins,sans-serif!important; box-shadow:0 0 0 1px rgba(24,128,56,.18), 0 12px 26px -12px rgba(24,128,56,.45)!important; z-index:8}
.mk-ic{width:38px; height:38px; border-radius:50%; background:#1E8E3E; display:grid; place-items:center; flex:none; box-shadow:0 0 0 4px rgba(30,142,62,.14)}
.mk-ic svg{width:20px; height:20px}
.cs.cs.cs.cs2.cs2.cs2{padding:44px 44px 46px!important}
.cs.cs.cs.cs2.cs2.cs2 .cs-ui.cs-ui.cs-ui{margin-bottom:34px!important}
.cs.cs.cs.cs2.cs2.cs2 h3{margin-bottom:14px!important}
.cf.cf.cf .cs.cs.cs{width:min(580px,88%)!important}
.ui2-top{padding:15px 22px!important}
.ui2-body{padding:22px 22px 16px!important}
.gm-shot{top:0!important; bottom:76px!important}
.mk-ok{left:0!important; right:0!important; top:auto!important; bottom:0!important; transform:none!important; height:60px;
  display:flex!important; align-items:center; gap:14px!important; padding:0 18px!important; border-radius:12px!important;
  background:#E6F4EA!important; box-shadow:inset 0 0 0 1px rgba(30,142,62,.28)!important; color:#137333!important; font:600 16px/1.2 Poppins,sans-serif!important}
.mk-ic{width:34px!important; height:34px!important; box-shadow:none!important}
.mk-ic svg{width:18px!important; height:18px!important}
.ol-anim .pv .mk-ok{left:50%!important;right:auto!important;top:auto!important;bottom:0!important;transform:translateX(-50%)!important;width:auto!important;height:auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:10px!important;background:none!important;border:0!important;padding:0!important;box-shadow:none!important;color:#188038!important;font:600 15px/1.2 Poppins,sans-serif!important;text-align:center}
.ol-anim .pv .mk-ok .mk-ic{width:78px!important;height:78px!important;border-radius:50%!important;background:#1E8E3E!important;box-shadow:0 0 0 6px var(--page),0 14px 30px -8px rgba(30,142,62,.55)!important}
.ol-anim .pv .mk-ok .mk-ic svg{width:38px!important;height:38px!important;stroke-width:2!important}
@media (max-width:980px){
.ol-anim .pv .mk-ok{bottom:-26px!important}
.ol-anim .pv .mk-ok .mk-ic{width:62px!important;height:62px!important}
.ol-anim .pv .mk-ok .mk-ic svg{width:30px!important;height:30px!important}
}
@media (min-width:981px){
.ol-anim .cs-txt.cs-txt.cs-txt h3{margin-top:0!important}
.ol-anim .cs-txt.cs-txt.cs-txt p+p{margin-top:14px!important}
}
.ol-anim .cs.cs.cs.cs2.cs2.cs2{padding:24px 24px 26px!important}
.ol-anim .cs.cs.cs.cs2.cs2.cs2 .cs-ui.cs-ui.cs-ui{margin-bottom:16px!important}
@media (max-width:980px){
.ol-anim .pv .mk-ok{bottom:8px!important}
.ol-anim .m8-vis.m8-vis.m8-vis{margin-bottom:22px!important}
}
.th-burger{display:grid; gap:3px; width:18px}
.th-burger i{display:block; height:2px; border-radius:2px; background:#5F6368}
.t8-g{font:500 22px/1 'Product Sans',Roboto,Arial,sans-serif; letter-spacing:-.5px}
.t8-g i{font-style:normal}
.t9-vis.t9-vis.t9-vis{position:relative; aspect-ratio:560/420}
.t9-v{position:absolute; inset:0; opacity:0; transform:scale(.98); transition:opacity .45s ease, transform .6s cubic-bezier(.2,.8,.2,1); pointer-events:none}
.t9-v.on{opacity:1; transform:none}
.t9-win{position:absolute; inset:0; background:#fff; border-radius:14px; overflow:hidden; box-shadow:0 1px 2px rgba(60,64,67,.3), 0 8px 28px -6px rgba(60,64,67,.28); font-family:Roboto,Arial,sans-serif; color:#202124}
.t9-bar{display:flex; align-items:center; gap:14px; height:44px; padding:0 14px; background:#F1F3F4; border-bottom:1px solid #E3E5E8}
.t9-bar .tc-dots{display:flex; gap:6px}
.t9-bar .tc-dots i{width:10px; height:10px; border-radius:50%; background:#D5D8DD}
.t9-url{flex:1; display:flex; align-items:center; gap:7px; height:28px; padding:0 12px; border-radius:14px; background:#fff; font-size:12.5px; color:#5F6368}
.t9-in{padding:18px 22px}
@media (prefers-reduced-motion: reduce){
.t9-v{transition:none}
}
@media (max-width:980px){
.t9-vis.t9-vis.t9-vis{order:-1}
}
@media (max-width:600px){
.t9-vis.t9-vis.t9-vis{aspect-ratio:auto; height:330px}
.t9-in{padding:14px 16px}
}
.t9-vis.t9-vis.t9-vis{aspect-ratio:560/340}
@media (max-width:600px){
.ol-anim .m8-vis.m8-vis.m8-vis{aspect-ratio:auto!important; height:460px}
}
@media (max-width:600px){
.ol-anim .m8-vis.m8-vis.m8-vis{height:480px}
}
.t9-vis.t9-vis.t9-vis{aspect-ratio:560/430}
@media (max-width:600px){
.t9-vis.t9-vis.t9-vis{aspect-ratio:auto; height:380px}
}
.ol-anim .pv .mk-ok{left:auto!important;right:6%!important;top:auto!important;bottom:var(--okb,10%)!important;transform:none!important;width:auto!important;height:auto!important;display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;background:#fff!important;border:1px solid #E6E8EF!important;padding:8px 14px 8px 12px!important;border-radius:999px!important;box-shadow:0 10px 22px -12px rgba(31,42,92,.45)!important;color:#188038!important;font:600 14px/1 Poppins,sans-serif!important}
.ol-anim .pv .mk-ok .mk-ic{width:auto!important;height:auto!important;background:none!important;box-shadow:none!important;border-radius:0!important}
.ol-anim .pv .mk-ok .mk-ic svg{width:18px!important;height:18px!important;stroke:#188038!important;stroke-width:2!important}
@media (max-width:980px){
.ol-anim .pv .mk-ok{bottom:var(--okb,10%)!important;font-size:13px!important}
.ol-anim .pv .mk-ok .mk-ic{width:auto!important;height:auto!important}
.ol-anim .pv .mk-ok .mk-ic svg{width:16px!important;height:16px!important}
}
@keyframes ha-badge{to{transform:translate(-50%,-50%) scale(1); opacity:1}}
/* Encaje de las maquetas en los elementos atómicos de Elementor (padding 10px por defecto, width:100%). */
.ol-anim .ha-stage,.ol-anim .x-left,.ol-anim .x-list,.ol-anim .x-grid,.ol-anim .m8-vis.m8-vis.m8-vis,.ol-anim .cf.cf.cf,.ol-anim .cs-ui.cs-ui.cs-ui,.ol-anim .cs-txt.cs-txt.cs-txt{padding:0}
.ol-anim .x-grid{display:grid;width:100%}
.ol-anim .x-left{width:auto;display:flex}
.ol-anim .x-list{width:auto;min-width:0}
.ol-anim .x-it{width:auto;cursor:pointer}
.ol-anim .x-it>div{padding:0;width:auto;min-width:0}
.ol-anim .x-it h3,.ol-anim .cs.cs.cs h3{font-family:var(--o-font-body);color:var(--ink)}
.ol-anim .x-it.on h3{color:var(--blue)}
.ol-anim .x-it p,.ol-anim .cs.cs.cs p{font-family:var(--o-font-body)}
.ol-anim .ha-stage{margin-inline:auto}
.ol-anim .ph-screen{font-family:Roboto,Arial,sans-serif}
.ol-anim .ph-scroll.f-ficha{width:auto!important}
.ol-anim .x-it .x-bar{background:var(--blue)}
.ol-anim .gm-mapbg{object-fit:cover}
.ol-anim .cf.cf.cf{width:100%;max-width:1100px}
.ol-anim .cf.cf.cf .cs.cs.cs{display:flex;flex-direction:column}
.ol-anim .o-section:has(.cf.cf.cf){overflow:hidden}
.ol-anim .o-section:has(.cf.cf.cf) .o-tnav{margin-top:24px}

/* Mapa de Google (widget clásico) con el radio y la sombra de o-map-img. */
.ol-anim .o-map-img.o-map-img.o-map-img{overflow:hidden;line-height:0}
.ol-anim .o-map-img iframe{display:block;width:100%;border:0}

/* Problemas: acordeón nativo (<details>) con el aspecto de tarjetas apiladas del prototipo. */
.ol-anim .o-svc{align-items:center}
.ol-anim .o-svc-media{max-width:560px;flex:1 1 560px}
.ol-anim .m8-vis.m8-vis.m8-vis{width:100%}
.ol-anim .o-acc{gap:0}
.ol-anim .o-acc-item{position:relative;width:100%;background:var(--page);border-radius:14px;box-shadow:0 0 0 1px var(--line);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,background .3s ease}
.ol-anim .o-acc-item+.o-acc-item{margin-top:-14px}
.ol-anim .o-acc-head{padding:20px 18px;cursor:pointer}
.ol-anim .o-acc-item:not([open]):hover{transform:translateY(-3px);box-shadow:0 0 0 1px var(--blue),0 14px 28px -18px rgba(31,42,92,.45)}
.ol-anim .o-acc-item[open]{background:var(--blue);box-shadow:0 22px 40px -22px rgba(52,82,230,.75);transform:none;margin-top:-6px;margin-bottom:8px}
.ol-anim .o-acc-item[open]:first-child{margin-top:0}
.ol-anim .o-acc-item[open] .o-acc-head{padding-bottom:6px}
.ol-anim .o-acc-item .o-icon-box{border-radius:50%;background:#E8ECFD;color:var(--blue);transition:background .3s,color .3s}
.ol-anim .o-acc-item[open] .o-icon-box{background:rgba(255,255,255,.18);color:#fff}
.ol-anim .o-acc-item .o-card-label{transition:color .3s}
.ol-anim .o-acc-item[open] .o-card-label{color:#fff}
.ol-anim .o-acc-item[open] .o-acc-body .o-body{color:rgba(255,255,255,.92)}
.ol-anim .o-acc-item[open] .o-acc-body strong{color:#fff}
.ol-anim .o-acc-body{padding:0 18px 18px 74px}
@media (max-width:767px){.ol-anim .cf.cf.cf .cs.cs.cs.cs2.cs2.cs2{padding:20px 20px 24px!important}.ol-anim .cs.cs.cs.cs2.cs2.cs2 .cs-ui.cs-ui.cs-ui{margin-bottom:18px!important}.ol-anim .x-list{margin-inline:-20px!important;padding-inline:20px!important;scroll-padding-left:20px!important}.ol-anim .o-acc-body{padding-left:18px}.ol-anim .o-svc-media{flex:none;max-width:100%}}
@media (prefers-reduced-motion:reduce){.ol-anim .o-acc-item{transition:none}.ol-anim .o-acc-item:not([open]):hover{transform:none}}

/* Google Maps en móvil: alto suficiente para las 4 filas, que tienen altura fija. */
@media (max-width:480px){.ol-anim .ha-stage{aspect-ratio:auto;height:540px}}
/* Maquetas propias de la Home. Lienzo fijo de 560×460 escalado con --k (anim.js). */
.ol-anim .hd-stage.hd-stage.hd-stage,.ol-anim .hs-stage.hs-stage.hs-stage,.ol-anim .t9-vis.t9-vis.t9-vis{padding:0}
.ol-anim .hd-stage.hd-stage.hd-stage,.ol-anim .hs-stage.hs-stage.hs-stage{position:relative;width:100%;aspect-ratio:560/460}
.ol-anim .t9-vis.t9-vis.t9-vis{width:100%}
.hx-in{position:absolute;left:0;top:0;width:560px;height:460px;transform-origin:0 0;transform:scale(var(--k,1));font-family:Roboto,Arial,sans-serif;color:#202124;transition:opacity .45s ease}
.hx-in.out{opacity:0}
.hx-win{position:absolute;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 1px 2px rgba(60,64,67,.25),0 18px 44px -16px rgba(31,42,92,.35)}
.hx-card{position:absolute;background:#fff;border-radius:12px;box-shadow:0 2px 6px rgba(60,64,67,.14),0 18px 34px -14px rgba(31,42,92,.4);padding:12px 14px;z-index:3;opacity:0;transform:translateY(14px) scale(.96);transition:opacity .4s ease,transform .55s cubic-bezier(.34,1.35,.64,1)}
.hx-card.in{opacity:1;transform:none}
.hx-card small{display:block;font-size:11px;color:#5F6368}
.hx-card b{font-weight:600}

/* Propuesta: rendimiento en Search Console */
.hd-win{left:44px;top:34px;width:476px;height:360px}
.hd-top{display:flex;align-items:center;gap:10px;height:46px;padding:0 16px;border-bottom:1px solid #E8EAED;font-size:14px;color:#5F6368}
.hd-prop{margin-left:auto;font-size:12px;color:#202124;border:1px solid #DADCE0;border-radius:7px;padding:4px 9px}
.hd-body{padding:14px 16px}
.hd-title{font-size:16px;margin-bottom:10px}
.hd-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-radius:8px;overflow:hidden}
.hd-k{padding:9px 10px 10px;color:#fff}
.hd-k small{display:block;font-size:10.5px;opacity:.95}
.hd-k b{display:block;font-size:19px;font-weight:400;margin-top:3px;font-variant-numeric:tabular-nums}
.hd-k.k1{background:#4285F4}.hd-k.k2{background:#5E35B1}.hd-k.k3{background:#fff;color:#5F6368;box-shadow:inset 0 0 0 1px #E8EAED}.hd-k.k4{background:#E8710A}
.hd-chart{display:block;width:100%;height:150px;margin-top:14px}
.hd-line{fill:none;stroke-width:2.5;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2.2s cubic-bezier(.3,.7,.2,1)}
.hd-play .hd-line{stroke-dashoffset:0}
.hd-f1{left:0;top:0;width:176px}
.hd-fh{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:10.5px;color:#5F6368}
.hd-fh em{font-style:normal;font-size:10px;font-weight:600;color:#137333;background:#E6F4EA;border-radius:6px;padding:2px 5px;white-space:nowrap}
.hd-f1 b,.hd-f2 b{display:block;font-size:22px;margin-top:4px;font-variant-numeric:tabular-nums}
.hd-f1 svg{display:block;width:100%;height:34px;margin-top:6px}
.hd-f2{right:0;bottom:12px;width:196px}
.hd-bars{display:flex;align-items:flex-end;gap:5px;height:44px;margin-top:8px}
.hd-bars i{flex:1;height:0;border-radius:3px 3px 0 0;background:#E8ECFD;transition:height .7s cubic-bezier(.2,.8,.2,1)}
.hd-bars i.on{background:#3452E6}
.hd-play .hd-bars i{height:var(--h)}
.hd-f3{left:14px;bottom:22px;display:flex;align-items:center;gap:10px;width:244px}
.hd-f3 b{display:block;font-size:12px}
.hd-ic{width:32px;height:32px;flex:none;border-radius:50%;background:#E6F4EA;display:grid;place-items:center}
.hd-dot{position:absolute;right:-5px;top:-5px;width:18px;height:18px;border-radius:50%;background:#E6337A;color:#fff;font:600 10px/18px Poppins,sans-serif;font-style:normal;text-align:center}

/* Bien hecho: tu web sube en Google */
.hs-win{inset:6px 10px 12px}
.hs-bar{display:flex;align-items:center;gap:14px;padding:14px 18px 8px}
.t8-g{font:500 21px/1 'Product Sans',Roboto,Arial,sans-serif;letter-spacing:-.5px}.t8-g i{font-style:normal}
.hs-box{flex:1;display:flex;align-items:center;gap:9px;height:38px;padding:0 14px;border-radius:20px;box-shadow:0 1px 6px rgba(32,33,36,.28);font-size:14px}
.hs-chips{display:flex;gap:7px;padding:6px 18px 10px;border-bottom:1px solid #EBEBEB}
.hs-chips span{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:#5F6368;border:1px solid #DADCE0;border-radius:14px;padding:4px 10px;transition:color .25s,background .25s,border-color .25s}
.hs-chips span.on{color:#137333;background:#E6F4EA;border-color:#B7DFC4}
.hs-chips span.on::before{content:"✓";font-weight:700}
.hs-list{position:relative;margin:8px 14px}
.hs-row{position:absolute;left:0;right:0;top:0;height:62px;display:flex;align-items:center;gap:11px;padding:0 10px;border-radius:10px;opacity:0;transition:transform .55s cubic-bezier(.34,1.3,.64,1),opacity .35s ease,background .3s,box-shadow .3s}
.hs-row.in{opacity:1}
.hs-pos{flex:none;width:26px;height:26px;border-radius:50%;background:#F1F3F4;color:#5F6368;font-size:12px;font-weight:500;display:grid;place-items:center}
.hs-txt{min-width:0}
.hs-txt small{display:block;font-size:11px;color:#5F6368}
.hs-txt strong{display:block;font-size:14.5px;font-weight:400;color:#1A0DAB;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hs-row.me{z-index:3;background:#fff;box-shadow:0 0 0 2px #E6337A inset}
.hs-row.me .hs-pos{background:#E6337A;color:#fff}
.hs-row.me.win{box-shadow:0 0 0 2px #E6337A inset,0 14px 30px -10px rgba(230,51,122,.5)}
.hs-badge{left:50%;top:auto!important;bottom:6px;z-index:5;font-family:Poppins,sans-serif;position:absolute}
.ha-badge.hs-badge{transform:translate(-50%,0) scale(.6);opacity:0;background:#1F2A5C;color:#fff;font-weight:700;font-size:15px;padding:9px 16px;border-radius:999px;box-shadow:0 12px 24px -8px rgba(31,42,92,.6);transition:transform .5s cubic-bezier(.34,1.35,.64,1),opacity .3s}
.ha-badge.hs-badge.go{transform:translate(-50%,0) scale(1);opacity:1}

/* Servicios SEO: visuales del acordeón */
.ol-anim .hv-shot{display:flex;flex-direction:column;padding:18px 20px 0;font-size:13px;font-family:Roboto,Arial,sans-serif;color:#202124}
.hv-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-bottom:10px;border-bottom:1px solid #E8EAED}
.hv-h b{font-size:15px;font-weight:500}.hv-h span{font-size:12px;color:#1A73E8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hv-score{display:flex;align-items:center;gap:14px;padding:14px 0}
.hv-score b{display:block;font-size:15px;font-weight:500}.hv-score small{display:block;font-size:12px;color:#5F6368;margin-top:2px}
.hv-ring{stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1.1s cubic-bezier(.3,.7,.2,1) .15s}
.pv.on .hv-ring{stroke-dashoffset:8}
.hv-r{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-top:1px solid #F1F3F4;font-size:12.5px}
.hv-r em{font-style:normal;font-size:11px;font-weight:500;padding:3px 8px;border-radius:9px;white-space:nowrap}
.hv-r em.ok{color:#137333;background:#E6F4EA}.hv-r em.md{color:#B06000;background:#FEF3E0}
.hv-snip{padding:12px 0}
.hv-snip small{display:block;font-size:11.5px;color:#5F6368}
.hv-snip strong{display:block;font-size:16px;font-weight:400;color:#1A0DAB;margin:3px 0;line-height:1.3}
.hv-snip p{margin:0;font-size:12.5px;line-height:1.45;color:#4D5156}
.hv-m{display:grid;grid-template-columns:112px 1fr 58px;align-items:center;gap:10px;padding:7px 0;border-top:1px solid #F1F3F4;font-size:12px}
.hv-m b{font-weight:500;text-align:right}
.hv-track{height:7px;border-radius:4px;background:#F1F3F4;overflow:hidden}
.hv-fill{display:block;height:100%;width:0;border-radius:4px;background:#1E8E3E;transition:width .9s cubic-bezier(.2,.8,.2,1) .15s}
.pv.on .hv-fill{width:var(--w)}
.hv-kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 0 8px}
.hv-kpis div{border-radius:8px;background:#3452E6;color:#fff;padding:8px 11px}
.hv-kpis div+div{background:#5E35B1}
.hv-kpis small{display:block;font-size:11px;opacity:.92}.hv-kpis b{font-size:20px;font-weight:400}
.hv-chart{display:block;width:100%;height:96px;margin-bottom:4px}
.hv-draw{vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.6s cubic-bezier(.3,.7,.2,1) .1s}
.pv.on .hv-draw{stroke-dashoffset:0}
.hv-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 0}
.hv-tiles div{border:1px solid #E8EAED;border-radius:10px;padding:13px;opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
.pv.on .hv-tiles div{opacity:1;transform:none}
.pv.on .hv-tiles div:nth-child(2){transition-delay:.08s}.pv.on .hv-tiles div:nth-child(3){transition-delay:.16s}.pv.on .hv-tiles div:nth-child(4){transition-delay:.24s}
.hv-tiles i{width:36px;height:36px;border-radius:50%;background:#E8ECFD;display:grid;place-items:center;margin-bottom:8px}
.hv-tiles b{display:block;font-size:13.5px;font-weight:500}.hv-tiles small{display:block;font-size:11.5px;color:#5F6368;margin-top:2px}
.ol-anim .o-acc-item[open] .o-pill-soft{background:rgba(255,255,255,.16);color:#fff}
.ol-anim .o-svc .o-acc-body{padding-left:74px}

/* GEO: respuesta de la IA */
.ol-anim .o-duo-media:has(.t9-vis.t9-vis.t9-vis){align-self:center}
.ol-anim .o-step .e-svg-base.o-icon-circle{flex:none}
.hg-in{display:flex;flex-direction:column;gap:14px}
.hg-q{align-self:flex-end;max-width:82%;background:#F1F3F4;border-radius:16px 16px 4px 16px;padding:10px 14px;font-size:13.5px}
.hg-a{display:flex;gap:11px}
.hg-av{flex:none;width:26px;height:26px;border-radius:50%}
.hg-a p{margin:0;font-size:14px;line-height:1.55;min-height:88px}
.hg-a p span{opacity:0;transition:opacity .18s ease}
.hg-a p span.on{opacity:1}
.hg-a mark{background:#FDE7F0;color:#C2185B;font-weight:600;padding:1px 4px;border-radius:4px}
.hg-aio{background:#EEF3FE;border-radius:12px;padding:12px}
.hg-src{display:flex;flex-wrap:wrap;gap:6px;padding-left:37px;opacity:0;transition:opacity .4s ease}
.hg-src.on{opacity:1}
.hg-src span{font-size:11.5px;color:#5F6368;border:1px solid #DADCE0;border-radius:12px;padding:3px 9px}

/* SEM: anuncios dentro del carrusel */
.hm-ad small{display:block;font-size:12px;color:#5F6368}
.hm-ad strong{display:block;font-size:16px;font-weight:400;color:#1A0DAB;margin:4px 0;line-height:1.3}
.hm-ad p{margin:0!important;font-size:12.5px!important;color:#4D5156!important;line-height:1.45}
.hm-post{display:flex;align-items:center;gap:9px;font-size:13px}
.hm-post b{display:block;font-weight:500}.hm-post small{display:block;font-size:11px;color:#70757A}
.hm-av{width:30px;height:30px;border-radius:50%;background:#3452E6}
.hm-av.ig{box-shadow:0 0 0 2px #fff,0 0 0 4px #E6337A}
.ol-anim .cs.cs.cs p.hm-copy{margin:8px 0!important;font-size:12.5px!important;color:#202124!important;line-height:1.4}
.hm-img{height:64px;border-radius:8px;background:linear-gradient(120deg,#E8ECFD,#F5E7D3)}
.hm-img.ig{background:linear-gradient(120deg,#F5E7D3,#CBD6F7)}
.hm-k{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid #E8EAED}
.hm-k small{display:block;font-size:11px;color:#5F6368}.hm-k b{font-size:17px;font-weight:400;font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion:reduce){.hx-card,.hd-line,.hd-bars i,.hs-row,.hv-ring,.hv-fill,.hv-draw,.hv-tiles div,.hg-a p span,.hg-src{transition:none}}

/* Ajustes de encaje */
.hd-f1{top:208px}
.ha-badge.hs-badge,.ha-badge.hs-badge.go{left:auto;right:24px;bottom:18px;animation:none}
.ha-badge.hs-badge{transform:scale(.6)}
.ha-badge.hs-badge.go{transform:scale(1);opacity:1}
.gm-shot .hv-kpis small{color:#fff}
.ol-anim .t9-vis.t9-vis.t9-vis{aspect-ratio:560/350}
.hg-a p{font-size:15px;min-height:96px}
.ol-anim .cs.cs.cs.cs2.cs2.cs2 .hm-ad p{font-size:12.5px!important;line-height:1.45!important;color:#4D5156!important}
@media (max-width:600px){.ol-anim .t9-vis.t9-vis.t9-vis{aspect-ratio:auto;height:370px}}