.elementor-8545 .elementor-element.elementor-element-f637311{width:100%;max-width:100%;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-f637311 *//* =========================================================
DUARTE ANALÍTICA · NOSOTROS Y EXPERIENCIA
AGREGAR AL FINAL DEL CSS GLOBAL EXISTENTE
========================================================= */

#da-about-page {
  --da-about-blue: #023859;
  --da-about-blue-2: #07577f;
  --da-about-blue-dark: #011d30;
  --da-about-blue-deep: #00131f;
  --da-about-red: #8c0404;
  --da-about-red-2: #b20b0b;
  --da-about-gold: #f7dc2b;
  --da-about-orange: #e8981d;
  --da-about-black: #0d0d0d;
  --da-about-white: #ffffff;
  --da-about-soft: #f3f6f8;
  --da-about-muted: #667985;
  --da-about-line: rgba(2,56,89,.13);
  --da-about-shadow: 0 24px 70px rgba(1,29,48,.13);
  --da-about-shadow-dark: 0 30px 80px rgba(0,0,0,.34);
  --da-about-radius-sm: 14px;
  --da-about-radius-md: 24px;
  --da-about-radius-lg: 36px;
  --da-about-container: 1240px;
  position: relative !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  color: var(--da-about-black);
  background: #fff;
  font-family: "Montserrat", "Segoe UI", Arial, sans-serif;
  overflow: clip;
}

