/* Dimora Nettare · livello "cinema" · 16 settembre 2026
   Direzione: acqua, pietra, luce. Movimento legato al contenuto, testo sempre su fondi pieni.
   Caricato per ultimo: sovrascrive con parsimonia gli stili esistenti. */
:root{--c-ink:#123f3c;--c-deep:#0c2624;--c-green:#243f37;--c-stone:#efe9df;--c-paper:#f7f4ee;--c-brass:#b8955a;--c-brass-soft:#e3d3b4;--c-line:rgba(18,63,60,.16);--c-ease:cubic-bezier(.2,.7,.2,1);--c-header:128px;--c-header-compact:80px}
@media(max-width:1100px){:root{--c-header:144px;--c-header-compact:64px}}
::selection{background:var(--c-brass-soft);color:var(--c-deep)}
html{-webkit-text-size-adjust:100%}
body{text-rendering:optimizeLegibility}
h1,h2,h3{text-wrap:balance}
p,li{text-wrap:pretty}
:where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--c-brass);outline-offset:3px}

/* Transizioni tra pagine (browser compatibili), disattivate con movimento ridotto */
@media(prefers-reduced-motion:no-preference){
@view-transition{navigation:auto}
::view-transition-old(root){animation:cine-fade-out .28s var(--c-ease) both}
::view-transition-new(root){animation:cine-fade-in .42s var(--c-ease) both}
}
@keyframes cine-fade-out{to{opacity:0}}
@keyframes cine-fade-in{from{opacity:0}}

/* Header: fisso, si compatta scorrendo. Solo con JS attivo, altrimenti resta come prima. */
html.cine-js body{padding-top:var(--c-header)}
html.cine-js .site-header{position:fixed;top:0;left:0;right:0;transition:height .28s var(--c-ease),box-shadow .28s var(--c-ease)}
html.cine-js{scroll-padding-top:calc(var(--c-header-compact) + 16px)}
html.cine-compact{--site-header-height:var(--c-header-compact)}
html.cine-compact .site-header{height:var(--c-header-compact);box-shadow:0 10px 30px rgba(12,38,36,.12)}
@media(min-width:1101px){
html.cine-compact .brand{width:170px}
html.cine-compact .header-spa .brand{width:178px}
html.cine-compact .book-link{min-height:42px;padding-block:8px}
}
@media(max-width:1100px){
html.cine-compact .header-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;grid-template-rows:var(--c-header-compact);column-gap:8px}
html.cine-compact .brand{display:none}
html.cine-compact .book-link{grid-row:1;min-height:44px;padding:8px 6px;font-size:14px;letter-spacing:0}
html.cine-compact .room-book-link{grid-column:1}
html.cine-compact .wellness-book-link{grid-column:2}
html.cine-compact .menu-toggle{grid-column:3;grid-row:1;min-width:52px;gap:0;position:relative}
html.cine-compact .menu-toggle span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){html.cine-js .site-header{transition:none}}

/* Pulsanti e collegamenti: micro-interazioni equivalenti per mouse, tastiera e touch */
.retreat-button,.pill,.book-link,.wellness-button,.cine-btn{transition:background-color .25s var(--c-ease),color .25s var(--c-ease),border-color .25s var(--c-ease),transform .25s var(--c-ease)}
:is(.retreat-button,.pill,.cine-btn,.text-link,.retreat-inline) span[aria-hidden]{display:inline-block;transition:transform .3s var(--c-ease)}
:is(.retreat-button,.pill,.cine-btn,.text-link,.retreat-inline):is(:hover,:focus-visible) span[aria-hidden]{transform:translate(3px,-3px)}
:is(.retreat-button,.pill,.cine-btn,.wellness-button):active{transform:translateY(1px)}
.room-card img,.day-room-feature img,.gallery img,.retreat-photo-grid img{transition:transform 1.1s var(--c-ease)}
.room-card,.day-room-feature figure,.gallery-item,.retreat-photo-grid button{overflow:hidden}
@media(hover:hover){.room-card:hover img,.gallery-item:hover img,.retreat-photo-grid button:hover img{transform:scale(1.035)}}
.room-card:focus-visible img{transform:scale(1.035)}

