/* ============================================================
   AYC Quiénes Somos — V3 pixel-perfect per PDF
   Page ID 87
   ============================================================ */

body.page-id-87 {
  --qs-navy: #15296A;
  --qs-navy-text: #1e2751;
  --qs-navy-deep: #003366;
  --qs-green: #9dc41a;
  --qs-bg-light: #F4F5F7;
}

/* ---- HERO (matches contacto pattern: bottom-aligned, big green spans) ---- */
html body.page-id-87 .elementor-element[data-id="qs-hero-sec"] {
  position: relative !important;
  min-height: 540px !important;
  background-size: cover !important;
  background-position: center center !important;
  justify-content: flex-end !important;
  padding-bottom: 60px !important;
}
html body.page-id-87 .elementor-element[data-id="qs-hero-sec"]::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.55) 100%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
body.page-id-87 [data-id="qs-hero-inner"] {
  position: relative !important;
  z-index: 2 !important;
  justify-content: flex-end !important;
  padding-bottom: 0 !important;
}
body.page-id-87 .qs-hero-headline {
  font-family: 'Futura Bold', 'Montserrat', sans-serif !important;
  font-weight: 800 !important;
  font-size: 42px !important;
  line-height: 1.1 !important;
  color: #FFFFFF !important;
  text-align: center !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}
body.page-id-87 .qs-hero-headline span {
  font-family: 'Futura Bold', 'Montserrat', sans-serif !important;
  font-weight: 800 !important;
  font-size: 42px !important;
  line-height: 1.1 !important;
  color: var(--qs-green) !important;
  display: inline !important;
  margin: 0 !important;
}
body.page-id-87 .qs-hero-legal-text {
  font-family: 'Futura Medium', 'Open Sans', sans-serif !important;
  font-size: 11px !important;
  line-height: 1.5 !important;
  font-weight: 500 !important;
  color: rgba(255,255,255,0.75) !important;
  max-width: 960px !important;
  margin: 14px auto 0 !important;
  text-align: center !important;
}
@media (max-width: 768px) {
  body.page-id-87 .qs-hero-headline { font-size: 24px !important; }
  body.page-id-87 .qs-hero-headline span { font-size: 28px !important; }
}

/* ---- INTRO 2-COL ---- */
body.page-id-87 [data-id="qs-intro-sec"] {
  background: #FFFFFF !important;
  padding: 80px 40px !important;
}
body.page-id-87 [data-id="qs-intro-inner"] {
  align-items: stretch !important;
  min-height: 540px !important;
}
/* Intro composite image (Recurso 2.png — already includes L verde + 2 photos) */
body.page-id-87 .qs-intro-composite {
  width: 100% !important;
  max-width: 580px !important;
  margin: 0 auto !important;
}
body.page-id-87 .qs-intro-composite img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}
/* Hide old img2 wrapper */
body.page-id-87 [data-id="qs-intro-img2"] { display: none !important; }
/* Right column: text1 at TOP + text2 below with controlled gap (aligned with composite photo center) */
body.page-id-87 [data-id="qs-intro-right"] {
  justify-content: flex-start !important;
  align-self: stretch !important;
}
body.page-id-87 [data-id="qs-intro-right"] > .e-con-inner {
  justify-content: flex-start !important;
  height: 100% !important;
  padding: 30px 0 0 0 !important;
  gap: 80px !important;
}
/* First paragraph: gray body with NAVY highlights (no green emphasis here) */
body.page-id-87 [data-id="qs-intro-text1"] p {
  font-family: 'Futura Medium', 'Open Sans', sans-serif !important;
  font-size: 17px !important;
  color: #6B7280 !important;
  line-height: 1.65 !important;
  font-weight: 500 !important;
  margin: 0 !important;
}
body.page-id-87 [data-id="qs-intro-text1"] p strong {
  font-family: 'Futura Bold', 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  color: var(--qs-navy) !important;
}
/* Second paragraph: ALL navy bold LARGER (brand statement) */
body.page-id-87 [data-id="qs-intro-text2"] p {
  font-family: 'Futura Bold', 'Montserrat', sans-serif !important;
  font-size: 22px !important;
  color: var(--qs-navy) !important;
  line-height: 1.45 !important;
  font-weight: 700 !important;
  margin: 0 !important;
}

/* ---- TIMELINE CAROUSEL — scroll-driven horizontal sticky pattern ---- */
body.page-id-87 [data-id="qs-tl-sec"] {
  padding: 0 !important;
  background: #FFFFFF !important;
  position: relative !important;
  display: block !important;        /* override Elementor flex for sticky to work */
  height: 400vh !important;
  min-height: 400vh !important;
  overflow: visible !important;
}
body.page-id-87 [data-id="qs-tl-html"] {
  display: block !important;
  position: static !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}
