/* ══ Instituto Avanza · páginas internas (ayuda y legales) ══ */

.pagehero--sm .pagehero__in{padding-block:clamp(44px,5.5vw,68px) clamp(40px,5vw,60px)}

/* acceso rápido */
.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.8vw,20px)}
.quick__card{display:block;padding:24px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--white);
  transition:transform .3s cubic-bezier(.22,.68,.28,1),border-color .3s,box-shadow .3s}
.quick__card:hover{transform:translateY(-4px);border-color:#C9D3E4;box-shadow:0 20px 44px -28px rgba(14,30,63,.34)}
.quick__card svg{width:30px;height:30px;color:var(--brand-cta);margin-bottom:16px;transition:transform .4s cubic-bezier(.22,.68,.28,1)}
.quick__card:hover svg{transform:translateY(-3px) scale(1.08)}
.quick__card b{display:block;font-family:'Poppins',sans-serif;font-weight:500;font-size:17px;color:var(--navy);margin-bottom:4px}
.quick__card span{font-size:14.5px;color:var(--gray)}

/* canales */
.chan h3{font-size:20px;margin-bottom:10px}
.chan__data{margin:20px 0 22px;display:grid;gap:2px}
.chan__data li{display:grid;grid-template-columns:96px 1fr;gap:12px;padding:11px 0;
  border-top:1px solid var(--line-dark);font-size:15px;color:rgba(255,255,255,.72);overflow-wrap:anywhere}
.chan__data b{font-family:'Google Sans Flex',system-ui,sans-serif;font-size:12.5px;font-weight:600;letter-spacing:.12em;
  text-transform:uppercase;color:var(--accent)}

/* temas */
.topic{margin-bottom:clamp(38px,4.5vw,56px);scroll-margin-top:110px}
.topic:last-child{margin-bottom:0}
.topic__t{display:flex;align-items:center;gap:12px;font-size:clamp(19px,2vw,22px);margin-bottom:6px}
.topic__t::before{content:'';width:15px;height:15px;flex:none;border-radius:50%;border:2px solid var(--brand);
  border-right-color:transparent;border-bottom-color:transparent;transform:rotate(45deg)}
.topic .faq{max-width:none;margin-top:10px}

/* páginas legales */
.legal{max-width:760px}
.legal__intro{font-size:17px;line-height:1.75;padding-bottom:26px;border-bottom:1px solid var(--line);margin-bottom:8px}
.legal h2{font-size:clamp(21px,2.2vw,25px);margin-top:42px;margin-bottom:14px}
.legal p{font-size:16px;line-height:1.75;margin-bottom:14px}
.legal ul{margin:0 0 18px;display:grid;gap:10px}
.legal li{position:relative;padding-left:24px;font-size:16px;line-height:1.7}
.legal li::before{content:'';position:absolute;left:2px;top:11px;width:6px;height:6px;border-radius:50%;background:var(--brand)}
.legal b{color:var(--navy);font-weight:600}
.legal a{color:var(--brand-cta);font-weight:600;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.legal__note{padding:16px 20px;background:var(--smoke);border-left:3px solid var(--brand);border-radius:0 8px 8px 0;font-size:15px}
.legal__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0 8px}
.legal__cards > div{padding:20px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--white)}
.legal__cards span{display:block;font-size:12px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--gray);margin-bottom:7px}
.legal__cards b{font-family:'Poppins',sans-serif;font-weight:500;font-size:16px;color:var(--navy);line-height:1.35}
.legal__foot{margin-top:46px;padding:26px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--smoke)}
.legal__foot p{font-size:15px;margin-bottom:8px}
.legal__date{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);color:var(--gray);font-size:14px}

@media(max-width:900px){.quick{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){
  .quick{grid-template-columns:1fr}
  .legal__cards{grid-template-columns:1fr}
  .chan__data li{grid-template-columns:1fr;gap:2px}
}