/* ================================
   ARPIASSURANCE - CHI SIAMO
   custom.css
================================ */

:root {
  --arpi-blue: #004b93;
  --arpi-red: #e94b2e;
  --arpi-orange: #ff7e01;
  --arpi-dark: #101820;
  --arpi-light: #f6f8fb;
}

/* Hero Chi siamo */
#section-id-5f8b8e52-3f71-473e-bd5f-972a82f23f20 {
  position: relative;
  overflow: hidden;
}

#section-id-5f8b8e52-3f71-473e-bd5f-972a82f23f20::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgba(0, 32, 70, .85), rgba(0, 75, 147, .45), rgba(255, 126, 1, .25));
  z-index: 1;
}

#section-id-5f8b8e52-3f71-473e-bd5f-972a82f23f20 .sppb-row-container {
  position: relative;
  z-index: 2;
}

#sppb-addon-898bb005-0e4b-40b4-b884-fe3f2c5c64af .sppb-addon-title {
  text-shadow: 0 12px 35px rgba(0,0,0,.45);
  letter-spacing: -3px;
}

/* Titoli sezioni */
.sp-page-builder .sppb-addon-header .sppb-addon-title {
  position: relative;
}

.sp-page-builder h2.sppb-addon-title::after,
.sp-page-builder h3.sppb-addon-title::after {
  content: "";
  display: block;
  width: 70px;
  height: 4px;
  margin-top: 18px;
  background: linear-gradient(90deg, var(--arpi-red), var(--arpi-orange));
  border-radius: 10px;
}

/* Testi */
.sp-page-builder .sppb-addon-text-block {
  line-height: 1.85;
  color: #333;
}

/* Immagini più moderne */
.sp-page-builder .sppb-addon-single-image img {
  border-radius: 18px !important;
  box-shadow: 0 22px 55px rgba(0, 33, 70, .18);
  transition: all .35s ease;
}

.sp-page-builder .sppb-addon-single-image img:hover {
  transform: translateY(-8px) scale(1.015);
  box-shadow: 0 30px 70px rgba(0, 33, 70, .28);
}

/* Card numeri Generali */
#section-id-7bade3f1-c2e1-4184-b00b-7af3b89630d9 .sppb-column {
  transition: all .35s ease;
  position: relative;
  overflow: hidden;
}

#section-id-7bade3f1-c2e1-4184-b00b-7af3b89630d9 .sppb-column::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(0,75,147,.08), rgba(255,126,1,.08));
  opacity: 0;
  transition: opacity .35s ease;
}

#section-id-7bade3f1-c2e1-4184-b00b-7af3b89630d9 .sppb-column:hover {
  transform: translateY(-10px);
  border-color: var(--arpi-orange) !important;
  box-shadow: 0 20px 45px rgba(0, 75, 147, .16) !important;
}

#section-id-7bade3f1-c2e1-4184-b00b-7af3b89630d9 .sppb-column:hover::before {
  opacity: 1;
}

/* Card valori / perché ArpiAssurance */
#section-id-81e62190-b8c7-48c0-86eb-80976f8ded61 .sppb-column,
#section-id-d2fe3a19-9879-41dc-861f-66b215485531 .sppb-column {
  transition: all .35s ease;
}

#section-id-81e62190-b8c7-48c0-86eb-80976f8ded61 .sppb-column:hover,
#section-id-d2fe3a19-9879-41dc-861f-66b215485531 .sppb-column:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 50px rgba(0,0,0,.12) !important;
  border-color: var(--arpi-blue) !important;
}

/* CTA finale */
#section-id-18b2ba7e-d139-4ed5-9db6-cf441a106811 {
  position: relative;
  background-size: cover !important;
  overflow: hidden;
}

#section-id-18b2ba7e-d139-4ed5-4e55-ba03-804c62893171::before,
#section-id-18b2ba7e-d139-4ed5-9db6-cf441a106811::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgba(0, 32, 70, .88), rgba(0, 75, 147, .55), rgba(255, 126, 1, .35));
  z-index: 1;
}

#section-id-18b2ba7e-d139-4ed5-9db6-cf441a106811 .sppb-row-container {
  position: relative;
  z-index: 2;
}

#section-id-18b2ba7e-d139-4ed5-9db6-cf441a106811,
#section-id-18b2ba7e-d139-4ed5-9db6-cf441a106811 h2,
#section-id-18b2ba7e-d139-4ed5-9db6-cf441a106811 p {
  color: #fff;
}

/* Pulsanti */
.sppb-btn,
.sppb-btn-custom {
  transition: all .3s ease !important;
}

.sppb-btn:hover,
.sppb-btn-custom:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 35px rgba(0, 75, 147, .25) !important;
}

/* Responsive */
@media (max-width: 767px) {
  #sppb-addon-898bb005-0e4b-40b4-b884-fe3f2c5c64af .sppb-addon-title {
    font-size: 52px !important;
    margin-top: 160px !important;
    margin-bottom: 160px !important;
    letter-spacing: -1px;
  }

  .sp-page-builder h2.sppb-addon-title {
    font-size: 38px !important;
  }

  .sp-page-builder h3.sppb-addon-title {
    font-size: 28px !important;
  }
}

/* Correzione hover sezioni testo + immagine */

/* Disattiva movimento colonne testo nelle sezioni:
   - Perché ArpiAssurance
   - Partnership Generali e Arpitel */
#section-id-81e62190-b8c7-48c0-86eb-80976f8ded61 .sppb-column:hover,
#section-id-d2fe3a19-9879-41dc-861f-66b215485531 .sppb-column:hover {
  transform: none !important;
  box-shadow: none !important;
}

/* Mantiene il movimento solo sulle immagini */
#section-id-81e62190-b8c7-48c0-86eb-80976f8ded61 .sppb-addon-single-image img:hover,
#section-id-d2fe3a19-9879-41dc-861f-66b215485531 .sppb-addon-single-image img:hover {
  transform: translateY(-8px) scale(1.015) !important;
  box-shadow: 0 30px 70px rgba(0, 33, 70, .28) !important;
}


/* ================================
   ARPIASSURANCE - PAGINA RISCHI
   Aggiungere in fondo a custom.css
================================ */

/* Hero Rischi */
body.itemid-538 #section-id-5f8b8e52-3f71-473e-bd5f-972a82f23f20 {
  position: relative;
  overflow: hidden;
}

body.itemid-538 #section-id-5f8b8e52-3f71-473e-bd5f-972a82f23f20::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgba(0, 25, 55, .88), rgba(0, 75, 147, .55), rgba(255, 126, 1, .22));
  z-index: 1;
}

body.itemid-538 #section-id-5f8b8e52-3f71-473e-bd5f-972a82f23f20 .sppb-row-container {
  position: relative;
  z-index: 2;
}

body.itemid-538 #sppb-addon-898bb005-0e4b-40b4-b884-fe3f2c5c64af .sppb-addon-title {
  text-shadow: 0 15px 40px rgba(0,0,0,.55);
  letter-spacing: -3px;
}

/* Card 4 rischi */
body.itemid-538 #section-id-7bade3f1-c2e1-4184-b00b-7af3b89630d9 .sppb-column {
  min-height: 100%;
  transition: all .35s ease;
  position: relative;
  overflow: hidden;
}

body.itemid-538 #section-id-7bade3f1-c2e1-4184-b00b-7af3b89630d9 .sppb-column:hover {
  transform: translateY(-10px);
  border-color: #ff7e01 !important;
  box-shadow: 0 24px 55px rgba(0, 75, 147, .18) !important;
}

body.itemid-538 #section-id-7bade3f1-c2e1-4184-b00b-7af3b89630d9 .sppb-icon-container {
  color: #004b93 !important;
  transition: all .35s ease;
}

body.itemid-538 #section-id-7bade3f1-c2e1-4184-b00b-7af3b89630d9 .sppb-column:hover .sppb-icon-container {
  color: #ff7e01 !important;
  transform: scale(1.15) rotate(-4deg);
}

/* Immagini dinamiche */
body.itemid-538 .sppb-addon-single-image img {
  border-radius: 18px !important;
  box-shadow: 0 22px 55px rgba(0, 33, 70, .18);
  transition: all .35s ease;
}

body.itemid-538 .sppb-addon-single-image img:hover {
  transform: translateY(-8px) scale(1.015);
  box-shadow: 0 32px 75px rgba(0, 33, 70, .28);
}

/* Sezione Cyber Risk scura */
body.itemid-538 #section-id-d2fe3a19-9879-41dc-861f-66b215485531 {
  position: relative;
  overflow: hidden;
}

body.itemid-538 #section-id-d2fe3a19-9879-41dc-861f-66b215485531::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top right, rgba(255,126,1,.22), transparent 35%);
  z-index: 1;
}

body.itemid-538 #section-id-d2fe3a19-9879-41dc-861f-66b215485531 .sppb-row-container {
  position: relative;
  z-index: 2;
}

body.itemid-538 #section-id-d2fe3a19-9879-41dc-861f-66b215485531 h2,
body.itemid-538 #section-id-d2fe3a19-9879-41dc-861f-66b215485531 h3,
body.itemid-538 #section-id-d2fe3a19-9879-41dc-861f-66b215485531 p,
body.itemid-538 #section-id-d2fe3a19-9879-41dc-861f-66b215485531 .sppb-addon-content {
  color: #fff;
}

/* Card: cosa succede quando un impianto si ferma */
body.itemid-538 #section-id-575c9747-53f5-4e55-ba03-804c62893171 .sppb-column {
  transition: all .35s ease;
  position: relative;
  overflow: hidden;
}

body.itemid-538 #section-id-575c9747-53f5-4e55-ba03-804c62893171 .sppb-column::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
  background: linear-gradient(180deg, #e94b2e, #ff7e01);
  opacity: 0;
  transition: opacity .35s ease;
}

body.itemid-538 #section-id-575c9747-53f5-4e55-ba03-804c62893171 .sppb-column:hover {
  transform: translateY(-8px);
  border-color: #004b93 !important;
  box-shadow: 0 22px 55px rgba(0,0,0,.13) !important;
}

body.itemid-538 #section-id-575c9747-53f5-4e55-ba03-804c62893171 .sppb-column:hover::before {
  opacity: 1;
}

/* Parallax impatto visivo */
body.itemid-538 #section-id-18b2ba7e-d139-4ed5-9db6-cf441a106811 {
  position: relative;
  background-size: cover !important;
  background-attachment: fixed !important;
  overflow: hidden;
}

body.itemid-538 #section-id-18b2ba7e-d139-4ed5-9db6-cf441a106811::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgba(0, 25, 55, .82), rgba(0, 75, 147, .48), rgba(255,126,1,.28));
  z-index: 1;
}

body.itemid-538 #section-id-18b2ba7e-d139-4ed5-9db6-cf441a106811 .sppb-row-container {
  position: relative;
  z-index: 2;
}

body.itemid-538 #section-id-18b2ba7e-d139-4ed5-9db6-cf441a106811 .sppb-addon-content {
  color: #fff;
  text-shadow: 0 10px 35px rgba(0,0,0,.45);
}

/* Box elenco protezioni */
body.itemid-538 #column-id-72ee003d-9207-4777-b33c-7988d54e2c0b {
  transition: all .35s ease;
  border-left: 5px solid #ff7e01 !important;
}

body.itemid-538 #column-id-72ee003d-9207-4777-b33c-7988d54e2c0b:hover {
  transform: translateY(-6px);
  box-shadow: 0 24px 60px rgba(0,75,147,.16) !important;
}

/* CTA finale */
body.itemid-538 #section-id-68fc157b-16a7-4585-99ce-3a961b4196cc {
  position: relative;
  background-size: cover !important;
  overflow: hidden;
}

body.itemid-538 #section-id-68fc157b-16a7-4585-99ce-3a961b4196cc::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgba(0, 25, 55, .88), rgba(0, 75, 147, .55), rgba(255,126,1,.30));
  z-index: 1;
}

body.itemid-538 #section-id-68fc157b-16a7-4585-99ce-3a961b4196cc .sppb-row-container {
  position: relative;
  z-index: 2;
}

body.itemid-538 #section-id-68fc157b-16a7-4585-99ce-3a961b4196cc,
body.itemid-538 #section-id-68fc157b-16a7-4585-99ce-3a961b4196cc h2,
body.itemid-538 #section-id-68fc157b-16a7-4585-99ce-3a961b4196cc p {
  color: #fff;
}

/* Responsive */
@media (max-width: 767px) {
  body.itemid-538 #sppb-addon-898bb005-0e4b-40b4-b884-fe3f2c5c64af .sppb-addon-title {
    font-size: 48px !important;
    margin-top: 150px !important;
    margin-bottom: 150px !important;
    letter-spacing: -1px;
  }

  body.itemid-538 h2.sppb-addon-title,
  body.itemid-538 .sppb-title-heading {
    font-size: 36px !important;
  }

  body.itemid-538 h3.sppb-addon-title {
    font-size: 27px !important;
  }

  body.itemid-538 #section-id-18b2ba7e-d139-4ed5-9db6-cf441a106811 {
    background-attachment: scroll !important;
  }
}


