/* =====================================================================
   v17 · Servicios como vitrina (sin carrito) con interfaces cotidianas
   ===================================================================== */
.svc14{cursor:default}
.svc14 .svc-note{margin:auto 0 0;padding-top:14px;border-top:1px dashed #e4d8f6}
.svc-ui{height:132px}
.ya-plans .ya-say{margin:6px 0 0;font-size:15px;line-height:1.55;color:var(--muted);max-width:56ch}
.ya-plans .quote-go{background:var(--lime)!important;border:0!important}

/* Catálogo: conversación real de WhatsApp */
.a-wa{position:absolute;display:flex;flex-direction:column;padding:0!important;background:#efeae2!important;border-color:#e3dcd0!important}
.wa-head{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#075e54;color:#fff}
.wa-back{font-size:16px;line-height:1;opacity:.85}
.wa-av{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#f6c9a9,#e3896c);color:#3b2a20;font:700 9px Outfit,sans-serif}
.wa-who{display:grid;line-height:1.1}.wa-who b{font:600 11px 'Work Sans',sans-serif}.wa-who small{font-size:9px;opacity:.8}
.wa-chat{flex:1;display:flex;flex-direction:column;gap:5px;padding:7px 9px;overflow:hidden}
.wa-chat p{margin:0;max-width:82%;padding:5px 8px;border-radius:8px;font:500 10px/1.35 'Work Sans',sans-serif;color:#111b21;box-shadow:0 1px .5px #0b141a21}
.wa-out{align-self:flex-end;background:#d9fdd3;border-top-right-radius:2px;animation:waOut 7s ease infinite}
.wa-in{align-self:flex-start;background:#fff;border-top-left-radius:2px;animation:waIn 7s ease infinite}
.wa-meta{float:right;margin:4px 0 -2px 8px;font-size:8px;color:#667781}
.wa-ticks{font-style:normal;letter-spacing:-2px;color:#8696a0;animation:waTicks 7s steps(1) infinite}
@keyframes waOut{0%,6%{opacity:0;transform:translateY(10px)}14%,90%{opacity:1;transform:none}100%{opacity:0}}
@keyframes waIn{0%,40%{opacity:0;transform:translateY(10px)}48%,90%{opacity:1;transform:none}100%{opacity:0}}
@keyframes waTicks{0%,30%{color:#8696a0}32%,100%{color:#53bdeb}}

/* SEO: búsqueda en el celular y un mapa reconocible */
.a-map{position:absolute;padding:0!important;overflow:hidden}
.map-svg{position:absolute;inset:0;width:100%;height:100%}
.mp-search{position:absolute;left:8px;right:8px;top:7px;display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:99px;background:#fff;box-shadow:0 1px 4px #0003;font:500 10px 'Work Sans',sans-serif;color:#3c4043}
.mp-search svg{width:11px;height:11px;fill:none;stroke:#5f6368;stroke-width:2.4;stroke-linecap:round}
.mp-pin{position:absolute;left:44%;top:30%;width:18px;height:24px;filter:drop-shadow(0 2px 2px #0004);animation:mpPin 6s ease infinite}
@keyframes mpPin{0%,8%{transform:translateY(-30px);opacity:0}16%{transform:translateY(0);opacity:1}20%{transform:translateY(-6px)}24%,92%{transform:translateY(0);opacity:1}100%{opacity:0}}
.mp-card{position:absolute;left:8px;right:8px;bottom:6px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:1px 8px;padding:5px 9px;border-radius:9px;background:#fff;box-shadow:0 2px 8px #0003;animation:mpCard 6s ease infinite}
.mp-card b{font:600 11px 'Work Sans',sans-serif;color:#202124}
.mp-stars{grid-row:2;display:flex;font-size:10px}.mp-stars i{font-style:normal;color:#dadce0;animation:mpStar 6s steps(1) infinite}
.mp-stars i:nth-child(2){animation-delay:.15s}.mp-stars i:nth-child(3){animation-delay:.3s}.mp-stars i:nth-child(4){animation-delay:.45s}.mp-stars i:nth-child(5){animation-delay:.6s}
.mp-btns{grid-row:1/3;grid-column:2;display:flex;gap:4px}
.mp-btns span{padding:4px 7px;border-radius:99px;border:1px solid #dadce0;font:600 9px 'Work Sans',sans-serif;color:#1a73e8;white-space:nowrap}
.mp-btns .go{background:#1a73e8;border-color:#1a73e8;color:#fff}
@keyframes mpCard{0%,20%{transform:translateY(46px)}30%,92%{transform:none}100%{transform:translateY(46px)}}
@keyframes mpStar{0%,34%{color:#dadce0}36%,92%{color:#fbbc04}94%,100%{color:#dadce0}}

/* Dominio: navegador móvil con candado y notificación de correo */
.a-mob{position:absolute;padding:0!important;overflow:hidden;background:#f6f6f8!important}
.mb-status{display:flex;justify-content:space-between;align-items:center;padding:4px 12px 2px;font:600 10px 'Work Sans',sans-serif;color:#111}
.mb-ic{display:flex;align-items:flex-end;gap:2px}.mb-ic i{display:block;width:3px;background:#111;border-radius:1px}.mb-ic i:nth-child(1){height:4px}.mb-ic i:nth-child(2){height:6px}.mb-ic i:nth-child(3){height:8px}
.mb-ic em{display:block;width:16px;height:8px;margin-left:4px;border:1.5px solid #111;border-radius:2px;box-shadow:inset -5px 0 0 #fff,inset 0 0 0 1px #111;background:#111}
.mb-url{display:flex;align-items:center;justify-content:center;gap:5px;margin:3px 10px 0;padding:5px 10px;border-radius:9px;background:#e9e9ee;font:600 11px 'Work Sans',sans-serif;color:#111}
.mb-url b{color:var(--violeta)}
.mb-url svg{width:11px;height:11px;fill:none;stroke:#16a34a;stroke-width:2.6;stroke-linecap:round}
.mb-page{display:grid;gap:5px;padding:9px 14px}.mb-page i{display:block;height:6px;border-radius:3px;background:#dcd6e8}.mb-page i.short{width:60%}
.mb-notif{position:absolute;left:8px;right:8px;top:6px;display:flex;gap:8px;align-items:center;padding:7px 9px;border-radius:12px;background:#ffffffeb;backdrop-filter:blur(6px);box-shadow:0 4px 14px #0002;animation:mbNotif 6s cubic-bezier(.3,1.3,.5,1) infinite}
.mb-app{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;border-radius:7px;background:linear-gradient(135deg,#8a52ff,#5a1fe0)}
.mb-app svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:2}
.mb-txt{display:grid;gap:1px;min-width:0;line-height:1.2}
.mb-txt small{font:500 8px 'Work Sans',sans-serif;color:#6b6b73}.mb-txt b{font:600 10px 'Work Sans',sans-serif;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mb-txt span{font:400 9px 'Work Sans',sans-serif;color:#3a3a42;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@keyframes mbNotif{0%,30%{transform:translateY(-70px)}38%,86%{transform:translateY(0)}94%,100%{transform:translateY(-70px)}}
@media(prefers-reduced-motion:reduce){.wa-out,.wa-in,.mp-card,.mb-notif,.mp-pin{animation:none!important;opacity:1;transform:none}.wa-ticks{color:#53bdeb}.mp-stars i{color:#fbbc04}}
@media(min-width:761px){.hero12-copy h1{font-size:clamp(40px,4.1vw,58px);line-height:1.03}}
@media(max-width:760px){.hero12-copy h1{font-size:38px;line-height:1.04}}
.sel-frame .dim{top:auto!important;bottom:-26px;border-radius:0 0 4px 4px}
#deal .wa-chat p{font:500 10px/1.35 'Work Sans',sans-serif;max-width:82%;color:#111b21;margin:0}
#deal .svc14.is-picked .wa-chat p{color:#111b21}
#deal .a-wa .wa-chat{min-height:0;justify-content:flex-start;background:none;border:0;padding:7px 9px;height:auto}
