/* ==========================================================================
   MOTTA DESIGN SYSTEM · v1
   OTTOBIX-DS v1 START
   --------------------------------------------------------------------------
   Fonte vincolante: Motta Brand System v2 (luglio 2026) · Allegato A.
   Un unico foglio di stile caricato su tutto il sito (child theme Salient).
   Regole: solo colori token · solo Cormorant Garamond + Inter · raggi 2/8/50px
   e 50% medaglioni · bordi 1px · ombre solo token · 3 animazioni ammesse.
   Niente JavaScript di contenuto. Nessun hex fuori palette.
   Equilibrio colori: cream/bianco ~70% · navy ~20% · oro ~8% · rosso solo H24.
   Oro su fondo chiaro = SOLO decorativo, mai testo informativo.
   ========================================================================== */

/* OTTOBIX-TOKENS v1 START */
:root{
  --motta-navy:#0a0938;
  --motta-navy-deep:#050331;
  --motta-gold:#c9a961;
  --motta-gold-light:#e4b94d;
  --motta-cream:#fafaf7;
  --motta-cream-warm:#fefcf6;
  --motta-cream-shade:#f6f3eb;
  --motta-ink:#2a2a48;
  --motta-muted:#5a5a72;
  --motta-white:#ffffff;
  --motta-live:#2f9e5f;
  --motta-border-gold:rgba(201,169,97,.25);
  --motta-border-navy:rgba(10,9,56,.06);
  --motta-shadow-card:0 4px 20px rgba(10,9,56,.05);
  --motta-shadow-anchor:0 12px 34px rgba(10,9,56,.14);
  --motta-shadow-high:0 22px 54px rgba(10,9,56,.22);
  --motta-gradient-gold:linear-gradient(135deg,#c9a961,#e4b94d);
  --motta-hairline:linear-gradient(90deg,transparent,#c9a961,transparent);
  --motta-serif:"Cormorant Garamond",Georgia,serif;
  --motta-sans:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;
  --motta-radius-button:2px;
  --motta-radius-card:8px;
  --motta-radius-pill:50px;
  --motta-container:1160px;
  --motta-ease:cubic-bezier(.22,.61,.36,1);
}
/* OTTOBIX-TOKENS v1 END */

/* ==========================================================================
   1 · ANIMAZIONI AMMESSE (A6) — uniche tre, easing e durate da brand book
   ========================================================================== */

@keyframes motta-pulse{0%{box-shadow:0 0 0 0 rgba(47,158,95,.45)}70%{box-shadow:0 0 0 10px rgba(47,158,95,0)}100%{box-shadow:0 0 0 0 rgba(47,158,95,0)}}
@keyframes motta-fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes motta-drawX{from{transform:scaleX(0)}to{transform:scaleX(1)}}

.motta-fadeup{animation:motta-fadeUp .7s var(--motta-ease) both}
.motta-fadeup--d1{animation-delay:.15s}
.motta-fadeup--d2{animation-delay:.3s}
.motta-fadeup--d3{animation-delay:.45s}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
}

/* ==========================================================================
   2 · TIPOGRAFIA (A3) — Cormorant Garamond per titoli/citazioni, Inter per body/UI
   Mobile: H1 38-44 · H2 30-34 · body mai sotto 16px (clamp)
   ========================================================================== */

.motta-h1{
  font-family:var(--motta-serif);
  font-weight:500;
  font-size:clamp(38px,5vw,64px);
  line-height:1.08;
  letter-spacing:-.5px;
  color:var(--motta-navy);
  margin:0 0 24px;
}
.motta-h2{
  font-family:var(--motta-serif);
  font-weight:500;
  font-size:clamp(30px,3.4vw,46px);
  line-height:1.14;
  letter-spacing:-.4px;
  color:var(--motta-navy);
  margin:0 0 16px;
}
.motta-h3{
  font-family:var(--motta-serif);
  font-weight:600;
  font-size:clamp(24px,2.2vw,30px);
  line-height:1.25;
  color:var(--motta-navy);
  margin:0 0 12px;
}
.motta-h4{
  font-family:var(--motta-sans);
  font-weight:600;
  font-size:17.5px;
  line-height:1.45;
  letter-spacing:1px;
  color:var(--motta-navy);
  margin:0 0 8px;
}
.motta-body{
  font-family:var(--motta-sans);
  font-weight:400;
  font-size:clamp(16px,1.1vw,18px);
  line-height:1.7;
  letter-spacing:.2px;
  color:var(--motta-ink);
}
.motta-body p{margin:0 0 16px}
.motta-quote{
  font-family:var(--motta-serif);
  font-style:italic;
  font-weight:500;
  font-size:clamp(22px,2.4vw,30px);
  line-height:1.45;
  color:var(--motta-navy);
  margin:0;
}
.motta-eyebrow{
  font-family:var(--motta-sans);
  font-weight:700;
  font-size:12px;
  letter-spacing:4px;
  text-transform:uppercase;
  color:var(--motta-gold);
  display:block;
  margin:0 0 16px;
}
.motta-caption{
  font-family:var(--motta-sans);
  font-weight:400;
  font-size:12.5px;
  line-height:1.6;
  color:var(--motta-muted);
}
.motta-seal{
  font-family:var(--motta-sans);
  font-weight:800;
  font-size:12px;
  letter-spacing:5.5px;
  text-transform:uppercase;
  color:var(--motta-navy);
}

/* Corsivo gradient oro: SOLO sulla parola chiave dei titoli (A3) */
.motta-kw{
  font-style:italic;
  color:var(--motta-gold);
  background:var(--motta-gradient-gold);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* Su fondo navy: testo bianco AAA */
.motta-on-navy .motta-h1,.motta-on-navy .motta-h2,.motta-on-navy .motta-h3,
.motta-on-navy .motta-h4,.motta-on-navy .motta-quote{color:var(--motta-white)}
.motta-on-navy .motta-body,.motta-on-navy .motta-body p{color:rgba(255,255,255,.88)}
.motta-on-navy .motta-caption{color:rgba(255,255,255,.62)}
.motta-on-navy .motta-seal{color:var(--motta-gold)}

/* ==========================================================================
   3 · GEOMETRIE (A4) — base 8 · container 1160 · sezioni 80-120/48-64
   ========================================================================== */

.motta-container{
  max-width:var(--motta-container);
  margin-left:auto;
  margin-right:auto;
  padding-left:24px;
  padding-right:24px;
}
.motta-section{padding-top:clamp(48px,9vw,120px);padding-bottom:clamp(48px,9vw,120px)}
.motta-section--compact{padding-top:clamp(48px,6vw,80px);padding-bottom:clamp(48px,6vw,80px)}

.motta-bg-cream{background:var(--motta-cream)}
.motta-bg-cream-warm{background:var(--motta-cream-warm)}
.motta-bg-cream-shade{background:var(--motta-cream-shade)}
.motta-bg-white{background:var(--motta-white)}
.motta-bg-navy{background:var(--motta-navy)}
.motta-bg-navy-deep{background:var(--motta-navy-deep)}

/* Griglie: impianto a due colonne; 3×3 solo per set di card (hub Servizi) */
.motta-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.motta-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media (max-width:1024px){
  .motta-grid-3{grid-template-columns:1fr 1fr}
}
@media (max-width:768px){
  .motta-grid-2,.motta-grid-3{grid-template-columns:1fr;gap:16px}
}

/* Hairline signature 120-160px tra sezioni maggiori */
.motta-hairline{
  height:1px;
  width:clamp(120px,12vw,160px);
  background:var(--motta-hairline);
  border:0;
  margin:0 auto;
}
.motta-hairline--draw{animation:motta-drawX .9s var(--motta-ease) both}
.motta-hairline--left{margin-left:0}

/* Spaziature utili (scala base 8) */
.motta-mt-8{margin-top:8px}.motta-mt-16{margin-top:16px}.motta-mt-24{margin-top:24px}
.motta-mt-32{margin-top:32px}.motta-mt-48{margin-top:48px}.motta-mt-64{margin-top:64px}
.motta-mb-8{margin-bottom:8px}.motta-mb-16{margin-bottom:16px}.motta-mb-24{margin-bottom:24px}
.motta-mb-32{margin-bottom:32px}.motta-mb-48{margin-bottom:48px}.motta-mb-64{margin-bottom:64px}
.motta-center{text-align:center}

/* ==========================================================================
   4 · PULSANTI E LINK (A5) — tap target ≥44px · focus visibile
   ========================================================================== */

.motta-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  background:var(--motta-navy);
  color:var(--motta-white);
  font-family:var(--motta-sans);
  font-weight:700;
  font-size:12.5px;
  letter-spacing:1.3px;
  text-transform:uppercase;
  padding:15px 28px;
  min-height:44px;
  border:1px solid var(--motta-navy);
  border-radius:var(--motta-radius-button);
  text-decoration:none;
  cursor:pointer;
  transition:background .3s ease,color .3s ease;
}
.motta-btn:hover{background:transparent;color:var(--motta-navy)}

.motta-btn--secondary{
  background:transparent;
  color:var(--motta-gold);
  border-color:var(--motta-gold);
}
.motta-btn--secondary:hover{background:var(--motta-gold);color:var(--motta-navy)}

/* Su fondo navy il primario si inverte: bianco pieno o bordo oro */
.motta-on-navy .motta-btn{background:var(--motta-white);color:var(--motta-navy);border-color:var(--motta-white)}
.motta-on-navy .motta-btn:hover{background:transparent;color:var(--motta-white)}
.motta-on-navy .motta-btn--secondary{background:transparent;color:var(--motta-gold);border-color:var(--motta-gold)}
.motta-on-navy .motta-btn--secondary:hover{background:var(--motta-gold);color:var(--motta-navy)}

/* Phone CTA: come primario + icona telefono line-art (SVG inline nell'HTML) */
.motta-btn--phone svg{width:15px;height:15px;flex:0 0 auto}
.motta-btn--phone svg *{stroke:currentColor}

.motta-link{
  display:inline-block;
  font-family:var(--motta-sans);
  font-weight:700;
  font-size:12px;
  letter-spacing:1.3px;
  text-transform:uppercase;
  color:var(--motta-navy);
  text-decoration:none;
  border-bottom:1px solid var(--motta-gold);
  padding-bottom:3px;
  transition:color .3s ease;
}
.motta-link:hover{color:var(--motta-gold)}

.motta-btn:focus-visible,.motta-link:focus-visible,
.motta-card a:focus-visible,a.motta-card:focus-visible{
  outline:2px solid var(--motta-gold);
  outline-offset:2px;
}

/* ==========================================================================
   5 · CARD (A5) — bianco · border-navy 1px · raggio 8 · shadow-card
   ========================================================================== */

.motta-card{
  background:var(--motta-white);
  border:1px solid var(--motta-border-navy);
  border-radius:var(--motta-radius-card);
  padding:32px 28px;
  box-shadow:var(--motta-shadow-card);
  transition:transform .3s var(--motta-ease),box-shadow .3s var(--motta-ease);
}
.motta-card:hover{transform:translateY(-3px);box-shadow:var(--motta-shadow-anchor)}
a.motta-card{display:block;text-decoration:none;color:inherit}

.motta-card--navy{
  background:var(--motta-navy);
  border-color:rgba(201,169,97,.35);
}
.motta-card--framed{border-color:var(--motta-border-gold)}

/* ==========================================================================
   6 · PILL RATING · PUNTO H24 (A5)
   ========================================================================== */

.motta-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:var(--motta-white);
  border:1px solid var(--motta-border-gold);
  border-radius:var(--motta-radius-pill);
  padding:9px 18px;
  font-family:var(--motta-sans);
  font-weight:600;
  font-size:13px;
  color:var(--motta-navy);
  text-decoration:none;
}
.motta-pill .motta-stars{color:var(--motta-gold);letter-spacing:2px;font-size:12px}

.motta-h24{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-family:var(--motta-sans);
  font-weight:800;
  font-size:12px;
  letter-spacing:2.5px;
  text-transform:uppercase;
  color:var(--motta-navy);
}
.motta-h24__dot{
  width:11px;height:11px;
  border-radius:50%;
  background:var(--motta-live);
  animation:motta-pulse 2s infinite;
  flex:0 0 auto;
}
.motta-on-navy .motta-h24{color:var(--motta-white)}

/* ==========================================================================
   7 · MEDAGLIONI (A4/A5) — cerchio 50% · bordo oro 1px · numerazione romana
   riservata alle quattro generazioni
   ========================================================================== */

.motta-medallion{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:64px;height:64px;
  border-radius:50%;
  border:1px solid var(--motta-gold);
  background:var(--motta-cream-warm);
  font-family:var(--motta-serif);
  font-weight:600;
  font-size:22px;
  color:var(--motta-navy);
  flex:0 0 auto;
}
.motta-medallion--navy{background:var(--motta-navy);color:var(--motta-gold)}

/* ==========================================================================
   8 · FOTOGRAFIA (A4) — grayscale(.18) contrast(1.02) · cornice oro ·
   ratio 5/4 o 16/9 · didascalia 11px maiuscola
   ========================================================================== */

.motta-photo{
  border:1px solid var(--motta-border-gold);
  border-radius:var(--motta-radius-card);
  overflow:hidden;
  margin:0;
}
.motta-photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  aspect-ratio:5/4;
  filter:grayscale(.18) contrast(1.02);
}
.motta-photo--wide img{aspect-ratio:16/9}
.motta-photo figcaption{
  font-family:var(--motta-sans);
  font-size:11px;
  font-weight:600;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:var(--motta-muted);
  padding:10px 14px;
  background:var(--motta-white);
  border-top:1px solid var(--motta-border-navy);
}

/* ==========================================================================
   9 · LISTE, TABELLE, FAQ — markup nativo pulito (SEO/AEO §1.2, §5)
   ========================================================================== */

