/* Punto 10 native runtime: interactions without the P10 JavaScript runtime. */
html,
body {
  max-width: 100%;
  overflow-x: clip;
}

html.p10-native-runtime .t396__artboard {
  visibility: visible;
}

html.p10-native-runtime .t396__artboard.rendered .tn-elem {
  visibility: visible;
}

/* La barra deve coprire i testi fissati quando questi escono dalla hero. */
#rec2805662703 {
  z-index: 10020 !important;
  isolation: isolate;
}

.p10-carousel {
  position: absolute;
  inset: 0;
  overflow: hidden;
  background: inherit;
  touch-action: pan-y pinch-zoom;
}

/* Cambio immagine in dissolvenza sul posto: nessuno scorrimento laterale,
   la cornice resta ferma. */
.p10-carousel__track {
  position: relative;
  width: 100%;
  height: 100%;
  transform: none !important;
}

.p10-carousel__slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: opacity 600ms ease;
}

.p10-carousel__slide[aria-hidden="false"] {
  opacity: 1;
  visibility: visible;
}

.p10-carousel__slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p10-carousel__arrow {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: grid;
  width: 34px;
  height: 34px;
  padding: 0;
  place-items: center;
  border: 0;
  border-radius: 50%;
  color: #333;
  background: rgba(245, 245, 245, .9);
  box-shadow: 0 1px 4px rgba(0, 0, 0, .12);
  cursor: pointer;
  pointer-events: auto;
  touch-action: manipulation;
  user-select: none;
  transform: translateY(-50%);
  transition: background-color 160ms ease, opacity 160ms ease;
  -webkit-tap-highlight-color: transparent;
}

.p10-carousel__arrow:hover,
.p10-carousel__arrow:focus-visible {
  background: #fff;
  outline: 1px solid rgba(0, 0, 0, .15);
}

.p10-carousel__arrow--prev { left: 12px; }
.p10-carousel__arrow--next { right: 12px; }
.p10-carousel__arrow[hidden] { display: none; }

.p10-lightbox {
  position: fixed;
  inset: 0;
  z-index: 10000000;
  display: grid;
  padding: 4vw;
  place-items: center;
  background: rgba(0, 0, 0, .88);
  cursor: zoom-out;
}

.p10-lightbox[hidden] { display: none; }

.p10-lightbox__image {
  display: block;
  max-width: min(92vw, 1500px);
  max-height: 92vh;
  object-fit: contain;
  box-shadow: 0 10px 42px rgba(0, 0, 0, .38);
}

.p10-lightbox__close {
  position: fixed;
  top: 18px;
  right: 22px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  color: #fff;
  background: transparent;
  font: 300 38px/1 Arial, sans-serif;
  cursor: pointer;
}

.p10-reveal-ready .tn-atom {
  opacity: 0;
  transition-property: opacity, transform;
  transition-timing-function: ease;
}

.p10-reveal-ready:not(.p10-reveal-visible)[data-p10-animate="zoomin"] .tn-atom {
  transform: scale(.97);
}

.p10-reveal-visible .tn-atom {
  opacity: 1;
  transform: none;
}

#rec2840754803 .tn-elem.p10-fixed-scroll-text {
  z-index: 9996 !important;
  transform: translate3d(0, var(--p10-fixed-scroll-y, 0px), 0);
  will-change: transform;
}

.p10-color-reveal {
  cursor: pointer;
}

.p10-color-overlay-source {
  display: none !important;
}

/* Come la pagina Galleria: le fotografie partono in bianco e nero a ogni
   risoluzione e tornano a colori al passaggio del cursore o al tocco. */
.p10-color-reveal__mono {
  display: none !important;
}

.p10-color-reveal > .tn-atom {
  filter: grayscale(1);
  transition: filter 360ms ease;
}

.p10-bw-touch > .tn-atom {
  filter: grayscale(1);
  transition: filter 360ms ease;
}

.p10-color-reveal:hover > .tn-atom,
.p10-color-reveal.is-p10-colored > .tn-atom,
.p10-bw-touch:hover > .tn-atom,
.p10-bw-touch.is-p10-colored > .tn-atom {
  filter: none;
}

.p10-brand-swap > .tn-atom {
  position: relative;
  overflow: hidden;
}

.p10-brand-swap > .tn-atom > .tn-atom__img {
  position: relative;
  z-index: 1;
  transition: opacity 360ms ease;
}

