.elementor-77 .elementor-element.elementor-element-c352156{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-77 .elementor-element.elementor-element-c352156.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-77 .elementor-element.elementor-element-aa4658d{--display:flex;--overflow:hidden;border-style:solid;--border-style:solid;border-width:0.7px 0px 0px 0px;--border-top-width:0.7px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#00000070;--border-color:#00000070;--padding-top:40px;--padding-bottom:90px;--padding-left:0px;--padding-right:0px;}.elementor-77 .elementor-element.elementor-element-324aa93{--display:flex;}.elementor-77 .elementor-element.elementor-element-69e3b86{--display:flex;}.elementor-77 .elementor-element.elementor-element-479081e{--display:flex;}.elementor-77 .elementor-element.elementor-element-90561dd{--display:flex;}.elementor-77 .elementor-element.elementor-element-7d99819{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:20px;margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 6%;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:40px;--e-n-carousel-arrow-prev-top-align:100%;--e-n-carousel-arrow-prev-translate-y:-100%;--e-n-carousel-arrow-prev-top-position:60px;--e-n-carousel-arrow-next-right-align:100%;--e-n-carousel-arrow-next-translate-x:100%;--e-n-carousel-arrow-next-right-position:-80px;--e-n-carousel-arrow-next-top-align:100%;--e-n-carousel-arrow-next-translate-y:-100%;--e-n-carousel-arrow-next-top-position:60px;--e-n-carousel-arrow-normal-color:var( --e-global-color-primary );--e-n-carousel-arrow-hover-color:var( --e-global-color-secondary );--e-n-carousel-dots-normal-color:var( --e-global-color-primary );--e-n-carousel-dots-hover-color:var( --e-global-color-secondary );--e-n-carousel-dots-horizontal-position:50%;--e-n-carousel-dots-horizontal-transform:-50%;--e-n-carousel-dots-horizontal-offset:0px;--e-n-carousel-dots-vertical-offset:40px;--e-n-carousel-swiper-pagination-spacing:0px;}.elementor-77 .elementor-element.elementor-element-00b3916{--display:flex;--padding-top:64px;--padding-bottom:64px;--padding-left:64px;--padding-right:64px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-77 .elementor-element.elementor-element-01e053b{--grid-columns:3;}.elementor-77 .elementor-element.elementor-element-01e053b .elementor-pagination{text-align:center;font-family:"PT Mono", Sans-serif;font-size:18px;font-weight:400;}.elementor-77 .elementor-element.elementor-element-01e053b .elementor-pagination .page-numbers:not(.dots){color:var( --e-global-color-primary );}body:not(.rtl) .elementor-77 .elementor-element.elementor-element-01e053b .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-77 .elementor-element.elementor-element-01e053b .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-77 .elementor-element.elementor-element-01e053b .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-77 .elementor-element.elementor-element-01e053b .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-77 .elementor-element.elementor-element-a02169b{width:var( --container-widget-width, 100.388% );max-width:100.388%;--container-widget-width:100.388%;--container-widget-flex-grow:0;}.elementor-77 .elementor-element.elementor-element-a02169b.elementor-element{--flex-grow:0;--flex-shrink:0;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-77 .elementor-element.elementor-element-7d99819{--e-n-carousel-swiper-slides-to-display:2;}.elementor-77 .elementor-element.elementor-element-01e053b{--grid-columns:2;}}@media(max-width:767px){.elementor-77 .elementor-element.elementor-element-7d99819{--e-n-carousel-swiper-slides-to-display:1;}.elementor-77 .elementor-element.elementor-element-01e053b{--grid-columns:1;}}/* Start custom CSS for html, class: .elementor-element-c352156 */.ac-visual {
  --bg-url: url("https://antoniocarcaterra.it/wp-content/uploads/2026/07/DSC09657-backcopy-back1-scaled.jpg");
  --full-url: url("https://antoniocarcaterra.it/wp-content/uploads/2026/07/DSC09657-copy.webp");
  --mask-url: url("https://antoniocarcaterra.it/wp-content/uploads/2026/07/DSC09657-copy-copia.webp");
  --logo-url: url("https://antoniocarcaterra.it/wp-content/uploads/2026/07/Logo-antonio-carcaterra-b.svg");

  position: relative;
  width: 100%;
  aspect-ratio: 2048 / 1366;
  overflow: hidden;
  isolation: isolate;
  background: #111;
}

/* SFONDO SENZA PERSONA */
.ac-bg {
  position: absolute;
  inset: 0;
  z-index: 1;

  background-image: var(--bg-url);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  opacity: 1;
  animation: ac-bg-in 1.1s cubic-bezier(.2, .85, .2, 1) both;
}

.ac-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .22);
  pointer-events: none;
  animation: ac-overlay-in 1.2s ease both;
}

