/* Public home: one source for topics, videos and the community. */
body.public-site .home-topics .topic-card-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:24px; }
.home-topics .image-card { grid-column:span 2; display:flex; flex-direction:column; min-width:0; }
.home-topics .image-card:nth-child(n+4) { grid-column:span 3; }
.home-topics .image-card img { width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; margin-top:auto; }
body.public-site .featured-video-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; padding:0; }
body.public-site .featured-video-list > article {
  display:flex; flex-direction:column; min-width:0; width:auto; height:auto;
  margin:0; padding:24px; transform:none; position:relative; top:auto;
  border:1px solid #344155; border-radius:16px; background:#0f172a;
}
body.public-site .featured-video-list .video-embed {
  position:relative; inset:auto; width:100%; height:auto; aspect-ratio:16/9;
  margin:0 0 18px; overflow:hidden; flex:none;
}
body.public-site .featured-video-list h3 { margin:0 0 12px; font-size:clamp(20px,2vw,26px); line-height:1.3; }
body.public-site .featured-video-list p { margin:0; color:#c4cfdf; line-height:1.65; }
body.public-site .social-panel p { color:#c4cfdf; }
body.public-site .social-panel .social-links { display:flex; flex-wrap:wrap; gap:10px; }
body.public-site .social-panel .social-links a { color:#fff; background:#203f60; border:1px solid #486481; text-decoration:none; }
.public-site section[id], .public-site article[id] { scroll-margin-top:110px; }
@media(max-width:900px) {
 body.public-site .home-topics .topic-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .home-topics .image-card, .home-topics .image-card:nth-child(n+4) { grid-column:auto; }
 .home-topics .image-card:last-child { grid-column:1 / -1; }
}
@media(max-width:600px) {
 body.public-site .home-topics .topic-card-grid, body.public-site .featured-video-list { grid-template-columns:minmax(0,1fr); }
 .home-topics .image-card:last-child { grid-column:auto; }
 body.public-site .featured-video-list > article { padding:18px; margin:0; }
}

/* Community links follow the text, inside the same block. */
body.public-site .social-panel {
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:24px;
}
body.public-site .social-panel > div { width:100%; min-width:0; }
body.public-site .social-panel h2 { max-width:900px; }
body.public-site .social-panel .social-links {
  justify-content:flex-start;
  align-items:center;
  margin:0;
  width:100%;
}
body.public-site .social-panel .social-links a,
body.public-site .public-footer .social-links a {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:44px;
  padding:10px 14px;
  color:#fff;
  text-decoration:none;
}
.social-links .social-icon {
  display:block;
  width:20px;
  height:20px;
  flex:0 0 20px;
  fill:currentColor;
}
body.public-site .social-panel .social-links a:hover,
body.public-site .public-footer .social-links a:hover { background:#172f49; }
.social-links a:focus-visible { outline:3px solid #edc780; outline-offset:3px; }
body.public-site .home-about { padding-top:56px; padding-bottom:48px; }
.home-about__content { max-width:1000px; }
body.public-site .home-about .eyebrow { color:#edc780; font-weight:800; }
body.public-site .home-about h2 { max-width:900px; }
body.public-site .home-about p:not(.eyebrow) { color:#c4cfdf; line-height:1.75; font-size:18px; }
@media(max-width:600px) {
  body.public-site .home-about { padding:36px 20px; }
  body.public-site .home-about p:not(.eyebrow) { font-size:16px; }
}

/* Espacio entre el bloque de redes sociales y el pie de página. */
body.public-site[data-page="home"] > main { padding-bottom:48px; background:#212a37; }
@media(max-width:600px) {
  body.public-site[data-page="home"] > main { padding-bottom:32px; }
}