body.page-id-87 [data-id="qs-tl-html"] > .elementor-widget-container {
  padding: 0 !important;
  height: 100% !important;
}
.qs-tl-carousel {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100vh !important;
  overflow: hidden !important;
  background: var(--qs-navy) !important;
}
.qs-tl-carousel.is-pinned {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
}
.qs-tl-carousel.is-end {
  position: absolute !important;
  top: auto !important;
  bottom: 0 !important;
}
/* HORIZONTAL track — slides side by side, JS sets transform inline based on scroll */
.qs-tl-track {
  position: relative !important;
  display: flex !important;
  flex-direction: row !important;
  width: calc(8 * 100vw) !important;
  height: 100% !important;
  will-change: transform !important;
  /* NOTE: transform set inline by JS — do NOT use !important here */
}
.qs-tl-slide {
  position: relative !important;
  flex: 0 0 100vw !important;
  width: 100vw !important;
  height: 100% !important;
  display: flex !important;
  align-items: flex-end !important;
  padding: 60px 100px 100px 100px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
/* Ken Burns parallax: image slowly zooms while slide is active */
body.page-id-87 .qs-tl-slide-bg {
  position: absolute !important;
  inset: 0 !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  z-index: 0 !important;
  transform: scale(1) !important;
  transition: transform 6s ease-out !important;
  will-change: transform !important;
}
/* Per-slide background images (CSS-only — wp_kses strips inline url() styles) */
body.page-id-87 [data-index="0"] .qs-tl-slide-bg { background-image: url('/wp-content/uploads/2026/05/qs-1999.jpg') !important; }
body.page-id-87 [data-index="1"] .qs-tl-slide-bg { background-image: url('/wp-content/uploads/2026/05/qs-2005.jpg') !important; }
body.page-id-87 [data-index="2"] .qs-tl-slide-bg { background-image: url('/wp-content/uploads/2026/05/qs-2008.jpg') !important; }
body.page-id-87 [data-index="3"] .qs-tl-slide-bg { background-image: url('/wp-content/uploads/2026/05/qs-2012.jpg') !important; }
body.page-id-87 [data-index="4"] .qs-tl-slide-bg { background-image: url('/wp-content/uploads/2026/05/qs-2016.jpg') !important; }
body.page-id-87 [data-index="5"] .qs-tl-slide-bg { background-image: url('/wp-content/uploads/2026/05/qs-2021.jpg') !important; }
body.page-id-87 [data-index="6"] .qs-tl-slide-bg { background-image: url('/wp-content/uploads/2026/05/qs-2022.jpg') !important; }
body.page-id-87 [data-index="7"] .qs-tl-slide-bg { background-image: url('/wp-content/uploads/2026/05/qs-2025.jpg') !important; }

body.page-id-87 .qs-tl-slide.is-active .qs-tl-slide-bg {
  transform: scale(1.12) !important;
}
body.page-id-87 .qs-tl-slide-overlay {
  position: absolute !important;
  inset: 0 !important;
  background-image: linear-gradient(180deg, rgba(20,30,75,0.20) 0%, rgba(20,30,75,0.42) 60%, rgba(20,30,75,0.58) 100%) !important;
  background-color: transparent !important;
  z-index: 1 !important;
}
.qs-tl-block {
  position: relative !important;
  z-index: 2 !important;
  max-width: 540px !important;
  color: #FFFFFF !important;
}
.qs-tl-slide.qs-tl-left .qs-tl-block { margin: 0 auto 0 0 !important; text-align: left !important; }
.qs-tl-slide.qs-tl-center { justify-content: center !important; }
.qs-tl-slide.qs-tl-center .qs-tl-block { margin: 0 auto !important; text-align: center !important; }
.qs-tl-slide.qs-tl-right { justify-content: flex-end !important; }
.qs-tl-slide.qs-tl-right .qs-tl-block { margin: 0 0 0 auto !important; text-align: left !important; }

/* High-specificity rules to beat Elementor widget defaults */
body.page-id-87 .qs-tl-block .qs-tl-year {
  font-family: 'Futura Bold', 'Montserrat', sans-serif !important;
  font-weight: 800 !important;
  font-size: 70px !important;
  line-height: 1 !important;
  color: #FFFFFF !important;
  display: inline-block !important;
  position: relative !important;
  padding-bottom: 10px !important;
  margin-bottom: 18px !important;
  text-shadow: 0 2px 10px rgba(0,0,0,0.5) !important;
}
body.page-id-87 .qs-tl-block .qs-tl-year::after {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 100px !important;
  height: 4px !important;
  background: var(--qs-green) !important;
}
body.page-id-87 .qs-tl-slide.qs-tl-center .qs-tl-year::after {
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 70% !important;
}
body.page-id-87 .qs-tl-block h3.qs-tl-title {
  font-family: 'Futura Bold', 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  font-size: 32px !important;
  line-height: 1.25 !important;
  color: #FFFFFF !important;
  margin: 0 !important;
  text-shadow: 0 2px 10px rgba(0,0,0,0.5) !important;
}
body.page-id-87 .qs-tl-block .qs-tl-sub {
  font-family: 'Futura Medium', 'Open Sans', sans-serif !important;
  font-weight: 500 !important;
  font-size: 22px !important;
  color: rgba(255,255,255,0.95) !important;
  margin-top: 6px !important;
  text-shadow: 0 2px 8px rgba(0,0,0,0.5) !important;
}
body.page-id-87 .qs-tl-block p.qs-tl-desc,
body.page-id-87 [data-id="qs-tl-html"] .qs-tl-block p.qs-tl-desc,
body.page-id-87 .elementor-widget-text-editor .qs-tl-block p.qs-tl-desc {
  font-family: 'Futura Medium', 'Open Sans', sans-serif !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  color: rgba(255,255,255,0.95) !important;
  margin: 22px 0 0 !important;
  text-shadow: 0 2px 8px rgba(0,0,0,0.5) !important;
  max-width: 720px !important;
}
body.page-id-87 .qs-tl-slide.qs-tl-center p.qs-tl-desc { margin-left: auto !important; margin-right: auto !important; }

/* Carousel controls */
/* Hide arrows — scroll drives the carousel */
.qs-tl-nav { display: none !important; }
.qs-tl-nav-LEGACY {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,0.25) !important;
  backdrop-filter: blur(8px) !important;
  border: 2px solid rgba(255,255,255,0.55) !important;
  color: #FFFFFF !important;
  cursor: pointer !important;
  z-index: 5 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 18px !important;
  transition: background .2s, transform .2s !important;
}
.qs-tl-nav:hover { background: var(--qs-green) !important; transform: translateY(-50%) scale(1.06) !important; border-color: var(--qs-green) !important; }
.qs-tl-prev { left: 24px !important; }
.qs-tl-next { right: 24px !important; }
.qs-tl-nav i { font-family: 'Font Awesome 5 Free' !important; font-weight: 900 !important; }