.motta-list{
  margin:0 0 16px;
  padding-left:22px;
  font-family:var(--motta-sans);
  font-size:clamp(16px,1.1vw,18px);
  line-height:1.7;
  letter-spacing:.2px;
  color:var(--motta-ink);
}
.motta-list li{margin-bottom:8px}
.motta-list li::marker{color:var(--motta-gold)}

.motta-table{
  width:100%;
  border-collapse:collapse;
  font-family:var(--motta-sans);
  font-size:15.5px;
  line-height:1.6;
  color:var(--motta-ink);
  background:var(--motta-white);
  border:1px solid var(--motta-border-navy);
  border-radius:var(--motta-radius-card);
  overflow:hidden;
}
.motta-table th{
  font-size:11.5px;
  font-weight:700;
  letter-spacing:1.5px;
  text-transform:uppercase;
  text-align:left;
  color:var(--motta-navy);
  background:var(--motta-cream-shade);
  padding:12px 16px;
  border-bottom:1px solid var(--motta-border-navy);
}
.motta-table td{padding:12px 16px;border-bottom:1px solid var(--motta-border-navy)}
.motta-table tr:last-child td{border-bottom:0}

/* FAQ visibili: <h3> + <p>, risposte autonome (AEO §5.3) */
.motta-faq{border-top:1px solid var(--motta-border-navy)}
.motta-faq__item{padding:24px 0;border-bottom:1px solid var(--motta-border-navy)}
.motta-faq__item h3{
  font-family:var(--motta-serif);
  font-weight:600;
  font-size:clamp(20px,1.8vw,24px);
  line-height:1.3;
  color:var(--motta-navy);
  margin:0 0 10px;
}
.motta-faq__item p{
  font-family:var(--motta-sans);
  font-size:clamp(16px,1.05vw,17px);
  line-height:1.7;
  letter-spacing:.2px;
  color:var(--motta-ink);
  margin:0;
}

/* ==========================================================================
   10 · BREADCRUMB — visibile, sobrio (§2)
   ========================================================================== */

.motta-breadcrumb{
  font-family:var(--motta-sans);
  font-size:12px;
  font-weight:600;
  letter-spacing:1px;
  text-transform:uppercase;
  color:var(--motta-muted);
}
.motta-breadcrumb a{color:var(--motta-muted);text-decoration:none;transition:color .3s ease}
.motta-breadcrumb a:hover{color:var(--motta-gold)}
.motta-breadcrumb .sep{color:var(--motta-gold);margin:0 6px}

/* ==========================================================================
   11 · SEDI / NAP — <address> non in corsivo, dati fissi identici (§3.5)
   ========================================================================== */

.motta-address{
  font-style:normal;
  font-family:var(--motta-sans);
  font-size:clamp(16px,1.05vw,17px);
  line-height:1.7;
  letter-spacing:.2px;
  color:var(--motta-ink);
}
.motta-address a{color:var(--motta-navy);text-decoration:none;border-bottom:1px solid var(--motta-border-gold)}
.motta-address a:hover{color:var(--motta-gold)}


/* ==========================================================================
   12 · HEADER (skin Salient) — OTTOBIX-HEADER v1 START
   Sobrio: barra bianca, hairline navy, voci Inter 600 maiuscole navy,
   hover oro, dropdown a card, telefono = pulsante primario (A5).
   Nota: !important solo dove serve a superare il CSS generato dalle
   opzioni tema Salient (uso puntuale, non metodo).
   ========================================================================== */

#header-outer{
  background:var(--motta-white)!important;
  border-bottom:1px solid var(--motta-border-navy);
  box-shadow:none!important;
}
#header-outer .bg-color-stripe{background:transparent!important}

/* Voci di primo livello */
#header-outer #top nav > ul > li > a,
#header-outer .sf-menu > li > a{
  font-family:var(--motta-sans)!important;
  font-size:12.5px!important;
  font-weight:600!important;
  letter-spacing:1.5px!important;
  text-transform:uppercase!important;
  color:var(--motta-navy)!important;
  transition:color .3s ease;
}
#header-outer #top nav > ul > li > a:hover,
#header-outer #top nav > ul > li.sfHover > a,
#header-outer .sf-menu > li > a:hover{color:var(--motta-gold)!important}

/* Pagina corrente e hover: underline nativo Salient ricolorato ORO
   (niente doppia riga: nessun border custom, si usa il ::after del tema) */
#header-outer .sf-menu li a .menu-title-text:after,
#header-outer .sf-menu li a .menu-title-text:before{
  border-color:var(--motta-gold)!important;
  background-color:var(--motta-gold)!important;
}

/* Freccette dropdown */
#header-outer .sf-menu > li > a .sf-sub-indicator i,
#header-outer .sf-menu > li > a .sf-sub-indicator [class^="icon-"]{color:var(--motta-gold)!important}

/* Dropdown: card bianca, bordo 1px, raggio 8, ombra anchor */
#header-outer .sf-menu li ul{
  background:var(--motta-white)!important;
  border:1px solid var(--motta-border-navy)!important;
  border-radius:var(--motta-radius-card)!important;
  box-shadow:var(--motta-shadow-anchor)!important;
  padding:8px 0!important;
  overflow:hidden;
}
#header-outer .sf-menu li ul li a{
  font-family:var(--motta-sans)!important;
  font-size:13.5px!important;
  font-weight:500!important;
  letter-spacing:.2px!important;
  text-transform:none!important;
  color:var(--motta-ink)!important;
  padding:11px 22px!important;
  transition:color .3s ease,background-color .3s ease;
}
/* Neutralizzazione totale dell'accent Salient nel dropdown (hover/focus/attivo):
   specificità massima autorizzata (2 id + html body) perché il tema inietta
   il suo blu con regole generate ad alta specificità. Solo token brand. */
html body #header-outer #top nav ul.sf-menu li ul li,
html body #header-outer #top nav ul.sf-menu li ul li a,
html body #header-outer #top nav ul.sf-menu li ul li a .menu-title-text,
#header-outer .sf-menu li ul li,
#header-outer .sf-menu li ul li a{background:transparent!important;background-color:transparent!important;background-image:none!important}
html body #header-outer #top nav ul.sf-menu li ul li:hover,
html body #header-outer #top nav ul.sf-menu li ul li.sfHover,
html body #header-outer #top nav ul.sf-menu li ul li:hover > a,
html body #header-outer #top nav ul.sf-menu li ul li > a:hover,
html body #header-outer #top nav ul.sf-menu li ul li > a:focus,
html body #header-outer #top nav ul.sf-menu li ul li.sfHover > a,
html body #header-outer #top nav ul.sf-menu li ul li.current-menu-item > a,
html body #header-outer #top nav ul.sf-menu li ul li.current_page_item > a,
#header-outer .sf-menu li ul li:hover > a,
#header-outer .sf-menu li ul li a:hover{
  color:var(--motta-navy)!important;
  background:var(--motta-cream-shade)!important;
  background-image:none!important;
}
html body #header-outer #top nav ul.sf-menu li ul li:hover > a .menu-title-text,
html body #header-outer #top nav ul.sf-menu li ul li > a:hover .menu-title-text,
html body #header-outer #top nav ul.sf-menu li ul li.current-menu-item > a .menu-title-text{color:var(--motta-navy)!important;background:transparent!important}

/* Voce telefono: pulsante primario compatto, sempre visibile (§7) */
#header-outer #top nav > ul.sf-menu > li > a[href^="tel:"],
#header-outer .sf-menu > li > a[href^="tel:"]{
  background:var(--motta-navy)!important;
  color:var(--motta-white)!important;
  font-weight:700!important;
  letter-spacing:1.3px!important;
  border:1px solid var(--motta-navy)!important;
  border-radius:var(--motta-radius-button)!important;
  padding:12px 22px!important;
  line-height:1!important;
  transition:background .3s ease,color .3s ease;
}
#header-outer #top nav > ul.sf-menu > li > a[href^="tel:"]:hover,
#header-outer .sf-menu > li > a[href^="tel:"]:hover{
  background:transparent!important;
  color:var(--motta-navy)!important;
}
#header-outer #top nav > ul.sf-menu > li > a[href^="tel:"] .menu-title-text,
#header-outer .sf-menu > li > a[href^="tel:"] .menu-title-text{color:inherit!important;border:0!important}

/* Icone header: navy, hover oro */
#header-outer .slide-out-widget-area-toggle .lines,
#header-outer .slide-out-widget-area-toggle .lines:before,
#header-outer .slide-out-widget-area-toggle .lines:after,
#header-outer .slide-out-widget-area-toggle .lines-button:after{background-color:var(--motta-navy)!important}
#header-outer .slide-out-widget-area-toggle:hover .lines,
#header-outer .slide-out-widget-area-toggle:hover .lines:before,
#header-outer .slide-out-widget-area-toggle:hover .lines:after{background-color:var(--motta-gold)!important}
#header-outer #search-btn a span{color:var(--motta-navy)!important}

/* Overlay ricerca sobrio */
#search-outer{background:rgba(250,250,247,.98)!important}
#search-outer #search input[type="text"]{font-family:var(--motta-serif)!important;color:var(--motta-navy)!important}

/* Menu mobile / off-canvas: navy deep, voci bianche, hover oro */
#slide-out-widget-area{background-color:var(--motta-navy-deep)!important}
#slide-out-widget-area .off-canvas-menu-container li a,
#slide-out-widget-area a{font-family:var(--motta-sans)!important;color:var(--motta-white)!important}
#slide-out-widget-area .off-canvas-menu-container li a:hover{color:var(--motta-gold)!important}
#slide-out-widget-area-bg{background:rgba(5,3,49,.92)!important}

/* Social header: navy, hover oro (niente brand color Salient).
   fill-color coperto: Salient usa -webkit-text-fill-color per i colori social */
#header-outer .nectar-social a,
#header-outer .nectar-social a i,
#header-outer .nectar-social a i:before,
#header-outer .nectar-social a [class*="fa-"]:before{
  color:var(--motta-navy)!important;
  -webkit-text-fill-color:var(--motta-navy)!important;
  transition:color .3s ease,-webkit-text-fill-color .3s ease;
}
#header-outer .nectar-social a:hover,
#header-outer .nectar-social a:hover i,
#header-outer .nectar-social a:hover i:before,
#header-outer .nectar-social a:hover [class*="fa-"]:before{
  color:var(--motta-gold)!important;
  -webkit-text-fill-color:var(--motta-gold)!important;
}
#header-outer .nectar-social a:hover{background:transparent!important}

/* Copertura definitiva del background accent Salient nel dropdown:
   il tema impone il suo background-color con regole non superabili in
   specificità; lo si copre con un background-image piatto (gradient
   monocromo da token). Autorizzato: fix forzato richiesto dal cliente. */
html body #header-outer #top nav ul.sf-menu li ul li a{
  background-image:linear-gradient(var(--motta-white),var(--motta-white))!important;
}
html body #header-outer #top nav ul.sf-menu li ul li:hover > a,
html body #header-outer #top nav ul.sf-menu li ul li > a:hover,
html body #header-outer #top nav ul.sf-menu li ul li > a:focus,
html body #header-outer #top nav ul.sf-menu li ul li.sfHover > a,
html body #header-outer #top nav ul.sf-menu li ul li.current-menu-item > a,
html body #header-outer #top nav ul.sf-menu li ul li.current_page_item > a{
  background-image:linear-gradient(var(--motta-cream-shade),var(--motta-cream-shade))!important;
}

/* Levette banner: label sempre bianche (il material skin di Salient
   colora le label con il suo accent) */
html body .motta-cookiebar label,
html body .motta-cookiebar .motta-toggle,
html body .motta-cookiebar .motta-toggle__label{color:var(--motta-white)!important}

/* OTTOBIX-HEADER v1 END */

/* ==========================================================================
   13 · FOOTER (Global Section) — OTTOBIX-FOOTER v1 START
   Navy pieno, testo bianco AAA, titoli colonna oro, hairline oro signature.
   L'HTML vive nel widget Raw HTML della global section; qui solo lo stile.
   ========================================================================== */

.motta-footer{
  background:var(--motta-navy);
  font-family:var(--motta-sans);
  color:rgba(255,255,255,.88);
  padding:clamp(56px,7vw,88px) 0 0;
}
.motta-footer a{text-decoration:none;transition:color .3s ease,border-color .3s ease}
.motta-footer a:focus-visible{outline:2px solid var(--motta-gold);outline-offset:3px}
.motta-footer__container{max-width:var(--motta-container);margin:0 auto;padding:0 24px}

/* Fascia brand */
.motta-footer__brand{text-align:center;padding-bottom:clamp(40px,5vw,56px)}
.motta-footer__logo{height:clamp(54px,6vw,66px)!important;width:auto!important;max-width:none!important}
.motta-footer__hairline{height:1px;width:clamp(120px,12vw,160px);background:var(--motta-hairline);border:0;margin:26px auto}
.motta-footer__payoff{font-family:var(--motta-serif);font-style:italic;font-weight:500;font-size:clamp(22px,2.53vw,28.6px);line-height:1.45;color:var(--motta-white);margin:0 0 14px}
.motta-footer__seal{display:block;font-weight:800;font-size:12.1px;letter-spacing:5px;text-transform:uppercase;color:var(--motta-gold);margin:0 0 30px}
.motta-footer__actions{display:flex;align-items:center;justify-content:center;gap:14px 18px;flex-wrap:wrap}
.motta-footer__pill{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--motta-border-gold);border-radius:var(--motta-radius-pill);padding:10px 20px;min-height:44px;font-size:13px;font-weight:600;color:var(--motta-white)}
.motta-footer__pill:hover{border-color:var(--motta-gold);color:var(--motta-white)}
.motta-footer__stars{color:var(--motta-gold);letter-spacing:2px;font-size:12px}
.motta-footer__h24{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-weight:800;font-size:11.5px;letter-spacing:2.5px;text-transform:uppercase;color:var(--motta-white)}
.motta-footer__h24-dot{width:11px;height:11px;border-radius:50%;background:var(--motta-live);animation:motta-pulse 2s infinite;flex:0 0 auto}