.p10-brand-swap__alternate {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: block;
  opacity: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: opacity 360ms ease;
  pointer-events: none;
}

@media (hover: hover) and (pointer: fine) {
  .p10-brand-swap:hover > .tn-atom > .tn-atom__img {
    opacity: 0;
  }

  .p10-brand-swap:hover .p10-brand-swap__alternate {
    opacity: 1;
  }
}

.nolimPopUp { overflow: hidden; }

@media (max-width: 640px) {
  .p10-carousel__arrow {
    width: 32px;
    height: 32px;
  }

  .p10-carousel__arrow--prev { left: 8px; }
  .p10-carousel__arrow--next { right: 8px; }
}

@media (prefers-reduced-motion: reduce) {
  .p10-carousel__slide,
  .p10-reveal-ready .tn-atom,
  .p10-color-reveal__mono,
  .p10-brand-swap > .tn-atom > .tn-atom__img,
  .p10-brand-swap__alternate {
    transition: none !important;
  }

}

.p10-brand-swap__source {
  display: none !important;
}

/* Cornice del contenuto delle pagine interne (vedi p10-content-frame.js). */
@media screen and (min-width: 980px) {
  .tn-elem.p10-frame-item {
    left: var(--p10-frame-left) !important;
    top: var(--p10-frame-top) !important;
    width: var(--p10-frame-width) !important;
    height: var(--p10-frame-height) !important;
  }
}

/* Link arancioni nei testi: un solo filo, dello stesso colore del testo. */
a[style*="133, 99"],
a[style*="133, 98"]{
  color:#C3673F!important;
  text-decoration:underline!important;
  text-decoration-color:currentColor!important;
  text-decoration-thickness:1px!important;
  text-underline-offset:3px!important;
  background-image:none!important;
  box-shadow:none!important;
  border-bottom:0!important;
  padding-bottom:0!important;
}
a[style*="133, 99"]:hover,
a[style*="133, 98"]:hover{opacity:.8}

