/* v19 · Adaptación móvil · Parte 1: Inicio (cabe en una pantalla) */
.m-only{display:none!important}
@media(max-width:760px){
 .m-only{display:revert!important}
 .d-only{display:none!important}
 .site-header.scrolled{background:#fff}
 .hero12 .tok{font-size:10px;opacity:.45}
 .hero12 .tok.t2,.hero12 .tok.t5,.hero12 .tok.t6{display:none}
 .hero12 .tok.t1{left:auto;right:12px;top:22px}
 .hero12 .tok.t3{left:auto;right:8px;top:150px;font-size:14px}
 .hero12 .tok.t4{left:182px;right:auto;top:190px;bottom:auto}
 .hero12-grid{padding-block:10px 8px;gap:12px}
 .hero12-copy .eyebrow{font-size:11.5px;letter-spacing:.12em;margin:0}
 .hero12-copy .h1-wrap{margin:0}
 .hero12-copy h1{font-size:clamp(32px,9.4vw,38px);margin-block:12px 10px}
 .hero12-copy .sel-frame .dim{bottom:-22px;font-size:9.5px;padding:2px 6px}
 .hero12-copy .lead.m-only{display:block!important;font-size:15.5px;line-height:1.5;margin:26px 0 0;max-width:34ch}
 .hero12-copy .actions,.hero12-copy .trust{display:none}
 /* Estudio compacto: solo editor + teléfono */
 .hero12-art{aspect-ratio:auto;height:auto;margin-inline:0;padding:6px 0 0;display:block}
 .hero12-art .sample-tag{display:none}
 .hero12-art .laptop{position:relative;left:0;top:0;width:100%;margin-bottom:6px}
 .hero12-art .studio14{grid-template-columns:1fr}
 .hero12-art .st-prev{display:none}
 .hero12-art .lp-view{aspect-ratio:auto}
 .hero12-art .st-code{border-right:0;padding:10px 32% 10px 14px;min-height:0}
 .hero12-art .st-lines{gap:5px}.hero12-art .st-lines code,.hero12-art .st-lines .ln{font-size:10.5px}.hero12-art .st-tabs span{font-size:10px}
 .hero12-art .lp-bar{padding-block:6px}
 .hero12-art .lp-base{margin:0 -2%;height:10px}
 .hero12-art .phone{right:6px;top:18px;bottom:auto;width:25%;max-width:96px;border-width:4px;border-radius:16px}
 .hero12-art .cursor{left:80%;top:58%;z-index:6}
 .hero12-art .cursor svg{width:20px;height:20px}
 .hero12-art .cursor span{font-size:9.5px}
 .hero12-art{padding-bottom:48px}
 .hero12-art .hero-ya{display:block;position:absolute;left:-4px;bottom:0;width:74px;z-index:4}
 .hero12-art .ya-bubble{display:flex;align-items:center;gap:8px;left:76px;right:auto;bottom:16px;font-size:12.5px;padding:6px 6px 6px 11px;white-space:nowrap;max-width:none}
 .hero12-art .bub-cta{display:inline-flex!important;align-items:center;padding:6px 11px;border-radius:999px;background:var(--lime);color:var(--ink);font-weight:700;font-size:12.5px;text-decoration:none}
 .perks13 li.m-only{display:list-item!important}
}
@media(max-width:760px){
 .ya-guide .guide-launch{transition:opacity .35s ease,translate .35s ease}
 .ya-guide.in-hero .guide-launch{opacity:0!important;translate:0 24px;pointer-events:none}
 .ya-guide.in-hero .guide-nudge{display:none}
}
/* Banner = alto exacto de la pantalla en cualquier celular (cinta incluida) */
@media(max-width:760px){
 .hero12{--tk:42px;display:flex;flex-direction:column;min-height:calc(100svh - var(--header-size) - var(--tk))}
 .hero12>.hero12-grid{flex:1;display:flex;flex-direction:column;justify-content:space-evenly;align-items:stretch;gap:clamp(10px,2.4svh,28px);min-height:0}
 .hero12>.hero12-grid>*{width:100%;max-width:none;margin-inline:0;align-self:stretch}
 #inicio + .ticker{height:var(--tk,42px);box-sizing:border-box}
}
@media(max-width:760px) and (max-height:660px){
 .hero12-copy h1{font-size:clamp(28px,8.4vw,34px)}
 .hero12-copy .lead.m-only{font-size:14.5px;margin-top:22px}
 .hero12-art .st-lines{gap:2px}.hero12-art .st-lines code,.hero12-art .st-lines .ln{font-size:9.5px}
 .hero12-art .phone{width:22%}
}
@media(max-width:760px) and (max-height:580px){
 .hero12-art .st-lines li:nth-child(n+5){display:none}
 .hero12 .tok.t4{display:none}
}
/* Logo: la cabeza de Ya completa dentro del encabezado */
@media(max-width:760px){
 .site-header .brand{padding-top:16px;font-size:22px}
 .site-header .tag{font-size:24px}
 .site-header .tag-ya,.site-header .tag-hands{font-size:24px}
 .site-header .tag-ya{top:-.72em}
}
/* Teléfono del estudio: contenido bajo la isla y pantalla más completa */
@media(max-width:760px){
 .hero12-art .ph-notch{top:4px;height:8px;width:30%;margin-left:-15%}
 .hero12-art .php{padding:22cqw 7cqw 7cqw;gap:5.5cqw}
 .hero12-art .php .sp-cards{grid-template-columns:1fr 1fr}
 .hero12-art .php .sp-cards i{height:18cqw}
 .hero12-art .php .sp-cards i:nth-child(3){display:block;grid-column:1/-1;height:14cqw}
}
/* ===== Parte 2 · Lo que ofrecemos: carrusel deslizable en celular ===== */
@media(max-width:760px){
 #servicios .section-heading h2{font-size:30px;line-height:1.08}
 #servicios .deal-hint{margin-top:10px;font-size:14.5px}
 .deal.deal6{display:flex!important;gap:12px;width:100%;margin:0;padding:22px 18px 6px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:18px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .deal.deal6::-webkit-scrollbar{display:none}
 .deal6>.svc14{flex:0 0 84%;scroll-snap-align:start;scroll-snap-stop:always;padding:20px;min-height:0;transition:scale .25s ease,box-shadow .3s ease,border-color .3s ease;-webkit-tap-highlight-color:transparent}
 .deal6>.svc14 .svc-top,.deal6 .svc14 .svc-ui{margin-bottom:16px}
 .deal6 .svc14 p{max-width:none;font-size:14.5px}
 .deal6 .svc14 h3{max-width:none;font-size:23px}
 /* Tarjeta activa: borde violeta suave */
 .deal6>.svc14.is-current{border-color:#c9b3f5;box-shadow:0 2px 6px #4a17c914,0 18px 40px #4a17c926}
 /* Al tocar: se hunde un poco y se ilumina con lima */
 .deal6>.svc14.is-press{scale:.975;border-color:var(--lime,#c6ff3d);box-shadow:0 0 0 3px #c6ff3d,0 0 28px #c6ff3d88,0 18px 40px #4a17c926}
 .deal6>.svc14.is-press .svc-ui .ui{filter:brightness(1.06) saturate(1.15)}
 .car19{display:flex;align-items:center;justify-content:center;gap:14px;margin:14px auto 0;padding:0 18px}
 .car19-dots{display:flex;gap:6px}
 .car19-dots button{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:#cdbff0;transition:width .3s ease,background .3s ease}
 .car19-dots button[aria-current=true]{width:22px;background:var(--violeta,#6c2bff)}
 .car19-n{font:600 12px var(--mono);color:#5d5670;min-width:44px}
 .car19-hint{font:500 12px var(--mono);color:#5d5670}
}
@media(min-width:761px){.car19{display:none}}
@media(max-width:760px){
 #servicios.svc13{padding-top:12px;padding-bottom:40px}
 #servicios .section-heading{margin-bottom:0}
 #servicios .section-heading h2{font-size:26px;margin-top:10px}
 #servicios .deal-hint{font-size:13.5px;margin-top:8px;max-width:none}
 .deal.deal6{padding:12px 18px 4px}
 .deal6>.svc14{padding:16px 18px 18px}
 .deal6 .svc14 .svc-ui{margin-bottom:14px}
 .deal6 .svc14 .svc-ui{height:124px}
 .deal6 .svc14 h3{font-size:21px;margin:4px 0 6px}
 .deal6 .svc14 p{font-size:14px;line-height:1.45}
 .deal6 .svc14 .svc-note{margin:10px 0 0;padding-top:10px;font-size:11.5px}
 .deal6>.svc14.is-press{scale:.975!important;border-color:#c6ff3d!important;box-shadow:0 0 0 3px #c6ff3d,0 0 30px #c6ff3dbb,0 18px 40px #4a17c926!important}
 .car19{margin-top:10px}
}
/* Carrusel más fluido: sin freno por tarjeta, última tarjeta sin tironeo, menos repintado */
@media(max-width:760px){
 .deal6>.svc14{scroll-snap-stop:normal;transition:scale .2s ease,border-color .25s ease;box-shadow:0 2px 6px #4a17c90f,0 12px 28px #4a17c91a;contain:layout style}
 .deal6>.svc14:last-child{scroll-snap-align:end}
 .deal6>.svc14.is-current{box-shadow:0 2px 6px #4a17c90f,0 12px 28px #4a17c91a}
 .deal6>.svc14.is-press{box-shadow:0 0 0 3px #c6ff3d,0 0 18px #c6ff3d99!important}
 /* Solo la tarjeta activa anima; las demás quedan quietas mientras deslizas */
 .deal6>.svc14:not(.is-current) .svc-ui *,.deal6.is-moving .svc-ui *{animation-play-state:paused!important}
 .deal6 .svc-ui{transform:translateZ(0)}
}
/* ===== Parte 3 · Cómo trabajamos: Ya explica cada paso (celular) ===== */
@media(max-width:760px){
 .proc13{padding-top:20px;padding-bottom:28px}
 .proc13 .build-heading{display:block;margin-bottom:14px}
 .proc13 .build-heading h2{font-size:26px;line-height:1.08;margin-top:10px}
 .proc13 .build-heading>p{margin-top:8px;font-size:14px}
 .proc13 .steps13{display:none}
 .proc13 .build-layout{gap:0}
 .proc13 .build-top{margin-bottom:10px}
 .proc13 .build-status{font-size:12.5px}
 .proc13 .scenes16{min-height:232px!important}
 .proc13 .build-sidekick{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:6px;margin-top:12px;min-height:112px}
 .proc13 .build-ya{width:92px;height:auto;display:block}
 .proc13 .build-caption{position:relative;display:block;background:#fff;color:var(--ink,#12101f);border:1px solid #e3d8f6;border-radius:16px 16px 16px 4px;padding:12px 14px;font-size:14.5px;line-height:1.45;box-shadow:0 10px 24px #4a17c914;min-height:86px}
 .proc13 .build-caption:before{content:'';position:absolute;left:-7px;bottom:14px;width:12px;height:12px;background:#fff;border-left:1px solid #e3d8f6;border-bottom:1px solid #e3d8f6;transform:rotate(45deg)}
 .proc-dots{display:flex!important;justify-content:center;gap:8px;margin-top:12px}
 .proc-dots button{width:30px;height:30px;padding:11px;border:0;background:none;display:grid;place-items:center}
 .proc-dots button:after{content:'';width:8px;height:8px;border-radius:99px;background:#cdbff0;transition:width .3s ease,background .3s ease}
 .proc-dots button[aria-current=step]:after{width:22px;background:var(--violeta,#6c2bff)}
}
@media(max-width:760px){.ya-guide.is-quiet .guide-launch{opacity:0!important;translate:0 24px;pointer-events:none}}
/* ===== Parte 4 · Trabajos (celular): 2 pantallas ===== */
@media(max-width:760px){
 .work13{padding-top:20px;padding-bottom:36px}
 .work13 .section-heading{margin-bottom:14px}
 .work13 .section-heading h2{font-size:26px;line-height:1.08;margin-top:10px}
 .work13 .demo-lead{margin-top:6px;font-size:14px}
 .case18{padding:12px;border-radius:22px;gap:14px}
 .case18 .case-shot{position:relative;display:block}
 .case18 .case-shot .tour-view{height:200px}
 .case-band{display:block!important;position:absolute;left:10px;bottom:10px;z-index:3;padding:5px 9px;border-radius:8px;background:#12101fd9;color:#fff;font:500 11px var(--mono);backdrop-filter:blur(4px)}
 .case-band b{color:var(--lime,#c6ff3d);font-weight:700}
 .case18 .case-info{padding:2px 4px 4px}
 .case18 .pc-k{display:none}
 .case18 h3{font-size:20px;line-height:1.15;margin:0 0 6px}
 .case18 .case-info>p{font-size:14px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}
 .case-more{display:inline-flex!important;align-items:center;gap:6px;margin:10px 0 0;padding:6px 12px;border-radius:99px;border:1px solid #ffffff33;background:#ffffff0d;color:#e4dcff;font:600 13px var(--mono)}
 .case-more[aria-expanded=true] span{display:inline-block;transform:rotate(180deg)}
 .case18 .case-built{display:none;margin:10px 0 0}
 .case18 .case-built.is-open{display:grid;gap:6px}
 .case18 .metrics14{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:12px -4px 4px;padding:0 4px}
 .case18 .metrics14::-webkit-scrollbar{display:none}
 .case18 .metrics14 li{flex:0 0 auto;padding:5px 9px}
 .case18 .metrics-src{font-size:11px;margin:0}
 .case-ctas{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}
 .case-ctas .case-link{margin:0;font-size:14px}
 .case-ctas .case-go{display:inline-flex!important;min-height:0;padding:10px 18px;font-size:14px;gap:10px}
 .work13 .next18{display:none}
 /* Paletas */
 .pal18{margin-top:40px;padding-top:28px}
 .pal18 .styles13-head h3{font-size:24px;line-height:1.1}
 .pal18 .styles13-head p{font-size:14px;margin-top:6px}
 .pal18 .pal-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:14px -18px 0;padding:2px 18px 4px;gap:8px;scroll-padding-inline:18px}
 .pal18 .pal-chips::-webkit-scrollbar{display:none}
 .pal18 .pal-chips .chip{flex:0 0 auto;white-space:nowrap;min-height:40px;padding:8px 14px;font-size:14px}
 .pal18 .pal-card{margin-top:14px;transition:scale .2s ease,box-shadow .25s ease;touch-action:pan-y}
 .pal18 .pal-card.is-press{scale:.985;box-shadow:0 0 0 3px #c6ff3d,0 0 18px #c6ff3d88}
 .pal18 .pal-prev{min-height:0!important;padding:20px 20px 18px!important}
 .pal18 .pal-prev .pp-h{font-size:26px;margin:8px 0 10px}
 .pal18 .pal-info{padding:16px 20px 18px}
 .pal18 .pal-info b#pal-name{font-size:21px}
 .pal18 .pal-sw{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}
 .pal18 .pal-sw li{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:0;border:0}
 .pal18 .pal-sw li i{width:34px;height:34px;border-radius:50%}
 .pal18 .pal-sw li b{font-size:12.5px;line-height:1.2}
 .pal18 .pal-sw li code{font-size:10.5px}
 .pal18 .pal-font{font-size:13px;margin:0}
 .pal18 .pal-k{display:inline;font-size:11px;margin:0}
 .pal18 .pal-uses{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:6px;margin:6px 0 0}
 .pal18 .pal-uses li{flex:0 0 auto;font-size:12px;padding:4px 10px}
 .pal-swipe{display:block!important;text-align:center;font:500 12px var(--mono);color:#b9b1cc;margin-top:10px}
}
@media(max-width:760px){
 .case18{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%;max-width:100%;box-sizing:border-box}
 .case18>*{min-width:0;max-width:100%}
 .case18 .case-shot .browser{width:100%}
 .case18 .pc-tour{width:100%!important;height:auto}
 .work13 .section-heading{display:block}
 .pal18 .styles13-head{margin:0}
 .pal18 .pal-prev .pp-logo{font-size:14px}
 .pal18 .pal-prev .pp-h{font-size:22px;margin:6px 0 8px}
 .pal18 .pal-prev .pp-line{height:7px;margin:5px 0}
 .pal18 .pal-prev .pp-row{margin-top:12px}
 .pal18 .pal-prev .pp-btn,.pal18 .pal-prev .pp-btn2{padding:8px 14px;font-size:13px}
 .pal18 .pal-info small{font-size:10.5px}
}
@media(max-width:760px){
 .work13{padding-top:14px}
 .work13 .section-heading{margin-bottom:10px}
 .work13 .section-heading h2{font-size:24px}
 .case18{gap:10px;padding:10px}
 .case18 .case-shot .tour-view{height:150px}
 .case18 .case-info>p{display:none}
 .case-more{margin-top:6px}
 .case18 .metrics14{margin-top:10px}
 .pal18{margin-top:30px;padding-top:22px}
 .pal18 .styles13-head h3{font-size:22px}
 .pal18 .pal-chips{margin-top:10px}
 .pal18 .pal-card{margin-top:10px}
 .pal18 .pal-prev{padding:14px 18px 14px!important}
 .pal18 .pal-prev .pp-line{display:none}
 .pal18 .pal-prev .pp-h{font-size:21px;margin:6px 0 0}
 .pal18 .pal-prev .pp-row{margin-top:12px}
 .pal18 .pal-info{padding:12px 18px 14px}
 .pal18 .pal-info small,.pal18 .pal-info b#pal-name{display:none}
 .pal18 .pal-sw{margin:0 0 10px}
 .pal18 .pal-sw li i{width:28px;height:28px}
 .pal-swipe{margin-top:8px}
}
@media(max-width:760px){
 .case18 .case-shot .browser{display:block}
 .case18 .pc-view{width:100%!important;max-width:none}
 .case-more{justify-self:start;width:auto}
 .case18 .case-info{display:flex;flex-direction:column;align-items:flex-start}
 .case18 .metrics14,.case-ctas{align-self:stretch}
 .pal18{margin-top:24px;padding-top:18px}
 .pal18 .styles13-head p{margin-top:4px}
}
/* ===== Parte 5 · Planes (celular): una tarjeta a la vez ===== */
@media(max-width:760px){
 #planes.section{padding-top:18px;padding-bottom:36px}
 #planes .center-heading{margin-bottom:0;text-align:left;padding-inline:18px}
 #planes .center-heading .eyebrow{justify-content:flex-start}
 #planes .center-heading h2{font-size:26px;line-height:1.08;margin-top:10px}
 #planes .center-heading>p:not(.eyebrow){display:none}
 #planes .perks13{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;margin:12px -18px 0;padding:2px 18px 6px;gap:8px}
 #planes .perks13::-webkit-scrollbar{display:none}
 #planes .perks13 li{flex:0 0 auto;white-space:nowrap;padding:6px 12px;font-size:13px}
 #planes .perks13 li.m-only{display:inline-flex!important}
 .plan-tabs{display:grid!important;grid-template-columns:repeat(3,1fr);gap:4px;margin:12px 18px 0;padding:4px;border-radius:16px;background:#ece4fa}
 .plan-tabs button{position:relative;border:0;background:none;border-radius:12px;padding:9px 4px;font:700 14px Outfit,sans-serif;color:#5d5670;line-height:1.1;transition:background .25s,color .25s}
 .plan-tabs button i{display:block;font:600 9.5px var(--mono);font-style:normal;color:#6c2bff;margin-top:2px}
 .plan-tabs button[aria-selected=true]{background:#fff;color:var(--ink,#12101f);box-shadow:0 2px 8px #4a17c91f}
 .plans12{display:flex!important;gap:12px;margin:12px 0 0!important;padding:4px 18px 8px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:18px;scrollbar-width:none;overscroll-behavior-x:contain}
 .plans12::-webkit-scrollbar{display:none}
 .plans12>.plan12{flex:0 0 100%;scroll-snap-align:start;padding:18px 18px 18px;min-height:0;transition:scale .2s ease,box-shadow .25s ease}
 .plans12>.plan12.is-press{scale:.98;box-shadow:0 0 0 3px #c6ff3d,0 0 18px #c6ff3d88!important}
 .plan12 .plan-name{margin:0}
 .plan12 .plan-for{font-size:13.5px;margin:4px 0 0}
 .plan12 .price{margin:8px 0 10px!important;padding-bottom:10px}
 .plan12 .price b{font-size:38px!important}
 .plan12 ul{gap:6px!important;margin:0 0 14px!important}
 .plan12 li{font-size:14px;line-height:1.35;padding-block:2px!important}
 .plan12 li.no{display:none!important}
 .plan12 li.no-sum{display:block!important;list-style:none;margin-top:4px;padding-left:0!important;font-size:12.5px;color:#8a8399}
 .plan12 li.no-sum:before{display:none!important}
 .plan12 .button{min-height:44px}
 .plan12.fav .plan-ya{top:8px;right:10px;width:62px}
 .plan12.fav .recommended{font-size:10.5px}
 .terms-fold{display:flex!important;align-items:center;gap:6px;margin:6px 18px 0;padding:8px 0;border:0;background:none;font:600 13.5px Outfit,sans-serif;color:#4a17c9;text-decoration:underline;text-underline-offset:3px}
 .terms-fold[aria-expanded=true] span{transform:rotate(180deg);display:inline-block}
 #planes .pricing-footnote{display:none;margin:4px 18px 0;font-size:13px}
 #planes .pricing-footnote.is-open{display:block}
 #planes .addon{margin:10px 18px 0;padding:10px 14px;font-size:13px;display:block}
 #planes .addon>span:first-child{display:none}
 #planes .addon .addon-p:before{content:'Plan de cambios · ';font-weight:700}
}
@media(max-width:760px){
 #planes .center-heading{padding-inline:0}
 #planes .center-heading h2{font-size:24px;margin-top:8px}
 #planes .perks13{margin-top:10px}
 .plan-tabs{margin:10px 0 0}
 .plans12{margin:10px -18px 0!important;align-items:flex-start}
 .plans12>.plan12,.plans12>.plan12.fav{margin-top:0!important;translate:none;padding:16px 16px 16px}
 .plan12.fav .plan-for{padding-right:66px}
 .plan12 .price{margin:6px 0 8px!important;padding-bottom:8px}
 .plan12 .price b{font-size:34px!important}
 .plan12 ul{gap:2px!important;margin:0 0 12px!important}
 .plan12 li{font-size:13.5px;line-height:1.3}
 .plan12 li.no-sum{margin-top:2px;font-size:12px}
 .plan12 .button{min-height:42px}
 .terms-fold{margin:2px 0 0}
 #planes .pricing-footnote,#planes .addon{margin-inline:0}
}
@media(max-width:760px){
 .plan12.fav .recommended{display:none}
 .plan12 .price b{font-size:32px!important}
 .plan12 .price{margin:4px 0 8px!important}
 .plan12 ul{margin:0 0 10px!important}
}
/* ===== Parte 6 · Preguntas (celular) ===== */
@media(max-width:760px){
 .faq-section{padding-top:18px;padding-bottom:32px}
 #preguntas .faq-layout{display:block}
 #preguntas h2{font-size:28px;margin-top:8px}
 #preguntas .faq-sub{font-size:14px;margin-top:4px;max-width:none}
 .faq-tabs{display:flex!important;gap:6px;margin:12px -18px 0;padding:2px 18px 4px;overflow-x:auto;scrollbar-width:none}
 .faq-tabs::-webkit-scrollbar{display:none}
 .faq-tabs button{flex:0 0 auto;border:1px solid #e0d4f5;background:#fff;border-radius:99px;padding:8px 14px;font:600 13.5px Outfit,sans-serif;color:#4a4458;transition:background .25s,color .25s,border-color .25s}
 .faq-tabs button[aria-selected=true]{background:var(--ink,#12101f);color:#fff;border-color:var(--ink,#12101f)}
 #preguntas .faq{margin-top:12px;display:grid;gap:8px}
 #preguntas .faq details.is-out{display:none}
 #preguntas .faq-help{display:grid;grid-template-columns:1fr 70px;gap:4px 10px;align-items:center;margin:16px 0 0;padding:14px 16px 16px;border-radius:20px;max-width:none}
 #preguntas .faq-help .fh-k{display:none}
 #preguntas .faq-help h3{grid-column:1;font-size:18px;margin:0}
 #preguntas .faq-help>p:not(.fh-k){grid-column:1;font-size:13px;margin:0}
 #preguntas .faq-help .fh-ya{grid-column:2;grid-row:1/3;position:static;width:70px}
 #preguntas .faq-help .fh-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
 #preguntas .faq-help .fh-actions>*{min-height:42px;padding:0 10px;font-size:13.5px;justify-content:center;text-align:center;display:inline-flex;align-items:center;gap:6px}
}
@keyframes faqIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
/* Preguntas v2: toque fácil, respuesta limpia y sección a pantalla completa */
@media(max-width:760px){
 #preguntas.faq-section{min-height:calc(100svh - var(--header-size));display:flex;flex-direction:column;padding-top:28px;padding-bottom:28px;box-sizing:border-box}
 #preguntas .faq-layout{flex:1;display:flex!important;flex-direction:column;width:calc(100% - 36px)}
 #preguntas .faq-layout>div:first-child{flex:0 0 auto}
 #preguntas h2{font-size:32px;margin-top:10px}
 #preguntas .faq-sub{font-size:15px;margin-top:6px}
 .faq-tabs{margin-top:18px}
 .faq-tabs button{padding:10px 16px;font-size:14px}
 #preguntas .faq{margin-top:16px;gap:10px}
 #preguntas .faq details{margin:0;border-radius:16px;-webkit-tap-highlight-color:transparent}
 #preguntas .faq summary{display:flex;align-items:center;gap:12px;min-height:58px;padding:14px 16px 14px 18px;font-size:16px;line-height:1.3;cursor:pointer;touch-action:manipulation;user-select:none}
 #preguntas .faq summary:after{position:static!important;flex:0 0 auto;margin-left:auto;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#f1eafd;line-height:1}
 #preguntas .faq summary:active{background:#f7f2ff}
 #preguntas .faq details p{margin:0;padding:0 18px 16px;font-size:14.5px;line-height:1.55;color:#5d5670;border:0}
 #preguntas .faq details[open] summary{padding-bottom:10px}
 #preguntas .faq{flex:0 0 auto}
 #preguntas .faq-help{margin-top:auto!important}
 #preguntas .faq-tabs+.faq{margin-bottom:22px}
}
@media(max-width:760px){
 #preguntas.faq-section{padding-top:20px;padding-bottom:18px}
 #preguntas h2{font-size:30px}
 .faq-tabs{margin-top:14px}
 #preguntas .faq{margin-top:14px;gap:8px}
 #preguntas .faq summary{min-height:54px;padding-block:12px}
 #preguntas .faq-tabs+.faq{margin-bottom:14px}
 #preguntas .faq-help{padding:14px 16px 14px}
 #preguntas .faq-help .fh-actions{margin-top:8px}
 #preguntas .faq-help .fh-ya{width:62px}
}
@media(max-width:760px){
 #preguntas .faq-layout{gap:0!important}
 .faq-tabs button{padding:9px 13px;font-size:13.5px}
 #preguntas .faq-tabs+.faq{margin-bottom:18px}
}
.qf-pair{display:contents}
/* ===== Parte 7 · Cotiza y pie (celular) ===== */
@media(max-width:760px){
 .contact13{padding-top:24px;padding-bottom:28px}
 .contact13-grid{gap:16px!important}
 .contact13-copy h2{font-size:34px;line-height:1.02;margin-top:8px}
 .contact13-copy h2 br{display:none}
 .contact13-copy>p:not(.eyebrow){font-size:15px;margin-top:8px}
 .contact13-list{display:none}
 .contact-direct{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
 .contact-direct a{display:flex;align-items:center;justify-content:center;min-height:40px;border-radius:99px;border:1px solid #ffffff55;background:#ffffff14;font-size:14px;font-weight:600;text-decoration:none}
 .quote-form{padding:18px 16px 16px!important;gap:12px!important;border-radius:22px}
 .quote-form .qf-field label,.quote-form legend{font-size:13.5px;margin-bottom:5px}
 .quote-form input[type=text],.quote-form select,.quote-form textarea{min-height:44px;padding:10px 14px;font-size:15px}
 .quote-form textarea{height:64px;min-height:64px;resize:none}
 .qf-row{display:grid!important;grid-template-columns:1fr;gap:12px}
 .qf-checks{display:grid!important;grid-template-columns:1fr 1fr;gap:6px}
 .qf-checks label{display:block}
 .qf-checks span{display:flex!important;align-items:center;min-height:40px;width:100%;box-sizing:border-box;padding:6px 10px!important;font-size:13px!important;line-height:1.2;border-radius:12px!important;transition:background .2s,border-color .2s,box-shadow .2s}
 .qf-checks input:checked+span{box-shadow:0 0 0 2px #c6ff3d,0 0 12px #c6ff3d77}
 .qf-pair{display:grid;grid-template-columns:1.15fr .85fr;gap:10px;align-items:end}
 .qf-pair select{font-size:13.5px;padding-inline:10px}
 .qf-via{display:flex!important;flex-wrap:nowrap;gap:4px;margin:0}
 .qf-via legend{width:100%}
 .qf-via label span{padding:8px 10px!important;font-size:13px!important;min-height:0}
 .qf-send{min-height:48px;margin-top:2px}
 .qf-note{font-size:12px;margin-top:0}
 /* Pie compacto */
 footer.wrap{display:grid!important;justify-items:center;text-align:center;gap:8px;padding-block:24px 20px}
 footer.wrap>p{margin:0;font-size:13.5px}
 footer.wrap .link-button,footer.wrap>span,footer.wrap .motion-toggle{font-size:12.5px;min-height:0;padding:4px 6px}
 footer.wrap .link-button{background:none}
}
@media(max-width:760px){
 footer.wrap{grid-template-columns:auto auto auto;column-gap:6px;row-gap:6px}
 footer.wrap>.brand,footer.wrap>p{grid-column:1/-1}
 .qf-pair .qf-via legend{font-size:13.5px}
}
@media(min-width:761px){.quote-form .qf-via{order:1}.quote-form .qf-send,.quote-form .qf-note{order:2}}
.qf-via legend em{font-style:normal}
@media(max-width:760px){
 .qf-pair{grid-template-columns:1fr;gap:12px}
 .qf-via{display:flex!important;align-items:center;gap:6px}
 .qf-via legend{float:left;width:auto;margin:0 auto 0 0;padding:0}
 .qf-via legend em{font-size:13.5px;font-weight:600}
 .qf-via label span{padding:8px 14px!important}
 footer.wrap{display:flex!important;flex-wrap:wrap;justify-content:center;column-gap:14px;row-gap:4px}
 footer.wrap>.brand,footer.wrap>p{flex:0 0 100%;display:flex;justify-content:center}
 footer.wrap .link-button,footer.wrap>span,footer.wrap .motion-toggle{white-space:nowrap}
}
/* Signos de duda sobre Ya (ayuda en Preguntas) */
.fh-q{position:absolute;top:-6%;right:0;font:800 28px Outfit,sans-serif;color:var(--lime,#c6ff3d);opacity:0;pointer-events:none;text-shadow:0 2px 8px #0006}
.fh-q.q2{right:auto;left:4%;top:-12%;font-size:20px;color:#b9a8ff}
.fh-ya.is-wonder .fh-q{animation:fhQ 2.2s ease-out both}
.fh-ya.is-wonder .fh-q.q2{animation-delay:.35s}
@keyframes fhQ{0%{opacity:0;transform:translateY(8px) scale(.6) rotate(-10deg)}20%{opacity:1;transform:translateY(0) scale(1.1) rotate(6deg)}35%{transform:scale(1) rotate(-4deg)}80%{opacity:1}100%{opacity:0;transform:translateY(-16px) rotate(8deg)}}
@media(prefers-reduced-motion:reduce){.fh-ya.is-wonder .fh-q{animation:none}}
/* Pie más chico en celular */
@media(max-width:760px){
 footer.wrap{padding-block:18px 16px;gap:4px}
 footer.wrap>.brand{transform:scale(.78);transform-origin:center;margin:-4px 0 -6px}
 footer.wrap>p{font-size:12.5px;color:#7a7389}
 footer.wrap .link-button,footer.wrap>span{font-size:12px}
}
@media(max-width:760px){#preguntas .faq-help .fh-ya{position:relative!important}}
@media(min-width:761px){.fh-q{top:-2%;right:8%}.fh-q.q2{left:14%;top:-8%}}
/* Pie: frase de cierre con llamado a la acción */
.foot-cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font:600 15px/1.4 Outfit,sans-serif;color:var(--ink,#12101f)}
.foot-cta .foot-go{min-height:40px;padding:8px 18px;font-size:14px;gap:10px}
@media(max-width:760px){
 footer.wrap>p.foot-cta{flex-direction:column;gap:10px;font-size:15px;color:var(--ink,#12101f);max-width:30ch;margin:2px auto 6px}
 footer.wrap>p.foot-cta>span{text-align:center}
}