/* Griglia mappa del sito */
.motta-footer__grid{
  display:grid;
  grid-template-columns:repeat(4,1fr) 1.35fr;
  gap:36px 24px;
  border-top:1px solid var(--motta-border-gold);
  padding:clamp(40px,5vw,56px) 0 clamp(48px,6vw,72px);
}
.motta-footer__title{font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--motta-gold);margin:0 0 18px}
.motta-footer__list{list-style:none!important;margin:0!important;padding:0!important}
.motta-footer__list li{list-style:none!important;margin:0 0 10px!important;padding:0!important}
.motta-footer__list li::marker{content:none}
.motta-footer__list li:before{display:none!important}
.motta-footer__list a{color:rgba(255,255,255,.82);font-size:14px;line-height:1.6;border-bottom:1px solid transparent;padding-bottom:2px}
.motta-footer__list a:hover{color:var(--motta-white);border-bottom-color:var(--motta-gold)}

/* Sedi */
.motta-footer__sede{font-style:normal;margin:0 0 18px}
.motta-footer__sede-label{display:block;font-size:10.5px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--motta-gold);margin:0 0 6px}
.motta-footer__sede a{display:inline-block;color:rgba(255,255,255,.82);font-size:14px;line-height:1.65;border-bottom:1px solid transparent;padding-bottom:2px}
.motta-footer__sede a:hover{color:var(--motta-white);border-bottom-color:var(--motta-gold)}

@media (max-width:1024px){
  .motta-footer__grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:600px){
  .motta-footer__grid{grid-template-columns:1fr;gap:32px}
}
/* OTTOBIX-FOOTER v1 END */

/* ==========================================================================
   14 · COPYRIGHT BAR (Global Section) — OTTOBIX-COPYRIGHT v1 START
   Navy deep, testo soft, credit Ottobix con logo filtrato bianco.
   ========================================================================== */

.motta-copyright{background:var(--motta-navy-deep);border-top:1px solid rgba(201,169,97,.16);font-family:var(--motta-sans)}
.motta-copyright__container{max-width:var(--motta-container);margin:0 auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap}
.motta-copyright__text{margin:0;font-size:12.5px;letter-spacing:.3px;color:rgba(255,255,255,.55)}
.motta-copyright__credit{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;letter-spacing:.3px;color:rgba(255,255,255,.55);text-decoration:none;transition:color .3s ease}
.motta-copyright__credit:hover{color:var(--motta-white)}
.motta-copyright__credit:focus-visible{outline:2px solid var(--motta-gold);outline-offset:3px}
.motta-copyright__logo{height:16px!important;width:auto!important;max-width:none!important;filter:brightness(0) invert(1);opacity:.55;transition:opacity .3s ease}
.motta-copyright__credit:hover .motta-copyright__logo{opacity:1}
@media (max-width:600px){.motta-copyright__container{flex-direction:column;text-align:center}}
/* OTTOBIX-COPYRIGHT v1 END */

/* ==========================================================================
   15 · PAGINE LEGAL / PROSE — OTTOBIX-LEGAL v1 START
   Contenitore a misura di lettura (860px) + tipografia prose da Allegato A
   per contenuti lunghi incollati come HTML semantico pulito.
   ========================================================================== */

.motta-legal{max-width:860px;margin:0 auto;padding:clamp(48px,6vw,80px) 24px}
.motta-legal__head{margin-bottom:clamp(32px,4vw,48px)}
.motta-legal__head .motta-hairline{margin:26px 0 0}
.motta-legal__updated{display:block;margin-top:14px;font-family:var(--motta-sans);font-size:12.5px;letter-spacing:.4px;color:var(--motta-muted)}

.motta-prose{font-family:var(--motta-sans);font-size:16.5px;line-height:1.7;letter-spacing:.2px;color:var(--motta-ink)}
.motta-prose p{margin:0 0 16px}
.motta-prose h2{font-family:var(--motta-serif);font-weight:600;font-size:clamp(24px,2.4vw,30px);line-height:1.25;color:var(--motta-navy);margin:40px 0 14px}
.motta-prose h3{font-family:var(--motta-serif);font-weight:600;font-size:clamp(20px,1.9vw,24px);line-height:1.3;color:var(--motta-navy);margin:32px 0 10px}
.motta-prose h4{font-family:var(--motta-sans);font-weight:600;font-size:16px;letter-spacing:.5px;color:var(--motta-navy);margin:24px 0 8px}
.motta-prose ul,.motta-prose ol{margin:0 0 16px;padding-left:22px}
.motta-prose li{margin-bottom:8px}
.motta-prose li::marker{color:var(--motta-gold)}
.motta-prose a{color:var(--motta-navy);text-decoration:none;border-bottom:1px solid var(--motta-border-gold);transition:color .3s ease,border-color .3s ease}
.motta-prose a:hover{color:var(--motta-gold);border-bottom-color:var(--motta-gold)}
.motta-prose strong,.motta-prose b{color:var(--motta-navy);font-weight:600}
.motta-prose blockquote{border-left:2px solid var(--motta-gold);margin:0 0 16px;padding:4px 0 4px 18px;font-style:italic;color:var(--motta-muted)}
.motta-prose table{width:100%;border-collapse:collapse;font-size:15px;margin:0 0 24px;background:var(--motta-white);border:1px solid var(--motta-border-navy)}
.motta-prose th{font-size:11.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;text-align:left;color:var(--motta-navy);background:var(--motta-cream-shade);padding:10px 14px;border-bottom:1px solid var(--motta-border-navy)}
.motta-prose td{padding:10px 14px;border-bottom:1px solid var(--motta-border-navy);vertical-align:top}
.motta-prose tr:last-child td{border-bottom:0}
/* OTTOBIX-LEGAL v1 END */

/* ==========================================================================
   16 · COOKIE BANNER (GDPR) — OTTOBIX-COOKIEBAR v1 START
   Bottom, full width, navy. Levette per categoria, Rifiuta / Accetta /
   Salva preferenze con pari evidenza (Garante), X = continua senza consenso.
   Scelta persistente 180 giorni. JS funzionale ammesso (documento §0.2).
   ========================================================================== */

.motta-cookiebar{
  position:fixed;left:0;right:0;bottom:0;z-index:99999;
  background:var(--motta-navy);
  border-top:1px solid rgba(201,169,97,.28);
  box-shadow:0 -12px 34px rgba(10,9,56,.25);
  font-family:var(--motta-sans);
  color:rgba(255,255,255,.88);
}
.motta-cookiebar[hidden]{display:none}
.motta-cookiebar.is-visible{animation:motta-fadeUp .5s var(--motta-ease) both}
.motta-cookiebar__inner{
  max-width:var(--motta-container);
  margin:0 auto;
  padding:24px 56px 24px 24px;
  display:flex;
  align-items:center;
  gap:20px 36px;
  flex-wrap:wrap;
}
.motta-cookiebar__info{flex:1 1 340px;min-width:280px}
.motta-cookiebar__title{font-family:var(--motta-serif);font-weight:600;font-size:21px;line-height:1.2;color:var(--motta-white);margin:0 0 7px}
.motta-cookiebar__text{font-size:13.5px;line-height:1.6;margin:0}
.motta-cookiebar__text a{color:var(--motta-gold);text-decoration:none;border-bottom:1px solid var(--motta-border-gold);transition:border-color .3s ease}
.motta-cookiebar__text a:hover{border-bottom-color:var(--motta-gold)}

/* Levette */
.motta-cookiebar__toggles{display:flex;gap:10px 22px;flex-wrap:wrap;flex:0 1 auto}
.motta-toggle{position:relative;display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:12.5px;font-weight:600;letter-spacing:.4px;color:var(--motta-white);min-height:44px}
.motta-toggle input{position:absolute;opacity:0;width:1px;height:1px}
.motta-toggle__track{width:40px;height:22px;border-radius:var(--motta-radius-pill);background:rgba(255,255,255,.18);position:relative;transition:background .3s ease;flex:0 0 auto}
.motta-toggle__track::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--motta-white);transition:transform .3s var(--motta-ease)}
.motta-toggle input:checked + .motta-toggle__track{background:var(--motta-gradient-gold)}
.motta-toggle input:checked + .motta-toggle__track::after{transform:translateX(18px)}
.motta-toggle input:focus-visible + .motta-toggle__track{outline:2px solid var(--motta-gold);outline-offset:3px}
.motta-toggle input:disabled + .motta-toggle__track{opacity:.6}
.motta-toggle--locked{cursor:default}
.motta-toggle__label{display:flex;flex-direction:column;line-height:1.25}
.motta-toggle__hint{font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:rgba(255,255,255,.45)}

/* Azioni */
.motta-cookiebar__actions{display:flex;align-items:center;gap:12px 14px;flex-wrap:wrap;flex:0 0 auto}
.motta-cookiebar__save{
  background:transparent;border:0;cursor:pointer;
  font-family:var(--motta-sans);font-weight:700;font-size:11.5px;letter-spacing:1.2px;text-transform:uppercase;
  color:rgba(255,255,255,.75);border-bottom:1px solid var(--motta-border-gold);
  padding:4px 0;min-height:44px;transition:color .3s ease,border-color .3s ease;
}
.motta-cookiebar__save:hover{color:var(--motta-gold);border-bottom-color:var(--motta-gold)}
.motta-cookiebar__save:focus-visible{outline:2px solid var(--motta-gold);outline-offset:3px}

/* Chiudi */
.motta-cookiebar__close{
  position:absolute;top:12px;right:14px;
  width:44px;height:44px;display:flex;align-items:center;justify-content:center;
  background:transparent;border:0;cursor:pointer;color:rgba(255,255,255,.55);
  transition:color .3s ease;
}
.motta-cookiebar__close:hover{color:var(--motta-gold)}
.motta-cookiebar__close:focus-visible{outline:2px solid var(--motta-gold);outline-offset:2px}
.motta-cookiebar__close svg{width:17px;height:17px}
.motta-cookiebar__close svg *{stroke:currentColor}

@media (max-width:900px){
  .motta-cookiebar__inner{padding:20px 24px;flex-direction:column;align-items:stretch;gap:16px}
  .motta-cookiebar__info{flex:0 0 auto;min-width:0}
  .motta-cookiebar__actions{width:100%}
  .motta-cookiebar__actions .motta-btn{flex:1 1 auto;justify-content:center}
  .motta-cookiebar__close{top:8px;right:8px}
}
/* OTTOBIX-COOKIEBAR v1 END */

/* ==========================================================================
   17 · POST HEADER STRIP (Global Section) — OTTOBIX-STRIP v1 START
   Banda utility navy sotto il header: email, telefono, Assistenza 24/7.
   Il numero sempre visibile come da documento §7. Solo token brand.
   ========================================================================== */

.motta-strip{background:var(--motta-navy);border-bottom:1px solid rgba(201,169,97,.18);font-family:var(--motta-sans)}
.motta-strip__inner{
  max-width:var(--motta-container);
  margin:0 auto;
  padding:0 24px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:0 36px;
  flex-wrap:wrap;
  min-height:46px;
}
.motta-strip__item{
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:44px;
  color:rgba(255,255,255,.85);
  font-size:12.5px;
  font-weight:600;
  letter-spacing:1.2px;
  text-decoration:none;
  transition:color .3s ease;
}
a.motta-strip__item:hover{color:var(--motta-gold)!important}
a.motta-strip__item:focus-visible{outline:2px solid var(--motta-gold);outline-offset:2px}
.motta-strip__item svg{width:14px;height:14px;flex:0 0 auto}
.motta-strip__item svg *{stroke:currentColor}
.motta-strip__sep{width:1px;height:15px;background:rgba(201,169,97,.25);flex:0 0 auto}
.motta-strip__h24{
  font-weight:800;
  font-size:11.5px;
  letter-spacing:2.5px;
  text-transform:uppercase;
  color:var(--motta-white);
  gap:10px;
}
.motta-strip__dot{
  width:11px;height:11px;border-radius:50%;
  background:var(--motta-live);
  animation:motta-pulse 2s infinite;
  flex:0 0 auto;
}
@media (max-width:640px){
  .motta-strip__inner{gap:0 18px;padding:4px 16px}
  .motta-strip__sep{display:none}
  .motta-strip__item{font-size:11.5px;letter-spacing:.8px}
}
/* OTTOBIX-STRIP v1 END */

/* ==========================================================================
   18 · CATALOGO COFANI — OTTOBIX-COFANI v1 START
   Griglia filtrabile per essenza (radio+CSS, zero JS di contenuto),
   essenze I–VIII, closing CTA, lightbox (enhancement JS minimo inline).
   ========================================================================== */

/* Pagina full-width: neutralizza il contenitore Salient sulla pagina Cofani */
body.page-id-24 .container.main-content{max-width:100%!important;width:100%!important;padding:0!important;margin:0 auto!important}
body.page-id-24 .container.main-content>.row{padding:0!important;margin:0!important}
body.page-id-24 #page-header-bg,body.page-id-24 .page-header-no-bg{display:none!important}

.motta-cocat{width:100vw;margin-left:calc(50% - 50vw);position:relative;font-family:var(--motta-sans);color:var(--motta-ink)}
.motta-cocat__inner{max-width:1280px;margin:0 auto;padding:0 22px}
.motta-cocat__head{text-align:center;max-width:780px;margin:0 auto 36px}
.motta-cocat__head .motta-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px}
.motta-cocat__head .motta-eyebrow::before,.motta-cocat__head .motta-eyebrow::after{content:"";width:28px;height:1px;background:var(--motta-gold)}
.motta-cocat__lead{font-family:var(--motta-serif);font-size:17px;font-style:italic;font-weight:400;line-height:1.6;color:var(--motta-muted);margin:0}

