/* ============================================
   Mexican People HR — Home V2 Styles
   ============================================ */

/* --- CSS Variables --- */
:root {
  --v2-primary: #121a50;
  --v2-primary-light: #5885af;
  --v2-primary-bg-modal: rgba(88,133,175,0.15);
  --v2-body-text: #707070;
  --v2-heading: #121a50;
  --v2-white: #ffffff;
  --v2-bg-page: #fffffb;
  --v2-gray-50: #f7f7f7;
  --v2-border: #ddd;
  --v2-accent: #3e6d9c;
  --v2-shadow-card: 0px 8px 16px 0px rgba(18,26,80,0.08);
  --v2-shadow-card-lg: 0px 8px 16px 0px rgba(18,26,80,0.1);
  --v2-radius-card: 16px;
  --v2-radius-btn: 200px;
  --v2-radius-inner: 8px;
}

/* --- Base Reset for V2 --- */
.v2-page {
  font-family: 'Urbanist', sans-serif;
  color: var(--v2-body-text);
  background: var(--v2-bg-page);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
.v2-page *,
.v2-page *::before,
.v2-page *::after {
  box-sizing: border-box;
}
.v2-page img { max-width: 100%; height: auto; }
.v2-page a { text-decoration: none; transition: all .25s ease; }
.v2-page h1,.v2-page h2,.v2-page h3,.v2-page h4,.v2-page h5,.v2-page h6 {
  font-family: 'Parkinsans', sans-serif;
  color: var(--v2-heading);
  margin: 0;
}

/* --- Top Bar --- */
.v2-topbar {
  background: var(--v2-primary-bg-modal);
  color: var(--v2-body-text);
  font-family: 'Urbanist', sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 8px 0;
}
.v2-topbar a {
  color: var(--v2-accent);
  font-weight: 600;
}
.v2-topbar a:hover { opacity: .8; }
.v2-topbar-login {
  color: var(--v2-primary) !important;
  font-weight: 500;
}

/* --- Header / Nav --- */
.v2-header {
  background: rgba(255,255,255,.95);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--v2-border);
  position: sticky;
  top: 0;
  z-index: 1000;
  padding: 12px 0;
}
.v2-header .navbar-brand img { height: 40px; }
.v2-header .navbar-nav { gap: 8px; }
.v2-header .nav-link {
  font-family: 'Parkinsans', sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: var(--v2-heading);
  padding: 8px 16px !important;
  transition: color .2s;
  line-height: normal;
}
.v2-header .nav-link:hover,
.v2-header .nav-link.active { color: var(--v2-primary-light); }
.v2-btn-empleos {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 24px;
  background: var(--v2-primary);
  color: var(--v2-white) !important;
  border-radius: var(--v2-radius-btn);
  font-family: 'Parkinsans', sans-serif;
  font-weight: 500;
  font-size: 16px;
  border: none;
  transition: background .25s;
}
.v2-btn-empleos:hover { background: #1a2568; color: var(--v2-white) !important; }

/* --- Buttons V2 --- */
.v2-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 32px;
  background: var(--v2-primary);
  color: var(--v2-white) !important;
  border-radius: var(--v2-radius-btn);
  font-family: 'Parkinsans', sans-serif;
  font-weight: 600;
  font-size: 16px;
  border: 2px solid var(--v2-primary);
  transition: all .25s;
  cursor: pointer;
}
.v2-btn-primary:hover { background: #1a2568; border-color: #1a2568; }
.v2-btn-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 32px;
  background: transparent;
  color: var(--v2-primary) !important;
  border-radius: var(--v2-radius-btn);
  font-family: 'Parkinsans', sans-serif;
  font-weight: 600;
  font-size: 16px;
  border: 2px solid var(--v2-primary);
  transition: all .25s;
  cursor: pointer;
}
.v2-btn-outline:hover { background: var(--v2-primary); color: var(--v2-white) !important; }