/* Effetto hover box - Sezione 6 Rischi */

#column-id-3bef8c10-9e48-4bc6-b67d-61f2e215a538,
#column-id-0c05c450-2034-4d5f-aa39-6ea78f38a102,
#column-id-5d4fa7dc-7559-4621-9a5b-618e4556e3b1 {
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease !important;
  will-change: transform;
}

#column-id-3bef8c10-9e48-4bc6-b67d-61f2e215a538:hover,
#column-id-0c05c450-2034-4d5f-aa39-6ea78f38a102:hover,
#column-id-5d4fa7dc-7559-4621-9a5b-618e4556e3b1:hover {
  transform: translateY(-12px) !important;
  border-color: #ff7e01 !important;
  box-shadow: 0 24px 60px rgba(0, 75, 147, .22) !important;
}


/* ==================================
   SEZIONE 8 - COME POSSIAMO AIUTARTI
================================== */

#column-id-72ee003d-9207-4777-b33c-7988d54e2c0b {
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease !important;
  will-change: transform;
}

#column-id-72ee003d-9207-4777-b33c-7988d54e2c0b:hover {
  transform: translateY(-12px) !important;
  border-color: #ff7e01 !important;
  box-shadow: 0 24px 60px rgba(0, 75, 147, .22) !important;
}



/* ==================================
   ARPIASSURANCE - FURTO SABOTAGGIO INCENDIO
   Aggiungere in fondo a custom.css
================================== */

/* Hero */
#section-id-5f8b8e52-3f71-473e-bd5f-972a82f23f20 {
  position: relative;
  overflow: hidden;
}

#section-id-5f8b8e52-3f71-473e-bd5f-972a82f23f20::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgba(0,25,55,.88), rgba(0,75,147,.55), rgba(255,126,1,.25));
  z-index: 1;
}

#section-id-5f8b8e52-3f71-473e-bd5f-972a82f23f20 .sppb-row-container {
  position: relative;
  z-index: 2;
}

#sppb-addon-898bb005-0e4b-40b4-b884-fe3f2c5c64af .sppb-addon-title {
  text-shadow: 0 15px 40px rgba(0,0,0,.55);
  letter-spacing: -3px;
}

/* Immagini */
.sppb-addon-single-image img {
  border-radius: 18px !important;
  box-shadow: 0 22px 55px rgba(0,33,70,.18);
  transition: all .35s ease;
}

.sppb-addon-single-image img:hover {
  transform: translateY(-8px) scale(1.015);
  box-shadow: 0 32px 75px rgba(0,33,70,.28);
}

/* Card - Cosa può essere protetto */
#column-id-ce28553b-d4ba-4a21-bf14-fcf71508c778,
#column-id-f0f96731-5460-4f52-85ca-a38276d11628,
#column-id-ff45a1cd-b146-4f92-9896-ce36342e182e,
#column-id-2f5f4e56-2e2e-47c1-abdd-69c5bebae4f5 {
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease !important;
  will-change: transform;
}

#column-id-ce28553b-d4ba-4a21-bf14-fcf71508c778:hover,
#column-id-f0f96731-5460-4f52-85ca-a38276d11628:hover,
#column-id-ff45a1cd-b146-4f92-9896-ce36342e182e:hover,
#column-id-2f5f4e56-2e2e-47c1-abdd-69c5bebae4f5:hover {
  transform: translateY(-12px) !important;
  border-color: #ff7e01 !important;
  box-shadow: 0 24px 60px rgba(0,75,147,.22) !important;
}

#section-id-2e621baf-604c-4482-b389-e9c267a90a77 .sppb-icon-container {
  color: #004b93 !important;
  transition: all .35s ease;
}

#section-id-2e621baf-604c-4482-b389-e9c267a90a77 .sppb-column:hover .sppb-icon-container {
  color: #ff7e01 !important;
  transform: scale(1.15) rotate(-4deg);
}

/* Box “Dal sinistro al ripristino operativo” */
#column-id-4d565484-3300-469f-bb22-fe2296fa730d,
#column-id-83f8bfa7-a7b1-43cf-94ae-d3b42a1b2b9a,
#column-id-f39ecdd5-ef3b-432a-bbd6-e4b448a340ec {
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease !important;
  position: relative;
  overflow: hidden;
}

#column-id-4d565484-3300-469f-bb22-fe2296fa730d::before,
#column-id-83f8bfa7-a7b1-43cf-94ae-d3b42a1b2b9a::before,
#column-id-f39ecdd5-ef3b-432a-bbd6-e4b448a340ec::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
  background: linear-gradient(180deg, #e94b2e, #ff7e01);
  opacity: 0;
  transition: opacity .35s ease;
}

#column-id-4d565484-3300-469f-bb22-fe2296fa730d:hover,
#column-id-83f8bfa7-a7b1-43cf-94ae-d3b42a1b2b9a:hover,
#column-id-f39ecdd5-ef3b-432a-bbd6-e4b448a340ec:hover {
  transform: translateY(-12px) !important;
  border-color: #ff7e01 !important;
  box-shadow: 0 24px 60px rgba(0,75,147,.22) !important;
}

#column-id-4d565484-3300-469f-bb22-fe2296fa730d:hover::before,
#column-id-83f8bfa7-a7b1-43cf-94ae-d3b42a1b2b9a:hover::before,
#column-id-f39ecdd5-ef3b-432a-bbd6-e4b448a340ec:hover::before {
  opacity: 1;
}

/* Box “Perché scegliere ArpiAssurance” */
#column-id-72ee003d-9207-4777-b33c-7988d54e2c0b {
  transition: all .35s ease !important;
  position: relative;
  overflow: hidden;
}

#column-id-72ee003d-9207-4777-b33c-7988d54e2c0b::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
  background: linear-gradient(180deg, #e94b2e, #ff7e01);
  opacity: 0;
  transition: opacity .35s ease;
}

#column-id-72ee003d-9207-4777-b33c-7988d54e2c0b:hover {
  transform: translateY(-12px) !important;
  border-color: #ff7e01 !important;
  box-shadow: 0 24px 60px rgba(0,75,147,.22) !important;
}

#column-id-72ee003d-9207-4777-b33c-7988d54e2c0b:hover::before {
  opacity: 1;
}

/* CTA finale */
#section-id-68fc157b-16a7-4585-99ce-3a961b4196cc {
  position: relative;
  background-size: cover !important;
  overflow: hidden;
}

#section-id-68fc157b-16a7-4585-99ce-3a961b4196cc::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgba(0,25,55,.88), rgba(0,75,147,.55), rgba(255,126,1,.30));
  z-index: 1;
}

#section-id-68fc157b-16a7-4585-99ce-3a961b4196cc .sppb-row-container {
  position: relative;
  z-index: 2;
}

#section-id-68fc157b-16a7-4585-99ce-3a961b4196cc,
#section-id-68fc157b-16a7-4585-99ce-3a961b4196cc h2,
#section-id-68fc157b-16a7-4585-99ce-3a961b4196cc p {
  color: #fff;
}

/* Responsive */
@media (max-width: 767px) {
  #sppb-addon-898bb005-0e4b-40b4-b884-fe3f2c5c64af .sppb-addon-title {
    font-size: 46px !important;
    margin-top: 150px !important;
    margin-bottom: 150px !important;
    letter-spacing: -1px;
  }
}


/* ==================================
   ARPIASSURANCE - MANCATO GUADAGNO
   Aggiungere in fondo a custom.css
================================== */

/* Hero */
#section-id-5f8b8e52-3f71-473e-bd5f-972a82f23f20 {
  position: relative;
  overflow: hidden;
}

#section-id-5f8b8e52-3f71-473e-bd5f-972a82f23f20::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgba(0,25,55,.88), rgba(0,75,147,.55), rgba(255,126,1,.25));
  z-index: 1;
}

#section-id-5f8b8e52-3f71-473e-bd5f-972a82f23f20 .sppb-row-container {
  position: relative;
  z-index: 2;
}

#sppb-addon-898bb005-0e4b-40b4-b884-fe3f2c5c64af .sppb-addon-title {
  text-shadow: 0 15px 40px rgba(0,0,0,.55);
  letter-spacing: -3px;
}

/* Immagini */
.sppb-addon-single-image img {
  border-radius: 18px !important;
  box-shadow: 0 22px 55px rgba(0,33,70,.18);
  transition: all .35s ease;
}

.sppb-addon-single-image img:hover {
  transform: translateY(-8px) scale(1.015);
  box-shadow: 0 32px 75px rgba(0,33,70,.28);
}

/* Card - Cosa protegge la copertura */
#column-id-ce28553b-d4ba-4a21-bf14-fcf71508c778,
#column-id-f0f96731-5460-4f52-85ca-a38276d11628,
#column-id-ff45a1cd-b146-4f92-9896-ce36342e182e,
#column-id-2f5f4e56-2e2e-47c1-abdd-69c5bebae4f5 {
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease !important;
  will-change: transform;
}

#column-id-ce28553b-d4ba-4a21-bf14-fcf71508c778:hover,
#column-id-f0f96731-5460-4f52-85ca-a38276d11628:hover,
#column-id-ff45a1cd-b146-4f92-9896-ce36342e182e:hover,
#column-id-2f5f4e56-2e2e-47c1-abdd-69c5bebae4f5:hover {
  transform: translateY(-12px) !important;
  border-color: #ff7e01 !important;
  box-shadow: 0 24px 60px rgba(0,75,147,.22) !important;
}

#section-id-2e621baf-604c-4482-b389-e9c267a90a77 .sppb-icon-container {
  color: #004b93 !important;
  transition: all .35s ease;
}

#section-id-2e621baf-604c-4482-b389-e9c267a90a77 .sppb-column:hover .sppb-icon-container {
  color: #ff7e01 !important;
  transform: scale(1.15) rotate(-4deg);
}

/* Box centrale - Esempio concreto */
#column-id-47595676-f48a-4f6e-9299-08c1d7fff826 {
  transition: all .35s ease !important;
  position: relative;
  overflow: hidden;
  border-left: 5px solid #ff7e01 !important;
}

#column-id-47595676-f48a-4f6e-9299-08c1d7fff826:hover {
  transform: translateY(-12px) !important;
  border-color: #ff7e01 !important;
  box-shadow: 0 24px 60px rgba(0,75,147,.22) !important;
}

/* Box - Effetto domino del fermo impianto */
#column-id-4d565484-3300-469f-bb22-fe2296fa730d,
#column-id-83f8bfa7-a7b1-43cf-94ae-d3b42a1b2b9a,
#column-id-f39ecdd5-ef3b-432a-bbd6-e4b448a340ec {
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease !important;
  position: relative;
  overflow: hidden;
}

#column-id-4d565484-3300-469f-bb22-fe2296fa730d::before,
#column-id-83f8bfa7-a7b1-43cf-94ae-d3b42a1b2b9a::before,
#column-id-f39ecdd5-ef3b-432a-bbd6-e4b448a340ec::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
  background: linear-gradient(180deg, #e94b2e, #ff7e01);
  opacity: 0;
  transition: opacity .35s ease;
}

#column-id-4d565484-3300-469f-bb22-fe2296fa730d:hover,
#column-id-83f8bfa7-a7b1-43cf-94ae-d3b42a1b2b9a:hover,
#column-id-f39ecdd5-ef3b-432a-bbd6-e4b448a340ec:hover {
  transform: translateY(-12px) !important;
  border-color: #ff7e01 !important;
  box-shadow: 0 24px 60px rgba(0,75,147,.22) !important;
}

#column-id-4d565484-3300-469f-bb22-fe2296fa730d:hover::before,
#column-id-83f8bfa7-a7b1-43cf-94ae-d3b42a1b2b9a:hover::before,
#column-id-f39ecdd5-ef3b-432a-bbd6-e4b448a340ec:hover::before {
  opacity: 1;
}

/* Box - Perché scegliere ArpiAssurance */
#column-id-72ee003d-9207-4777-b33c-7988d54e2c0b {
  transition: all .35s ease !important;
  position: relative;
  overflow: hidden;
}

#column-id-72ee003d-9207-4777-b33c-7988d54e2c0b::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
  background: linear-gradient(180deg, #e94b2e, #ff7e01);
  opacity: 0;
  transition: opacity .35s ease;
}

#column-id-72ee003d-9207-4777-b33c-7988d54e2c0b:hover {
  transform: translateY(-12px) !important;
  border-color: #ff7e01 !important;
  box-shadow: 0 24px 60px rgba(0,75,147,.22) !important;
}

