/* HSINTAXIS: final responsive layer. This file must remain last in . */ @media (max-width: 768px) { html, body { width: 100% !important; max-width: 100% !important; background: #fff !important; background-image: none !important; overflow-x: clip !important; } html body { padding-top: 0 !important; } html body .page-index, html body .page-index .hero-section.hero-suite { background: #fff !important; background-image: none !important; animation: none !important; } html body .page-index .hero-section.hero-suite::before, html body .page-index .hero-suite__glow { content: none !important; display: none !important; } *, *::before, *::after { box-sizing: border-box; } body > main, body > section, body article, body form, body [class*="Grid"], body [class*="grid"] { min-width: 0 !important; } body img, body video, body canvas, body iframe, body svg { max-width: 100% !important; } body h1, body h2, body h3, body h4, body p, body li, body a, body button, body label, body input, body textarea, body select, body [class*="title"], body [class*="Title"] { max-width: 100% !important; overflow-wrap: anywhere; } body .hs-wrap, body .home-wrap, body .p-wrap, body .hs-casos__wrap { width: calc(100% - 24px) !important; max-width: none !important; margin-inline: auto !important; } body .hs-section, body .home-section, body .p-premium { max-width: 100% !important; } body .hs-global-mascot, html body > nav.hs-global-nav > #nav-tech-rotator, html body > nav.hs-global-nav > .nav-tech-rotator, body .boton-flotante { display: none !important; } html body > nav.hs-global-nav, html body:has(.page-index) > nav.hs-global-nav { position: fixed !important; top: 8px !important; left: 10px !important; right: auto !important; width: 58px !important; min-width: 58px !important; max-width: 58px !important; height: 58px !important; min-height: 58px !important; max-height: 58px !important; padding: 0 !important; margin: 0 !important; background: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; overflow: visible !important; pointer-events: none !important; } html body > nav.hs-global-nav::before, html body > nav.hs-global-nav::after { content: none !important; display: none !important; } html body > nav.hs-global-nav > #hamburger.hamburger { width: 58px !important; height: 58px !important; padding: 0 !important; background: linear-gradient(145deg, #6e00b3, #3c0061) !important; border: 0 !important; border-radius: 14px !important; box-shadow: 0 8px 18px rgba(60, 0, 97, .22) !important; pointer-events: auto !important; } html body > nav.hs-global-nav > #hamburger.hamburger span { background: #fff !important; box-shadow: none !important; } html body > nav.hs-global-nav #menu:not(.show) { display: none !important; } html body > nav.hs-global-nav #menu.show { position: fixed !important; top: 66px !important; left: 12px !important; right: 12px !important; width: auto !important; max-height: calc(100dvh - 82px) !important; overflow-y: auto !important; overscroll-behavior: contain; pointer-events: auto !important; } body > nav.hs-global-nav #menu a { white-space: normal !important; } body .hero-suite__container, body .hs-appGrid, body .hs-caseGrid, body .page-index .hs-project-panel .hs-grid, body .page-index #project-panel-powerbi .hs-grid, body .page-index #project-panel-apps .hs-grid, body .page-index #project-panel-automations .hs-grid, body .p-grid, body .p-grid2, body .p-grid3, body .hs-whatGrid, body .hs-controlsGrid, body .hs-footer-premium__grid, body .footer-main { grid-template-columns: minmax(0, 1fr) !important; } body .page-index .hs-project-tabs { display: flex !important; width: 100% !important; max-width: 100% !important; gap: 8px !important; overflow-x: auto !important; padding: 2px 2px 10px !important; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; } body .page-index .hs-project-tab { flex: 0 0 auto !important; max-width: min(82vw, 280px) !important; white-space: normal !important; scroll-snap-align: start; } body .page-index .hs-project-panel, body .page-index .hs-project-panel .hs-grid, body .page-index .hs-project-panel .hs-card, body .page-index .hs-project-panel .hs-grid > .hs-card { width: 100% !important; min-width: 0 !important; max-width: 100% !important; grid-column: 1 / -1 !important; } body .page-index .hs-project-panel .hs-card { display: block !important; min-height: 0 !important; } body .page-index .hs-project-panel .hs-card__media { width: 100% !important; height: auto !important; min-height: 0 !important; aspect-ratio: 16 / 9; } body .page-index .hs-project-panel .hs-card__media img { width: 100% !important; height: 100% !important; object-fit: cover !important; } body .page-index .hs-project-panel .hs-card__body, body .page-index .hs-project-panel .hs-card__title, body .page-index .hs-project-panel .hs-card__kicker { width: 100% !important; text-align: center !important; } body .hero-suite__container, body .hero-suite__left, body .hero-suite__right, body .hero-suite__panel, body .hero-suite__portfolio, body .hero-suite__portfolio-card, body .home-agent-card, body .home-solution-card, body .home-tool-card, body .hs-card, body .hs-panel, body .hs-chart, body .hs-caseHero, body .hs-appHero, body .hs-policyHero { min-width: 0 !important; max-width: 100% !important; } body .hero-suite__left, body .hero-suite__title-wrap { transform: none !important; } body .hero-suite__pill { width: 100% !important; margin-top: 0 !important; } body .hero-suite__cta, body .hero-suite__actions, body .hs-appCta, body .hs-policyCta, body .hs-pdf-viewer__actions { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; width: 100% !important; } body .hero-suite__cta > *, body .hero-suite__actions > *, body .hs-appCta > *, body .hs-policyCta > *, body .hs-pdf-viewer__actions > * { width: 100% !important; } body #casos-exito .hs-casos__grid { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 12px !important; } body #casos-exito .hs-casoCard, body #casos-exito .hs-casos__grid > .hs-casoCard:first-child, body #casos-exito .hs-casos__grid > .hs-casoCard:not(:first-child) { display: grid !important; grid-template-columns: 68px minmax(0, 1fr) !important; gap: 12px !important; width: 100% !important; min-height: 0 !important; padding: 14px !important; text-align: left !important; } body #casos-exito .hs-casoCard__logo { display: grid !important; width: 68px !important; height: 68px !important; margin: 0 !important; grid-row: 1 / span 6 !important; } body #casos-exito .hs-casoCard__body { display: block !important; min-width: 0 !important; } body #casos-exito .hs-casoCard__name, body #casos-exito .hs-casoCard__meta, body #casos-exito .hs-casoCard__impact, body #casos-exito .hs-casoCard__cta { display: block !important; width: 100% !important; text-align: left !important; } body .hs-chart__head, body .hs-impactHead, body .hs-caseHero__top { flex-wrap: wrap !important; } body .hs-chart canvas { width: 100% !important; } body .hs-tableWrap, body .table-responsive { max-width: 100% !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch; } body #contact-modal-overlay.hs-contact-modal { align-items: flex-start !important; overflow-y: auto !important; padding: max(8px, env(safe-area-inset-top)) 8px max(8px, env(safe-area-inset-bottom)) !important; } body #contact-modal-overlay.hs-contact-modal .hs-contact-modal__panel { width: 100% !important; max-width: 560px !important; max-height: none !important; margin: auto !important; padding: 16px !important; overflow: visible !important; } body #contact-modal-overlay.hs-contact-modal #form-wrapper { max-height: none !important; overflow: visible !important; } body #contact-modal-overlay.hs-contact-modal #modal-options, body #contact-modal-overlay.hs-contact-modal .hs-contact-modal__grid { grid-template-columns: minmax(0, 1fr) !important; } body #contact-modal-overlay.hs-contact-modal input, body #contact-modal-overlay.hs-contact-modal button, body #contact-modal-overlay.hs-contact-modal a { width: 100% !important; max-width: 100% !important; } body .hs-pdf-viewer--portafolio.hs-pdf-viewer { width: calc(100% - 20px) !important; padding-inline: 0 !important; } body .hs-pdf-viewer--portafolio .hs-pdf-viewer__wrap, body .hs-pdf-viewer--portafolio .portfolio-header, body .hs-pdf-viewer--portafolio .portfolio-pages { width: 100% !important; } body .hs-footer-premium.hs-footer-premium--compact .footer-panel { width: calc(100% - 20px) !important; padding: 18px 14px !important; } body .hs-footer-premium.hs-footer-premium--compact .footer-main, body .hs-footer-premium .footer-contact, body .hs-footer-legal { grid-template-columns: minmax(0, 1fr) !important; } } @media (max-width: 380px) { body .hs-wrap, body .home-wrap, body .p-wrap, body .hs-casos__wrap { width: calc(100% - 16px) !important; } body #casos-exito .hs-casoCard, body #casos-exito .hs-casos__grid > .hs-casoCard:first-child, body #casos-exito .hs-casos__grid > .hs-casoCard:not(:first-child) { grid-template-columns: 56px minmax(0, 1fr) !important; padding: 12px !important; } body #casos-exito .hs-casoCard__logo { width: 56px !important; height: 56px !important; } }