/* --- Hero Section --- */
.v2-hero {
  position: relative;
  padding: 80px 0 60px;
  overflow: hidden;
  background: var(--v2-white);
}
.v2-hero .hero-blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  opacity: .25;
  pointer-events: none;
}
.v2-hero .hero-blob-1 {
  width: 400px; height: 400px;
  background: var(--v2-primary-light);
  top: -100px; left: -80px;
}
.v2-hero .hero-blob-2 {
  width: 350px; height: 350px;
  background: #6aa8d9;
  bottom: -60px; right: 5%;
}
.v2-hero-subtitle {
  font-family: 'Urbanist', sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: var(--v2-primary-light);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 12px;
}
.v2-hero h1 {
  font-size: 52px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 24px;
}
.v2-hero-desc {
  font-size: 18px;
  line-height: 1.7;
  color: var(--v2-body-text);
  max-width: 540px;
  margin-bottom: 32px;
}
.v2-hero-buttons { display: flex; gap: 16px; flex-wrap: wrap; }

/* --- Photo Strip / Carousel --- */
.v2-photo-strip {
  padding: 40px 0;
  overflow: hidden;
  background: var(--v2-white);
}
.v2-photo-strip .strip-track {
  display: flex;
  gap: 16px;
  animation: scrollStrip 30s linear infinite;
}
.v2-photo-strip .strip-img {
  width: 220px;
  height: 280px;
  border-radius: 120px;
  object-fit: cover;
  flex-shrink: 0;
}
@keyframes scrollStrip {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* --- Brands / Logos --- */
.v2-brands {
  padding: 80px 0;
  background: var(--v2-white);
  text-align: center;
}
.v2-brands h2 {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 16px;
}
.v2-brands h2 span {
  color: var(--v2-accent);
  text-decoration: underline;
  text-underline-offset: 6px;
}
.v2-brands-subtitle {
  font-size: 16px;
  color: var(--v2-body-text);
  max-width: 600px;
  margin: 0 auto 40px;
}
.v2-brands-track {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 48px;
  flex-wrap: wrap;
}
.v2-brands-track img {
  height: 48px;
  opacity: .5;
  filter: grayscale(1);
  transition: all .3s;
}
.v2-brands-track img:hover { opacity: 1; filter: none; }

/* --- Solutions / Tabs --- */
.v2-solutions {
  padding: 80px 0;
  background: var(--v2-gray-50);
}
.v2-section-subtitle {
  font-family: 'Urbanist', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: var(--v2-primary-light);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin-bottom: 12px;
}
.v2-section-title {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.15;
  margin-bottom: 16px;
}
.v2-section-desc {
  font-size: 16px;
  color: var(--v2-body-text);
  max-width: 680px;
  margin-bottom: 40px;
}
.v2-tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
.v2-tab-pill {
  padding: 10px 24px;
  border-radius: var(--v2-radius-btn);
  background: var(--v2-white);
  border: 1px solid var(--v2-border);
  font-family: 'Urbanist', sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: var(--v2-body-text);
  cursor: pointer;
  transition: all .25s;
}
.v2-tab-pill:hover { border-color: var(--v2-primary-light); color: var(--v2-primary); }
.v2-tab-pill.active {
  background: var(--v2-white);
  border-color: var(--v2-primary);
  color: var(--v2-primary);
  box-shadow: var(--v2-shadow-card);
}
.v2-solution-card {
  background: var(--v2-white);
  border-radius: var(--v2-radius-card);
  box-shadow: var(--v2-shadow-card);
  overflow: hidden;
}
.v2-solution-card .card-body { padding: 40px; }
.v2-solution-card h3 {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 24px;
}
.v2-check-list { list-style: none; padding: 0; margin: 0; }
.v2-check-list li {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  font-size: 16px;
  color: var(--v2-heading);
  font-weight: 500;
}
.v2-check-list li::before {
  content: '';
  display: inline-flex;
  width: 24px;
  height: 24px;
  min-width: 24px;
  background: var(--v2-primary);
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: center;
}
.v2-solution-card .card-image {
  border-radius: var(--v2-radius-inner);
  overflow: hidden;
}
.v2-solution-card .card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-height: 340px;
}

