/* Personas: propuesta compatible con Inicio v14 y Nosotros. */
body[data-page="personas"] { font-family: Montserrat, Arial, sans-serif; font-weight: 400; }
body[data-page="personas"] .footer-redesign .institutional { font-family: inherit; }
body[data-page="personas"] main p { font-size: 16px; font-weight: 400; line-height: 1.65; }
body[data-page="personas"] main h2 { font-size: 40px; font-weight: 650; line-height: 1.18; }
body[data-page="personas"] main h3 { font-size: 17px; font-weight: 650; line-height: 1.4; letter-spacing: -.02em; }
.people-hero { position: relative; isolation: isolate; min-height: 520px; display: flex; align-items: center; background: #eee7de; overflow: hidden; }
.people-hero-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: -2; }
.people-hero:after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg,#f4eee6a6 0%,#f4eee622 56%,transparent 75%); z-index: -1; }
.people-hero-copy { padding: 74px 0; max-width: 625px; }
.people-hero h1 { font-size: 54px; font-weight: 600; line-height: 1.08; }
.people-hero-copy p { margin-top: 24px; max-width: 580px; color: #4d4945; }
.people-hero .hero-note { color: #5d5248; background: #fff9; padding: 3px 7px; }
.people-catalog { padding: 64px 0 70px; }
.people-catalog-heading { margin-bottom: 34px; }
.people-catalog-heading p { max-width: 900px; margin-top: 18px; }
.people-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px 28px; }
.people-card { display: flex; flex-direction: column; border: 1px solid #e5e5e5; border-radius: 4px; overflow: hidden; background: white; transition: border-color .2s,box-shadow .2s; }
.people-card:hover { border-color: #c5c5c5; box-shadow: 0 8px 24px #0000000a; }
.people-card-photo { width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; }
.people-card[data-solution="vida"] .people-card-photo { object-position: 68% center; }
.people-card[data-solution="inversion"] .people-card-photo { object-position: 65% center; }
.people-card-copy { display: flex; flex: 1; flex-direction: column; padding: 24px; }
.people-card p { margin-top: 10px; margin-bottom: 20px; }
.people-card-access { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-top: auto; min-height: 32px; font-size: 14px; font-weight: 400; color: var(--muted); }
.people-card-access svg { width: 20px; height: 20px; flex-shrink: 0; }
.people-card:hover .people-card-access, .people-card:focus-visible .people-card-access { color: #d00023; }
.people-compare { background: #f4f4f2; padding: 62px 0; }
.people-compare h2 { max-width: 1100px; }
.people-criteria { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 34px; margin-top: 36px; }
.people-criterion { border-top: 1px solid #c9c9c6; padding-top: 24px; }
.people-criterion p { margin-top: 12px; }
.people-faq-section { padding: 62px 0 54px; }
.people-faq-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 80px; }
.people-faq details { border-top: 1px solid var(--line); }
.people-faq details:last-child { border-bottom: 1px solid var(--line); }
.people-faq summary { position: relative; list-style: none; cursor: pointer; padding: 23px 40px 23px 0; font-size: 17px; font-weight: 650; line-height: 1.4; letter-spacing: -.02em; }
.people-faq summary::-webkit-details-marker { display: none; }
.people-faq summary:after { content: '+'; position: absolute; right: 3px; top: 17px; color: var(--red); font-weight: 400; font-size: 27px; }
.people-faq details[open] summary:after { content: '−'; }
.people-faq p { padding: 0 30px 24px 0; }
.people-claims-access { margin-top: 42px; border-top: 1px solid var(--line); padding-top: 30px; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.people-claims-access h3 { color: var(--red); }
.people-claims-access h3 span { white-space: nowrap; }
.people-claims-access a { display: inline-flex; align-items: center; gap: 14px; min-height: 44px; font-size: 14px; font-weight: 400; }
.people-claims-access a svg { width: 18px; height: 18px; color: var(--red); flex-shrink: 0; }
.people-claims-access a:hover { color: var(--red); text-decoration: underline; text-underline-offset: 4px; }
@media(max-width:1100px) {
  .people-hero h1 { font-size: 52px; }
  .people-hero-copy { max-width: 560px; }
  .people-faq-grid { gap: 46px; }
  .people-card-copy { padding: 22px; }
}
@media(max-width:850px) {
  .people-hero { min-height: 460px; }
  .people-hero-photo { object-position: 60% center; }
  .people-hero:after { background: linear-gradient(90deg,#f4eee6dd 0%,#f4eee6aa 50%,transparent 90%); }
  .people-hero-copy { max-width: 480px; }
  .people-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .people-criteria { gap: 25px; }
  .people-faq-grid { grid-template-columns: 1fr; gap: 30px; }
}
@media(max-width:600px) {
  body[data-page="personas"] main h2 { font-size: 30px; }
  .people-hero { display: block; padding-bottom: 255px; min-height: 0; }
  .people-hero-photo { inset: auto 0 0; height: 270px; object-position: 78% center; }
  .people-hero:after { background: linear-gradient(180deg,#eee7de 0%,#eee7de 45%,transparent 67%); }
  .people-hero-copy { padding: 40px 0 18px; max-width: none; }
  .people-hero h1 { font-size: 40px; line-height: 1.12; }
  .people-hero-copy p { margin-top: 20px; }
  .people-title-break { display: none; }
  .people-hero .hero-note { bottom: 12px; right: 20px; }
  .people-catalog { padding: 42px 0 46px; }
  .people-catalog-heading { margin-bottom: 26px; }
  .people-catalog-heading p { margin-top: 16px; }
  .people-grid { grid-template-columns: 1fr; gap: 26px; }
  .people-card-copy { padding: 22px; }
  .people-compare { padding: 42px 0; }
  .people-criteria { grid-template-columns: 1fr; margin-top: 28px; gap: 28px; }
  .people-criterion { padding-top: 22px; }
  .people-faq-section { padding: 42px 0 36px; }
  .people-faq-grid { gap: 26px; }
  .people-faq summary { font-size: 17px; }
  .people-faq p { padding-right: 0; }
  .people-claims-access { display: block; margin-top: 30px; padding-top: 24px; }
  .people-claims-access a { margin-top: 6px; }
}
@media(max-width:360px) { .people-hero h1 { font-size: 36px; } }
@media(prefers-reduced-motion:reduce) { body[data-page="personas"] { scroll-behavior: auto; } }