@supports .elementor-8545 .elementor-element.elementor-element-f637311(.e-con:has(#da-about-page)) {
  body .elementor .e-con:has(#da-about-page),
  body .elementor .e-con-inner:has(#da-about-page),
  body .elementor .elementor-widget-html:has(#da-about-page),
  body .elementor .elementor-widget-html:has(#da-about-page) > .elementor-widget-container {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: visible !important;
  }
  body .elementor .e-con:has(#da-about-page) {
    --container-max-width: 100%;
    --content-width: 100%;
  }
}

#da-about-page *, #da-about-page *::before, #da-about-page *::after { box-sizing: border-box; }
#da-about-page img { display: block; max-width: 100%; }
#da-about-page a { color: inherit; text-decoration: none; }
#da-about-page button { font: inherit; cursor: pointer; }
#da-about-page [id] { scroll-margin-top: 92px; }
#da-about-page .da-about-svg-library { position: absolute; width: 0; height: 0; overflow: hidden; }
#da-about-page .da-about-container { width: min(calc(100% - 42px), var(--da-about-container)); margin-inline: auto; }
#da-about-page .da-about-section { position: relative; padding: 108px 0; }
#da-about-page .da-about-section--soft { background: var(--da-about-soft); }

#da-about-page .da-about-kicker {
  display: inline-flex; align-items: center; gap: 10px; margin: 0 0 16px;
  color: var(--da-about-red); font-size: 12px; font-weight: 900; letter-spacing: .15em; text-transform: uppercase;
}
#da-about-page .da-about-kicker::before { content: ""; width: 34px; height: 3px; border-radius: 99px; background: linear-gradient(90deg,var(--da-about-red),var(--da-about-orange)); }
#da-about-page .da-about-heading { display: flex; align-items: end; justify-content: space-between; gap: 46px; margin-bottom: 54px; }
#da-about-page .da-about-heading > div { max-width: 790px; }
#da-about-page .da-about-heading h2,
#da-about-page .da-about-intro-copy h2,
#da-about-page .da-about-social-copy h2,
#da-about-page .da-about-final h2,
#da-about-page .da-about-trust-heading h2 {
  margin: 14px 0 0; color: var(--da-about-blue-dark); font-size: clamp(35px,4.8vw,62px); line-height: 1.04; letter-spacing: -.05em; font-weight: 900; text-wrap: balance;
}
#da-about-page .da-about-heading > p { max-width: 470px; margin: 0; color: var(--da-about-muted); font-size: 17px; line-height: 1.75; }
#da-about-page .da-about-heading--light h2 { color: #fff; }
#da-about-page .da-about-heading--light > p { color: rgba(255,255,255,.74); }
#da-about-page .da-about-heading--light .da-about-kicker,
#da-about-page .da-about-final .da-about-kicker { color: var(--da-about-gold); }
#da-about-page .da-about-heading--light .da-about-kicker::before,
#da-about-page .da-about-final .da-about-kicker::before { background: linear-gradient(90deg,var(--da-about-gold),var(--da-about-orange)); }

/* Botones */
#da-about-page .da-about-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 14px 23px; border: 1px solid transparent; border-radius: 999px; font-size: 13px; line-height: 1; font-weight: 850; transition: .25s ease; }
#da-about-page .da-about-btn svg { width: 18px; height: 18px; }
#da-about-page .da-about-btn:hover { transform: translateY(-3px); }
#da-about-page .da-about-btn--red { color: #fff; background: linear-gradient(135deg,var(--da-about-red),var(--da-about-red-2)); box-shadow: 0 16px 38px rgba(140,4,4,.32); }
#da-about-page .da-about-btn--glass { color: #fff; border-color: rgba(255,255,255,.28); background: rgba(255,255,255,.08); backdrop-filter: blur(14px); }
#da-about-page .da-about-btn--white { color: var(--da-about-blue-dark); background: #fff; box-shadow: 0 16px 35px rgba(0,0,0,.16); }

/* Hero */
#da-about-page .da-about-hero { position: relative; isolation: isolate; display: grid; align-items: center; min-height: 690px; color: #fff; overflow: hidden; background: radial-gradient(circle at 78% 24%,rgba(8,119,171,.7),transparent 34%),radial-gradient(circle at 4% 90%,rgba(140,4,4,.36),transparent 31%),linear-gradient(135deg,var(--da-about-blue-deep),var(--da-about-blue-dark) 58%,#06486b); }
#da-about-page .da-about-hero__mesh { position: absolute; inset: 0; z-index: -2; opacity: .18; background-image: linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size: 58px 58px; mask-image: linear-gradient(90deg,#000 0 65%,transparent 100%); }
#da-about-page .da-about-hero::after { content: ""; position: absolute; right: -170px; bottom: -290px; z-index: -1; width: 660px; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle,rgba(247,220,43,.19),transparent 68%); filter: blur(10px); }
#da-about-page .da-about-hero__grid { display: grid; grid-template-columns: minmax(0,.95fr) minmax(470px,1.05fr); gap: 70px; align-items: center; padding: 88px 0 78px; }
#da-about-page .da-about-eyebrow { display: inline-flex; align-items: center; gap: 10px; padding: 9px 14px; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; background: rgba(255,255,255,.07); color: rgba(255,255,255,.85); font-size: 11px; font-weight: 850; letter-spacing: .13em; }
#da-about-page .da-about-eyebrow i { width: 8px; height: 8px; border-radius: 50%; background: var(--da-about-gold); box-shadow: 0 0 0 6px rgba(247,220,43,.11); }
#da-about-page .da-about-hero h1 { margin: 22px 0 0; color: #fff; font-size: clamp(48px,6vw,80px); line-height: .98; letter-spacing: -.065em; font-weight: 900; text-wrap: balance; }
#da-about-page .da-about-hero h1 strong { color: var(--da-about-gold); }
#da-about-page .da-about-hero__content > p { max-width: 700px; margin: 26px 0 0; color: rgba(255,255,255,.78); font-size: clamp(17px,1.6vw,20px); line-height: 1.72; }
#da-about-page .da-about-hero__actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 32px; }
#da-about-page .da-about-hero__proof { display: flex; flex-wrap: wrap; gap: 17px 27px; margin-top: 30px; }
#da-about-page .da-about-hero__proof span { display: inline-flex; align-items: center; gap: 8px; color: rgba(255,255,255,.68); font-size: 11px; font-weight: 750; }
#da-about-page .da-about-hero__proof b { color: var(--da-about-gold); }
#da-about-page .da-about-hero-visual { position: relative; min-height: 510px; }
#da-about-page .da-about-hero-visual figure { position: absolute; margin: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.24); box-shadow: var(--da-about-shadow-dark); }
#da-about-page .da-about-hero-visual figure::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top,rgba(0,19,31,.44),transparent 55%); }
#da-about-page .da-about-hero-visual img { width: 100%; height: 100%; object-fit: cover; }
#da-about-page .da-about-hero-visual__main { inset: 32px 20px 35px 86px; border-radius: 34px; transform: rotateZ(1deg); }
#da-about-page .da-about-hero-visual__team { width: 43%; height: 34%; left: 0; top: 0; border-radius: 24px; transform: rotateZ(-3deg); }
#da-about-page .da-about-hero-visual__learning { width: 42%; height: 31%; right: 0; bottom: 0; border-radius: 24px; transform: rotateZ(3deg); }
#da-about-page .da-about-float-card { position: absolute; z-index: 5; padding: 16px 19px; border: 1px solid rgba(255,255,255,.2); border-radius: 18px; color: #fff; background: rgba(1,29,48,.88); box-shadow: 0 18px 48px rgba(0,0,0,.28); backdrop-filter: blur(16px); }
#da-about-page .da-about-float-card--years { left: 10%; bottom: 12%; max-width: 210px; }
#da-about-page .da-about-float-card--years span { display: block; color: var(--da-about-gold); font-size: 30px; font-weight: 900; }
#da-about-page .da-about-float-card--years strong { display: block; margin-top: 3px; font-size: 11px; line-height: 1.4; }
#da-about-page .da-about-float-card--impact { right: 2%; top: 15%; display: flex; align-items: center; gap: 12px; }
#da-about-page .da-about-float-card--impact svg { width: 34px; height: 34px; color: var(--da-about-gold); }
#da-about-page .da-about-float-card--impact strong { display: block; font-size: 12px; }
#da-about-page .da-about-float-card--impact span { display: block; margin-top: 3px; color: rgba(255,255,255,.64); font-size: 9px; }

/* Subnav */
#da-about-page .da-about-subnav { position: sticky; top: 0; z-index: 50; border-bottom: 1px solid var(--da-about-line); background: rgba(255,255,255,.94); backdrop-filter: blur(18px); }
#da-about-page .da-about-subnav__track { display: flex; align-items: center; gap: 2px; overflow-x: auto; scrollbar-width: none; }
#da-about-page .da-about-subnav__track::-webkit-scrollbar { display: none; }
#da-about-page .da-about-subnav a { flex: 0 0 auto; padding: 20px 14px; border-bottom: 3px solid transparent; color: #596d78; font-size: 11px; font-weight: 850; transition: .2s ease; }
#da-about-page .da-about-subnav a:hover, #da-about-page .da-about-subnav a.is-active { color: var(--da-about-red); border-bottom-color: var(--da-about-red); }

/* Intro */
#da-about-page .da-about-intro-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 74px; align-items: center; }
#da-about-page .da-about-intro-copy > p { margin: 22px 0 0; color: var(--da-about-muted); font-size: 17px; line-height: 1.8; }
#da-about-page .da-about-intro-points { display: grid; gap: 13px; margin-top: 30px; }
#da-about-page .da-about-intro-points span { display: flex; gap: 11px; align-items: flex-start; color: var(--da-about-blue-dark); font-size: 13px; font-weight: 700; }
#da-about-page .da-about-intro-points svg { flex: 0 0 auto; width: 20px; height: 20px; color: var(--da-about-red); }
#da-about-page .da-about-purpose-card { position: relative; display: flex; flex-direction: column; min-height: 450px; padding: 42px; overflow: hidden; border-radius: 34px; color: #fff; background: radial-gradient(circle at 90% 10%,rgba(247,220,43,.18),transparent 32%),linear-gradient(145deg,var(--da-about-blue-deep),var(--da-about-blue)); box-shadow: var(--da-about-shadow-dark); }
#da-about-page .da-about-purpose-card::after { content: ""; position: absolute; right: -90px; bottom: -90px; width: 260px; height: 260px; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; box-shadow: 0 0 0 38px rgba(255,255,255,.04),0 0 0 76px rgba(255,255,255,.025); pointer-events: none; }
#da-about-page .da-about-purpose-card__icon { position: relative; z-index: 2; display: grid; place-items: center; width: 64px; height: 64px; border-radius: 20px; color: var(--da-about-gold); background: rgba(255,255,255,.09); }
#da-about-page .da-about-purpose-card__icon svg { width: 34px; height: 34px; }
#da-about-page .da-about-purpose-card > span { position: relative; z-index: 2; display: block; margin-top: 28px; color: var(--da-about-gold); font-size: 10px; font-weight: 900; letter-spacing: .15em; }
#da-about-page .da-about-purpose-card h3 { position: relative; z-index: 2; margin: 13px 0 0; color: #fff; font-size: clamp(27px,3vw,40px); line-height: 1.1; letter-spacing: -.035em; }
#da-about-page .da-about-purpose-card > p { position: relative; z-index: 2; max-width: 94%; margin: 20px 0 0; color: rgba(255,255,255,.82); font-size: 15px; line-height: 1.75; }
#da-about-page .da-about-purpose-card__coverage { position: relative; z-index: 2; margin-top: auto; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.17); }
#da-about-page .da-about-purpose-card__coverage-label { display: block; margin-bottom: 10px; color: var(--da-about-gold); font-size: 9px; font-weight: 900; letter-spacing: .15em; }
#da-about-page .da-about-purpose-card__coverage-content { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; }
#da-about-page .da-about-purpose-card__coverage-content strong { display: block; color: #fff; font-size: 16px; line-height: 1.25; }
#da-about-page .da-about-purpose-card__coverage-content span { display: block; max-width: 180px; color: rgba(255,255,255,.68); font-size: 11px; line-height: 1.45; text-align: right; }

/* Timeline */
#da-about-page .da-about-timeline { position: relative; max-width: 1050px; margin-inline: auto; }
#da-about-page .da-about-timeline::before { content: ""; position: absolute; left: 146px; top: 14px; bottom: 14px; width: 2px; background: linear-gradient(var(--da-about-red),var(--da-about-blue)); }
#da-about-page .da-about-timeline-item { display: grid; grid-template-columns: 112px 68px 1fr; align-items: center; margin-bottom: 22px; }
#da-about-page .da-about-timeline-year { color: var(--da-about-blue); font-size: 27px; font-weight: 900; text-align: right; }
#da-about-page .da-about-timeline-dot { position: relative; z-index: 2; justify-self: center; width: 18px; height: 18px; border: 5px solid #fff; border-radius: 50%; background: var(--da-about-red); box-shadow: 0 0 0 3px rgba(140,4,4,.17); }
#da-about-page .da-about-timeline-card { padding: 24px 28px; border: 1px solid var(--da-about-line); border-radius: 20px; background: #fff; transition: .25s ease; }
#da-about-page .da-about-timeline-card:hover { transform: translateX(6px); box-shadow: var(--da-about-shadow); }
#da-about-page .da-about-timeline-card h3 { margin: 0; color: var(--da-about-blue-dark); font-size: 18px; }
#da-about-page .da-about-timeline-card p { margin: 8px 0 0; color: var(--da-about-muted); font-size: 13px; line-height: 1.7; }

/* Values */
#da-about-page .da-about-values-section { color: #fff; background: radial-gradient(circle at 87% 15%,rgba(247,220,43,.12),transparent 29%),radial-gradient(circle at 5% 90%,rgba(140,4,4,.3),transparent 32%),linear-gradient(135deg,var(--da-about-blue-deep),var(--da-about-blue)); }
#da-about-page .da-about-mv-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
#da-about-page .da-about-mv-card { min-height: 290px; padding: 36px; border: 1px solid rgba(255,255,255,.16); border-radius: 28px; background: rgba(255,255,255,.07); backdrop-filter: blur(15px); }
#da-about-page .da-about-mv-card > span { color: var(--da-about-gold); font-size: 10px; font-weight: 900; letter-spacing: .16em; }
#da-about-page .da-about-mv-card h3 { margin: 15px 0 0; color: #fff; font-size: 28px; line-height: 1.18; letter-spacing: -.035em; }
#da-about-page .da-about-mv-card p { margin: 18px 0 0; color: rgba(255,255,255,.7); font-size: 14px; line-height: 1.75; }
#da-about-page .da-about-values-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; margin-top: 20px; }
#da-about-page .da-about-value-card { min-height: 260px; padding: 28px; border: 1px solid rgba(255,255,255,.14); border-radius: 23px; background: rgba(255,255,255,.055); transition: .3s ease; }
#da-about-page .da-about-value-card:hover { transform: translateY(-7px); background: rgba(255,255,255,.1); }
#da-about-page .da-about-value-card svg { width: 42px; height: 42px; color: var(--da-about-gold); }
#da-about-page .da-about-value-card h3 { margin: 28px 0 10px; color: #fff; font-size: 18px; }
#da-about-page .da-about-value-card p { margin: 0; color: rgba(255,255,255,.67); font-size: 13px; line-height: 1.7; }

/* Method */
#da-about-page .da-about-method-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 16px; }
#da-about-page .da-about-method-step { position: relative; min-height: 270px; padding: 28px 24px; border: 1px solid transparent; border-radius: 23px; overflow: hidden; isolation: isolate; transition: transform .3s ease, box-shadow .3s ease; }
#da-about-page .da-about-method-step::before { content: ""; position: absolute; inset: 0; z-index: -2; background: inherit; }
#da-about-page .da-about-method-step::after { content: ""; position: absolute; right: -58px; bottom: -58px; z-index: -1; width: 170px; height: 170px; border-radius: 50%; border: 1px solid rgba(255,255,255,.18); background: radial-gradient(circle,rgba(255,255,255,.23),transparent 67%); }
#da-about-page .da-about-method-step:hover { transform: translateY(-9px); box-shadow: 0 24px 55px rgba(1,29,48,.22); }
#da-about-page .da-about-method-step > span { display: block; color: rgba(255,255,255,.28); font-size: 45px; line-height: 1; font-weight: 900; }
#da-about-page .da-about-method-step h3 { margin: 38px 0 10px; color: #fff; font-size: 19px; }
#da-about-page .da-about-method-step p { margin: 0; color: rgba(255,255,255,.79); font-size: 12.5px; line-height: 1.68; }
#da-about-page .da-about-method-step--blue { background: linear-gradient(145deg,#023859,#07577f); }
#da-about-page .da-about-method-step--red { background: linear-gradient(145deg,#8c0404,#bd1111); }
#da-about-page .da-about-method-step--navy { background: linear-gradient(145deg,#011d30,#07526f); }
#da-about-page .da-about-method-step--gold { background: linear-gradient(145deg,#f7dc2b,#e8981d); }
#da-about-page .da-about-method-step--orange { background: linear-gradient(145deg,#e8981d,#c85f0a); }
#da-about-page .da-about-method-step--gold > span,
#da-about-page .da-about-method-step--orange > span { color: rgba(1,29,48,.22); }
#da-about-page .da-about-method-step--gold h3,
#da-about-page .da-about-method-step--orange h3 { color: #011d30; }
#da-about-page .da-about-method-step--gold p,
#da-about-page .da-about-method-step--orange p { color: rgba(1,29,48,.78); }
#da-about-page .da-about-method-step--gold::after,
#da-about-page .da-about-method-step--orange::after { border-color: rgba(1,29,48,.12); background: radial-gradient(circle,rgba(255,255,255,.34),transparent 67%); }

/* Team */
#da-about-page .da-about-team-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; }
#da-about-page .da-about-team-card { border: 1px solid var(--da-about-line); border-radius: 28px; overflow: hidden; background: #fff; box-shadow: 0 13px 42px rgba(1,29,48,.08); transition: transform .3s ease,box-shadow .3s ease; outline: none; }
#da-about-page .da-about-team-card:hover, #da-about-page .da-about-team-card:focus-visible { transform: translateY(-9px); box-shadow: var(--da-about-shadow); }
#da-about-page .da-about-team-card__photo { position: relative; height: 360px; overflow: hidden; background: linear-gradient(135deg,#e8eef2,#f8fafb); }
#da-about-page .da-about-team-card__photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top,rgba(1,29,48,.55),transparent 48%); }
#da-about-page .da-about-team-card__photo img { width: 100%; height: 100%; object-fit: cover; object-position: center top; transition: transform .5s ease; }
#da-about-page .da-about-team-card:hover .da-about-team-card__photo img { transform: scale(1.045); }
#da-about-page .da-about-team-card__photo > span { position: absolute; left: 20px; bottom: 18px; z-index: 2; color: #fff; font-size: 10px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
#da-about-page .da-about-team-card__body { padding: 25px; }
#da-about-page .da-about-team-card__body h3 { margin: 0; color: var(--da-about-blue-dark); font-size: 22px; line-height: 1.15; }
#da-about-page .da-about-team-card__body > p { min-height: 66px; margin: 12px 0 0; color: var(--da-about-muted); font-size: 12.8px; line-height: 1.65; }
#da-about-page .da-about-team-card__chips { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 18px; }
#da-about-page .da-about-team-card__chips span { padding: 7px 9px; border-radius: 999px; color: var(--da-about-blue); background: #edf4f7; font-size: 9px; font-weight: 850; }
#da-about-page .da-about-team-card button { display: inline-flex; align-items: center; gap: 8px; margin-top: 21px; padding: 0; border: 0; color: var(--da-about-red); background: transparent; font-size: 11px; font-weight: 900; }
#da-about-page .da-about-team-card button svg { width: 17px; height: 17px; }

/* Projects */
#da-about-page .da-about-projects-section { color: #fff; background: radial-gradient(circle at 80% 10%,rgba(7,87,127,.52),transparent 33%),linear-gradient(135deg,var(--da-about-blue-deep),var(--da-about-blue-dark)); }
#da-about-page .da-about-projects-grid { display: grid; grid-template-columns: 1.35fr .825fr .825fr; gap: 20px; }
#da-about-page .da-about-project-card { min-height: 405px; padding: 32px; border: 1px solid rgba(255,255,255,.14); border-radius: 27px; background: rgba(255,255,255,.065); backdrop-filter: blur(14px); }
#da-about-page .da-about-project-card--featured { grid-row: span 1; padding: 0; overflow: hidden; background: rgba(255,255,255,.08); }
#da-about-page .da-about-project-card__media { position: relative; height: 245px; overflow: hidden; }
#da-about-page .da-about-project-card__media img { width: 100%; height: 100%; object-fit: cover; }
#da-about-page .da-about-project-card__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top,rgba(0,19,31,.72),transparent 55%); }
#da-about-page .da-about-project-card__media > span { position: absolute; left: 24px; bottom: 20px; z-index: 2; padding: 8px 11px; border-radius: 999px; color: var(--da-about-blue-dark); background: var(--da-about-gold); font-size: 9px; font-weight: 900; }
#da-about-page .da-about-project-card__content { padding: 30px; }
#da-about-page .da-about-project-card small { color: var(--da-about-gold); font-size: 9px; font-weight: 900; letter-spacing: .15em; }
#da-about-page .da-about-project-card h3 { margin: 13px 0 0; color: #fff; font-size: 25px; line-height: 1.17; letter-spacing: -.03em; }
#da-about-page .da-about-project-card p { margin: 16px 0 0; color: rgba(255,255,255,.7); font-size: 13px; line-height: 1.72; }
#da-about-page .da-about-project-card ul { display: grid; gap: 8px; margin: 18px 0 0; padding: 0; list-style: none; }
#da-about-page .da-about-project-card li { position: relative; padding-left: 18px; color: rgba(255,255,255,.72); font-size: 11px; }
#da-about-page .da-about-project-card li::before { content: "✓"; position: absolute; left: 0; color: var(--da-about-gold); font-weight: 900; }
#da-about-page .da-about-project-card__icon { display: grid; place-items: center; width: 62px; height: 62px; border-radius: 19px; color: var(--da-about-gold); background: rgba(255,255,255,.09); }
#da-about-page .da-about-project-card__icon svg { width: 32px; height: 32px; }
#da-about-page .da-about-project-card > small { display: block; margin-top: 28px; }
#da-about-page .da-about-project-card > a { display: inline-flex; align-items: center; gap: 8px; margin-top: 26px; color: var(--da-about-gold); font-size: 11px; font-weight: 900; }
#da-about-page .da-about-project-card > a svg { width: 17px; height: 17px; }
#da-about-page .da-about-confidential-badge { display: inline-flex; margin-top: 24px; padding: 9px 12px; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; color: rgba(255,255,255,.65); font-size: 9px; font-weight: 800; }

/* Gallery */
#da-about-page .da-about-gallery { display: grid; grid-template-columns: repeat(4,1fr); grid-auto-rows: 225px; grid-auto-flow: dense; gap: 16px; }
#da-about-page .da-about-gallery__item { position: relative; margin: 0; overflow: hidden; border-radius: 23px; box-shadow: 0 13px 42px rgba(1,29,48,.1); }
#da-about-page .da-about-gallery__item--wide { grid-column: span 2; }
#da-about-page .da-about-gallery__item--tall { grid-row: span 2; }
#da-about-page .da-about-gallery__item--feature { grid-column: span 2; grid-row: span 2; }
#da-about-page .da-about-gallery__item--full { grid-column: 1 / -1; }
#da-about-page .da-about-gallery__item img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease, filter .6s ease; }
#da-about-page .da-about-gallery__item:hover img { transform: scale(1.055); filter: saturate(1.08); }
#da-about-page .da-about-gallery__item::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top,rgba(0,19,31,.82),rgba(0,19,31,.05) 62%); }
#da-about-page .da-about-gallery__item figcaption { position: absolute; left: 22px; right: 22px; bottom: 20px; z-index: 2; color: #fff; }
#da-about-page .da-about-gallery__item figcaption span { display: block; color: var(--da-about-gold); font-size: 9px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
#da-about-page .da-about-gallery__item figcaption strong { display: block; margin-top: 5px; font-size: 15px; line-height: 1.3; }
#da-about-page .da-about-gallery__item--feature figcaption strong,
#da-about-page .da-about-gallery__item--full figcaption strong { max-width: 680px; font-size: 20px; }

/* Stats */
#da-about-page .da-about-stats-section { padding: 70px 0; color: #fff; background: linear-gradient(135deg,var(--da-about-red),#640101); }
#da-about-page .da-about-stats-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; background: rgba(255,255,255,.15); }
#da-about-page .da-about-stat { min-height: 170px; display: grid; place-content: center; padding: 24px; text-align: center; background: linear-gradient(135deg,var(--da-about-red),#760303); }
#da-about-page .da-about-stat strong { color: #fff; font-size: clamp(38px,5vw,64px); line-height: 1; font-weight: 900; }
#da-about-page .da-about-stat span { display: block; margin-top: 11px; color: rgba(255,255,255,.72); font-size: 11px; font-weight: 750; }

/* Videos */
#da-about-page .da-about-video-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
#da-about-page .da-about-video-card { display: grid; grid-template-columns: 45% 55%; min-height: 500px; overflow: hidden; border: 1px solid var(--da-about-line); border-radius: 28px; background: #fff; box-shadow: var(--da-about-shadow); }
#da-about-page .da-about-video-wrap { position: relative; min-height: 500px; background: var(--da-about-blue-deep); }
#da-about-page .da-about-video-wrap video { width: 100%; height: 100%; object-fit: cover; }
#da-about-page .da-about-video-label { position: absolute; left: 16px; bottom: 16px; display: inline-flex; align-items: center; gap: 8px; padding: 9px 12px; border-radius: 999px; color: #fff; background: rgba(1,29,48,.86); font-size: 9px; font-weight: 850; backdrop-filter: blur(12px); }
#da-about-page .da-about-video-label svg { width: 14px; height: 14px; color: var(--da-about-gold); }
#da-about-page .da-about-video-card__body { display: flex; flex-direction: column; justify-content: center; padding: 34px; }
#da-about-page .da-about-video-card__body > span { color: var(--da-about-red); font-size: 9px; font-weight: 900; letter-spacing: .15em; }
#da-about-page .da-about-video-card__body h3 { margin: 16px 0 0; color: var(--da-about-blue-dark); font-size: 25px; line-height: 1.2; }
#da-about-page .da-about-video-card__body p { margin: 17px 0 0; color: var(--da-about-muted); font-size: 13px; line-height: 1.72; }

/* Trust white */
#da-about-page .da-about-trust-section { padding: 100px 0; color: var(--da-about-black); background: #fff !important; }
#da-about-page .da-about-trust-heading { max-width: 880px; margin-bottom: 48px; }
#da-about-page .da-about-logo-title { margin: 34px 0 15px; color: var(--da-about-blue); font-size: 10px; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
#da-about-page .da-about-logo-grid { display: grid; gap: 14px; }
#da-about-page .da-about-logo-grid--partners { grid-template-columns: repeat(3,1fr); }
#da-about-page .da-about-logo-grid--clients { grid-template-columns: repeat(5,1fr); }
#da-about-page .da-about-logo-card { display: grid; place-items: center; min-height: 120px; padding: 22px; border: 1px solid #e3eaee; border-radius: 18px; background: #fff; transition: .25s ease; }
#da-about-page .da-about-logo-card:hover { transform: translateY(-5px); box-shadow: 0 18px 42px rgba(1,29,48,.1); }
#da-about-page .da-about-logo-card img { max-width: 155px; max-height: 65px; object-fit: contain; }

/* Social */
#da-about-page .da-about-social-section { padding: 110px 0; background: var(--da-about-soft); }
#da-about-page .da-about-social-grid { display: grid; grid-template-columns: .95fr 1.05fr; gap: 74px; align-items: center; }
#da-about-page .da-about-social-visual { position: relative; min-height: 535px; overflow: hidden; border-radius: 34px; box-shadow: var(--da-about-shadow); }
#da-about-page .da-about-social-visual img { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; }
#da-about-page .da-about-social-visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top,rgba(0,19,31,.68),transparent 60%); }
#da-about-page .da-about-social-visual__badge { position: absolute; left: 25px; right: 25px; bottom: 24px; z-index: 2; display: flex; align-items: center; gap: 13px; padding: 18px; border: 1px solid rgba(255,255,255,.2); border-radius: 18px; color: #fff; background: rgba(1,29,48,.83); backdrop-filter: blur(14px); }
#da-about-page .da-about-social-visual__badge svg { width: 29px; height: 29px; color: var(--da-about-gold); }
#da-about-page .da-about-social-visual__badge span { font-size: 12px; font-weight: 850; }
#da-about-page .da-about-social-copy > p { margin: 21px 0 0; color: var(--da-about-muted); font-size: 16px; line-height: 1.78; }
#da-about-page .da-about-social-points { display: grid; gap: 13px; margin-top: 28px; }
#da-about-page .da-about-social-points span { display: flex; align-items: center; gap: 10px; color: var(--da-about-blue-dark); font-size: 12px; font-weight: 800; }
#da-about-page .da-about-social-points svg { width: 20px; height: 20px; color: var(--da-about-red); }

/* Final */
#da-about-page .da-about-final { padding: 88px 0; color: #fff; background: radial-gradient(circle at 82% 20%,rgba(247,220,43,.18),transparent 30%),linear-gradient(135deg,#6e0101,var(--da-about-red)); }
#da-about-page .da-about-final__inner { display: flex; align-items: center; justify-content: space-between; gap: 52px; }
#da-about-page .da-about-final__inner > div:first-child { max-width: 790px; }
#da-about-page .da-about-final h2 { color: #fff; }
#da-about-page .da-about-final p { margin: 20px 0 0; color: rgba(255,255,255,.72); font-size: 17px; line-height: 1.7; }
#da-about-page .da-about-final__actions { display: flex; flex-direction: column; gap: 12px; min-width: 250px; }

/* Modal */
#da-about-page .da-about-modal { position: fixed; inset: 0; z-index: 99999; display: grid; place-items: center; padding: 24px; opacity: 0; visibility: hidden; transition: .25s ease; }
#da-about-page .da-about-modal.is-open { opacity: 1; visibility: visible; }
#da-about-page .da-about-modal__overlay { position: absolute; inset: 0; background: rgba(0,19,31,.78); backdrop-filter: blur(8px); }
#da-about-page .da-about-modal__panel { position: relative; z-index: 2; display: grid; grid-template-columns: .85fr 1.15fr; width: min(960px,100%); max-height: min(760px,calc(100vh - 48px)); overflow: auto; border-radius: 30px; background: #fff; box-shadow: 0 40px 120px rgba(0,0,0,.42); }
#da-about-page .da-about-modal__close { position: absolute; right: 18px; top: 18px; z-index: 4; display: grid; place-items: center; width: 43px; height: 43px; border: 0; border-radius: 50%; color: #fff; background: rgba(1,29,48,.88); }
#da-about-page .da-about-modal__close svg { width: 20px; height: 20px; }
#da-about-page .da-about-modal__photo { min-height: 540px; background: var(--da-about-soft); }
#da-about-page .da-about-modal__photo img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
#da-about-page .da-about-modal__content { padding: 60px 50px 48px; }
#da-about-page .da-about-modal__content > span { color: var(--da-about-red); font-size: 10px; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
#da-about-page .da-about-modal__content h2 { margin: 14px 0 0; color: var(--da-about-blue-dark); font-size: clamp(32px,4vw,48px); line-height: 1.05; letter-spacing: -.045em; }
#da-about-page .da-about-modal__content > p { margin: 22px 0 0; color: var(--da-about-muted); font-size: 15px; line-height: 1.8; }
#da-about-page .da-about-modal__content h3 { margin: 28px 0 0; color: var(--da-about-blue-dark); font-size: 14px; }
#da-about-page .da-about-modal__credentials { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 15px; }
#da-about-page .da-about-modal__credentials span { padding: 9px 11px; border-radius: 999px; color: var(--da-about-blue); background: #edf4f7; font-size: 10px; font-weight: 850; }
body.da-about-modal-open { overflow: hidden !important; }

/* Reveal */
#da-about-page .da-about-reveal { opacity: 0; transform: translateY(28px); transition: opacity .65s ease,transform .65s ease; }
#da-about-page .da-about-reveal.is-visible { opacity: 1; transform: translateY(0); }

/* Responsive */
@media (max-width: 1100px) {
  #da-about-page .da-about-hero__grid { grid-template-columns: 1fr; }
  #da-about-page .da-about-hero-visual { max-width: 760px; width: 100%; margin-inline: auto; }
  #da-about-page .da-about-intro-grid, #da-about-page .da-about-social-grid { grid-template-columns: 1fr; }
  #da-about-page .da-about-values-grid { grid-template-columns: repeat(2,1fr); }
  #da-about-page .da-about-method-grid { grid-template-columns: repeat(3,1fr); }
  #da-about-page .da-about-team-grid { grid-template-columns: repeat(2,1fr); }
  #da-about-page .da-about-projects-grid { grid-template-columns: 1.2fr .8fr; }
  #da-about-page .da-about-projects-grid > article:last-child { grid-column: span 2; min-height: 310px; }
  #da-about-page .da-about-video-grid { grid-template-columns: 1fr; }
  #da-about-page .da-about-logo-grid--clients { grid-template-columns: repeat(3,1fr); }
}

@media (max-width: 760px) {
  #da-about-page .da-about-container { width: min(calc(100% - 28px),var(--da-about-container)); }
  #da-about-page .da-about-section { padding: 78px 0; }
  #da-about-page .da-about-heading { display: block; margin-bottom: 38px; }
  #da-about-page .da-about-heading > p { margin-top: 18px; }
  #da-about-page .da-about-hero { min-height: auto; }
  #da-about-page .da-about-hero__grid { padding: 72px 0 60px; gap: 42px; }
  #da-about-page .da-about-hero h1 { font-size: clamp(43px,13vw,65px); }
  #da-about-page .da-about-hero-visual { min-height: 410px; }
  #da-about-page .da-about-hero-visual__main { inset: 50px 5px 42px 52px; }
  #da-about-page .da-about-hero-visual__team { width: 48%; height: 32%; }
  #da-about-page .da-about-hero-visual__learning { width: 46%; height: 29%; }
  #da-about-page .da-about-float-card--impact { display: none; }
  #da-about-page .da-about-float-card--years { left: 2%; }
  #da-about-page .da-about-intro-copy h2, #da-about-page .da-about-social-copy h2, #da-about-page .da-about-final h2, #da-about-page .da-about-trust-heading h2 { font-size: clamp(34px,10vw,50px); }
  #da-about-page .da-about-purpose-card { min-height: 480px; padding: 30px; }
  #da-about-page .da-about-purpose-card__coverage-content { align-items: flex-start; flex-direction: column; gap: 6px; }
  #da-about-page .da-about-purpose-card__coverage-content span { max-width: none; text-align: left; }
  #da-about-page .da-about-timeline::before { left: 22px; }
  #da-about-page .da-about-timeline-item { grid-template-columns: 44px 1fr; }
  #da-about-page .da-about-timeline-year { grid-column: 2; text-align: left; font-size: 22px; margin-bottom: 8px; }
  #da-about-page .da-about-timeline-dot { grid-column: 1; grid-row: 1 / span 2; }
  #da-about-page .da-about-timeline-card { grid-column: 2; }
  #da-about-page .da-about-mv-grid, #da-about-page .da-about-values-grid, #da-about-page .da-about-method-grid, #da-about-page .da-about-team-grid { grid-template-columns: 1fr; }
  #da-about-page .da-about-team-card__photo { height: 430px; }
  #da-about-page .da-about-projects-grid { grid-template-columns: 1fr; }
  #da-about-page .da-about-projects-grid > article:last-child { grid-column: auto; }
  #da-about-page .da-about-gallery { grid-template-columns: 1fr 1fr; grid-auto-rows: 220px; }
  #da-about-page .da-about-gallery__item--wide { grid-column: span 2; }
  #da-about-page .da-about-gallery__item--tall { grid-row: span 2; }
  #da-about-page .da-about-stats-grid { grid-template-columns: 1fr 1fr; }
  #da-about-page .da-about-video-card { grid-template-columns: 1fr; }
  #da-about-page .da-about-video-wrap { min-height: 560px; }
  #da-about-page .da-about-logo-grid--partners { grid-template-columns: 1fr; }
  #da-about-page .da-about-logo-grid--clients { grid-template-columns: repeat(2,1fr); }
  #da-about-page .da-about-social-visual { min-height: 440px; }
  #da-about-page .da-about-final__inner { display: block; }
  #da-about-page .da-about-final__actions { margin-top: 28px; min-width: 0; }
  #da-about-page .da-about-modal__panel { grid-template-columns: 1fr; }
  #da-about-page .da-about-modal__photo { min-height: 390px; }
  #da-about-page .da-about-modal__content { padding: 35px 25px; }
}

@media (max-width: 520px) {
  #da-about-page .da-about-gallery { grid-template-columns: 1fr; }
  #da-about-page .da-about-gallery__item--wide { grid-column: auto; }
  #da-about-page .da-about-gallery__item--tall { grid-row: auto; }
  #da-about-page .da-about-stats-grid { grid-template-columns: 1fr; }
  #da-about-page .da-about-logo-grid--clients { grid-template-columns: 1fr 1fr; }
  #da-about-page .da-about-team-card__photo { height: 390px; }
}

@media (prefers-reduced-motion: reduce) {
  #da-about-page *, #da-about-page *::before, #da-about-page *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .001ms !important; }
  #da-about-page .da-about-reveal { opacity: 1; transform: none; }
}

/* Ajustes de la galería ampliada */
@media (max-width: 980px) {
  #da-about-page .da-about-gallery { grid-template-columns: repeat(2,1fr); grid-auto-rows: 220px; }
  #da-about-page .da-about-gallery__item--feature { grid-column: span 2; grid-row: span 2; }
  #da-about-page .da-about-gallery__item--tall { grid-row: span 2; }
  #da-about-page .da-about-gallery__item--full { grid-column: 1 / -1; }
}
@media (max-width: 620px) {
  #da-about-page .da-about-gallery { grid-template-columns: 1fr; grid-auto-rows: 250px; }
  #da-about-page .da-about-gallery__item,
  #da-about-page .da-about-gallery__item--wide,
  #da-about-page .da-about-gallery__item--tall,
  #da-about-page .da-about-gallery__item--feature,
  #da-about-page .da-about-gallery__item--full { grid-column: auto; grid-row: auto; }
  #da-about-page .da-about-gallery__item--feature { min-height: 360px; }
  #da-about-page .da-about-gallery__item--full { min-height: 280px; }
}

/* =========================================================
   PARCHE DE VISIBILIDAD SEGURA — NOSOTROS Y EXPERIENCIA
   Agregar al FINAL del CSS de la página.
   Evita que el contenido quede invisible si Elementor tarda
   en ejecutar el JavaScript o no lo ejecuta en el editor.
   ========================================================= */

#da-about-page .da-about-reveal {
  opacity: 1 !important;
  transform: none !important;
}

#da-about-page.da-about-animate .da-about-reveal {
  opacity: 0 !important;
  transform: translateY(28px) !important;
  transition: opacity .65s ease, transform .65s ease !important;
}