#column-id-72ee003d-9207-4777-b33c-7988d54e2c0b:hover::before {
  opacity: 1;
}

/* CTA finale */
#section-id-68fc157b-16a7-4585-99ce-3a961b4196cc {
  position: relative;
  background-size: cover !important;
  overflow: hidden;
}

#section-id-68fc157b-16a7-4585-99ce-3a961b4196cc::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgba(0,25,55,.88), rgba(0,75,147,.55), rgba(255,126,1,.30));
  z-index: 1;
}

#section-id-68fc157b-16a7-4585-99ce-3a961b4196cc .sppb-row-container {
  position: relative;
  z-index: 2;
}

#section-id-68fc157b-16a7-4585-99ce-3a961b4196cc,
#section-id-68fc157b-16a7-4585-99ce-3a961b4196cc h2,
#section-id-68fc157b-16a7-4585-99ce-3a961b4196cc p {
  color: #fff;
}

/* Responsive */
@media (max-width: 767px) {
  #sppb-addon-898bb005-0e4b-40b4-b884-fe3f2c5c64af .sppb-addon-title {
    font-size: 46px !important;
    margin-top: 150px !important;
    margin-bottom: 150px !important;
    letter-spacing: -1px;
  }
}


/* ==================================
   ARPIASSURANCE - POLIZZE CATASTROFALI
   Aggiungere in fondo a custom.css
================================== */

/* Hero */
#section-id-5f8b8e52-3f71-473e-bd5f-972a82f23f20 {
  position: relative;
  overflow: hidden;
}

#section-id-5f8b8e52-3f71-473e-bd5f-972a82f23f20::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgba(0,25,55,.90), rgba(0,75,147,.58), rgba(255,126,1,.25));
  z-index: 1;
}

#section-id-5f8b8e52-3f71-473e-bd5f-972a82f23f20 .sppb-row-container {
  position: relative;
  z-index: 2;
}

#sppb-addon-898bb005-0e4b-40b4-b884-fe3f2c5c64af .sppb-addon-title {
  text-shadow: 0 15px 40px rgba(0,0,0,.55);
  letter-spacing: -3px;
}

/* Immagini */
.sppb-addon-single-image img {
  border-radius: 18px !important;
  box-shadow: 0 22px 55px rgba(0,33,70,.18);
  transition: all .35s ease;
}

.sppb-addon-single-image img:hover {
  transform: translateY(-8px) scale(1.015);
  box-shadow: 0 32px 75px rgba(0,33,70,.28);
}

/* Card - Eventi coperti */
#column-id-ce28553b-d4ba-4a21-bf14-fcf71508c778,
#column-id-f0f96731-5460-4f52-85ca-a38276d11628,
#column-id-ff45a1cd-b146-4f92-9896-ce36342e182e,
#column-id-2f5f4e56-2e2e-47c1-abdd-69c5bebae4f5 {
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease !important;
  will-change: transform;
}

#column-id-ce28553b-d4ba-4a21-bf14-fcf71508c778:hover,
#column-id-f0f96731-5460-4f52-85ca-a38276d11628:hover,
#column-id-ff45a1cd-b146-4f92-9896-ce36342e182e:hover,
#column-id-2f5f4e56-2e2e-47c1-abdd-69c5bebae4f5:hover {
  transform: translateY(-12px) !important;
  border-color: #ff7e01 !important;
  box-shadow: 0 24px 60px rgba(0,75,147,.22) !important;
}

#section-id-2e621baf-604c-4482-b389-e9c267a90a77 .sppb-icon-container {
  color: #004b93 !important;
  transition: all .35s ease;
}

#section-id-2e621baf-604c-4482-b389-e9c267a90a77 .sppb-column:hover .sppb-icon-container {
  color: #ff7e01 !important;
  transform: scale(1.15) rotate(-4deg);
}

/* Box evidenza sezione eventi meteo */
#sppb-addon-f77c985d-5933-4d26-ad3b-8f8b6d22e23b,
#sppb-addon-2afbb7d4-5606-43b6-bbd3-ce0af1440e99 {
  transition: all .35s ease !important;
  position: relative;
  overflow: hidden;
  border-left: 5px solid #ff7e01 !important;
}

#sppb-addon-f77c985d-5933-4d26-ad3b-8f8b6d22e23b:hover,
#sppb-addon-2afbb7d4-5606-43b6-bbd3-ce0af1440e99:hover {
  transform: translateY(-12px) !important;
  border-color: #ff7e01 !important;
  box-shadow: 0 24px 60px rgba(0,75,147,.22) !important;
}

/* Box - Dall’evento climatico al danno economico */
#column-id-4d565484-3300-469f-bb22-fe2296fa730d,
#column-id-83f8bfa7-a7b1-43cf-94ae-d3b42a1b2b9a,
#column-id-f39ecdd5-ef3b-432a-bbd6-e4b448a340ec {
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease !important;
  position: relative;
  overflow: hidden;
}

#column-id-4d565484-3300-469f-bb22-fe2296fa730d::before,
#column-id-83f8bfa7-a7b1-43cf-94ae-d3b42a1b2b9a::before,
#column-id-f39ecdd5-ef3b-432a-bbd6-e4b448a340ec::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
  background: linear-gradient(180deg, #e94b2e, #ff7e01);
  opacity: 0;
  transition: opacity .35s ease;
}

#column-id-4d565484-3300-469f-bb22-fe2296fa730d:hover,
#column-id-83f8bfa7-a7b1-43cf-94ae-d3b42a1b2b9a:hover,
#column-id-f39ecdd5-ef3b-432a-bbd6-e4b448a340ec:hover {
  transform: translateY(-12px) !important;
  border-color: #ff7e01 !important;
  box-shadow: 0 24px 60px rgba(0,75,147,.22) !important;
}

#column-id-4d565484-3300-469f-bb22-fe2296fa730d:hover::before,
#column-id-83f8bfa7-a7b1-43cf-94ae-d3b42a1b2b9a:hover::before,
#column-id-f39ecdd5-ef3b-432a-bbd6-e4b448a340ec:hover::before {
  opacity: 1;
}

/* Box - Perché scegliere ArpiAssurance */
#column-id-72ee003d-9207-4777-b33c-7988d54e2c0b {
  transition: all .35s ease !important;
  position: relative;
  overflow: hidden;
}

#column-id-72ee003d-9207-4777-b33c-7988d54e2c0b::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
  background: linear-gradient(180deg, #e94b2e, #ff7e01);
  opacity: 0;
  transition: opacity .35s ease;
}

#column-id-72ee003d-9207-4777-b33c-7988d54e2c0b:hover {
  transform: translateY(-12px) !important;
  border-color: #ff7e01 !important;
  box-shadow: 0 24px 60px rgba(0,75,147,.22) !important;
}

#column-id-72ee003d-9207-4777-b33c-7988d54e2c0b:hover::before {
  opacity: 1;
}

/* CTA finale */
#section-id-68fc157b-16a7-4585-99ce-3a961b4196cc {
  position: relative;
  background-size: cover !important;
  overflow: hidden;
}

#section-id-68fc157b-16a7-4585-99ce-3a961b4196cc::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgba(0,25,55,.88), rgba(0,75,147,.55), rgba(255,126,1,.30));
  z-index: 1;
}

#section-id-68fc157b-16a7-4585-99ce-3a961b4196cc .sppb-row-container {
  position: relative;
  z-index: 2;
}

#section-id-68fc157b-16a7-4585-99ce-3a961b4196cc,
#section-id-68fc157b-16a7-4585-99ce-3a961b4196cc h2,
#section-id-68fc157b-16a7-4585-99ce-3a961b4196cc p {
  color: #fff;
}

/* Responsive */
@media (max-width: 767px) {
  #sppb-addon-898bb005-0e4b-40b4-b884-fe3f2c5c64af .sppb-addon-title {
    font-size: 46px !important;
    margin-top: 150px !important;
    margin-bottom: 150px !important;
    letter-spacing: -1px;
  }
}

/* FIX Polizze Catastrofali - Sezione 5 */

/* Rimuove la barra arancione dalla colonna sinistra */
#column-id-47595676-f48a-4f6e-9299-08c1d7fff826 {
  border-left: none !important;
}

/* Mantiene la barra arancione solo sul box evidenza */
#sppb-addon-f77c985d-5933-4d26-ad3b-8f8b6d22e23b {
  border-left: 5px solid #ff7e01 !important;
}



/* ==================================
   ARPIASSURANCE - D&O MANAGER E AMMINISTRATORI
   Aggiungere in fondo a custom.css
================================== */

/* Hero */
#section-id-5f8b8e52-3f71-473e-bd5f-972a82f23f20 {
  position: relative;
  overflow: hidden;
}

#section-id-5f8b8e52-3f71-473e-bd5f-972a82f23f20::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgba(0,25,55,.88), rgba(0,75,147,.55), rgba(255,126,1,.25));
  z-index: 1;
}

#section-id-5f8b8e52-3f71-473e-bd5f-972a82f23f20 .sppb-row-container {
  position: relative;
  z-index: 2;
}

#sppb-addon-898bb005-0e4b-40b4-b884-fe3f2c5c64af .sppb-addon-title {
  text-shadow: 0 15px 40px rgba(0,0,0,.55);
  letter-spacing: -3px;
}

/* Immagini */
.sppb-addon-single-image img {
  border-radius: 18px !important;
  box-shadow: 0 22px 55px rgba(0,33,70,.18);
  transition: all .35s ease;
}

.sppb-addon-single-image img:hover {
  transform: translateY(-8px) scale(1.015);
  box-shadow: 0 32px 75px rgba(0,33,70,.28);
}

/* Card - Chi può beneficiare della copertura */
#column-id-ce28553b-d4ba-4a21-bf14-fcf71508c778,
#column-id-f0f96731-5460-4f52-85ca-a38276d11628,
#column-id-ff45a1cd-b146-4f92-9896-ce36342e182e,
#column-id-2f5f4e56-2e2e-47c1-abdd-69c5bebae4f5 {
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease !important;
  will-change: transform;
}

#column-id-ce28553b-d4ba-4a21-bf14-fcf71508c778:hover,
#column-id-f0f96731-5460-4f52-85ca-a38276d11628:hover,
#column-id-ff45a1cd-b146-4f92-9896-ce36342e182e:hover,
#column-id-2f5f4e56-2e2e-47c1-abdd-69c5bebae4f5:hover {
  transform: translateY(-12px) !important;
  border-color: #ff7e01 !important;
  box-shadow: 0 24px 60px rgba(0,75,147,.22) !important;
}

#section-id-2e621baf-604c-4482-b389-e9c267a90a77 .sppb-icon-container {
  color: #004b93 !important;
  transition: all .35s ease;
}

#section-id-2e621baf-604c-4482-b389-e9c267a90a77 .sppb-column:hover .sppb-icon-container {
  color: #ff7e01 !important;
  transform: scale(1.15) rotate(-4deg);
}

/* Box evidenza sezione 5 */
#sppb-addon-f77c985d-5933-4d26-ad3b-8f8b6d22e23b {
  transition: all .35s ease !important;
  position: relative;
  overflow: hidden;
  border-left: 5px solid #ff7e01 !important;
}

#sppb-addon-f77c985d-5933-4d26-ad3b-8f8b6d22e23b:hover {
  transform: translateY(-12px) !important;
  border-color: #ff7e01 !important;
  box-shadow: 0 24px 60px rgba(0,75,147,.22) !important;
}

/* Box centrale - Un esempio concreto */
#sppb-addon-2afbb7d4-5606-43b6-bbd3-ce0af1440e99 {
  transition: all .35s ease !important;
  position: relative;
  overflow: hidden;
  border-left: 5px solid #ff7e01 !important;
}

#sppb-addon-2afbb7d4-5606-43b6-bbd3-ce0af1440e99:hover {
  transform: translateY(-12px) !important;
  border-color: #ff7e01 !important;
  box-shadow: 0 24px 60px rgba(0,75,147,.22) !important;
}

/* Box - Come può svilupparsi il rischio */
#column-id-4d565484-3300-469f-bb22-fe2296fa730d,
#column-id-83f8bfa7-a7b1-43cf-94ae-d3b42a1b2b9a,
#column-id-f39ecdd5-ef3b-432a-bbd6-e4b448a340ec {
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease !important;
  position: relative;
  overflow: hidden;
}

#column-id-4d565484-3300-469f-bb22-fe2296fa730d::before,
#column-id-83f8bfa7-a7b1-43cf-94ae-d3b42a1b2b9a::before,
#column-id-f39ecdd5-ef3b-432a-bbd6-e4b448a340ec::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
  background: linear-gradient(180deg, #e94b2e, #ff7e01);
  opacity: 0;
  transition: opacity .35s ease;
}

