/* MyArmonia — aggiunte alle pagine di giugno: modulo, banner cookie, menu, mappe, riga legale */
:root{
  --ma2-pink:#F28B96; --ma2-pink-deep:#DE6F7C; --ma2-brown:#6D4C43; --ma2-cream:#FDFAF6;
  --ma2-display:"AvantGarde Bk BT Demi","AvantGarde Bk BT Book","Century Gothic","Helvetica Neue",Arial,sans-serif;
  --ma2-body:"HelveticaNeue LT Light Regular","Helvetica Neue",Helvetica,Arial,sans-serif;
}

/* ---- modulo ---- */
.ma-hp{position:absolute;left:-5000px;width:1px;height:1px;overflow:hidden}
.ma-consent{margin-top:4px}
.ma-consent__label{display:block;padding-left:26px;position:relative;font-family:var(--ma2-body);font-size:14px;line-height:1.4;color:var(--ma2-brown);cursor:pointer;text-align:left}
.ma-consent__label input{position:absolute;left:0;top:2px;margin:0;accent-color:var(--ma2-pink-deep);width:16px;height:16px}
.ma-consent__label a{color:var(--ma2-brown);text-decoration:underline}
.ma-form-msg{display:none;margin-top:12px;padding:12px 14px;border-radius:12px;font-family:var(--ma2-body);font-size:15px;line-height:1.4}
.ma-form-msg.ok{display:block;background:#E6F3F4;color:#1d5f66;border:1px solid #bfe0e3}
.ma-form-msg.err{display:block;background:#FDECEC;color:#8a2a2a;border:1px solid #f3c2c2}
.ma-form button[type=submit][disabled]{opacity:.7;cursor:wait}

/* ---- menu da telefono: la classe --open la mette il nostro script ---- */
.block-header-layout-mobile__dropdown.ma-open{visibility:visible;height:auto;max-height:50vh;padding:24px 16px;box-shadow:0 6px 14px -10px rgba(0,0,0,.1);overflow:visible}
.block-header-layout-mobile__dropdown.ma-open.block-header-layout-mobile__dropdown--full-screen{max-height:none;height:calc(100dvh - var(--header-height-mobile, 0px));overflow-y:auto}
.burger.ma-open .burger__bun:first-child{top:-1px;transform:rotate(45deg)}
.burger.ma-open .burger__bun:last-child{transform:rotate(-45deg)}
.burger.ma-open .burger__meat{width:0;opacity:0}

/* ---- mappe in Contatti: si caricano col consenso o col tasto ---- */
.grid-map{position:relative}
.grid-map--loading{pointer-events:auto !important}
.grid-map--loading::after{display:none !important}
.grid-map iframe:not([src]){background:#F4E8E9}
.ma-map-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;font-family:var(--ma2-display);font-size:13px;text-transform:uppercase;letter-spacing:.03em;color:#fff;background:var(--ma2-pink);border:0;border-radius:999px;padding:10px 18px;cursor:pointer;box-shadow:0 10px 24px -10px rgba(120,50,60,.5)}
.ma-map-btn:hover{background:var(--ma2-pink-deep)}
.ma-map-btn[hidden]{display:none}

/* ---- riga legale sotto il footer ---- */
.ma-legal{background:rgba(242,138,148,.21);border-top:1px solid rgba(109,76,67,.12);padding:14px 16px 110px}
.ma-legal__in{max-width:1224px;margin:0 auto;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;align-items:center;font-family:var(--ma2-body);font-size:13px;color:var(--ma2-brown);line-height:1.5}
.ma-legal a{color:var(--ma2-brown);text-decoration:underline;text-underline-offset:3px}
.ma-legal button{background:none;border:0;padding:0;color:var(--ma2-brown);font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}

/* ---- banner cookie ---- */
.ma-cookie{position:fixed;left:16px;right:16px;bottom:16px;z-index:10000;background:#fff;border:1px solid #F0C9CF;border-radius:18px;box-shadow:0 12px 40px rgba(109,76,67,.18);padding:18px 20px;max-width:560px;margin:0 auto;display:none}
.ma-cookie.show{display:block}
.ma-cookie p{font-family:var(--ma2-body);font-size:15px;line-height:1.45;color:var(--ma2-brown);margin:0 0 12px}
.ma-cookie a{color:var(--ma2-brown);text-decoration:underline}
.ma-cookie__btns{display:flex;flex-wrap:wrap;gap:10px}
.ma-btn{font-family:var(--ma2-display);font-size:13px;text-transform:uppercase;letter-spacing:.03em;color:#fff;background:var(--ma2-pink);border:2px solid var(--ma2-pink);border-radius:999px;padding:10px 18px;cursor:pointer}
.ma-btn:hover{background:var(--ma2-pink-deep);border-color:var(--ma2-pink-deep)}
.ma-btn--ghost{background:#fff;color:var(--ma2-pink-deep)}
.ma-btn--ghost:hover{background:var(--ma2-pink);color:#fff}
@media (max-width:520px){.ma-cookie{left:8px;right:8px;bottom:8px}}

/* ---- privacy: tabella cookie e testo ---- */
.text-box table{border-collapse:collapse;width:100%;margin:8px 0 16px}
.text-box th,.text-box td{text-align:left;padding:6px 8px;border-bottom:1px solid rgba(109,76,67,.15);vertical-align:top;font-size:15px}
.text-box ul{padding-left:1.2em;margin:0 0 8px}
.text-box li{margin-bottom:4px}
.text-box code{font-family:ui-monospace,Menlo,monospace;font-size:.9em}

/* ---- riquadro "Fiducia · Esperienza · Risultati": meno margine laterale, così le parole stanno su una riga ---- */
#zlM-vY{padding:0 8px !important}
#zlM-vY h3,#zlM-vY p{letter-spacing:-.01em}

/* ---- tasto del modulo: il testo va a capo invece di uscire dal bottone (telefono) ---- */
.form .grid-button.form__button{white-space:normal;height:auto;min-height:44px;line-height:1.2;padding:12px 18px;max-width:100%}

/* ---- Contatti: il titolo da telefono occupa tutta la larghezza, così "CONTATTI" non va a capo a metà parola ---- */
@media (max-width:920px){
  [data-qa="layout-element-wrapper:zn2shv"]{--m-grid-column:1/6 !important}
}
#zN2ShV h1{word-break:keep-all;overflow-wrap:normal}

/* ---- elementi con animazione d'ingresso del Builder: senza il suo script restavano invisibili (foto dei trattamenti in Medicina estetica) ---- */
.transition.transition--root-hidden [data-animation-role=image],
.transition.transition--root-hidden [data-animation-role=block-element],
.transition.transition--fade:not(.transition--root-hidden),
.transition.transition--slide:not(.transition--root-hidden),
.transition.transition--scale:not(.transition--root-hidden){opacity:1 !important;transform:none !important}

/* ---- Il metodo: i numeri 1 2 3 su un tondo invece che su una pillola lunga ---- */
#zQaphO,#z-R5sO,#z-euME{width:72px !important;height:72px !important;min-width:0 !important;min-height:0 !important;max-width:none !important;padding:0 !important;border-radius:50% !important;display:inline-flex !important;align-items:center;justify-content:center;line-height:1 !important}
@media (max-width:920px){#zQaphO,#z-R5sO,#z-euME{width:60px !important;height:60px !important}}

/* ---- La chirurgia estetica da telefono: i tasti "Scopri gli interventi" di Viso e Corpo erano invertiti ---- */
@media (max-width:920px){
  [data-qa="layout-element-wrapper:zjckza"]{--m-grid-row:10/11 !important}
  [data-qa="layout-element-wrapper:z1snms"]{--m-grid-row:25/26 !important}
}

/* ---- Finanziamenti: "FAQ" su una riga ---- */
#z0miGU{width:max-content !important;max-width:none !important;position:relative;left:50%;transform:translateX(-50%)}
#z0miGU p{white-space:nowrap}

/* ---- Contatti da telefono: tasti WhatsApp / Chiamaci / Email a tutta larghezza con l'icona dentro, a destra ---- */
@media (max-width:920px){
  [data-qa="layout-element-wrapper:zmdzgf"],[data-qa="layout-element-wrapper:ztbsvj"],[data-qa="layout-element-wrapper:zf65fe"]{--m-grid-column:1/10 !important}
  #zmDZGF,#zTBSvJ,#zF65fE{width:100% !important;max-width:100% !important;padding-right:64px !important;padding-left:20px !important;justify-content:flex-start !important;text-align:left}
  [data-qa="layout-element-wrapper:zo9kat"],[data-qa="layout-element-wrapper:zu1w4o"],[data-qa="layout-element-wrapper:zpyc0d"]{--m-grid-column:8/10 !important;--z-index:9 !important;--m-element-margin:0 0 16px 0;align-self:center;justify-self:end;pointer-events:none}
  [data-qa="layout-element-wrapper:zo9kat"] .social-icons,[data-qa="layout-element-wrapper:zu1w4o"] .social-icons,[data-qa="layout-element-wrapper:zpyc0d"] .social-icons{--icon-size:30px;--space-between-icons:0px;justify-content:flex-end;padding-right:18px}
}


/* =====================================================================
   PAGINA "COLLABORA CON NOI" — sezioni nostre con lo stile delle caselle di giugno
   ===================================================================== */
.cw-block{position:relative}
.cw-wrap{position:relative;z-index:14;max-width:1224px;margin:0 auto;padding:72px 24px 56px;box-sizing:border-box}
.cw-block--intro .cw-wrap{padding-top:56px}
.cw-center{text-align:center}
.cw-title{display:inline-block;margin:0 0 28px;padding:16px 34px;font-family:"HelveticaNeue LT Light Regular","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;font-size:44px;line-height:1.25;text-transform:uppercase;color:#6D4C43;background:rgba(253,250,246,.88);-webkit-backdrop-filter:blur(14px) saturate(1.12);backdrop-filter:blur(14px) saturate(1.12);border:1px solid rgba(255,255,255,.65);border-radius:20px;box-shadow:0 1px 0 rgba(255,255,255,.75) inset,0 28px 64px -30px rgba(86,50,50,.34),0 10px 24px -16px rgba(86,50,50,.18)}
.cw-pill{max-width:900px;margin:0 auto 28px;padding:22px 32px;text-align:center;color:#FDFAF6;font-family:"AvantGarde Bk BT Book","Century Gothic","Helvetica Neue",Arial,sans-serif;font-size:24px;line-height:1.35;background-image:linear-gradient(150deg,rgb(238,154,162) 0%,rgb(231,132,142) 52%,rgb(221,120,132) 100%);border-radius:22px;box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 -16px 30px -22px rgba(120,50,60,.55) inset,0 22px 48px -22px rgba(214,108,122,.62),0 6px 16px -10px rgba(120,50,60,.3)}
.cw-pill--cta{margin-top:36px;font-size:22px}
.cw-card{position:relative;padding:30px 32px 28px;background:rgba(253,250,246,.88);-webkit-backdrop-filter:blur(14px) saturate(1.12);backdrop-filter:blur(14px) saturate(1.12);border:1px solid rgba(255,255,255,.65);border-radius:20px;box-shadow:0 1px 0 rgba(255,255,255,.75) inset,0 28px 64px -30px rgba(86,50,50,.34),0 10px 24px -16px rgba(86,50,50,.18);box-sizing:border-box;color:#6D4C43;transition:transform .45s cubic-bezier(.22,.61,.36,1),box-shadow .45s cubic-bezier(.22,.61,.36,1)}
.cw-card:hover{transform:translateY(-6px);box-shadow:0 1px 0 rgba(255,255,255,.75) inset,0 38px 80px -30px rgba(86,50,50,.45),0 14px 30px -18px rgba(86,50,50,.26)}
.cw-card h3{margin:0 0 12px;font-family:"AvantGarde Bk BT Demi","Century Gothic","Helvetica Neue",Arial,sans-serif;font-weight:400;font-size:22px;line-height:1.25;letter-spacing:.01em;text-transform:uppercase;color:#6D4C43}
.cw-card p{margin:0;font-family:"AvantGarde Bk BT Book","Century Gothic","Helvetica Neue",Arial,sans-serif;font-size:18px;line-height:1.5}
.cw-card p+p{margin-top:12px}
.cw-card strong{font-family:"AvantGarde Bk BT Demi","Century Gothic","Helvetica Neue",Arial,sans-serif;font-weight:400}
.cw-card--text{max-width:900px;margin:0 auto;text-align:center}
.cw-card--text p{font-size:20px;line-height:1.5}
.cw-num{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;margin-bottom:16px;border-radius:50%;background:#F28B96;color:#FDFAF6;font-family:"AvantGarde Bk BT Demi","Century Gothic",sans-serif;font-size:26px;line-height:1;box-shadow:0 10px 24px -10px rgba(214,108,122,.7)}
.cw-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}
.cw-btn{display:inline-flex;align-items:center;justify-content:center;min-width:340px;padding:16px 40px;border-radius:16px;background:#F28B96;color:#FDFAF6;font-family:"AvantGarde Bk BT Demi","Century Gothic",sans-serif;font-size:22px;letter-spacing:.02em;text-transform:uppercase;text-decoration:none;border:1px solid #6D4C43;box-shadow:0 22px 48px -22px rgba(214,108,122,.62),0 6px 16px -10px rgba(120,50,60,.3);transition:background .3s,color .3s,transform .3s}
.cw-btn:hover{background:#6D4C43;color:#fff;transform:translateY(-2px)}
#candidatura{scroll-margin-top:140px}
@media (max-width:920px){
  .cw-wrap{padding:44px 16px 36px}
  .cw-title{font-size:28px;padding:12px 20px;margin-bottom:20px;border-radius:16px}
  .cw-pill{font-size:18px;padding:18px 20px;margin-bottom:20px}
  .cw-pill--cta{margin-top:24px;font-size:17px}
  .cw-card{padding:22px 20px 20px}
  .cw-card h3{font-size:19px}
  .cw-card p,.cw-card--text p{font-size:16px}
  .cw-grid3{grid-template-columns:1fr;gap:16px}
  .cw-num{width:44px;height:44px;font-size:22px;margin-bottom:12px}
  .cw-btn{min-width:0;width:100%;font-size:17px;padding:14px 20px}
  #candidatura{scroll-margin-top:110px}
}

/* ---- menu da computer: con la voce "Collabora con noi" il testo scende un filo (24 → 21px) così resta su due righe ---- */
@media (min-width:921px){
  .block-header-layout-desktop .block-header__nav-links{column-gap:20px}
  .block-header-layout-desktop .item-content{font-size:21px}
}

/* ---- Collabora con noi: la foto da computer è inquadrata un po' più in alto, così i volti restano sotto la testata ---- */
@media (min-width:921px){
  body[data-page="collabora"] .block-background__image--fixed{object-position:center 5% !important}
  /* testata piu' alta: il titolo scende sotto i volti */
  body[data-page="collabora"] #z8MdFq .block-layout{--grid-template-rows:minmax(370px,auto) minmax(68px,auto) minmax(24px,auto) minmax(52px,auto) 1fr !important;--block-min-height:620px !important}
}

/* ---- striscia novità: apertura Marchirolo ---- */
.ma-news{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;min-height:40px;padding:8px 52px;background:linear-gradient(90deg,rgb(242,139,150),rgb(236,120,135));color:rgb(253,250,246);text-align:center;z-index:19}
.ma-news__txt{margin:0;font-family:var(--ma2-body);font-size:16px;line-height:1.35;letter-spacing:.01em}
.ma-news__txt strong{font-weight:700}
.ma-news__cta{color:rgb(253,250,246);text-decoration:underline;text-underline-offset:3px;white-space:nowrap;margin-left:6px;font-weight:700}
.ma-news__cta:hover{color:rgb(109,76,67)}
.ma-news__x{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:0;border-radius:50%;background:rgba(253,250,246,.18);color:rgb(253,250,246);font-size:22px;line-height:32px;cursor:pointer;padding:0}
.ma-news__x:hover{background:rgba(253,250,246,.35)}
.ma-news-off .ma-news{display:none}
@media (max-width:640px){.ma-news{padding:7px 44px 7px 14px;min-height:0}.ma-news__txt{font-size:13.5px}.ma-news__cta{display:inline-block;margin-left:0}.ma-news__x{right:6px;width:30px;height:30px;line-height:30px;font-size:20px}}