/* ==========================================================================
   GRUPPO CALDERARO & EDILTRAMAN - CSS CONDIVISO ELEMENTOR 4.3.6 ATOMIC V4
   Incolla in: Aspetto -> Personalizza -> CSS Aggiuntivo
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root {
  --cmc-accent: #1c1678;
  --cmc-red-accent: #e31e24;
  --cmc-gold-accent: #fff200;
  --cmc-navy: #141052;
}

body {
  font-family: 'Plus Jakarta Sans', sans-serif;
  color: #0f172a;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Outfit', sans-serif;
}

/* Distribuzione Multi-Colonna Garantita per Elementor V4 e-flexbox */
.gc-container {
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.gc-row-2col, .gc-row-3col, .gc-row-4col, .gc-row-6col, .gc-hub-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 24px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.gc-row-2col > .e-flexbox, .gc-row-2col > div {
  flex: 1 1 calc(50% - 24px) !important;
  min-width: 280px !important;
}
.gc-row-3col > .e-flexbox, .gc-row-3col > div {
  flex: 1 1 calc(33.333% - 24px) !important;
  min-width: 260px !important;
}
.gc-row-4col > .e-flexbox, .gc-row-4col > div {
  flex: 1 1 calc(25% - 24px) !important;
  min-width: 230px !important;
}
.gc-row-6col > .e-flexbox, .gc-row-6col > div {
  flex: 1 1 calc(16.666% - 20px) !important;
  min-width: 150px !important;
}

/* Card & Effetti */
.gc-card {
  background: #ffffff !important;
  border-radius: 20px !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 10px 26px -8px rgba(15, 23, 42, 0.08) !important;
  padding: 28px !important;
  box-sizing: border-box !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
}
.gc-card:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 22px 42px -12px rgba(28, 22, 120, 0.22) !important;
  border-color: #1c1678 !important;
}

.cmc-pillar-col {
  background: #ffffff !important;
  border-radius: 20px !important;
  border: 1px solid #e2e8f0 !important;
  border-top: 4px solid #e31e24 !important;
  padding: 26px !important;
  box-shadow: 0 8px 24px -8px rgba(15, 23, 42, 0.07) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.cmc-pillar-col:hover {
  transform: translateY(-6px) !important;
  border-color: #1c1678 !important;
}

.gc-glass-panel {
  background: rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255, 255, 255, 0.24) !important;
  border-radius: 20px !important;
  padding: 24px !important;
}

/* Stile Schede e-tabs Elementor 4.3.6 */
.e-tabs-menu {
  background: #1c1678 !important;
  padding: 12px 16px !important;
  border-radius: 18px 18px 0 0 !important;
  border-bottom: 4px solid #e31e24 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}
.e-tab {
  background: rgba(255,255,255,0.12) !important;
  color: #ffffff !important;
  border-radius: 12px !important;
  padding: 10px 18px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
.e-tab[aria-selected="true"], .e-tab.e-active {
  background: #e31e24 !important;
  color: #ffffff !important;
}
.e-tabs-content-area {
  background: #ffffff !important;
  border: 2px solid #cbd5e1 !important;
  border-top: none !important;
  border-radius: 0 0 18px 18px !important;
  padding: 20px !important;
}