#column-id-4d565484-3300-469f-bb22-fe2296fa730d:hover,
#column-id-83f8bfa7-a7b1-43cf-94ae-d3b42a1b2b9a:hover,
#column-id-f39ecdd5-ef3b-432a-bbd6-e4b448a340ec:hover {
  transform: translateY(-12px) !important;
  border-color: #ff7e01 !important;
  box-shadow: 0 24px 60px rgba(0,75,147,.22) !important;
}

#column-id-4d565484-3300-469f-bb22-fe2296fa730d:hover::before,
#column-id-83f8bfa7-a7b1-43cf-94ae-d3b42a1b2b9a:hover::before,
#column-id-f39ecdd5-ef3b-432a-bbd6-e4b448a340ec:hover::before {
  opacity: 1;
}

/* Box - Perché scegliere ArpiAssurance */
#column-id-72ee003d-9207-4777-b33c-7988d54e2c0b {
  transition: all .35s ease !important;
  position: relative;
  overflow: hidden;
}

#column-id-72ee003d-9207-4777-b33c-7988d54e2c0b::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
  background: linear-gradient(180deg, #e94b2e, #ff7e01);
  opacity: 0;
  transition: opacity .35s ease;
}

#column-id-72ee003d-9207-4777-b33c-7988d54e2c0b:hover {
  transform: translateY(-12px) !important;
  border-color: #ff7e01 !important;
  box-shadow: 0 24px 60px rgba(0,75,147,.22) !important;
}

#column-id-72ee003d-9207-4777-b33c-7988d54e2c0b:hover::before {
  opacity: 1;
}

/* CTA finale */
#section-id-68fc157b-16a7-4585-99ce-3a961b4196cc {
  position: relative;
  background-size: cover !important;
  overflow: hidden;
}

#section-id-68fc157b-16a7-4585-99ce-3a961b4196cc::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgba(0,25,55,.88), rgba(0,75,147,.55), rgba(255,126,1,.30));
  z-index: 1;
}

#section-id-68fc157b-16a7-4585-99ce-3a961b4196cc .sppb-row-container {
  position: relative;
  z-index: 2;
}

#section-id-68fc157b-16a7-4585-99ce-3a961b4196cc,
#section-id-68fc157b-16a7-4585-99ce-3a961b4196cc h2,
#section-id-68fc157b-16a7-4585-99ce-3a961b4196cc p {
  color: #fff;
}

/* Responsive */
@media (max-width: 767px) {
  #sppb-addon-898bb005-0e4b-40b4-b884-fe3f2c5c64af .sppb-addon-title {
    font-size: 46px !important;
    margin-top: 150px !important;
    margin-bottom: 150px !important;
    letter-spacing: -1px;
  }
}



/* ==================================
   ARPIASSURANCE - CYBERSICUREZZA
   Aggiungere in fondo a custom.css
================================== */

/* Hero */
#section-id-5f8b8e52-3f71-473e-bd5f-972a82f23f20 {
  position: relative;
  overflow: hidden;
}

#section-id-5f8b8e52-3f71-473e-bd5f-972a82f23f20::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(0,20,55,.90), rgba(0,60,120,.78), rgba(0,130,255,.25));
  z-index: 1;
}

#section-id-5f8b8e52-3f71-473e-bd5f-972a82f23f20 .sppb-row-container {
  position: relative;
  z-index: 2;
}

#sppb-addon-898bb005-0e4b-40b4-b884-fe3f2c5c64af .sppb-addon-title {
  text-shadow: 0 15px 40px rgba(0,0,0,.55);
  letter-spacing: -3px;
}

/* Immagini */
.sppb-addon-single-image img {
  border-radius: 18px !important;
  box-shadow: 0 22px 55px rgba(0,33,70,.18);
  transition: all .35s ease;
}

.sppb-addon-single-image img:hover {
  transform: scale(1.03) rotate(-1deg);
  box-shadow: 0 32px 75px rgba(0,33,70,.28);
}

/* Card principali rischi informatici */
#column-id-ce28553b-d4ba-4a21-bf14-fcf71508c778,
#column-id-f0f96731-5460-4f52-85ca-a38276d11628,
#column-id-ff45a1cd-b146-4f92-9896-ce36342e182e,
#column-id-2f5f4e56-2e2e-47c1-abdd-69c5bebae4f5 {
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease !important;
  will-change: transform;
  overflow: hidden;
  position: relative;
}

#column-id-ce28553b-d4ba-4a21-bf14-fcf71508c778:hover,
#column-id-f0f96731-5460-4f52-85ca-a38276d11628:hover,
#column-id-ff45a1cd-b146-4f92-9896-ce36342e182e:hover,
#column-id-2f5f4e56-2e2e-47c1-abdd-69c5bebae4f5:hover {
  transform: translateY(-12px) !important;
  border-color: #00b8ff !important;
  box-shadow: 0 24px 60px rgba(0,120,255,.22) !important;
}

#column-id-ce28553b-d4ba-4a21-bf14-fcf71508c778::after,
#column-id-f0f96731-5460-4f52-85ca-a38276d11628::after,
#column-id-ff45a1cd-b146-4f92-9896-ce36342e182e::after,
#column-id-2f5f4e56-2e2e-47c1-abdd-69c5bebae4f5::after {
  content: "";
  position: absolute;
  top: 0;
  left: -130%;
  width: 90%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.35), transparent);
  transition: 1s;
}

#column-id-ce28553b-d4ba-4a21-bf14-fcf71508c778:hover::after,
#column-id-f0f96731-5460-4f52-85ca-a38276d11628:hover::after,
#column-id-ff45a1cd-b146-4f92-9896-ce36342e182e:hover::after,
#column-id-2f5f4e56-2e2e-47c1-abdd-69c5bebae4f5:hover::after {
  left: 130%;
}

/* Icone card */
#section-id-2e621baf-604c-4482-b389-e9c267a90a77 .sppb-icon-container {
  color: #004b93 !important;
  transition: all .35s ease;
}

#section-id-2e621baf-604c-4482-b389-e9c267a90a77 .sppb-column:hover .sppb-icon-container {
  color: #00b8ff !important;
  transform: scale(1.25) rotate(-8deg);
}

/* Box evidenza sezione 5 */
#sppb-addon-f77c985d-5933-4d26-ad3b-8f8b6d22e23b {
  transition: all .35s ease !important;
  position: relative;
  overflow: hidden;
  border-left: 5px solid #00b8ff !important;
}

#sppb-addon-f77c985d-5933-4d26-ad3b-8f8b6d22e23b:hover {
  transform: translateY(-12px) !important;
  border-color: #00b8ff !important;
  box-shadow: 0 24px 60px rgba(0,120,255,.22) !important;
}

/* Box centrale - Un esempio concreto */
#sppb-addon-2afbb7d4-5606-43b6-bbd3-ce0af1440e99 {
  transition: all .35s ease !important;
  position: relative;
  overflow: hidden;
  border-left: 5px solid #00b8ff !important;
}

#sppb-addon-2afbb7d4-5606-43b6-bbd3-ce0af1440e99:hover {
  transform: translateY(-12px) !important;
  border-color: #00b8ff !important;
  box-shadow: 0 24px 60px rgba(0,120,255,.22) !important;
}

/* Tre box - Dal cyber attacco al danno economico */
#column-id-4d565484-3300-469f-bb22-fe2296fa730d,
#column-id-83f8bfa7-a7b1-43cf-94ae-d3b42a1b2b9a,
#column-id-f39ecdd5-ef3b-432a-bbd6-e4b448a340ec {
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease !important;
  position: relative;
  overflow: hidden;
}

#column-id-4d565484-3300-469f-bb22-fe2296fa730d::before,
#column-id-83f8bfa7-a7b1-43cf-94ae-d3b42a1b2b9a::before,
#column-id-f39ecdd5-ef3b-432a-bbd6-e4b448a340ec::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
  background: linear-gradient(180deg, #00d0ff, #0079ff);
  opacity: 0;
  transition: opacity .35s ease;
}

#column-id-4d565484-3300-469f-bb22-fe2296fa730d:hover,
#column-id-83f8bfa7-a7b1-43cf-94ae-d3b42a1b2b9a:hover,
#column-id-f39ecdd5-ef3b-432a-bbd6-e4b448a340ec:hover {
  transform: translateY(-12px) !important;
  border-color: #00b8ff !important;
  box-shadow: 0 24px 60px rgba(0,120,255,.22) !important;
}

#column-id-4d565484-3300-469f-bb22-fe2296fa730d:hover::before,
#column-id-83f8bfa7-a7b1-43cf-94ae-d3b42a1b2b9a:hover::before,
#column-id-f39ecdd5-ef3b-432a-bbd6-e4b448a340ec:hover::before {
  opacity: 1;
}

/* Box - Perché scegliere ArpiAssurance */
#column-id-72ee003d-9207-4777-b33c-7988d54e2c0b {
  transition: all .35s ease !important;
  position: relative;
  overflow: hidden;
}

#column-id-72ee003d-9207-4777-b33c-7988d54e2c0b::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
  background: linear-gradient(180deg, #00d0ff, #0079ff);
  opacity: 0;
  transition: opacity .35s ease;
}

#column-id-72ee003d-9207-4777-b33c-7988d54e2c0b:hover {
  transform: translateY(-12px) !important;
  border-color: #00b8ff !important;
  box-shadow: 0 24px 60px rgba(0,120,255,.22) !important;
}

#column-id-72ee003d-9207-4777-b33c-7988d54e2c0b:hover::before {
  opacity: 1;
}

/* CTA finale */
#section-id-68fc157b-16a7-4585-99ce-3a961b4196cc {
  position: relative;
  background-size: cover !important;
  overflow: hidden;
}

#section-id-68fc157b-16a7-4585-99ce-3a961b4196cc::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(0,18,45,.92), rgba(0,60,120,.78), rgba(0,170,255,.35));
  z-index: 1;
}

#section-id-68fc157b-16a7-4585-99ce-3a961b4196cc .sppb-row-container {
  position: relative;
  z-index: 2;
}

#section-id-68fc157b-16a7-4585-99ce-3a961b4196cc,
#section-id-68fc157b-16a7-4585-99ce-3a961b4196cc h2,
#section-id-68fc157b-16a7-4585-99ce-3a961b4196cc p {
  color: #fff;
}

/* Responsive */
@media (max-width: 767px) {
  #sppb-addon-898bb005-0e4b-40b4-b884-fe3f2c5c64af .sppb-addon-title {
    font-size: 46px !important;
    margin-top: 150px !important;
    margin-bottom: 150px !important;
    letter-spacing: -1px;
  }

  #section-id-5f8b8e52-3f71-473e-bd5f-972a82f23f20 {
    background-attachment: scroll !important;
  }
}


/* ==================================
   ARPIASSURANCE - PAGINA PARTNER
   Aggiungere in fondo a custom.css
================================== */

/* Hero Partner */
#section-id-5f8b8e52-3f71-473e-bd5f-972a82f23f20 {
  position: relative;
  overflow: hidden;
}

#section-id-5f8b8e52-3f71-473e-bd5f-972a82f23f20::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgba(0,25,55,.88), rgba(0,75,147,.58), rgba(255,126,1,.25));
  z-index: 1;
}

#section-id-5f8b8e52-3f71-473e-bd5f-972a82f23f20 .sppb-row-container {
  position: relative;
  z-index: 2;
}

#sppb-addon-898bb005-0e4b-40b4-b884-fe3f2c5c64af .sppb-addon-title,
#sppb-addon-0d87d94c-f7ea-4d1b-835c-e1b53e31c04b .sppb-addon-title {
  text-shadow: 0 15px 40px rgba(0,0,0,.55);
}

/* Immagini */
.sppb-addon-single-image img {
  border-radius: 18px !important;
  box-shadow: 0 22px 55px rgba(0,33,70,.18);
  transition: all .35s ease;
}

.sppb-addon-single-image img:hover {
  transform: translateY(-8px) scale(1.015);
  box-shadow: 0 32px 75px rgba(0,33,70,.28);
}

/* Card partner / competenze */
#column-id-ce28553b-d4ba-4a21-bf14-fcf71508c778,
#column-id-f0f96731-5460-4f52-85ca-a38276d11628,
#column-id-ff45a1cd-b146-4f92-9896-ce36342e182e,
#column-id-2f5f4e56-2e2e-47c1-abdd-69c5bebae4f5,
#column-id-094d798d-48b7-4c3f-acb4-7e3547de9115,
#column-id-0e4b1af3-e244-46db-adaf-4ce6a2a13c33,
#column-id-a286a81f-2baa-4022-a052-3aeac9d54780 {
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease !important;
  position: relative;
  overflow: hidden;
}

