/* Conoce Binet: presentación, propósito, valores y contacto. */
.about-binet { --about-ink:var(--text); --about-muted:var(--muted); background:var(--background); color:var(--about-ink); }
.about-binet p { color:var(--about-muted); }
.about-binet h1,.about-binet h2,.about-binet h3 { font-weight:600; }
.about-binet .about-eyebrow { color:#ff7478; font-size:11px; font-weight:700; letter-spacing:.13em; margin-bottom:18px; }
.about-binet [id] { scroll-margin-top:110px; }
.about-intro { background:var(--surface); border-bottom:1px solid var(--line); overflow:hidden; }
.about-intro-grid { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,.8fr); gap:72px; align-items:center; padding-block:64px; }
.about-intro .about-title { font-size:clamp(38px,4.1vw,60px); letter-spacing:-.045em; line-height:1.1; margin-bottom:26px; }
.about-title em { color:#ff454b; font-style:normal; }
.about-intro-copy>p:not(.about-eyebrow) { max-width:530px; font-size:16px; line-height:1.8; }
.about-intro-copy>p+p { margin-top:16px; }
.about-text-link { display:inline-flex; align-items:center; gap:20px; min-height:48px; margin-top:22px; color:#ff7478; font-weight:700; font-size:13px; }
.about-text-link:hover { text-decoration:underline; text-underline-offset:5px; }
.about-photo { position:relative; min-width:0; width:100%; max-width:360px; justify-self:center; aspect-ratio:2/3; overflow:hidden; border:1px solid #ffffff24; border-radius:24px; background:#071c5b; box-shadow:18px 18px 0 -1px var(--surface),18px 18px 0 0 #ff747833; }
.about-photo img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.about-photo::after { content:''; position:absolute; inset:70% 0 0; background:linear-gradient(transparent,#050b34e6); pointer-events:none; }
.about-photo figcaption { position:absolute; z-index:1; bottom:24px; left:24px; right:24px; color:#fff; font:500 18px/1.4 var(--font-title); padding-left:12px; border-left:3px solid #ff7478; }
.about-purpose { background:var(--background); padding-block:64px; }
.about-section-heading { max-width:660px; margin:0 auto 32px; text-align:center; }
.about-section-heading h2 { font-size:clamp(30px,3.2vw,42px); margin-bottom:12px; }
.about-section-heading>p:not(.about-eyebrow) { font-size:15px; line-height:1.7; }
.about-purpose-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.about-purpose-card { background:var(--card); border:1px solid var(--line); border-radius:20px; padding:28px; }
.about-card-icon,.about-value-icon { display:grid; place-items:center; width:44px; height:44px; background:#ed151b1a; color:#ff7478; border-radius:13px; }
.about-card-icon { margin-bottom:24px; }
.about-card-icon svg,.about-value-icon svg { width:25px; height:25px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.about-purpose-card .about-eyebrow { font-size:10px; letter-spacing:.1em; margin-bottom:8px; }
.about-purpose-card h3 { font-size:28px; margin-bottom:12px; }
.about-purpose-card>p:last-child { font-size:14px; line-height:1.8; }
.about-values { padding-block:56px; border-top:1px solid var(--line); }
.about-values-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:20px; }
.about-value { min-width:0; padding:0 0 0 18px; border-left:1px solid var(--line); }
.about-value-icon { margin-bottom:16px; }
.about-value h3 { font-size:19px; margin-bottom:10px; overflow-wrap:normal; }
.about-value p { font-size:13px; line-height:1.8; }
.about-join { padding-block:72px 88px; }
.about-join-card { position:relative; isolation:isolate; overflow:hidden; display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:60px; align-items:center; padding:52px; background:linear-gradient(120deg,#2b141e 0%,#171721 58%,#13131e); border:1px solid #ff747833; border-radius:28px; }
.about-join-card::before { content:''; position:absolute; z-index:-1; top:-180px; left:-120px; width:420px; height:420px; border:1px solid #ff74781a; border-radius:50%; box-shadow:0 0 0 65px #ff747806,0 0 0 130px #ff747804; pointer-events:none; }
.about-join-copy h2 { font-size:clamp(34px,4vw,52px); letter-spacing:-.035em; margin-bottom:22px; }
.about-join-copy h2 em { color:#ff7478; font-style:normal; }
.about-join-copy>p:not(.about-eyebrow) { max-width:490px; line-height:1.85; }
.about-join-actions { display:grid; gap:12px; border-left:1px solid #ffffff1c; padding-left:40px; }
.about-join-actions>p { color:var(--text); font-size:14px; font-weight:600; margin:4px 0 10px; }
.about-join-actions>a { width:100%; }
.about-join-arrow { display:grid; place-items:center; width:52px; height:52px; border:1px solid #ff74784d; border-radius:50%; color:#ff7478; background:#ed151b12; }
.about-join-arrow svg { width:26px; height:26px; }
.about-secondary-button { display:inline-flex; justify-content:center; align-items:center; border:1px solid var(--line); border-radius:100px; min-height:48px; padding:12px 25px; font-size:13px; font-weight:700; }
.about-secondary-button:hover { background:var(--surface); }

.about-join { padding-block:24px 72px; }
@media(min-width:1001px) { .page-inner:has(.about-binet) .nav { gap:16px; } .page-inner:has(.about-binet) .menu { gap:20px; } }
@media(max-width:1000px) {
  .about-intro-grid { gap:36px; }
  .about-purpose-grid { gap:14px; }
  .about-purpose-card { padding:22px; }
  .about-values-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px 20px; }
}
@media(max-width:760px) {
  .about-intro-grid { grid-template-columns:1fr; padding-block:40px 52px; gap:28px; }
  .about-intro .about-title { font-size:clamp(34px,7vw,48px); }
  .about-intro-copy>p:not(.about-eyebrow) { font-size:15px; }
  .about-photo { width:calc(100% - 18px); max-width:320px; justify-self:start; }
  .about-purpose,.about-values { padding-block:44px; }
  .about-purpose-grid { grid-template-columns:1fr; gap:14px; }
  .about-purpose-card { display:grid; grid-template-columns:44px minmax(0,1fr); gap:6px 16px; padding:24px; }
  .about-purpose-card .about-card-icon { grid-row:1/3; margin:0; }
  .about-purpose-card .about-eyebrow { margin:0; }
  .about-purpose-card h3 { margin:0; font-size:25px; }
  .about-purpose-card>p:last-child { grid-column:1/-1; margin-top:8px; }
  .about-values-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 16px; }
  .about-join { padding-block:8px 48px; }
  .about-join-card { grid-template-columns:1fr; padding:30px 24px; gap:24px; border-radius:22px; }
  .about-join-actions { border-left:0; border-top:1px solid #ffffff1c; padding-left:0; padding-top:24px; }
  .about-join-arrow { display:none; }
}
@media(max-width:480px) {
  .about-values-grid { grid-template-columns:1fr; gap:0; }
  .about-value { display:grid; grid-template-columns:44px minmax(0,1fr); gap:4px 14px; border-left:0; border-bottom:1px solid var(--line); padding:18px 0; }
  .about-value:last-child { border-bottom:0; }
  .about-value-icon { grid-row:1/3; margin:0; }
  .about-value h3 { margin:0; }
  .about-value p { grid-column:2; }
}