/* — Catalogo — */
.motta-cocat__catalog{padding:80px 0;background:var(--motta-white)}
.motta-cocat__catwrap{position:relative}
.motta-cocat__radio{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.motta-cocat__filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:40px;padding:0 8px}
.motta-cocat__chip{background:transparent;border:1px solid rgba(10,9,56,.2);padding:12px 18px;font-family:var(--motta-sans);font-size:10.5px;font-weight:700;letter-spacing:2.2px;text-transform:uppercase;color:rgba(10,9,56,.7);cursor:pointer;transition:all .3s var(--motta-ease);border-radius:var(--motta-radius-button);user-select:none}
.motta-cocat__chip:hover{border-color:var(--motta-gold);color:var(--motta-navy)}
.motta-cocat__chip-n{font-size:9px;opacity:1;margin-left:6px;letter-spacing:1px;color:var(--motta-gold)!important}
#mcf-tutti:checked~.motta-cocat__filters .motta-cocat__chip[for="mcf-tutti"],
#mcf-rovere:checked~.motta-cocat__filters .motta-cocat__chip[for="mcf-rovere"],
#mcf-noce:checked~.motta-cocat__filters .motta-cocat__chip[for="mcf-noce"],
#mcf-mogano:checked~.motta-cocat__filters .motta-cocat__chip[for="mcf-mogano"],
#mcf-ciliegio:checked~.motta-cocat__filters .motta-cocat__chip[for="mcf-ciliegio"],
#mcf-afrormosia:checked~.motta-cocat__filters .motta-cocat__chip[for="mcf-afrormosia"],
#mcf-speciale:checked~.motta-cocat__filters .motta-cocat__chip[for="mcf-speciale"],
#mcf-tradizionale:checked~.motta-cocat__filters .motta-cocat__chip[for="mcf-tradizionale"],
#mcf-grezzo:checked~.motta-cocat__filters .motta-cocat__chip[for="mcf-grezzo"],
#mcf-altro:checked~.motta-cocat__filters .motta-cocat__chip[for="mcf-altro"]{background:var(--motta-navy);border-color:var(--motta-navy);color:var(--motta-white)}
#mcf-tutti:focus-visible~.motta-cocat__filters .motta-cocat__chip[for="mcf-tutti"],
#mcf-rovere:focus-visible~.motta-cocat__filters .motta-cocat__chip[for="mcf-rovere"],
#mcf-noce:focus-visible~.motta-cocat__filters .motta-cocat__chip[for="mcf-noce"],
#mcf-mogano:focus-visible~.motta-cocat__filters .motta-cocat__chip[for="mcf-mogano"],
#mcf-ciliegio:focus-visible~.motta-cocat__filters .motta-cocat__chip[for="mcf-ciliegio"],
#mcf-afrormosia:focus-visible~.motta-cocat__filters .motta-cocat__chip[for="mcf-afrormosia"],
#mcf-speciale:focus-visible~.motta-cocat__filters .motta-cocat__chip[for="mcf-speciale"],
#mcf-tradizionale:focus-visible~.motta-cocat__filters .motta-cocat__chip[for="mcf-tradizionale"],
#mcf-grezzo:focus-visible~.motta-cocat__filters .motta-cocat__chip[for="mcf-grezzo"],
#mcf-altro:focus-visible~.motta-cocat__filters .motta-cocat__chip[for="mcf-altro"]{outline:2px solid var(--motta-gold);outline-offset:2px}
#mcf-rovere:checked~.motta-cocat__grid .motta-cocat__item:not([data-cat="rovere"]){display:none}
#mcf-noce:checked~.motta-cocat__grid .motta-cocat__item:not([data-cat="noce"]){display:none}
#mcf-mogano:checked~.motta-cocat__grid .motta-cocat__item:not([data-cat="mogano"]){display:none}
#mcf-ciliegio:checked~.motta-cocat__grid .motta-cocat__item:not([data-cat="ciliegio"]){display:none}
#mcf-afrormosia:checked~.motta-cocat__grid .motta-cocat__item:not([data-cat="afrormosia"]){display:none}
#mcf-speciale:checked~.motta-cocat__grid .motta-cocat__item:not([data-cat="speciale"]){display:none}
#mcf-tradizionale:checked~.motta-cocat__grid .motta-cocat__item:not([data-cat="tradizionale"]){display:none}
#mcf-grezzo:checked~.motta-cocat__grid .motta-cocat__item:not([data-cat="grezzo"]){display:none}
#mcf-altro:checked~.motta-cocat__grid .motta-cocat__item:not([data-cat="altro"]){display:none}
.motta-cocat__grid{display:grid;grid-template-columns:1fr;gap:18px}
.motta-cocat__item{position:relative;margin:0;cursor:zoom-in;overflow:hidden;background:var(--motta-cream-shade);aspect-ratio:4/3;border:1px solid var(--motta-border-navy);border-radius:var(--motta-radius-button);transition:transform .35s var(--motta-ease),box-shadow .35s var(--motta-ease)}
.motta-cocat__item:hover{transform:translateY(-3px);box-shadow:var(--motta-shadow-anchor);border-color:var(--motta-border-gold)}
.motta-cocat__item:focus-visible{outline:2px solid var(--motta-gold);outline-offset:2px}
.motta-cocat__item img{width:100%;height:100%;object-fit:contain;display:block;padding:8px;box-sizing:border-box;transition:transform 1s var(--motta-ease)}
.motta-cocat__item:hover img{transform:scale(1.04)}

/* — Essenze — */
.motta-cocat__essenze{padding:80px 0;background:var(--motta-cream)}
.motta-cocat__essenze .motta-cocat__head{margin-bottom:50px}
.motta-cocat__essenze-grid{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid rgba(10,9,56,.1);border-left:1px solid rgba(10,9,56,.1)}
.motta-cocat__essenza{padding:32px 24px;background:var(--motta-white);border-right:1px solid rgba(10,9,56,.1);border-bottom:1px solid rgba(10,9,56,.1);position:relative;overflow:hidden;transition:background .5s ease}
.motta-cocat__essenza::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--motta-gradient-gold);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--motta-ease)}
.motta-cocat__essenza:hover{background:var(--motta-cream)}
.motta-cocat__essenza:hover::before{transform:scaleX(1)}
.motta-cocat__num{font-family:var(--motta-serif);font-style:italic;font-size:28px;font-weight:400;color:var(--motta-gold);line-height:1;display:block;margin-bottom:12px}
.motta-cocat__essenza-t{font-family:var(--motta-serif);font-size:22px;font-weight:500;line-height:1.2;color:var(--motta-navy);margin:0 0 10px}
.motta-cocat__essenza p{font-family:var(--motta-sans);font-size:13.5px;font-weight:400;line-height:1.6;color:var(--motta-ink);margin:0}

/* — Closing — */
.motta-cocat__closing{padding:80px 0;background:var(--motta-white);text-align:center}
.motta-cocat__closing-inner{max-width:760px;margin:0 auto;padding:0 22px}
.motta-cocat__closing-inner .motta-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px}
.motta-cocat__closing-inner .motta-eyebrow::before,.motta-cocat__closing-inner .motta-eyebrow::after{content:"";width:28px;height:1px;background:var(--motta-gold)}
.motta-cocat__closing .motta-cocat__lead{margin-bottom:36px}
.motta-cocat__ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* — Lightbox (enhancement) — */
.motta-cocat__lb{position:fixed;inset:0;background:rgba(10,9,56,.94);z-index:99999;display:none;align-items:center;justify-content:center;padding:40px 20px;cursor:zoom-out}
.motta-cocat__lb.is-open{display:flex}
.motta-cocat__lb-box{position:relative;max-width:1100px;max-height:90vh;width:100%;text-align:center;cursor:default}
.motta-cocat__lb-img{max-width:100%;max-height:78vh;object-fit:contain;display:block;margin:0 auto}
.motta-cocat__lb-cap{font-family:var(--motta-serif);font-style:italic;font-size:18px;color:rgba(255,255,255,.85);margin-top:14px}
.motta-cocat__lb-close,.motta-cocat__lb-nav{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:var(--motta-white);font-size:22px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;line-height:1}
.motta-cocat__lb-close:hover,.motta-cocat__lb-nav:hover{background:var(--motta-gold);border-color:var(--motta-gold);color:var(--motta-navy)}
.motta-cocat__lb-close{position:absolute;top:20px;right:20px}
.motta-cocat__lb-nav{position:absolute;top:50%;transform:translateY(-50%)}
.motta-cocat__lb-prev{left:14px}
.motta-cocat__lb-next{right:14px}

/* — Reveal (attivo solo con JS) — */
.motta-cocat.js .motta-reveal{opacity:0;transform:translateY(28px);transition:opacity 1s var(--motta-ease),transform 1s var(--motta-ease)}
.motta-cocat.js .motta-reveal.is-in{opacity:1;transform:translateY(0)}

/* — Responsive — */
@media (min-width:560px){
  .motta-cocat__essenze-grid{grid-template-columns:repeat(2,1fr)}
  .motta-cocat__grid{grid-template-columns:repeat(2,1fr);gap:22px}
}
@media (min-width:780px){
  .motta-cocat__catalog,.motta-cocat__essenze,.motta-cocat__closing{padding:110px 0}
  .motta-cocat__inner{padding:0 32px}
  .motta-cocat__essenze .motta-cocat__head{margin-bottom:60px}
  .motta-cocat__essenze-grid{grid-template-columns:repeat(3,1fr)}
  .motta-cocat__essenza{padding:40px 32px}
  .motta-cocat__grid{grid-template-columns:repeat(3,1fr);gap:28px}
  .motta-cocat__filters{margin-bottom:50px}
}
@media (min-width:1080px){
  .motta-cocat__essenze-grid{grid-template-columns:repeat(4,1fr)}
  .motta-cocat__essenza{padding:48px 36px}
  .motta-cocat__grid{gap:32px}
}
/* OTTOBIX-COFANI v1 END */

/* ==========================================================================
   19 · CATALOGO URNE CINERARIE — OTTOBIX-URNE v1 START
   Variante del componente catalogo (sez. 18): card quadrate, senza filtri.
   ========================================================================== */
body.page-id-25 .container.main-content{max-width:100%!important;width:100%!important;padding:0!important;margin:0 auto!important}
body.page-id-25 .container.main-content>.row{padding:0!important;margin:0!important}
body.page-id-25 #page-header-bg,body.page-id-25 .page-header-no-bg{display:none!important}

.motta-cocat--urne .motta-cocat__item{aspect-ratio:1/1;cursor:zoom-in}
/* OTTOBIX-URNE v1 END */

/* ==========================================================================
   20 · FLOTTA AUTO FUNEBRI — OTTOBIX-AUTO v1 START
   Variante del componente catalogo: foto a pieno riquadro (cover),
   filtri per marchio, griglia marchi a 5 colonne.
   ========================================================================== */
body.page-id-28 .container.main-content{max-width:100%!important;width:100%!important;padding:0!important;margin:0 auto!important}
body.page-id-28 .container.main-content>.row{padding:0!important;margin:0!important}
body.page-id-28 #page-header-bg,body.page-id-28 .page-header-no-bg{display:none!important}

.motta-cocat--auto .motta-cocat__item img{object-fit:cover;padding:0}
#mau-tutti:checked~.motta-cocat__filters .motta-cocat__chip[for="mau-tutti"],
#mau-mercedes:checked~.motta-cocat__filters .motta-cocat__chip[for="mau-mercedes"],
#mau-jaguar:checked~.motta-cocat__filters .motta-cocat__chip[for="mau-jaguar"],
#mau-maserati:checked~.motta-cocat__filters .motta-cocat__chip[for="mau-maserati"],
#mau-polaris:checked~.motta-cocat__filters .motta-cocat__chip[for="mau-polaris"],
#mau-furgone:checked~.motta-cocat__filters .motta-cocat__chip[for="mau-furgone"]{background:var(--motta-navy);border-color:var(--motta-navy);color:var(--motta-white)}
#mau-tutti:focus-visible~.motta-cocat__filters .motta-cocat__chip[for="mau-tutti"],
#mau-mercedes:focus-visible~.motta-cocat__filters .motta-cocat__chip[for="mau-mercedes"],
#mau-jaguar:focus-visible~.motta-cocat__filters .motta-cocat__chip[for="mau-jaguar"],
#mau-maserati:focus-visible~.motta-cocat__filters .motta-cocat__chip[for="mau-maserati"],
#mau-polaris:focus-visible~.motta-cocat__filters .motta-cocat__chip[for="mau-polaris"],
#mau-furgone:focus-visible~.motta-cocat__filters .motta-cocat__chip[for="mau-furgone"]{outline:2px solid var(--motta-gold);outline-offset:2px}
#mau-mercedes:checked~.motta-cocat__grid .motta-cocat__item:not([data-cat="mercedes"]){display:none}
#mau-jaguar:checked~.motta-cocat__grid .motta-cocat__item:not([data-cat="jaguar"]){display:none}
#mau-maserati:checked~.motta-cocat__grid .motta-cocat__item:not([data-cat="maserati"]){display:none}
#mau-polaris:checked~.motta-cocat__grid .motta-cocat__item:not([data-cat="polaris"]){display:none}
#mau-furgone:checked~.motta-cocat__grid .motta-cocat__item:not([data-cat="furgone"]){display:none}
@media (min-width:1080px){
  .motta-cocat--auto .motta-cocat__essenze-grid{grid-template-columns:repeat(5,1fr)}
  .motta-cocat--auto .motta-cocat__essenza{padding:40px 28px}
}
/* OTTOBIX-AUTO v1 END */