.qs-tl-dots {
  position: absolute !important;
  bottom: 22px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  gap: 10px !important;
  z-index: 5 !important;
}
.qs-tl-dot {
  width: 11px !important;
  height: 11px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,0.5) !important;
  border: none !important;
  cursor: pointer !important;
  padding: 0 !important;
  transition: background .25s, transform .25s !important;
}
.qs-tl-dot.is-active { background: var(--qs-green) !important; transform: scale(1.3) !important; }
.qs-tl-dot:hover { background: #ffffff !important; }

/* ---- STATS — exact home pattern + leading/trailing dividers + counter ---- */
body.page-id-87 [data-id="qs-stats-sec"] {
  background: #FFFFFF !important;
  padding: 72px 0 !important;
}
body.page-id-87 [data-id="qs-stats-h2"] .elementor-heading-title {
  font-family: 'Futura Bold', 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  font-size: 32px !important;
  color: #003366 !important;
  text-align: center !important;
  margin: 0 0 48px 0 !important;
  line-height: 1.3 !important;
}
body.page-id-87 [data-id="qs-stats-row"],
body.page-id-87 [data-id="qs-stats-row"] > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: space-around !important;
  width: 100% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  gap: 0 !important;
  padding: 28px 20px !important;
  border-top: 1px solid #D1D5DB !important;
  border-bottom: 1px solid #D1D5DB !important;
}
/* Each stat: equal width with vertical dividers */
body.page-id-87 [data-id^="qs-stat-"] {
  flex: 1 1 0 !important;
  padding: 8px 16px !important;
  text-align: center !important;
  border-right: 1px solid #D1D5DB !important;
}
/* Leading divider before stat-1 + trailing divider after stat-5 */
body.page-id-87 [data-id="qs-stat-1"] {
  border-left: 1px solid #D1D5DB !important;
}
body.page-id-87 [data-id="qs-stat-5"] {
  border-right: 1px solid #D1D5DB !important;
}
body.page-id-87 [data-id^="qs-stat-"] .elementor-image-box-wrapper {
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}
body.page-id-87 [data-id^="qs-stat-"] .elementor-image-box-img {
  margin-bottom: 0 !important;
}
body.page-id-87 [data-id^="qs-stat-"] .elementor-image-box-img img {
  width: 62px !important;
  height: 62px !important;
  object-fit: contain !important;
}
body.page-id-87 [data-id^="qs-stat-"] .elementor-image-box-title,
body.page-id-87 [data-id^="qs-stat-"] .elementor-image-box-title span {
  font-family: 'Futura Bold', 'Montserrat', sans-serif !important;
  font-weight: 800 !important;
  font-size: 44px !important;
  color: #9dc41a !important;
  line-height: 1 !important;
  margin: 4px 0 8px !important;
  display: block !important;
}
body.page-id-87 [data-id^="qs-stat-"] .elementor-image-box-description {
  font-family: 'Futura Medium', 'Open Sans', sans-serif !important;
  font-size: 18px !important;
  color: #6B7280 !important;
  line-height: 1.6 !important;
  max-width: 160px !important;
  margin: 0 auto !important;
}
body.page-id-87 [data-id="qs-stats-foot"] p {
  font-family: 'Futura Medium', 'Open Sans', sans-serif !important;
  font-size: 16px !important;
  color: #4B5563 !important;
  line-height: 1.6 !important;
  font-weight: 500 !important;
  text-align: center !important;
  margin-top: 32px !important;
}
body.page-id-87 [data-id="qs-stats-foot"] strong {
  font-family: 'Futura Bold', 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  color: #003366 !important;
}
/* Mobile: drop side dividers, use bottom dividers */
@media (max-width: 768px) {
  body.page-id-87 [data-id^="qs-stat-"] {
    border-right: none !important;
    border-left: none !important;
    border-bottom: 1px solid #D1D5DB !important;
  }
  body.page-id-87 [data-id="qs-stat-5"] { border-bottom: none !important; }
}

