/* CSS originale del widget Elementor OMU: chi-siamo */

@font-face {
  font-family: "Bugrino";
  src: url("../fonts/Bugrino-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bugrino";
  src: url("../fonts/Bugrino-Regular.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

html, body {
  margin: 0 !important;
  padding: 0 !important;
  background: #fff;
}

* { box-sizing: border-box; }

.omu-about {
  --rust: #b95b00;
  --beige: #efd3bf;
  width: 100%;
  margin: 0;
  background: #fff;
  color: #000;
  overflow-x: hidden;
  container-type: inline-size;
  font-family: Arial, Helvetica, sans-serif;
}

.omu-about a {
  color: inherit;
  text-decoration: none;
}

/* --- MAIN SECTION (PROPORZIONI CALCOLATE DAL MOCKUP) --- */
.omu-about-main {
  padding: clamp(30px, 3.2cqw, 80px) 4cqw clamp(20px, 4cqw, 40px);
}

.omu-about-hero-grid {
  display: grid;
  grid-template-columns: .8fr 1.25fr;
  gap: 1.8cqw;
}

.omu-about-title {
  grid-column: 1 / 3;
  margin: 0 0 clamp(15px, 2cqw, 35px) 0;
  font-family: "Bugrino", Arial, sans-serif;
  /* Modificato: Ingrandito notevolmente il titolo per il rapporto monumentale */
  font-size: clamp(50px, 11.5cqw, 145px); 
  line-height: .82;
  font-weight: bold;
  letter-spacing: .01em;
  /* Modificato: Sposta il titolo più a destra staccandolo dal filo del monitor */
  margin-left: 8cqw; 
}

.omu-about-title span { color: var(--rust); }

.omu-about-copy {
  grid-column: 2; /* Mantiene il testo a destra */
  /* Modificato: Rimpiccolito il font dei paragrafi per esasperare la proporzione con il titolo */
  font-size: clamp(14px, 1.35cqw, 18px); 
  line-height: 1.6; /* Testo più serrato e geometrico */
  color: #222;
  padding-top: 10px;
}

/* --- VISION & MISSION --- */
.omu-vision-mission {
  margin-top: clamp(50px, 9cqw, 120px);
  display: grid;
  grid-template-columns: .8fr 1.25fr;
  gap: 1.8cqw;
}

.omu-vm-container {
  grid-column: 2;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3cqw;
}

.omu-vm-block {
  position: relative;
  padding-top: clamp(40px, 5cqw, 80px);
}

.omu-giant-word {
  position: absolute;
  top: 0;
  font-family: "Bugrino", Arial, sans-serif;
  font-size: clamp(55px, 8.2cqw, 140px);
  line-height: 1;
  color: var(--beige);
  opacity: .5;
  z-index: 1;
  pointer-events: none;
  white-space: nowrap;
  font-weight: bold;
}

.omu-vm-content {
  position: relative;
  z-index: 2;
  font-size: clamp(14px, 1.35cqw, 18px); /* Uniformato alla nuova proporzione */
  line-height: 1.6;
  color: #222;
}

/* --- TEAM SECTION --- */
.omu-team {
  padding: clamp(30px, 5cqw, 60px) 4cqw;
  display: grid;
  grid-template-columns: .8fr 1.25fr;
  gap: 1.8cqw;
}

.omu-team-title {
  grid-column: 1;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(24px, 2.5cqw, 36px);
  font-weight: 700;
}

.omu-team-container {
  grid-column: 2;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3cqw;
}

.omu-member img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: clamp(10px, 1.8cqw, 25px);
  background: var(--beige);
  filter: grayscale(1);
}

.omu-member p {
  margin-top: 15px;
  font-size: clamp(14px, 1.35cqw, 17px); /* Uniformato alla nuova proporzione del testo */
  line-height: 1.6;
}

/* --- CONNECT / FOOTER SECTION (FULL-BLEED CORRETTO) --- */
.omu-connect {
  padding: 0 0 clamp(30px, 4cqw, 50px) 4cqw;
  display: grid;
  grid-template-columns: .8fr 1.25fr;
  gap: 1.8cqw;
}

.omu-label {
  margin-bottom: 12px;
  font-size: clamp(16px, 2.55cqw, 24px);
  font-style: italic;
  opacity: 0.6;
}

.omu-newsletter, .omu-social a {
  background: var(--beige);
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: "Bugrino", Arial, sans-serif;
  color: #000;
  font-weight: 300;
  padding: 0 6%;
}

.omu-newsletter { 
  height: clamp(150px, 25cqw, 300px); 
  font-size: clamp(30px, 6cqw, 70px); 
  border-radius: clamp(12px, 1.7cqw, 22px);
}

.omu-social a { 
  height: clamp(55px, 8cqw, 100px); 
  margin-bottom: 10px; 
  font-size: clamp(24px, 5cqw, 50px); 
  margin-right: -4cqw;
  padding-right: calc(6% + 4cqw); 
  border-radius: clamp(12px, 1.7cqw, 22px) 0 0 clamp(12px, 1.7cqw, 22px); 
}

/* --- MOBILE OPTIMIZATION --- */
@media(max-width:767px) {
  .omu-about-main { padding-bottom: 40px; }
  
  .omu-about-hero-grid {
    grid-template-columns: 1fr;
  }
  .omu-about-title { 
    grid-column: 1; 
    font-size: 10.5cqw; /* Adattamento scala mobile */
    margin-left: 0; /* Reset allineamento su smartphone */
  }
  .omu-about-copy { 
    grid-column: 1; 
    width: 100%; 
    margin-top: 15px; 
    font-size: 16px;
  }

  .omu-vision-mission {
    grid-template-columns: 1fr;
    gap: 40px;
    margin-top: 50px;
  }
  
  .omu-vm-container {
    grid-column: 1;
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .omu-vm-block { padding-top: 40px; }
  .omu-giant-word { top: -5px; }
  .omu-vm-content { font-size: 16px; }

  .omu-team { 
    grid-template-columns: 1fr; 
    gap: 25px; 
    padding-top: 20px; 
  }
  .omu-team-title { grid-column: 1; margin-bottom: 10px; }
  .omu-team-container {
    grid-column: 1;
    grid-template-columns: 1fr;
    gap: 35px;
  }
  .omu-member p { font-size: 15px; }
  
  .omu-connect { 
    grid-template-columns: 1fr; 
    gap: 25px; 
    padding: 15px 0 40px 4cqw;
  }

  .omu-newsletter { 
    height: 180px; 
    border-radius: clamp(12px, 1.7cqw, 22px) 0 0 clamp(12px, 1.7cqw, 22px);
    padding: 0 25px;
  }
  
  .omu-social a { 
    height: 65px; 
    margin-right: 0;
    padding-right: 6%;
    border-radius: clamp(12px, 1.7cqw, 22px) 0 0 clamp(12px, 1.7cqw, 22px);
    margin-bottom: 12px;
  }
  .omu-social a:last-child { margin-bottom: 0; }
}