/* ── HERO ─────────────────────────────────────────── */
    .hero { position: relative; height: 380px; overflow: hidden; }
    .hero-bg { position: absolute; inset: 0; }
    .hero-bg img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
    .hero-overlay {
      position: absolute; inset: 0;
      background: linear-gradient(to right, rgba(24,24,27,0.88) 0%, rgba(24,24,27,0.6) 55%, rgba(0,0,0,0) 100%);
    }
    .hero-content {
      position: relative; z-index: 1;
      max-width: 1280px; margin: 0 auto; padding: 0 32px; height: 100%;
      display: flex; align-items: center;
    }
    .hero-text { max-width: 560px; }
    .hero-eyebrow { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
    .hero-eyebrow-line { width: 32px; height: 1px; background: #fff; flex-shrink: 0; }
    .hero-eyebrow span { font-size: 12px; font-weight: 600; color: #fff; letter-spacing: 1.2px; text-transform: uppercase; }
    .hero-title { font-size: 46px; font-weight: 800; color: #fff; line-height: 1.13; letter-spacing: -1.2px; }

    /* ── CONTACT SECTION ──────────────────────────────── */
    .contact-section { background: #fff; padding: 80px 0; }
    .contact-inner {
      max-width: 1280px; margin: 0 auto; padding: 0 32px;
      display: grid; grid-template-columns: 1fr 2fr; gap: 48px; align-items: start;
    }

    /* ── CONTACT INFO (left col) ──────────────────────── */
    .contact-info-title {
      font-size: 24px; font-weight: 800; color: #18181b;
      letter-spacing: -0.4px; margin-bottom: 28px;
    }
    .contact-item {
      display: flex; align-items: flex-start; gap: 16px; margin-bottom: 24px;
    }
    .contact-icon {
      width: 40px; height: 40px; border-radius: 14px;
      background: #f5f3ff; display: flex; align-items: center; justify-content: center;
      font-size: 18px; flex-shrink: 0;
    }
    .contact-item-label {
      font-size: 11px; font-weight: 600; color: #a1a1aa;
      letter-spacing: 0.3px; text-transform: uppercase; display: block; margin-bottom: 2px;
    }
    .contact-item-value {
      font-size: 14px; font-weight: 500; color: #18181b; line-height: 1.5;
    }
    .jobs-card {
      background: #f5f3ff; border: 1px solid #ddd6fe; border-radius: 16px;
      padding: 21px; margin-top: 32px;
    }
    .jobs-card-title { font-size: 14px; font-weight: 700; color: #18181b; margin-bottom: 4px; }
    .jobs-card-sub { font-size: 13px; font-weight: 400; color: #71717a; margin-bottom: 16px; }
    .jobs-btn {
      display: block; width: 100%;
      background: #0077b5; color: #fff; border-radius: 10px;
      padding: 10px 16px;
      font-size: 13px; font-weight: 600; text-align: left;
    }

    /* ── CONTACT FORM (right col) ─────────────────────── */
    .form-card {
      background: #fafafa; border: 1px solid #e4e4e7; border-radius: 20px; padding: 33px;
    }
    .form-title { font-size: 22px; font-weight: 800; color: #18181b; margin-bottom: 24px; }
    .form-grid {
      display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 0;
    }
    .form-field { display: flex; flex-direction: column; }
    .form-field.full { grid-column: 1 / -1; }
    .form-label {
      font-size: 13px; font-weight: 600; color: #18181b; margin-bottom: 6px;
    }
    .form-input, .form-textarea {
      background: #fff; border: 1px solid #e4e4e7; border-radius: 12px;
      padding: 13px 17px;
      font-size: 14px; font-weight: 400; color: #18181b;
      font-family: 'Manrope', sans-serif;
      outline: none; width: 100%;
    }
    .form-input::placeholder, .form-textarea::placeholder { color: #a1a1aa; }
    .form-input:focus, .form-textarea:focus { border-color: #8a1175; }
    .form-textarea { resize: vertical; min-height: 131px; }
    .form-spacer { margin-top: 16px; }
    .form-submit {
      display: block; width: 100%; margin-top: 0;
      background: #8a1175; color: #fff; border: none; border-radius: 14px;
      padding: 16px; font-size: 16px; font-weight: 700; text-align: center;
      cursor: pointer; font-family: 'Manrope', sans-serif;
    }

    /* ── OFICINA SECTION ──────────────────────────────── */
    .oficina-section { background: #fff; padding: 80px 0; }
    .oficina-inner { max-width: 1280px; margin: 0 auto; padding: 0 32px; }
    .section-header { text-align: center; margin-bottom: 40px; }
    .section-pill {
      display: inline-flex; align-items: center; gap: 8px;
      background: #f5f3ff; border: 1px solid #ddd6fe;
      border-radius: 9999px; padding: 7px 13px; margin-bottom: 12px;
    }
    .section-pill-dot { width: 6px; height: 6px; border-radius: 50%; background: #8a1175; flex-shrink: 0; }
    .section-pill span { font-size: 11px; font-weight: 600; color: #8a1175; letter-spacing: 0.3px; text-transform: uppercase; }
    .section-title { font-size: 36px; font-weight: 800; color: #18181b; letter-spacing: -0.8px; }
    .oficina-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
    .oficina-card {
      background: #f4f4f5; border: 1px solid #e4e4e7; border-radius: 20px;
      height: 300px; display: flex; align-items: center; justify-content: center;
    }
    .oficina-card-inner { text-align: center; padding: 32px; }
    .oficina-pin { font-size: 48px; margin-bottom: 16px; }
    .oficina-address { font-size: 15px; font-weight: 600; color: #18181b; margin-bottom: 4px; }
    .oficina-city { font-size: 13px; font-weight: 400; color: #71717a; margin-bottom: 16px; }
    .oficina-link { font-size: 13px; font-weight: 600; color: #8a1175; }
    .oficina-photo { border-radius: 20px; overflow: hidden; height: 300px; }
    .oficina-photo img { width: 100%; height: 100%; object-fit: cover; }

    /* ── FAQ ──────────────────────────────────────────── */
    .faq-section { background: #f5f3ff; padding: 80px 0; }
    .faq-inner { max-width: 800px; margin: 0 auto; padding: 0 32px; }
    .faq-list { display: flex; flex-direction: column; gap: 12px; margin-top: 40px; }
    .faq-item {
      background: #fff; border: 1px solid #e4e4e7; border-radius: 16px; overflow: hidden;
    }
    .faq-question {
      display: flex; align-items: center; justify-content: space-between;
      padding: 20px; cursor: pointer; width: 100%;
      background: none; border: none; text-align: left;
      font-family: 'Manrope', sans-serif;
    }
    .faq-question-text { font-size: 15px; font-weight: 600; color: #18181b; padding-right: 16px; }
    .faq-chevron { flex-shrink: 0; transition: transform 0.2s; }
    .faq-answer {
      display: none;
      padding: 0 20px 20px; font-size: 14px; font-weight: 400; color: #52525b; line-height: 1.6;
    }
    .faq-item.open .faq-answer { display: block; }
    .faq-item.open .faq-chevron { transform: rotate(180deg); }

    /* ── QUOTE ────────────────────────────────────────── */
    .quote-section { background: #231340; padding: 80px 0; }
    .quote-inner { max-width: 1280px; margin: 0 auto; padding: 0 32px; text-align: center; }
    .quote-text { font-size: 56px; font-weight: 800; color: #fff; line-height: 1.04; letter-spacing: -0.8px; }