/* ---- VALORES (Recurso 38 gradient bg image, compact spacing) ---- */
body.page-id-87 [data-id="qs-val-sec"] {
  background-image: url('/wp-content/uploads/2026/05/recurso-38-bg.jpg') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-color: #15296A !important;
  padding: 40px 40px 25px !important;
}
body.page-id-87 [data-id="qs-val-title"] .elementor-heading-title {
  font-family: 'Futura Bold', 'Montserrat', sans-serif !important;
  font-weight: 800 !important;
  font-size: 38px !important;
  color: #FFFFFF !important;
  line-height: 1.2 !important;
  margin: 0 0 15px !important;
  text-align: center !important;
}
body.page-id-87 [data-id="qs-val-row"] {
  width: 100% !important;
  flex-wrap: nowrap !important;
  gap: 22px !important;
  align-items: stretch !important;
}
/* Card — white, rounded, badge overlap */
body.page-id-87 [data-id="qs-val-1"],
body.page-id-87 [data-id="qs-val-2"],
body.page-id-87 [data-id="qs-val-3"],
body.page-id-87 [data-id="qs-val-4"] {
  background: #FFFFFF !important;
  border-radius: 14px !important;
  padding: 38px 20px 24px !important;
  box-shadow: 0 6px 18px rgba(0,0,0,0.18) !important;
  transition: transform .25s ease, box-shadow .25s ease !important;
  position: relative !important;
  overflow: visible !important;
  margin-top: 30px !important;
}
body.page-id-87 [data-id^="qs-val-"] [data-id$="-content"] {
  width: 100% !important;
  text-align: center !important;
  position: static !important;
}
body.page-id-87 [data-id="qs-val-1"]:hover,
body.page-id-87 [data-id="qs-val-2"]:hover,
body.page-id-87 [data-id="qs-val-3"]:hover,
body.page-id-87 [data-id="qs-val-4"]:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 26px rgba(0,0,0,0.20) !important;
}
body.page-id-87 [data-id^="qs-val-"][data-id$="-1"] .e-con-inner,
body.page-id-87 [data-id^="qs-val-"][data-id$="-2"] .e-con-inner,
body.page-id-87 [data-id^="qs-val-"][data-id$="-3"] .e-con-inner,
body.page-id-87 [data-id^="qs-val-"][data-id$="-4"] .e-con-inner {
  height: 100% !important;
}
/* GREEN ICON CIRCLE — TOP-CENTER overlapping badge */
body.page-id-87 .qs-value-icon {
  position: absolute !important;
  top: -26px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 54px !important;
  height: 54px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: var(--qs-green) !important;
  box-shadow: 0 4px 10px rgba(157,196,26,0.45) !important;
  z-index: 3 !important;
}
body.page-id-87 .qs-value-icon i {
  font-family: 'Font Awesome 6 Free', 'Font Awesome 5 Free' !important;
  font-weight: 900 !important;
  font-size: 22px !important;
  color: #FFFFFF !important;
  line-height: 1 !important;
}
/* Hide any old PNG image left in the markup — FA icon is injected via ::before fallback below if needed */
/* PNG icons (Recursos 20-23) are alpha-only — display directly, no filter */
body.page-id-87 .qs-value-icon img {
  display: block !important;
  width: 32px !important;
  height: 32px !important;
  object-fit: contain !important;
}
/* Hide any FA icon if both present */
body.page-id-87 .qs-value-icon img + i,
body.page-id-87 .qs-value-icon i + img { display: none !important; }
body.page-id-87 .qs-value-icon i { display: none !important; }
/* TITLE */
body.page-id-87 .qs-value-title {
  font-family: 'Futura Bold', 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  color: var(--qs-navy-deep) !important;
  text-align: center !important;
  margin: 0 0 10px !important;
}
/* BODY (gray, regular) */
body.page-id-87 .qs-value-body {
  font-family: 'Futura Medium', 'Open Sans', sans-serif !important;
  font-weight: 500 !important;
  font-size: 13.5px !important;
  line-height: 1.55 !important;
  color: #4B5563 !important;
  text-align: center !important;
  margin: 0 !important;
}
/* SUBTITLE (first sentence) — own line, body gray bold (matches body color) */
body.page-id-87 .qs-value-body .qs-value-emph {
  display: block !important;
  font-family: 'Futura Bold', 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  color: #4B5563 !important;
  margin: 0 0 10px !important;
}
body.page-id-87 .qs-value-body strong {
  font-family: 'Futura Bold', 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  color: var(--qs-navy-deep) !important;
  display: block !important;
  margin-top: 6px !important;
}

/* ---- FILOSOFÍA — bigger typography + icons above circles + arc with bubbles outside ---- */
body.page-id-87 [data-id="qs-philo-sec"] {
  background: var(--qs-bg-light) !important;
  padding: 70px 40px 0 !important;
}
body.page-id-87 [data-id="qs-philo-title"] .elementor-heading-title {
  font-family: 'Futura Bold', 'Montserrat', sans-serif !important;
  font-weight: 800 !important;
  font-size: 38px !important;
  color: var(--qs-navy-deep) !important;
  text-align: center !important;
  margin: 0 0 12px !important;
}
body.page-id-87 [data-id="qs-philo-sub"] .elementor-heading-title {
  font-family: 'Futura Bold', 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  font-size: 22px !important;
  color: #6B7280 !important;
  text-align: center !important;
  margin: 0 0 16px !important;
}
body.page-id-87 [data-id="qs-philo-text"] p {
  font-family: 'Futura Medium', 'Open Sans', sans-serif !important;
  font-weight: 500 !important;
  font-size: 17px !important;
  line-height: 1.6 !important;
  color: #6B7280 !important;
  text-align: center !important;
  max-width: 820px !important;
  margin: 0 auto !important;
}

.qs-philo-graphic {
  position: relative !important;
  width: 100% !important;
  max-width: 1100px !important;
  height: 580px !important;
  margin: 50px auto 0 !important;
  overflow: hidden !important;
}
/* Navy donut — moderate cut on bubble bottoms, text fully readable */
.qs-philo-arc {
  position: absolute !important;
  bottom: -100px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 820px !important;
  height: 400px !important;
  background: var(--qs-navy) !important;
  border-radius: 50% 50% 0 0 / 100% 100% 0 0 !important;
  box-shadow:
    0 0 0 5px #FFFFFF,
    0 -10px 26px rgba(21,41,106,0.22) !important;
  z-index: 5 !important;
}
.qs-philo-center {
  position: absolute !important;
  bottom: 30px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 520px !important;
  text-align: center !important;
  z-index: 8 !important;
}
.qs-philo-center-text {
  font-family: 'Futura Bold', 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  font-size: 22px !important;
  line-height: 1.4 !important;
  color: #FFFFFF !important;
}