/* SVG DESKTOP: DIETRO ANTONIO */
.ac-logo {
  position: absolute;
  z-index: 2;

  left: 50%;
  top: 20%;
  width: 99%;
  aspect-ratio: 1099.22 / 259.98;

  background-image: var(--logo-url);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;

  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
  clip-path: inset(0 0 0 0);

  pointer-events: none;
  will-change: opacity, transform, clip-path;

  animation: ac-logo-in 1s cubic-bezier(.16, 1, .3, 1) .22s both;
}

/* FOTO COMPLETA SOPRA, VISIBILE SOLO DOVE C’È LA MASCHERA */
.ac-fg {
  position: absolute;
  inset: 0;
  z-index: 3;

  background-image: var(--full-url);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  -webkit-mask-image: var(--mask-url);
  -webkit-mask-size: cover;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-mode: alpha;

  mask-image: var(--mask-url);
  mask-size: cover;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-mode: alpha;

  opacity: 1;
  clip-path: inset(0 0 0 0);

  pointer-events: none;
  will-change: opacity, clip-path;

  animation: ac-fg-in .95s cubic-bezier(.2, .85, .2, 1) .52s both;
}

/* ANIMAZIONI */
@keyframes ac-bg-in {
  from {
    opacity: 0;
    filter: blur(3px);
  }

  to {
    opacity: 1;
    filter: blur(0);
  }
}

@keyframes ac-overlay-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes ac-logo-in {
  from {
    opacity: 0;
    transform: translate(-50%, -50%) scale(.94);
    clip-path: inset(0 100% 0 0);
  }

  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    clip-path: inset(0 0 0 0);
  }
}

@keyframes ac-fg-in {
  from {
    opacity: 0;
    clip-path: inset(0 0 18% 0);
  }

  to {
    opacity: 1;
    clip-path: inset(0 0 0 0);
  }
}

@keyframes ac-logo-mobile-in {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(18px) scale(.96);
    clip-path: inset(0 0 100% 0);
  }

  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0) scale(1);
    clip-path: inset(0 0 0 0);
  }
}

/* TABLET */
@media (max-width: 1024px) {
  .ac-logo {
    width: 95%;
    top: 22%;
  }
}

/* MOBILE */
@media (max-width: 767px) {
  .ac-visual {
    aspect-ratio: 4 / 5;
  }

  .ac-bg,
  .ac-fg {
    background-size: cover;
    background-position: center;
  }

  .ac-fg {
    z-index: 3;

    -webkit-mask-size: cover;
    -webkit-mask-position: center;
    mask-size: cover;
    mask-position: center;
  }

  /* SVG IN BASSO, IN PRIMO PIANO, RESPONSIVE */
  .ac-logo {
    z-index: 4;

    top: auto;
    bottom: clamp(12px, 4vw, 28px);
    left: 50%;

    width: clamp(240px, 92vw, 560px);
    max-width: calc(100% - 24px);
    aspect-ratio: 1099.22 / 259.98;

    transform: translateX(-50%) scale(1);
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat;

    animation: ac-logo-mobile-in .9s cubic-bezier(.16, 1, .3, 1) .25s both;
  }
}