/* --- Why Choose Us / Growth Cards --- */
.v2-growth {
  padding: 80px 0;
  background: var(--v2-white);
}
.v2-growth-card {
  background: var(--v2-white);
  border-radius: var(--v2-radius-card);
  border: 1px solid var(--v2-border);
  box-shadow: var(--v2-shadow-card);
  padding: 32px;
  height: 100%;
  transition: transform .3s, box-shadow .3s;
}
.v2-growth-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--v2-shadow-card-lg);
}
.v2-growth-card h4 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 16px;
}
.v2-growth-card p {
  font-size: 15px;
  color: var(--v2-body-text);
  line-height: 1.6;
}
.v2-growth-card .card-icon {
  width: 56px;
  height: 56px;
  border-radius: 12px;
  background: var(--v2-primary-bg-modal);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.v2-growth-card .card-icon svg {
  width: 28px;
  height: 28px;
  color: var(--v2-primary);
}
.v2-profile-card {
  background: var(--v2-white);
  border-radius: 12px;
  box-shadow: var(--v2-shadow-card);
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 200px;
}
.v2-profile-card img {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  object-fit: cover;
}
.v2-profile-card .info { font-size: 13px; }
.v2-profile-card .info strong { display: block; color: var(--v2-heading); }
.v2-profile-card .info span { color: var(--v2-body-text); }

/* Step cards inside growth section */
.v2-step-card {
  background: var(--v2-gray-50);
  border-radius: 12px;
  padding: 20px;
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.v2-step-number {
  width: 36px;
  height: 36px;
  min-width: 36px;
  border-radius: 50%;
  background: var(--v2-primary);
  color: var(--v2-white);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Parkinsans', sans-serif;
  font-weight: 700;
  font-size: 14px;
}
.v2-step-card h5 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 4px;
}
.v2-step-card p {
  font-size: 14px;
  color: var(--v2-body-text);
  margin: 0;
}

/* Checklist for growth card */
.v2-mini-check { list-style: none; padding: 0; margin: 0; }
.v2-mini-check li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 0;
  font-size: 15px;
  color: var(--v2-heading);
}
.v2-mini-check li::before {
  content: '';
  width: 20px; height: 20px; min-width: 20px;
  border-radius: 50%;
  background: #e8f0f8;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235885af' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: center;
}

/* --- Testimonial --- */
.v2-testimonial {
  padding: 80px 0;
  background: var(--v2-gray-50);
}
.v2-testimonial-card {
  background: var(--v2-white);
  border-radius: var(--v2-radius-card);
  box-shadow: var(--v2-shadow-card);
  padding: 48px;
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}
.v2-testimonial-card .quote-icon {
  font-size: 48px;
  color: var(--v2-primary-light);
  margin-bottom: 16px;
  line-height: 1;
}
.v2-testimonial-card blockquote {
  font-family: 'Parkinsans', sans-serif;
  font-size: 22px;
  font-weight: 500;
  color: var(--v2-heading);
  line-height: 1.5;
  margin: 0 0 24px;
  font-style: italic;
}
.v2-testimonial-card .author {
  font-size: 15px;
  color: var(--v2-body-text);
}
.v2-testimonial-card .author strong {
  display: block;
  color: var(--v2-heading);
  font-weight: 600;
}
.v2-testimonial-tags {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 32px;
}
.v2-testimonial-tag {
  padding: 8px 20px;
  border-radius: var(--v2-radius-btn);
  background: var(--v2-white);
  border: 1px solid var(--v2-border);
  font-size: 14px;
  font-weight: 500;
  color: var(--v2-body-text);
}