/* ITEM: vertical stack of icon + vertical connector line + circle */
.qs-philo-item {
  position: absolute !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  z-index: 3 !important;
}
/* Icon (PNG mask technique → navy color) */
.qs-philo-item .qs-philo-icon {
  width: 44px !important;
  height: 44px !important;
  background-color: var(--qs-navy-deep) !important;
  -webkit-mask-image: var(--icon-img) !important;
          mask-image: var(--icon-img) !important;
  -webkit-mask-repeat: no-repeat !important;
          mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
          mask-position: center !important;
  -webkit-mask-size: contain !important;
          mask-size: contain !important;
  margin-bottom: 6px !important;
}
/* VERTICAL navy line between icon and circle — DOUBLE length + dot at bottom */
.qs-philo-item .qs-philo-line {
  position: relative !important;
  width: 2px !important;
  height: 52px !important;
  background: var(--qs-navy-deep) !important;
  margin: 0 !important;
}
.qs-philo-item .qs-philo-line::after {
  content: '' !important;
  position: absolute !important;
  bottom: -5px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 10px !important;
  height: 10px !important;
  background: var(--qs-navy-deep) !important;
  border-radius: 50% !important;
}
/* Circle: white bg + DOUBLE green ring (OUTER strong + INNER lighter) */
.qs-philo-item .qs-philo-circle {
  width: 200px !important;
  height: 200px !important;
  border-radius: 50% !important;
  background: #FFFFFF !important;
  border: 2px solid rgba(157,196,26,0.45) !important;
  box-shadow:
    0 0 0 4px var(--qs-green),
    0 6px 18px rgba(0,0,0,0.08) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 24px !important;
  box-sizing: border-box !important;
  margin-top: 18px !important;
}
.qs-philo-item .qs-philo-circle span {
  font-family: 'Futura Medium', 'Open Sans', sans-serif !important;
  font-weight: 500 !important;
  font-size: 18px !important;
  line-height: 1.3 !important;
  color: #6B7280 !important;
}

/* Position 5 items — arc curve, all icons fully visible, bubbles cut subtly */
.qs-philo-b1 { left: 20px !important; top: 230px !important; }
.qs-philo-b2 { left: 220px !important; top: 60px !important; }
.qs-philo-b3 { left: 50% !important; top: 10px !important; transform: translateX(-50%) !important; }
.qs-philo-b4 { right: 220px !important; top: 60px !important; }
.qs-philo-b5 { right: 20px !important; top: 230px !important; }

/* ===== PHILO ANIMATIONS (innovative orbital reveal + idle motion) ===== */
/* Donut arc: scale-up reveal from baseline */
.qs-philo-arc {
  transform-origin: 50% 100% !important;
  transform: translateX(-50%) scaleY(0) !important;
  opacity: 0 !important;
  transition: transform 1.05s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.6s ease-out !important;
}
.qs-philo-graphic.is-visible .qs-philo-arc {
  transform: translateX(-50%) scaleY(1) !important;
  opacity: 1 !important;
}

/* Center text: fade-up after arc */
.qs-philo-center {
  opacity: 0 !important;
  transform: translateX(-50%) translateY(14px) !important;
  transition: opacity 0.7s ease-out 0.55s, transform 0.7s ease-out 0.55s !important;
}
.qs-philo-graphic.is-visible .qs-philo-center {
  opacity: 1 !important;
  transform: translateX(-50%) translateY(0) !important;
}

/* Items emerge from center then settle — orbital arc effect */
.qs-philo-item {
  opacity: 0 !important;
  transform: translate(var(--qs-emerge-x, 0), 80px) scale(0.4) !important;
  transition: opacity 0.55s ease-out, transform 0.85s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}
.qs-philo-b3 {
  transform: translate(-50%, 80px) scale(0.4) !important;
}
.qs-philo-graphic.is-visible .qs-philo-item {
  opacity: 1 !important;
  transform: translate(0, 0) scale(1) !important;
}
.qs-philo-graphic.is-visible .qs-philo-b3 {
  transform: translateX(-50%) scale(1) !important;
}
/* Stagger items with delays */
.qs-philo-graphic.is-visible .qs-philo-b1 { transition-delay: 0.30s, 0.30s !important; }
.qs-philo-graphic.is-visible .qs-philo-b2 { transition-delay: 0.45s, 0.45s !important; }
.qs-philo-graphic.is-visible .qs-philo-b3 { transition-delay: 0.60s, 0.60s !important; }
.qs-philo-graphic.is-visible .qs-philo-b4 { transition-delay: 0.75s, 0.75s !important; }
.qs-philo-graphic.is-visible .qs-philo-b5 { transition-delay: 0.90s, 0.90s !important; }

/* Vertical connector line draws after item lands */
.qs-philo-item .qs-philo-line {
  transform: scaleY(0) !important;
  transform-origin: top center !important;
  transition: transform 0.5s ease-out !important;
}
.qs-philo-graphic.is-visible .qs-philo-item .qs-philo-line { transform: scaleY(1) !important; }
.qs-philo-graphic.is-visible .qs-philo-b1 .qs-philo-line { transition-delay: 0.55s !important; }
.qs-philo-graphic.is-visible .qs-philo-b2 .qs-philo-line { transition-delay: 0.70s !important; }
.qs-philo-graphic.is-visible .qs-philo-b3 .qs-philo-line { transition-delay: 0.85s !important; }
.qs-philo-graphic.is-visible .qs-philo-b4 .qs-philo-line { transition-delay: 1.00s !important; }
.qs-philo-graphic.is-visible .qs-philo-b5 .qs-philo-line { transition-delay: 1.15s !important; }