/* ==========================================================================
   21 · COLLEZIONE ALLESTIMENTI E ADDOBBI — OTTOBIX-ALLESTIMENTI v1 START
   Variante cover del componente catalogo, senza filtri.
   ========================================================================== */
body.page-id-26 .container.main-content{max-width:100%!important;width:100%!important;padding:0!important;margin:0 auto!important}
body.page-id-26 .container.main-content>.row{padding:0!important;margin:0!important}
body.page-id-26 #page-header-bg,body.page-id-26 .page-header-no-bg{display:none!important}

.motta-cocat--cover .motta-cocat__item img{object-fit:cover;padding:0}
/* OTTOBIX-ALLESTIMENTI v1 END */

/* ==========================================================================
   22 · COLLEZIONE ADDOBBI FLOREALI — OTTOBIX-FLOREALI v1 START
   Variante cover del componente catalogo (v. sez. 21), senza filtri.
   ========================================================================== */
body.page-id-27 .container.main-content{max-width:100%!important;width:100%!important;padding:0!important;margin:0 auto!important}
body.page-id-27 .container.main-content>.row{padding:0!important;margin:0!important}
body.page-id-27 #page-header-bg,body.page-id-27 .page-header-no-bg{display:none!important}
/* OTTOBIX-FLOREALI v1 END */

/* ==========================================================================
   18b · HERO CATALOGO (pagina Cofani) — OTTOBIX-CATHERO v2 START
   Hero compatta su foto con overlay navy; testi ed elementi centrati, AAA.
   ========================================================================== */
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.motta-cocat__catalog,.motta-cocat__essenze,.motta-cocat__closing{scroll-margin-top:90px}

.motta-cocat__hero{position:relative;display:flex;align-items:center;background:var(--motta-navy);overflow:hidden;isolation:isolate;min-height:380px}
.motta-cocat__hero-bg{position:absolute;inset:0;background-position:68% center;background-size:cover;background-repeat:no-repeat;z-index:0;filter:grayscale(.18) contrast(1.02)}
.motta-cocat__hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,9,56,.9) 0%,rgba(10,9,56,.72) 50%,rgba(10,9,56,.9) 100%);z-index:1}
.motta-cocat__hero::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 62% 72% at 50% 32%,rgba(201,169,97,.12) 0%,transparent 70%);z-index:1;pointer-events:none}
.motta-cocat__hero-inner{position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:60px 22px 40px;width:100%;text-align:center}
.motta-cocat__hero-eyebrow{display:inline-flex;align-items:center;gap:12px;margin-bottom:14px}
.motta-cocat__hero-eyebrow::before,.motta-cocat__hero-eyebrow::after{content:"";width:28px;height:1px;background:linear-gradient(90deg,transparent,rgba(201,169,97,.65),transparent)}
.motta-cocat__hero-h1{font-family:var(--motta-serif);font-weight:500;font-size:clamp(34px,4vw,50px);line-height:1.08;letter-spacing:-.5px;color:var(--motta-white);margin:0 auto 14px;max-width:820px}
.motta-cocat__hero-sub{font-family:var(--motta-serif);font-style:italic;font-weight:400;font-size:clamp(16px,1.5vw,18px);line-height:1.55;color:rgba(255,255,255,.88);max-width:640px;margin:0 auto 24px}
.motta-cocat__hero-ctas{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
.motta-cocat__hero-stats{display:flex;flex-wrap:wrap;gap:18px 44px;margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.16);justify-content:center;text-align:center}
.motta-cocat__hero-num{font-family:var(--motta-serif);font-weight:500;font-size:26px;line-height:1;color:var(--motta-gold);display:block;margin-bottom:4px}
.motta-cocat__hero-label{font-family:var(--motta-sans);font-weight:700;font-size:10px;letter-spacing:2.2px;text-transform:uppercase;color:rgba(255,255,255,.72)}
@media (min-width:780px){
  .motta-cocat__hero{min-height:46vh}
  .motta-cocat__hero-inner{padding:72px 32px 44px}
}
@media (max-width:559px){
  .motta-cocat__hero-stats{gap:16px 26px;margin-top:30px;padding-top:22px}
  .motta-cocat__hero-num{font-size:26px}
}
/* OTTOBIX-CATHERO v2 END */

/* ==========================================================================
   23 · PRODOTTI (pagina raggruppante) — OTTOBIX-PRODOTTI v1 START
   5 card fotografiche verso le collezioni; zero JS.
   ========================================================================== */
body.page-id-23 .container.main-content{max-width:100%!important;width:100%!important;padding:0!important;margin:0 auto!important}
body.page-id-23 .container.main-content>.row{padding:0!important;margin:0!important}
body.page-id-23 #page-header-bg,body.page-id-23 .page-header-no-bg{display:none!important}
.motta-pro{width:100vw;margin-left:calc(50% - 50vw);background:var(--motta-white)}
.motta-pro__head{text-align:center;padding:64px 22px 6px;max-width:860px;margin:0 auto}
.motta-pro__h1{font-family:var(--motta-serif);font-weight:500;font-size:clamp(32px,3.6vw,44px);line-height:1.12;letter-spacing:-.4px;color:var(--motta-navy);margin:14px 0 12px}
.motta-pro__lead{font-family:var(--motta-serif);font-style:italic;font-size:clamp(15.5px,1.4vw,17.5px);line-height:1.6;color:var(--motta-ink-soft,#4a4a58);max-width:640px;margin:0 auto}
.motta-pro__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;max-width:1280px;margin:36px auto 76px;padding:0 22px}
.motta-pro__card{position:relative;display:block;overflow:hidden;border-radius:var(--motta-radius-card);grid-column:span 2;min-height:300px;isolation:isolate;text-decoration:none;transition:box-shadow .45s ease,transform .45s ease}
.motta-pro__card:nth-child(-n+2){grid-column:span 3;min-height:380px}
.motta-pro__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.18) contrast(1.02);transition:transform .7s cubic-bezier(.22,.61,.36,1);z-index:0}
.motta-pro__card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,9,56,.05) 0%,rgba(10,9,56,.34) 46%,rgba(10,9,56,.92) 100%);z-index:1}
.motta-pro__body{position:absolute;left:0;right:0;bottom:0;padding:22px 24px;z-index:2}
.motta-pro__num{font-family:var(--motta-serif);font-size:15px;letter-spacing:1.5px;color:var(--motta-gold)}
.motta-pro__t{font-family:var(--motta-serif);font-weight:500;font-size:clamp(22px,2vw,27px);line-height:1.15;color:var(--motta-white);margin:6px 0 4px}
.motta-pro__d{font-family:var(--motta-serif);font-style:italic;font-size:14.5px;line-height:1.5;color:rgba(255,255,255,.82);margin:0}
.motta-pro__go{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font-family:var(--motta-sans);font-weight:700;font-size:10.5px;letter-spacing:2.2px;text-transform:uppercase;color:var(--motta-gold)}
.motta-pro__go::after{content:"\2192";font-size:14px;transition:transform .35s ease}
.motta-pro__card:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(10,9,56,.28)}
.motta-pro__card:hover .motta-pro__img{transform:scale(1.05)}
.motta-pro__card:hover .motta-pro__go::after{transform:translateX(5px)}
.motta-pro__link{position:absolute;inset:0;z-index:3;border-radius:inherit}.motta-pro__link:focus-visible{outline:2px solid var(--motta-gold);outline-offset:3px}
@media (max-width:980px){
  .motta-pro__grid{grid-template-columns:1fr 1fr;gap:12px}
  .motta-pro__card,.motta-pro__card:nth-child(-n+2){grid-column:span 1;min-height:260px}
  .motta-pro__card:last-child{grid-column:span 2}
}
@media (max-width:560px){
  .motta-pro__grid{grid-template-columns:1fr;margin:28px auto 56px}
  .motta-pro__card,.motta-pro__card:nth-child(-n+2),.motta-pro__card:last-child{grid-column:span 1;min-height:240px}
  .motta-pro__head{padding-top:48px}
}
@media (prefers-reduced-motion:reduce){
  .motta-pro__card,.motta-pro__img,.motta-pro__go::after{transition:none}
}
/* OTTOBIX-PRODOTTI v1 END */

/* ==========================================================================
   24 · NEWS HEAD (archivio blog) — OTTOBIX-NEWSHEAD v1 START
   ========================================================================== */
.motta-pro--news{width:100%;margin-left:0}
.motta-pro--news .motta-pro__head{padding:58px 22px 10px}
body.blog .container-wrap{padding-top:0!important}
/* OTTOBIX-NEWSHEAD v1 END */

/* ==========================================================================
   25 · SERVIZI (pagina raggruppante) — OTTOBIX-SERVIZI v1 START
   7 card: 2 grandi + 3 + 2 grandi. Riusa il componente .motta-pro.
   ========================================================================== */
body.page-id-15 .container.main-content{max-width:100%!important;width:100%!important;padding:0!important;margin:0 auto!important}
body.page-id-15 .container.main-content>.row{padding:0!important;margin:0!important}
body.page-id-15 #page-header-bg,body.page-id-15 .page-header-no-bg{display:none!important}
.motta-pro--servizi .motta-pro__card:nth-last-child(-n+2){grid-column:span 3;min-height:380px}
@media (max-width:980px){
  .motta-pro--servizi .motta-pro__card:nth-last-child(-n+2){grid-column:span 1;min-height:260px}
  .motta-pro--servizi .motta-pro__card:last-child{grid-column:span 2}
}
@media (max-width:560px){
  .motta-pro--servizi .motta-pro__card:nth-last-child(-n+2),.motta-pro--servizi .motta-pro__card:last-child{grid-column:span 1;min-height:240px}
}
/* OTTOBIX-SERVIZI v1 END */

/* ==========================================================================
   26 · CASA FUNERARIA — OTTOBIX-CASAF v1 START
   Hero + intro foto/testo + sedi + galleria + dotazioni + nota navy + riti.
   ========================================================================== */
