/* Generado desde fuente/movil*.src.css (tools/build-movil-css.mjs). Solo pantallas ≤ 900 px. */
html:not(#_m) body #inicio#inicio.a1-hero.is-movil-film { height: var(--movil-length, 542lvh) !important; min-height: 0 !important; background: #cbd6d9 !important; }
html:not(#_m) body #inicio#inicio.a1-hero.is-movil-film .a1-hero__sticky { position: sticky !important; top: 0 !important; height: 100vh !important; height: 100lvh !important; min-height: 0 !important; overflow: hidden !important; background: #cbd6d9 !important; contain: layout paint !important; }
html:not(#_m) body #inicio#inicio.a1-hero.is-movil-film .a1-hero__canvas { position: absolute !important; inset: 0 0 auto !important; width: 100% !important; height: var(--movil-vh, 100vh) !important; opacity: 1 !important; transform: none !important; filter: none !important; }
html:not(#_m) body #inicio#inicio.a1-hero.is-movil-film .a1-hero__poster { position: absolute !important; inset: auto 0 calc(100lvh - var(--movil-vh, 100lvh)) 0 !important; top: auto !important; width: 100% !important; height: auto !important; aspect-ratio: 0.98 !important; object-fit: cover !important; opacity: 1 !important; transform: none !important; filter: none !important; -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 17%, #000 86%, transparent 100%) !important; mask-image: linear-gradient(to bottom, transparent 0, #000 17%, #000 86%, transparent 100%) !important; transition: opacity .25s linear !important; }
html:not(#_m) body #inicio#inicio.a1-hero.is-movil-film.is-movil-painted .a1-hero__poster { opacity: 0 !important; }
html:not(#_m) body #inicio#inicio.a1-hero.is-movil-film .a1-hero__shade, html:not(#_m) body #inicio#inicio.a1-hero.is-movil-film .a1-hero__mobile-story, html:not(#_m) body #inicio#inicio.a1-hero.is-movil-film .a1-hero__scroll-cue, html:not(#_m) body #inicio#inicio.a1-hero.is-movil-film .a1-hero__progress, html:not(#_m) body #inicio#inicio.a1-hero[class*="is-movil-"] .a1-hero__mobile-kicker, html:not(#_m) body #inicio#inicio.a1-hero[class*="is-movil-"] .a1-hero__mobile-lead, html:not(#_m) body #inicio#inicio.a1-hero[class*="is-movil-"] .a1-hero__mobile-actions { display: none !important; }
html:not(#_m) body #inicio#inicio.a1-hero.is-movil-film .a1-hero__sticky::after { content: "" !important; position: absolute !important; inset: 0 !important; z-index: 4 !important; pointer-events: none !important; background: #0b0c0d !important; opacity: calc(var(--movil-exit, 0) * .7) !important; }
html:not(#_m) body #inicio#inicio.a1-hero[class*="is-movil-"] .a1-hero__copy { position: absolute !important; z-index: 3 !important; inset: calc(env(safe-area-inset-top, 0px) + 84px) 22px auto 22px !important; width: auto !important; max-width: 660px !important; margin: 0 !important; padding: 0 !important; display: block !important; text-align: left !important; color: #11191d !important; background: none !important; transform: none !important; }
html:not(#_m) body #inicio#inicio.a1-hero.is-movil-film .a1-hero__copy { opacity: var(--movil-copy, 1) !important; transform: translate3d(calc((1 - var(--movil-copy, 1)) * -4.5vw), calc((1 - var(--movil-copy, 1)) * -18px), 0) !important; will-change: opacity, transform !important; }
html:not(#_m) body #inicio#inicio.a1-hero.is-movil-film.is-headline-gone .a1-hero__copy { visibility: hidden !important; }
html:not(#_m) body #inicio#inicio.a1-hero[class*="is-movil-"] #a1-hero-title { margin: 0 !important; font-family: "PG Lusion Aeonik", "Helvetica Neue", Arial, sans-serif !important; font-weight: 400 !important; font-size: clamp(38px, min(12.2vw, 11.5vh), 88px) !important; line-height: .96 !important; letter-spacing: -.035em !important; color: #11191d !important; text-shadow: none !important; transform: none !important; }
html:not(#_m) body #inicio#inicio.a1-hero[class*="is-movil-"] .a1-hero__headline-line { display: block !important; position: relative !important; }
html:not(#_m) body #inicio#inicio.a1-hero[class*="is-movil-"] .a1-hero__headline-prefix { position: relative !important; display: inline-block !important; color: #64777b !important; font-size: 1em !important; letter-spacing: -.045em !important; }
html:not(#_m) body #inicio#inicio.a1-hero[class*="is-movil-"] .a1-hero__headline-swap-region { display: inline-block !important; position: relative !important; }
html:not(#_m) body #inicio#inicio.a1-hero[class*="is-movil-"] .a1-hero__headline-slot { display: inline-grid !important; position: relative !important; }
html:not(#_m) body #inicio#inicio.a1-hero[class*="is-movil-"] .a1-hero__headline-slot > span { grid-area: 1 / 1 !important; display: block !important; font-size: 1em !important; line-height: 1 !important; letter-spacing: inherit !important; color: #11191d !important; transition: opacity .38s cubic-bezier(.2, .7, .2, 1), transform .5s cubic-bezier(.2, .7, .2, 1), filter .38s !important; }
html:not(#_m) body #inicio#inicio.a1-hero[class*="is-movil-"] [data-a1-headline-piece] { opacity: 0 !important; transform: translateY(.32em) !important; filter: blur(3px) !important; }
html:not(#_m) body #inicio#inicio.a1-hero[class*="is-movil-"].is-word-swapped [data-a1-headline-idea] { opacity: 0 !important; transform: translateY(-.32em) !important; filter: blur(3px) !important; }
html:not(#_m) body #inicio#inicio.a1-hero[class*="is-movil-"].is-word-swapped [data-a1-headline-piece] { opacity: 1 !important; transform: none !important; filter: none !important; }
html:not(#_m) body #inicio#inicio.a1-hero[class*="is-movil-"] .a1-hero__prefix-brush { position: absolute !important; left: -2% !important; right: -4% !important; bottom: -.13em !important; height: .3em !important; width: auto !important; display: block !important; opacity: 1 !important; pointer-events: none !important; clip-path: inset(0 calc((1 - var(--movil-brush, 0)) * 100%) 0 0) !important; }
html:not(#_m) body #inicio#inicio.a1-hero[class*="is-movil-"] .a1-hero__prefix-brush picture { display: none !important; }
html:not(#_m) body #inicio#inicio.a1-hero[class*="is-movil-"] .a1-hero__prefix-brush { background: url("media/hero/movil/subrayado.webp") center / 100% 100% no-repeat !important; }
html:not(#_m) body #inicio#inicio.a1-hero[class*="is-movil-"] .a1-hero__headline-line--fixed { display: inline-block !important; margin-top: .16em !important; font-size: .64em !important; letter-spacing: -.03em !important; color: #3e555a !important; transform-origin: 0 50% !important; transition: transform .5s cubic-bezier(.2, .7, .2, 1), color .4s !important; }
html:not(#_m) body #inicio#inicio.a1-hero[class*="is-movil-"].is-print-emphasized .a1-hero__headline-line--fixed { transform: translateX(.32em) scale(1.08) !important; color: #11191d !important; }
html:not(#_m) body #inicio#inicio.a1-hero[class*="is-movil-"] .a1-hero__circle-video { position: absolute !important; left: -13% !important; top: -70% !important; width: 126% !important; height: 240% !important; display: block !important; opacity: 1 !important; transform: none !important; pointer-events: none !important; }
html:not(#_m) body #inicio#inicio.a1-hero[class*="is-movil-"] .a1-hero__circle-video video, html:not(#_m) body #inicio#inicio.a1-hero[class*="is-movil-"] .a1-hero__circle-video picture { display: none !important; }
html:not(#_m) body #inicio#inicio.a1-hero[class*="is-movil-"] .a1-hero__circle-video { background: url("media/hero/movil/circulo-tiza.webp") center / 100% 100% no-repeat !important; filter: brightness(.42) sepia(.3) !important; -webkit-mask-image: conic-gradient(from 52deg at 50% 50%, #000 calc(var(--movil-circle, 0) * 360deg), transparent calc(var(--movil-circle, 0) * 360deg + .5deg)) !important; mask-image: conic-gradient(from 52deg at 50% 50%, #000 calc(var(--movil-circle, 0) * 360deg), transparent calc(var(--movil-circle, 0) * 360deg + .5deg)) !important; }
html:not(#_m) body #inicio#inicio.a1-hero[class*="is-movil-"] .a1-hero__promise, html:not(#_m) body #inicio#inicio.a1-hero[class*="is-movil-"] .a1-hero__cta { transform: none !important; }
html:not(#_m) body #inicio#inicio.a1-hero[class*="is-movil-"] .a1-hero__promise { margin: 26px 0 0 !important; font: 500 15px/1.35 Inter, Arial, sans-serif !important; letter-spacing: 0 !important; color: #24343a !important; }
html:not(#_m) body #inicio#inicio.a1-hero[class*="is-movil-"] .a1-hero__promise-arrow { stroke: currentColor !important; }
html:not(#_m) body #inicio#inicio.a1-hero[class*="is-movil-"] .a1-hero__cta { display: inline-flex !important; align-items: center !important; gap: 10px !important; min-height: 48px !important; margin-top: 18px !important; padding: 0 20px 0 22px !important; border-radius: 999px !important; border: 0 !important; background: #11191d !important; color: #f4f1eb !important; font: 600 15px/1 Inter, Arial, sans-serif !important; letter-spacing: 0 !important; text-transform: none !important; box-shadow: 0 10px 24px rgba(17, 25, 29, .16) !important; }
html:not(#_m) body #inicio#inicio.a1-hero[class*="is-movil-"] .a1-hero__cta-scroll { display: none !important; }
html:not(#_m) body #inicio#inicio.a1-hero[class*="is-movil-"] .a1-hero__cta::after { content: "" !important; width: 7px !important; height: 7px !important; border-right: 1.6px solid currentColor !important; border-bottom: 1.6px solid currentColor !important; transform: translateY(-2px) rotate(45deg) !important; }
html:not(#_m) body.a1-hero--movil-film.a1-hero-active .site-header:not(.is-over-dark-work), html:not(#_m) body.a1-hero--movil-static .site-header:not(.is-over-dark-work) { background: transparent !important; border-color: transparent !important; color: #11191d !important; }
html:not(#_m) body.a1-hero--movil-film.a1-hero-active .site-header:not(.is-over-dark-work) .pg-wordmark__compact, html:not(#_m) body.a1-hero--movil-static .site-header:not(.is-over-dark-work) .pg-wordmark__compact { color: #11191d !important; }
html:not(#_m) body.a1-hero--movil-film.a1-hero-active .site-header:not(.is-over-dark-work) .menu-toggle, html:not(#_m) body.a1-hero--movil-static .site-header:not(.is-over-dark-work) .menu-toggle { color: #11191d !important; border-color: rgba(17, 25, 29, .22) !important; background: rgba(255, 255, 255, .42) !important; }
html:not(#_m) body.a1-hero--movil-film.a1-hero-active .site-header:not(.is-over-dark-work) .menu-toggle span, html:not(#_m) body.a1-hero--movil-static .site-header:not(.is-over-dark-work) .menu-toggle span { background: #11191d !important; }
html:not(#_m) body #inicio#inicio.a1-hero.is-movil-film + *, html:not(#_m) body #trabajos.movil-after-film { position: relative !important; z-index: 5 !important; }
html:not(#_m) body.a1-hero--movil-film #trabajos { margin-top: calc(var(--movil-vh, 100vh) * -1) !important; }
html:not(#_m) body #inicio#inicio.a1-hero.is-movil-static { height: auto !important; min-height: 0 !important; background: #cbd6d9 !important; }
html:not(#_m) body #inicio#inicio.a1-hero.is-movil-static .a1-hero__sticky { position: relative !important; height: auto !important; min-height: 0 !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; background: #cbd6d9 !important; }
html:not(#_m) body #inicio#inicio.a1-hero.is-movil-static .a1-hero__canvas, html:not(#_m) body #inicio#inicio.a1-hero.is-movil-static .a1-hero__shade, html:not(#_m) body #inicio#inicio.a1-hero.is-movil-static .a1-hero__mobile-story, html:not(#_m) body #inicio#inicio.a1-hero.is-movil-static .a1-hero__scroll-cue, html:not(#_m) body #inicio#inicio.a1-hero.is-movil-static .a1-hero__progress { display: none !important; }
html:not(#_m) body #inicio#inicio.a1-hero.is-movil-static .a1-hero__copy { position: relative !important; inset: auto !important; order: 1 !important; padding: calc(env(safe-area-inset-top, 0px) + 92px) 22px 8px !important; }
html:not(#_m) body #inicio#inicio.a1-hero.is-movil-static .a1-hero__sticky > picture { order: 2 !important; display: block !important; position: relative !important; inset: auto !important; width: 100% !important; height: auto !important; background: none !important; z-index: 1 !important; }
html:not(#_m) body #inicio#inicio.a1-hero.is-movil-static .a1-hero__poster { position: relative !important; inset: auto !important; width: 100% !important; height: auto !important; aspect-ratio: .62 !important; max-height: 74svh !important; margin-top: -6svh !important; object-fit: cover !important; object-position: 50% 72% !important; background: none !important; opacity: 1 !important; transform: none !important; filter: none !important; -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 14%) !important; mask-image: linear-gradient(to bottom, transparent 0, #000 14%) !important; }
html:not(#_m) body.a1-hero--movil-film.a1-hero-active .site-header:not(.is-over-dark-work) .language-switcher__toggle, html:not(#_m) body.a1-hero--movil-static .site-header:not(.is-over-dark-work) .language-switcher__toggle { color: #11191d !important; border-color: rgba(17, 25, 29, .22) !important; background: rgba(255, 255, 255, .42) !important; }
html:not(#_m) body.a1-hero--movil-film #trabajos { min-height: var(--movil-vh, 100vh) !important; display: flex !important; flex-direction: column !important; justify-content: center !important; }
html:not(#_m) body #inicio#inicio.a1-hero.is-movil-film .a1-hero__sticky::before { content: "" !important; position: absolute !important; inset: 0 0 auto !important; height: calc(env(safe-area-inset-top, 0px) + 96px) !important; z-index: 2 !important; pointer-events: none !important; background: linear-gradient(to bottom, rgba(222, 228, 230, .82), rgba(222, 228, 230, 0)) !important; opacity: calc(min(1, var(--movil-film, 0) * 4) * (1 - var(--movil-exit, 0))) !important; }
html:not(#_m) body.a1-hero--movil-film #trabajos { scroll-margin-top: 0 !important; }
@media (orientation: landscape) {
html:not(#_m) body #inicio#inicio.a1-hero.is-movil-film .a1-hero__poster { inset: 0 !important; height: 100% !important; aspect-ratio: auto !important; -webkit-mask-image: none !important; mask-image: none !important; }
}
html:not(#_m) body #inicio#inicio.a1-hero.is-movil-film:not(.is-movil-painted) .a1-hero__canvas { opacity: 0 !important; }
html:not(#_m) body.a1-hero--movil-film { overflow-anchor: none !important; }
html:not(#_m) body .work-card__copy p, html:not(#_m) body .example-card__meta-runtime, html:not(#_m) body .examples-filter-menu__prompt, html:not(#_m) body .process-kicker span, html:not(#_m) body .process-step__verb, html:not(#_m) body .process-step__signal span, html:not(#_m) body .process-step__signal strong, html:not(#_m) body .process-step__media figcaption, html:not(#_m) body .process-hero figcaption span, html:not(#_m) body .process-hero figcaption strong, html:not(#_m) body .sg-kicker, html:not(#_m) body .ind-eyebrow, html:not(#_m) body .ind-case__visual figcaption, html:not(#_m) body .ind-section-head .sg-label, html:not(#_m) body .legal-hero__kicker, html:not(#_m) body .legal-hero__updated, html:not(#_m) body .legal-nav > span, html:not(#_m) body .contact-minimal__identity label > span, html:not(#_m) body .contact-minimal__message-label, html:not(#_m) body .about-portrait__figure figcaption, html:not(#_m) body .tg-projects__bar h2, html:not(#_m) body .tg-projects__bar p, html:not(#_m) body .tg-key button, html:not(#_m) body .process-scroll-reel__hint span, html:not(#_m) body .sg-archive__head .sg-label { text-transform: none !important; letter-spacing: 0 !important; font-family: Inter, "Helvetica Neue", Arial, sans-serif !important; font-weight: 500 !important; font-size: 13px !important; line-height: 1.35 !important; }
html:not(#_m) body .contact-minimal__identity label > span, html:not(#_m) body .contact-minimal__message-label { color: #5d4a43 !important; }
html:not(#_m) body .sg-hero__action, html:not(#_m) body .tg-intro__cta, html:not(#_m) body .ind-button, html:not(#_m) body .process-arrow-link span, html:not(#_m) body .process-primary-link span, html:not(#_m) body .process-close__cta span, html:not(#_m) body .mobile-project-cta span, html:not(#_m) body .back-to-top, html:not(#_m) body .pg-examples-menu__link { text-transform: none !important; letter-spacing: 0 !important; font-family: Inter, "Helvetica Neue", Arial, sans-serif !important; font-weight: 600 !important; font-size: 15px !important; }
html:not(#_m) body footer, html:not(#_m) body footer span, html:not(#_m) body footer a, html:not(#_m) body .site-footer__legal a, html:not(#_m) body .site-footer__bottom span { text-transform: none !important; letter-spacing: 0 !important; }
html:not(#_m) body.home-page > footer { padding-right: 84px !important; }
html:not(#_m) body footer a, html:not(#_m) body .site-footer__legal a, html:not(#_m) body .sg-footer nav a, html:not(#_m) body .sectors-footer nav a { display: inline-flex !important; align-items: center !important; min-height: 44px !important; min-width: 44px !important; font-size: 14px !important; }
html:not(#_m) body .section-index__number, html:not(#_m) body .section-index__mark, html:not(#_m) body .process-step__number, html:not(#_m) body .sg-label b, html:not(#_m) body .im-chapter > span:first-child, html:not(#_m) body .sg-next a small, html:not(#_m) body .legal-section__number, html:not(#_m) body .legal-nav a > span:first-child, html:not(#_m) body .tg-intro__kicker, html:not(#_m) body .service-card__meta-runtime, html:not(#_m) body .contact-minimal__eyebrow { display: none !important; }
html:not(#_m) body .language-switcher__toggle span { font-size: 12px !important; letter-spacing: .02em !important; }
html:not(#_m) body .pg-mobile-contact-bar { transition: transform .28s cubic-bezier(.2, .7, .2, 1), opacity .2s linear !important; }
html:not(#_m) body.movil-typing .pg-mobile-contact-bar, html:not(#_m) body.movil-wa-away .pg-mobile-contact-bar { transform: translateY(140%) !important; opacity: 0 !important; pointer-events: none !important; }
html:not(#_m) body .work-title__mobile-hint { display: none !important; }
html:not(#_m) body #trabajos .work-title h2 { overflow: hidden !important; padding-bottom: .06em !important; }
html:not(#_m) body #trabajos .work-title__line { display: block !important; transition: transform .9s cubic-bezier(.16, .84, .24, 1), opacity .6s linear !important; }
html.movil-motion:not(#_m) #trabajos:not(.movil-in) .work-title__line { transform: translateY(105%) !important; opacity: 0 !important; }
html:not(#_m) body #trabajos .work-title__line--bottom { transition-delay: .08s !important; }
html:not(#_m) body #trabajos .work-track { scroll-snap-type: x mandatory !important; scroll-padding-inline: 20px !important; overscroll-behavior-x: contain !important; scrollbar-width: none !important; }
html:not(#_m) body #trabajos .work-track::-webkit-scrollbar { display: none !important; }
html:not(#_m) body #trabajos .work-card { scroll-snap-align: start !important; flex: 0 0 min(84vw, 360px) !important; width: min(84vw, 360px) !important; overflow: hidden !important; transition: transform .35s cubic-bezier(.2, .7, .2, 1) !important; -webkit-tap-highlight-color: transparent !important; }
html:not(#_m) body #trabajos .work-card:active { transform: scale(.975) !important; }
html:not(#_m) body #trabajos .work-card__media img { transform: translate3d(var(--movil-px, 0px), 0, 0) scale(1.14) !important; will-change: transform !important; transition: none !important; }
html:not(#_m) body #trabajos .work-card__copy p { color: rgba(244, 241, 235, .78) !important; margin-bottom: 6px !important; }
html:not(#_m) body #trabajos .work-card__open strong { text-transform: none !important; letter-spacing: 0 !important; font-size: 13px !important; font-weight: 600 !important; }
html:not(#_m) body #trabajos .horizontal-progress { height: 2px !important; margin: 18px 20px 0 !important; border-radius: 2px !important; overflow: hidden !important; background: rgba(244, 241, 235, .14) !important; }
html:not(#_m) body #trabajos .horizontal-progress span { display: block !important; height: 100% !important; width: 100% !important; background: #e85b3a !important; transform-origin: 0 50% !important; transform: scaleX(var(--movil-progress, .25)) !important; transition: none !important; }
html:not(#_m) body .service-card { transition: transform .35s cubic-bezier(.2, .7, .2, 1) !important; -webkit-tap-highlight-color: transparent !important; }
html:not(#_m) body .service-card:active { transform: scale(.98) !important; }
html:not(#_m) body .service-card__media { overflow: hidden !important; }
html:not(#_m) body .service-card__media img { transition: transform 1.1s cubic-bezier(.16, .84, .24, 1), clip-path 1.1s cubic-bezier(.16, .84, .24, 1) !important; }
html.movil-motion:not(#_m) .service-card:not(.movil-in) .service-card__media img { transform: scale(1.12) !important; clip-path: inset(10% 6% 10% 6% round 14px) !important; }
html:not(#_m) body #contacto .movil-contact-scene { display: block !important; position: relative !important; z-index: 0 !important; margin: 18px -16px -64px !important; height: 52vw !important; max-height: 300px !important; overflow: hidden !important; pointer-events: none !important; -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 22%, #000 64%, transparent 100%) !important; mask-image: linear-gradient(to bottom, transparent 0, #000 22%, #000 64%, transparent 100%) !important; }
html:not(#_m) body #contacto .movil-contact-scene img { width: 100% !important; height: 118% !important; object-fit: cover !important; object-position: 50% 40% !important; transform: translate3d(0, var(--movil-py, 0px), 0) !important; will-change: transform !important; }
html:not(#_m) body #contacto .contact-minimal__panel { position: relative !important; z-index: 1 !important; }
html:not(#_m) body #contacto .contact-minimal__details a { min-height: 44px !important; }
html:not(#_m) body.hero-light .examples-grid { grid-template-columns: 1fr 1fr !important; column-gap: 10px !important; row-gap: 18px !important; }
html:not(#_m) body.hero-light .example-card__media { border-radius: 12px !important; overflow: hidden !important; }
html:not(#_m) body.hero-light .example-card__caption { padding-top: 7px !important; }
html:not(#_m) body.hero-light .example-card__meta-runtime { display: none !important; }
html:not(#_m) body.hero-light .example-card__reference-badge { text-transform: none !important; letter-spacing: 0 !important; font-family: Inter, "Helvetica Neue", Arial, sans-serif !important; font-weight: 600 !important; font-size: 11.5px !important; padding: 5px 9px !important; border-radius: 999px !important; }
html:not(#_m) body.hero-light .example-card__button { -webkit-tap-highlight-color: transparent !important; transition: transform .3s cubic-bezier(.2, .7, .2, 1) !important; }
html:not(#_m) body.hero-light .example-card__button:active { transform: scale(.97) !important; }
html:not(#_m) body.hero-light .example-card__media img { transition: transform .9s cubic-bezier(.16, .84, .24, 1), opacity .6s linear !important; }
html.movil-motion:not(#_m) body.hero-light .example-card:not(.movil-in) .example-card__media img { transform: scale(1.1) !important; opacity: 0 !important; }
html:not(#_m) body .tg-card__meta { text-transform: none !important; letter-spacing: 0 !important; font-family: Inter, "Helvetica Neue", Arial, sans-serif !important; font-weight: 500 !important; font-size: 12px !important; }
html:not(#_m) body .sg-hero__action, html:not(#_m) body .tg-intro__cta { min-height: 48px !important; }
html:not(#_m) body.about-page .about-kicker, html:not(#_m) body.about-page .about-scroll { display: none !important; }
html:not(#_m) body.about-page .about-hero li, html:not(#_m) body.about-page .about-editorial__eyebrow, html:not(#_m) body.about-page .about-facts h2, html:not(#_m) body.about-page main h2 { text-transform: none !important; letter-spacing: 0 !important; font-style: normal !important; font-family: Inter, "Helvetica Neue", Arial, sans-serif !important; font-weight: 600 !important; font-size: 15px !important; line-height: 1.35 !important; }
html:not(#_m) body.about-page .about-hero li { font-weight: 500 !important; min-height: 40px !important; display: flex !important; align-items: center !important; gap: 8px !important; }
html:not(#_m) body.about-page .about-hero__signature { display: inline-flex !important; align-items: center !important; min-height: 44px !important; font-size: 13px !important; letter-spacing: .02em !important; }
html:not(#_m) body.about-page main { background: transparent !important; }
html:not(#_m) body.hero-light .example-card__title-line { height: auto !important; overflow: visible !important; display: block !important; }
html:not(#_m) body.hero-light .example-card__title-line > i { display: none !important; }
html:not(#_m) body.hero-light .example-card__title { font-size: 13px !important; line-height: 1.3 !important; letter-spacing: 0 !important; margin: 0 !important; white-space: normal !important; }
html:not(#_m) body .pg-examples-menu__toggle-label { font-size: 13px !important; letter-spacing: 0 !important; text-transform: none !important; }
html:not(#_m) body .pg-examples-menu__toggle { min-width: 44px !important; min-height: 44px !important; }
html:not(#_m) body .sg-label, html:not(#_m) body .sg-label.is-visible { font-size: 12.5px !important; letter-spacing: 0 !important; text-transform: none !important; font-family: Inter, "Helvetica Neue", Arial, sans-serif !important; font-weight: 500 !important; }
html:not(#_m) body .sectors-footer span, html:not(#_m) body .sectors-footer a, html:not(#_m) body .sg-footer span, html:not(#_m) body .sg-footer a { font-size: 13px !important; letter-spacing: 0 !important; text-transform: none !important; }
html:not(#_m) body .back-to-top, html:not(#_m) body .process-arrow-link { display: inline-flex !important; align-items: center !important; min-height: 44px !important; }
html:not(#_m) body .contact-minimal__location a { display: inline-flex !important; align-items: center !important; min-height: 44px !important; }
html:not(#_m) body #menu-principal > a, html:not(#_m) body #menu-principal .pg-examples-menu__link { font-family: Inter, "Helvetica Neue", Arial, sans-serif !important; font-size: 21px !important; font-weight: 600 !important; letter-spacing: -.01em !important; text-transform: none !important; min-height: 56px !important; display: flex !important; align-items: center !important; }
html:not(#_m) body .service-reel-overlay__back { font: 600 14px/1 Inter, "Helvetica Neue", Arial, sans-serif !important; letter-spacing: 0 !important; text-transform: none !important; }
@media (prefers-reduced-motion: reduce) {
html:not(#_m) body .service-card, html:not(#_m) body .service-card:active, html:not(#_m) body #trabajos .work-card, html:not(#_m) body #trabajos .work-card:active, html:not(#_m) body.hero-light .example-card__button, html:not(#_m) body.hero-light .example-card__button:active { transition: none !important; transform: none !important; }
html:not(#_m) body .service-card__media img, html:not(#_m) body.hero-light .example-card__media img, html:not(#_m) body #trabajos .work-title__line { transition: none !important; transform: none !important; clip-path: none !important; opacity: 1 !important; }
html:not(#_m) body #trabajos .work-card__media img { transform: scale(1.14) !important; }
html:not(#_m) body .pg-mobile-contact-bar { transition: none !important; }
}
@media (prefers-reduced-motion: reduce) {
html:not(#_m) body #inicio#inicio.a1-hero[class*="is-movil-"] .a1-hero__headline-slot > span, html:not(#_m) body #inicio#inicio.a1-hero[class*="is-movil-"] .a1-hero__headline-line--fixed, html:not(#_m) body #inicio#inicio.a1-hero.is-movil-film .a1-hero__poster, html:not(#_m) body #inicio#inicio.a1-hero.is-movil-film .a1-hero__copy { transition: none !important; }
}
html:not(#_m) body.about-page .movil-arena { position: fixed !important; inset: 0 0 auto 0 !important; height: 100lvh !important; z-index: 0 !important; pointer-events: none !important; opacity: 0 !important; transition: opacity 1.2s ease !important; }
html:not(#_m) body.about-page .movil-arena.is-ready { opacity: 1 !important; }
html:not(#_m) body.about-page .movil-arena canvas { display: block !important; width: 100% !important; height: 100% !important; }
html:not(#_m) body.about-page .movil-arena::after { content: "" !important; position: absolute !important; inset: 0 !important; opacity: .5 !important; mix-blend-mode: multiply !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .4 0 0 0 0 .38 0 0 0 0 .35 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E") !important; }
html:not(#_m) body.about-page .movil-arena.is-fallback { opacity: .5 !important; background: url("media/movil/nosotros-gato.webp") 70% 40% / cover no-repeat !important; mix-blend-mode: multiply !important; }
@media (prefers-reduced-motion: reduce) {
html:not(#_m) body.about-page .movil-arena { transition: none !important; }
}
html:not(#_m) body .movil-giro-chip { position: absolute !important; right: 16px !important; top: 16px !important; z-index: 5 !important; display: inline-flex !important; align-items: center !important; gap: 9px !important; min-height: 44px !important; padding: 0 16px 0 12px !important; border: 1px solid rgba(17, 25, 29, .12) !important; border-radius: 999px !important; background: rgba(250, 248, 243, .72) !important; -webkit-backdrop-filter: blur(12px) !important; backdrop-filter: blur(12px) !important; color: #2a2522 !important; font: 500 13px/1 Inter, "Helvetica Neue", Arial, sans-serif !important; box-shadow: 0 8px 24px rgba(30, 20, 15, .1) !important; transition: opacity .5s ease, transform .5s cubic-bezier(.2, .7, .2, 1) !important; -webkit-tap-highlight-color: transparent !important; }
html:not(#_m) body .movil-giro-chip.is-hidden, html:not(#_m) body .movil-giro-chip.is-away { opacity: 0 !important; transform: translateY(12px) !important; pointer-events: none !important; }
html:not(#_m) body .movil-giro-chip__phone { width: 11px !important; height: 18px !important; border: 1.6px solid currentColor !important; border-radius: 3px !important; animation: movil-giro-balanceo 2.6s ease-in-out infinite !important; }
@keyframes movil-giro-balanceo { 0%, 100% { transform: rotate(-16deg); } 50% { transform: rotate(16deg); } }
html:not(#_m) body.about-page main, html:not(#_m) body.about-page footer { position: relative !important; z-index: 1 !important; }
html:not(#_m) body .movil-giro-chip.is-compact { padding: 0 !important; width: 44px !important; justify-content: center !important; gap: 0 !important; }
html:not(#_m) body .movil-giro-chip.is-compact .movil-giro-chip__text { display: none !important; }
html:not(#_m) body #contacto.movil-contacto-3d { overflow: visible !important; clip-path: inset(0) !important; }
html:not(#_m) body #contacto .movil-contacto-escena { position: absolute !important; inset: 0 !important; z-index: 0 !important; pointer-events: none !important; overflow: clip !important; opacity: 0 !important; transition: opacity 1.2s ease !important; }
html:not(#_m) body #contacto .movil-contacto-escena.is-ready { opacity: 1 !important; }
html:not(#_m) body #contacto .movil-contacto-escena__vista { position: sticky !important; top: 0 !important; height: 100lvh !important; }
html:not(#_m) body #contacto .movil-contacto-escena canvas { display: block !important; width: 100% !important; height: 100% !important; }
html:not(#_m) body #contacto.movil-contacto-3d .movil-contact-scene { display: none !important; }
html:not(#_m) body #contacto.movil-contacto-3d > .contact-minimal__intro, html:not(#_m) body #contacto.movil-contacto-3d > .contact-minimal__panel, html:not(#_m) body #contacto.movil-contacto-3d > .contact-minimal__location { position: relative !important; z-index: 1 !important; }
html:not(#_m) body #contacto.movil-contacto-3d .contact-minimal__intro h2 { text-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 6px 18px rgba(72, 36, 34, .14) !important; }
html:not(#_m) body #contacto.movil-contacto-3d .contact-minimal__panel { -webkit-backdrop-filter: blur(10px) !important; backdrop-filter: blur(10px) !important; }
html:not(#_m) body .movil-giro-chip { display: inline-flex !important; }
html:not(#_m) body #contacto.movil-contacto-3d > .contact-minimal__intro { min-height: 64svh !important; display: flex !important; flex-direction: column !important; justify-content: flex-end !important; padding-bottom: 22px !important; }
html:not(#_m) body #contacto .contact-minimal__intro { position: relative !important; }
html:not(#_m) body #contacto .contact-minimal__intro .movil-giro-chip { top: calc(env(safe-area-inset-top, 0px) + 84px) !important; }
html:not(#_m) body.about-page .about-hero { position: relative !important; }
html:not(#_m) body.about-page .about-hero .movil-giro-chip { top: auto !important; bottom: 14px !important; }
html:not(#_m) body .process-kicker > span:last-child { display: none !important; }
html:not(#_m) body .process-hero__actions + * li a > span:first-child, html:not(#_m) body .process-step__number, html:not(#_m) body .process-close ul li > span:first-child, html:not(#_m) body .process-hero li a > span:first-child, html:not(#_m) body .process-index li a > span:first-child { display: none !important; }
html:not(#_m) body.process-page li a > strong, html:not(#_m) body .process-start-card div > span, html:not(#_m) body .process-start-card > a, html:not(#_m) body .process-scroll-reel__media figcaption span, html:not(#_m) body .process-scroll-reel__media figcaption strong { text-transform: none !important; letter-spacing: 0 !important; font-family: Inter, "Helvetica Neue", Arial, sans-serif !important; font-weight: 600 !important; font-size: 13px !important; }
html:not(#_m) body.process-page li a { min-height: 48px !important; }
html:not(#_m) body .ind-case__facts dt, html:not(#_m) body .ind-services__grid article > span, html:not(#_m) body .ind-process__steps li > span:first-child, html:not(#_m) body .ind-hero__media figcaption b ~ *:empty, html:not(#_m) body figcaption > span > b { display: none !important; }
html:not(#_m) body .ind-hero__media figcaption b, html:not(#_m) body .ind-hero__media figcaption span, html:not(#_m) body .ind-services__grid article small, html:not(#_m) body .ind-photos figcaption span, html:not(#_m) body[data-sector="industria"] figure figcaption, html:not(#_m) body[data-sector="industria"] figure figcaption a, html:not(#_m) body .sg-hero__hint span { text-transform: none !important; letter-spacing: 0 !important; font-family: Inter, "Helvetica Neue", Arial, sans-serif !important; font-weight: 500 !important; font-size: 12.5px !important; }
html:not(#_m) body .ind-services__grid article small { color: #6d625b !important; }
html:not(#_m) body .im-chapter { display: block !important; }
html:not(#_m) body .im-chapter h3, html:not(#_m) body .im-chapter h2 { max-width: none !important; width: auto !important; }
html:not(#_m) body .ind-case__facts > div, html:not(#_m) body .ind-process__steps > li { display: block !important; grid-template-columns: none !important; }
html:not(#_m) body .ind-case__facts > div > *, html:not(#_m) body .ind-process__steps > li > * { grid-column: auto !important; max-width: none !important; width: auto !important; }
html:not(#_m) body .ind-process__steps > li { min-height: 0 !important; height: auto !important; padding-top: 22px !important; padding-bottom: 22px !important; }
html:not(#_m) body[data-sector="cine"] .sg-archive__head > p:not(.sg-label), html:not(#_m) body .process-scroll-reel__copy > p:not(.process-kicker), html:not(#_m) body .process-scroll-reel__hint { display: none !important; }
html:not(#_m) body .tg-key button b { font-size: 11px !important; letter-spacing: 0 !important; opacity: .7 !important; }