/* Idle motions: subtle floating + pulsing green ring */
@keyframes qsBubbleFloat {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-6px); }
}
@keyframes qsBubbleRingPulse {
  0%, 100% { box-shadow: 0 0 0 4px var(--qs-green), 0 6px 18px rgba(0,0,0,0.08); }
  50%      { box-shadow: 0 0 0 6px var(--qs-green), 0 8px 24px rgba(0,0,0,0.12); }
}
.qs-philo-graphic.is-visible .qs-philo-item .qs-philo-circle {
  animation: qsBubbleFloat 4.5s ease-in-out infinite, qsBubbleRingPulse 3.2s ease-in-out infinite !important;
}
.qs-philo-graphic.is-visible .qs-philo-b1 .qs-philo-circle { animation-delay: 0s, 0s !important; }
.qs-philo-graphic.is-visible .qs-philo-b2 .qs-philo-circle { animation-delay: 0.4s, 0.4s !important; }
.qs-philo-graphic.is-visible .qs-philo-b3 .qs-philo-circle { animation-delay: 0.8s, 0.8s !important; }
.qs-philo-graphic.is-visible .qs-philo-b4 .qs-philo-circle { animation-delay: 1.2s, 1.2s !important; }
.qs-philo-graphic.is-visible .qs-philo-b5 .qs-philo-circle { animation-delay: 1.6s, 1.6s !important; }

/* Icon wobble on hover (interactive accent) */
@keyframes qsIconWobble {
  0%, 100% { transform: scale(1); }
  50%      { transform: scale(1.18) rotate(-4deg); }
}
.qs-philo-item:hover .qs-philo-icon { animation: qsIconWobble 0.6s ease-in-out !important; }

/* Donut continuous gentle breathe after reveal */
@keyframes qsArcBreathe {
  0%, 100% { transform: translateX(-50%) scaleY(1); }
  50%      { transform: translateX(-50%) scaleY(1.015); }
}
.qs-philo-graphic.is-visible .qs-philo-arc {
  animation: qsArcBreathe 6s ease-in-out infinite 1.2s !important;
}

/* ---- EQUIPO ---- */
body.page-id-87 [data-id="qs-team-sec"] {
  background: #FFFFFF !important;
  padding: 60px 40px 80px !important;
}
body.page-id-87 [data-id="qs-team-title"] .elementor-heading-title {
  font-family: 'Futura Bold', 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  font-size: 32px !important;
  color: var(--qs-navy-deep) !important;
  margin: 0 !important;
}
body.page-id-87 [data-id="qs-team-sub"] .elementor-heading-title {
  font-family: 'Futura Bold', 'Montserrat', sans-serif !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  color: var(--qs-navy-deep) !important;
  margin: 0 !important;
}
body.page-id-87 [data-id="qs-team-text"] p {
  font-family: 'Futura Medium', 'Open Sans', sans-serif !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  color: #6B7280 !important;
  margin: 4px 0 0 !important;
}
body.page-id-87 [data-id="qs-team-foot"] p {
  font-family: 'Futura Medium', 'Open Sans', sans-serif !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  color: #6B7280 !important;
  margin: 24px 0 0 !important;
  line-height: 1.6 !important;
}
body.page-id-87 [data-id="qs-team-foot"] strong {
  font-family: 'Futura Bold', 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  color: var(--qs-navy-deep) !important;
}

.qs-team-carousel {
  width: 100% !important;
  margin: 24px 0 0 !important;
  position: relative !important;
}
.qs-team-viewport {
  overflow: hidden !important;
  width: 100% !important;
  max-width: 1040px !important;
  margin: 0 auto !important;
  padding: 30px 16px !important;
}
.qs-team-track {
  display: flex !important;
  align-items: center !important;
  gap: 28px !important;
  width: 100% !important;
  transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1) !important;
  will-change: transform !important;
}
.qs-team-track > .qs-team-card {
  flex: 0 0 calc((100% - 56px) / 3) !important;
  min-width: 0 !important;
}
.qs-team-card {
  position: relative !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: #fff !important;
  box-shadow: 0 10px 28px rgba(0,0,0,0.10) !important;
  aspect-ratio: 4/5 !important;
}
/* Card sized via flex-basis above */
.qs-team-card { transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.5s !important; }
/* Center card of currently visible group is featured (added by JS) */
.qs-team-card.is-featured {
  transform: scale(1.08) !important;
  box-shadow: 0 16px 40px rgba(0,0,0,0.16) !important;
  z-index: 2 !important;
}
.qs-team-photo {
  width: 100% !important;
  height: 100% !important;
  background-color: #d6dee5 !important;
  background-size: cover !important;
  background-position: center top !important;
}
.qs-team-photo--1 { background-image: url('/wp-content/uploads/2026/05/qs-team-1.jpg') !important; background-position: center top !important; }
.qs-team-photo--2 { background-image: url('/wp-content/uploads/2026/05/qs-team-2.jpg') !important; background-position: center top !important; }
.qs-team-photo--3 { background-image: url('/wp-content/uploads/2026/05/qs-team-3.jpg') !important; background-position: center top !important; }
/* Navy gradient overlay at bottom for text legibility */
.qs-team-card::after {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 55% !important;
  background: linear-gradient(180deg, rgba(0,34,68,0) 0%, rgba(0,34,68,0.35) 50%, rgba(0,34,68,0.85) 100%) !important;
  pointer-events: none !important;
}
.qs-team-info {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 22px !important;
  text-align: center !important;
  padding: 0 16px !important;
  z-index: 2 !important;
  background: transparent !important;
  border-radius: 0 !important;
  backdrop-filter: none !important;
}
.qs-team-name {
  font-family: 'Futura Bold', 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  color: #FFFFFF !important;
  text-shadow: 0 2px 6px rgba(0,0,0,0.25) !important;
  margin: 0 0 4px !important;
}
.qs-team-role {
  font-family: 'Futura Medium', 'Open Sans', sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  color: rgba(255,255,255,0.92) !important;
  text-shadow: 0 1px 4px rgba(0,0,0,0.25) !important;
}
.qs-team-dots {
  display: flex !important;
  justify-content: center !important;
  gap: 14px !important;
  margin: 32px 0 0 !important;
}
.qs-team-dot {
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  background: var(--qs-green) !important;
  border: 2px solid var(--qs-green) !important;
  cursor: pointer !important;
  transition: background .25s, transform .25s !important;
  box-sizing: border-box !important;
}
.qs-team-dot:hover { transform: scale(1.15) !important; }
.qs-team-dot.is-active {
  background: #FFFFFF !important;
  border-color: var(--qs-green) !important;
}
/* Carousel arrows */
.qs-team-arrow {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,0.95) !important;
  border: 1px solid rgba(21,41,106,0.12) !important;
  box-shadow: 0 6px 20px rgba(0,0,0,0.10) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  z-index: 5 !important;
  color: var(--qs-navy-deep) !important;
  font-size: 18px !important;
  transition: transform .25s, box-shadow .25s !important;
}
.qs-team-arrow:hover {
  transform: translateY(-50%) scale(1.08) !important;
  box-shadow: 0 8px 26px rgba(0,0,0,0.16) !important;
}
.qs-team-arrow--prev { left: -4px !important; }
.qs-team-arrow--next { right: -4px !important; }