/* Rivelazione allo scorrimento (solo con JS e movimento consentito) */
html.cine-js.cine-motion .cine-reveal{opacity:0;transform:translate3d(0,28px,0);transition:opacity .9s var(--c-ease),transform 1.1s var(--c-ease)}
html.cine-js.cine-motion .cine-reveal.is-in{opacity:1;transform:none}

/* ========== Apertura cinematografica della home ========== */
.cine{position:relative;background:var(--c-deep);color:var(--c-paper)}
.cine-stage{position:relative;height:calc(100svh - var(--c-header));min-height:560px;overflow:hidden}
html.cine-play .cine{height:260svh}
html.cine-play .cine-stage{position:sticky;top:var(--c-header-compact);height:calc(100svh - var(--c-header-compact))}
.cine-media{position:absolute;inset:0}
.cine-media img,.cine-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.cine-media video{opacity:0;transition:opacity .6s var(--c-ease)}
.cine-media video.is-ready{opacity:1}
.cine-panel{position:absolute;left:clamp(20px,5vw,72px);bottom:clamp(20px,6vh,64px);width:min(520px,calc(100% - 40px));padding:clamp(24px,3vw,40px);background:var(--c-paper);color:var(--c-ink);box-shadow:0 24px 60px rgba(8,26,24,.28)}
.cine-label{margin:0 0 16px;font:500 12px/1.4 var(--header-font,'Jost',Arial,sans-serif);letter-spacing:.18em;color:#5b6c60}
.cine-panel h1{margin:0;font:400 clamp(52px,6.4vw,104px)/.98 var(--serif);letter-spacing:-.03em}
.cine-panel h1 em{font-style:italic}
.cine-lead{margin:18px 0 0;font:400 17px/1.55 var(--header-font,'Jost',Arial,sans-serif);color:#2f4a45}
.cine-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.cine-btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:50px;padding:12px 22px;border:1px solid var(--c-green);background:var(--c-green);color:#fff;font:450 15px/1.3 var(--header-font,'Jost',Arial,sans-serif);letter-spacing:.02em;text-decoration:none}
.cine-btn:hover{background:#38564b;border-color:#38564b}
.cine-btn-ghost{background:transparent;color:var(--c-green)}
.cine-btn-ghost:hover{background:var(--c-green);color:#fff}
.cine-chapters{position:absolute;right:clamp(20px,4vw,56px);top:clamp(20px,5vh,48px);margin:0;padding:12px 16px;list-style:none;display:flex;gap:18px;background:rgba(12,38,36,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#f3efe7;font:500 12px/1.2 var(--header-font,'Jost',Arial,sans-serif);letter-spacing:.14em}
.cine-chapters li{opacity:.55;transition:opacity .4s var(--c-ease)}
.cine-chapters li.is-on{opacity:1}
.cine-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(243,239,231,.18)}
.cine-progress i{display:block;height:100%;width:100%;transform-origin:left;transform:scaleX(var(--cine-p,0));background:var(--c-brass)}
.cine-scroll{position:absolute;right:clamp(20px,4vw,56px);bottom:clamp(20px,6vh,64px);display:none;align-items:center;gap:10px;padding:10px 14px;background:rgba(12,38,36,.72);color:#f3efe7;font:500 12px/1 var(--header-font,'Jost',Arial,sans-serif);letter-spacing:.16em;text-decoration:none;min-height:44px}
html.cine-play .cine-scroll{display:inline-flex}
html:not(.cine-play) .cine-chapters,html:not(.cine-play) .cine-progress{display:none}
.cine-pause{position:absolute;right:clamp(16px,4vw,56px);bottom:clamp(16px,6vh,64px);z-index:3;display:none;align-items:center;gap:10px;min-height:44px;padding:10px 16px;border:1px solid rgba(243,239,231,.4);background:rgba(12,38,36,.78);color:#f3efe7;font:500 13px/1 var(--header-font,'Jost',Arial,sans-serif);letter-spacing:.08em;cursor:pointer}
.cine-pause i{display:inline-block;width:10px;height:12px;border-inline:3px solid currentColor}
.cine-pause[aria-pressed="true"] i{width:0;height:0;border:0;border-left:11px solid currentColor;border-block:7px solid transparent}
html.cine-live .cine-pause{display:inline-flex}
.cine-pause:focus-visible{outline:2px solid var(--c-brass);outline-offset:3px}
@media(max-width:760px){
.cine-stage{height:auto;min-height:0;display:flex;flex-direction:column}
.cine-media{position:relative;inset:auto;height:52svh;min-height:300px}
html.cine-play .cine{height:220svh}
html.cine-play .cine-stage{height:calc(100svh - var(--c-header-compact));}
html.cine-play .cine-media{flex:1 1 auto;height:auto;min-height:0}
.cine-panel{position:relative;left:auto;bottom:auto;width:auto;padding:22px 20px 24px;box-shadow:none}
.cine-panel h1{font-size:clamp(44px,13vw,60px)}
.cine-lead{font-size:16px;margin-top:12px}
.cine-actions{margin-top:18px}
.cine-btn{flex:1 1 100%;min-height:52px}
.cine-chapters{top:12px;right:12px;gap:12px;padding:10px 12px}
.cine-scroll{display:none!important}
.cine-pause{top:12px;right:12px;bottom:auto}
}
@media(max-width:760px) and (max-height:700px){html.cine-play .cine-panel .cine-lead{display:none}}

/* ========== Footer istituzionale ========== */
.site-footer{background:var(--c-green);color:#f5f1e9;padding:76px 7vw 30px;font-family:var(--header-font,'Jost',Arial,sans-serif);border-top:1px solid rgba(255,255,255,.08)}
.site-footer .footer-top{display:grid;grid-template-columns:minmax(260px,1.3fr) 1fr .9fr;gap:56px;align-items:start}
.site-footer .footer-top>.footer-brand{display:block}
.footer-brand a.footer-mark{display:inline-flex;align-items:center;gap:16px;text-decoration:none;min-height:44px}
.footer-brand img{display:block;width:64px;height:64px}
.footer-wordmark{display:flex;flex-direction:column;gap:4px}
.footer-wordmark strong{font:500 22px/1 var(--header-font,'Jost',Arial,sans-serif);letter-spacing:.22em;text-transform:uppercase}
.footer-wordmark span{font:400 12px/1.3 var(--header-font,'Jost',Arial,sans-serif);letter-spacing:.2em;text-transform:uppercase;color:#cdd6c9}
.footer-claim{margin:34px 0 0;font:400 clamp(34px,3.4vw,52px)/1.02 var(--serif);letter-spacing:-.02em;color:#f5f1e9}
.footer-claim em{font-style:italic;color:var(--c-brass-soft)}
.site-footer .footer-top>div:not(.footer-brand){display:flex;flex-direction:column;align-items:flex-start;gap:0;font-size:15px;letter-spacing:.02em}
.site-footer .footer-top>div:not(.footer-brand)>a,.site-footer .footer-top address a{min-height:44px;display:inline-flex;align-items:center}
.site-footer .footer-top .text-link{margin:0 0 10px;padding:0;border-bottom:1px solid rgba(245,241,233,.45);font-size:13px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}
.site-footer .footer-top address{font-size:15px;line-height:1.7;font-style:normal;letter-spacing:.02em}
.site-footer .footer-top address a{margin-top:6px;border-bottom:1px solid rgba(245,241,233,.35)}
.site-footer .footer-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:0 28px;margin-top:60px;padding-top:10px;border-top:1px solid rgba(245,241,233,.2);font-size:13px;letter-spacing:.04em}
.site-footer .footer-bottom>span{margin-right:auto;font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase}
.site-footer .footer-bottom a,.site-footer .footer-bottom button{min-height:44px;display:inline-flex;align-items:center}
.site-footer .legal{margin-top:6px;color:#c9d3c6;font-size:12px;letter-spacing:.06em}
.site-footer a:hover{color:#fff;border-color:#fff}
.site-footer :is(a,button):focus-visible{outline:2px solid #f5f1e9;outline-offset:4px}
@media(max-width:1000px){.site-footer .footer-top{grid-template-columns:1fr 1fr;gap:40px}.site-footer .footer-top>.footer-brand{grid-column:1/-1}.site-footer .footer-top address{grid-column:auto}}
@media(max-width:650px){.site-footer{padding:56px 6vw 96px}.site-footer .footer-top{display:flex;flex-direction:column;gap:30px}.footer-brand img{width:52px;height:52px}.footer-wordmark strong{font-size:19px}.footer-claim{font-size:36px;margin-top:26px}.site-footer .footer-bottom{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;margin-top:36px}.site-footer .footer-bottom>span{grid-column:1/-1;margin:10px 0 4px}.site-footer .legal{display:grid;gap:2px;font-size:12px}}

/* ========== Leggibilità mobile e aree di tocco ========== */
.motion-toggle{min-height:44px;padding:10px 16px;font-size:12px}
@media(max-width:700px){
html body :is(.retreat-label,.room-kicker,.eyebrow,.retreat-paths span,.retreat-massage-menu article>span,.retreat-spa-photo figcaption,.room-search .eyebrow,.booking-intro .eyebrow,.booking-field label span,.image-caption,.opening-bottom,.closing-meta,.water-counter){font-size:12px}
html body .motion-toggle,html body .retreat-main~.motion-toggle{font-size:12px}
}

/* ========== Prenotazioni benessere ========== */
.wellness-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
html body .wellness-cart-items span{font-size:13px}
.wellness-cart-note{display:block;margin-top:4px;color:#3f5a45}
html body :is(.wellness-legend,.wellness-slot small,.wellness-day-break,.wellness-service-switch small,.wellness-eyebrow){font-size:12px}
.wellness-contact-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 4px}
.wellness-contact-actions .wellness-button{min-height:48px;text-decoration:none}
html body.wellness-offline :is(.wellness-customer-access,.wellness-cart,.wellness-legend){display:none}
html body.wellness-offline .wellness-workspace{grid-template-columns:minmax(0,1fr)}
.wellness-minicart{position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:18;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 18px;background:var(--c-green);color:#fff;box-shadow:0 10px 28px rgba(12,38,36,.3);font:450 15px/1.35 var(--header-font,'Jost',Arial,sans-serif)}
.wellness-minicart[hidden]{display:none}
.wellness-minicart button{min-height:44px;padding:8px 16px;border:1px solid #f5f1e9;background:#f5f1e9;color:var(--c-green);font:500 15px/1.2 var(--header-font,'Jost',Arial,sans-serif)}
.wellness-minicart button:focus-visible{outline:2px solid #fff;outline-offset:3px}
body.wellness-minicart-on .motion-toggle{visibility:hidden}
@media(min-width:1001px){.wellness-minicart{display:none!important}}
.wellness-hour-group summary{min-height:48px}
html body :is(.wellness-page,.wellness-admin) :is(input,select,textarea){font-size:16px}

/* ========== Area riservata ========== */
.wellness-unassigned{margin:0 0 16px;padding:12px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;background:#f1e9d6;border-left:3px solid #9a7a36;font-size:15px}
.wellness-unassigned[hidden]{display:none}
html body.admin-body :is(.header-nav,.book-link){display:none}
html body.admin-body .wellness-heading{margin-bottom:12px}
html body.admin-body .wellness-heading h1{font-size:clamp(30px,4vw,40px);line-height:1.1}
html body.admin-body .wellness-heading h1 br{display:none}
html body.admin-body .wellness-heading>p{display:none}
html body.admin-body .site-footer .footer-top{display:none}
html body.admin-body .site-footer .footer-bottom{margin-top:0}
html body.admin-body .site-footer{padding-top:24px}
@media(max-width:1100px){html.cine-js body.admin-body{padding-top:88px}html body.admin-body .site-header{height:88px}html body.admin-body .header-inner{grid-template-rows:88px}}

/* ========== Barra rapida mobile e Chat AI ========== */
.cine-dock{display:none}
.cine-ai-fab{position:fixed;left:20px;bottom:20px;z-index:25;display:inline-flex;align-items:center;gap:12px;min-height:56px;padding:6px 20px 6px 6px;border:1px solid rgba(245,241,233,.35);border-radius:999px;background:var(--c-green);color:#f5f1e9;font:500 15px/1 var(--header-font,'Jost',Arial,sans-serif);letter-spacing:.04em;box-shadow:0 10px 28px rgba(12,38,36,.28);cursor:pointer}
.cine-ai-fab:hover{background:#2f5146}
.cine-ai-fab .cine-orb{width:44px;height:44px}
.cine-ai-fab .cine-orb img{width:28px;height:28px}
.cine-orb{position:relative;display:grid;place-items:center;border-radius:50%;background:var(--c-green);box-shadow:0 0 0 2px var(--c-brass)}
.cine-orb img{display:block}
.cine-mic{position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:22px;height:22px;border-radius:50%;background:var(--c-brass);color:#fff;display:grid;place-items:center;border:2px solid #f7f4ee}
.cine-mic svg{width:12px;height:12px}
body.admin-body :is(.cine-dock,.cine-ai-fab){display:none!important}
body.cine-ai-loaded .cine-ai-fab{display:none}
.cine-ai-status{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:40;max-width:calc(100% - 32px);padding:12px 16px;background:var(--c-deep);color:#f5f1e9;font:400 15px/1.4 var(--header-font,'Jost',Arial,sans-serif);box-shadow:0 10px 28px rgba(12,38,36,.3)}
.cine-ai-status a{color:#fff;text-decoration:underline}
.cine-ai-status[hidden]{display:none}
@media(max-width:760px){
.cine-ai-fab{display:none}
body:not(.admin-body){padding-bottom:calc(84px + env(safe-area-inset-bottom))}
.cine-dock{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;position:fixed;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));z-index:30;height:70px;padding:0 4px 4px;background:rgba(247,244,238,.97);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(18,63,60,.14);border-radius:22px;box-shadow:0 10px 30px rgba(12,38,36,.2)}
.cine-dock a,.cine-dock button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:60px;padding:4px 2px;border:1.5px solid transparent;background:none;color:var(--c-green);font:500 12px/1.1 var(--header-font,'Jost',Arial,sans-serif);letter-spacing:.01em;text-decoration:none;border-radius:16px;cursor:pointer}
.cine-dock svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cine-dock a[aria-current="page"]{background:#e6ece2;border-color:var(--c-green)}
.cine-dock :is(a,button):focus-visible{outline:2px solid var(--c-brass);outline-offset:2px}
.cine-dock .cine-dock-ai{justify-content:flex-end;padding-bottom:6px}
.cine-dock-ai .cine-orb{width:64px;height:64px;margin-top:-34px;border:3px solid #f7f4ee;box-shadow:0 0 0 2px var(--c-brass),0 8px 20px rgba(12,38,36,.3)}
.cine-dock-ai .cine-orb img{width:40px;height:40px}
html body .motion-toggle{bottom:calc(90px + env(safe-area-inset-bottom))}
html body .wellness-minicart{bottom:calc(90px + env(safe-area-inset-bottom))}
body.cine-ai-loaded .motion-toggle{visibility:hidden}
html body .privacy-notice{bottom:calc(90px + env(safe-area-inset-bottom));max-height:calc(100dvh - 110px)}
elevenlabs-convai{transform:translateY(-84px)}
.cine-ai-status{bottom:calc(96px + env(safe-area-inset-bottom))}
}

/* Icona Chat AI v2 */
.cine-orb{background:radial-gradient(circle at 32% 28%,#3d6356 0%,#243f37 58%,#16302a 100%);box-shadow:0 0 0 2px var(--c-brass),0 6px 16px rgba(12,38,36,.28)}
.cine-orb-icon{width:58%;height:58%;fill:none;stroke:#f5f1e9;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cine-mic{left:auto;right:-3px;bottom:-1px;transform:none;width:22px;height:22px;border:2px solid #f7f4ee;box-shadow:0 2px 6px rgba(12,38,36,.3)}
.cine-mic svg{width:11px;height:11px}
.cine-ai-fab .cine-mic{width:18px;height:18px;right:-4px;bottom:-2px}
.cine-ai-fab .cine-mic svg{width:9px;height:9px}
@media(max-width:760px){.cine-dock .cine-dock-ai{gap:7px;padding-bottom:5px}.cine-dock-ai .cine-orb{width:60px;height:60px;margin-top:-30px;border:3px solid #f7f4ee;box-shadow:0 0 0 2px var(--c-brass),0 8px 18px rgba(12,38,36,.3)}.cine-dock-ai .cine-orb-icon{width:30px;height:30px}.cine-dock-ai>span:last-child{font-weight:600}}
@media(prefers-reduced-motion:no-preference){.cine-dock-ai .cine-orb::after{content:'';position:absolute;inset:-6px;border-radius:50%;border:1.5px solid rgba(184,149,90,.55);animation:cine-ring 2.8s var(--c-ease) infinite}}
@keyframes cine-ring{0%{transform:scale(.92);opacity:.9}70%,100%{transform:scale(1.18);opacity:0}}
html:not(.cine-motion) .cine-dock-ai .cine-orb::after{display:none}

/* Icone app v3 */
.cine-tile{position:relative;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -2px 0 rgba(0,0,0,.12),0 4px 10px rgba(12,38,36,.18)}
.cine-tile::before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(160deg,rgba(255,255,255,.28),rgba(255,255,255,0) 55%);pointer-events:none}
.cine-dock .cine-tile svg{position:relative;width:24px;height:24px;stroke:none;fill:none}
.cine-tile-rooms{background:linear-gradient(150deg,#3f6f5f,#1f4238)}
.cine-tile-day{background:linear-gradient(150deg,#c89b5b,#8e6531)}
.cine-tile-spa{background:linear-gradient(150deg,#3f8a8c,#1d5558)}
.cine-tile-massage{background:linear-gradient(150deg,#b8745a,#7c4231)}
@media(max-width:760px){.cine-dock a{gap:5px;font-weight:500}.cine-dock a[aria-current="page"]{background:#e9eee5;border-color:rgba(36,63,55,.55)}.cine-dock a[aria-current="page"] .cine-tile{box-shadow:0 0 0 2px #f7f4ee,0 0 0 3.5px var(--c-brass),0 4px 10px rgba(12,38,36,.2)}}
@media(hover:hover){.cine-dock a:hover .cine-tile{transform:translateY(-2px)}}
.cine-tile{transition:transform .25s var(--c-ease)}

/* Icona Chat AI v2b */
html body :is(.cine-dock,.cine-ai-fab) .cine-orb-icon{fill:none;stroke:#f5f1e9;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
html body .cine-dock .cine-mic svg{fill:none;stroke:#fff;stroke-width:2.4}

/* Pagina Chat AI e barra v4 (senza pulsante flottante) */
.cine-ai-fab,.cine-ai-status{display:none!important}
body.cine-ai-loaded .motion-toggle{visibility:visible}
@media(max-width:760px){elevenlabs-convai{transform:none}}
.cine-dock a.cine-dock-ai{justify-content:flex-end;padding-bottom:5px;gap:7px}
.cine-dock a.cine-dock-ai[aria-current="page"]{background:none;border-color:transparent}
.cine-dock a.cine-dock-ai[aria-current="page"] .cine-orb{box-shadow:0 0 0 2px #f7f4ee,0 0 0 4px var(--c-brass),0 8px 18px rgba(12,38,36,.3)}
.chat-page{max-width:1120px;margin:0 auto;padding:48px max(20px,4vw) 64px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:start}
.chat-intro h1{margin:0;font:400 clamp(44px,5.4vw,80px)/1 var(--serif);letter-spacing:-.03em;color:var(--c-ink)}
.chat-intro h1 em{font-style:italic}
.chat-intro p{font:400 17px/1.6 var(--header-font,'Jost',Arial,sans-serif);color:#2f4a45;margin:18px 0 0;max-width:46ch}
.chat-intro .chat-note{font-size:14px;color:#4b604f}
.chat-alt{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.chat-alt a{display:inline-flex;align-items:center;min-height:48px;padding:10px 18px;border:1px solid var(--c-green);color:var(--c-green);font:450 15px/1.2 var(--header-font,'Jost',Arial,sans-serif);text-decoration:none}
.chat-alt a:hover{background:var(--c-green);color:#fff}
.chat-stage{position:relative;transform:translateZ(0);overflow:hidden;height:min(680px,calc(100svh - 200px));min-height:480px;background:#fff;border:1px solid rgba(18,63,60,.14);border-radius:22px;box-shadow:0 20px 50px rgba(12,38,36,.12)}
.chat-loading{position:absolute;inset:auto 20px 20px;margin:0;font:400 15px/1.5 var(--header-font,'Jost',Arial,sans-serif);color:#2f4a45}
@media(max-width:860px){.chat-page{display:block;padding:24px 16px 32px}.chat-intro p{font-size:16px}.chat-stage{margin-top:22px;height:calc(100svh - 190px);min-height:440px;border-radius:18px}}