/* --- Blog / Resources --- */
.v2-blog {
  padding: 80px 0;
  background: var(--v2-white);
}
.v2-blog-card {
  background: var(--v2-white);
  border-radius: var(--v2-radius-card);
  border: 1px solid var(--v2-border);
  overflow: hidden;
  transition: transform .3s, box-shadow .3s;
  height: 100%;
}
.v2-blog-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--v2-shadow-card-lg);
}
.v2-blog-card .card-thumb {
  width: 100%;
  height: 200px;
  object-fit: cover;
}
.v2-blog-card .card-body {
  padding: 24px;
}
.v2-blog-card .card-category {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--v2-primary-light);
  margin-bottom: 8px;
}
.v2-blog-card h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 8px;
  line-height: 1.4;
}
.v2-blog-card p {
  font-size: 14px;
  color: var(--v2-body-text);
  line-height: 1.6;
}
.v2-blog-card .card-link {
  font-size: 14px;
  font-weight: 600;
  color: var(--v2-primary);
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 12px;
}
.v2-blog-card .card-link:hover { color: var(--v2-primary-light); }

/* --- Coverage Section --- */
.v2-coverage {
  padding: 80px 0;
  background: var(--v2-gray-50);
  text-align: center;
}
.v2-cov-header {
  max-width: 600px;
  margin: 0 auto 40px;
}
.v2-cov-header h2 {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 12px;
}
.v2-cov-header p {
  font-size: 16px;
  color: var(--v2-body-text);
}
.v2-cov-flags {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
}
.v2-cov-pill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 24px;
  background: var(--v2-white);
  border-radius: var(--v2-radius-btn);
  box-shadow: var(--v2-shadow-card);
  font-family: 'Parkinsans', sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: var(--v2-heading);
}
.v2-cov-pill img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid rgba(0,0,0,.08);
}

/* --- Contact CTA Section --- */
.v2-contact-cta {
  padding: 80px 0;
  background: var(--v2-primary);
  text-align: center;
}
.v2-contact-cta h2 {
  color: var(--v2-white);
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 16px;
}
.v2-contact-cta .cta-desc {
  color: rgba(255,255,255,.8);
  font-size: 16px;
  max-width: 600px;
  margin: 0 auto 32px;
}
.v2-contact-cta .cta-buttons {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}
.v2-contact-cta .v2-btn-primary {
  background: var(--v2-white);
  color: var(--v2-primary) !important;
  border-color: var(--v2-white);
}
.v2-contact-cta .v2-btn-primary:hover {
  background: rgba(255,255,255,.9);
}
.v2-contact-cta .v2-btn-outline {
  border-color: var(--v2-white);
  color: var(--v2-white) !important;
}
.v2-contact-cta .v2-btn-outline:hover {
  background: rgba(255,255,255,.15);
}

/* --- Footer --- */
.v2-footer {
  background: var(--v2-primary);
  color: rgba(255,255,255,.7);
  padding: 60px 0 0;
}
.v2-footer h5 {
  color: var(--v2-white);
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 16px;
}
.v2-footer a {
  color: rgba(255,255,255,.7);
  display: block;
  padding: 4px 0;
  font-size: 15px;
}
.v2-footer a:hover { color: var(--v2-white); }
.v2-footer-logo img {
  height: 40px;
  margin-bottom: 16px;
}
.v2-footer-contact p {
  margin-bottom: 8px;
  font-size: 15px;
}
.v2-footer-contact a {
  display: inline;
  padding: 0;
}
.v2-footer-bottom {
  border-top: 1px solid rgba(255,255,255,.15);
  margin-top: 40px;
  padding: 20px 0;
  font-size: 14px;
}
.v2-footer-bottom a {
  display: inline;
  padding: 0;
  font-size: 14px;
}
.v2-footer-social {
  display: flex;
  gap: 12px;
}
.v2-footer-social a {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 50%;
  color: var(--v2-white);
  font-size: 16px;
  padding: 0;
  transition: all .25s;
}
.v2-footer-social a:hover {
  background: rgba(255,255,255,.1);
  border-color: rgba(255,255,255,.5);
}

/* Language selector (topbar) */
.v2-lang-selector {
  display: flex;
  align-items: center;
  gap: 4px;
  font-family: 'Parkinsans', sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: var(--v2-body-text);
  cursor: pointer;
}
.v2-lang-selector i:first-child {
  font-size: 18px;
}

