/* Creattivo | 03/11/2026 | applicazione feedback cliente: logo verticale, 5 servizi, team, modulo e WhatsApp */
/* Header: logo ufficiale verticale, adattato allo sfondo scuro senza deformarne i tracciati. */
nav{height:92px;padding-inline:clamp(18px,3.7vw,52px)}
.nav-logo{width:72px!important;max-height:90px!important;align-self:center;justify-content:center!important;flex-shrink:0!important}
.nav-logo img{width:65px!important;height:85px!important;max-height:85px;object-fit:contain!important}
.nav-links a{color:#fff!important}
.nav-links a:hover,.nav-links a:focus-visible{color:var(--red)!important}
.mobile-navigation a{color:#fff}
.f-logo{font-family:inherit!important;font-size:inherit!important;letter-spacing:normal!important}
.f-logo img{width:88px;max-width:100%;height:auto;display:block}
.f-logo a{display:inline-block}
/* Five distinct services; keep existing scroll/stack/card effects on desktop and mobile. */
body.kiwi-motion .pillars[data-service="0"] .ph::after{content:"01 / 05"}
body.kiwi-motion .pillars[data-service="1"] .ph::after{content:"02 / 05"}
body.kiwi-motion .pillars[data-service="2"] .ph::after{content:"03 / 05"}
body.kiwi-motion .pillars[data-service="3"] .ph::after{content:"04 / 05"}
body.kiwi-motion .pillars[data-service="4"] .ph::after{content:"05 / 05"}
body.kiwi-motion .pillar .p-title{overflow-wrap:anywhere}
/* Keep the sentence natural on one line and clean when it wraps. */
.scene-pane .sp-h2 em{margin-left:0}
/* Static client-provided infographic, no interactive SVG or calls to action. */
.brand-logo-infographic{margin:0;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.16);background:#f6f6f4;box-shadow:0 32px 95px rgba(0,0,0,.22)}
.brand-logo-infographic img{display:block;width:100%;height:auto;object-fit:contain}
.brand-logo-infographic figcaption{font:11px var(--fl);color:#4f5055;letter-spacing:.04em;text-align:center;padding:11px 16px 14px;background:#f6f6f4}
.page-hero .hero-h1{font-size:clamp(37px,5.5vw,73px);line-height:.98;overflow-wrap:normal}
.about-hero-line{display:block}
.about-hero-highlight{color:var(--red)}
.page-hero .hero-sub strong{color:#f5f3f0;font-weight:700}
/* Team portrait cutouts (original WP assets have transparent backgrounds). */
.team-avatar-photo{background:radial-gradient(circle at 50% 65%,rgba(126,38,37,.19),transparent 62%),linear-gradient(160deg,#222326,#111215)}
.team-avatar-photo .team-photo{object-fit:contain!important;object-position:center bottom!important}
/* Contact form: optional company fields, visually identical to the other inputs. */
.contact-field select{width:100%;min-width:0;min-height:58px;padding:17px 52px 17px 20px;border:1px solid rgba(255,255,255,.09);background:
 linear-gradient(45deg,transparent 50%,rgba(255,255,255,.78) 50%) calc(100% - 27px) calc(50% - 3px)/7px 7px no-repeat,
 linear-gradient(135deg,rgba(255,255,255,.78) 50%,transparent 50%) calc(100% - 21px) calc(50% - 3px)/7px 7px no-repeat,
 linear-gradient(180deg,#101012,#101012);
color:#e5e2df;font:15px var(--fb);outline:none;border-radius:0;-webkit-appearance:none;appearance:none}
.contact-field select:focus-visible{border-color:var(--red)}
.contact-field select option{background:#101012;color:#e5e2df}
.contact-field select:disabled{opacity:1}
.field-optional{font:normal 10px var(--fb);letter-spacing:normal;text-transform:none;color:#a5a3a2}
.contact-row-optional{margin-top:2px}
/* External editorial project, not a new Creattivo service. */
.olfactory-feature{position:relative;z-index:2;background:#0b0b0d;padding:clamp(70px,8vw,132px) 24px;border-top:1px solid rgba(255,255,255,.065);border-bottom:1px solid rgba(255,255,255,.08)}
.olfactory-inner{max-width:1200px;margin:0 auto;border:1px solid rgba(255,255,255,.10);background:radial-gradient(ellipse at 20% 20%,rgba(118,50,56,.09),transparent 52%),#121113;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:stretch;overflow:hidden;min-height:390px}
.olfactory-content{padding:clamp(28px,5vw,78px);position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center}
.olfactory-eyebrow{font:10px var(--fl);letter-spacing:.22em;color:#cf787b;margin:0 0 23px}
.olfactory-content h2{font-family:var(--fd);font-weight:850;font-size:clamp(35px,4vw,61px);line-height:1.03;text-transform:uppercase;color:#f5f2ef;max-width:850px;margin:0 0 20px}
.olfactory-content p:not(.olfactory-eyebrow){color:#c1b9b9;font:15px/1.7 var(--fb);max-width:620px;margin:0 0 25px}
.olfactory-content strong{color:#f0e8e5;font-weight:650}
.olfactory-link{display:inline-flex;gap:16px;align-items:center;align-self:flex-start;min-height:46px;padding:12px 19px;background:transparent;border:1px solid #b86d72;color:#fff;font:11px var(--fl);text-transform:uppercase;letter-spacing:.12em;text-decoration:none;transition:background .2s,border .2s}
.olfactory-link:hover,.olfactory-link:focus-visible{background:#742d39;border-color:#d08c96}
.olfactory-visual{position:relative;min-height:355px;overflow:hidden;background:#0d0d10}
.olfactory-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,12,14,.18) 0%,rgba(12,12,14,.04) 32%,rgba(12,12,14,.46) 100%),linear-gradient(0deg,rgba(12,12,14,.45),rgba(12,12,14,.18))}
.olfactory-visual img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center;filter:saturate(.93) contrast(1.02)}
.olfactory-caption{position:absolute;left:28px;bottom:26px;z-index:1;display:inline-flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid rgba(255,255,255,.17);background:rgba(8,8,9,.48);backdrop-filter:blur(6px);font:11px var(--fl);letter-spacing:.2em;text-transform:uppercase;color:#f3efeb}
.olfactory-caption::before{content:"";width:8px;height:8px;border-radius:50%;background:#cf787b;box-shadow:0 0 0 6px rgba(207,120,123,.1)}
/* Floating WhatsApp – aligned to the site typography and reduced brand color. */
.whatsapp-float{position:fixed;right:25px;bottom:25px;z-index:1100;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:57px;padding:0 20px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(14,14,16,.95);color:#f4f1ed;text-decoration:none;box-shadow:0 16px 34px rgba(0,0,0,.34);font:11px var(--fl);letter-spacing:.12em;text-transform:uppercase;transition:transform .2s,background .2s,border-color .2s,color .2s}
.whatsapp-float:hover,.whatsapp-float:focus-visible{transform:translateY(-3px);border-color:rgba(227,27,35,.65);background:#161619;color:#fff}
.whatsapp-float svg{flex:none;color:#25D366}
.whatsapp-float-text{white-space:nowrap}
@media(max-width:980px){
 .olfactory-inner{grid-template-columns:1fr}
 .olfactory-visual{min-height:280px}
 .olfactory-content h2{font-size:clamp(31px,4.5vw,53px)}
}
@media(max-width:768px){
 nav{height:76px;padding-inline:20px}
 .nav-logo{width:51px!important;max-height:74px!important}
 .nav-logo img{width:49px!important;height:70px!important;max-height:70px!important}
 .page-hero{padding-top:122px}
 .page-hero .hero-h1{font-size:clamp(35px,9.4vw,56px)}
 .cs-lead{margin-bottom:38px}
 .brand-logo-infographic figcaption{font-size:10px}
 .olfactory-feature{padding:70px 16px}
 .olfactory-content{padding:32px 24px}
 .olfactory-content h2{font-size:clamp(32px,8vw,49px)}
 .olfactory-visual{min-height:235px;max-height:265px}
 .olfactory-caption{left:18px;bottom:18px;padding:10px 13px;font-size:10px}
 .whatsapp-float{right:15px;bottom:16px;min-width:56px;min-height:56px;width:56px;padding:0;z-index:1100}
 .whatsapp-float-text{display:none}
 .contact-field select{min-height:53px}
}
@media(prefers-reduced-motion:reduce){.whatsapp-float,.olfactory-link{transition:none!important}}

.brand-logo-infographic a{display:block;line-height:0;cursor:zoom-in}
.brand-logo-infographic a:focus-visible{outline:3px solid var(--red);outline-offset:-3px}
.modal-close-symbol{font:normal 27px/1 Arial,sans-serif;color:inherit;display:block}

/* Footer links in white to match the updated request. */
.f-links a{color:#fff}
.f-copy{color:rgba(255,255,255,.72)}
/* Prevent visual indentation when the emphasized phrase wraps to a new line. */
@media(max-width:1280px){
  .scene-pane .sp-h2 em{display:block}
}

/* PATCH V2-FINAL | 2026-11-03 */
/* Shared contact-field control typography, spacing, and focus behavior. */
.contact-field select{
  min-height:53px;
  padding:14px 46px 14px 16px;
  font-family:var(--fb);
  font-size:14px;
  font-weight:400;
  line-height:1.4;
  border:1px solid var(--border);
  border-radius:0;
  color:#fff;
  background-color:var(--bgcard);
  background-image:
    linear-gradient(45deg,transparent 50%,#c3b9b9 50%),
    linear-gradient(135deg,#c3b9b9 50%,transparent 50%);
  background-position:calc(100% - 23px) 50%,calc(100% - 17px) 50%;
  background-size:6px 6px,6px 6px;
  background-repeat:no-repeat;
  appearance:none;
  -webkit-appearance:none;
  transition:border-color .2s;
}
.contact-field select:has(option[value=""]:checked){color:var(--dim)}
.contact-field select option{color:#fff;background:var(--bgcard)}
.contact-field select:focus{border-color:var(--red)}
/* Remove accidental extra horizontal spacing before the wrap-sensitive phrase. */
.scene-pane .sp-h2 em{margin-left:0!important}
/* Reinforce the Creattivo red accent while keeping the WhatsApp icon recognizable. */
.whatsapp-float{
  border-color:rgba(227,27,35,.74);
  background:#171719;
  box-shadow:0 12px 34px rgba(0,0,0,.44),0 0 0 1px rgba(227,27,35,.10);
}
.whatsapp-float:hover,.whatsapp-float:focus-visible{
  background:#e31b23;border-color:#e31b23;color:#fff;
}
.whatsapp-float svg{color:#25D366}
.olfactory-visual img{object-position:54% center}
@media(max-width:768px){
 .whatsapp-float{box-shadow:0 12px 28px rgba(0,0,0,.47),0 0 0 1px rgba(227,27,35,.12)}
}