#da-about-page.da-about-animate .da-about-reveal.is-visible {
  opacity: 1 !important;
  transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS *//* =========================================================
DUARTE ANALÍTICA · NOSOTROS Y EXPERIENCIA
AGREGAR AL FINAL DEL CSS GLOBAL EXISTENTE
========================================================= */

#da-about-page {
  --da-about-blue: #023859;
  --da-about-blue-2: #07577f;
  --da-about-blue-dark: #011d30;
  --da-about-blue-deep: #00131f;
  --da-about-red: #8c0404;
  --da-about-red-2: #b20b0b;
  --da-about-gold: #f7dc2b;
  --da-about-orange: #e8981d;
  --da-about-black: #0d0d0d;
  --da-about-white: #ffffff;
  --da-about-soft: #f3f6f8;
  --da-about-muted: #667985;
  --da-about-line: rgba(2,56,89,.13);
  --da-about-shadow: 0 24px 70px rgba(1,29,48,.13);
  --da-about-shadow-dark: 0 30px 80px rgba(0,0,0,.34);
  --da-about-radius-sm: 14px;
  --da-about-radius-md: 24px;
  --da-about-radius-lg: 36px;
  --da-about-container: 1240px;
  position: relative !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  color: var(--da-about-black);
  background: #fff;
  font-family: "Montserrat", "Segoe UI", Arial, sans-serif;
  overflow: clip;
}