#column-id-ce28553b-d4ba-4a21-bf14-fcf71508c778:hover,
#column-id-f0f96731-5460-4f52-85ca-a38276d11628:hover,
#column-id-ff45a1cd-b146-4f92-9896-ce36342e182e:hover,
#column-id-2f5f4e56-2e2e-47c1-abdd-69c5bebae4f5:hover,
#column-id-094d798d-48b7-4c3f-acb4-7e3547de9115:hover,
#column-id-0e4b1af3-e244-46db-adaf-4ce6a2a13c33:hover,
#column-id-a286a81f-2baa-4022-a052-3aeac9d54780:hover {
  transform: translateY(-12px) !important;
  border-color: #ff7e01 !important;
  box-shadow: 0 24px 60px rgba(0,75,147,.22) !important;
}

/* Icone card */
#section-id-2e621baf-604c-4482-b389-e9c267a90a77 .sppb-icon-container,
#section-id-20f73ec4-4fa9-4967-ac1d-6fe01862e3c8 .sppb-icon-container {
  color: #004b93 !important;
  transition: all .35s ease;
}

#section-id-2e621baf-604c-4482-b389-e9c267a90a77 .sppb-column:hover .sppb-icon-container,
#section-id-20f73ec4-4fa9-4967-ac1d-6fe01862e3c8 .sppb-column:hover .sppb-icon-container {
  color: #ff7e01 !important;
  transform: scale(1.18) rotate(-5deg);
}

/* Box evidenza centrale */
#sppb-addon-f77c985d-5933-4d26-ad3b-8f8b6d22e23b {
  transition: all .35s ease !important;
  position: relative;
  overflow: hidden;
  border-left: 5px solid #ff7e01 !important;
}

#sppb-addon-f77c985d-5933-4d26-ad3b-8f8b6d22e23b:hover {
  transform: translateY(-12px) !important;
  border-color: #ff7e01 !important;
  box-shadow: 0 24px 60px rgba(0,75,147,.22) !important;
}

/* Box finale “Perché ArpiAssurance” */
#column-id-72ee003d-9207-4777-b33c-7988d54e2c0b {
  transition: all .35s ease !important;
  position: relative;
  overflow: hidden;
}

#column-id-72ee003d-9207-4777-b33c-7988d54e2c0b::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
  background: linear-gradient(180deg, #e94b2e, #ff7e01);
  opacity: 0;
  transition: opacity .35s ease;
}

#column-id-72ee003d-9207-4777-b33c-7988d54e2c0b:hover {
  transform: translateY(-12px) !important;
  border-color: #ff7e01 !important;
  box-shadow: 0 24px 60px rgba(0,75,147,.22) !important;
}

#column-id-72ee003d-9207-4777-b33c-7988d54e2c0b:hover::before {
  opacity: 1;
}

/* CTA finale */
#section-id-68fc157b-16a7-4585-99ce-3a961b4196cc {
  position: relative;
  background-size: cover !important;
  overflow: hidden;
}

#section-id-68fc157b-16a7-4585-99ce-3a961b4196cc::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgba(0,25,55,.88), rgba(0,75,147,.55), rgba(255,126,1,.30));
  z-index: 1;
}

#section-id-68fc157b-16a7-4585-99ce-3a961b4196cc .sppb-row-container {
  position: relative;
  z-index: 2;
}

#section-id-68fc157b-16a7-4585-99ce-3a961b4196cc,
#section-id-68fc157b-16a7-4585-99ce-3a961b4196cc h2,
#section-id-68fc157b-16a7-4585-99ce-3a961b4196cc p {
  color: #fff;
}

/* Responsive */
@media (max-width: 767px) {
  #sppb-addon-898bb005-0e4b-40b4-b884-fe3f2c5c64af .sppb-addon-title {
    font-size: 46px !important;
    margin-top: 150px !important;
    margin-bottom: 35px !important;
    letter-spacing: -1px;
  }

  #sppb-addon-0d87d94c-f7ea-4d1b-835c-e1b53e31c04b .sppb-addon-title {
    font-size: 22px !important;
    line-height: 32px !important;
    margin-bottom: 140px !important;
  }

  #section-id-5f8b8e52-3f71-473e-bd5f-972a82f23f20 {
    background-attachment: scroll !important;
  }
}


/* ==================================
   ARPIASSURANCE - HEADER SEMPRE SCURO
================================== */

#sp-header,
#sp-header.menu-fixed-out,
#sp-header.menu-fixed,
#sp-header.header-sticky {
  background: rgba(18, 18, 18, 0.92) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 10px 35px rgba(0,0,0,.25) !important;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

/* Mantiene leggibili le voci menu */
#sp-header .sp-megamenu-parent > li > a {
  color: #ffffff !important;
  text-shadow: none !important;
}

/* Voce attiva / hover */
#sp-header .sp-megamenu-parent > li.active > a,
#sp-header .sp-megamenu-parent > li.current-item > a,
#sp-header .sp-megamenu-parent > li > a:hover {
  color: #ff7e01 !important;
}

/* Dropdown prodotti */
#sp-header .sp-dropdown-inner {
  background: rgba(18,18,18,.96) !important;
  box-shadow: 0 18px 45px rgba(0,0,0,.30);
}

#sp-header .sp-dropdown-inner a {
  color: #ffffff !important;
}

#sp-header .sp-dropdown-inner a:hover {
  color: #ff7e01 !important;
}

/* Pulsante header */
#sp-header #btn-1726657665807 {
  box-shadow: 0 10px 25px rgba(255,126,1,.28) !important;
}

/* FIX: header nero attaccato al margine superiore */

#sp-header {
  top: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

#sp-header.menu-fixed-out,
#sp-header.animated {
  top: 0 !important;
  transform: none !important;
}

body,
.body-wrapper,
.body-innerwrapper {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Evita eventuali spazi creati sopra la hero */
#sp-page-builder,
#sp-main-body,
#sp-component,
#section-id-5f8b8e52-3f71-473e-bd5f-972a82f23f20 {
  margin-top: 0 !important;
}


/* HOME - riduzione titolo principale slider */

body.itemid-101 h1.sppb-fullwidth-title,
body.home h1.sppb-fullwidth-title,
h1.sppb-fullwidth-title {
  font-size: 96px !important;
  line-height: 1.05 !important;
  max-width: 980px !important;
}

/* ==================================
   ARPIASSURANCE
   TITOLI DELLE PAGINE INTERNE
   Rimuove la linea arancione e
   migliora la leggibilità
================================== */


/*------------------------------------
Rimuove la linea arancione
------------------------------------*/

.sp-page-builder h2.sppb-addon-title::after,
.sp-page-builder h3.sppb-addon-title::after,
.sp-page-builder .sppb-addon-header .sppb-addon-title::after{

    display:none !important;
    content:none !important;

}


/*------------------------------------
Titoli H2
------------------------------------*/

.sp-page-builder h2.sppb-addon-title{

    letter-spacing:1.2px !important;
    line-height:1.22 !important;
    font-weight:700;

}


/*------------------------------------
Titoli H3
------------------------------------*/

.sp-page-builder h3.sppb-addon-title{

    letter-spacing:1px !important;
    line-height:1.25 !important;
    font-weight:700;

}


/*------------------------------------
Titoli Hero delle pagine interne
------------------------------------*/

#sppb-addon-898bb005-0e4b-40b4-b884-fe3f2c5c64af .sppb-addon-title,
#sppb-addon-0d87d94c-f7ea-4d1b-835c-e1b53e31c04b .sppb-addon-title{

    letter-spacing:1.5px !important;
    line-height:1.18 !important;
    text-shadow:0 10px 35px rgba(0,0,0,.45);

}


/*------------------------------------
Effetto elegante sui titoli
------------------------------------*/

.sp-page-builder h2.sppb-addon-title,
.sp-page-builder h3.sppb-addon-title{

    transition:all .30s ease;

}



/* LOGO HEADER - versione bilanciata */

#sp-header #sp-logo {
  width: 240px !important;
  max-width: 240px !important;
  flex: 0 0 240px !important;
}

#sp-header #sp-logo .logo img.sp-default-logo {
  width: 240px !important;
  max-width: 240px !important;
  height: auto !important;
  max-height: none !important;
}

#sp-header #sp-menu {
  width: calc(100% - 240px) !important;
  max-width: calc(100% - 240px) !important;
  flex: 0 0 calc(100% - 240px) !important;
}

/* menu leggermente più compatto */
#sp-header .sp-megamenu-parent > li > a {
  padding-left: 11px !important;
  padding-right: 11px !important;
  font-size: 14px !important;
}

/* pulsante header più compatto */
#sp-header #btn-1726657665807 {
  padding: 8px 16px !important;
  font-size: 13px !important;
}



/* ==================================
   ARPIASSURANCE
   LOGO FOOTER
   Disattiva solo l'effetto hover
================================== */

#sppb-addon-1505199709232 img,
#sppb-addon-1505199709232 img:hover {

    transform: none !important;
    transition: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;

}



/* ==================================
   ARPIASSURANCE
   MENU A TENDINA PRODOTTI ASSICURATIVI
================================== */

/* Sfondo dropdown */
#sp-header .sp-dropdown-main .sp-dropdown-inner{

    background:#ffffff !important;

    border-radius:8px;

    overflow:hidden;

    box-shadow:0 15px 35px rgba(0,0,0,.12);

}

/* Colore normale delle voci */
#sp-header .sp-dropdown-main .sp-dropdown-inner .sp-dropdown-items > li > a{

    color:#222222 !important;

    font-weight:500;

    transition:all .25s ease;

}

/* Hover */
#sp-header .sp-dropdown-main .sp-dropdown-inner .sp-dropdown-items > li > a:hover{

    background:#FF7E01 !important;

    color:#ffffff !important;

    padding-left:24px;

}

/* Voce attiva */
#sp-header .sp-dropdown-main .sp-dropdown-inner .sp-dropdown-items > li.active > a{

    background:#ff7e01 !important;

    color:#ffffff !important;

}

#sp-header .sp-dropdown{

    opacity:0;

    transform:translateY(10px);

    transition:.25s ease;

}

#sp-header .sp-has-child:hover > .sp-dropdown{

    opacity:1;

    transform:translateY(0);

}

/* ==================================
   ARPIASSURANCE - HEADER MOBILE
================================== */

@media (max-width: 991px) {

  #sp-header {
    min-height: 72px !important;
  }

  #sp-header .container,
  #sp-header .row {
    min-height: 72px !important;
    align-items: center !important;
  }

  #sp-header #sp-logo {
    width: 155px !important;
    max-width: 155px !important;
    flex: 0 0 155px !important;
  }

  #sp-header #sp-logo .logo img.sp-default-logo {
    width: 155px !important;
    max-width: 155px !important;
    height: auto !important;
    max-height: none !important;
  }

  #sp-header #sp-menu {
    width: calc(100% - 155px) !important;
    max-width: calc(100% - 155px) !important;
    flex: 0 0 calc(100% - 155px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
  }

  #sp-header #sp-menu .sp-column {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px;
    width: 100%;
  }

  #sp-header .top-right-button {
    margin: 0 !important;
  }

  #sp-header #btn-1726657665807 {
    padding: 7px 10px !important;
    font-size: 11px !important;
    white-space: nowrap !important;
  }

  #offcanvas-toggler {
    margin-left: 6px !important;
    font-size: 22px !important;
    line-height: 1 !important;
  }
}

@media (max-width: 575px) {

  #sp-header #sp-logo {
    width: 135px !important;
    max-width: 135px !important;
    flex: 0 0 135px !important;
  }

  #sp-header #sp-logo .logo img.sp-default-logo {
    width: 135px !important;
    max-width: 135px !important;
  }

  #sp-header #sp-menu {
    width: calc(100% - 135px) !important;
    max-width: calc(100% - 135px) !important;
    flex: 0 0 calc(100% - 135px) !important;
  }

  #sp-header #btn-1726657665807 {
    padding: 6px 8px !important;
    font-size: 10px !important;
  }
}


/* ==================================
   HOME - TITOLO SLIDE MOBILE
================================== */

@media (max-width: 991px) {
  #slide-fullwidth .sppb-slideshow-fullwidth-item-text h1.sppb-fullwidth-title {
    font-size: 52px !important;
    line-height: 1.08 !important;
    letter-spacing: -1px !important;
  }
}

@media (max-width: 767px) {
  #slide-fullwidth .sppb-slideshow-fullwidth-item-text h1.sppb-fullwidth-title {
    font-size: 40px !important;
    line-height: 1.12 !important;
    letter-spacing: -0.5px !important;
  }
}

@media (max-width: 575px) {
  #slide-fullwidth .sppb-slideshow-fullwidth-item-text h1.sppb-fullwidth-title {
    font-size: 32px !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
  }
}

/* ==================================
   HOME - GENERALI PER L'ENERGIA
================================== */