/* ---- DIFERENCIADORES with zigzag ---- */
body.page-id-87 [data-id="qs-diff-sec"] {
  background: var(--qs-bg-light) !important;
  padding: 60px 40px 100px !important;
}
body.page-id-87 [data-id="qs-diff-title"] .elementor-heading-title {
  font-family: 'Futura Bold', 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  font-size: 32px !important;
  color: var(--qs-navy-deep) !important;
  margin: 0 !important;
}
body.page-id-87 [data-id="qs-diff-row"] {
  width: 100% !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: 32px !important;
}
/* ZIGZAG offset: items 2 and 4 sit lower */
body.page-id-87 [data-id="qs-diff-2"],
body.page-id-87 [data-id="qs-diff-4"] {
  transform: translateY(60px) !important;
}
.qs-diff-circle {
  width: 120px !important;
  height: 120px !important;
  border-radius: 50% !important;
  background: #FFFFFF !important;
  border: 6px solid var(--qs-green) !important;
  margin: 0 auto 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 14px rgba(21,41,106,0.10) !important;
  position: relative !important;
}
/* Navy partial arc on top-left */
.qs-diff-circle::before {
  content: '' !important;
  position: absolute !important;
  inset: -6px !important;
  border-radius: 50% !important;
  border: 6px solid transparent !important;
  border-top-color: var(--qs-navy-deep) !important;
  border-left-color: var(--qs-navy-deep) !important;
  transform: rotate(-30deg) !important;
  pointer-events: none !important;
}
.qs-diff-circle i {
  font-family: 'Font Awesome 5 Free' !important;
  font-weight: 900 !important;
  font-size: 38px !important;
  color: var(--qs-navy-deep) !important;
}
body.page-id-87 .qs-diff-title {
  font-family: 'Futura Bold', 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  color: var(--qs-navy-deep) !important;
  text-align: center !important;
  margin: 0 0 10px !important;
  line-height: 1.3 !important;
}
.qs-diff-body {
  font-family: 'Futura Medium', 'Open Sans', sans-serif !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: var(--qs-navy-text) !important;
  text-align: center !important;
}
.qs-diff-body ul { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.qs-diff-body ul li { margin: 0 0 4px 0 !important; }

/* ---- CTA (Recurso 36 bg image) ---- */
body.page-id-87 [data-id="qs-cta-sec"] {
  background-image: url('/wp-content/uploads/2026/05/recurso-36-bg.jpg') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-color: #15296A !important;
  padding: 70px 40px 80px !important;
}
body.page-id-87 [data-id="qs-cta-title"] .elementor-heading-title {
  font-family: 'Futura Bold', 'Montserrat', sans-serif !important;
  font-weight: 800 !important;
  font-size: 50px !important;
  color: #FFFFFF !important;
  line-height: 1.15 !important;
  text-align: center !important;
  margin: 0 !important;
}
body.page-id-87 [data-id="qs-cta-sub"] p {
  font-family: 'Futura Medium', 'Open Sans', sans-serif !important;
  font-weight: 500 !important;
  font-style: normal !important;
  font-size: 22px !important;
  line-height: 1.5 !important;
  color: rgba(255,255,255,0.85) !important;
  text-align: center !important;
  margin: 0 auto !important;
  max-width: 900px !important;
}
/* CTA button — match site pattern (servicios/contacto): 6-8px radius, comfortable padding */
body.page-id-87 [data-id="qs-cta-btn"] .elementor-button {
  background: #9dc41a !important;
  color: #FFFFFF !important;
  font-family: 'Futura Bold', 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  font-size: 22px !important;
  padding: 16px 48px !important;
  border-radius: 8px !important;
  border: none !important;
  letter-spacing: 0.2px !important;
  display: inline-flex !important;
  text-decoration: none !important;
  transition: background 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease !important;
}
body.page-id-87 [data-id="qs-cta-btn"] .elementor-button:hover {
  background: #8ab518 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 28px rgba(157,196,26,0.45) !important;
}

/* ---- SCROLL REVEAL HOOKS ---- */
body.page-id-87 .ayc-reveal,
body.page-id-87 .ayc-reveal-left,
body.page-id-87 .ayc-reveal-right { opacity: 0; transition: opacity .8s ease, transform .8s ease; }
body.page-id-87 .ayc-reveal { transform: translateY(28px); }
body.page-id-87 .ayc-reveal-left { transform: translateX(-32px); }
body.page-id-87 .ayc-reveal-right { transform: translateX(32px); }
body.page-id-87 .ayc-reveal.is-visible,
body.page-id-87 .ayc-reveal-left.is-visible,
body.page-id-87 .ayc-reveal-right.is-visible { opacity: 1; transform: none; }

/* ---- RESPONSIVE ---- */
@media (max-width: 1024px) {
  body.page-id-87 .qs-hero-headline { font-size: 28px !important; }
  body.page-id-87 [data-id="qs-intro-inner"] { flex-direction: column !important; }
  body.page-id-87 [data-id="qs-intro-left"],
  body.page-id-87 [data-id="qs-intro-right"] { width: 100% !important; }
  body.page-id-87 .qs-intro-photos { height: 380px !important; max-width: 380px !important; }

  .qs-tl-carousel { height: 500px !important; }
  .qs-tl-slide { padding: 50px 60px !important; }
  .qs-tl-year { font-size: 72px !important; }
  .qs-tl-title { font-size: 26px !important; }

  body.page-id-87 [data-id="qs-stats-row"] { flex-wrap: wrap !important; justify-content: center !important; }
  body.page-id-87 [data-id^="qs-stat-"] { flex: 1 1 30% !important; min-width: 160px !important; }

  body.page-id-87 [data-id="qs-val-row"] { flex-wrap: wrap !important; }
  body.page-id-87 [data-id^="qs-val-"][data-id$="-1"],
  body.page-id-87 [data-id^="qs-val-"][data-id$="-2"],
  body.page-id-87 [data-id^="qs-val-"][data-id$="-3"],
  body.page-id-87 [data-id^="qs-val-"][data-id$="-4"] { flex: 1 1 calc(50% - 11px) !important; }

  body.page-id-87 [data-id="qs-diff-row"] { flex-wrap: wrap !important; }
  body.page-id-87 [data-id="qs-diff-2"],
  body.page-id-87 [data-id="qs-diff-4"] { transform: none !important; }
  body.page-id-87 [data-id^="qs-diff-"]:not([data-id="qs-diff-sec"]):not([data-id="qs-diff-inner"]):not([data-id="qs-diff-title"]):not([data-id="qs-diff-row"]) { width: calc(33.33% - 22px) !important; }

  .qs-philo-graphic { height: 440px !important; }
  .qs-philo-arc { width: 100% !important; height: 240px !important; border-radius: 100% 100% 0 0 / 100% 100% 0 0 !important; }
  .qs-philo-bubble { width: 130px !important; height: 130px !important; }
  .qs-philo-bubble span { font-size: 11px !important; }
  .qs-philo-bubble i { font-size: 18px !important; }

  body.page-id-87 [data-id="qs-cta-title"] .elementor-heading-title { font-size: 28px !important; }
}
@media (max-width: 767px) {
  body.page-id-87 .qs-hero-headline { font-size: 22px !important; line-height: 1.4 !important; }
  body.page-id-87 .qs-intro-photos { height: 320px !important; max-width: 320px !important; }
  body.page-id-87 .qs-intro-photo--back,
  body.page-id-87 .qs-intro-photo--front { width: 240px !important; height: 170px !important; }

  .qs-tl-carousel { height: 480px !important; }
  .qs-tl-slide { padding: 40px 30px !important; }
  .qs-tl-block { max-width: 100% !important; }
  .qs-tl-year { font-size: 56px !important; }
  .qs-tl-title { font-size: 22px !important; }
  .qs-tl-prev { left: 8px !important; }
  .qs-tl-next { right: 8px !important; }
  .qs-tl-nav { width: 36px !important; height: 36px !important; font-size: 14px !important; }

  body.page-id-87 [data-id^="qs-stat-"] { flex: 1 1 45% !important; }
  body.page-id-87 [data-id^="qs-val-"][data-id$="-1"],
  body.page-id-87 [data-id^="qs-val-"][data-id$="-2"],
  body.page-id-87 [data-id^="qs-val-"][data-id$="-3"],
  body.page-id-87 [data-id^="qs-val-"][data-id$="-4"] { flex: 1 1 100% !important; }
  body.page-id-87 [data-id^="qs-diff-"]:not([data-id="qs-diff-sec"]):not([data-id="qs-diff-inner"]):not([data-id="qs-diff-title"]):not([data-id="qs-diff-row"]) { width: 100% !important; }

  /* Mobile: stack philosophy bubbles vertically (hide arc) */
  .qs-philo-arc { display: none !important; }
  .qs-philo-graphic { height: auto !important; padding: 20px 0 !important; }
  .qs-philo-bubble {
    position: relative !important;
    width: 100% !important;
    max-width: 320px !important;
    height: auto !important;
    min-height: 90px !important;
    border-radius: 14px !important;
    margin: 12px auto !important;
    left: auto !important; right: auto !important; top: auto !important; bottom: auto !important;
    transform: none !important;
    flex-direction: row !important;
    text-align: left !important;
    padding: 16px 18px !important;
    gap: 12px !important;
    justify-content: flex-start !important;
  }
  .qs-philo-bubble i { margin: 0 !important; flex-shrink: 0 !important; }
  .qs-philo-bubble span { font-size: 13px !important; }
  .qs-philo-center {
    position: relative !important;
    width: 100% !important;
    max-width: 320px !important;
    margin: 20px auto 0 !important;
    background: var(--qs-navy) !important;
    padding: 20px !important;
    border-radius: 14px !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
  }

  /* Removido: grid-template-columns no aplica a flex; max-width 320 rompía el carrusel.
     Mobile/tablet behavior managed in responsive.css section 8. */
  body.page-id-87 [data-id="qs-cta-title"] .elementor-heading-title { font-size: 26px !important; }
  body.page-id-87 [data-id="qs-cta-sub"] p { font-size: 16px !important; }
}