/* PERFODOM Nosotros V1.3.0 - contenido oficial, fotografías reales, editorial responsive */
.perfodom-about{--pa-ink:#10263d;--pa-navy:#081f34;--pa-blue:#405078;--pa-bluebright:#276da8;--pa-muted:#4f6275;--pa-border:#dce4eb;--pa-bg:#f2f6f9;color:var(--pa-ink);background:#fff}
.perfodom-about *, .perfodom-about *::before,.perfodom-about *::after{box-sizing:border-box;min-width:0}
.pd-about-shell{width:100%;max-width:1260px;margin-inline:auto;padding-inline:36px;box-sizing:border-box}
.pd-about-section{padding:clamp(70px,7.5vw,118px) 0}
.pd-about-eyebrow{font-size:14px;font-weight:750;line-height:1.5;letter-spacing:.15em;color:#365e83;text-transform:uppercase;margin:0 0 18px}
.pd-about-eyebrow--light{color:#b8d0e5}
.perfodom-about h1,.perfodom-about h2,.perfodom-about h3{letter-spacing:-.043em}
.perfodom-about h2{font-size:clamp(35px,4vw,56px);line-height:1.1;font-weight:780;margin:0 0 24px}
.perfodom-about h3{font-size:clamp(21px,2vw,28px);line-height:1.18;margin:0 0 12px}
.perfodom-about p{font-size:17px;line-height:1.73}
.pd-about-link{display:inline-flex;align-items:center;gap:14px;min-height:48px;color:#224f7e;font-size:16px;font-weight:750;text-decoration:none;text-underline-offset:5px;margin-top:12px}
.pd-about-link:hover{text-decoration:underline}
.pd-about-link svg{width:18px;height:18px}
.pd-about-hero{position:relative;min-height:545px;background:#09253c;color:#fff;isolation:isolate;display:flex;align-items:center;overflow:hidden}
.pd-about-hero__visual{position:absolute;inset:0;z-index:-2}
.pd-about-hero__visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 56%}
.pd-about-hero__shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,24,42,.95) 0%,rgba(5,24,42,.88) 33%,rgba(5,24,42,.47) 61%,rgba(5,24,42,.06) 100%)}
.pd-about-hero__inner{padding:68px 0 83px;width:100%}
.pd-about-hero__copy{max-width:690px}
.pd-about-breadcrumb{display:flex;gap:12px;align-items:center;margin:0 0 26px;color:#cee2f1;font-size:14px;letter-spacing:.04em}
.pd-about-breadcrumb a{text-decoration:none;color:inherit}
.pd-about-breadcrumb a:hover{text-decoration:underline}
.pd-about-hero h1{margin:0 0 20px;font-size:clamp(47px,5.3vw,76px);line-height:1.05;color:#fff;font-weight:800;letter-spacing:-.046em}
.pd-about-hero h1 span{color:#e1eaf3}
.pd-about-hero__copy>p:last-child{max-width:535px;margin:0;color:#edf4fa;font-size:18px;line-height:1.62}
.pd-about-story__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:clamp(46px,6vw,110px);align-items:center}
.pd-about-story__copy>p:not(.pd-about-eyebrow){margin:0 0 19px;color:var(--pa-muted);max-width:625px}
.pd-about-story__copy strong{color:var(--pa-ink)}
.pd-about-story__photo,.pd-about-founder__photo,.pd-about-field__photo{margin:0;overflow:hidden;background:#e4e9ee}
.pd-about-story__photo{height:550px;position:relative}
.pd-about-story__photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 17%}
.perfodom-about figcaption{font-size:14px;line-height:1.35;color:#e7f2fb;background:rgba(5,29,49,.94);padding:12px 18px}
.pd-about-story__photo figcaption{position:absolute;bottom:0;left:0;right:0}
.pd-about-purpose{background:#f3f6f9}
.pd-about-purpose__heading{margin-bottom:32px}
.pd-about-purpose__heading h2{max-width:630px}
.pd-about-purpose__columns{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid #becbd8}
.pd-about-purpose__columns article{padding:32px 46px 8px 0}
.pd-about-purpose__columns article+article{border-left:1px solid #cbd7e2;padding-left:46px;padding-right:0}
.pd-about-purpose__index{font-size:16px;font-weight:800;color:#5b7fa4;letter-spacing:.12em;display:block;margin:0 0 26px}
.pd-about-purpose h3{font-size:30px}
.pd-about-purpose__columns p{max-width:530px;color:var(--pa-muted);margin:0}
.pd-about-values{background:#081f34;color:#fff;position:relative}
.pd-about-values:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,transparent,#3e759b,transparent)}
.pd-about-values__layout{display:grid;grid-template-columns:minmax(240px,.76fr) minmax(0,1.5fr);gap:clamp(45px,7vw,110px);align-items:start}
.pd-about-values h2{color:#fff}
.pd-about-values__intro>p:last-child{max-width:350px;color:#d2e0ee;margin:0}
.pd-about-values__list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:38px}
.pd-about-values__list li{border-top:1px solid rgba(214,233,247,.28);padding:20px 0 25px;display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px}
.pd-about-values__number{grid-row:1/3;color:#8ab6d8;font-size:14px;font-weight:700;padding-top:3px}
.pd-about-values__list h3{color:#fff;font-size:23px;margin:0 0 8px}
.pd-about-values__list p{grid-column:2;color:#c6d9e9;font-size:16px;line-height:1.57;margin:0}
.pd-about-founder__grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(60px,9vw,140px);align-items:center}
.pd-about-founder__photo{height:650px}
.pd-about-founder__photo img{width:100%;height:100%;object-fit:cover;object-position:center 18%;display:block}
.pd-about-founder__content{max-width:600px}
.pd-about-founder__content>p:not(.pd-about-eyebrow){margin:0 0 20px;color:var(--pa-muted)}
.pd-about-founder__identity{display:flex;flex-direction:column;gap:5px;border-top:1px solid #d6e1ea;margin-top:38px;padding-top:22px}
.pd-about-founder__identity strong{font-size:22px;line-height:1.3;color:#123455}
.pd-about-founder__identity span{font-size:15px;color:#657c92}
.pd-about-field{background:#f6f8fa}
.pd-about-field__grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:center;gap:clamp(45px,7vw,100px)}
.pd-about-field__content>p:not(.pd-about-eyebrow){margin:0 0 19px;color:var(--pa-muted)}
.pd-about-field__photo img{display:block;width:100%;aspect-ratio:1.4;object-fit:cover}
.pd-about-field__photo figcaption{background:#102e47}
@media(max-width:1100px){.pd-about-shell{padding-inline:24px}.pd-about-story__grid,.pd-about-founder__grid,.pd-about-field__grid{gap:40px}.pd-about-values__layout{grid-template-columns:.75fr 1.5fr;gap:45px}.pd-about-values__list{column-gap:22px}}
@media(max-width:860px){.pd-about-section{padding:70px 0}.pd-about-story__grid,.pd-about-founder__grid,.pd-about-field__grid{grid-template-columns:1fr;gap:34px}.pd-about-story__photo{height:450px}.pd-about-founder__photo{height:520px;max-width:480px}.pd-about-field__photo{max-width:760px}.pd-about-values__layout{grid-template-columns:1fr;gap:30px}.pd-about-values__intro>p:last-child{max-width:700px}.pd-about-purpose__columns article{padding-right:25px}.pd-about-purpose__columns article+article{padding-left:25px}.pd-about-hero h1{font-size:clamp(42px,7vw,61px)}}
@media(max-width:680px){.pd-about-shell{padding-inline:18px}.pd-about-hero{display:flex;flex-direction:column;min-height:0}.pd-about-hero__visual{position:relative;inset:auto;z-index:auto;order:2;height:275px;width:100%}.pd-about-hero__visual img{object-position:65% 52%}.pd-about-hero__shade{display:none}.pd-about-hero__inner{order:1;background:#09253c;padding:42px 0 49px}.pd-about-hero h1{font-size:clamp(38px,10vw,52px);line-height:1.08}.pd-about-hero__copy>p:last-child{font-size:17px}.pd-about-breadcrumb{margin-bottom:22px}.pd-about-section{padding:59px 0}.perfodom-about h2{font-size:clamp(32px,8vw,44px)}.perfodom-about p{font-size:16px;line-height:1.68}.pd-about-story__photo{height:370px}.pd-about-purpose__columns{grid-template-columns:1fr}.pd-about-purpose__columns article{padding:25px 0 32px}.pd-about-purpose__columns article+article{padding:25px 0 12px;border-left:0;border-top:1px solid #cbd7e2}.pd-about-purpose__index{margin-bottom:16px}.pd-about-values__list{grid-template-columns:1fr}.pd-about-values__list li{padding:20px 0}.pd-about-founder__photo{height:490px;max-width:100%}.pd-about-founder__identity{margin-top:28px}.pd-about-field__photo img{aspect-ratio:1.2}}
@media(max-width:380px){.pd-about-shell{padding-inline:15px}.pd-about-hero h1{font-size:37px}.pd-about-story__photo{height:310px}.pd-about-founder__photo{height:440px}}

/* Reveal animations */
.pd-reveal{opacity:0;transform:translateY(34px);transition:opacity .72s ease,transform .72s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}
.pd-reveal.is-visible{opacity:1;transform:none}
.pd-reveal--left{transform:translateX(-34px)}
.pd-reveal--right{transform:translateX(34px)}
.pd-reveal--zoom{transform:scale(.97);transform-origin:center center}
.pd-reveal.is-visible.pd-reveal--zoom{transform:scale(1)}
.pd-reveal-delay-1{transition-delay:.08s}
.pd-reveal-delay-2{transition-delay:.16s}
.pd-reveal-delay-3{transition-delay:.24s}
.pd-reveal-delay-4{transition-delay:.32s}

@media(prefers-reduced-motion:reduce){.perfodom-about *{scroll-behavior:auto}.pd-reveal{transition:none!important;transform:none!important;opacity:1!important}}

/* V1.4.0 — .pd-about-hero__inner definía padding:68px 0, anulando el gutter. */
.pd-about-hero .pd-about-hero__inner { padding: 68px clamp(20px, 3.1vw, 40px) 83px; }
@media(max-width:680px){ .pd-about-hero .pd-about-hero__inner { padding:42px 20px 49px; } }
@media(max-width:380px){ .pd-about-hero .pd-about-hero__inner { padding-inline:16px; } }
/* Contenido visible por defecto si JS no carga. */
.perfodom-about .pd-reveal { opacity:1; transform:none; }
.pd-motion-enabled .perfodom-about .pd-reveal:not(.is-visible){ opacity:0; transform:translateY(22px); }
.pd-motion-enabled .perfodom-about .pd-reveal--left:not(.is-visible){ transform:translateX(-22px); }
.pd-motion-enabled .perfodom-about .pd-reveal--right:not(.is-visible){ transform:translateX(22px); }
.pd-motion-enabled .perfodom-about .pd-reveal--zoom:not(.is-visible){ transform:scale(.985); }
@media (prefers-reduced-motion:reduce){ .pd-motion-enabled .perfodom-about .pd-reveal { opacity:1!important; transform:none!important; } }


/* V1.8.8 — En móvil las animaciones de entrada no deben desplazar las
   columnas fuera del viewport. Antes translateX(22px) superaba los
   gutters de 15–18px y generaba scroll horizontal en /nosotros/. */
.perfodom-about { overflow-x: clip; }
@media (max-width: 860px) {
  .pd-motion-enabled .perfodom-about .pd-reveal--left:not(.is-visible),
  .pd-motion-enabled .perfodom-about .pd-reveal--right:not(.is-visible) {
    transform: translateY(22px);
  }
}