/* Desktop */
#sppb-addon-1505215073673 .sppb-addon-text-block > h2.sppb-addon-title:nth-of-type(2) {
  font-size: 52px !important;
  line-height: 1.15 !important;
  letter-spacing: 0.5px !important;
}

#sppb-addon-1505215073673 .sppb-addon-text-block > h2.sppb-addon-title:nth-of-type(2) .major-color {
  display: block;
  font-size: 42px !important;
  line-height: 1.15 !important;
}

/* Tablet */
@media (max-width: 991px) {
  #sppb-addon-1505215073673 .sppb-addon-text-block > h2.sppb-addon-title:nth-of-type(2) {
    font-size: 42px !important;
  }

  #sppb-addon-1505215073673 .sppb-addon-text-block > h2.sppb-addon-title:nth-of-type(2) .major-color {
    font-size: 34px !important;
  }
}

/* Smartphone */
@media (max-width: 575px) {
  #sppb-addon-1505215073673 .sppb-addon-text-block > h2.sppb-addon-title:nth-of-type(2) {
    font-size: 27px !important;
    line-height: 1.2 !important;
  }

  #sppb-addon-1505215073673 .sppb-addon-text-block > h2.sppb-addon-title:nth-of-type(2) .major-color {
    font-size: 20px !important;
  }
}

/* ==================================
   HOME - GENERALI E ARPITEL
================================== */

/* Desktop */
#sppb-addon-c9f2ca8f-99d6-4144-a314-00677015c012 h2.sppb-addon-title {
  font-size: 52px !important;
  line-height: 1.15 !important;
  letter-spacing: 0.5px !important;
}

#sppb-addon-c9f2ca8f-99d6-4144-a314-00677015c012 h2.sppb-addon-title .major-color {
  display: block;
  font-size: 42px !important;
  line-height: 1.15 !important;
}

/* Tablet */
@media (max-width: 991px) {
  #sppb-addon-c9f2ca8f-99d6-4144-a314-00677015c012 h2.sppb-addon-title {
    font-size: 42px !important;
  }

  #sppb-addon-c9f2ca8f-99d6-4144-a314-00677015c012 h2.sppb-addon-title .major-color {
    font-size: 34px !important;
  }
}

/* Smartphone */
@media (max-width: 575px) {
  #sppb-addon-c9f2ca8f-99d6-4144-a314-00677015c012 h2.sppb-addon-title {
	padding-top: 20px;
    font-size: 27px !important;
    line-height: 1.2 !important;
  }

  #sppb-addon-c9f2ca8f-99d6-4144-a314-00677015c012 h2.sppb-addon-title .major-color {
    font-size: 20px !important;
  }
}

/* ==================================
   HOME - I NOSTRI PRODOTTI ASSICURATIVI
================================== */

/* ===========================
   Titolo sezione
=========================== */

.sppb-section-title .sppb-title-heading{

    font-size:52px !important;
    line-height:1.15 !important;
    letter-spacing:.5px !important;

}

.sppb-section-title .sppb-title-heading .major-color{

    display:block;
    font-size:42px !important;
    line-height:1.15 !important;

}

/* Sottotitolo */

.sppb-section-title .sppb-title-subheading{

    font-size:20px !important;
    line-height:1.7 !important;

}


/* ===========================
   Tablet
=========================== */

@media (max-width:991px){

    .sppb-section-title .sppb-title-heading{

        font-size:42px !important;

    }

    .sppb-section-title .sppb-title-heading .major-color{

        font-size:34px !important;

    }

    .sppb-section-title .sppb-title-subheading{

        font-size:18px !important;

    }

}


/* ===========================
   Smartphone
=========================== */

@media (max-width:575px){

    .sppb-section-title .sppb-title-heading{

        font-size:27px !important;
        line-height:1.2 !important;

    }

    .sppb-section-title .sppb-title-heading .major-color{

        font-size:20px !important;

    }

    .sppb-section-title .sppb-title-subheading{

        font-size:16px !important;
        line-height:1.6 !important;

    }

}


/* ======================================================
   ARPIASSURANCE - TITOLI HERO PAGINE INTERNE MOBILE
   Regola forte sulla prima sezione PageBuilder
====================================================== */

@media (max-width: 991px) {
  #sp-page-builder .page-content.builder-container > .sppb-section:first-child .sppb-addon-header h3.sppb-addon-title,
  #sp-page-builder .page-content.builder-container > div.sppb-section:first-child .sppb-addon-header h3.sppb-addon-title {
    font-size: 42px !important;
    line-height: 1.15 !important;
    letter-spacing: .3px !important;
  }
}

@media (max-width: 767px) {
  #sp-page-builder .page-content.builder-container > .sppb-section:first-child .sppb-addon-header h3.sppb-addon-title,
  #sp-page-builder .page-content.builder-container > div.sppb-section:first-child .sppb-addon-header h3.sppb-addon-title {
    font-size: 34px !important;
    line-height: 1.18 !important;
  }
}

@media (max-width: 575px) {
  #sp-page-builder .page-content.builder-container > .sppb-section:first-child .sppb-addon-header h3.sppb-addon-title,
  #sp-page-builder .page-content.builder-container > div.sppb-section:first-child .sppb-addon-header h3.sppb-addon-title {
    font-size: 28px !important;
    line-height: 1.22 !important;
    letter-spacing: .2px !important;
  }
}

/* ======================================================
   ARPIASSURANCE
   SPAZIATURA TITOLI PAGINE INTERNE - MOBILE
====================================================== */

@media (max-width: 767px) {

    /* Aggiunge spazio tra l'immagine e il primo titolo */
    .sppb-column .sppb-addon-header:first-of-type {
        padding-top: 20px !important;
    }

}




/* ==================== INIZIO CSS PAGINE HTML ======================== */



/* ======================================================
   ARPIASSURANCE - PAGINA CHI SIAMO HTML CLEAN
====================================================== */

:root {
  --arpi-blue: #004b93;
  --arpi-orange: #ff7e01;
  --arpi-red: #e94b2e;
  --arpi-dark: #101820;
  --arpi-light: #f6f8fb;
}

.aa-page {
  font-family: "Poppins", sans-serif;
  color: #263238;
}

.aa-container {
  width: min(1140px, calc(100% - 40px));
  margin: 0 auto;
}

.aa-narrow {
  max-width: 980px;
}

/* HERO */

.aa-hero {
  position: relative;
  min-height: 560px;
  display: flex;
  align-items: center;
  text-align: center;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}

.aa-about-hero {
  background-image: url("/demo/images/chi_siamo/parallax_intestazione_chi_siamo_2.jpg");
}

.aa-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgba(0,32,70,.88), rgba(0,75,147,.52), rgba(255,126,1,.25));
  z-index: 1;
}

.aa-hero .aa-container {
  position: relative;
  z-index: 2;
}

.aa-hero h1 {
  color: #fff;
  font-size: clamp(38px, 4vw, 58px);
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: .3px;
  text-shadow: 0 18px 45px rgba(0,0,0,.45);
  max-width: 900px;
  margin: 0 auto;
}

/* INTRO */

.aa-intro {
  padding: 75px 0;
  background: #fff;
  text-align: center;
}

.aa-intro h2 {
  font-size: clamp(22px, 2vw, 32px);
  line-height: 1.35;
  font-weight: 500;
  color: var(--arpi-blue);
  max-width: 920px;
  margin: 0 auto;
}

/* SEZIONI */

.aa-section {
  padding: 75px 0;
}

.aa-light {
  background: var(--arpi-light);
}

.aa-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 55px;
  align-items: center;
}

.aa-content p {
  font-size: 17px;
  line-height: 1.85;
  margin-bottom: 18px;
}

.aa-kicker {
  display: inline-block;
  margin-bottom: 14px;
  font-size: 15px;
  font-weight: 700;
  color: var(--arpi-orange);
  text-transform: uppercase;
  letter-spacing: 1.2px;
}

.aa-content h2 {
  font-size: clamp(28px, 2.8vw, 42px);
  line-height: 1.15;
  font-weight: 800;
  color: var(--arpi-blue);
  margin-bottom: 18px;
}

.aa-image img {
  width: 100%;
  display: block;
  border-radius: 18px;
  box-shadow: 0 22px 55px rgba(0,33,70,.18);
  transition: transform .35s ease, box-shadow .35s ease;
}

.aa-image img:hover {
  transform: translateY(-8px) scale(1.015);
  box-shadow: 0 32px 75px rgba(0,33,70,.28);
}

/* STATS */

.aa-stats {
  padding: 0 0 75px;
  background: #fff;
}

.aa-stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

.aa-stat {
  background: #fff;
  border: 1px solid #dfe5ec;
  border-radius: 14px;
  padding: 28px 22px;
  text-align: center;
  transition: all .35s ease;
  box-shadow: 0 10px 30px rgba(0,75,147,.06);
}

.aa-stat:hover {
  transform: translateY(-8px);
  border-color: var(--arpi-orange);
  box-shadow: 0 24px 55px rgba(0,75,147,.18);
}

.aa-stat strong {
  display: block;
  color: var(--arpi-blue);
  font-size: 28px;
  font-weight: 800;
  margin-bottom: 8px;
}

.aa-stat span {
  font-size: 15px;
  font-weight: 600;
}

/* CARD */

.aa-card-list {
  display: grid;
  gap: 18px;
  margin-top: 28px;
}

.aa-card {
  background: #fff;
  border: 1px solid #dfe5ec;
  border-radius: 14px;
  padding: 24px;
  position: relative;
  overflow: hidden;
  transition: all .35s ease;
}

.aa-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
  background: linear-gradient(180deg, var(--arpi-red), var(--arpi-orange));
  opacity: 0;
  transition: opacity .35s ease;
}

.aa-card:hover {
  transform: translateY(-8px);
  border-color: var(--arpi-orange);
  box-shadow: 0 22px 55px rgba(0,75,147,.16);
}

.aa-card:hover::before {
  opacity: 1;
}

.aa-card h3 {
  color: var(--arpi-blue);
  font-size: 21px;
  font-weight: 700;
  margin-bottom: 8px;
}

.aa-card p {
  margin-bottom: 0;
  font-size: 15.5px;
}

/* VALORI */

.aa-values p {
  padding: 18px 0;
  margin: 0;
  border-bottom: 1px solid #dfe5ec;
}

.aa-values p:last-child {
  border-bottom: none;
}

.aa-values strong {
  color: var(--arpi-blue);
}

/* CTA */

.aa-cta {
  position: relative;
  padding: 95px 0;
  text-align: center;
  background-image: url("/demo/images/chi_siamo/Turbina_eolica_sotto_cupola_protettiva.jpg");
  background-size: cover;
  background-position: center;
  overflow: hidden;
}

.aa-cta-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgba(0,32,70,.90), rgba(0,75,147,.60), rgba(255,126,1,.25));
  z-index: 1;
}

.aa-cta .aa-container {
  position: relative;
  z-index: 2;
}

.aa-cta h2 {
  color: #fff;
  font-size: clamp(34px, 4vw, 56px);
  font-weight: 800;
  line-height: 1.15;
  margin-bottom: 18px;
}

.aa-cta p {
  color: #fff;
  font-size: 18px;
  line-height: 1.7;
  max-width: 760px;
  margin: 0 auto 30px;
}

.aa-btn {
  display: inline-block;
  background: var(--arpi-orange);
  color: #fff !important;
  padding: 15px 34px;
  border-radius: 40px;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none !important;
  transition: all .3s ease;
  box-shadow: 0 18px 40px rgba(255,126,1,.35);
}

.aa-btn:hover {
  background: var(--arpi-blue);
  transform: translateY(-4px);
  box-shadow: 0 22px 45px rgba(0,75,147,.35);
}

/* MOBILE */