/* Menu a comparsa (burger): tutte le voci centrate orizzontalmente, su ogni pagina e risoluzione. */
html body #allrecords #rec710611769 .t396__artboard > .tn-elem[data-elem-type="button"]:not([data-elem-id="1708362495592"]){left:50%!important;right:auto!important;margin-left:0!important;transform:translateX(-50%)!important}
html body #allrecords #rec710611769 .t396__artboard > .tn-elem[data-elem-type="button"] .tn-atom{display:flex!important;justify-content:center!important;align-items:center;text-align:center!important;margin-left:auto;margin-right:auto}
/* "Prenotazione" era nascosta fuori schermo: centrandola finiva sopra "Gallery" e ne intercettava il clic. */
@media screen and (min-width:1200px),screen and (max-width:959px){html body #allrecords #rec710611769 .tn-elem[data-elem-id="1708362495592"]{display:none!important}}

/* p10-no-jump: le correzioni di posizione degli script non devono animarsi
   (evita foto e testi che "ballano" su e giu'). Le animazioni di comparsa
   restano sul .tn-atom interno. */
.t396__elem,
.t396__artboard,
.t396__carrier,
.t396__filter,
.t-rec {
  transition-property: none !important;
}

/* p10-footer-480: footer 480-639px, indirizzo su una riga (non si sovrappone
   al telefono) e scritta "punto 10" allineata alla cornice. */
@media screen and (min-width:480px) and (max-width:639px){
  #rec710613547 .tn-elem[data-elem-id="1696265486453"],
  #rec710613547 .tn-elem[data-elem-id="1696265486453"] .tn-atom{width:auto!important;white-space:nowrap!important}
}

/* p10-hours-480: tabella orari 480-639px senza linee. */
@media screen and (min-width:480px) and (max-width:639px){
  #rec2840990803 .tn-elem[data-elem-id="1707703182681"],#rec2840990803 .tn-elem[data-elem-id="1707703285684"],
  #rec2840990803 .tn-elem[data-elem-id="1707703337246"],#rec2840990803 .tn-elem[data-elem-id="1707703385684"],
  #rec2840990803 .tn-elem[data-elem-id="1707703537194"],#rec2840990803 .tn-elem[data-elem-id="1707703772064"],
  #rec2840990803 .tn-elem[data-elem-id="1708100804088"],#rec2840990803 .tn-elem[data-elem-id="1708100811356"]{visibility:hidden!important}
}

/* p10-select-nohyphen: menu a tendina (anche la lista nativa di iPhone):
   le parole non si spezzano con il trattino, va a capo la parola intera. */
html body .t395__select,html body .t395__select option,html body select,html body select option{-webkit-hyphens:none!important;hyphens:none!important;word-break:keep-all!important;overflow-wrap:normal!important}

/* p10-ios-img-fix: Safari iOS non restringe l'immagine dentro l'elemento
   (display:table) e la mostra alla misura originale (305/512/1680px).
   L'immagine segue sempre la larghezza dell'elemento. */
html body .t396__artboard > .tn-elem[data-elem-type="image"]{table-layout:fixed!important}
html body .t396__artboard > .tn-elem[data-elem-type="image"] .tn-atom,
html body .t396__artboard > .tn-elem[data-elem-type="image"] .tn-atom__img{display:block!important;width:100%!important;max-width:100%!important}
html body .t396__artboard > .tn-elem[data-elem-type="image"] .tn-atom__img{height:auto!important}
/* cambio logo anche al tocco sui telefoni */
.p10-brand-swap.p10-tap > .tn-atom > .tn-atom__img{opacity:0}
.p10-brand-swap.p10-tap .p10-brand-swap__alternate{opacity:1}

/* Menu a tendina (>= 640px): largo quanto il contenuto (bordo sinistro logo -> bordo destro burger). Valori fissi, nessuno script. */
@media screen and (min-width:640px){
html body #allrecords .t395 .t395__wrapper_mobile{box-sizing:border-box!important;max-width:none!important;width:600px!important;margin-left:calc(50% - 300px)!important;margin-right:0!important}
html body #allrecords .t395 .t395__select{width:100%!important;max-width:none!important;margin:0!important}
}
@media screen and (min-width:960px){html body #allrecords .t395 .t395__wrapper_mobile{width:920px!important;margin-left:calc(50% - 460px)!important}}
@media screen and (min-width:1200px){html body #allrecords .t395 .t395__wrapper_mobile{width:1160px!important;margin-left:calc(50% - 580px)!important}}

/* p10-pill: pulsanti "[ ... ]" nel nuovo design (come pagina Servizi). Le
   parentesi restano nel testo (nascoste) per gli script di allineamento. */
html body #allrecords a.p10-pill .p10-br,html body #allrecords .tn-atom__button-text.p10-pill .p10-br{display:none!important}
html body #allrecords .tn-elem[data-elem-type="button"] .tn-atom:has(.p10-pill){overflow:visible!important;background:transparent!important}
html body #allrecords a.p10-pill,html body #allrecords .tn-atom__button-text.p10-pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;vertical-align:middle!important;box-sizing:border-box!important;height:40px!important;line-height:1!important;padding:0 30px!important;background-color:#C3673F!important;border-radius:6px!important;color:#fff!important;font-family:'TildaSans',Arial,sans-serif!important;font-size:14px!important;font-weight:500!important;letter-spacing:1.5px!important;text-transform:uppercase!important;white-space:nowrap!important;transition:background-color .2s ease-in-out}
html body #allrecords a.p10-pill:hover,html body #allrecords .tn-atom:hover .tn-atom__button-text.p10-pill{background-color:#A9542F!important;color:#fff!important}


html body #allrecords a.p10-pill{text-decoration:none!important;border:0!important;box-shadow:none!important}

/* p10-pill-ghost: la vecchia scritta "[ ... ]" resta invisibile (stesso
   ingombro di prima, stessi allineamenti); il pulsante nuovo e' disegnato
   sopra, allineato al lato su cui era allineata la scritta. */
html body #allrecords .tn-atom__button-text.p10-pill.p10-pill--ghost{display:inline-block!important;position:relative!important;height:auto!important;line-height:inherit!important;padding:0!important;background:transparent!important;border-radius:0!important;color:transparent!important;font:inherit!important;letter-spacing:inherit!important;text-transform:none!important;overflow:visible!important}
html body #allrecords .tn-atom__button-text.p10-pill--ghost::after{content:attr(data-p10-label);position:absolute;top:50%;left:0;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:40px;padding:0 30px;background-color:#C3673F;border-radius:6px;color:#fff;font-family:'TildaSans',Arial,sans-serif;font-size:14px;font-weight:500;letter-spacing:1.5px;line-height:1;text-transform:uppercase;white-space:nowrap;transition:background-color .2s ease-in-out;pointer-events:none}
@media screen and (max-width:479px){html body #allrecords .tn-atom__button-text.p10-pill--ghost::after{left:auto;right:0}}
html body #allrecords .tn-atom:hover .tn-atom__button-text.p10-pill--ghost{background:transparent!important;color:transparent!important}
html body #allrecords .tn-atom:hover .tn-atom__button-text.p10-pill--ghost::after{background-color:#A9542F}

/* p10-cta-v: versione verticale - pulsanti soli sulla riga centrati nella zona contenuto, larghezza AAA (= PRENOTA dell'hero). Posizione verticale agganciata al pulsante originale (anchor), nessuno script. */
:root{--p10-aaa:217px}
@media screen and (min-width:640px){:root{--p10-aaa:344px}}
@media screen and (min-width:960px){:root{--p10-aaa:410px}}
html body #allrecords .p10-cta-v{display:none}
@media screen and (orientation:portrait) and (max-width:979px){
html body #allrecords .p10-cta-v{display:block;position:absolute;z-index:6;left:calc(50% - var(--p10-aaa) / 2);width:var(--p10-aaa);height:40px;transform:translateY(-50%)}
html body #allrecords .p10-cta-v__a{display:flex;align-items:center;justify-content:center;width:100%;height:40px;box-sizing:border-box;background-color:#C3673F;border-radius:6px;color:#fff!important;font-family:'TildaSans',Arial,sans-serif;font-size:14px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none!important;border:0!important;transition:background-color .2s ease-in-out}
html body #allrecords .p10-cta-v__a:hover{background-color:#A9542F}
html body #allrecords .tn-elem:has(.p10-pill--ghost){pointer-events:none!important}
html body #allrecords .tn-elem:has(.p10-pill--ghost) .p10-pill--ghost::after{display:none!important}
}

/* <480: intestazione come 480-639 - barra su tutta la larghezza, logo e burger alle stesse misure e distanze dai bordi */
@media screen and (max-width:479px){html body #rec2805662703 .t396,html body #rec2805662703 .t396__artboard,html body #rec2805662703 .t396__carrier,html body #rec2805662703 .t396__filter{height:153px!important}html body #rec2805662703 .tn-elem[data-elem-id="1786046040746000001"]{left:0!important;width:100%!important;height:60px!important;top:10px!important}html body #rec2805662703 .tn-elem[data-elem-id="1786045811971000001"]{left:calc(100% - 52px)!important;width:32px!important;top:28.5px!important}html body #rec2805662703 .tn-elem[data-elem-id="1786045811971000002"]{left:20px!important;width:64px!important;top:28.5px!important}}
/* <480: footer allineato al bordo sinistro della cornice logo-burger (come 480-639) */
@media screen and (max-width:479px){html body #allrecords #t-footer .t396__artboard>.tn-elem{margin-left:calc(0px - (100vw - 320px) / 2)!important}}
/* <480 verticale: PERCHE' "PUNTO" e PERCHE' "10" sulla stessa riga, il secondo a filo destro della cornice */
@media (max-width:479px) and (orientation:portrait){html body #allrecords :is(#rec703136184,#rec2390092783) .t396__artboard>[data-elem-id="1685899190621"]{left:20px!important;width:calc(100% - 40px)!important;margin-left:0!important}html body #allrecords :is(#rec703136184,#rec2390092783) [data-elem-id="1685899190621"] .tn-atom{width:100%!important;height:auto!important}html body #allrecords :is(#rec703136184,#rec2390092783) .p10-about-links__inner{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:baseline!important;width:100%!important;gap:16px!important}html body #allrecords :is(#rec703136184,#rec2390092783) .p10-about-links__inner>a{margin:0!important}}
/* <480 verticale: carosello "Tutte le sfumature" come 480-639 - a tutta cornice, proporzione 440x466 */
@media (max-width:479px) and (orientation:portrait){html body #allrecords #rec2390092783 .t396__artboard>[data-elem-id="1781465076965000001"]{margin-left:0!important}html body #allrecords #rec2390092783 [data-elem-id="1781465076965000001"] :is(.tn-atom,.p10-carousel,.p10-carousel__viewport,.p10-carousel__track,.p10-carousel__slide){width:100%!important;height:100%!important}}

/* 480-639 verticale: intestazione a tutta larghezza (logo e burger a 20px dai bordi); contenuto ridistribuito sulla cornice logo-burger da p10-runtime.js. */
@media screen and (min-width:480px) and (max-width:639px) and (orientation:portrait){html body #rec2805662703 .tn-elem[data-elem-id="1786046040746000001"]{left:0!important;width:100%!important;margin-left:0!important}html body #rec2805662703 .tn-elem[data-elem-id="1786045811971000001"]{left:calc(100% - 52px)!important;margin-left:0!important}html body #rec2805662703 .tn-elem[data-elem-id="1786045811971000002"]{left:20px!important;margin-left:0!important}}

/* Footer <640 verticale: una colonna sulla linea sinistra della cornice (20px, come logo); icone social ogni 68px (56 + 12); Google su riga propria. Valori fissi, nessuno script. */
@media (max-width:639px) and (orientation:portrait){
html body #allrecords #rec710613547 .t396__artboard>.tn-elem[data-elem-type="text"]:not([data-elem-id="1696266455801"]){left:20px!important;margin-left:0!important;translate:none!important}
html body #allrecords #rec710613547 .t396__artboard>.tn-elem[data-elem-id="1696264896118"]{left:20px!important;margin-left:0!important;translate:none!important}
html body #allrecords #rec710613547 .t396__artboard>.tn-elem[data-elem-id="1696264908249"]{left:88px!important;margin-left:0!important;translate:none!important}
html body #allrecords #rec710613547 .t396__artboard>.tn-elem[data-elem-id="1696264923983"]{left:156px!important;margin-left:0!important;translate:none!important}
html body #allrecords #rec710613547 .t396__artboard>.tn-elem[data-elem-id="1699267546982"]{left:224px!important;margin-left:0!important;translate:none!important}
html body #allrecords #rec710613547 .p10-google-reviews{left:20px!important;margin-left:0!important;translate:none!important}
}
/* Footer 640-959 verticale: cornice logo-burger = 50% - 307px .. 50% + 293px; colonna 1 e icone (passo 68) sulla linea sinistra, colonna 2 (CONTATTI) a +311px. */
@media (min-width:640px) and (max-width:959px) and (orientation:portrait){
html body #allrecords #rec710613547 .t396__artboard>.tn-elem:is([data-elem-id="1713350432478"],[data-elem-id="1696265261774"],[data-elem-id="1696265044354"],[data-elem-id="1696265058512"],[data-elem-id="1696268038846"],[data-elem-id="1767906531394000001"],[data-elem-id="1708638173614"],[data-elem-id="1787135648213000001"],[data-elem-id="1696264896118"]){left:calc(50% - 307px)!important;margin-left:0!important;translate:none!important}
html body #allrecords #rec710613547 .t396__artboard>.tn-elem[data-elem-id="1696264908249"]{left:calc(50% - 239px)!important;margin-left:0!important;translate:none!important}
html body #allrecords #rec710613547 .t396__artboard>.tn-elem[data-elem-id="1696264923983"]{left:calc(50% - 171px)!important;margin-left:0!important;translate:none!important}
html body #allrecords #rec710613547 .t396__artboard>.tn-elem[data-elem-id="1699267546982"]{left:calc(50% - 103px)!important;margin-left:0!important;translate:none!important}
html body #allrecords #rec710613547 .t396__artboard>.tn-elem:is([data-elem-id="1696265448977"],[data-elem-id="1696265486453"],[data-elem-id="1696265556712"],[data-elem-id="1696265576208"],[data-elem-id="1685902543993"]){left:calc(50% + 4px)!important;margin-left:0!important;translate:none!important}
html body #allrecords #rec710613547 .p10-google-reviews{left:calc(50% + 4px)!important;margin-left:0!important}
}
/* Servizi, CONSULENZA GRATUITA 600-639 verticale: come 640+ (riquadro sulla cornice logo-burger 20..100%-20, testi a 20px dal bordo, titolo 36px). Valori fissi. */
@media (min-width:600px) and (max-width:639px) and (orientation:portrait){
html body #allrecords #rec727821394 :is(.t396__artboard,.t396__carrier,.t396__filter){height:374.5px!important}
html body #allrecords #rec727821394 .t396__artboard>.tn-elem{translate:none!important;transform:none!important;margin:0!important;max-width:none!important}
html body #allrecords #rec727821394 .t396__artboard>[data-elem-id="1710380255004"]{top:40px!important;left:20px!important;width:calc(100% - 40px)!important;height:274.5px!important}
html body #allrecords #rec727821394 .t396__artboard>[data-elem-id="1710380255004"] .tn-atom{height:274.5px!important}
html body #allrecords #rec727821394 .t396__artboard>[data-elem-id="1712078523038"]{top:80px!important;left:40px!important;width:calc(100% - 80px)!important}
html body #allrecords #rec727821394 .t396__artboard>[data-elem-id="1712078523038"] .tn-atom{font-size:36px!important;line-height:41.4px!important}
html body #allrecords #rec727821394 .t396__artboard>[data-elem-id="1743507618796"]{top:192px!important;left:40px!important;width:calc(100% - 80px)!important}
html body #allrecords #rec727821394 .t396__artboard>[data-elem-id="1712088209229"]{top:250.5px!important;left:20px!important;width:calc(100% - 40px)!important}
}

/* Foto di sfondo: versione 800px sui telefoni a densita' normale/2x (sui 3x resta l'originale, nessuna perdita di nitidezza) */
@media (max-width:479px) and (max-resolution:2.1dppx),(max-width:639px) and (max-resolution:1.3dppx){
html body #allrecords .t-bgimg[data-original$="/punto10-parrucchiera-al-lavoro-su-una-cliente-bologna.webp"]{background-image:url(punto10-parrucchiera-al-lavoro-su-una-cliente-bologna-800.webp)!important}
html body #allrecords .t-bgimg[data-original$="/punto10-consulenza-colore-capelli-bologna-punto-10.webp"]{background-image:url(punto10-consulenza-colore-capelli-bologna-punto-10-800.webp)!important}
html body #allrecords .t-bgimg[data-original$="/punto10-look-artistico-con-trucco-scuro-e-fiori.webp"]{background-image:url(punto10-look-artistico-con-trucco-scuro-e-fiori-800.webp)!important}
html body #allrecords .t-bgimg[data-original$="/punto10-treccia-con-colorazione-arcobaleno-look-creativo.webp"]{background-image:url(punto10-treccia-con-colorazione-arcobaleno-look-creativo-800.webp)!important}
html body #allrecords .t-bgimg[data-original$="/punto10-acconciatura-artistica-con-fiori-rossi-e-trucco.webp"]{background-image:url(punto10-acconciatura-artistica-con-fiori-rossi-e-trucco-800.webp)!important}
html body #allrecords .t-bgimg[data-original$="/punto10-biondo-luminoso-su-capelli-lunghi-lisci.webp"]{background-image:url(punto10-biondo-luminoso-su-capelli-lunghi-lisci-800.webp)!important}
html body #allrecords .t-bgimg[data-original$="/punto10-balayage-castano-con-onde-morbide.webp"]{background-image:url(punto10-balayage-castano-con-onde-morbide-800.webp)!important}
html body #allrecords .t-bgimg[data-original$="/punto10-balayage-biondo-su-capelli-lunghi-mossi.webp"]{background-image:url(punto10-balayage-biondo-su-capelli-lunghi-mossi-800.webp)!important}
html body #allrecords .t-bgimg[data-original$="/punto10-balayage-su-capelli-ricci.webp"]{background-image:url(punto10-balayage-su-capelli-ricci-800.webp)!important}
html body #allrecords .t-bgimg[data-original$="/punto10-balayage-caramello-su-capelli-lunghi-mossi.webp"]{background-image:url(punto10-balayage-caramello-su-capelli-lunghi-mossi-800.webp)!important}
html body #allrecords .t-bgimg[data-original$="/punto10-balayage-biondo-naturale-su-capelli-medi.webp"]{background-image:url(punto10-balayage-biondo-naturale-su-capelli-medi-800.webp)!important}
html body #allrecords .t-bgimg[data-original$="/punto10-acconciatura-raccolta-con-fiori-viola.webp"]{background-image:url(punto10-acconciatura-raccolta-con-fiori-viola-800.webp)!important}
html body #allrecords .t-bgimg[data-original$="/punto10-acconciatura-sposa-raccolta-con-perle.webp"]{background-image:url(punto10-acconciatura-sposa-raccolta-con-perle-800.webp)!important}
html body #allrecords .t-bgimg[data-original$="/punto10-sposa-in-abito-bianco-durante-un-servizio.webp"]{background-image:url(punto10-sposa-in-abito-bianco-durante-un-servizio-800.webp)!important}
html body #allrecords .t-bgimg[data-original$="/punto10-chignon-sposa-con-cerchietto-e-bouquet.webp"]{background-image:url(punto10-chignon-sposa-con-cerchietto-e-bouquet-800.webp)!important}
html body #allrecords .t-bgimg[data-original$="/punto10-acconciatura-e-trucco-sposa-in-preparazione.webp"]{background-image:url(punto10-acconciatura-e-trucco-sposa-in-preparazione-800.webp)!important}
html body #allrecords .t-bgimg[data-original$="/punto10-taglio-capelli-con-forbici-e-pettine.webp"]{background-image:url(punto10-taglio-capelli-con-forbici-e-pettine-800.webp)!important}
html body #allrecords .t-bgimg[data-original$="/punto10-b-corp-impatto-ambientale-sociale.webp"]{background-image:url(punto10-b-corp-impatto-ambientale-sociale-800.webp)!important}
html body #allrecords .t-bgimg[data-original$="/punto10-prodotti-professionali-keune-per-capelli.webp"]{background-image:url(punto10-prodotti-professionali-keune-per-capelli-800.webp)!important}
html body #allrecords .t-bgimg[data-original$="/punto10-risciacquo-dopo-un-trattamento-bologna-punto-10.webp"]{background-image:url(punto10-risciacquo-dopo-un-trattamento-bologna-punto-10-800.webp)!important}
html body #allrecords .t-bgimg[data-original$="/punto10-uso-di-prodotti-professionali-naturali-per-i-trattamenti.webp"]{background-image:url(punto10-uso-di-prodotti-professionali-naturali-per-i-trattamenti-800.webp)!important}
html body #allrecords .t-bgimg[data-original$="/punto10-customer-day-con-consulenza-e-omaggi-bologna.webp"]{background-image:url(punto10-customer-day-con-consulenza-e-omaggi-bologna-800.webp)!important}
html body #allrecords .t-bgimg[data-original$="/punto10-mappa-del-percorso-a-piedi-fino-al-salone.webp"]{background-image:url(punto10-mappa-del-percorso-a-piedi-fino-al-salone-800.webp)!important}
html body #allrecords .t-bgimg[data-original$="/punto10-alexander-ed-elena-fondatori-di-punto-10-2.webp"]{background-image:url(punto10-alexander-ed-elena-fondatori-di-punto-10-2-800.webp)!important}
}

/* Menu a pulsanti (t395) >=980 verticale: sulla cornice logo-burger (920px; da 1200px 1160px), centrato. Prima calcolato da script: il calcolo raddoppiava il margine e i pulsanti uscivano a destra / sparivano. */
@media screen and (min-width:980px) and (orientation:portrait){
html body #allrecords .t395 .t-container{max-width:none!important;width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
html body #allrecords .t395 .t395__col{width:920px!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;float:none!important}
}
@media screen and (min-width:1200px) and (orientation:portrait){
html body #allrecords .t395 .t395__col{width:1160px!important}
}

/* Home "Vogliamo far emergere": 980-1199 verticale - foto (carosello) con il bordo alto al livello del fondo della foto a sinistra; titolo "Far emergere..." sotto, 29px sopra COME TROVARCI. Prima calcolato da script solo per 1000-1100. */
@media screen and (min-width:980px) and (max-width:1199px) and (orientation:portrait){
html body #allrecords #rec703136184 .t396__artboard>.tn-elem[data-elem-id="1781465076965000001"]{translate:0 -106px!important}
html body #allrecords #rec703136184 .t396__artboard>.tn-elem[data-elem-id="1685901692607"]{translate:0 214px!important}
html body #allrecords #rec703136184{margin-bottom:-106px!important}
}
@media screen and (min-width:1101px) and (max-width:1199px) and (orientation:portrait){
html body #allrecords #rec703136184 .t396__artboard>.tn-elem[data-elem-id="1685901802709"]{translate:0 -106px!important}
}

/* Menu a pulsanti / a tendina (t395): viene alzato (DTE 20px sotto il titolo) e finiva sotto lo sfondo del blocco titolo, che e' posizionato. Va sempre sopra. */
html body #allrecords .t395{position:relative!important;z-index:3!important}

/* Monitor grande verticale (>=1400 verticale): foto hero - foto1 larga come la foto del Customer Day (LFT=568px), foto2 e foto3 = LFT-20% (454.4px); proporzioni originali, bordi esterni invariati */
@media screen and (min-width:1400px) and (orientation:portrait){
html body #allrecords #rec2840754803 .t396__artboard>.tn-elem[data-elem-id="1708364406396"]{left:calc(50% - 580px + 592px)!important;width:568px!important;height:378.3px!important}
html body #allrecords #rec2840754803 .t396__artboard>.tn-elem[data-elem-id="1708364372468"]{left:calc(50% - 580px)!important;width:454.4px!important;height:682.7px!important}
html body #allrecords #rec2840754803 .t396__artboard>.tn-elem[data-elem-id="1708364848053"]{left:calc(50% - 580px + 705.6px)!important;width:454.4px!important;height:684.9px!important}
html body #allrecords #rec2840754803 .t396__artboard>.tn-elem[data-elem-id="1708364406396"]>.tn-atom,html body #allrecords #rec2840754803 .t396__artboard>.tn-elem[data-elem-id="1708364372468"]>.tn-atom,html body #allrecords #rec2840754803 .t396__artboard>.tn-elem[data-elem-id="1708364848053"]>.tn-atom{width:100%!important;height:100%!important}
html body #allrecords #rec2840754803 .t396__artboard>.tn-elem[data-elem-id="1708364372468"],html body #allrecords #rec2840754803 .t396__artboard>.tn-elem[data-elem-id="1708364848053"]{margin-top:139.3px!important}
html body #allrecords #rec2840754803 .t396__artboard>.tn-elem[data-elem-id="1707325589503"],html body #allrecords #rec2840754803 .t396__artboard>.tn-elem[data-elem-id="1786186268824000001"],html body #allrecords #rec2840754803 .t396__artboard>.tn-elem[data-elem-id="1785775551357"]{translate:0 84.13px!important}
html body #allrecords #rec2840754803.r.t-rec :is(.t396__artboard,.t396__carrier,.t396__filter){height:1861.2px!important}
}
/* >=1400 verticale - "Tutte le sfumature": le 3 foto = LFT-20% (454.4px), proporzioni originali, bordi esterni invariati; testi/link sotto la foto in alto a destra scendono di +76.9px, carosello resta col bordo alto al fondo della foto a sinistra */
@media screen and (min-width:1400px) and (orientation:portrait){
html body #allrecords #rec703136184 .t396__artboard>.tn-elem[data-elem-id="1707324203742"]{left:calc(50% - 580px)!important;width:454.4px!important;height:691.5px!important}
html body #allrecords #rec703136184 .t396__artboard>.tn-elem[data-elem-id="1781465076965000001"]{left:calc(50% - 580px + 705.6px)!important;width:454.4px!important;height:684.3px!important;translate:0 221.5px!important}
html body #allrecords #rec703136184 .t396__artboard>.tn-elem[data-elem-id="1707324203742"]>.tn-atom{width:100%!important;height:100%!important}
html body #allrecords #rec703136184 .t396__artboard>.tn-elem[data-elem-id="1685901692607"]{translate:0 221.5px!important}
html body #allrecords #rec703136184 .t396__artboard>.tn-elem[data-elem-id="1685901802709"]{translate:0 395.8px!important}
html body #allrecords #rec703136184.r.t-rec :is(.t396__artboard,.t396__carrier,.t396__filter){height:1626.8px!important}
}

/* Menu a comparsa (burger) chiuso: su iPhone/Safari l'opacità 0 non basta,
   durante lo scroll i suoi elementi fissi riaffioravano sopra la pagina. */
.n020-hide{visibility:hidden!important;pointer-events:none!important;transition:opacity 500ms,visibility 0s linear 500ms!important}
html.p10-native-runtime .n020-hide .t396__artboard,html.p10-native-runtime .n020-hide .t396__artboard.rendered .tn-elem{visibility:hidden!important;transition:visibility 0s linear 500ms!important}
.nolimAutoScaleFix .t396{display:none!important}

/* 480px esatti: la Tilda mostrava insieme il blocco <480 e la griglia 480; gli script usano <480 come telefono, quindi a 480 vale il blocco >=480 */
@media screen and (min-width:480px) and (max-width:480.98px){#allrecords .t-screenmax-480px{display:none!important}#allrecords .t-screenmin-480px{display:block!important}}

/* pagina ricaricata dopo rotazione e riportata a meta': niente animazioni di comparsa, cosi' le misure degli script coincidono con il caricamento normale */
html[data-p10-restored] .p10-reveal-ready .tn-atom{opacity:1!important;transform:none!important;transition:none!important}

/* v1.20: niente rimbalzo a fine pagina su tutte le pagine */
html,body{overscroll-behavior-y:none}