@supports body.elementor-page-8545(.e-con:has(#da-about-page)) {
  body .elementor .e-con:has(#da-about-page),
  body .elementor .e-con-inner:has(#da-about-page),
  body .elementor .elementor-widget-html:has(#da-about-page),
  body .elementor .elementor-widget-html:has(#da-about-page) > .elementor-widget-container {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: visible !important;
  }
  body .elementor .e-con:has(#da-about-page) {
    --container-max-width: 100%;
    --content-width: 100%;
  }
}

#da-about-page *, #da-about-page *::before, #da-about-page *::after { box-sizing: border-box; }
#da-about-page img { display: block; max-width: 100%; }
#da-about-page a { color: inherit; text-decoration: none; }
#da-about-page button { font: inherit; cursor: pointer; }
#da-about-page [id] { scroll-margin-top: 92px; }
#da-about-page .da-about-svg-library { position: absolute; width: 0; height: 0; overflow: hidden; }
#da-about-page .da-about-container { width: min(calc(100% - 42px), var(--da-about-container)); margin-inline: auto; }
#da-about-page .da-about-section { position: relative; padding: 108px 0; }
#da-about-page .da-about-section--soft { background: var(--da-about-soft); }

#da-about-page .da-about-kicker {
  display: inline-flex; align-items: center; gap: 10px; margin: 0 0 16px;
  color: var(--da-about-red); font-size: 12px; font-weight: 900; letter-spacing: .15em; text-transform: uppercase;
}
#da-about-page .da-about-kicker::before { content: ""; width: 34px; height: 3px; border-radius: 99px; background: linear-gradient(90deg,var(--da-about-red),var(--da-about-orange)); }
#da-about-page .da-about-heading { display: flex; align-items: end; justify-content: space-between; gap: 46px; margin-bottom: 54px; }
#da-about-page .da-about-heading > div { max-width: 790px; }
#da-about-page .da-about-heading h2,
#da-about-page .da-about-intro-copy h2,
#da-about-page .da-about-social-copy h2,
#da-about-page .da-about-final h2,
#da-about-page .da-about-trust-heading h2 {
  margin: 14px 0 0; color: var(--da-about-blue-dark); font-size: clamp(35px,4.8vw,62px); line-height: 1.04; letter-spacing: -.05em; font-weight: 900; text-wrap: balance;
}
#da-about-page .da-about-heading > p { max-width: 470px; margin: 0; color: var(--da-about-muted); font-size: 17px; line-height: 1.75; }
#da-about-page .da-about-heading--light h2 { color: #fff; }
#da-about-page .da-about-heading--light > p { color: rgba(255,255,255,.74); }
#da-about-page .da-about-heading--light .da-about-kicker,
#da-about-page .da-about-final .da-about-kicker { color: var(--da-about-gold); }
#da-about-page .da-about-heading--light .da-about-kicker::before,
#da-about-page .da-about-final .da-about-kicker::before { background: linear-gradient(90deg,var(--da-about-gold),var(--da-about-orange)); }

/* Botones */
#da-about-page .da-about-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 14px 23px; border: 1px solid transparent; border-radius: 999px; font-size: 13px; line-height: 1; font-weight: 850; transition: .25s ease; }
#da-about-page .da-about-btn svg { width: 18px; height: 18px; }
#da-about-page .da-about-btn:hover { transform: translateY(-3px); }
#da-about-page .da-about-btn--red { color: #fff; background: linear-gradient(135deg,var(--da-about-red),var(--da-about-red-2)); box-shadow: 0 16px 38px rgba(140,4,4,.32); }
#da-about-page .da-about-btn--glass { color: #fff; border-color: rgba(255,255,255,.28); background: rgba(255,255,255,.08); backdrop-filter: blur(14px); }
#da-about-page .da-about-btn--white { color: var(--da-about-blue-dark); background: #fff; box-shadow: 0 16px 35px rgba(0,0,0,.16); }

/* Hero */
#da-about-page .da-about-hero { position: relative; isolation: isolate; display: grid; align-items: center; min-height: 690px; color: #fff; overflow: hidden; background: radial-gradient(circle at 78% 24%,rgba(8,119,171,.7),transparent 34%),radial-gradient(circle at 4% 90%,rgba(140,4,4,.36),transparent 31%),linear-gradient(135deg,var(--da-about-blue-deep),var(--da-about-blue-dark) 58%,#06486b); }
#da-about-page .da-about-hero__mesh { position: absolute; inset: 0; z-index: -2; opacity: .18; background-image: linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size: 58px 58px; mask-image: linear-gradient(90deg,#000 0 65%,transparent 100%); }
#da-about-page .da-about-hero::after { content: ""; position: absolute; right: -170px; bottom: -290px; z-index: -1; width: 660px; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle,rgba(247,220,43,.19),transparent 68%); filter: blur(10px); }
#da-about-page .da-about-hero__grid { display: grid; grid-template-columns: minmax(0,.95fr) minmax(470px,1.05fr); gap: 70px; align-items: center; padding: 88px 0 78px; }
#da-about-page .da-about-eyebrow { display: inline-flex; align-items: center; gap: 10px; padding: 9px 14px; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; background: rgba(255,255,255,.07); color: rgba(255,255,255,.85); font-size: 11px; font-weight: 850; letter-spacing: .13em; }
#da-about-page .da-about-eyebrow i { width: 8px; height: 8px; border-radius: 50%; background: var(--da-about-gold); box-shadow: 0 0 0 6px rgba(247,220,43,.11); }
#da-about-page .da-about-hero h1 { margin: 22px 0 0; color: #fff; font-size: clamp(48px,6vw,80px); line-height: .98; letter-spacing: -.065em; font-weight: 900; text-wrap: balance; }
#da-about-page .da-about-hero h1 strong { color: var(--da-about-gold); }
#da-about-page .da-about-hero__content > p { max-width: 700px; margin: 26px 0 0; color: rgba(255,255,255,.78); font-size: clamp(17px,1.6vw,20px); line-height: 1.72; }
#da-about-page .da-about-hero__actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 32px; }
#da-about-page .da-about-hero__proof { display: flex; flex-wrap: wrap; gap: 17px 27px; margin-top: 30px; }
#da-about-page .da-about-hero__proof span { display: inline-flex; align-items: center; gap: 8px; color: rgba(255,255,255,.68); font-size: 11px; font-weight: 750; }
#da-about-page .da-about-hero__proof b { color: var(--da-about-gold); }
#da-about-page .da-about-hero-visual { position: relative; min-height: 510px; }
#da-about-page .da-about-hero-visual figure { position: absolute; margin: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.24); box-shadow: var(--da-about-shadow-dark); }
#da-about-page .da-about-hero-visual figure::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top,rgba(0,19,31,.44),transparent 55%); }
#da-about-page .da-about-hero-visual img { width: 100%; height: 100%; object-fit: cover; }
#da-about-page .da-about-hero-visual__main { inset: 32px 20px 35px 86px; border-radius: 34px; transform: rotateZ(1deg); }
#da-about-page .da-about-hero-visual__team { width: 43%; height: 34%; left: 0; top: 0; border-radius: 24px; transform: rotateZ(-3deg); }
#da-about-page .da-about-hero-visual__learning { width: 42%; height: 31%; right: 0; bottom: 0; border-radius: 24px; transform: rotateZ(3deg); }
#da-about-page .da-about-float-card { position: absolute; z-index: 5; padding: 16px 19px; border: 1px solid rgba(255,255,255,.2); border-radius: 18px; color: #fff; background: rgba(1,29,48,.88); box-shadow: 0 18px 48px rgba(0,0,0,.28); backdrop-filter: blur(16px); }
#da-about-page .da-about-float-card--years { left: 10%; bottom: 12%; max-width: 210px; }
#da-about-page .da-about-float-card--years span { display: block; color: var(--da-about-gold); font-size: 30px; font-weight: 900; }
#da-about-page .da-about-float-card--years strong { display: block; margin-top: 3px; font-size: 11px; line-height: 1.4; }
#da-about-page .da-about-float-card--impact { right: 2%; top: 15%; display: flex; align-items: center; gap: 12px; }
#da-about-page .da-about-float-card--impact svg { width: 34px; height: 34px; color: var(--da-about-gold); }
#da-about-page .da-about-float-card--impact strong { display: block; font-size: 12px; }
#da-about-page .da-about-float-card--impact span { display: block; margin-top: 3px; color: rgba(255,255,255,.64); font-size: 9px; }

/* Subnav */
#da-about-page .da-about-subnav { position: sticky; top: 0; z-index: 50; border-bottom: 1px solid var(--da-about-line); background: rgba(255,255,255,.94); backdrop-filter: blur(18px); }
#da-about-page .da-about-subnav__track { display: flex; align-items: center; gap: 2px; overflow-x: auto; scrollbar-width: none; }
#da-about-page .da-about-subnav__track::-webkit-scrollbar { display: none; }
#da-about-page .da-about-subnav a { flex: 0 0 auto; padding: 20px 14px; border-bottom: 3px solid transparent; color: #596d78; font-size: 11px; font-weight: 850; transition: .2s ease; }
#da-about-page .da-about-subnav a:hover, #da-about-page .da-about-subnav a.is-active { color: var(--da-about-red); border-bottom-color: var(--da-about-red); }

/* Intro */
#da-about-page .da-about-intro-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 74px; align-items: center; }
#da-about-page .da-about-intro-copy > p { margin: 22px 0 0; color: var(--da-about-muted); font-size: 17px; line-height: 1.8; }
#da-about-page .da-about-intro-points { display: grid; gap: 13px; margin-top: 30px; }
#da-about-page .da-about-intro-points span { display: flex; gap: 11px; align-items: flex-start; color: var(--da-about-blue-dark); font-size: 13px; font-weight: 700; }
#da-about-page .da-about-intro-points svg { flex: 0 0 auto; width: 20px; height: 20px; color: var(--da-about-red); }
#da-about-page .da-about-purpose-card { position: relative; display: flex; flex-direction: column; min-height: 450px; padding: 42px; overflow: hidden; border-radius: 34px; color: #fff; background: radial-gradient(circle at 90% 10%,rgba(247,220,43,.18),transparent 32%),linear-gradient(145deg,var(--da-about-blue-deep),var(--da-about-blue)); box-shadow: var(--da-about-shadow-dark); }
#da-about-page .da-about-purpose-card::after { content: ""; position: absolute; right: -90px; bottom: -90px; width: 260px; height: 260px; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; box-shadow: 0 0 0 38px rgba(255,255,255,.04),0 0 0 76px rgba(255,255,255,.025); pointer-events: none; }
#da-about-page .da-about-purpose-card__icon { position: relative; z-index: 2; display: grid; place-items: center; width: 64px; height: 64px; border-radius: 20px; color: var(--da-about-gold); background: rgba(255,255,255,.09); }
#da-about-page .da-about-purpose-card__icon svg { width: 34px; height: 34px; }
#da-about-page .da-about-purpose-card > span { position: relative; z-index: 2; display: block; margin-top: 28px; color: var(--da-about-gold); font-size: 10px; font-weight: 900; letter-spacing: .15em; }
#da-about-page .da-about-purpose-card h3 { position: relative; z-index: 2; margin: 13px 0 0; color: #fff; font-size: clamp(27px,3vw,40px); line-height: 1.1; letter-spacing: -.035em; }
#da-about-page .da-about-purpose-card > p { position: relative; z-index: 2; max-width: 94%; margin: 20px 0 0; color: rgba(255,255,255,.82); font-size: 15px; line-height: 1.75; }
#da-about-page .da-about-purpose-card__coverage { position: relative; z-index: 2; margin-top: auto; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.17); }
#da-about-page .da-about-purpose-card__coverage-label { display: block; margin-bottom: 10px; color: var(--da-about-gold); font-size: 9px; font-weight: 900; letter-spacing: .15em; }
#da-about-page .da-about-purpose-card__coverage-content { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; }
#da-about-page .da-about-purpose-card__coverage-content strong { display: block; color: #fff; font-size: 16px; line-height: 1.25; }
#da-about-page .da-about-purpose-card__coverage-content span { display: block; max-width: 180px; color: rgba(255,255,255,.68); font-size: 11px; line-height: 1.45; text-align: right; }

/* Timeline */
#da-about-page .da-about-timeline { position: relative; max-width: 1050px; margin-inline: auto; }
#da-about-page .da-about-timeline::before { content: ""; position: absolute; left: 146px; top: 14px; bottom: 14px; width: 2px; background: linear-gradient(var(--da-about-red),var(--da-about-blue)); }
#da-about-page .da-about-timeline-item { display: grid; grid-template-columns: 112px 68px 1fr; align-items: center; margin-bottom: 22px; }
#da-about-page .da-about-timeline-year { color: var(--da-about-blue); font-size: 27px; font-weight: 900; text-align: right; }
#da-about-page .da-about-timeline-dot { position: relative; z-index: 2; justify-self: center; width: 18px; height: 18px; border: 5px solid #fff; border-radius: 50%; background: var(--da-about-red); box-shadow: 0 0 0 3px rgba(140,4,4,.17); }
#da-about-page .da-about-timeline-card { padding: 24px 28px; border: 1px solid var(--da-about-line); border-radius: 20px; background: #fff; transition: .25s ease; }
#da-about-page .da-about-timeline-card:hover { transform: translateX(6px); box-shadow: var(--da-about-shadow); }
#da-about-page .da-about-timeline-card h3 { margin: 0; color: var(--da-about-blue-dark); font-size: 18px; }
#da-about-page .da-about-timeline-card p { margin: 8px 0 0; color: var(--da-about-muted); font-size: 13px; line-height: 1.7; }

/* Values */
#da-about-page .da-about-values-section { color: #fff; background: radial-gradient(circle at 87% 15%,rgba(247,220,43,.12),transparent 29%),radial-gradient(circle at 5% 90%,rgba(140,4,4,.3),transparent 32%),linear-gradient(135deg,var(--da-about-blue-deep),var(--da-about-blue)); }
#da-about-page .da-about-mv-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
#da-about-page .da-about-mv-card { min-height: 290px; padding: 36px; border: 1px solid rgba(255,255,255,.16); border-radius: 28px; background: rgba(255,255,255,.07); backdrop-filter: blur(15px); }
#da-about-page .da-about-mv-card > span { color: var(--da-about-gold); font-size: 10px; font-weight: 900; letter-spacing: .16em; }
#da-about-page .da-about-mv-card h3 { margin: 15px 0 0; color: #fff; font-size: 28px; line-height: 1.18; letter-spacing: -.035em; }
#da-about-page .da-about-mv-card p { margin: 18px 0 0; color: rgba(255,255,255,.7); font-size: 14px; line-height: 1.75; }
#da-about-page .da-about-values-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; margin-top: 20px; }
#da-about-page .da-about-value-card { min-height: 260px; padding: 28px; border: 1px solid rgba(255,255,255,.14); border-radius: 23px; background: rgba(255,255,255,.055); transition: .3s ease; }
#da-about-page .da-about-value-card:hover { transform: translateY(-7px); background: rgba(255,255,255,.1); }
#da-about-page .da-about-value-card svg { width: 42px; height: 42px; color: var(--da-about-gold); }
#da-about-page .da-about-value-card h3 { margin: 28px 0 10px; color: #fff; font-size: 18px; }
#da-about-page .da-about-value-card p { margin: 0; color: rgba(255,255,255,.67); font-size: 13px; line-height: 1.7; }

/* Method */
#da-about-page .da-about-method-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 16px; }
#da-about-page .da-about-method-step { position: relative; min-height: 270px; padding: 28px 24px; border: 1px solid transparent; border-radius: 23px; overflow: hidden; isolation: isolate; transition: transform .3s ease, box-shadow .3s ease; }
#da-about-page .da-about-method-step::before { content: ""; position: absolute; inset: 0; z-index: -2; background: inherit; }
#da-about-page .da-about-method-step::after { content: ""; position: absolute; right: -58px; bottom: -58px; z-index: -1; width: 170px; height: 170px; border-radius: 50%; border: 1px solid rgba(255,255,255,.18); background: radial-gradient(circle,rgba(255,255,255,.23),transparent 67%); }
#da-about-page .da-about-method-step:hover { transform: translateY(-9px); box-shadow: 0 24px 55px rgba(1,29,48,.22); }
#da-about-page .da-about-method-step > span { display: block; color: rgba(255,255,255,.28); font-size: 45px; line-height: 1; font-weight: 900; }
#da-about-page .da-about-method-step h3 { margin: 38px 0 10px; color: #fff; font-size: 19px; }
#da-about-page .da-about-method-step p { margin: 0; color: rgba(255,255,255,.79); font-size: 12.5px; line-height: 1.68; }
#da-about-page .da-about-method-step--blue { background: linear-gradient(145deg,#023859,#07577f); }
#da-about-page .da-about-method-step--red { background: linear-gradient(145deg,#8c0404,#bd1111); }
#da-about-page .da-about-method-step--navy { background: linear-gradient(145deg,#011d30,#07526f); }
#da-about-page .da-about-method-step--gold { background: linear-gradient(145deg,#f7dc2b,#e8981d); }
#da-about-page .da-about-method-step--orange { background: linear-gradient(145deg,#e8981d,#c85f0a); }
#da-about-page .da-about-method-step--gold > span,
#da-about-page .da-about-method-step--orange > span { color: rgba(1,29,48,.22); }
#da-about-page .da-about-method-step--gold h3,
#da-about-page .da-about-method-step--orange h3 { color: #011d30; }
#da-about-page .da-about-method-step--gold p,
#da-about-page .da-about-method-step--orange p { color: rgba(1,29,48,.78); }
#da-about-page .da-about-method-step--gold::after,
#da-about-page .da-about-method-step--orange::after { border-color: rgba(1,29,48,.12); background: radial-gradient(circle,rgba(255,255,255,.34),transparent 67%); }

/* Team */
#da-about-page .da-about-team-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; }
#da-about-page .da-about-team-card { border: 1px solid var(--da-about-line); border-radius: 28px; overflow: hidden; background: #fff; box-shadow: 0 13px 42px rgba(1,29,48,.08); transition: transform .3s ease,box-shadow .3s ease; outline: none; }
#da-about-page .da-about-team-card:hover, #da-about-page .da-about-team-card:focus-visible { transform: translateY(-9px); box-shadow: var(--da-about-shadow); }
#da-about-page .da-about-team-card__photo { position: relative; height: 360px; overflow: hidden; background: linear-gradient(135deg,#e8eef2,#f8fafb); }
#da-about-page .da-about-team-card__photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top,rgba(1,29,48,.55),transparent 48%); }
#da-about-page .da-about-team-card__photo img { width: 100%; height: 100%; object-fit: cover; object-position: center top; transition: transform .5s ease; }
#da-about-page .da-about-team-card:hover .da-about-team-card__photo img { transform: scale(1.045); }
#da-about-page .da-about-team-card__photo > span { position: absolute; left: 20px; bottom: 18px; z-index: 2; color: #fff; font-size: 10px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
#da-about-page .da-about-team-card__body { padding: 25px; }
#da-about-page .da-about-team-card__body h3 { margin: 0; color: var(--da-about-blue-dark); font-size: 22px; line-height: 1.15; }
#da-about-page .da-about-team-card__body > p { min-height: 66px; margin: 12px 0 0; color: var(--da-about-muted); font-size: 12.8px; line-height: 1.65; }
#da-about-page .da-about-team-card__chips { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 18px; }
#da-about-page .da-about-team-card__chips span { padding: 7px 9px; border-radius: 999px; color: var(--da-about-blue); background: #edf4f7; font-size: 9px; font-weight: 850; }
#da-about-page .da-about-team-card button { display: inline-flex; align-items: center; gap: 8px; margin-top: 21px; padding: 0; border: 0; color: var(--da-about-red); background: transparent; font-size: 11px; font-weight: 900; }
#da-about-page .da-about-team-card button svg { width: 17px; height: 17px; }

/* Projects */
#da-about-page .da-about-projects-section { color: #fff; background: radial-gradient(circle at 80% 10%,rgba(7,87,127,.52),transparent 33%),linear-gradient(135deg,var(--da-about-blue-deep),var(--da-about-blue-dark)); }
#da-about-page .da-about-projects-grid { display: grid; grid-template-columns: 1.35fr .825fr .825fr; gap: 20px; }
#da-about-page .da-about-project-card { min-height: 405px; padding: 32px; border: 1px solid rgba(255,255,255,.14); border-radius: 27px; background: rgba(255,255,255,.065); backdrop-filter: blur(14px); }
#da-about-page .da-about-project-card--featured { grid-row: span 1; padding: 0; overflow: hidden; background: rgba(255,255,255,.08); }
#da-about-page .da-about-project-card__media { position: relative; height: 245px; overflow: hidden; }
#da-about-page .da-about-project-card__media img { width: 100%; height: 100%; object-fit: cover; }
#da-about-page .da-about-project-card__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top,rgba(0,19,31,.72),transparent 55%); }
#da-about-page .da-about-project-card__media > span { position: absolute; left: 24px; bottom: 20px; z-index: 2; padding: 8px 11px; border-radius: 999px; color: var(--da-about-blue-dark); background: var(--da-about-gold); font-size: 9px; font-weight: 900; }
#da-about-page .da-about-project-card__content { padding: 30px; }
#da-about-page .da-about-project-card small { color: var(--da-about-gold); font-size: 9px; font-weight: 900; letter-spacing: .15em; }
#da-about-page .da-about-project-card h3 { margin: 13px 0 0; color: #fff; font-size: 25px; line-height: 1.17; letter-spacing: -.03em; }
#da-about-page .da-about-project-card p { margin: 16px 0 0; color: rgba(255,255,255,.7); font-size: 13px; line-height: 1.72; }
#da-about-page .da-about-project-card ul { display: grid; gap: 8px; margin: 18px 0 0; padding: 0; list-style: none; }
#da-about-page .da-about-project-card li { position: relative; padding-left: 18px; color: rgba(255,255,255,.72); font-size: 11px; }
#da-about-page .da-about-project-card li::before { content: "✓"; position: absolute; left: 0; color: var(--da-about-gold); font-weight: 900; }
#da-about-page .da-about-project-card__icon { display: grid; place-items: center; width: 62px; height: 62px; border-radius: 19px; color: var(--da-about-gold); background: rgba(255,255,255,.09); }
#da-about-page .da-about-project-card__icon svg { width: 32px; height: 32px; }
#da-about-page .da-about-project-card > small { display: block; margin-top: 28px; }
#da-about-page .da-about-project-card > a { display: inline-flex; align-items: center; gap: 8px; margin-top: 26px; color: var(--da-about-gold); font-size: 11px; font-weight: 900; }
#da-about-page .da-about-project-card > a svg { width: 17px; height: 17px; }
#da-about-page .da-about-confidential-badge { display: inline-flex; margin-top: 24px; padding: 9px 12px; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; color: rgba(255,255,255,.65); font-size: 9px; font-weight: 800; }

/* Gallery */
#da-about-page .da-about-gallery { display: grid; grid-template-columns: repeat(4,1fr); grid-auto-rows: 225px; grid-auto-flow: dense; gap: 16px; }
#da-about-page .da-about-gallery__item { position: relative; margin: 0; overflow: hidden; border-radius: 23px; box-shadow: 0 13px 42px rgba(1,29,48,.1); }
#da-about-page .da-about-gallery__item--wide { grid-column: span 2; }
#da-about-page .da-about-gallery__item--tall { grid-row: span 2; }
#da-about-page .da-about-gallery__item--feature { grid-column: span 2; grid-row: span 2; }
#da-about-page .da-about-gallery__item--full { grid-column: 1 / -1; }
#da-about-page .da-about-gallery__item img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease, filter .6s ease; }
#da-about-page .da-about-gallery__item:hover img { transform: scale(1.055); filter: saturate(1.08); }
#da-about-page .da-about-gallery__item::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top,rgba(0,19,31,.82),rgba(0,19,31,.05) 62%); }
#da-about-page .da-about-gallery__item figcaption { position: absolute; left: 22px; right: 22px; bottom: 20px; z-index: 2; color: #fff; }
#da-about-page .da-about-gallery__item figcaption span { display: block; color: var(--da-about-gold); font-size: 9px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
#da-about-page .da-about-gallery__item figcaption strong { display: block; margin-top: 5px; font-size: 15px; line-height: 1.3; }
#da-about-page .da-about-gallery__item--feature figcaption strong,
#da-about-page .da-about-gallery__item--full figcaption strong { max-width: 680px; font-size: 20px; }

/* Stats */
#da-about-page .da-about-stats-section { padding: 70px 0; color: #fff; background: linear-gradient(135deg,var(--da-about-red),#640101); }
#da-about-page .da-about-stats-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; background: rgba(255,255,255,.15); }
#da-about-page .da-about-stat { min-height: 170px; display: grid; place-content: center; padding: 24px; text-align: center; background: linear-gradient(135deg,var(--da-about-red),#760303); }
#da-about-page .da-about-stat strong { color: #fff; font-size: clamp(38px,5vw,64px); line-height: 1; font-weight: 900; }
#da-about-page .da-about-stat span { display: block; margin-top: 11px; color: rgba(255,255,255,.72); font-size: 11px; font-weight: 750; }

/* Videos */
#da-about-page .da-about-video-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
#da-about-page .da-about-video-card { display: grid; grid-template-columns: 45% 55%; min-height: 500px; overflow: hidden; border: 1px solid var(--da-about-line); border-radius: 28px; background: #fff; box-shadow: var(--da-about-shadow); }
#da-about-page .da-about-video-wrap { position: relative; min-height: 500px; background: var(--da-about-blue-deep); }
#da-about-page .da-about-video-wrap video { width: 100%; height: 100%; object-fit: cover; }
#da-about-page .da-about-video-label { position: absolute; left: 16px; bottom: 16px; display: inline-flex; align-items: center; gap: 8px; padding: 9px 12px; border-radius: 999px; color: #fff; background: rgba(1,29,48,.86); font-size: 9px; font-weight: 850; backdrop-filter: blur(12px); }
#da-about-page .da-about-video-label svg { width: 14px; height: 14px; color: var(--da-about-gold); }
#da-about-page .da-about-video-card__body { display: flex; flex-direction: column; justify-content: center; padding: 34px; }
#da-about-page .da-about-video-card__body > span { color: var(--da-about-red); font-size: 9px; font-weight: 900; letter-spacing: .15em; }
#da-about-page .da-about-video-card__body h3 { margin: 16px 0 0; color: var(--da-about-blue-dark); font-size: 25px; line-height: 1.2; }
#da-about-page .da-about-video-card__body p { margin: 17px 0 0; color: var(--da-about-muted); font-size: 13px; line-height: 1.72; }

/* Trust white */
#da-about-page .da-about-trust-section { padding: 100px 0; color: var(--da-about-black); background: #fff !important; }
#da-about-page .da-about-trust-heading { max-width: 880px; margin-bottom: 48px; }
#da-about-page .da-about-logo-title { margin: 34px 0 15px; color: var(--da-about-blue); font-size: 10px; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
#da-about-page .da-about-logo-grid { display: grid; gap: 14px; }
#da-about-page .da-about-logo-grid--partners { grid-template-columns: repeat(3,1fr); }
#da-about-page .da-about-logo-grid--clients { grid-template-columns: repeat(5,1fr); }
#da-about-page .da-about-logo-card { display: grid; place-items: center; min-height: 120px; padding: 22px; border: 1px solid #e3eaee; border-radius: 18px; background: #fff; transition: .25s ease; }
#da-about-page .da-about-logo-card:hover { transform: translateY(-5px); box-shadow: 0 18px 42px rgba(1,29,48,.1); }
#da-about-page .da-about-logo-card img { max-width: 155px; max-height: 65px; object-fit: contain; }

/* Social */
#da-about-page .da-about-social-section { padding: 110px 0; background: var(--da-about-soft); }
#da-about-page .da-about-social-grid { display: grid; grid-template-columns: .95fr 1.05fr; gap: 74px; align-items: center; }
#da-about-page .da-about-social-visual { position: relative; min-height: 535px; overflow: hidden; border-radius: 34px; box-shadow: var(--da-about-shadow); }
#da-about-page .da-about-social-visual img { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; }
#da-about-page .da-about-social-visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top,rgba(0,19,31,.68),transparent 60%); }
#da-about-page .da-about-social-visual__badge { position: absolute; left: 25px; right: 25px; bottom: 24px; z-index: 2; display: flex; align-items: center; gap: 13px; padding: 18px; border: 1px solid rgba(255,255,255,.2); border-radius: 18px; color: #fff; background: rgba(1,29,48,.83); backdrop-filter: blur(14px); }
#da-about-page .da-about-social-visual__badge svg { width: 29px; height: 29px; color: var(--da-about-gold); }
#da-about-page .da-about-social-visual__badge span { font-size: 12px; font-weight: 850; }
#da-about-page .da-about-social-copy > p { margin: 21px 0 0; color: var(--da-about-muted); font-size: 16px; line-height: 1.78; }
#da-about-page .da-about-social-points { display: grid; gap: 13px; margin-top: 28px; }
#da-about-page .da-about-social-points span { display: flex; align-items: center; gap: 10px; color: var(--da-about-blue-dark); font-size: 12px; font-weight: 800; }
#da-about-page .da-about-social-points svg { width: 20px; height: 20px; color: var(--da-about-red); }

/* Final */
#da-about-page .da-about-final { padding: 88px 0; color: #fff; background: radial-gradient(circle at 82% 20%,rgba(247,220,43,.18),transparent 30%),linear-gradient(135deg,#6e0101,var(--da-about-red)); }
#da-about-page .da-about-final__inner { display: flex; align-items: center; justify-content: space-between; gap: 52px; }
#da-about-page .da-about-final__inner > div:first-child { max-width: 790px; }
#da-about-page .da-about-final h2 { color: #fff; }
#da-about-page .da-about-final p { margin: 20px 0 0; color: rgba(255,255,255,.72); font-size: 17px; line-height: 1.7; }
#da-about-page .da-about-final__actions { display: flex; flex-direction: column; gap: 12px; min-width: 250px; }

/* Modal */
#da-about-page .da-about-modal { position: fixed; inset: 0; z-index: 99999; display: grid; place-items: center; padding: 24px; opacity: 0; visibility: hidden; transition: .25s ease; }
#da-about-page .da-about-modal.is-open { opacity: 1; visibility: visible; }
#da-about-page .da-about-modal__overlay { position: absolute; inset: 0; background: rgba(0,19,31,.78); backdrop-filter: blur(8px); }
#da-about-page .da-about-modal__panel { position: relative; z-index: 2; display: grid; grid-template-columns: .85fr 1.15fr; width: min(960px,100%); max-height: min(760px,calc(100vh - 48px)); overflow: auto; border-radius: 30px; background: #fff; box-shadow: 0 40px 120px rgba(0,0,0,.42); }
#da-about-page .da-about-modal__close { position: absolute; right: 18px; top: 18px; z-index: 4; display: grid; place-items: center; width: 43px; height: 43px; border: 0; border-radius: 50%; color: #fff; background: rgba(1,29,48,.88); }
#da-about-page .da-about-modal__close svg { width: 20px; height: 20px; }
#da-about-page .da-about-modal__photo { min-height: 540px; background: var(--da-about-soft); }
#da-about-page .da-about-modal__photo img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
#da-about-page .da-about-modal__content { padding: 60px 50px 48px; }
#da-about-page .da-about-modal__content > span { color: var(--da-about-red); font-size: 10px; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
#da-about-page .da-about-modal__content h2 { margin: 14px 0 0; color: var(--da-about-blue-dark); font-size: clamp(32px,4vw,48px); line-height: 1.05; letter-spacing: -.045em; }
#da-about-page .da-about-modal__content > p { margin: 22px 0 0; color: var(--da-about-muted); font-size: 15px; line-height: 1.8; }
#da-about-page .da-about-modal__content h3 { margin: 28px 0 0; color: var(--da-about-blue-dark); font-size: 14px; }
#da-about-page .da-about-modal__credentials { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 15px; }
#da-about-page .da-about-modal__credentials span { padding: 9px 11px; border-radius: 999px; color: var(--da-about-blue); background: #edf4f7; font-size: 10px; font-weight: 850; }
body.da-about-modal-open { overflow: hidden !important; }

/* Reveal */
#da-about-page .da-about-reveal { opacity: 0; transform: translateY(28px); transition: opacity .65s ease,transform .65s ease; }
#da-about-page .da-about-reveal.is-visible { opacity: 1; transform: translateY(0); }

/* Responsive */
@media (max-width: 1100px) {
  #da-about-page .da-about-hero__grid { grid-template-columns: 1fr; }
  #da-about-page .da-about-hero-visual { max-width: 760px; width: 100%; margin-inline: auto; }
  #da-about-page .da-about-intro-grid, #da-about-page .da-about-social-grid { grid-template-columns: 1fr; }
  #da-about-page .da-about-values-grid { grid-template-columns: repeat(2,1fr); }
  #da-about-page .da-about-method-grid { grid-template-columns: repeat(3,1fr); }
  #da-about-page .da-about-team-grid { grid-template-columns: repeat(2,1fr); }
  #da-about-page .da-about-projects-grid { grid-template-columns: 1.2fr .8fr; }
  #da-about-page .da-about-projects-grid > article:last-child { grid-column: span 2; min-height: 310px; }
  #da-about-page .da-about-video-grid { grid-template-columns: 1fr; }
  #da-about-page .da-about-logo-grid--clients { grid-template-columns: repeat(3,1fr); }
}

@media (max-width: 760px) {
  #da-about-page .da-about-container { width: min(calc(100% - 28px),var(--da-about-container)); }
  #da-about-page .da-about-section { padding: 78px 0; }
  #da-about-page .da-about-heading { display: block; margin-bottom: 38px; }
  #da-about-page .da-about-heading > p { margin-top: 18px; }
  #da-about-page .da-about-hero { min-height: auto; }
  #da-about-page .da-about-hero__grid { padding: 72px 0 60px; gap: 42px; }
  #da-about-page .da-about-hero h1 { font-size: clamp(43px,13vw,65px); }
  #da-about-page .da-about-hero-visual { min-height: 410px; }
  #da-about-page .da-about-hero-visual__main { inset: 50px 5px 42px 52px; }
  #da-about-page .da-about-hero-visual__team { width: 48%; height: 32%; }
  #da-about-page .da-about-hero-visual__learning { width: 46%; height: 29%; }
  #da-about-page .da-about-float-card--impact { display: none; }
  #da-about-page .da-about-float-card--years { left: 2%; }
  #da-about-page .da-about-intro-copy h2, #da-about-page .da-about-social-copy h2, #da-about-page .da-about-final h2, #da-about-page .da-about-trust-heading h2 { font-size: clamp(34px,10vw,50px); }
  #da-about-page .da-about-purpose-card { min-height: 480px; padding: 30px; }
  #da-about-page .da-about-purpose-card__coverage-content { align-items: flex-start; flex-direction: column; gap: 6px; }
  #da-about-page .da-about-purpose-card__coverage-content span { max-width: none; text-align: left; }
  #da-about-page .da-about-timeline::before { left: 22px; }
  #da-about-page .da-about-timeline-item { grid-template-columns: 44px 1fr; }
  #da-about-page .da-about-timeline-year { grid-column: 2; text-align: left; font-size: 22px; margin-bottom: 8px; }
  #da-about-page .da-about-timeline-dot { grid-column: 1; grid-row: 1 / span 2; }
  #da-about-page .da-about-timeline-card { grid-column: 2; }
  #da-about-page .da-about-mv-grid, #da-about-page .da-about-values-grid, #da-about-page .da-about-method-grid, #da-about-page .da-about-team-grid { grid-template-columns: 1fr; }
  #da-about-page .da-about-team-card__photo { height: 430px; }
  #da-about-page .da-about-projects-grid { grid-template-columns: 1fr; }
  #da-about-page .da-about-projects-grid > article:last-child { grid-column: auto; }
  #da-about-page .da-about-gallery { grid-template-columns: 1fr 1fr; grid-auto-rows: 220px; }
  #da-about-page .da-about-gallery__item--wide { grid-column: span 2; }
  #da-about-page .da-about-gallery__item--tall { grid-row: span 2; }
  #da-about-page .da-about-stats-grid { grid-template-columns: 1fr 1fr; }
  #da-about-page .da-about-video-card { grid-template-columns: 1fr; }
  #da-about-page .da-about-video-wrap { min-height: 560px; }
  #da-about-page .da-about-logo-grid--partners { grid-template-columns: 1fr; }
  #da-about-page .da-about-logo-grid--clients { grid-template-columns: repeat(2,1fr); }
  #da-about-page .da-about-social-visual { min-height: 440px; }
  #da-about-page .da-about-final__inner { display: block; }
  #da-about-page .da-about-final__actions { margin-top: 28px; min-width: 0; }
  #da-about-page .da-about-modal__panel { grid-template-columns: 1fr; }
  #da-about-page .da-about-modal__photo { min-height: 390px; }
  #da-about-page .da-about-modal__content { padding: 35px 25px; }
}

@media (max-width: 520px) {
  #da-about-page .da-about-gallery { grid-template-columns: 1fr; }
  #da-about-page .da-about-gallery__item--wide { grid-column: auto; }
  #da-about-page .da-about-gallery__item--tall { grid-row: auto; }
  #da-about-page .da-about-stats-grid { grid-template-columns: 1fr; }
  #da-about-page .da-about-logo-grid--clients { grid-template-columns: 1fr 1fr; }
  #da-about-page .da-about-team-card__photo { height: 390px; }
}

@media (prefers-reduced-motion: reduce) {
  #da-about-page *, #da-about-page *::before, #da-about-page *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .001ms !important; }
  #da-about-page .da-about-reveal { opacity: 1; transform: none; }
}

/* Ajustes de la galería ampliada */
@media (max-width: 980px) {
  #da-about-page .da-about-gallery { grid-template-columns: repeat(2,1fr); grid-auto-rows: 220px; }
  #da-about-page .da-about-gallery__item--feature { grid-column: span 2; grid-row: span 2; }
  #da-about-page .da-about-gallery__item--tall { grid-row: span 2; }
  #da-about-page .da-about-gallery__item--full { grid-column: 1 / -1; }
}
@media (max-width: 620px) {
  #da-about-page .da-about-gallery { grid-template-columns: 1fr; grid-auto-rows: 250px; }
  #da-about-page .da-about-gallery__item,
  #da-about-page .da-about-gallery__item--wide,
  #da-about-page .da-about-gallery__item--tall,
  #da-about-page .da-about-gallery__item--feature,
  #da-about-page .da-about-gallery__item--full { grid-column: auto; grid-row: auto; }
  #da-about-page .da-about-gallery__item--feature { min-height: 360px; }
  #da-about-page .da-about-gallery__item--full { min-height: 280px; }
}

/* =========================================================
   PARCHE DE VISIBILIDAD SEGURA — NOSOTROS Y EXPERIENCIA
   Agregar al FINAL del CSS de la página.
   Evita que el contenido quede invisible si Elementor tarda
   en ejecutar el JavaScript o no lo ejecuta en el editor.
   ========================================================= */

#da-about-page .da-about-reveal {
  opacity: 1 !important;
  transform: none !important;
}

#da-about-page.da-about-animate .da-about-reveal {
  opacity: 0 !important;
  transform: translateY(28px) !important;
  transition: opacity .65s ease, transform .65s ease !important;
}

#da-about-page.da-about-animate .da-about-reveal.is-visible {
  opacity: 1 !important;
  transform: translateY(0) !important;
}/* End custom CSS */