@media (max-width: 991px) {
  .aa-grid-2 {
    gap: 35px;
  }

  .aa-stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .aa-container {
    width: min(100% - 28px, 1140px);
  }

  .aa-hero {
    min-height: 430px;
    background-attachment: scroll;
  }

  .aa-hero h1 {
    font-size: 31px;
    line-height: 1.22;
  }

  .aa-intro,
  .aa-section {
    padding: 50px 0;
  }

  .aa-intro h2 {
    font-size: 24px;
    line-height: 1.35;
  }

  .aa-grid-2 {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  .aa-reverse .aa-image {
    order: -1;
  }

  .aa-content {
    padding-top: 20px;
  }

  .aa-content h2 {
    font-size: 28px;
    line-height: 1.22;
  }

  .aa-content p {
    font-size: 16px;
    line-height: 1.75;
  }

  .aa-image img:hover {
    transform: none;
    box-shadow: 0 22px 55px rgba(0,33,70,.18);
  }

  .aa-stats {
    padding-bottom: 50px;
  }

  .aa-stats-grid {
    grid-template-columns: 1fr;
  }

  .aa-stat {
    padding: 24px 18px;
  }

  .aa-card:hover,
  .aa-stat:hover {
    transform: none;
  }

  .aa-cta {
    padding: 70px 0;
  }

  .aa-cta h2 {
    font-size: 28px;
  }

  .aa-cta p {
    font-size: 16px;
  }
}



/* ======================================
   CHI SIAMO HTML - MOBILE FIX TITOLI
====================================== */

@media (max-width: 767px) {

  body.itemid-665 .aa-page .aa-hero {
    min-height: 330px !important;
    padding: 115px 0 55px !important;
  }

  body.itemid-665 .aa-page .aa-hero h1 {
    font-size: 27px !important;
    line-height: 1.22 !important;
    letter-spacing: 0 !important;
    max-width: 92% !important;
    margin: 0 auto !important;
  }

  body.itemid-665 .aa-page .aa-intro {
    padding: 38px 0 !important;
  }

  body.itemid-665 .aa-page .aa-intro h2 {
    font-size: 20px !important;
    line-height: 1.38 !important;
    font-weight: 600 !important;
    max-width: 94% !important;
    margin: 0 auto !important;
  }

}




/* ======================================================
   CHI SIAMO - TITOLI MOBILE
====================================================== */

@media (max-width: 767px) {

    /* Tutti i titoli H2 delle sezioni */
    .aa-page .aa-content h2{

        font-size:27px !important;
        line-height:1.22 !important;
        letter-spacing:0 !important;
        margin-bottom:18px !important;

    }

    /* Titolo introduttivo sotto la Hero */
    .aa-page .aa-intro h2{

        font-size:20px !important;
        line-height:1.38 !important;

    }

    /* Titoli delle card */
    .aa-page .aa-card h3{

        font-size:21px !important;
        line-height:1.30 !important;

    }

    /* Numeri della sezione statistiche */
    .aa-page .aa-stat strong{

        font-size:24px !important;

    }

    /* CTA finale */
    .aa-page .aa-cta h2{

        font-size:24px !important;
        line-height:1.25 !important;

    }

}


/* ======================================================
   ARPIASSURANCE - PAGINA RISCHI HTML CLEAN
====================================================== */

.aa-risks-hero {
  background-image: url("/demo/images/rischi/Parallax_Intestazione_Pale_eoliche_durante_una_perturbazione.jpg");
}

.aa-section-heading {
  text-align: center;
  max-width: 820px;
  margin: 0 auto 46px;
}

.aa-section-heading h2 {
  font-size: 42px;
  line-height: 1.18;
  font-weight: 800;
  color: var(--arpi-blue);
  margin: 0;
}

/* Griglia rischi */

.aa-risk-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.aa-risk-card {
  background: #fff;
  border: 1px solid #dfe5ec;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 12px 35px rgba(0,75,147,.08);
  transition: all .35s ease;
}

.aa-risk-card:hover {
  transform: translateY(-8px);
  border-color: var(--arpi-orange);
  box-shadow: 0 26px 60px rgba(0,75,147,.18);
}

.aa-risk-card img {
  width: 100%;
  height: 190px;
  object-fit: cover;
  display: block;
}

.aa-risk-card-content {
  padding: 24px 22px;
}

.aa-risk-card h3 {
  font-size: 22px;
  line-height: 1.28;
  font-weight: 700;
  color: var(--arpi-blue);
  margin-bottom: 12px;
}

.aa-risk-card p {
  font-size: 15.5px;
  line-height: 1.7;
  margin: 0;
}

/* Card generiche a 3 colonne */

.aa-card-grid {
  display: grid;
  gap: 24px;
}

.aa-card-grid-3 {
  grid-template-columns: repeat(3, 1fr);
}

.aa-center {
  text-align: center;
}

/* Sezione impatto */

.aa-impact {
  position: relative;
  padding: 110px 0;
  text-align: center;
  background-image: url("/demo/images/rischi/Sezione7_Parallax_impatto_visivo.jpg");
  background-size: cover;
  background-position: center;
  overflow: hidden;
}

.aa-impact-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgba(0,32,70,.88), rgba(0,75,147,.58), rgba(255,126,1,.28));
  z-index: 1;
}

.aa-impact .aa-container {
  position: relative;
  z-index: 2;
}

.aa-impact h2 {
  color: #fff;
  font-size: 42px;
  line-height: 1.18;
  font-weight: 800;
  max-width: 880px;
  margin: 0 auto 18px;
}

.aa-impact p {
  color: #fff;
  font-size: 18px;
  line-height: 1.75;
  max-width: 780px;
  margin: 0 auto;
}

/* Checklist */

.aa-check-card {
  background: #fff;
  border: 1px solid #dfe5ec;
  border-left: 5px solid var(--arpi-orange);
  border-radius: 18px;
  padding: 34px;
  box-shadow: 0 18px 45px rgba(0,75,147,.10);
  transition: all .35s ease;
}

.aa-check-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 28px 65px rgba(0,75,147,.18);
}

.aa-check-card p {
  font-size: 17px;
  line-height: 1.65;
  font-weight: 600;
  color: var(--arpi-blue);
  margin: 0 0 12px;
}

.aa-check-card p:last-child {
  margin-bottom: 0;
}

/* CTA Rischi */

.aa-risks-cta {
  background-image: url("/demo/images/chi_siamo/Campo_fotovoltaico_dall_alto.jpg");
}

/* ======================================================
   RESPONSIVE - PAGINA RISCHI
====================================================== */

@media (max-width: 991px) {
  .aa-risk-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .aa-card-grid-3 {
    grid-template-columns: 1fr;
  }

  .aa-section-heading h2,
  .aa-impact h2 {
    font-size: 36px;
  }
}

@media (max-width: 767px) {
  .aa-risks-page .aa-hero {
    min-height: 330px !important;
    padding: 115px 0 55px !important;
  }

  .aa-risks-page .aa-hero h1 {
    font-size: 27px !important;
    line-height: 1.22 !important;
    letter-spacing: 0 !important;
    max-width: 92% !important;
    margin: 0 auto !important;
  }

  .aa-risks-page .aa-intro {
    padding: 38px 0 !important;
  }

  .aa-risks-page .aa-intro h2 {
    font-size: 20px !important;
    line-height: 1.38 !important;
    font-weight: 600 !important;
    max-width: 94% !important;
    margin: 0 auto !important;
  }

  .aa-risk-grid {
    grid-template-columns: 1fr;
  }

  .aa-risk-card img {
    height: 210px;
  }

  .aa-risk-card:hover,
  .aa-check-card:hover {
    transform: none;
  }

  .aa-section-heading {
    margin-bottom: 30px;
  }

  .aa-section-heading h2 {
    font-size: 27px !important;
    line-height: 1.22 !important;
  }

  .aa-impact {
    padding: 70px 0;
  }

  .aa-impact h2 {
    font-size: 24px !important;
    line-height: 1.25 !important;
  }

  .aa-impact p {
    font-size: 16px;
    line-height: 1.7;
  }

  .aa-check-card {
    padding: 26px 22px;
  }

  .aa-check-card p {
    font-size: 16px;
  }

  .aa-risks-page .aa-cta h2 {
    font-size: 24px !important;
    line-height: 1.25 !important;
  }

  .aa-risks-page .aa-cta p {
    font-size: 16px !important;
    line-height: 1.7 !important;
  }
}



/* ======================================================
   ARPIASSURANCE - FURTO SABOTAGGIO INCENDIO HTML CLEAN
====================================================== */

.aa-furto-hero {
  background-image: url("/demo/images/furto_sabotaggio_incendio/Sezione_1_Parallax_Intestazione.jpg");
}

.aa-furto-cta {
  background-image: url("/demo/images/chi_siamo/Campo_fotovoltaico_dall_alto.jpg");
}

.aa-card-grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

/* Mantiene le card coerenti con le altre pagine */
.aa-product-page .aa-card {
  min-height: 100%;
}

.aa-product-page .aa-card h3 {
  font-size: 22px;
  line-height: 1.28;
  color: var(--arpi-blue);
  font-weight: 700;
}

/* Responsive tablet */
@media (max-width: 991px) {
  .aa-card-grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Responsive mobile */
@media (max-width: 767px) {

  .aa-furto-page .aa-hero {
    min-height: 330px !important;
    padding: 115px 0 55px !important;
  }

  .aa-furto-page .aa-hero h1 {
    font-size: 27px !important;
    line-height: 1.22 !important;
    letter-spacing: 0 !important;
    max-width: 92% !important;
    margin: 0 auto !important;
  }

  .aa-furto-page .aa-intro {
    padding: 38px 0 !important;
  }

  .aa-furto-page .aa-intro h2 {
    font-size: 20px !important;
    line-height: 1.38 !important;
    font-weight: 600 !important;
    max-width: 94% !important;
    margin: 0 auto !important;
  }

  .aa-card-grid-4 {
    grid-template-columns: 1fr;
  }

  .aa-furto-page .aa-content h2,
  .aa-furto-page .aa-section-heading h2 {
    font-size: 27px !important;
    line-height: 1.22 !important;
  }

  .aa-furto-page .aa-card h3 {
    font-size: 20px !important;
    line-height: 1.3 !important;
  }

  .aa-furto-page .aa-cta h2 {
    font-size: 24px !important;
    line-height: 1.25 !important;
  }

  .aa-furto-page .aa-cta p {
    font-size: 16px !important;
    line-height: 1.7 !important;
  }

  .aa-furto-page .aa-card:hover,
  .aa-furto-page .aa-check-card:hover,
  .aa-furto-page .aa-image img:hover {
    transform: none !important;
  }
}



/* ======================================================
   ARPIASSURANCE - MANCATO GUADAGNO HTML CLEAN
====================================================== */

/* ======================================================
   HERO - MANCATO GUADAGNO
====================================================== */

.aa-mancato-page .aa-mancato-hero{

    background: url("/demo/images/mancato_guadagno/Sezione_1_Parallax_Intestazione.jpg") center center / cover no-repeat !important;

}

.aa-mancato-cta {
  background-image: url("/demo/images/chi_siamo/Campo_fotovoltaico_dall_alto.jpg");
}

.aa-mancato-page .aa-card {
  min-height: 100%;
}

.aa-mancato-page .aa-card h3 {
  font-size: 22px;
  line-height: 1.28;
  color: var(--arpi-blue);
  font-weight: 700;
}

/* Tablet */
@media (max-width: 991px) {
  .aa-mancato-page .aa-card-grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile */
@media (max-width: 767px) {

  .aa-mancato-page .aa-hero {
    min-height: 330px !important;
    padding: 115px 0 55px !important;
  }

  .aa-mancato-page .aa-hero h1 {
    font-size: 27px !important;
    line-height: 1.22 !important;
    letter-spacing: 0 !important;
    max-width: 92% !important;
    margin: 0 auto !important;
  }

  .aa-mancato-page .aa-intro {
    padding: 38px 0 !important;
  }

  .aa-mancato-page .aa-intro h2 {
    font-size: 20px !important;
    line-height: 1.38 !important;
    font-weight: 600 !important;
    max-width: 94% !important;
    margin: 0 auto !important;
  }

  .aa-mancato-page .aa-card-grid-4 {
    grid-template-columns: 1fr;
  }

  .aa-mancato-page .aa-content h2,
  .aa-mancato-page .aa-section-heading h2 {
    font-size: 27px !important;
    line-height: 1.22 !important;
  }

  .aa-mancato-page .aa-card h3 {
    font-size: 20px !important;
    line-height: 1.3 !important;
  }

  .aa-mancato-page .aa-check-card {
    padding: 26px 22px;
  }

  .aa-mancato-page .aa-check-card p {
    font-size: 16px;
  }

  .aa-mancato-page .aa-cta h2 {
    font-size: 24px !important;
    line-height: 1.25 !important;
  }

  .aa-mancato-page .aa-cta p {
    font-size: 16px !important;
    line-height: 1.7 !important;
  }

  .aa-mancato-page .aa-card:hover,
  .aa-mancato-page .aa-check-card:hover,
  .aa-mancato-page .aa-image img:hover {
    transform: none !important;
  }
}



/* ======================================================
   ARPIASSURANCE - POLIZZE CATASTROFALI HTML CLEAN
====================================================== */

/* HERO */

.aa-catastrofali-page .aa-catastrofali-hero {
  background:
    url("/demo/images/polizze_catastrofali/Sezione_1_Parallax_Intestazione_.jpg")
    center center / cover no-repeat !important;
}

/* CTA */

.aa-catastrofali-page .aa-catastrofali-cta {
  background:
    url("/demo/images/chi_siamo/Campo_fotovoltaico_dall_alto.jpg")
    center center / cover no-repeat !important;
}

/* SOTTOTITOLO DEI TITOLI CENTRALI */

.aa-catastrofali-page .aa-section-heading > p {
  max-width: 780px;
  margin: 14px auto 0;
  font-size: 18px;
  line-height: 1.7;
  color: #56616b;
}

/* ELENCO COMPATTO */

.aa-inline-checks {
  display: grid;
  gap: 10px;
  margin-top: 28px;
}

.aa-inline-checks span {
  position: relative;
  display: block;
  padding: 11px 16px;
  color: var(--arpi-blue);
  font-size: 16px;
  line-height: 1.45;
  font-weight: 600;
  background: #f6f8fb;
  border-radius: 8px;
  transition:
    transform 0.3s ease,
    background-color 0.3s ease;
}

.aa-inline-checks span:hover {
  transform: translateX(6px);
  background: #eef4fa;
}

/* BOX EVIDENZA */

.aa-highlight-box {
  position: relative;
  margin-top: 28px;
  padding: 24px 26px 24px 30px;
  background: #fff;
  border: 1px solid #dfe5ec;
  border-left: 5px solid var(--arpi-orange);
  border-radius: 12px;
  box-shadow: 0 14px 35px rgba(0, 75, 147, 0.09);
}

.aa-highlight-box p {
  margin: 0;
  color: var(--arpi-blue);
  font-size: 16px;
  line-height: 1.7;
  font-weight: 600;
}

/* ESEMPIO CONCRETO */

.aa-example-box {
  max-width: 930px;
  margin: 0 auto;
  padding: 38px 42px;
  text-align: center;
  background: #fff;
  border: 1px solid #dfe5ec;
  border-radius: 18px;
  box-shadow: 0 20px 50px rgba(0, 75, 147, 0.11);
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    border-color 0.35s ease;
}

.aa-example-box:hover {
  transform: translateY(-8px);
  border-color: var(--arpi-orange);
  box-shadow: 0 30px 70px rgba(0, 75, 147, 0.18);
}

.aa-example-box p {
  max-width: 820px;
  margin: 0 auto 18px;
  font-size: 17px;
  line-height: 1.8;
}

.aa-example-box p:last-child {
  margin-bottom: 0;
}

/* NUMERAZIONE EFFETTO DOMINO */

.aa-step-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  margin-bottom: 20px;
  border-radius: 50%;
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  background: linear-gradient(
    135deg,
    var(--arpi-blue),
    var(--arpi-orange)
  );
  box-shadow: 0 12px 28px rgba(0, 75, 147, 0.2);
}

/* CARD */

.aa-catastrofali-page .aa-card {
  min-height: 100%;
}

.aa-catastrofali-page .aa-card h3 {
  color: var(--arpi-blue);
  font-size: 22px;
  line-height: 1.28;
  font-weight: 700;
}

/* ======================================================
   TABLET
====================================================== */

@media (max-width: 991px) {

  .aa-catastrofali-page .aa-card-grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }

  .aa-catastrofali-page .aa-section-heading h2 {
    font-size: 36px;
    line-height: 1.2;
  }

  .aa-example-box {
    padding: 34px 32px;
  }

}