body.page-id-16 .container.main-content{max-width:100%!important;width:100%!important;padding:0!important;margin:0 auto!important}
body.page-id-16 .container.main-content>.row{padding:0!important;margin:0!important}
body.page-id-16 #page-header-bg,body.page-id-16 .page-header-no-bg{display:none!important}
.motta-casaf__introsec{background:var(--motta-white)}
.motta-casaf__intro{display:grid;grid-template-columns:5fr 7fr;gap:48px;align-items:center;max-width:1180px;margin:0 auto;padding:76px 22px 34px}
.motta-casaf__intro-img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--motta-radius-card);filter:grayscale(.18) contrast(1.02)}
.motta-casaf__intro-txt .motta-h2{margin:14px 0 16px}
.motta-casaf__p{font-family:var(--motta-sans);font-size:16px;line-height:1.75;color:var(--motta-ink-soft,#4a4a58);margin:0 0 16px}
.motta-casaf__p:last-child{margin-bottom:0}
.motta-casaf__grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px}
.motta-casaf__loc{display:block;font-family:var(--motta-sans);font-weight:700;font-size:10px;letter-spacing:2.2px;text-transform:uppercase;color:#8a8a96;margin:2px 0 4px}
.motta-casaf__gallsec .motta-cocat__inner{padding-top:34px;padding-bottom:70px}
.motta-casaf__ritisec{padding:80px 0}
@media (min-width:1080px){.motta-casaf__ritisec{padding:110px 0}}
.motta-casaf .motta-cocat__closing{background:var(--motta-cream)}
.motta-casaf__gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:8px}
.motta-casaf__gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--motta-radius-card);filter:grayscale(.18) contrast(1.02)}
.motta-casaf__note{background:var(--motta-navy);padding:66px 22px;text-align:center}
.motta-casaf__note-inner{max-width:780px;margin:0 auto}
.motta-casaf__note-t{font-family:var(--motta-serif);font-weight:500;font-size:clamp(26px,2.8vw,34px);line-height:1.2;color:var(--motta-white);margin:14px 0 14px}
.motta-casaf__note-p{font-family:var(--motta-serif);font-style:italic;font-size:clamp(15.5px,1.4vw,17.5px);line-height:1.65;color:rgba(255,255,255,.85);margin:0}
.motta-casaf__faith{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:920px;margin:10px auto 0}
.motta-casaf__faith span{font-family:var(--motta-sans);font-weight:700;font-size:11px;letter-spacing:2.2px;text-transform:uppercase;color:var(--motta-navy);border:1px solid rgba(201,169,97,.55);border-radius:var(--motta-radius-pill);padding:11px 20px}
@media (max-width:980px){
  .motta-casaf__grid3{grid-template-columns:1fr 1fr}
  .motta-casaf__gallery{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .motta-casaf__intro{grid-template-columns:1fr;gap:26px;padding-top:56px}
  .motta-casaf__intro-img{aspect-ratio:4/3;max-height:420px}
}
@media (max-width:640px){
  .motta-casaf__grid3,.motta-casaf__gallery{grid-template-columns:1fr}
}
/* OTTOBIX-CASAF v1 END */

/* ==========================================================================
   27 · PAGINE SERVIZIO (17-22) — OTTOBIX-SERVPAG v1 START
   Resets full-width + varianti galleria per le 6 pagine servizio.
   ========================================================================== */
body.page-id-17 .container.main-content{max-width:100%!important;width:100%!important;padding:0!important;margin:0 auto!important}
body.page-id-17 .container.main-content>.row{padding:0!important;margin:0!important}
body.page-id-17 #page-header-bg,body.page-id-17 .page-header-no-bg{display:none!important}
body.page-id-18 .container.main-content{max-width:100%!important;width:100%!important;padding:0!important;margin:0 auto!important}
body.page-id-18 .container.main-content>.row{padding:0!important;margin:0!important}
body.page-id-18 #page-header-bg,body.page-id-18 .page-header-no-bg{display:none!important}
body.page-id-19 .container.main-content{max-width:100%!important;width:100%!important;padding:0!important;margin:0 auto!important}
body.page-id-19 .container.main-content>.row{padding:0!important;margin:0!important}
body.page-id-19 #page-header-bg,body.page-id-19 .page-header-no-bg{display:none!important}
body.page-id-20 .container.main-content{max-width:100%!important;width:100%!important;padding:0!important;margin:0 auto!important}
body.page-id-20 .container.main-content>.row{padding:0!important;margin:0!important}
body.page-id-20 #page-header-bg,body.page-id-20 .page-header-no-bg{display:none!important}
body.page-id-21 .container.main-content{max-width:100%!important;width:100%!important;padding:0!important;margin:0 auto!important}
body.page-id-21 .container.main-content>.row{padding:0!important;margin:0!important}
body.page-id-21 #page-header-bg,body.page-id-21 .page-header-no-bg{display:none!important}
body.page-id-22 .container.main-content{max-width:100%!important;width:100%!important;padding:0!important;margin:0 auto!important}
body.page-id-22 .container.main-content>.row{padding:0!important;margin:0!important}
body.page-id-22 #page-header-bg,body.page-id-22 .page-header-no-bg{display:none!important}
.motta-casaf__gallery--2{grid-template-columns:repeat(2,1fr)}
.motta-casaf__gallery--2 img{aspect-ratio:3/2}
.motta-casaf__gallery--1{grid-template-columns:1fr}
.motta-casaf__gallery--1 img{aspect-ratio:21/9;max-height:440px}
@media (max-width:640px){.motta-casaf__gallery--2{grid-template-columns:1fr}.motta-casaf__gallery--1 img{aspect-ratio:4/3}}
/* OTTOBIX-SERVPAG v1 END */

/* ==========================================================================
   28 · STORIA — OTTOBIX-STORIA v1 START
   Timeline verticale oro + varianti intro. Riusa componenti casaf.
   ========================================================================== */
body.page-id-14 .container.main-content{max-width:100%!important;width:100%!important;padding:0!important;margin:0 auto!important}
body.page-id-14 .container.main-content>.row{padding:0!important;margin:0!important}
body.page-id-14 #page-header-bg,body.page-id-14 .page-header-no-bg{display:none!important}
.motta-storia__tl{position:relative;max-width:980px;margin:40px auto 0}
.motta-storia__tl::before{content:"";position:absolute;left:50%;top:4px;bottom:4px;width:1px;background:linear-gradient(180deg,transparent,rgba(201,169,97,.6) 6%,rgba(201,169,97,.6) 94%,transparent)}
.motta-storia__step{position:relative;width:50%;padding:0 46px 48px;box-sizing:border-box}
.motta-storia__step:nth-child(odd){left:0;text-align:right}
.motta-storia__step:nth-child(even){left:50%;text-align:left}
.motta-storia__step:last-child{padding-bottom:8px}
.motta-storia__step::before{content:"";position:absolute;top:10px;width:11px;height:11px;border-radius:50%;background:var(--motta-navy);border:2px solid var(--motta-gold);box-shadow:0 0 0 4px rgba(201,169,97,.15)}
.motta-storia__step:nth-child(odd)::before{right:-8px}
.motta-storia__step:nth-child(even)::before{left:-8px}
.motta-storia__year{font-family:var(--motta-serif);font-weight:500;font-size:clamp(30px,3vw,40px);line-height:1;color:var(--motta-gold)}
.motta-storia__lab{display:block;font-family:var(--motta-sans);font-weight:700;font-size:10px;letter-spacing:2.2px;text-transform:uppercase;color:#8a8a96;margin:8px 0 2px}
.motta-storia__t{font-family:var(--motta-serif);font-weight:500;font-size:20px;line-height:1.25;color:var(--motta-navy);margin:2px 0 8px}
.motta-storia__step p{font-family:var(--motta-sans);font-size:15px;line-height:1.7;color:var(--motta-ink-soft,#4a4a58);margin:0}
.motta-storia__bw{filter:grayscale(1) contrast(1.05)!important}
.motta-storia__rev .motta-casaf__intro-img{order:2}
@media (max-width:760px){
  .motta-storia__tl::before{left:14px}
  .motta-storia__step,.motta-storia__step:nth-child(odd),.motta-storia__step:nth-child(even){width:100%;left:0;text-align:left;padding:0 0 40px 46px}
  .motta-storia__step:nth-child(odd)::before,.motta-storia__step:nth-child(even)::before{left:9px;right:auto}
  .motta-storia__rev .motta-casaf__intro-img{order:0}
}
/* OTTOBIX-STORIA v1 END */

/* ==========================================================================
   29 · PIANIFICA + IN CASO DI DECESSO — OTTOBIX-PIANDEC v1 START
   ========================================================================== */
body.page-id-13 .container.main-content,body.page-id-12 .container.main-content{max-width:100%!important;width:100%!important;padding:0!important;margin:0 auto!important}
body.page-id-13 .container.main-content>.row,body.page-id-12 .container.main-content>.row{padding:0!important;margin:0!important}
body.page-id-13 #page-header-bg,body.page-id-13 .page-header-no-bg,body.page-id-12 #page-header-bg,body.page-id-12 .page-header-no-bg{display:none!important}
.motta-casaf__grid2{grid-template-columns:1fr 1fr;max-width:1020px;margin-left:auto;margin-right:auto}
@media (max-width:700px){.motta-casaf__grid2{grid-template-columns:1fr}}
.motta-plan__form{max-width:640px;margin:30px auto 0;background:var(--motta-white)!important;border:1px solid rgba(10,9,56,.08);border-top:2px solid var(--motta-gold);border-radius:var(--motta-radius-card);padding:42px 44px 34px;box-shadow:0 18px 50px rgba(10,9,56,.07)}
.motta-plan__form .wpcf7 form p{margin:0 0 18px;font-family:var(--motta-sans)!important;font-size:11px!important;font-weight:700!important;letter-spacing:1.8px;text-transform:uppercase;color:var(--motta-navy)!important;text-align:left}
.motta-plan__form .wpcf7 label{font-family:var(--motta-sans)!important;font-size:11px!important;font-weight:700!important;letter-spacing:1.8px;text-transform:uppercase;color:var(--motta-navy)!important}
body .motta-plan__form input[type=text],body .motta-plan__form input[type=email],body .motta-plan__form input[type=tel]{width:100%!important;font-family:var(--motta-sans)!important;font-size:15px!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important;color:var(--motta-navy)!important;background:var(--motta-cream)!important;border:1px solid rgba(10,9,56,.14)!important;border-radius:var(--motta-radius-button)!important;padding:14px 16px!important;margin-top:7px!important;box-shadow:none!important;transition:border-color .25s,box-shadow .25s}
body .motta-plan__form input[type=text]:focus,body .motta-plan__form input[type=email]:focus,body .motta-plan__form input[type=tel]:focus{outline:none!important;border-color:var(--motta-gold)!important;box-shadow:0 0 0 3px rgba(201,169,97,.18)!important}
body .motta-plan__form .wpcf7-acceptance{font-size:11.5px;letter-spacing:.4px;text-transform:none;font-weight:500}
body .motta-plan__form .wpcf7-acceptance .wpcf7-list-item{margin:0}
body .motta-plan__form .wpcf7-acceptance label{font-size:12px!important;font-weight:500!important;letter-spacing:.3px!important;text-transform:none!important;color:var(--motta-ink-soft,#4a4a58)!important;display:flex;gap:10px;align-items:flex-start;line-height:1.55}
body .motta-plan__form input[type=checkbox]{width:16px!important;height:16px!important;accent-color:var(--motta-gold);margin-top:2px}
body .motta-plan__form input[type=submit],body .motta-plan__form .wpcf7-submit{display:block!important;margin:10px auto 0!important;font-family:var(--motta-sans)!important;font-weight:700!important;font-size:12px!important;letter-spacing:2.4px!important;text-transform:uppercase!important;color:var(--motta-white)!important;background:var(--motta-navy)!important;border:1px solid var(--motta-navy)!important;border-radius:var(--motta-radius-button)!important;padding:17px 46px!important;height:auto!important;line-height:1!important;cursor:pointer;transition:background .3s,color .3s!important}
body .motta-plan__form input[type=submit]:hover,body .motta-plan__form .wpcf7-submit:hover{background:transparent!important;color:var(--motta-navy)!important}
.motta-plan__form .wpcf7-not-valid-tip{font-size:11px;letter-spacing:.5px;color:#b3261e;margin-top:5px;text-transform:none;font-weight:500}
.motta-plan__form .wpcf7-response-output{font-family:var(--motta-sans);font-size:13px;text-transform:none;letter-spacing:.3px;font-weight:500;border-color:var(--motta-gold)!important;border-radius:var(--motta-radius-button);padding:12px 16px!important;margin:16px 0 0!important}
.motta-plan__form .wpcf7-spinner{display:block;margin:8px auto 0}
@media (max-width:640px){.motta-plan__form{padding:30px 22px 26px}}
/* OTTOBIX-PIANDEC v1 END */

/* ==========================================================================
   30 · CONTATTI — OTTOBIX-CONTATTI v1 START
   ========================================================================== */
body.page-id-30 .container.main-content{max-width:100%!important;width:100%!important;padding:0!important;margin:0 auto!important}
body.page-id-30 .container.main-content>.row{padding:0!important;margin:0!important}
body.page-id-30 #page-header-bg,body.page-id-30 .page-header-no-bg{display:none!important}
.motta-cont__link{display:inline-block;margin-top:12px;font-family:var(--motta-serif);font-weight:500;font-size:19px;color:var(--motta-navy);text-decoration:none;border-bottom:1px solid rgba(201,169,97,.55);padding-bottom:2px;transition:color .3s,border-color .3s}
.motta-cont__link:hover{color:var(--motta-gold-dark,#a8894e);border-color:var(--motta-gold)}
body .motta-plan__form select,body .motta-plan__form textarea{width:100%!important;font-family:var(--motta-sans)!important;font-size:15px!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important;color:var(--motta-navy)!important;background:var(--motta-cream)!important;border:1px solid rgba(10,9,56,.14)!important;border-radius:var(--motta-radius-button)!important;padding:14px 16px!important;margin-top:7px!important;box-shadow:none!important;transition:border-color .25s,box-shadow .25s;-webkit-appearance:none;appearance:none}
body .motta-plan__form select{background-image:linear-gradient(45deg,transparent 50%,var(--motta-gold) 50%),linear-gradient(135deg,var(--motta-gold) 50%,transparent 50%)!important;background-position:calc(100% - 21px) 50%,calc(100% - 15px) 50%!important;background-size:6px 6px,6px 6px!important;background-repeat:no-repeat!important;cursor:pointer}
body .motta-plan__form textarea{min-height:120px;resize:vertical}
body .motta-plan__form select:focus,body .motta-plan__form textarea:focus{outline:none!important;border-color:var(--motta-gold)!important;box-shadow:0 0 0 3px rgba(201,169,97,.18)!important}
body.page-id-30 .motta-casaf__note{background:var(--motta-white);border-top:1px solid rgba(10,9,56,.07)}
body.page-id-30 .motta-casaf__note-t{color:var(--motta-navy)}
body.page-id-30 .motta-casaf__note-p{color:var(--motta-ink-soft,#4a4a58)}
/* OTTOBIX-CONTATTI v1 END */

/* ==========================================================================
   31 · FIX GLOBALI PAGINE OTTOBIX — OTTOBIX-GAPFIX v1 START
   Rimuove la fascia bianca tra header strip e hero + mappa contatti.
   ========================================================================== */
body.page-id-12 .container-wrap,body.page-id-13 .container-wrap,body.page-id-14 .container-wrap,body.page-id-15 .container-wrap,body.page-id-16 .container-wrap,body.page-id-17 .container-wrap,body.page-id-18 .container-wrap,body.page-id-19 .container-wrap,body.page-id-20 .container-wrap,body.page-id-21 .container-wrap,body.page-id-22 .container-wrap,body.page-id-23 .container-wrap,body.page-id-24 .container-wrap,body.page-id-25 .container-wrap,body.page-id-26 .container-wrap,body.page-id-27 .container-wrap,body.page-id-28 .container-wrap,body.page-id-30 .container-wrap{padding-top:0!important}
body.page-id-12  .main-content>.row>.col,body.page-id-13  .main-content>.row>.col,body.page-id-14  .main-content>.row>.col,body.page-id-15  .main-content>.row>.col,body.page-id-16  .main-content>.row>.col,body.page-id-17  .main-content>.row>.col,body.page-id-18  .main-content>.row>.col,body.page-id-19  .main-content>.row>.col,body.page-id-20  .main-content>.row>.col,body.page-id-21  .main-content>.row>.col,body.page-id-22  .main-content>.row>.col,body.page-id-23  .main-content>.row>.col,body.page-id-24  .main-content>.row>.col,body.page-id-25  .main-content>.row>.col,body.page-id-26  .main-content>.row>.col,body.page-id-27  .main-content>.row>.col,body.page-id-28  .main-content>.row>.col,body.page-id-30  .main-content>.row>.col{padding-bottom:0!important}
.motta-cont__map{margin-top:8px;border-radius:var(--motta-radius-card);overflow:hidden;box-shadow:0 16px 44px rgba(10,9,56,.09);border:1px solid rgba(10,9,56,.08)}
.motta-cont__map iframe{display:block;width:100%;height:470px;border:0}
@media (max-width:640px){.motta-cont__map iframe{height:340px}}
/* OTTOBIX-GAPFIX v1 END */

/* ==========================================================================
   32 · HOME — OTTOBIX-HOME v1 START
   ========================================================================== */
body.page-id-11 .container.main-content{max-width:100%!important;width:100%!important;padding:0!important;margin:0 auto!important}
body.page-id-11 .container.main-content>.row{padding:0!important;margin:0!important}
body.page-id-11 #page-header-bg,body.page-id-11 .page-header-no-bg{display:none!important}
body.page-id-11 .container-wrap{padding-top:0!important}
body.page-id-11 .main-content>.row>.col{padding-bottom:0!important}
.motta-home .motta-pro{padding-bottom:70px}
.motta-pro--cream{background:var(--motta-cream)}
.motta-pro__grid--eq .motta-pro__card:nth-child(-n+2){grid-column:span 2;min-height:300px}
.motta-home__more{text-align:center;margin:34px auto 0}
.motta-home__num{background:var(--motta-navy);padding:70px 22px}
.motta-home__num-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:34px 74px;max-width:1160px;margin:0 auto;text-align:center}
.motta-home__num .motta-cocat__hero-num{font-size:clamp(30px,3vw,40px)}
@media (max-width:980px){
  .motta-pro__grid--eq .motta-pro__card:nth-child(-n+2){grid-column:span 1;min-height:260px}
  .motta-pro__grid--eq .motta-pro__card:last-child{grid-column:span 1}
}
@media (max-width:560px){
  .motta-pro__grid--eq .motta-pro__card,.motta-pro__grid--eq .motta-pro__card:nth-child(-n+2),.motta-pro__grid--eq .motta-pro__card:last-child{grid-column:span 1}
  .motta-home__num-grid{gap:26px 40px}
}
/* OTTOBIX-HOME v1 END */

/* ==========================================================================
   33 · PROMESSE + LAYOUT HOME v2 — OTTOBIX-PROMESSE v1 START
   Visual SVG animate (draw oro) + griglia servizi 3+3+2.
   ========================================================================== */
.motta-pro__grid--71 .motta-pro__card{grid-column:span 2;min-height:300px}
.motta-pro__grid--71 .motta-pro__card:nth-last-child(-n+2){grid-column:span 3;min-height:360px}
@media (max-width:980px){
  .motta-pro__grid--71 .motta-pro__card,.motta-pro__grid--71 .motta-pro__card:nth-last-child(-n+2){grid-column:span 1;min-height:260px}
  .motta-pro__grid--71 .motta-pro__card:last-child{grid-column:span 2}
}
@media (max-width:560px){
  .motta-pro__grid--71 .motta-pro__card,.motta-pro__grid--71 .motta-pro__card:nth-last-child(-n+2),.motta-pro__grid--71 .motta-pro__card:last-child{grid-column:span 1}
}
.motta-prom__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:8px}
@media (max-width:1080px){.motta-prom__grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.motta-prom__grid{grid-template-columns:1fr}}
.motta-prom__card{text-align:center}
.motta-prom__card .motta-cocat__essenza-t{margin-top:2px}
.motta-vis{width:88px;height:88px;margin:4px auto 16px;position:relative}
.motta-vis::before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 42%,rgba(201,169,97,.12),transparent 68%)}
.motta-vis svg{width:100%;height:100%;display:block}
.motta-vis svg path,.motta-vis svg circle.mv-d{stroke:var(--motta-gold);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;fill:none}
.mv-l40{stroke-dasharray:40;stroke-dashoffset:40}
.mv-l80{stroke-dasharray:80;stroke-dashoffset:80}
.mv-l120{stroke-dasharray:130;stroke-dashoffset:130}
.mv-l180{stroke-dasharray:180;stroke-dashoffset:180}
.mv-l220{stroke-dasharray:220;stroke-dashoffset:220}
.is-in .motta-vis .mv-d{transition:stroke-dashoffset 1.4s cubic-bezier(.4,0,.2,1) .25s;stroke-dashoffset:0}
.motta-vis .mv-p{fill:var(--motta-gold);stroke:none;opacity:0;transform:scale(.4);transform-origin:center;transform-box:fill-box}
.is-in .motta-vis .mv-p{opacity:1;transform:scale(1);transition:opacity .5s ease,transform .5s cubic-bezier(.34,1.56,.64,1)}
.is-in .motta-vis .mv-p1{transition-delay:.5s}
.is-in .motta-vis .mv-p2{transition-delay:.75s}
.is-in .motta-vis .mv-p3{transition-delay:1s}
.is-in .motta-vis .mv-p4{transition-delay:1.25s}
.motta-vis .mv-m{font-family:var(--motta-serif);font-style:italic;font-weight:500;font-size:36px;fill:var(--motta-gold);text-anchor:middle;opacity:0}
.is-in .motta-vis .mv-m{opacity:1;transition:opacity 1s ease .9s}
.motta-vis .mv-c{fill:var(--motta-gold);stroke:none;opacity:0}
.is-in .motta-vis .mv-c{opacity:1;transition:opacity .5s ease 1.3s;animation:mottaPulse 3.2s ease-in-out 1.8s infinite}
@keyframes mottaPulse{0%,100%{opacity:1}50%{opacity:.45}}
@media (prefers-reduced-motion:reduce){
  .motta-vis .mv-d,.mv-l40,.mv-l80,.mv-l120,.mv-l180,.mv-l220{stroke-dashoffset:0!important;transition:none!important}
  .motta-vis .mv-p,.motta-vis .mv-m,.motta-vis .mv-c{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}
}
/* OTTOBIX-PROMESSE v1 END */

/* ============================================================
   34 · MOBILE MENU TYPOGRAPHY — OTTOBIX-MOBILENAV v1 START
   Coerenza con la nav desktop: Inter 600 uppercase ls1.5 navy
   ============================================================ */
#header-outer #mobile-menu li a{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif!important;font-size:13px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:1.5px!important;color:var(--motta-navy)!important;line-height:1.5!important}
#header-outer #mobile-menu li a:hover,#header-outer #mobile-menu li a:focus{color:var(--motta-gold)!important}
#header-outer #mobile-menu li.current-menu-item > a,#header-outer #mobile-menu li.current_page_item > a,#header-outer #mobile-menu li.current-menu-ancestor > a{color:var(--motta-navy)!important}
/* Sottovoci: come i dropdown desktop */
#header-outer #mobile-menu ul.sub-menu li a{font-size:13.5px!important;font-weight:500!important;text-transform:none!important;letter-spacing:.2px!important;color:rgba(10,9,56,.78)!important}
#header-outer #mobile-menu ul.sub-menu li a:hover{color:var(--motta-gold)!important}
/* OTTOBIX-MOBILENAV v1 END */

/* ============================================================
   35 · CONTATTI RAPIDI FLOTTANTI — OTTOBIX-FLOAT v1 START
   Desktop: fab laterale dx (email+WhatsApp) · Mobile: barra fondo schermo
   ============================================================ */
.motta-fab{position:fixed;right:16px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:9990}
.motta-fab__btn,.motta-fab__btn:visited{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:var(--motta-navy);color:var(--motta-gold)!important;border:1px solid rgba(201,169,97,.35);box-shadow:0 12px 32px rgba(10,9,56,.28);transition:background .25s ease,color .25s ease,transform .25s ease,box-shadow .25s ease}
.motta-fab__btn svg{width:22px;height:22px;display:block}
.motta-fab__btn:hover,.motta-fab__btn:focus{background:var(--motta-gold);color:var(--motta-navy)!important;transform:translateX(-3px);box-shadow:0 16px 38px rgba(10,9,56,.34)}
.motta-mb{display:none}
@media (max-width:999px){
  .motta-fab{display:none}
  .motta-mb{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:9990;box-shadow:0 -10px 30px rgba(10,9,56,.18)}
  .motta-mb__btn,.motta-mb__btn:visited{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;padding:15px 10px calc(15px + env(safe-area-inset-bottom,0px));font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;font-size:12.5px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;line-height:1;transition:filter .25s ease}
  .motta-mb__btn svg{width:17px;height:17px;flex:none}
  .motta-mb__btn:hover{filter:brightness(1.08)}
  .motta-mb__btn--mail,.motta-mb__btn--mail:visited,.motta-mb__btn--mail:hover{background:var(--motta-navy);color:#fff!important}
  .motta-mb__btn--mail svg{color:var(--motta-gold)}
  .motta-mb__btn--call,.motta-mb__btn--call:visited,.motta-mb__btn--call:hover{background:var(--motta-gold);color:var(--motta-navy)!important}
  .motta-mb__btn--call svg{color:var(--motta-navy)}
  body{padding-bottom:calc(48px + env(safe-area-inset-bottom,0px))}
}
@media (prefers-reduced-motion:reduce){.motta-fab__btn{transition:none}.motta-fab__btn:hover{transform:none}}
/* OTTOBIX-FLOAT v1 END */

/* ============================================================
   36 · HERO HOME KEN BURNS — OTTOBIX-KBHERO v2 START
   Slider di sfondo 6 slide, cross-fade + zoom lento, solo CSS.
   Ciclo 42s (7s a slide). Transform statico da invisibile (perf).
   ============================================================ */
.motta-cocat__hero--kb{min-height:clamp(540px,86vh,920px)}
.motta-kb{overflow:hidden}
.motta-kb .motta-kb__s{position:absolute;inset:-2%;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transform:scale(1.06);animation:mottaKbA 42s linear infinite}
.motta-kb .motta-kb__s2,.motta-kb .motta-kb__s4,.motta-kb .motta-kb__s6{animation-name:mottaKbB}
.motta-kb .motta-kb__s2{animation-delay:7s}
.motta-kb .motta-kb__s3{animation-delay:14s}
.motta-kb .motta-kb__s4{animation-delay:21s}
.motta-kb .motta-kb__s5{animation-delay:28s}
.motta-kb .motta-kb__s6{animation-delay:35s}
.motta-kb .motta-kb__s--lume{filter:brightness(1.5) saturate(1.04)}
@keyframes mottaKbA{0%{opacity:0;transform:scale(1.06) translate3d(-1.2%,.6%,0)}2.4%{opacity:1}16.7%{opacity:1}21.4%{opacity:0;transform:scale(1.145) translate3d(.3%,-.2%,0)}21.6%{transform:scale(1.06) translate3d(-1.2%,.6%,0)}100%{opacity:0;transform:scale(1.06) translate3d(-1.2%,.6%,0)}}
@keyframes mottaKbB{0%{opacity:0;transform:scale(1.17) translate3d(1%,-.6%,0)}2.4%{opacity:1}16.7%{opacity:1}21.4%{opacity:0;transform:scale(1.095) translate3d(-.2%,.2%,0)}21.6%{transform:scale(1.17) translate3d(1%,-.6%,0)}100%{opacity:0;transform:scale(1.17) translate3d(1%,-.6%,0)}}
.motta-cocat__hero--kb .motta-cocat__hero-sub{font-size:clamp(19.36px,1.815vw,21.78px)}
@media (max-width:760px){.motta-cocat__hero--kb{min-height:min(78vh,640px)}}
@media (prefers-reduced-motion:reduce){.motta-kb .motta-kb__s{animation:none;transform:none}.motta-kb .motta-kb__s1{opacity:1}}
/* OTTOBIX-KBHERO v2 END */


/* ============================================================
   37 · ICONE AL POSTO DEI NUMERI ROMANI — OTTOBIX-NUMICONS v1 START
   Icone stroke oro via mask, sostituiscono I. II. III. nelle card
   ============================================================ */
.motta-ic{background:var(--motta-gold);-webkit-mask:var(--mic) center/contain no-repeat;mask:var(--mic) center/contain no-repeat}
.motta-cocat__num.motta-ic{width:30px;height:30px;display:block;margin:0 0 14px}
.motta-prom__card .motta-cocat__num.motta-ic,.motta-cocat__essenza[style*="text-align:center"] .motta-ic{margin-left:auto;margin-right:auto}
.motta-pro__num.motta-ic{width:22px;height:22px;display:block;margin-bottom:10px;filter:drop-shadow(0 2px 8px rgba(10,9,56,.55))}
.motta-ic--phone{--mic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.3 1.8.6 2.7a2 2 0 0 1-.5 2L8 9.6a16 16 0 0 0 6.4 6.4l1.2-1.2a2 2 0 0 1 2-.5c.9.3 1.8.5 2.7.6a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E")}
.motta-ic--mail{--mic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 7l9 6 9-6'/%3E%3C/svg%3E")}
.motta-ic--pin{--mic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12S4 16 4 10a8 8 0 0 1 16 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E")}
.motta-ic--home{--mic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.2 12 3l9 7.2'/%3E%3Cpath d='M5 8.6V21h14V8.6'/%3E%3Cpath d='M10 21v-6h4v6'/%3E%3C/svg%3E")}
.motta-ic--flame{--mic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3c2.2 3.4 6 5.6 6 9.8A6 6 0 0 1 6 12.8c0-2 .9-3.7 2.1-5.3C9.5 5.9 11 4.7 12 3z'/%3E%3C/svg%3E")}
.motta-ic--arch{--mic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 21V11a6.5 6.5 0 0 1 13 0v10'/%3E%3Cpath d='M3 21h18'/%3E%3C/svg%3E")}
.motta-ic--temple{--mic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 21h16'/%3E%3Cpath d='M6.5 21v-8.5M12 21v-8.5M17.5 21v-8.5'/%3E%3Cpath d='M4.5 12.5h15'/%3E%3Cpath d='M5.5 12.5 12 5.5l6.5 7'/%3E%3C/svg%3E")}
.motta-ic--note{--mic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18.5V6.5l10-2.5v11.5'/%3E%3Ccircle cx='6.6' cy='18.5' r='2.4'/%3E%3Ccircle cx='16.6' cy='15.5' r='2.4'/%3E%3C/svg%3E")}
.motta-ic--equalizer{--mic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9.5v5M10 6.5v11M14 8.5v7M18 5.5v13'/%3E%3C/svg%3E")}
.motta-ic--pen{--mic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3.3a2.6 2.6 0 1 1 3.7 3.7L7.6 20.1 2 22l1.9-5.6z'/%3E%3C/svg%3E")}
.motta-ic--news{--mic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5.5' width='17' height='13' rx='1.5'/%3E%3Cpath d='M7 9.5h6M7 13h10'/%3E%3C/svg%3E")}
.motta-ic--poster{--mic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='3' width='12' height='18' rx='1.2'/%3E%3Cpath d='M9 8h6M9 11.5h6M9 15h3.5'/%3E%3C/svg%3E")}
.motta-ic--globe{--mic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18'/%3E%3Cpath d='M12 3c2.7 2.3 4.4 5.4 4.4 9S14.7 18.7 12 21c-2.7-2.3-4.4-5.4-4.4-9S9.3 5.3 12 3z'/%3E%3C/svg%3E")}
.motta-ic--car{--mic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 16.5V13l2.2-4.6a1.6 1.6 0 0 1 1.4-.9h8.8a1.6 1.6 0 0 1 1.4.9L20 13v3.5'/%3E%3Cpath d='M4 13h16'/%3E%3Ccircle cx='7.2' cy='16.8' r='1.7'/%3E%3Ccircle cx='16.8' cy='16.8' r='1.7'/%3E%3C/svg%3E")}
.motta-ic--van{--mic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.8 7.5h11v9h-11z'/%3E%3Cpath d='M13.8 10h3.7l3.2 3v3.5h-6.9'/%3E%3Ccircle cx='6.6' cy='17.4' r='1.7'/%3E%3Ccircle cx='16.9' cy='17.4' r='1.7'/%3E%3C/svg%3E")}
.motta-ic--flower{--mic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21v-6.5'/%3E%3Cpath d='M12 14.5c-3 0-5.2-2.2-5.2-5.2V6.2L12 8.7l5.2-2.5v3.1c0 3-2.2 5.2-5.2 5.2z'/%3E%3C/svg%3E")}
.motta-ic--layers{--mic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5 21 8.5l-9 5-9-5z'/%3E%3Cpath d='M3.5 13 12 17.7l8.5-4.7'/%3E%3C/svg%3E")}
.motta-ic--urn{--mic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3.5h6M12 3.5V6'/%3E%3Cpath d='M7.8 6h8.4c.4 1.7 1.2 2.6 1.2 4.6 0 3.7-2.4 6.2-5.4 6.2s-5.4-2.5-5.4-6.2c0-2 .8-2.9 1.2-4.6z'/%3E%3Cpath d='M9.8 21h4.4l-.5-4.4h-3.4z'/%3E%3C/svg%3E")}
.motta-ic--file{--mic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2.5H6.5a2 2 0 0 0-2 2v15a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2.5V8h5.5'/%3E%3Cpath d='M8.5 13h7M8.5 16.5h5'/%3E%3C/svg%3E")}
.motta-ic--heart{--mic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20.5S4 15.3 4 9.9A4.5 4.5 0 0 1 12 7a4.5 4.5 0 0 1 8 2.9c0 5.4-8 10.6-8 10.6z'/%3E%3C/svg%3E")}
.motta-ic--shield{--mic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 2.8v5.4c0 4.4-2.9 8.3-7 9.8-4.1-1.5-7-5.4-7-9.8V5.8z'/%3E%3C/svg%3E")}
.motta-ic--clock{--mic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.6'/%3E%3Cpath d='M12 7.2V12l3.4 2'/%3E%3C/svg%3E")}
.motta-ic--hourglass{--mic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3.5h10M7 20.5h10'/%3E%3Cpath d='M8 3.5v2.8L12 12l-4 5.7v2.8M16 3.5v2.8L12 12l4 5.7v2.8'/%3E%3C/svg%3E")}
.motta-ic--calendar{--mic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='16' rx='2'/%3E%3Cpath d='M3.5 10h17M8 3v4M16 3v4'/%3E%3C/svg%3E")}
.motta-ic--candle{--mic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.8c1.1 1.3 1.9 2.2 1.9 3.3a1.9 1.9 0 0 1-3.8 0c0-1.1.8-2 1.9-3.3z'/%3E%3Cpath d='M9.8 10.5h4.4V21H9.8z'/%3E%3Cpath d='M7 21h10'/%3E%3C/svg%3E")}
.motta-ic--diamond{--mic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5 19 12l-7 8.5L5 12z'/%3E%3C/svg%3E")}
.motta-ic--sparkle{--mic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5c.6 4.5 3.5 7.4 8 8-4.5.6-7.4 3.5-8 8-.6-4.5-3.5-7.4-8-8 4.5-.6 7.4-3.5 8-8z'/%3E%3C/svg%3E")}
.motta-ic--gem{--mic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 3.5h11L21 9l-9 11.5L3 9z'/%3E%3Cpath d='M3 9h18'/%3E%3C/svg%3E")}
.motta-ic--hexagon{--mic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.8 20.3 7.6v9L12 21.2 3.7 16.4v-9z'/%3E%3C/svg%3E")}
.motta-ic--blend{--mic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9.3' cy='12' r='5.6'/%3E%3Ccircle cx='14.7' cy='12' r='5.6'/%3E%3C/svg%3E")}
.motta-ic--infinity{--mic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='12' r='3.7'/%3E%3Ccircle cx='16' cy='12' r='3.7'/%3E%3C/svg%3E")}
.motta-ic--door{--mic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 21V5a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2v16'/%3E%3Cpath d='M2.5 21h19'/%3E%3Ccircle cx='15.4' cy='12.5' r='.9'/%3E%3C/svg%3E")}
.motta-ic--snow{--mic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v18M4.2 7.5l15.6 9M19.8 7.5l-15.6 9'/%3E%3C/svg%3E")}
.motta-ic--user{--mic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.7'/%3E%3Cpath d='M5.3 20.5a6.7 6.7 0 0 1 13.4 0'/%3E%3C/svg%3E")}
.motta-ic--wind{--mic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.5h8.5a2.5 2.5 0 1 0-2.5-2.5'/%3E%3Cpath d='M3.5 12.5h12.8a2.5 2.5 0 1 1-2.5 2.5'/%3E%3Cpath d='M3.5 16.5h6'/%3E%3C/svg%3E")}
.motta-ic--chat{--mic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.6a8.5 8.5 0 0 1-8.6 8.4c-1.4 0-2.8-.4-4-1L3 20.3l1.3-5.4A8.5 8.5 0 1 1 21 11.6z'/%3E%3C/svg%3E")}
.motta-ic--medical{--mic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.8' y='3.8' width='16.4' height='16.4' rx='3'/%3E%3Cpath d='M12 8.5v7M8.5 12h7'/%3E%3C/svg%3E")}
.motta-ic--alert{--mic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.6 22 20.4H2z'/%3E%3Cpath d='M12 10v4.6M12 17.6v.1'/%3E%3C/svg%3E")}
.motta-ic--tag{--mic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.6 13.3 13.3 20.6a2 2 0 0 1-2.8 0L3 13.1V3h10.1l7.5 7.5a2 2 0 0 1 0 2.8z'/%3E%3Ccircle cx='7.6' cy='7.6' r='1.1'/%3E%3C/svg%3E")}
.motta-ic--map{--mic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4 3 6v14l6-2 6 2 6-2V4l-6 2z'/%3E%3Cpath d='M9 4v14M15 6v14'/%3E%3C/svg%3E")}
/* OTTOBIX-NUMICONS v1 END */

/* ============================================================
   38 · PAGINE VERTICALI DI ZONA — OTTOBIX-FLUSH v1 START
   Hero attaccata alla strip header sulle pagine onoranze-funebri-*
   ============================================================ */
body.motta-flush .container-wrap{padding-top:0!important}
body.motta-flush .main-content>.row>.col{padding-bottom:0!important}
.motta-zone__also{margin:26px 0 0;text-align:center}
.motta-zone__also .motta-cont__link{margin:0 12px 8px;display:inline-block}
/* OTTOBIX-FLUSH v1 END */
/* ============================================================
   39 · LEGGIBILITA CORSIVI — TUTTO IL SITO — OTTOBIX-ITALIC v2 START
   Cormorant Garamond italic +10% e resa piu leggibile sui fondi scuri.
   Applicato a tutte le pagine: stessi valori validati in home.
   ============================================================ */
.motta-cocat__hero-sub{font-size:clamp(19.36px,1.815vw,21.78px)}
.motta-pro__lead{font-size:clamp(17.05px,1.54vw,19.25px)}
.motta-cocat__lead{font-size:18.7px}
.motta-pro__d{font-size:18.34px;font-weight:500;line-height:1.45;color:rgba(255,255,255,.96);text-shadow:0 1px 3px rgba(10,9,56,.6)}
.motta-casaf__note-p{font-size:clamp(17.05px,1.54vw,19.25px)}
.motta-cocat__lb-cap{font-size:19.8px}
/* OTTOBIX-ITALIC v2 END */
/* ============================================================
   40 · NIENTE SPAZIO BIANCO PRIMA DEL FOOTER — OTTOBIX-NOGAP v1 START
   WordPress (wpautop) avvolge gli script inline di fine pagina in un <p>,
   che eredita il padding dei paragrafi: 21px di bianco sopra il footer.
   ============================================================ */
.motta-cocat p:has(> script:only-child),
.motta-pro p:has(> script:only-child){display:none}
.motta-cocat > p:last-child:not([class]){padding-bottom:0;margin-bottom:0;line-height:0}
/* OTTOBIX-NOGAP v1 END */
/* ============================================================
   41 · CORPO DEL TESTO PIU LEGGIBILE — TUTTO IL SITO — OTTOBIX-READ v1 START
   Scala unica: lead corsivi 21px, paragrafi 17.5px, testi in card 16-16.5px,
   tabelle e campi form 16px (16px evita anche lo zoom automatico su iPhone).
   ============================================================ */
.motta-cocat__lead{font-size:21px;line-height:1.6}
.motta-pro__lead{font-size:clamp(18.5px,1.68vw,21px)}
.motta-casaf__note-p{font-size:clamp(18.5px,1.68vw,21px)}
.motta-casaf__p{font-size:17.5px;line-height:1.72}
.motta-storia__step p{font-size:16.5px;line-height:1.65}
.motta-cocat__essenza p{font-size:16px;line-height:1.6}
.motta-prose{font-size:17.5px;line-height:1.72}
.motta-prose table,.motta-table{font-size:16px}
body .motta-plan__form input[type=text],
body .motta-plan__form input[type=email],
body .motta-plan__form input[type=tel],
body .motta-plan__form select,
body .motta-plan__form textarea{font-size:16px!important}
/* Articoli del blog: il tema li rende a 14px, troppo piccoli per una lettura lunga */
body.single-post .post-content .content-inner p,
body.single-post .post-content .content-inner li,
body.single-post .post-content .content-inner td,
body.single-post .post-content .content-inner th{font-size:17.5px;line-height:1.72}
body.single-post .post-content .content-inner p{color:#4a4a58}
/* OTTOBIX-READ v1 END */
/* ============================================================
   42 · NIENTE AUTORE NEGLI ARTICOLI — OTTOBIX-NOAUTHOR v1 START
   Via il riquadro autore a fine articolo e la firma "By ..." dai meta.
   ============================================================ */
#author-bio,
#author-info,
.nectar-author-info-title,
.about-author,
.meta-author,
.author-leading,
.post-meta .author,
img.avatar{display:none!important}
/* OTTOBIX-NOAUTHOR v1 END */
/* ============================================================
   43 · LIGHTBOX A TUTTO SCHERMO — OTTOBIX-LBFULL v1 START
   Sopra header e pulsanti flottanti, chiusura con X / lati / Esc, ottimizzato mobile.
   ============================================================ */
.motta-cocat__lb{z-index:2147483000;overscroll-behavior:contain}
body.motta-lb-on{overflow:hidden}
body.motta-lb-on #header-outer,
body.motta-lb-on #header-space,
body.motta-lb-on .motta-strip,
body.motta-lb-on .motta-fab,
body.motta-lb-on .motta-mb,
body.motta-lb-on #to-top,
body.motta-lb-on .motta-ed__fab{visibility:hidden!important;pointer-events:none!important}
.motta-cocat__lb-close{position:fixed;top:18px;right:18px;z-index:3;background:rgba(255,255,255,.14)}
.motta-cocat__lb-nav{z-index:3}
.motta-cocat__lb-box{max-height:88vh}
@media (max-width:760px){
  .motta-cocat__lb{padding:14px 8px}
  .motta-cocat__lb-box{max-height:82vh}
  .motta-cocat__lb-img{max-height:62vh}
  .motta-cocat__lb-cap{font-size:16.5px;margin-top:10px;padding:0 46px}
  .motta-cocat__lb-nav{width:42px;height:42px;font-size:19px}
  .motta-cocat__lb-prev{left:6px}
  .motta-cocat__lb-next{right:6px}
  .motta-cocat__lb-close{top:calc(10px + env(safe-area-inset-top,0px));right:10px;width:42px;height:42px}
}
/* OTTOBIX-LBFULL v1 END */
/* ============================================================
   44 · VOCI MENU HEADER +5% — SOLO DESKTOP — OTTOBIX-NAV v1 START
   Il menu mobile (#mobile-menu) resta invariato.
   ============================================================ */
@media (min-width:1000px){
  html body #header-outer #top nav > ul > li > a,
  html body #header-outer .sf-menu > li > a{font-size:13.13px!important}
  html body #header-outer .sf-menu li ul li a,
  html body #header-outer #top nav ul.sf-menu li ul li a{font-size:14.18px!important}
}
/* OTTOBIX-NAV v1 END */

/* OTTOBIX-DS v1 END */