/* MOBILE PICCOLI */
@media (max-width: 390px) {
  .ac-logo {
    width: clamp(220px, 88vw, 480px);
    max-width: calc(100% - 20px);
    bottom: 12px;
  }
}

/* RIDUZIONE MOVIMENTO */
@media (prefers-reduced-motion: reduce) {
  .ac-bg,
  .ac-bg::after,
  .ac-logo,
  .ac-fg {
    animation: none !important;
    opacity: 1;
    filter: none;
    clip-path: inset(0 0 0 0);
  }

  .ac-logo {
    transform: translate(-50%, -50%) scale(1);
  }

  @media (max-width: 767px) {
    .ac-logo {
      transform: translateX(-50%) scale(1);
    }
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a02169b */.sapienza-flow {
  width: 100%;
  background: #eeeeee;
  padding: clamp(56px, 7vw, 110px) clamp(20px, 4vw, 70px);
  color: #2b2430;
  overflow: hidden;
  font-family: vinila-variable, Arial, sans-serif;
}

.sapienza-flow *,
.sapienza-flow *::before,
.sapienza-flow *::after {
  box-sizing: border-box;
  font-family: vinila-variable, Arial, sans-serif;
}

.sapienza-flow-inner {
  max-width: 1600px;
  margin: 0 auto;
}

/* CARDS GRID */
.flow-cards {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: clamp(18px, 2vw, 34px);
}

.flow-cards::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 7%;
  right: 7%;
  height: 4px;
  background: #9ABAB6;
  transform: translateY(-50%);
  z-index: 0;
}

/* CARD */
.flow-card {
  --card-rotate: 0deg;
  --card-hover-rotate: 0deg;

  position: relative;
  z-index: 2;
  min-height: clamp(210px, 17vw, 280px);
  padding: clamp(22px, 2vw, 34px);
  background: #9ABAB6;
  border: none;
  border-radius: 10px;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;

  opacity: 0;
  transform: translateY(70px) rotate(var(--card-rotate)) scale(0.98);
  transition: transform 0.8s cubic-bezier(.22, 1, .36, 1), opacity 0.8s ease;
  will-change: transform, opacity;
}

/* inclinazioni card */
.flow-card:nth-child(1) {
  --card-rotate: -2.2deg;
  --card-hover-rotate: -1.2deg;
}

.flow-card:nth-child(2) {
  --card-rotate: 1.6deg;
  --card-hover-rotate: 0.8deg;
}

.flow-card:nth-child(3) {
  --card-rotate: -1.4deg;
  --card-hover-rotate: -0.7deg;
}

.flow-card:nth-child(4) {
  --card-rotate: 2deg;
  --card-hover-rotate: 1deg;
  background: #F82423;
}

.flow-card:nth-child(5) {
  --card-rotate: -1.8deg;
  --card-hover-rotate: -0.9deg;
}

.flow-card.in-view {
  opacity: 1;
  transform: translateY(0) rotate(var(--card-rotate)) scale(1);
}

.flow-card:hover {
  transform: translateY(-4px) rotate(var(--card-hover-rotate)) scale(1.01);
}

.flow-card h3 {
  margin: 0;
  font-size: clamp(18px, 1.55vw, 30px);
  line-height: 0.95;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  text-transform: uppercase;
  letter-spacing: -0.03em;
  color: #ffffff;
}

.flow-card-line {
  width: 100%;
  height: 1px;
  background: rgba(43, 36, 48, 0.35);
  margin: 18px 0;
  flex-shrink: 0;
}

/* linea bianca nella terza card */
.flow-card:nth-child(3) .flow-card-line {
  background: #ffffff;
}

.flow-card p {
  margin: 0;
  font-size: clamp(15px, 1.05vw, 22px);
  line-height: 1.15;
  font-weight: 450;
  font-variation-settings: "wght" 450;
  text-transform: uppercase;
  color: #2b2430;
}

.flow-card span {
  display: block;
  margin-top: auto;
  padding-top: 22px;
  font-size: clamp(13px, 0.9vw, 18px);
  line-height: 1.1;
  font-weight: 650;
  font-variation-settings: "wght" 650;
  text-transform: uppercase;
  color: #2b2430;
}

/* testo più leggibile sulla quarta card rossa */
.flow-card:nth-child(4) p,
.flow-card:nth-child(4) span {
  color: #ffffff;
}
.flow-card:nth-child(3) p,
.flow-card:nth-child(3) span {
  color: #ffffff;
}
.flow-card:nth-child(2) {
  background: #BE9843;
}
.flow-card:nth-child(3) {
  background: #2A1C2A;
}
.flow-card:nth-child(4) .flow-card-line {
  background: rgba(255, 255, 255, 0.55);
}

/* BOTTOM SVG AREA */
.flow-bottom {
  margin-top: clamp(60px, 8vw, 130px);
  opacity: 0;
  transform: translateY(60px);
  transition: transform 0.9s cubic-bezier(.22, 1, .36, 1), opacity 0.9s ease;
}

.flow-bottom.in-view {
  opacity: 1;
  transform: translateY(0);
}

/* freccia sopra internazionale */
.flow-int-svg-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: clamp(24px, 3vw, 46px);
}

