/* ----------------------------------------------
   Stile per form richiesta campionatura
---------------------------------------------- */

/* Tecnico */
.blocco-tecnico {
  display: block;
  text-align: center;
  padding: 30px 20px;
  border-radius: 12px;
  margin-bottom: 30px;
}

.blocco-tecnico h2 {
  text-align: center;
  font-size: 28px;
  margin-bottom: 30px;
}

.blocco-tecnico .testo-tecnico {
  max-width: 100%;
  text-align: center;
}

.blocco-tecnico .testo-tecnico p {
  font-size: 17px;
  line-height: 1.6;
  color: #444;
  margin: 0 auto;
}

.avatar-tecnico {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.testo-tecnico p {
    margin: 0 0 6px 0;
    font-size: 15px;
    line-height: 1.4;
}

/* Stili generali */
.form-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    background: #f8f8f8;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    margin-top: 50px;
    margin-bottom: 50px;
    padding-left: 100px;
    padding-right: 100px;
}

/* Intestazione */
.form-header { text-align: center; margin-bottom: 20px; }
.form-header h2 { font-size: 25px; margin-bottom: 20px; }
.form-header p { font-size: 18px; color: #555; line-height: 1.5; }
.form-icon { font-size: 40px; color: #333; margin-bottom: 20px; }

/* Layout */
.form-row { display: flex; justify-content: space-between; gap: 20px; margin-bottom: 15px; }
.form-column { width: 48%; }
.form-column-full { width: 100%; }

/* Campi */
input, select, textarea {
    width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 5px;
    font-size: 14px; background-color: white !important; outline: none;
}
input::placeholder, textarea::placeholder { color: #aaa; font-style: italic; }
textarea { height: 100px; resize: none; }

/* Link e privacy */
.form-column-full a { color: #0073e6; text-decoration: none; }
.form-column-full a:hover { text-decoration: underline; }

/* Pulsante */
.btn { display: flex; justify-content: center; margin-top: 20px; }
.btn button {
    background-color: #333; color: white; padding: 16px 54px; border: none; border-radius: 5px;
    font-size: 1.2rem; font-weight: bold; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease;
}
.btn button:hover { background-color: #000; transform: scale(1.1); }

/* Responsive */
@media (max-width: 600px) {
  .form-row { flex-direction: column; gap: 10px; }
  .form-column { width: 100%; }
  .form-container { padding-left: 20px; padding-right: 20px; }
}

/* ----------------------------------------------
   LABEL E PRIVACY CHECKBOX
---------------------------------------------- */
.contact-form-wrapper label{
  display:block; text-align:left; font-size:16px; font-weight:600; margin-bottom:5px; color:#333;
}
.wpcf7-acceptance{
  display:flex; justify-content:center; align-items:center; gap:10px; font-size:14px; margin-top:10px;
}
.wpcf7-acceptance input[type="checkbox"]{ width:18px; height:18px; margin:0; }
.wpcf7-acceptance label{ display:inline-block; line-height:1.5; text-align:left; }
.form-footer-note{ font-size:.9rem; color:#555; margin-top:16px; text-align:center; }

/* ----------------------------------------------
   STILE LANDING PAGE
---------------------------------------------- */

/* ==== SFONDO FULL-WIDTH NERO + RIFLESSI ACCIAIO ==== */
.campione-bg{
  position:relative; isolation:isolate; overflow:hidden;
  background:#0a0a0a;
}
/* Full-width reale dello sfondo acciaio */
.campione-bg {
  position: relative;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  overflow: hidden;
  background-color: #000; /* fallback solido */
}

/* Effetto acciaio scuro + luce argento più luminosa e visibile */
.campione-bg::before,
.campione-bg::after {
  content: "";
  position: absolute;
  inset: -30vh -25vw;
  z-index: -1;
  background:
    /* fascio bianco-grigio speculare (più ampio e brillante) */
    linear-gradient(112deg,
      rgba(255,255,255,0.95) 0%,
      rgba(255,255,255,0.70) 10%,
      rgba(235,235,235,0.30) 22%,
      rgba(180,180,180,0.10) 35%,
      rgba(0,0,0,0.00) 55%),
    /* velatura acciaio fredda più evidente */
    linear-gradient(248deg,
      rgba(220,220,220,0.25) 0%,
      rgba(120,120,120,0.10) 25%,
      rgba(0,0,0,0.00) 55%),
    /* bagliore argento principale */
    radial-gradient(65% 45% at 85% -10%,
      rgba(255,255,255,0.85) 0%,
      rgba(240,240,240,0.45) 25%,
      rgba(180,180,180,0.20) 45%,
      rgba(0,0,0,0.00) 70%),
    /* bagliore secondario opposto (più luminoso) */
    radial-gradient(55% 40% at -10% 35%,
      rgba(255,255,255,0.70) 0%,
      rgba(230,230,230,0.35) 35%,
      rgba(150,150,150,0.10) 60%),
    /* vignetta per profondità */
    radial-gradient(120% 90% at 50% 65%,
      rgba(0,0,0,0.00) 0%,
      rgba(0,0,0,0.40) 60%,
      rgba(0,0,0,0.85) 100%);
  filter: saturate(135%) brightness(1.15) contrast(115%);
  opacity: 1;
}
.campione-bg::after {
  transform: rotate(180deg);
  opacity: .6;
}

/* ==== INTRO TIPOGRAFICA CENTRATA ==== */
.page-intro{
  max-width: 1100px; margin: 40px auto 16px; padding: 0 24px; text-align:center;
}
.page-intro h1{
  color:#fff; font-weight:800; letter-spacing:.3px; font-size: clamp(28px, 3.4vw, 44px);
  margin:0 0 10px;
}
.page-intro p{
  color:#c8c8c8; font-size: clamp(16px, 1.5vw, 18px); line-height:1.6; margin:0;
}

/* ==== FORM: NON MODIFICHIAMO LA MASCHERA ORIGINALE ==== */
.form-container{ margin-top:28px; margin-bottom:28px; }
/* (restano validi i tuoi stili preesistenti) */

/* ==== SEZIONE VIDEO (9:16) IN 2 COLONNE, OVERLAY SCURO ==== */
.campione-video{
  max-width:1200px;
  margin:24px auto 40px;
}

.campione-video-inner{
  background:rgba(0,0,0,.35);
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  box-shadow:0 24px 60px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.05);
  padding:22px;
  display:grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap:24px;
  align-items:center;
}
.campione-video-copy h2{
  color:#fff; font-weight:700; font-size:clamp(20px,2.2vw,28px); margin:0 0 6px; text-align:left;
}
/* linea rossa sfumata tra titolo e paragrafo */
.campione-video-copy h2::after {
  content: "";
  display: block;
  width: 80px;
  height: 2px;
  margin: 10px 0 14px;
  border-radius: 2px;
  background: linear-gradient(
    90deg,
    rgba(0,0,0,0) 0%,
    rgba(227,6,19,0.8) 25%,
    rgba(227,6,19,1) 50%,
    rgba(227,6,19,0.8) 75%,
    rgba(0,0,0,0) 100%
  );
  box-shadow: 0 0 12px rgba(227,6,19,0.6);
}

.campione-video-copy p{
  color:#bdbdbd; margin:0; text-align:left;
}

/* wrapper portrait 9:16 – ridotto del 50% rispetto al precedente */
.video-portrait{ position:relative; width:100%; max-width:280px; margin-left:auto; }
.video-portrait::before{ content:""; display:block; padding-top:177.777%; } /* 9:16 */
.video-portrait iframe{
  position:absolute; inset:0; width:100%; height:100%;
  border:1px solid rgba(255,255,255,0.12); border-radius:14px;
  box-shadow:0 26px 70px rgba(0,0,0,.6); background:#000;
}

/* ==== RESPONSIVE ==== */
@media (max-width: 900px){
  .campione-video-inner{ grid-template-columns:1fr; text-align:center; }
  .campione-video-copy h2, .campione-video-copy p{ text-align:center; }
  .video-portrait{ margin:12px auto 0; }
  .campione-video-copy h2::after {
    margin-left: auto;
    margin-right: auto;
  }
}