/* Nora QA — scoped to About; preserve the approved portraits and other pages. */
.about-news{padding:140px 0 160px}
.about-news>.shell{isolation:isolate;background:transparent;padding:88px 0 90px}
.about-news>.shell::before{content:"";position:absolute;z-index:-1;inset:0 96px;border-radius:4px;background:var(--color-surface-muted)}
.about-news h2{font-size:74px;font-weight:100;line-height:1.41;margin:0 0 70px}
.about-news .events-news-grid{align-items:stretch;gap:24px}
.about-news .events-news-card{min-width:0;min-height:408px;display:flex;flex-direction:column}
.about-news .events-news-card>img{height:164px;flex-shrink:0}
.about-news .events-news-card>div{padding:8px;display:flex;flex-direction:column;flex:1}
.about-news .events-news-card h3{font-size:24px;line-height:1.31;font-weight:500;min-height:96px;margin:0 0 12px}
.about-news .news-meta{align-items:center;gap:8px;margin:0 0 22px;font-weight:400}
.about-news .news-author{display:flex;align-items:center;gap:8px;color:var(--color-ink)}
.about-news .news-author img{width:24px;height:24px;flex:0 0 24px;object-fit:cover;border-radius:50%}
.about-news .news-meta time{white-space:nowrap}
.about-news .news-tags{gap:12px}
.about-news .news-tags span{min-width:67px;min-height:28px;text-align:center;padding:5px 8px}
.about-news .events-news-more{margin-top:60px;font-size:16px;font-weight:300}
.about-news .events-news-more>img{width:45px;height:45px}
@media(max-width:1000px){
  .about-news{padding:80px 0}
  .about-news>.shell{padding:60px 0}
  .about-news>.shell::before{inset:0 32px}
  .about-news h2{font-size:56px;margin-bottom:42px}
}
@media(max-width:640px){
  .about-news{padding:56px 0}
  .about-news>.shell{padding:42px 0}
  .about-news>.shell::before{inset:0 12px}
  .about-news h2{font-size:42px;margin-bottom:32px}
  .about-news .events-news-card h3{font-size:22px;min-height:0}
  .about-news .events-news-card{min-height:0}
  .about-news .events-news-card>div{padding:16px}
  .about-news .news-meta{flex-wrap:wrap;margin-top:8px}
  .about-news .events-news-more{margin-top:36px}
}
/* User-approved correction: HCConnect is profile viewing, never scheduling. */
.about-doctor a.doctor-service{display:flex;align-items:center;gap:8px;padding-inline-start:16px;cursor:default}
.about-doctor a.orlando-health{color:#c24600}
.about-doctor a.hcconnect{color:#004759}
.about-doctor a.doctor-service img{position:static;display:block;width:24px;height:24px;min-width:24px;flex:0 0 24px;object-fit:contain;border:0;border-radius:0;box-shadow:none;transform:none;filter:none}

/* Sobre nosotros — geometry measured from the approved 1440 px Figma frame. */
/* Designer review (PAMA-062..069): one section-title scale for every block
   Figma draws with the same 74 px thin uppercase style. */
.about-origins h2,.about-board h2,.past-presidents h2,.angulo-award h2{margin:0 0 32px;color:var(--color-ink);font-size:74px;font-weight:100;line-height:1.41;text-transform:uppercase}
.about-origins h2{margin-bottom:5px}
.about-board h2{margin-bottom:0;font-weight:300}
.past-presidents h2{margin-bottom:44px}
.angulo-award h2{margin-bottom:0;color:#fff}
.about-board .board-note{margin:0 0 64px;color:var(--color-ink);font-size:16px;font-weight:400}
.about-hero-copy h1{margin-bottom:28px;text-wrap:balance}
.about-hero-copy p{font-size:28px;font-weight:400;line-height:1.29}
.purpose-row h2{margin:0 0 16px;color:var(--color-neutral-600);font-size:28px;font-weight:100;line-height:1.41}
.purpose-row p{color:var(--color-ink);font-size:28px;font-weight:400;line-height:36px}
.purpose-row strong{color:var(--color-primary);font-weight:600}
.award-featured{margin:0}
.award-featured figcaption{margin:0 0 8px}
.award-featured b,.award-featured small{display:block}
.award-featured b{font-size:16px;font-weight:600}
.award-featured small{color:#d2f3ff;font-size:12px}
@media (min-width:1001px){
  /* 40 px gap keeps "Nuestra historia" (507 px at 64 px) on one line at 1440. */
  .about-hero-grid{gap:40px}
  /* Figma lets the 468 px Misión photo overhang the shell by 18 px (833-1302);
     a 450 px track does the same and leaves the 28 px copy its designed wrap. */
  .purpose-row{grid-template-columns:minmax(0,1fr) 450px;gap:16px}
  .purpose-row.reverse{grid-template-columns:468px minmax(0,1fr)}
  .presidents-list{grid-template-columns:repeat(4,minmax(0,225px));gap:8px 54px}
  .about-origins .origins-grid{grid-template-columns:minmax(0,552px) minmax(0,456px);align-items:end;gap:clamp(48px,8vw,120px)}
  .about-origins .origins-grid p{font-size:18px;font-weight:400;line-height:1.45}
  .about-origins .origins-copy p{margin-bottom:26px;color:var(--color-ink)}
  .about-origins .origins-copy p:last-child{margin-bottom:0}
  .about-origins .origins-copy strong{color:var(--color-primary);font-weight:700}
  /* Both columns share their bottom edge. The 2px optical offset compensates
     for the list's 30px leading versus the copy's 26.1px leading. */
  .about-origins .origins-aside{position:relative;top:2px;padding-top:0}
  /* Scoped under .origins-aside so it outranks ".origins-grid p" (18/400). */
  .about-origins .origins-aside .origins-intro{margin:0 0 18px;color:var(--color-primary);font-size:24px;font-weight:300;line-height:1.5}
  .about-origins .origins-objectives li{margin-bottom:0;color:var(--color-ink);font-size:18px;font-weight:300;line-height:30px}
  .about-origins .origins-objectives li::before{width:12px;height:12px;top:9px}

  /* Height follows the content (no fixed 713 px): with 14 listed winners the
     list's bottom padding and the portrait's -40 px overhang reproduce the
     Figma frame, and longer lists simply grow the section. */
  .angulo-award{position:relative;z-index:2;overflow:visible}
  .angulo-award .award-layout{grid-template-columns:minmax(0,1fr) 400px;gap:45px;margin-top:52px;align-items:start}
  .angulo-award .award-list{gap:12px 88px;padding-bottom:96px}
  .angulo-award .award-featured{position:relative;z-index:3;margin-bottom:-40px}
  .angulo-award .award-featured figcaption{padding-left:24px}
  .angulo-award .award-featured img{display:block;width:400px;height:420px;max-height:none;object-fit:contain;object-position:center top}
  .angulo-award + .about-news{position:relative;z-index:1}
}
@media (max-width:1000px){
  .about-origins h2,.about-board h2,.past-presidents h2,.angulo-award h2{font-size:56px}
  .about-hero-copy p{font-size:22px;line-height:1.4}
  .purpose-row h2{font-size:24px}
  .purpose-row p{font-size:22px;line-height:1.45}
  /* Three columns cannot hold the desktop column-flow rows; flow by row. */
  .presidents-list{grid-auto-flow:row;grid-template-rows:none}
}
@media (max-width:700px){
  .about-origins h2,.about-board h2,.past-presidents h2,.angulo-award h2{font-size:clamp(32px,10.5vw,40px);overflow-wrap:anywhere}
  .about-hero-copy p{font-size:19px}
  .purpose-row h2{font-size:22px}
  .purpose-row p{font-size:19px}
  .about-board .board-note{margin-bottom:40px}
  .award-featured{justify-self:center;width:min(100%,360px)}
  .award-featured img{width:100%;height:auto}
}
/* Mobile: tighter vertical rhythm on the About page. The desktop paddings, row margins and card heights
   stack up to very large empty areas on a phone. The ex-presidents list flows in two plain columns
   (no shared row heights, so a two-line name no longer leaves a hole next to its neighbour). */
@media (max-width: 1000px) {
  .about-origins .origins-grid { gap: 24px; }
  .about-origins .origins-grid > div:last-child { padding-top: 0; }
  .about-origins .origins-copy p:last-child { margin-bottom: 0; }
}
@media (max-width: 640px) {
  .about-hero { padding-bottom: 40px; }
  .about-purpose,
  .about-origins,
  .about-board,
  .past-presidents { padding: 48px 0; }
  .angulo-award { padding-top: 56px; }
  .angulo-award > .shell { gap: 28px; }
  .purpose-row { gap: 24px; margin-bottom: 40px; }
  .board-officers { gap: 16px; }
  .board-officers .about-doctor { min-height: 0; }
  .directors-label { margin: 24px 0 12px; }
  .presidents-list { display: block; column-count: 2; column-gap: 24px; }
  .presidents-list > p { margin: 0 0 14px; break-inside: avoid; }
  .award-list { display: block; column-count: 2; column-gap: 24px; padding-bottom: 12px; }
  .award-list > p { margin: 0 0 14px !important; break-inside: avoid; }
}