.flow-int-arrow-svg {
  width: min(100%, 520px);
  max-width: 520px;
  display: block;
}
img.flow-int-arrow-svg {
    max-width: 250px;
}

.flow-int-title-svg {
  width: min(100%, 720px);
  max-width: 720px;
  display: block;
}


/* TABLET */
@media (max-width: 1180px) {
  .flow-cards {
    grid-template-columns: repeat(3, 1fr);
  }

  .flow-cards::before {
    display: none;
  }

  .flow-card {
    min-height: 220px;
  }

  .flow-int-svg-wrap {
    gap: 32px;
  }

  .flow-int-arrow-svg {
    width: min(100%, 420px);
  }

  .flow-int-title-svg {
    width: min(100%, 600px);
  }
}

/* MOBILE */
@media (max-width: 767px) {
  .sapienza-flow {
    padding: 48px 18px;
  }

  .flow-cards {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .flow-card {
    min-height: auto;
    padding: 24px 22px;
    border-radius: 10px;
  }

  .flow-card:nth-child(1) {
    --card-rotate: -1deg;
    --card-hover-rotate: -0.5deg;
  }

  .flow-card:nth-child(2) {
    --card-rotate: 1deg;
    --card-hover-rotate: 0.5deg;
  }

  .flow-card:nth-child(3) {
    --card-rotate: -0.8deg;
    --card-hover-rotate: -0.4deg;
  }

  .flow-card:nth-child(4) {
    --card-rotate: 1.1deg;
    --card-hover-rotate: 0.5deg;
  }

  .flow-card:nth-child(5) {
    --card-rotate: -0.9deg;
    --card-hover-rotate: -0.4deg;
  }

  .flow-card h3 {
    font-size: clamp(24px, 8vw, 38px);
  }

  .flow-card p {
    font-size: 16px;
    line-height: 1.2;
  }

  .flow-card span {
    font-size: 14px;
    padding-top: 20px;
  }

  .flow-card-line {
    margin: 16px 0;
  }

  .flow-bottom {
    margin-top: 46px;
  }

  .flow-int-svg-wrap {
    gap: 22px;
  }

  .flow-int-arrow-svg {
    width: min(100%, 280px);
  }

  .flow-int-title-svg {
    width: min(100%, 360px);
  }
}

/* SMALL MOBILE */
@media (max-width: 420px) {
  .flow-card h3 {
    font-size: 28px;
  }

  .flow-card p {
    font-size: 15px;
  }

  .flow-int-arrow-svg {
    width: min(100%, 240px);
  }

  .flow-int-title-svg {
    width: min(100%, 320px);
  }
}

/* ACCESSIBILITÀ */
@media (prefers-reduced-motion: reduce) {
  .flow-card,
  .flow-bottom {
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}/* End custom CSS */