/* --- Navbar Toggler (hamburger) --- */
.v2-header .navbar-toggler {
  border: 1px solid var(--v2-border);
  padding: 6px 10px;
  border-radius: 8px;
}
.v2-header .navbar-toggler:focus { box-shadow: none; }
.v2-header .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%23121a50' stroke-linecap='round' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/* --- Dropdown Menu --- */
.v2-header .dropdown-menu {
  border: 1px solid var(--v2-border);
  border-radius: 12px;
  padding: 8px 0;
  box-shadow: var(--v2-shadow-card-lg);
  min-width: 240px;
  margin-top: 8px;
}
.v2-header .dropdown-item {
  font-family: 'Urbanist', sans-serif;
  font-size: 15px;
  color: var(--v2-body-text);
  padding: 10px 20px;
  transition: all .2s;
}
.v2-header .dropdown-item:hover {
  background: var(--v2-gray-50);
  color: var(--v2-primary);
}
.v2-header .dropdown-toggle::after {
  margin-left: 6px;
  vertical-align: 2px;
  border-top-color: var(--v2-heading);
}

/* --- Mobile Nav (collapsed) --- */
@media (max-width: 991px) {
  .v2-header .navbar-collapse {
    background: var(--v2-white);
    border-radius: 12px;
    padding: 16px;
    margin-top: 12px;
    box-shadow: var(--v2-shadow-card-lg);
    border: 1px solid var(--v2-border);
  }
  .v2-header .navbar-nav { gap: 0; }
  .v2-header .nav-link { padding: 12px 16px !important; border-radius: 8px; }
  .v2-header .nav-link:hover { background: var(--v2-gray-50); }
  .v2-header .dropdown-menu {
    box-shadow: none;
    border: none;
    padding-left: 16px;
    margin-top: 0;
  }
  .v2-btn-empleos {
    width: 100%;
    justify-content: center;
    margin-top: 12px;
  }
}

/* --- Section spacing fine-tuning --- */
.v2-page p { margin-bottom: 0; }
.v2-page section p { margin-bottom: 0; }
.v2-footer-contact p { margin-bottom: 4px; }

/* --- Utility --- */
.v2-section-center { text-align: center; }
.v2-mb-0 { margin-bottom: 0 !important; }

/* ============================================
   Staffing — Comparison Table
   ============================================ */
.v2-comparison-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: var(--v2-radius-card);
  overflow: hidden;
  box-shadow: var(--v2-shadow-card);
  background: var(--v2-white);
}
.v2-comparison-table thead th {
  background: var(--v2-primary);
  color: var(--v2-white);
  font-family: 'Parkinsans', sans-serif;
  font-weight: 600;
  font-size: 15px;
  padding: 16px 20px;
  text-align: center;
  border: none;
}
.v2-comparison-table thead th:first-child {
  text-align: left;
}
.v2-comparison-table tbody td {
  padding: 14px 20px;
  font-size: 15px;
  color: var(--v2-body-text);
  border-bottom: 1px solid var(--v2-border);
  text-align: center;
  vertical-align: middle;
}
.v2-comparison-table tbody td:first-child {
  text-align: left;
  font-weight: 500;
  color: var(--v2-heading);
}
.v2-comparison-table tbody tr:last-child td {
  border-bottom: none;
}
.v2-comparison-table .bi-check-circle-fill {
  color: #28a745;
  font-size: 18px;
}
.v2-comparison-table .bi-x-circle-fill {
  color: #dc3545;
  font-size: 18px;
}

/* ============================================
   About / FAQ — Accordion
   ============================================ */
.v2-page .accordion-item {
  border: 1px solid var(--v2-border);
  border-radius: 12px !important;
  margin-bottom: 12px;
  overflow: hidden;
}
.v2-page .accordion-button {
  font-family: 'Parkinsans', sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: var(--v2-heading);
  background: var(--v2-white);
  box-shadow: none;
}
.v2-page .accordion-button:not(.collapsed) {
  color: var(--v2-primary);
  background: var(--v2-white);
}
.v2-page .accordion-button:focus {
  box-shadow: none;
  border-color: var(--v2-border);
}
.v2-page .accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23121a50'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.v2-page .accordion-body {
  font-size: 15px;
  color: var(--v2-body-text);
  line-height: 1.7;
}

