/* ===== Layout base ===== */
.vr-cta-map{
    background:#fff;
    padding: clamp(28px, 6vw, 72px) 16px;
    color:#111;
    font-family:"Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  }
  .vrcta__container{ max-width: 1200px; margin: 0 auto; }
  
  /* Titoli e testo */
  .vrcta__title{
    margin: 0 0 12px;
    text-align:center;
    font-weight: 800;
    font-size: clamp(24px, 3.2vw, 40px);
    line-height: 1.2;
  }
  .vrcta__lead{
    text-align:center;
    font-size: clamp(16px, 1.6vw, 22px);
    margin: 0 0 32px;
  }
  .vrcta__cta{ text-align:center; margin: 0 0 24px; }
  
  /* Pulsante (se non vuoi riusare quello del tema) */
  .btn{
    display:inline-flex; align-items:center; justify-content:center;
    padding: 14px 24px;
    border-radius: 9999px;
    font-weight: 800;
    text-transform: none;
    text-decoration:none;
    border: 1px solid #000;
    box-shadow: 0 6px 18px rgba(0,0,0,.18);
  }
  .btn-primary{
    background:#f59e0b; color:#000;
  }
  .btn-primary:hover{
    background:#d97706; transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(0,0,0,.22);
  }
  
  /* Griglia mappa + contatti */
  .vrcta__grid{
    display:grid;
    grid-template-columns: 1.1fr 1fr;
    gap: clamp(18px, 4vw, 48px);
    align-items:start;
    margin-top: 70px;
  }
  
  /* Mappa */
  .map-embed{ margin:0; }
  .map-embed iframe{
    width: 100%;
    height: 360px;
    border: 0;
    display:block;
    border-radius: 10px;
    box-shadow: 0 10px 26px rgba(0,0,0,.15);
  }
  
  /* Box contatti */
  .vrcta__office-title{
    font-size: clamp(18px, 2vw, 24px);
    font-weight: 800;
    margin: 0 0 8px;
  }
  .vrcta__list{
    list-style:none;
    margin: 16px 0 40px;
    padding: 0;
  }
  .vrcta__list li{
    padding-left: 28px;       /* spazio per l’icona */
    margin-bottom: 10px;
    line-height: 1.45;
    background-repeat: no-repeat;
    background-position: left 3px;
    transition: .25s ease;
    font-family: "Segoe UI", sans-serif;
    font-size: 16px;
  }
  .vrcta__list a{
    color:#666;
    font-family: "Segoe UI", sans-serif;
    font-size: 16px;
    transition: .25s ease;
  }
  .vrcta__list a:hover{ color: var(--accent); }
  
  .vrcta__hours{
    margin: 8px 0 0;
    color:#6b6b6b;
    font-family: "Segoe UI", sans-serif;
    font-size: 16px;
  }
  
  /* Icone (come da tue note) */
  .icon-geo{
    background: url('/brands/shared/img/geo-icon.png')
                no-repeat left 3px / 18px 18px;
  }
  .icon-tel{
    background: url('/brands/shared/img/tel-icon.png')
                no-repeat left 3px / 18px 18px;
  }
  .icon-mail{
    background: url('/brands/shared/img/mail-icon.png')
                no-repeat left 3px / 18px 18px;
  }
  
  /* Responsive */
  @media (max-width: 899px){
    .vrcta__grid{ grid-template-columns: 1fr; }
    .map-embed iframe{ height: 340px; }
  }
  @media (max-width: 575px){
    .map-embed iframe{ height: 300px; }
  }