/* ======================================================
   MOBILE
====================================================== */

@media (max-width: 767px) {

  /* HERO */

  .aa-catastrofali-page .aa-hero {
    min-height: 330px !important;
    padding: 115px 0 55px !important;
    background-attachment: scroll !important;
  }

  .aa-catastrofali-page .aa-hero h1 {
    max-width: 92% !important;
    margin: 0 auto !important;
    font-size: 27px !important;
    line-height: 1.22 !important;
    letter-spacing: 0 !important;
  }

  /* INTRO */

  .aa-catastrofali-page .aa-intro {
    padding: 38px 0 !important;
  }

  .aa-catastrofali-page .aa-intro h2 {
    max-width: 94% !important;
    margin: 0 auto !important;
    font-size: 20px !important;
    line-height: 1.38 !important;
    font-weight: 600 !important;
  }

  /* TITOLI */

  .aa-catastrofali-page .aa-content h2,
  .aa-catastrofali-page .aa-section-heading h2 {
    font-size: 27px !important;
    line-height: 1.22 !important;
  }

  .aa-catastrofali-page .aa-section-heading > p {
    font-size: 16px;
    line-height: 1.65;
  }

  /* CARD */

  .aa-catastrofali-page .aa-card-grid-4,
  .aa-catastrofali-page .aa-card-grid-3 {
    grid-template-columns: 1fr;
  }

  .aa-catastrofali-page .aa-card h3 {
    font-size: 20px !important;
    line-height: 1.3 !important;
  }

  /* CHECK */

  .aa-inline-checks {
    gap: 9px;
    margin-top: 22px;
  }

  .aa-inline-checks span {
    padding: 10px 13px;
    font-size: 15px;
  }

  /* BOX EVIDENZA */

  .aa-highlight-box {
    margin-top: 22px;
    padding: 20px 18px 20px 22px;
  }

  .aa-highlight-box p {
    font-size: 15.5px;
    line-height: 1.65;
  }

  /* ESEMPIO */

  .aa-example-box {
    padding: 27px 21px;
    border-radius: 14px;
  }

  .aa-example-box p {
    font-size: 16px;
    line-height: 1.72;
  }

  /* NUMERI */

  .aa-step-number {
    width: 46px;
    height: 46px;
    margin-bottom: 16px;
    font-size: 16px;
  }

  /* CHECK CARD */

  .aa-catastrofali-page .aa-check-card {
    padding: 26px 22px;
  }

  .aa-catastrofali-page .aa-check-card p {
    font-size: 16px;
  }

  /* CTA */

  .aa-catastrofali-page .aa-cta h2 {
    font-size: 24px !important;
    line-height: 1.25 !important;
  }

  .aa-catastrofali-page .aa-cta p {
    font-size: 16px !important;
    line-height: 1.7 !important;
  }

  /* DISATTIVA MOVIMENTI HOVER SU TOUCH */

  .aa-catastrofali-page .aa-card:hover,
  .aa-catastrofali-page .aa-image img:hover,
  .aa-catastrofali-page .aa-example-box:hover {
    transform: none !important;
  }

  .aa-inline-checks span:hover {
    transform: none;
  }

}



/* ======================================================
   ARPIASSURANCE - D&O MANAGER E AMMINISTRATORI HTML CLEAN
====================================================== */

/* HERO */

.aa-do-page .aa-do-hero {
  background:
    url("/demo/images/D&O_manager_e_amministratori/Sezione_1_Immagine_Parallax_Intestazione.jpg")
    center center / cover no-repeat !important;
}

/* CTA */

.aa-do-page .aa-do-cta {
  background:
    url("/demo/images/chi_siamo/Campo_fotovoltaico_dall_alto.jpg")
    center center / cover no-repeat !important;
}

/* SOTTOTITOLI CENTRALI */

.aa-do-page .aa-section-heading > p {
  max-width: 780px;
  margin: 14px auto 0;
  color: #56616b;
  font-size: 18px;
  line-height: 1.7;
}

/* CARD */

.aa-do-page .aa-card {
  min-height: 100%;
}

.aa-do-page .aa-card h3 {
  color: var(--arpi-blue);
  font-size: 22px;
  line-height: 1.28;
  font-weight: 700;
}

/* CHECK COMPATTI */

.aa-do-page .aa-inline-checks {
  display: grid;
  gap: 10px;
  margin-top: 28px;
}

.aa-do-page .aa-inline-checks span {
  display: block;
  padding: 11px 16px;
  color: var(--arpi-blue);
  font-size: 16px;
  line-height: 1.45;
  font-weight: 600;
  background: #f6f8fb;
  border-radius: 8px;
  transition:
    transform 0.3s ease,
    background-color 0.3s ease;
}

.aa-do-page .aa-inline-checks span:hover {
  transform: translateX(6px);
  background: #eef4fa;
}

/* BOX EVIDENZA */

.aa-do-page .aa-highlight-box {
  margin-top: 28px;
  padding: 24px 26px 24px 30px;
  background: #fff;
  border: 1px solid #dfe5ec;
  border-left: 5px solid var(--arpi-orange);
  border-radius: 12px;
  box-shadow: 0 14px 35px rgba(0, 75, 147, 0.09);
}

.aa-do-page .aa-highlight-box p {
  margin: 0;
  color: var(--arpi-blue);
  font-size: 16px;
  line-height: 1.7;
  font-weight: 600;
}

/* ESEMPIO CONCRETO */

.aa-do-page .aa-example-box {
  max-width: 930px;
  margin: 0 auto;
  padding: 38px 42px;
  text-align: center;
  background: #fff;
  border: 1px solid #dfe5ec;
  border-radius: 18px;
  box-shadow: 0 20px 50px rgba(0, 75, 147, 0.11);
  transition:
    transform 0.35s ease,
    border-color 0.35s ease,
    box-shadow 0.35s ease;
}

.aa-do-page .aa-example-box:hover {
  transform: translateY(-8px);
  border-color: var(--arpi-orange);
  box-shadow: 0 30px 70px rgba(0, 75, 147, 0.18);
}

.aa-do-page .aa-example-box p {
  max-width: 820px;
  margin: 0 auto 18px;
  font-size: 17px;
  line-height: 1.8;
}

.aa-do-page .aa-example-box p:last-child {
  margin-bottom: 0;
}

/* NUMERI DEL PERCORSO */

.aa-do-page .aa-step-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  margin-bottom: 20px;
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  border-radius: 50%;
  background: linear-gradient(
    135deg,
    var(--arpi-blue),
    var(--arpi-orange)
  );
  box-shadow: 0 12px 28px rgba(0, 75, 147, 0.2);
}

/* ======================================================
   TABLET
====================================================== */

@media (max-width: 991px) {

  .aa-do-page .aa-card-grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }

  .aa-do-page .aa-section-heading h2 {
    font-size: 36px;
    line-height: 1.2;
  }

  .aa-do-page .aa-example-box {
    padding: 34px 32px;
  }

}

/* ======================================================
   MOBILE
====================================================== */

@media (max-width: 767px) {

  /* HERO */

  .aa-do-page .aa-hero {
    min-height: 330px !important;
    padding: 115px 0 55px !important;
    background-attachment: scroll !important;
  }

  .aa-do-page .aa-hero h1 {
    max-width: 94% !important;
    margin: 0 auto !important;
    font-size: 27px !important;
    line-height: 1.22 !important;
    letter-spacing: 0 !important;
  }

  /* INTRO */

  .aa-do-page .aa-intro {
    padding: 38px 0 !important;
  }

  .aa-do-page .aa-intro h2 {
    max-width: 94% !important;
    margin: 0 auto !important;
    font-size: 20px !important;
    line-height: 1.38 !important;
    font-weight: 600 !important;
  }

  /* TITOLI */

  .aa-do-page .aa-content h2,
  .aa-do-page .aa-section-heading h2 {
    font-size: 27px !important;
    line-height: 1.22 !important;
  }

  .aa-do-page .aa-section-heading > p {
    font-size: 16px;
    line-height: 1.65;
  }

  /* CARD */

  .aa-do-page .aa-card-grid-4,
  .aa-do-page .aa-card-grid-3 {
    grid-template-columns: 1fr;
  }

  .aa-do-page .aa-card h3 {
    font-size: 20px !important;
    line-height: 1.3 !important;
  }

  /* CHECK */

  .aa-do-page .aa-inline-checks {
    gap: 9px;
    margin-top: 22px;
  }

  .aa-do-page .aa-inline-checks span {
    padding: 10px 13px;
    font-size: 15px;
  }

  /* BOX EVIDENZA */

  .aa-do-page .aa-highlight-box {
    margin-top: 22px;
    padding: 20px 18px 20px 22px;
  }

  .aa-do-page .aa-highlight-box p {
    font-size: 15.5px;
    line-height: 1.65;
  }

  /* ESEMPIO */

  .aa-do-page .aa-example-box {
    padding: 27px 21px;
    border-radius: 14px;
  }

  .aa-do-page .aa-example-box p {
    font-size: 16px;
    line-height: 1.72;
  }

  /* NUMERI */

  .aa-do-page .aa-step-number {
    width: 46px;
    height: 46px;
    margin-bottom: 16px;
    font-size: 16px;
  }

  /* CHECK CARD */

  .aa-do-page .aa-check-card {
    padding: 26px 22px;
  }

  .aa-do-page .aa-check-card p {
    font-size: 16px;
  }

  /* CTA */

  .aa-do-page .aa-cta h2 {
    font-size: 24px !important;
    line-height: 1.25 !important;
  }

  .aa-do-page .aa-cta p {
    font-size: 16px !important;
    line-height: 1.7 !important;
  }

  /* DISATTIVA MOVIMENTI HOVER SU TOUCH */

  .aa-do-page .aa-card:hover,
  .aa-do-page .aa-image img:hover,
  .aa-do-page .aa-example-box:hover {
    transform: none !important;
  }

  .aa-do-page .aa-inline-checks span:hover {
    transform: none;
  }

}