/* ============================================
   Blog Detail — Article
   ============================================ */
.v2-article p {
  font-size: 17px !important;
  line-height: 1.8 !important;
  color: var(--v2-body-text);
  margin-bottom: 24px !important;
}
.v2-article h3 {
  font-family: 'Parkinsans', sans-serif;
  font-size: 24px;
  font-weight: 600;
  color: var(--v2-heading);
  margin: 32px 0 16px;
}
.v2-article blockquote {
  border-left: 4px solid var(--v2-primary-light);
  padding: 16px 24px;
  margin: 24px 0;
  background: var(--v2-gray-50);
  border-radius: 0 8px 8px 0;
  font-style: italic;
  color: var(--v2-heading);
}
.v2-article ul, .v2-article ol {
  margin: 16px 0 24px 24px;
  color: var(--v2-body-text);
  font-size: 16px;
  line-height: 1.8;
}

/* ============================================
   Breadcrumb
   ============================================ */
.v2-page .breadcrumb {
  background: transparent;
  padding: 0;
  margin-bottom: 12px;
}
.v2-page .breadcrumb-item a {
  color: var(--v2-primary-light);
  font-size: 14px;
}
.v2-page .breadcrumb-item a:hover {
  color: var(--v2-primary);
}
.v2-page .breadcrumb-item.active {
  color: var(--v2-body-text);
  font-size: 14px;
}
.v2-page .breadcrumb-item + .breadcrumb-item::before {
  color: var(--v2-body-text);
}

/* ============================================
   Responsive
   ============================================ */
@media (max-width: 991px) {
  .v2-hero h1 { font-size: 38px; }
  .v2-section-title { font-size: 32px; }
  .v2-testimonial-card blockquote { font-size: 18px; }
  .v2-testimonial-card { padding: 32px; }
  .v2-solution-card .card-body { padding: 24px; }
  .v2-growth-card { padding: 24px; }
  .v2-solution-card .card-image img { min-height: 260px; }
}

@media (max-width: 767px) {
  .v2-hero { padding: 48px 0 32px; }
  .v2-hero h1 { font-size: 32px; }
  .v2-hero-desc { font-size: 16px; }
  .v2-hero-buttons { flex-direction: column; }
  .v2-hero-buttons a { width: 100%; text-align: center; }
  .v2-section-title { font-size: 28px; }
  .v2-brands h2 { font-size: 26px; }
  .v2-brands-track { gap: 24px; }
  .v2-brands-track img { height: 36px; }
  .v2-photo-strip .strip-img { width: 160px; height: 200px; }
  .v2-tabs { gap: 6px; }
  .v2-tab-pill { padding: 8px 16px; font-size: 13px; }
  .v2-growth-card { padding: 20px; }
  .v2-testimonial-card { padding: 24px 16px; }
  .v2-testimonial-card blockquote { font-size: 16px; }
  .v2-blog-card .card-thumb { height: 160px; }
  .v2-footer { padding: 40px 0 0; }
  .v2-btn-primary, .v2-btn-outline { padding: 12px 24px; font-size: 14px; }
  .v2-solution-card .card-image img { min-height: 200px; }
  .v2-step-card { flex-direction: column; text-align: center; align-items: center; }
  .v2-profile-card { min-width: auto; flex: 1; }
  .v2-cov-flags { gap: 8px; }
  .v2-cov-pill { padding: 8px 16px; font-size: 14px; }
  .v2-cov-header h2 { font-size: 28px; }
  .v2-contact-cta h2 { font-size: 28px; }
  .v2-footer-bottom .d-flex {
    flex-direction: column;
    text-align: center;
    gap: 16px;
  }
  .v2-footer-social { justify-content: center; }
}

@media (max-width: 575px) {
  .v2-hero h1 { font-size: 28px; }
  .v2-topbar { font-size: 12px; }
}