.page-hero {
      padding: calc(var(--nav-height) + var(--sp-10)) 0 var(--sp-10);
      border-bottom: 1px solid var(--border);
    }

    .contact-layout {
      display: grid;
      grid-template-columns: 1fr 1.4fr;
      gap: var(--sp-10);
      align-items: start;
    }

    .contact-card {
      background: var(--surface);
      border: 1px solid var(--border);
      border-radius: var(--radius-xl);
      padding: var(--sp-6);
    }

    .contact-method {
      display: flex;
      align-items: flex-start;
      gap: var(--sp-3);
      padding: var(--sp-4) 0;
      border-bottom: 1px solid var(--border);
    }

    .contact-method:last-child {
      border-bottom: none;
      padding-bottom: 0;
    }

    .contact-method__icon {
      width: 52px;
      height: 52px;
      border-radius: var(--radius);
      background: var(--accent-dim);
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--accent);
      font-size: 1.3rem;
      flex-shrink: 0;
    }

    .contact-method__label {
      font-size: var(--text-xs);
      font-weight: 700;
      letter-spacing: .1em;
      text-transform: uppercase;
      color: var(--text-muted);
      margin-bottom: 4px;
    }

    .contact-method__value {
      font-size: var(--text-lg);
      font-weight: 600;
      color: var(--text);
      margin-bottom: 2px;
    }

    .contact-method__note {
      font-size: var(--text-sm);
      color: var(--text-muted);
    }

    .contact-method__value a {
      color: inherit;
      transition: color var(--t-fast);
    }

    .contact-method__value a:hover {
      color: var(--accent);
    }

    .whatsapp-btn {
      display: flex;
      align-items: center;
      gap: 10px;
      background: #25D366;
      color: #fff;
      font-weight: 700;
      font-size: var(--text-base);
      padding: 14px 24px;
      border-radius: var(--radius-pill);
      margin-top: var(--sp-3);
      transition: opacity var(--t-fast), transform var(--t-fast);
      width: fit-content;
    }

    .whatsapp-btn:hover {
      opacity: 0.9;
      transform: translateY(-2px);
    }

    .form-card {
      background: var(--surface);
      border: 1px solid var(--border);
      border-radius: var(--radius-xl);
      padding: var(--sp-6);
    }

    .form-card__title {
      font-family: var(--font-display);
      font-size: var(--text-3xl);
      font-weight: 700;
      color: var(--text);
      margin-bottom: 6px;
    }

    .form-card__sub {
      font-size: var(--text-base);
      color: var(--text-muted);
      margin-bottom: var(--sp-5);
    }

    .tours-map {
      background: var(--surface-2);
      border: 1px solid var(--border);
      border-radius: var(--radius-xl);
      overflow: hidden;
      aspect-ratio: 16/7;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: var(--sp-10);
    }

    .tours-map__placeholder {
      text-align: center;
      color: var(--text-muted);
    }

    .tours-map__placeholder i {
      font-size: 3rem;
      color: var(--accent);
      opacity: 0.4;
      margin-bottom: var(--sp-2);
      display: block;
    }

    .response-badges {
      display: flex;
      gap: var(--sp-2);
      flex-wrap: wrap;
      margin-top: var(--sp-4);
    }

    .response-badge {
      display: flex;
      align-items: center;
      gap: 6px;
      background: var(--surface-2);
      border: 1px solid var(--border);
      border-radius: var(--radius-pill);
      padding: 6px 14px;
      font-size: var(--text-xs);
      font-weight: 600;
      color: var(--text-muted);
    }

    .response-badge i {
      color: var(--accent);
    }

    @media(max-width:900px) {
      .contact-layout {
        grid-template-columns: 1fr;
      }
    }