/* Touch-only color reveals. No fine-pointer desktop selector is changed. */
@media(hover:none) and (pointer:coarse){
 body .product-card[data-mobile-color] .product-card-photo img:not([data-photo-group="pessoas"]),
 body .world-destination[data-mobile-color]>img,
 body .logo-cell[data-mobile-color] :is(img,.brand-mark-art):not(.brand-mark-ink),
 body .institutional-person[data-mobile-color] .institutional-portrait img,
 body .institutional-city[data-mobile-color] :is(img,video),
 body .institutional-hero[data-mobile-color] .institutional-hero-media :is(img,video),
 body .cine-corporate[data-mobile-color] .cine-media,
 body .quote-universe-door[data-mobile-color]>img,
 body .quote-start16-path[data-mobile-color] .quote-start16-image{
  filter:grayscale(1)!important;transition:filter .85s cubic-bezier(.22,.61,.36,1)!important;
 }
 html body .product-card[data-mobile-color="true"] .product-card-photo img:not([data-photo-group="pessoas"]),
 html body .world-destination[data-mobile-color="true"]>img,
 html body .logo-cell[data-mobile-color="true"] :is(img,.brand-mark-art):not(.brand-mark-ink),
 html body .institutional-person[data-mobile-color="true"] .institutional-portrait img,
 html body .institutional-city[data-mobile-color="true"] :is(img,video),
 html body .institutional-hero[data-mobile-color="true"] .institutional-hero-media :is(img,video),
 html body .cine-corporate[data-mobile-color="true"] .cine-media,
 html body .quote-universe-door[data-mobile-color="true"]>img,
 html body .quote-start16-path[data-mobile-color="true"] .quote-start16-image{
  filter:grayscale(0)!important;
 }
 /* Override the About page's more specific hover and open-detail states. */
 html body.about-site .institutional-page .institutional-person[data-mobile-color] .institutional-portrait img,
 html body.about-site .institutional-page .institutional-city[data-mobile-color] :is(img,video){filter:grayscale(1)!important}
 html body.about-site .institutional-page .institutional-person[data-mobile-color="true"] .institutional-portrait img,
 html body.about-site .institutional-page .institutional-city[data-mobile-color="true"] :is(img,video){filter:grayscale(0)!important}
 /* The whole timeline square is the color target, including the rail. */
 html body .history-journey .history-film[data-mobile-color] .history-panel :is(.history-image,video),
 html body .history-journey .history-film[data-mobile-color] .history-partnerships img{
  filter:grayscale(1)!important;transition:filter .85s cubic-bezier(.22,.61,.36,1)!important;
 }
 html body .history-journey .history-film[data-mobile-color="true"] .history-panel :is(.history-image,video),
 html body .history-journey .history-film[data-mobile-color="true"] .history-partnerships img{
  filter:grayscale(0)!important;
 }
 html body .history-film[data-mobile-color] .history-archive-frame:before{opacity:0;transition:opacity .85s ease!important}
 html body .history-film[data-mobile-color="true"] .history-archive-frame:before{opacity:1}
 html body .history-film[data-mobile-color] .history-panel-archive .history-panel-copy{background:#1b1b1b;transition:background-color .85s ease!important}
 html body .history-film[data-mobile-color="true"] .history-panel-archive .history-panel-copy{background:#181c17}
 /* Keep original ink variants legible; reveal only their colored source art. */
 html body .logo-cell[data-mobile-color] .brand-mark-art.brand-mark-ink{filter:brightness(0)!important}
 [data-mobile-arrow="decoration"]{display:none!important}
 @media(prefers-reduced-motion:reduce){
  [data-mobile-color] :is(img,video,.brand-mark-art,.cine-media),
  [data-mobile-color] .history-archive-frame:before,
  [data-mobile-color] .history-panel-archive .history-panel-copy{transition:none!important}
 }
}

/* The actual site footer only; embedded component footers remain intact. */
@media(max-width:760px){
 [data-mobile-arrow="decoration"]{display:none!important}
 html body>footer:has(.footer-top){background:#111!important;color:#ddd;padding-top:48px}
 html body>footer .footer-top{display:flex!important;flex-direction:column!important;gap:0!important;padding-bottom:30px!important}
 html body>footer .footer-top>div{width:100%;min-width:0;grid-column:auto!important;padding-block:27px 24px;border-top:1px solid #ffffff24}
 html body>footer .footer-top>.footer-brand{border-top:0;padding:0 0 31px}
 html body>footer .footer-brand .footer-wordmark{width:min(290px,100%);margin-bottom:24px}
 html body>footer .footer-brand p{font-size:14px;line-height:1.8;color:#aaa;margin-bottom:18px}
 html body>footer .footer-top h4{font-size:11px;line-height:1.5;letter-spacing:.15em;color:#ddd;margin:0 0 13px;font-weight:600}
 html body>footer .footer-top>div>a{display:flex!important;align-items:center;min-height:45px!important;padding-block:9px;margin:0!important;font-size:14px;line-height:1.6;color:#e6e6e6;overflow-wrap:anywhere}
 html body>footer .footer-top .footer-brand>a:first-child{padding:0;min-height:0!important}
 html body>footer .footer-top .footer-brand>a[href^="mailto:"]{font-size:15px;color:#eee;padding-block:5px}
 html body>footer .footer-top>div:last-child>a[href^="https://wa.me/"]{min-height:48px!important;border-bottom:1px solid #ffffff24;margin-bottom:7px!important}
 html body>footer .footer-top>div:last-child>a[href="/cotar/"]{background:#f1f1ef;color:#181818;padding:14px 18px;margin-top:15px!important;min-height:53px!important;font-weight:600;justify-content:space-between}
 html body>footer .footer-top>div:last-child>a[href="/cotar/"]::after{content:'→';font-size:19px;font-weight:400}
 html body>footer .footer-top a:focus-visible{outline:2px solid #eee;outline-offset:3px}
 html body>footer .footer-top>div:last-child>a[href="/cotar/"]:focus-visible{outline-color:#fff}
 html body>footer .footer-bottom{display:flex;flex-direction:column;gap:16px;padding:23px 0 calc(28px + env(safe-area-inset-bottom));border-top-color:#ffffff24}
 html body>footer .footer-bottom p{font-size:10px;line-height:1.8;max-width:520px;color:#999}
}