/* Autos Esquivel — mobile quick actions dock. * Mantiene las acciones principales pegadas al borde inferior y deja el resto * dentro de “Más”, sin apariencia de globo flotante. * * El tamaño del dock es fluido: alto, iconos, texto y separación se adaptan * automáticamente al ancho real del dispositivo para evitar cortes o exceso * de espacio entre teléfonos pequeños y pantallas móviles grandes. */ @media (max-width: 760px) { body.public-site-rebuild { --ae-mobile-dock-item-height: clamp(52px, 14.5vw, 62px); --ae-mobile-dock-icon-size: clamp(21px, 6.1vw, 26px); --ae-mobile-dock-font-size: clamp(7.2px, 2.2vw, 9px); --ae-mobile-dock-gap: clamp(2px, 1.1vw, 5px); --ae-mobile-dock-pad-x: clamp(1px, .55vw, 3px); --ae-mobile-dock-pad-y: clamp(2px, .8vw, 4px); padding-bottom: calc(var(--ae-mobile-dock-item-height) + 9px + env(safe-area-inset-bottom)) !important; } body.public-site-rebuild .ae-site-quick-actions { top: auto !important; right: 0 !important; bottom: 0 !important; left: 0 !important; width: 100% !important; padding: 0 !important; transform: none !important; } body.public-site-rebuild .ae-site-quick-actions__shell { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 4px max(4px, env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom)) max(4px, env(safe-area-inset-left)) !important; border-width: 1px 0 0 !important; border-radius: 0 !important; background: var(--qa-bg) !important; box-shadow: 0 -10px 28px rgba(0, 0, 0, .22) !important; backdrop-filter: blur(18px) saturate(118%) !important; -webkit-backdrop-filter: blur(18px) saturate(118%) !important; } /* La ficha de vehículo todavía conserva su CTA móvil histórico. Ahora * que el dock global ya incluye Cotizar, dejar ambos fijos genera un * rectángulo redondeado fantasma detrás de la barra inferior. */ body.public-site-rebuild.public-vehicle-detail-page .ae-vehicle-mobile-cta { display: none !important; } body.public-site-rebuild .ae-site-quick-actions__core { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 0 !important; width: 100% !important; } body.public-site-rebuild .ae-site-quick-actions__core > .ae-site-quick-action { width: 100% !important; height: auto !important; min-width: 0 !important; min-height: var(--ae-mobile-dock-item-height) !important; padding: var(--ae-mobile-dock-pad-y) var(--ae-mobile-dock-pad-x) !important; gap: var(--ae-mobile-dock-gap) !important; border: 0 !important; border-radius: clamp(8px, 2.6vw, 11px) !important; background: transparent !important; box-shadow: none !important; } body.public-site-rebuild .ae-site-quick-actions__core > .ae-site-quick-action:hover, body.public-site-rebuild .ae-site-quick-actions__core > .ae-site-quick-action:focus-visible { background: var(--qa-hover) !important; transform: translateY(-1px) !important; } body.public-site-rebuild .ae-site-quick-actions__core > .ae-site-quick-action > svg { display: block !important; width: var(--ae-mobile-dock-icon-size) !important; height: var(--ae-mobile-dock-icon-size) !important; min-width: var(--ae-mobile-dock-icon-size) !important; min-height: var(--ae-mobile-dock-icon-size) !important; margin: 0 !important; } body.public-site-rebuild .ae-site-quick-actions__core > .ae-site-quick-action__theme-icon, body.public-site-rebuild .ae-site-quick-actions__core > .ae-site-quick-action > .ae-site-quick-action__theme-icon { width: var(--ae-mobile-dock-icon-size) !important; height: var(--ae-mobile-dock-icon-size) !important; min-width: var(--ae-mobile-dock-icon-size) !important; min-height: var(--ae-mobile-dock-icon-size) !important; font-size: clamp(20px, 6vw, 26px) !important; } body.public-site-rebuild .ae-site-quick-actions__core > .ae-site-quick-action > span:not(.sr-only):not(.ae-site-quick-action__theme-icon), body.public-site-rebuild .ae-site-quick-actions__core > .ae-site-quick-action > [data-theme-visible-label] { width: 100% !important; max-width: 100% !important; overflow: hidden !important; font-size: var(--ae-mobile-dock-font-size) !important; font-weight: 650 !important; letter-spacing: .005em !important; line-height: 1.08 !important; text-align: center !important; text-overflow: ellipsis !important; white-space: nowrap !important; } /* Favoritos conserva el mismo patrón icono + texto del resto de acciones * principales. El contador permanece como badge secundario. */ body.public-site-rebuild .ae-site-quick-actions__core > .ae-site-quick-action--favorites { gap: var(--ae-mobile-dock-gap) !important; } body.public-site-rebuild .ae-site-quick-actions__core > .ae-site-quick-action--favorites > span:not(.sr-only) { display: block !important; } body.public-site-rebuild .ae-site-quick-actions__core > .ae-site-quick-action--favorites > svg { display: block !important; width: var(--ae-mobile-dock-icon-size) !important; height: var(--ae-mobile-dock-icon-size) !important; min-width: var(--ae-mobile-dock-icon-size) !important; min-height: var(--ae-mobile-dock-icon-size) !important; margin: 0 !important; } /* El agente virtual pertenece al menú “Más” en móvil. Esta regla evita * que se vea un sexto botón durante el instante en que el runtime lo crea. */ body.public-site-rebuild .ae-site-quick-actions__core > .ae-site-quick-action--ai { display: none !important; } body.public-site-rebuild .ae-site-quick-actions__extras { right: max(8px, env(safe-area-inset-right)) !important; bottom: calc(100% + 8px) !important; left: max(8px, env(safe-area-inset-left)) !important; padding: 7px !important; border-radius: 15px !important; } body.public-site-rebuild .ae-site-quick-actions__extras > .ae-site-quick-action--ai { display: grid !important; } body.public-site-rebuild .ae-site-quick-actions__extras > .ae-site-quick-action--ai::before { content: none !important; display: none !important; } body.public-site-rebuild .ae-site-quick-actions__extras > .ae-site-quick-action--ai::after { top: 8px !important; right: 8px !important; } } /* Escritorio — unifica el borde y el anillo orbital del agente con el acento * menta de la interfaz. Esta capa carga después del quick-actions canónico y * neutraliza cualquier halo azul/morado legado sin cambiar la animación. */ @media (min-width: 761px) { body.public-site-rebuild .ae-site-quick-actions__core > button.ae-site-quick-action--ai { border-color: rgba(126, 231, 204, .72) !important; box-shadow: 0 0 0 2px rgba(126, 231, 204, .16), 0 0 20px rgba(49, 212, 188, .18), inset 0 1px 0 rgba(255, 255, 255, .12) !important; } body.public-site-rebuild .ae-site-quick-actions__core > button.ae-site-quick-action--ai::before { background: conic-gradient( from 0deg, rgba(126, 231, 204, .08) 0deg, rgba(126, 231, 204, .22) 55deg, rgba(126, 231, 204, .72) 92deg, #7ee7cc 118deg, rgba(126, 231, 204, .34) 146deg, rgba(126, 231, 204, .10) 208deg, rgba(49, 212, 188, .78) 300deg, rgba(126, 231, 204, .08) 360deg ) !important; border-color: transparent !important; filter: drop-shadow(0 0 4px rgba(126, 231, 204, .42)) drop-shadow(0 0 11px rgba(49, 212, 188, .20)) !important; } body.public-site-rebuild .ae-site-quick-actions__core > button.ae-site-quick-action--ai:hover::before, body.public-site-rebuild .ae-site-quick-actions__core > button.ae-site-quick-action--ai:focus-visible::before { filter: drop-shadow(0 0 6px rgba(126, 231, 204, .68)) drop-shadow(0 0 14px rgba(49, 212, 188, .30)) !important; } }