/* A shared interaction layer. Resting palettes and selected states stay in
   their existing components; color is revealed on the element being explored. */
:root{--detail-control-radius:10px;--detail-card-radius:14px;--color-interaction-ink:#005aa8}
html[data-experience="entertainment"]{--color-interaction-ink:#6940bf}
html[data-experience="family"]{--color-interaction-ink:#304f86}
html body :is(.button,.nav-quote,.contact-action,.partner-submit,.quote-next,.quote-back){border-radius:var(--detail-control-radius)}
html body :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]){border-radius:var(--detail-control-radius)}
html body :is(.quote-launcher,.contact-channel,.partner-form-card,.contact-grid>article,.quote-intro-card,.platform-intro-card,.quote-product,.publicity-card){border-radius:var(--detail-card-radius)}
html body :is(.product-card-photo,.institutional-portrait,.institutional-city,.premium-producer-visual){border-radius:var(--detail-card-radius);overflow:hidden}
.ui-calculator{width:19px;height:19px;flex:none;vertical-align:middle}
.nav-quote .ui-calculator{margin-right:8px}
.system-header-label>span{display:inline-flex;align-items:center;gap:8px}
/* Text, logos and media receive separate states from the hit-tested scope. */
.color-interaction-filters{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
html body :is(.brand-wordmark,.brand-mark)[data-color-active="true"]:after{background:var(--color-brand-ink,var(--color-interaction-ink))!important}
html body :is(.button,.nav-quote,.contact-action):focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(hover:hover) and (pointer:fine){
 html[data-color-isolation="true"] body #main :is([data-attention-layer],.cine-media,.institutional-hero-media,.world-destination-media,.production-journey-media,.premium-discovery-visuals,.dulce-premiere-media):has(video){filter:none!important}
 html[data-color-isolation="true"] body #main [data-color-video-layer]:has(video){filter:grayscale(1)!important}
 html[data-color-isolation="true"] body #main [data-color-video-asset],
 html[data-color-isolation="true"] body #main [data-attention-owner][data-color-video-asset]{filter:grayscale(1)!important}
 html[data-color-isolation="true"] body #main [data-color-media-active="true"]{filter:none!important}
 html[data-color-isolation="true"] body [data-color-active="true"]{transition-duration:180ms}
}
@media(prefers-reduced-motion:reduce){html body [data-color-active="true"]{transition:none!important}}
@media(forced-colors:active){html body [data-color-active="true"]{forced-color-adjust:auto}}

/* Monochrome lettering gains definition without changing any ink color. */
html:is([data-experience="monochrome"],[data-experience="corporate"]) body :is(a,button,summary,label,h1,h2,h3,h4,h5,h6,p,li,dt,dd,figcaption,blockquote,address,pre,legend,span,small,strong,em)[data-color-active="true"]:not([data-color-media-active="true"]):not([data-partner-brand]):not(.brand-wordmark,.brand-mark,.brand-mark-frame,.dulce-brand,.dulce-quote-brand){-webkit-text-stroke:0!important;text-shadow:none!important}
@media(prefers-reduced-motion:reduce){html:is([data-experience="monochrome"],[data-experience="corporate"]) body [data-color-active="true"]{transition:none!important}}

html:is([data-experience="monochrome"],[data-experience="corporate"]) body :is(h1,h2,h3,h4,h5,h6){transition:transform 220ms ease}
html:is([data-experience="monochrome"],[data-experience="corporate"]) body :is(h1,h2,h3,h4,h5,h6)[data-color-active="true"]{transform:translateY(-2px);text-shadow:none!important}
html:is([data-experience="monochrome"],[data-experience="corporate"]) body :is(a,button,summary)[data-color-active="true"]:not([data-color-media-active="true"]):not(:has(.brand-wordmark,.brand-mark,.dulce-brand)){text-decoration-line:underline;text-decoration-color:currentColor;text-decoration-thickness:1px;text-underline-offset:.22em}
@media(prefers-reduced-motion:reduce){html:is([data-experience="monochrome"],[data-experience="corporate"]) body :is(h1,h2,h3,h4,h5,h6)[data-color-active="true"]{transform:none}}

html:is([data-experience="monochrome"],[data-experience="corporate"]) body .site-header nav a:not(.nav-quote){color:#2a2a2a!important}

/* Two top-menu destinations reveal their own palette without coloring neighbours. */
.site-header:not(.dulce-site-header) nav a[data-menu-area]{position:relative;transition:color 180ms ease,transform 180ms ease}
.site-header:not(.dulce-site-header) nav a[data-menu-area="entertainment"]{--menu-area-gradient:linear-gradient(100deg,#7135de,#4c43dc,#0868c6)}
.site-header:not(.dulce-site-header) nav a[data-menu-area="family"]{--menu-area-gradient:linear-gradient(100deg,#000f47,#304f86,#627798)}
.site-header:not(.dulce-site-header) nav a[data-menu-area]::after{content:'';position:absolute;left:0;right:0;bottom:3px;height:2px;border-radius:2px;background:var(--menu-area-gradient);transform:scaleX(0);transform-origin:left center;transition:transform 260ms cubic-bezier(.2,.7,.2,1)}
html body .site-header:not(.dulce-site-header) nav a[data-menu-area][data-color-active="true"]{transform:translateY(-1px);text-decoration:none!important;text-shadow:none!important;-webkit-text-stroke:0!important}
.site-header:not(.dulce-site-header) nav a[data-menu-area][data-color-active="true"]::after{transform:scaleX(1)}
@media(max-width:1200px){.site-header:not(.dulce-site-header) nav a[data-menu-area]::after{right:auto;width:min(100%,9em)}}
@media(prefers-reduced-motion:reduce){html body .site-header:not(.dulce-site-header) nav a[data-menu-area]{transition:none!important}.site-header:not(.dulce-site-header) nav a[data-menu-area]::after{transition:none}html body .site-header:not(.dulce-site-header) nav a[data-menu-area][data-color-active="true"]{transform:none}}