.punta-legacy-home-page .content-page { max-width: 1260px !important; padding-left: 24px !important; padding-right: 24px !important; } .punta-legacy-home-page .content-page > article.article-full, .punta-legacy-home-page .article-full, .punta-legacy-home-page .the-content { width: 100% !important; max-width: none !important; } .punta-legacy-home-page .the-content { overflow: visible; } .punta-legacy-home { --surface: color-mix(in srgb, var(--punta-bg) 92%, var(--punta-search-bg)); --surface-soft: color-mix(in srgb, var(--punta-accent) 5%, var(--punta-bg)); --border: color-mix(in srgb, var(--punta-text) 12%, transparent); --muted: color-mix(in srgb, var(--punta-text) 62%, transparent); --shadow: 0 12px 34px rgba(15,23,42,.09); --shadow-soft: 0 5px 18px rgba(15,23,42,.06); --radius: 18px; width: 100%; max-width: 1180px; margin: 0 auto; color: var(--punta-text); } .punta-legacy-home *, .punta-legacy-home *::before, .punta-legacy-home *::after { box-sizing: border-box; } .punta-legacy-home a { color: inherit; text-decoration: none; } .punta-legacy-home img { display:block; width:100%; height:100%; object-fit:cover; margin:0; } .punta-legacy-home h2, .punta-legacy-home h3 { color:var(--punta-heading); margin:0; } .punta-legacy-home p { color:var(--muted); } .punta-home-intro { max-width: 900px; margin: 10px auto 38px; text-align:center; } .punta-home-intro h1, .punta-home-intro h2, .punta-home-intro h3 { font-size:clamp(1.8rem,1.2rem + 1.7vw,3rem); line-height:1.08; letter-spacing:-.03em; margin-bottom:12px; } .punta-home-intro p { max-width:760px; margin:0 auto; font-size:1rem; line-height:1.65; } .punta-kicker,.punta-eyebrow { display:inline-block; color:var(--punta-accent); font-size:.72rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; } .punta-readmore { display:inline-flex; gap:8px; align-items:center; margin-top:14px; font-weight:750; color:var(--punta-accent); } .punta-hero { display:grid; grid-template-columns:minmax(0,1.62fr) minmax(300px,.78fr); gap:18px; margin:0 0 28px; } .punta-hero-lead { min-height:460px; border-radius:24px; overflow:hidden; background:var(--punta-header-bg); box-shadow:var(--shadow); } .punta-hero-lead > a { position:relative; display:block; width:100%; height:100%; min-height:460px; } .punta-hero-image { position:absolute; inset:0; } .punta-hero-image::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,color-mix(in srgb,var(--punta-header-bg) 88%,transparent) 0%,color-mix(in srgb,var(--punta-header-bg) 66%,transparent) 42%,color-mix(in srgb,var(--punta-header-bg) 20%,transparent) 72%,transparent); } .punta-hero-copy { position:relative; z-index:2; display:flex; flex-direction:column; justify-content:flex-end; width:min(68%,720px); min-height:460px; padding:42px; } .punta-hero-copy h2 { color:var(--punta-header-fg); margin-top:8px; font-size:clamp(1.7rem,1.2rem + 1.5vw,3rem); line-height:1.04; letter-spacing:-.035em; } .punta-hero-copy p { color:color-mix(in srgb,var(--punta-header-fg) 82%,transparent); margin:14px 0 0; font-size:1rem; line-height:1.55; } .punta-hero-copy .punta-readmore { color:var(--punta-header-fg); } .punta-hero-secondary { display:grid; grid-template-rows:repeat(3,minmax(0,1fr)); gap:14px; } .punta-hero-small { min-height:0; } .punta-hero-small .punta-card-link { display:grid; grid-template-columns:118px minmax(0,1fr); height:100%; border:1px solid var(--border); border-radius:15px; overflow:hidden; background:var(--surface); box-shadow:var(--shadow-soft); } .punta-hero-small .punta-card-media { min-height:116px; } .punta-hero-small .punta-card-body { padding:15px; display:flex; align-items:center; } .punta-hero-small h3 { font-size:.94rem; line-height:1.28; } .punta-home--magazine .punta-hero { display:block; } .punta-home--magazine .punta-hero-lead { min-height:520px; } .punta-home--magazine .punta-hero-lead > a,.punta-home--magazine .punta-hero-copy { min-height:520px; } .punta-home--magazine .punta-hero-image::after { background:linear-gradient(to top,color-mix(in srgb,var(--punta-header-bg) 92%,transparent) 0%,color-mix(in srgb,var(--punta-header-bg) 48%,transparent) 48%,color-mix(in srgb,var(--punta-header-bg) 8%,transparent) 80%); } .punta-home--magazine .punta-hero-copy { width:min(78%,850px); justify-content:flex-end; padding:46px; } .punta-home--magazine .punta-hero-secondary { grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-rows:none; margin-top:14px; } .punta-home--magazine .punta-hero-small .punta-card-link { display:block; } .punta-home--magazine .punta-hero-small .punta-card-media { aspect-ratio:16/8.6; } .punta-home--magazine .punta-hero-small .punta-card-body { display:block; padding:14px 2px 0; } .punta-topic-gallery { margin:38px 0 54px; } .punta-topic-gallery-heading { margin-bottom:20px; } .punta-topic-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; } .punta-topic-tile { position:relative; display:grid; grid-template-columns:64px minmax(0,1fr) 18px; align-items:center; gap:13px; min-height:92px; padding:13px 14px; border:1px solid var(--border); border-radius:17px; background:var(--surface); box-shadow:var(--shadow-soft); transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; } .punta-topic-tile:hover { transform:translateY(-2px); box-shadow:var(--shadow); border-color:color-mix(in srgb,var(--punta-accent) 36%,var(--border)); } .punta-topic-icon { display:block; width:64px; height:64px; overflow:hidden; border-radius:13px; background:var(--surface-soft); } .punta-topic-icon img { width:100%; height:100%; object-fit:cover; } .punta-topic-name { font-size:.95rem; line-height:1.24; font-weight:760; color:var(--punta-heading); } .punta-topic-arrow { color:var(--punta-accent); font-size:1.05rem; font-weight:800; } .punta-card { min-width:0; } .punta-card-link { display:block; height:100%; } .punta-card-media { overflow:hidden; border-radius:14px; background:linear-gradient(135deg,color-mix(in srgb,var(--punta-accent) 16%,var(--surface-soft)),var(--surface)); aspect-ratio:16/9; } .punta-card-media img { transition:transform .22s ease; } .punta-card:hover .punta-card-media img { transform:scale(1.025); } .punta-card-body { padding-top:11px; } .punta-card-body h3 { font-size:.98rem; line-height:1.34; } .punta-card-body p { margin:8px 0 0; line-height:1.48; } .punta-section { margin:0 0 54px; } .punta-latest-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px 18px; } .punta-latest-card { padding:0 0 16px; border-bottom:1px solid var(--border); } .punta-latest-card .punta-card-body h3 { font-size:1rem; } .punta-category-section { padding-top:8px; } .punta-category-heading-row { display:flex; align-items:center; gap:14px; } .punta-category-heading-icon { flex:0 0 50px; width:50px; height:50px; border-radius:12px; overflow:hidden; box-shadow:var(--shadow-soft); background:var(--surface-soft); } .punta-category-heading-icon img { width:100%; height:100%; object-fit:cover; } .punta-spotlight { margin-top:18px; border:1px solid var(--border); border-radius:22px; overflow:hidden; background:var(--surface); box-shadow:var(--shadow); } .punta-spotlight > a { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr); min-height:360px; } .punta-spotlight-media { min-height:360px; background:var(--surface-soft); } .punta-spotlight-copy { padding:38px; display:flex; flex-direction:column; justify-content:center; } .punta-spotlight-copy h3 { margin-top:7px; font-size:clamp(1.45rem,1.1rem + 1vw,2.25rem); line-height:1.1; letter-spacing:-.025em; } .punta-spotlight-copy p { margin:13px 0 0; line-height:1.58; } .punta-category-section.is-reverse .punta-spotlight > a { grid-template-columns:minmax(330px,.85fr) minmax(0,1.15fr); } .punta-category-section.is-reverse .punta-spotlight-media { order:2; } .punta-category-section.is-reverse .punta-spotlight-copy { order:1; } .punta-support-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:16px; } .punta-support-card { padding:12px; border:1px solid var(--border); border-radius:16px; background:var(--surface); box-shadow:var(--shadow-soft); } .punta-support-card .punta-card-media { border-radius:10px; } .punta-support-card .punta-card-body { padding:11px 2px 1px; } .punta-home--magazine .punta-spotlight { position:relative; min-height:430px; border:0; background:var(--punta-header-bg); } .punta-home--magazine .punta-spotlight > a { display:block; min-height:430px; } .punta-home--magazine .punta-spotlight-media { position:absolute; inset:0; min-height:430px; } .punta-home--magazine .punta-spotlight-media::after { content:""; position:absolute; inset:0; background:linear-gradient(to top,color-mix(in srgb,var(--punta-header-bg) 90%,transparent),color-mix(in srgb,var(--punta-header-bg) 22%,transparent) 70%,color-mix(in srgb,var(--punta-header-bg) 7%,transparent)); } .punta-home--magazine .punta-spotlight-copy { position:relative; z-index:2; min-height:430px; max-width:760px; justify-content:flex-end; padding:42px; } .punta-home--magazine .punta-spotlight-copy h3,.punta-home--magazine .punta-spotlight-copy p { color:var(--punta-header-fg); } .punta-home--magazine .punta-spotlight-copy p { color:color-mix(in srgb,var(--punta-header-fg) 84%,transparent); } .punta-home--magazine .punta-spotlight-copy .punta-readmore,.punta-home--magazine .punta-spotlight-copy .punta-kicker { color:var(--punta-header-fg); } .punta-home-outro { margin:66px 0 18px; padding:34px 0 0; border-top:1px solid var(--border); background:transparent; } .punta-outro-inner { max-width:980px; } .punta-home-outro h2,.punta-home-outro h3 { margin:0 0 12px; } .punta-home-outro p,.punta-home-outro li { line-height:1.62; } .punta-home-outro ul { columns:3; column-gap:34px; margin-top:14px; padding-left:18px; } .punta-home-outro li { break-inside:avoid; margin:0 0 5px; } @media (max-width: 920px) { .punta-topic-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .punta-home-outro ul { columns:2; } .punta-hero { grid-template-columns:1fr; } .punta-hero-secondary { grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-rows:none; } .punta-hero-small .punta-card-link { display:block; } .punta-hero-small .punta-card-media { aspect-ratio:16/9; } .punta-hero-small .punta-card-body { display:block; padding:10px 2px 0; } .punta-spotlight > a,.punta-category-section.is-reverse .punta-spotlight > a { grid-template-columns:1fr; } .punta-category-section.is-reverse .punta-spotlight-media,.punta-category-section.is-reverse .punta-spotlight-copy { order:initial; } .punta-spotlight-media { min-height:300px; } } @media (max-width: 680px) { .punta-legacy-home-page .content-page { padding-left:16px!important; padding-right:16px!important; } .punta-topic-grid { grid-template-columns:1fr 1fr; gap:10px; } .punta-topic-tile { grid-template-columns:50px minmax(0,1fr); gap:10px; min-height:76px; padding:10px; } .punta-topic-icon { width:50px; height:50px; border-radius:10px; } .punta-topic-arrow { display:none; } .punta-home-intro { text-align:left; margin-bottom:26px; } .punta-home-intro p { margin-left:0; } .punta-hero-lead,.punta-hero-lead > a,.punta-hero-copy,.punta-home--magazine .punta-hero-lead,.punta-home--magazine .punta-hero-lead > a,.punta-home--magazine .punta-hero-copy { min-height:430px; } .punta-hero-copy,.punta-home--magazine .punta-hero-copy { width:100%; padding:26px; } .punta-hero-copy p { display:none; } .punta-hero-image::after { background:linear-gradient(to top,color-mix(in srgb,var(--punta-header-bg) 92%,transparent),color-mix(in srgb,var(--punta-header-bg) 45%,transparent) 60%,color-mix(in srgb,var(--punta-header-bg) 14%,transparent)); } .punta-hero-secondary,.punta-home--magazine .punta-hero-secondary { grid-template-columns:1fr; } .punta-hero-small .punta-card-link,.punta-home--magazine .punta-hero-small .punta-card-link { display:grid; grid-template-columns:116px minmax(0,1fr); } .punta-hero-small .punta-card-media,.punta-home--magazine .punta-hero-small .punta-card-media { aspect-ratio:auto; min-height:100px; } .punta-hero-small .punta-card-body,.punta-home--magazine .punta-hero-small .punta-card-body { padding:13px; display:flex; align-items:center; } .punta-topics { padding:20px; margin-bottom:38px; } .punta-topic-list { gap:8px; } .punta-topic { width:100%; } .punta-latest-grid,.punta-support-grid { grid-template-columns:1fr 1fr; gap:18px 12px; } .punta-section-heading { align-items:flex-start; } .punta-section-link { display:none; } .punta-spotlight-copy,.punta-home--magazine .punta-spotlight-copy { padding:25px; } .punta-home--magazine .punta-spotlight,.punta-home--magazine .punta-spotlight > a,.punta-home--magazine .punta-spotlight-media,.punta-home--magazine .punta-spotlight-copy { min-height:390px; } .punta-home-outro { padding:24px; } } @media (max-width: 430px) { .punta-topic-grid { grid-template-columns:1fr; } .punta-home-outro ul { columns:1; } .punta-latest-grid,.punta-support-grid { grid-template-columns:1fr; } .punta-card-media { aspect-ratio:16/8.5; } } .punta-legacy-home .punta-hero-secondary .punta-card, .punta-legacy-home .punta-hero-secondary .punta-card-link, .punta-legacy-home .punta-hero-secondary .punta-card-media, .punta-legacy-home .punta-hero-secondary .punta-card-body, .punta-legacy-home .punta-hero-secondary h3 { position:relative!important; inset:auto!important; float:none!important; transform:none!important; opacity:1!important; } .punta-legacy-home .punta-hero-secondary .punta-card-link { display:grid!important; grid-template-columns:124px minmax(0,1fr)!important; align-items:stretch!important; height:100%!important; overflow:hidden!important; border:1px solid var(--border)!important; border-radius:15px!important; background:var(--surface)!important; box-shadow:var(--shadow-soft)!important; } .punta-legacy-home .punta-hero-secondary .punta-card-media { display:block!important; width:124px!important; min-width:124px!important; height:100%!important; min-height:112px!important; padding:0!important; margin:0!important; border:0!important; border-radius:0!important; overflow:hidden!important; background:var(--surface-soft)!important; aspect-ratio:auto!important; } .punta-legacy-home .punta-hero-secondary .punta-card-media img { display:block!important; position:absolute!important; inset:0!important; width:100%!important; height:100%!important; min-width:0!important; max-width:none!important; margin:0!important; object-fit:cover!important; object-position:center!important; filter:none!important; } .punta-legacy-home .punta-hero-secondary .punta-card-body { display:flex!important; align-items:center!important; min-width:0!important; width:auto!important; padding:14px 15px!important; margin:0!important; background:var(--surface)!important; color:var(--punta-heading)!important; z-index:2!important; } .punta-legacy-home .punta-hero-secondary .punta-card-body h3 { display:-webkit-box!important; overflow:hidden!important; -webkit-box-orient:vertical!important; -webkit-line-clamp:3!important; margin:0!important; padding:0!important; color:var(--punta-heading)!important; background:transparent!important; font-size:.94rem!important; line-height:1.3!important; font-weight:750!important; text-shadow:none!important; } .punta-legacy-home .punta-hero-secondary .punta-card-link::before, .punta-legacy-home .punta-hero-secondary .punta-card-link::after, .punta-legacy-home .punta-hero-secondary .punta-card-media::before, .punta-legacy-home .punta-hero-secondary .punta-card-media::after { content:none!important; display:none!important; } @media (max-width:680px) { .punta-legacy-home .punta-hero-secondary .punta-card-link { grid-template-columns:110px minmax(0,1fr)!important; } .punta-legacy-home .punta-hero-secondary .punta-card-media { width:110px!important; min-width:110px!important; min-height:96px!important; } } .punta-header-preset-split .asap-content-logo-top { border-bottom: 1px solid rgba(255,255,255,.09); } .punta-header-preset-split .site-header, .punta-header-preset-compact .site-header { box-shadow: 0 8px 22px rgba(15,23,42,.10); } @media (min-width: 769px) { .punta-header-preset-compact .site-header-content { min-height: 74px; } .punta-header-preset-compact .site-logo img { max-height: 58px; object-fit: contain; } .punta-header-preset-split .site-header-content-top { min-height: 76px; } .punta-header-preset-split .site-logo img { max-height: 64px; object-fit: contain; } } .punta-media-fallback { display:flex; align-items:center; justify-content:center; width:100%; height:100%; min-height:100%; color:color-mix(in srgb,var(--punta-accent) 72%,var(--punta-header-fg)); font-size:2.1rem; font-weight:900; background: radial-gradient(circle at 72% 22%, color-mix(in srgb,var(--punta-accent) 32%,transparent), transparent 34%), linear-gradient(135deg,color-mix(in srgb,var(--punta-accent) 22%,var(--punta-header-bg)),var(--punta-header-bg) 68%); } .punta-media-fallback--hero { font-size:4rem; } .punta-media-fallback--spotlight { font-size:3.4rem; } .punta-topic-icon.is-fallback { display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,var(--punta-accent),color-mix(in srgb,var(--punta-accent) 58%,var(--punta-header-bg))); color:var(--punta-header-fg); font-size:1.45rem; font-weight:850; } .punta-card-body h3, .punta-support-card h3, .punta-latest-card h3 { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; } .punta-latest-card h3 { -webkit-line-clamp:2; } .punta-topic-name { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; } .punta-home--discovery .punta-discovery-topics .punta-topic-gallery { margin-top:4px; padding:30px; border:1px solid color-mix(in srgb,var(--punta-accent) 18%,var(--border)); border-radius:24px; background:linear-gradient(135deg,color-mix(in srgb,var(--punta-accent) 8%,var(--surface)),var(--surface) 58%); box-shadow:var(--shadow-soft); } .punta-home--discovery .punta-discovery-topics .punta-topic-grid { gap:16px; } .punta-home--discovery .punta-discovery-topics .punta-topic-tile { grid-template-columns:76px minmax(0,1fr) 18px; min-height:112px; padding:14px 16px; border-radius:19px; } .punta-home--discovery .punta-discovery-topics .punta-topic-icon { width:76px; height:76px; border-radius:16px; } .punta-home--discovery .punta-discovery-topics .punta-topic-name { font-size:1rem; } .punta-home--discovery .punta-hero { margin-top:38px; grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr); } .punta-home--discovery .punta-hero-lead, .punta-home--discovery .punta-hero-lead > a, .punta-home--discovery .punta-hero-copy { min-height:400px; } .punta-home--discovery .punta-hero-copy { padding:34px; width:min(72%,700px); } .punta-home--discovery .punta-category-section:first-of-type { margin-top:8px; } .punta-home--editorial .punta-spotlight-copy h3 { max-width:18ch; } .punta-home--magazine .punta-topic-gallery { padding:24px; border-radius:22px; background:var(--surface-soft); } @media (max-width:920px) { .punta-home--discovery .punta-discovery-topics .punta-topic-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .punta-home--discovery .punta-hero { grid-template-columns:1fr; } } @media (max-width:680px) { .punta-home--discovery .punta-discovery-topics .punta-topic-gallery { padding:18px; border-radius:18px; } .punta-home--discovery .punta-discovery-topics .punta-topic-grid { grid-template-columns:1fr 1fr; gap:10px; } .punta-home--discovery .punta-discovery-topics .punta-topic-tile { grid-template-columns:52px minmax(0,1fr); min-height:78px; padding:10px; } .punta-home--discovery .punta-discovery-topics .punta-topic-icon { width:52px; height:52px; border-radius:11px; } } @media (max-width:430px) { .punta-home--discovery .punta-discovery-topics .punta-topic-grid { grid-template-columns:1fr; } } .punta-latest-card .punta-card-body { padding-top:12px; } .punta-card-meta { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:0 0 7px; color:var(--muted); font-size:.72rem; line-height:1.25; } .punta-card-category { display:inline-flex; min-width:0; max-width:70%; padding:4px 8px; border-radius:999px; background:color-mix(in srgb,var(--punta-accent) 10%,var(--surface)); color:var(--punta-accent); font-weight:750; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .punta-card-meta time { white-space:nowrap; } .punta-latest-card .punta-card-link { transition:transform .18s ease, box-shadow .18s ease; } .punta-latest-card .punta-card-link:hover { transform:translateY(-2px); box-shadow:0 14px 34px rgba(15,23,42,.10); } .punta-home--magazine .punta-magazine-topics .punta-topic-gallery { margin:28px 0 48px; padding:18px 20px; border:1px solid var(--border); border-radius:18px; background:linear-gradient(90deg,color-mix(in srgb,var(--punta-accent) 5%,var(--surface)),var(--surface)); } .punta-home--magazine .punta-magazine-topics .punta-topic-gallery-heading p { display:none; } .punta-home--magazine .punta-magazine-topics .punta-topic-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; } .punta-home--magazine .punta-magazine-topics .punta-topic-tile { grid-template-columns:42px minmax(0,1fr); min-height:62px; padding:8px 10px; border:0; box-shadow:none; background:transparent; } .punta-home--magazine .punta-magazine-topics .punta-topic-icon { width:42px; height:42px; border-radius:10px; } .punta-home--magazine .punta-magazine-topics .punta-topic-arrow { display:none; } .punta-discovery-search { display:grid; grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr); align-items:center; gap:34px; margin:38px 0 24px; padding:30px 32px; border-radius:24px; overflow:hidden; color:var(--punta-header-fg); background: radial-gradient(circle at 90% 0%, color-mix(in srgb,var(--punta-accent) 60%,transparent), transparent 40%), linear-gradient(135deg,var(--punta-header-bg),color-mix(in srgb,var(--punta-header-bg) 70%,var(--punta-accent)) 72%); box-shadow:0 20px 46px rgba(15,23,42,.16); } .punta-discovery-search .punta-eyebrow { color:color-mix(in srgb,var(--punta-accent) 55%,var(--punta-header-fg)); } .punta-discovery-search h2 { margin:5px 0 8px; color:var(--punta-header-fg); font-size:clamp(1.5rem,2.2vw,2.25rem); } .punta-discovery-search p { margin:0; color:color-mix(in srgb,var(--punta-header-fg) 78%,transparent); } .punta-discovery-search-form { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; padding:8px; border-radius:16px; background:var(--punta-search-bg); box-shadow:0 12px 28px color-mix(in srgb,var(--punta-text) 16%,transparent); } .punta-discovery-search-form input[type=search] { width:100%; min-width:0; height:48px; margin:0; padding:0 14px; border:0!important; outline:0; box-shadow:none!important; background:transparent; color:var(--punta-search-fg); font:inherit; } .punta-discovery-search-form button { min-width:104px; border:0; border-radius:11px; padding:0 20px; background:var(--punta-button-bg); color:var(--punta-button-fg); font-weight:800; cursor:pointer; } .punta-discovery-search-form button:hover { filter:brightness(.94); } .punta-home--discovery .punta-hero { margin-top:10px; } .punta-home--discovery .punta-discovery-topics .punta-topic-gallery { margin-top:24px; } .punta-legacy-home img { height:auto; } .punta-card-media img,.punta-hero-image img,.punta-spotlight-media img,.punta-topic-icon img { width:100%; height:100%; object-fit:cover; } @media (max-width:920px) { .punta-home--magazine .punta-magazine-topics .punta-topic-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .punta-discovery-search { grid-template-columns:1fr; gap:20px; } } @media (max-width:680px) { .punta-discovery-search { margin-top:26px; padding:22px 18px; border-radius:18px; } .punta-discovery-search-form { grid-template-columns:1fr; } .punta-discovery-search-form button { height:46px; } .punta-home--magazine .punta-magazine-topics .punta-topic-gallery { padding:14px; } } @media (max-width:430px) { .punta-home--magazine .punta-magazine-topics .punta-topic-grid { grid-template-columns:1fr; } } .punta-latest-card .punta-card-link { display:block; height:100%; border-radius:16px; overflow:hidden; } .punta-latest-card .punta-card-body { min-height:96px; } .punta-card-meta { border:0; } .punta-card-meta time { opacity:.78; } .punta-topic-name { font-weight:720; line-height:1.22; } .punta-topic-tile { transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease; } .punta-topic-tile:hover { transform:translateY(-2px); border-color:color-mix(in srgb,var(--punta-accent) 28%,var(--border)); box-shadow:0 10px 24px rgba(15,23,42,.08); } .punta-discovery-search-form input[type=search]::-webkit-search-cancel-button { opacity:.55; } .punta-discovery-search-form button { white-space:nowrap; } .punta-home--magazine .punta-magazine-topics .punta-section-heading { margin-bottom:10px; } .punta-home--magazine .punta-magazine-topics .punta-section-heading h2 { font-size:1.15rem; } .punta-home--magazine .punta-magazine-topics .punta-eyebrow { display:none; } @media (max-width:680px) { .punta-card-meta { font-size:.68rem; } .punta-card-category { max-width:64%; } } .punta-discovery-stats { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; } .punta-discovery-stats > span { display:inline-flex; align-items:baseline; gap:5px; min-height:32px; padding:7px 10px; border:1px solid color-mix(in srgb,var(--punta-header-fg) 18%,transparent); border-radius:999px; color:color-mix(in srgb,var(--punta-header-fg) 80%,transparent); background:color-mix(in srgb,var(--punta-header-fg) 8%,transparent); font-size:.78rem; line-height:1; } .punta-discovery-stats strong { color:var(--punta-header-fg); font-size:.84rem; font-weight:820; } .punta-topic-map { margin-top:10px; } .punta-topic-map-heading { margin-bottom:18px; } .punta-topic-map-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; } .punta-topic-map-card { position:relative; overflow:hidden; min-width:0; padding:20px; border:1px solid var(--border); border-radius:20px; background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--punta-accent) 4%,var(--surface-soft))); box-shadow:var(--shadow-soft); } .punta-topic-map-card::before { content:""; position:absolute; inset:0 auto 0 0; width:4px; background:linear-gradient(to bottom,var(--punta-accent),color-mix(in srgb,var(--punta-accent) 22%,transparent)); } .punta-topic-map-card-head { display:grid; grid-template-columns:58px minmax(0,1fr); gap:13px; align-items:start; } .punta-topic-map-icon { display:grid; place-items:center; width:58px; height:58px; overflow:hidden; border-radius:14px; background:var(--surface-soft); color:var(--punta-accent); font-size:1.25rem; font-weight:850; } .punta-topic-map-icon img { width:100%; height:100%; object-fit:cover; } .punta-topic-map-card h3 { margin:2px 0 5px; font-size:1.08rem; line-height:1.2; } .punta-topic-map-card h3 a:hover { color:var(--punta-accent); } .punta-topic-map-card-head p { margin:0; font-size:.83rem; line-height:1.42; } .punta-topic-map-children { list-style:none!important; margin:17px 0 13px!important; padding:0!important; border-top:1px solid var(--border); } .punta-topic-map-children li { margin:0!important; padding:0!important; border-bottom:1px solid var(--border); } .punta-topic-map-children a { display:flex; justify-content:space-between; align-items:center; gap:12px; min-height:39px; padding:7px 1px; color:var(--punta-text); font-size:.84rem; line-height:1.25; } .punta-topic-map-children a:hover { color:var(--punta-accent); } .punta-topic-map-children a span:last-child { color:var(--punta-accent); font-weight:820; } .punta-topic-map-parent-link { display:inline-flex; align-items:center; gap:7px; color:var(--punta-accent)!important; font-size:.82rem; font-weight:800; } @media (max-width:920px) { .punta-topic-map-grid { grid-template-columns:1fr; } .punta-topic-map-card { padding:18px; } } @media (max-width:680px) { .punta-discovery-stats { gap:6px; } .punta-discovery-stats > span { padding:6px 8px; font-size:.72rem; } .punta-topic-map-card-head { grid-template-columns:50px minmax(0,1fr); } .punta-topic-map-icon { width:50px; height:50px; border-radius:12px; } } .punta-start-here { margin-top:30px; } .punta-start-here-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; } .punta-start-card { position:relative; overflow:hidden; min-width:0; padding:22px; border:1px solid var(--border); border-radius:20px; background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--punta-accent) 4%,var(--surface-soft))); box-shadow:var(--shadow-soft); } .punta-start-number { position:absolute; top:12px; right:16px; color:color-mix(in srgb,var(--punta-accent) 18%,transparent); font-size:2.8rem; line-height:1; font-weight:900; letter-spacing:-.06em; } .punta-start-card-head { position:relative; z-index:1; display:grid; grid-template-columns:56px minmax(0,1fr); gap:13px; align-items:center; padding-right:34px; } .punta-start-icon { display:grid; place-items:center; width:56px; height:56px; overflow:hidden; border-radius:14px; background:var(--surface-soft); color:var(--punta-accent); font-weight:850; } .punta-start-icon img { width:100%; height:100%; object-fit:cover; } .punta-start-icon.is-fallback { background:linear-gradient(135deg,var(--punta-accent),color-mix(in srgb,var(--punta-accent) 60%,var(--punta-header-bg))); color:var(--punta-header-fg); } .punta-start-card h3 { margin:0 0 4px; font-size:1.05rem; line-height:1.2; } .punta-start-card h3 a:hover { color:var(--punta-accent); } .punta-start-count { color:var(--muted); font-size:.76rem; } .punta-start-card > p { margin:15px 0 14px; color:var(--muted); font-size:.86rem; line-height:1.48; } .punta-start-subtopics { display:flex; flex-wrap:wrap; gap:7px; margin:0 0 16px; } .punta-start-subtopics a { display:inline-flex; align-items:center; min-height:28px; padding:5px 9px; border:1px solid var(--border); border-radius:999px; background:var(--surface); color:var(--punta-text); font-size:.73rem; line-height:1.2; } .punta-start-subtopics a:hover { border-color:color-mix(in srgb,var(--punta-accent) 32%,var(--border)); color:var(--punta-accent); } .punta-start-link { color:var(--punta-accent)!important; font-size:.82rem; font-weight:800; } .punta-in-focus { margin-top:10px; } .punta-in-focus-shell { overflow:hidden; padding:26px; border-radius:24px; color:var(--punta-header-fg); background: radial-gradient(circle at 90% 8%,color-mix(in srgb,var(--punta-accent) 34%,transparent),transparent 38%), linear-gradient(135deg,var(--punta-header-bg),color-mix(in srgb,var(--punta-header-bg) 76%,var(--punta-accent))); box-shadow:0 18px 40px color-mix(in srgb,var(--punta-text) 16%,transparent); } .punta-in-focus-head { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:18px; } .punta-in-focus-title-row { display:flex; align-items:center; gap:12px; min-width:0; } .punta-in-focus-icon { width:46px; height:46px; border-radius:12px; overflow:hidden; flex:0 0 auto; background:color-mix(in srgb,var(--punta-header-fg) 10%,transparent); } .punta-in-focus-icon img { width:100%; height:100%; object-fit:cover; } .punta-in-focus .punta-eyebrow { color:color-mix(in srgb,var(--punta-header-fg) 62%,var(--punta-accent)); } .punta-in-focus h2 { margin:2px 0 0; color:var(--punta-header-fg); font-size:clamp(1.35rem,2vw,1.8rem); } .punta-in-focus-category-link { color:var(--punta-header-fg)!important; font-size:.82rem; font-weight:800; white-space:nowrap; } .punta-in-focus-grid { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(280px,.75fr); gap:16px; } .punta-in-focus-lead { position:relative; overflow:hidden; min-height:330px; border-radius:18px; background:color-mix(in srgb,var(--punta-header-bg) 80%,var(--punta-accent)); } .punta-in-focus-lead > a { position:relative; display:block; min-height:330px; color:inherit!important; } .punta-in-focus-media { position:absolute; inset:0; } .punta-in-focus-media img { width:100%; height:100%; object-fit:cover; } .punta-in-focus-lead > a::after { content:""; position:absolute; inset:0; background:linear-gradient(to top,color-mix(in srgb,var(--punta-header-bg) 92%,transparent) 0%,color-mix(in srgb,var(--punta-header-bg) 48%,transparent) 45%,transparent 78%); } .punta-in-focus-copy { position:absolute; z-index:2; left:0; right:0; bottom:0; padding:24px; } .punta-in-focus-copy h3 { margin:0 0 8px; max-width:24ch; color:var(--punta-header-fg); font-size:clamp(1.3rem,2vw,2rem); line-height:1.08; } .punta-in-focus-copy p { margin:0 0 12px; max-width:58ch; color:color-mix(in srgb,var(--punta-header-fg) 82%,transparent); font-size:.88rem; } .punta-in-focus-copy .punta-readmore { color:var(--punta-header-fg); } .punta-in-focus-side { display:grid; grid-template-rows:repeat(2,minmax(0,1fr)); gap:12px; } .punta-in-focus-card .punta-card-link { display:grid; grid-template-columns:112px minmax(0,1fr); height:100%; min-height:154px; overflow:hidden; border-radius:16px; background:var(--surface); color:var(--punta-text)!important; } .punta-in-focus-card .punta-card-media { height:100%; min-height:154px; border-radius:0; } .punta-in-focus-card .punta-card-body { display:flex; flex-direction:column; justify-content:center; min-width:0; padding:16px; } .punta-in-focus-card h3 { margin:0 0 7px; font-size:.94rem; line-height:1.25; } .punta-in-focus-card p { margin:0; color:var(--muted); font-size:.77rem; line-height:1.35; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; } @media (max-width:920px) { .punta-start-here-grid { grid-template-columns:1fr; } .punta-in-focus-grid { grid-template-columns:1fr; } .punta-in-focus-side { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:auto; } } @media (max-width:680px) { .punta-start-card { padding:18px; } .punta-in-focus-shell { padding:18px; border-radius:18px; } .punta-in-focus-head { align-items:flex-start; } .punta-in-focus-category-link { white-space:normal; text-align:right; } .punta-in-focus-side { grid-template-columns:1fr; } .punta-in-focus-card .punta-card-link { grid-template-columns:104px minmax(0,1fr); } } .punta-home--magazine .punta-in-focus { margin-top:10px; } .punta-home--magazine .punta-in-focus-shell { position:relative; overflow:hidden; padding:0; border:1px solid var(--border); border-radius:24px; color:var(--punta-text); background:var(--surface); box-shadow:var(--shadow); } .punta-home--magazine .punta-in-focus-shell::before { content:""; display:block; height:5px; background:linear-gradient(90deg,var(--punta-accent),color-mix(in srgb,var(--punta-accent) 38%,var(--punta-header-bg))); } .punta-home--magazine .punta-in-focus-head { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:26px; align-items:start; margin:0; padding:26px 28px 22px; border-bottom:1px solid var(--border); } .punta-home--magazine .punta-in-focus-title-row { align-items:flex-start; gap:14px; } .punta-home--magazine .punta-in-focus-icon { width:54px; height:54px; border:1px solid var(--border); border-radius:14px; background:var(--surface-soft); box-shadow:var(--shadow-soft); } .punta-home--magazine .punta-in-focus .punta-eyebrow { color:var(--punta-accent); } .punta-home--magazine .punta-in-focus h2 { margin:3px 0 6px; color:var(--punta-heading); font-size:clamp(1.45rem,2vw,1.95rem); letter-spacing:-.02em; } .punta-home--magazine .punta-in-focus-heading-copy > p { max-width:68ch; margin:0; color:var(--muted); font-size:.9rem; line-height:1.5; } .punta-in-focus-actions { display:flex; flex-direction:column; align-items:flex-end; gap:9px; } .punta-in-focus-count { display:inline-flex; align-items:baseline; gap:5px; padding:7px 10px; border-radius:999px; background:var(--surface-soft); color:var(--muted); font-size:.76rem; white-space:nowrap; } .punta-in-focus-count strong { color:var(--punta-heading); font-size:.84rem; } .punta-home--magazine .punta-in-focus-category-link { color:var(--punta-accent)!important; } .punta-home--magazine .punta-in-focus-grid { display:grid; grid-template-columns:minmax(0,1.62fr) minmax(290px,.72fr); gap:16px; padding:22px 28px 24px; } .punta-home--magazine .punta-in-focus-lead { min-height:370px; border-radius:18px; background:var(--punta-header-bg); box-shadow:var(--shadow-soft); } .punta-home--magazine .punta-in-focus-lead > a { min-height:370px; } .punta-home--magazine .punta-in-focus-copy { padding:27px; } .punta-home--magazine .punta-in-focus-copy .punta-kicker { color:color-mix(in srgb,var(--punta-header-fg) 72%,var(--punta-accent)); } .punta-home--magazine .punta-in-focus-side { gap:14px; } .punta-home--magazine .punta-in-focus-card .punta-card-link { grid-template-columns:132px minmax(0,1fr); min-height:174px; border:1px solid var(--border); border-radius:16px; background:var(--surface); box-shadow:var(--shadow-soft); } .punta-home--magazine .punta-in-focus-card .punta-card-media { min-height:174px; } .punta-home--magazine .punta-in-focus-card .punta-card-body { padding:16px; } .punta-home--magazine .punta-in-focus-card .punta-kicker { margin:0 0 7px; color:var(--punta-accent); font-size:.62rem; letter-spacing:.09em; } .punta-home--magazine .punta-in-focus-card h3 { margin:0 0 9px; font-size:.96rem; line-height:1.28; } .punta-home--magazine .punta-in-focus-card time { color:var(--muted); font-size:.7rem; } .punta-in-focus-subtopics { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:16px 28px 20px; border-top:1px solid var(--border); background:color-mix(in srgb,var(--punta-accent) 3%,var(--surface)); } .punta-in-focus-subtopics > span { margin-right:3px; color:var(--muted); font-size:.76rem; font-weight:750; } .punta-in-focus-subtopics a { display:inline-flex; align-items:center; min-height:30px; padding:5px 10px; border:1px solid var(--border); border-radius:999px; background:var(--surface); color:var(--punta-text)!important; font-size:.74rem; line-height:1.2; } .punta-in-focus-subtopics a:hover { color:var(--punta-accent)!important; border-color:color-mix(in srgb,var(--punta-accent) 35%,var(--border)); } .punta-home--editorial .punta-start-here-heading { margin-bottom:18px; } .punta-home--editorial .punta-start-card { border-top:3px solid color-mix(in srgb,var(--punta-accent) 70%,transparent); } .punta-home--editorial .punta-start-link { display:inline-flex; align-items:center; min-height:30px; } @media (max-width:920px) { .punta-home--magazine .punta-in-focus-head { grid-template-columns:1fr; } .punta-in-focus-actions { align-items:flex-start; flex-direction:row; flex-wrap:wrap; } .punta-home--magazine .punta-in-focus-grid { grid-template-columns:1fr; } .punta-home--magazine .punta-in-focus-side { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:auto; } } @media (max-width:680px) { .punta-home--magazine .punta-in-focus-head { padding:20px 18px 16px; } .punta-home--magazine .punta-in-focus-grid { padding:16px 18px 18px; } .punta-home--magazine .punta-in-focus-side { grid-template-columns:1fr; } .punta-home--magazine .punta-in-focus-card .punta-card-link { grid-template-columns:108px minmax(0,1fr); min-height:142px; } .punta-home--magazine .punta-in-focus-card .punta-card-media { min-height:142px; } .punta-in-focus-subtopics { padding:14px 18px 17px; } } .punta-legacy-home .punta-hero-copy h2, .punta-legacy-home .punta-hero-copy p, .punta-legacy-home .punta-hero-copy .punta-kicker, .punta-legacy-home .punta-hero-copy .punta-readmore, .punta-home--magazine .punta-spotlight-copy h3, .punta-home--magazine .punta-spotlight-copy p, .punta-home--magazine .punta-spotlight-copy .punta-kicker, .punta-home--magazine .punta-spotlight-copy .punta-readmore, .punta-home--magazine .punta-in-focus-copy h3, .punta-home--magazine .punta-in-focus-copy p, .punta-home--magazine .punta-in-focus-copy .punta-kicker, .punta-home--magazine .punta-in-focus-copy .punta-readmore { color:var(--punta-on-image)!important; } .punta-legacy-home .punta-hero-copy h2, .punta-home--magazine .punta-spotlight-copy h3, .punta-home--magazine .punta-in-focus-copy h3 { text-shadow:0 1px 2px color-mix(in srgb,var(--punta-header-bg) 55%,transparent),0 5px 22px color-mix(in srgb,var(--punta-header-bg) 45%,transparent); } .punta-legacy-home .punta-hero-copy p, .punta-home--magazine .punta-spotlight-copy p, .punta-home--magazine .punta-in-focus-copy p { opacity:.88; } .punta-home--magazine .punta-latest-card .punta-card-meta time { display:none; } .punta-home--magazine .punta-latest-card .punta-card-meta { justify-content:flex-start; margin-bottom:8px; } .punta-home--magazine .punta-latest-card .punta-card-category { max-width:100%; } .punta-home--magazine .punta-in-focus-shell { box-shadow:0 16px 38px color-mix(in srgb,var(--punta-text) 10%,transparent); } .punta-home--magazine .punta-in-focus-head { padding-top:30px; padding-bottom:24px; } .punta-home--magazine .punta-in-focus-heading-copy > p { max-width:62ch; } .punta-home--magazine .punta-in-focus-grid { gap:20px; padding-top:26px; } .punta-home--magazine .punta-in-focus-lead > a::after { background:linear-gradient(to top,color-mix(in srgb,var(--punta-header-bg) 94%,transparent) 0%,color-mix(in srgb,var(--punta-header-bg) 58%,transparent) 48%,color-mix(in srgb,var(--punta-header-bg) 10%,transparent) 82%); } .punta-home--magazine .punta-in-focus-card .punta-card-body { padding:18px; } .punta-home--magazine .punta-in-focus-card h3 { font-size:1rem; } @media (max-width:680px) { .punta-home--magazine .punta-in-focus-head { padding-top:22px; } } .punta-home--magazine .punta-in-focus-side .punta-in-focus-card, .punta-home--magazine .punta-in-focus-side .punta-card-link, .punta-home--magazine .punta-in-focus-side .punta-card-media, .punta-home--magazine .punta-in-focus-side .punta-card-body, .punta-home--magazine .punta-in-focus-side .punta-card-body h3, .punta-home--magazine .punta-in-focus-side .punta-card-body time, .punta-home--magazine .punta-in-focus-side .punta-card-body .punta-kicker { position:relative!important; inset:auto!important; top:auto!important; right:auto!important; bottom:auto!important; left:auto!important; float:none!important; transform:none!important; opacity:1!important; text-shadow:none!important; } .punta-home--magazine .punta-in-focus-side .punta-in-focus-card { overflow:hidden!important; min-width:0!important; border:1px solid var(--border)!important; border-radius:17px!important; background:var(--surface)!important; box-shadow:var(--shadow-soft)!important; } .punta-home--magazine .punta-in-focus-side .punta-card-link { display:grid!important; grid-template-columns:132px minmax(0,1fr)!important; align-items:stretch!important; width:100%!important; height:100%!important; min-height:174px!important; margin:0!important; padding:0!important; overflow:hidden!important; border:0!important; border-radius:0!important; background:var(--surface)!important; color:var(--punta-text)!important; text-decoration:none!important; } .punta-home--magazine .punta-in-focus-side .punta-card-link::before, .punta-home--magazine .punta-in-focus-side .punta-card-link::after, .punta-home--magazine .punta-in-focus-side .punta-card-media::before, .punta-home--magazine .punta-in-focus-side .punta-card-media::after { content:none!important; display:none!important; } .punta-home--magazine .punta-in-focus-side .punta-card-media { display:block!important; width:132px!important; min-width:132px!important; height:100%!important; min-height:174px!important; margin:0!important; padding:0!important; overflow:hidden!important; border:0!important; border-radius:0!important; background:var(--surface-soft)!important; aspect-ratio:auto!important; } .punta-home--magazine .punta-in-focus-side .punta-card-media img { display:block!important; position:absolute!important; inset:0!important; width:100%!important; height:100%!important; max-width:none!important; margin:0!important; object-fit:cover!important; object-position:center!important; filter:none!important; } .punta-home--magazine .punta-in-focus-side .punta-card-body { display:flex!important; flex-direction:column!important; justify-content:center!important; align-items:flex-start!important; min-width:0!important; width:auto!important; height:auto!important; margin:0!important; padding:18px!important; overflow:visible!important; background:var(--surface)!important; color:var(--punta-text)!important; z-index:2!important; } .punta-home--magazine .punta-in-focus-side .punta-card-body .punta-kicker { display:block!important; margin:0 0 8px!important; padding:0!important; color:var(--punta-accent)!important; background:transparent!important; font-size:.62rem!important; line-height:1.2!important; font-weight:850!important; letter-spacing:.09em!important; text-transform:uppercase!important; } .punta-home--magazine .punta-in-focus-side .punta-card-body h3 { display:-webkit-box!important; -webkit-box-orient:vertical!important; -webkit-line-clamp:3!important; overflow:hidden!important; margin:0 0 10px!important; padding:0!important; color:var(--punta-heading)!important; background:transparent!important; font-size:1rem!important; line-height:1.28!important; font-weight:750!important; } .punta-home--magazine .punta-in-focus-side .punta-card-body time { display:block!important; margin-top:auto!important; color:var(--muted)!important; background:transparent!important; font-size:.7rem!important; line-height:1.2!important; } .punta-home--magazine .punta-in-focus-lead > a::after { background: linear-gradient(90deg,color-mix(in srgb,var(--punta-header-bg) 35%,transparent) 0%,transparent 62%), linear-gradient(to top,color-mix(in srgb,var(--punta-header-bg) 96%,transparent) 0%,color-mix(in srgb,var(--punta-header-bg) 62%,transparent) 48%,color-mix(in srgb,var(--punta-header-bg) 12%,transparent) 84%)!important; } .punta-home--magazine .punta-in-focus-copy { max-width:78%; } .punta-home--magazine .punta-in-focus-copy .punta-kicker { display:inline-flex; width:max-content; max-width:100%; margin-bottom:10px; padding:5px 8px; border-radius:999px; background:color-mix(in srgb,var(--punta-header-bg) 62%,transparent); backdrop-filter:blur(3px); } .punta-home--magazine .punta-in-focus-copy .punta-readmore { display:inline-flex; width:max-content; margin-top:2px; font-weight:850; } .punta-in-focus-subtopics { gap:9px; } .punta-in-focus-subtopics a { transition:border-color .18s ease,color .18s ease,transform .18s ease; } .punta-in-focus-subtopics a:hover { transform:translateY(-1px); } @media (max-width:920px) { .punta-home--magazine .punta-in-focus-copy { max-width:88%; } .punta-home--magazine .punta-in-focus-side .punta-card-link { grid-template-columns:128px minmax(0,1fr)!important; } .punta-home--magazine .punta-in-focus-side .punta-card-media { width:128px!important; min-width:128px!important; } } @media (max-width:680px) { .punta-home--magazine .punta-in-focus-copy { max-width:100%; } .punta-home--magazine .punta-in-focus-side .punta-card-link { grid-template-columns:108px minmax(0,1fr)!important; min-height:142px!important; } .punta-home--magazine .punta-in-focus-side .punta-card-media { width:108px!important; min-width:108px!important; min-height:142px!important; } .punta-home--magazine .punta-in-focus-side .punta-card-body { padding:14px!important; } } @media (max-width:430px) { .punta-legacy-home-page .content-page { padding-left:12px!important; padding-right:12px!important; } .punta-topic-grid, .punta-home--magazine .punta-magazine-topics .punta-topic-grid, .punta-home--discovery .punta-discovery-topics .punta-topic-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } .punta-topic-tile, .punta-home--magazine .punta-magazine-topics .punta-topic-tile, .punta-home--discovery .punta-discovery-topics .punta-topic-tile { grid-template-columns:38px minmax(0,1fr)!important; min-height:60px!important; gap:8px!important; padding:8px!important; border-radius:12px!important; } .punta-topic-icon, .punta-home--magazine .punta-magazine-topics .punta-topic-icon, .punta-home--discovery .punta-discovery-topics .punta-topic-icon { width:38px!important; height:38px!important; border-radius:9px!important; } .punta-topic-name { font-size:.78rem; line-height:1.18; } .punta-hero-lead, .punta-hero-lead > a, .punta-hero-copy, .punta-home--magazine .punta-hero-lead, .punta-home--magazine .punta-hero-lead > a, .punta-home--magazine .punta-hero-copy { min-height:360px; } .punta-hero-copy, .punta-home--magazine .punta-hero-copy { padding:22px; } .punta-hero-copy h2, .punta-home--magazine .punta-hero-copy h2 { font-size:1.62rem; line-height:1.03; letter-spacing:-.03em; } .punta-hero-small .punta-card-link, .punta-home--magazine .punta-hero-small .punta-card-link { grid-template-columns:94px minmax(0,1fr)!important; } .punta-legacy-home .punta-hero-secondary .punta-card-media, .punta-home--magazine .punta-hero-secondary .punta-card-media { width:94px!important; min-width:94px!important; min-height:84px!important; } .punta-legacy-home .punta-hero-secondary .punta-card-body, .punta-home--magazine .punta-hero-secondary .punta-card-body { padding:10px 11px!important; } .punta-legacy-home .punta-hero-secondary .punta-card-body h3 { font-size:.82rem!important; -webkit-line-clamp:3!important; } .punta-latest-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 10px; } .punta-latest-card { padding-bottom:11px; } .punta-latest-card .punta-card-body { padding-top:8px; } .punta-latest-card .punta-card-body h3 { font-size:.82rem; line-height:1.28; -webkit-line-clamp:3; } .punta-latest-card .punta-card-meta { gap:5px; margin-bottom:5px; font-size:.62rem; } .punta-latest-card .punta-card-category { padding:3px 6px; max-width:100%; } .punta-latest-card .punta-card-meta time { display:none; } .punta-section { margin-bottom:42px; } .punta-topic-gallery { margin-bottom:42px; } .punta-home-outro { margin-top:48px; } } @media (max-width:340px) { .punta-topic-grid, .punta-home--magazine .punta-magazine-topics .punta-topic-grid, .punta-home--discovery .punta-discovery-topics .punta-topic-grid, .punta-latest-grid { grid-template-columns:1fr; } } .punta-home-outro { position:relative; overflow:hidden; margin:72px 0 18px; padding:34px 38px 36px; border:1px solid var(--border); border-radius:22px; background: radial-gradient(circle at 96% 4%, color-mix(in srgb,var(--punta-accent) 11%,transparent), transparent 31%), linear-gradient(135deg,var(--surface-soft),var(--surface)); box-shadow:var(--shadow-soft); } .punta-home-outro::before { content:""; position:absolute; inset:0 auto 0 0; width:4px; background:linear-gradient(to bottom,var(--punta-accent),color-mix(in srgb,var(--punta-accent) 30%,transparent)); } .punta-outro-inner { max-width:none; } .punta-home-outro h2, .punta-home-outro h3 { color:var(--punta-heading); letter-spacing:-.02em; } .punta-home-outro p { max-width:850px; } .punta-home-outro a { color:var(--punta-accent); font-weight:650; } .punta-home-outro ul { columns:unset; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px 28px; margin:18px 0 0; padding-left:18px; } .punta-home-outro li { break-inside:avoid; margin:0; padding:3px 0; } .punta-home-outro li::marker { color:var(--punta-accent); } .punta-home--magazine .punta-home-outro { background: radial-gradient(circle at 90% 10%, color-mix(in srgb,var(--punta-accent) 13%,transparent), transparent 34%), linear-gradient(135deg,color-mix(in srgb,var(--punta-header-bg) 5%,var(--surface)),var(--surface)); } .punta-home--discovery .punta-home-outro { background: linear-gradient(135deg,color-mix(in srgb,var(--punta-accent) 7%,var(--surface-soft)),var(--surface)); border-top:3px solid color-mix(in srgb,var(--punta-accent) 72%,var(--border)); } .punta-section-heading h2 { letter-spacing:-.025em; } .punta-section-heading > div > p { max-width:760px; } .punta-card, .punta-topic-tile, .punta-support-card, .punta-start-card, .punta-topic-map-card, .punta-in-focus-card { transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; } .punta-support-card:hover, .punta-start-card:hover, .punta-topic-map-card:hover, .punta-in-focus-card:hover { transform:translateY(-2px); box-shadow:var(--shadow); } .punta-legacy-home a:focus-visible, .punta-legacy-home button:focus-visible, .punta-legacy-home input:focus-visible { outline:3px solid color-mix(in srgb,var(--punta-accent) 72%,var(--punta-bg)); outline-offset:3px; border-radius:8px; } .punta-support-card h3, .punta-latest-card h3, .punta-start-card h3, .punta-in-focus-card h3 { overflow-wrap:anywhere; } @media (max-width: 760px) { .punta-home-outro { margin-top:54px; padding:26px 24px 28px; border-radius:18px; } .punta-home-outro ul { grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px 18px; } } @media (max-width: 430px) { .punta-home-outro { padding:22px 20px 24px; } .punta-home-outro ul { grid-template-columns:1fr; } } @media (prefers-reduced-motion: reduce) { .punta-legacy-home *, .punta-legacy-home *::before, .punta-legacy-home *::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; } } .punta-archive { margin-top:64px; } .punta-archive-heading { margin-bottom:20px; } .punta-archive-heading p { max-width:720px; } .punta-archive-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; } .punta-archive-card { min-width:0; border:1px solid var(--border); border-radius:18px; overflow:hidden; background:var(--surface); box-shadow:var(--shadow-soft); } .punta-archive-card > a { display:block; height:100%; } .punta-archive-media { aspect-ratio:16/8.7; overflow:hidden; background:linear-gradient(135deg,color-mix(in srgb,var(--punta-accent) 13%,var(--surface-soft)),var(--surface)); } .punta-archive-media img { transition:transform .22s ease; } .punta-archive-card:hover .punta-archive-media img { transform:scale(1.025); } .punta-archive-body { padding:18px 18px 19px; } .punta-archive-body h3 { margin:6px 0 0; font-size:1.05rem; line-height:1.28; letter-spacing:-.015em; overflow-wrap:anywhere; } .punta-archive-readmore { display:inline-flex; align-items:center; gap:6px; margin-top:13px; color:var(--punta-accent); font-size:.84rem; font-weight:750; } .punta-home--editorial .punta-archive-card { border-top:3px solid color-mix(in srgb,var(--punta-accent) 68%,var(--border)); } .punta-home--magazine .punta-archive-grid { grid-template-columns:1.35fr 1fr 1fr; } .punta-home--magazine .punta-archive-card.is-lead { background:linear-gradient(145deg,color-mix(in srgb,var(--punta-header-bg) 7%,var(--surface)),var(--surface)); } .punta-home--magazine .punta-archive-card.is-lead .punta-archive-body h3 { font-size:1.2rem; } .punta-home--discovery .punta-archive-card { border-left:3px solid color-mix(in srgb,var(--punta-accent) 72%,var(--border)); } @media (max-width:760px) { .punta-archive { margin-top:48px; } .punta-archive-grid, .punta-home--magazine .punta-archive-grid { grid-template-columns:1fr; gap:12px; } .punta-archive-card > a { display:grid; grid-template-columns:126px minmax(0,1fr); } .punta-archive-media { aspect-ratio:auto; min-height:126px; } .punta-archive-body { padding:14px 15px; } .punta-archive-body h3 { font-size:.95rem; } .punta-archive-readmore { margin-top:9px; } } @media (max-width:390px) { .punta-archive-card > a { grid-template-columns:104px minmax(0,1fr); } .punta-archive-media { min-height:112px; } .punta-archive-body { padding:12px; } .punta-archive-readmore { font-size:.78rem; } } .punta-questions { margin-top:58px; margin-bottom:58px; } .punta-questions-heading { margin-bottom:18px; } .punta-questions-heading p { max-width:720px; } .punta-questions-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .punta-question-item { min-width:0; border:1px solid var(--border); border-radius:16px; background:var(--surface); box-shadow:var(--shadow-soft); overflow:hidden; } .punta-question-item[open] { border-color:color-mix(in srgb,var(--punta-accent) 36%,var(--border)); box-shadow:var(--shadow); } .punta-question-item summary { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:96px; padding:17px 18px; cursor:pointer; list-style:none; color:var(--punta-heading); } .punta-question-item summary::-webkit-details-marker { display:none; } .punta-question-summary-copy { display:flex; flex-direction:column; gap:5px; min-width:0; } .punta-question-category { color:var(--punta-accent); font-size:.67rem; font-weight:800; letter-spacing:.075em; line-height:1.2; text-transform:uppercase; } .punta-question-title { font-size:1rem; font-weight:700; line-height:1.28; overflow-wrap:anywhere; } .punta-question-toggle { display:grid; place-items:center; flex:0 0 32px; width:32px; height:32px; border-radius:50%; background:color-mix(in srgb,var(--punta-accent) 10%,var(--surface-soft)); color:var(--punta-accent); font-size:1.35rem; font-weight:400; line-height:1; transition:transform .18s ease, background .18s ease; } .punta-question-item[open] .punta-question-toggle { transform:rotate(45deg); background:color-mix(in srgb,var(--punta-accent) 16%,var(--surface-soft)); } .punta-question-answer { padding:0 18px 18px; border-top:1px solid color-mix(in srgb,var(--border) 76%,transparent); } .punta-question-answer p { margin:14px 0 11px; color:var(--muted); font-size:.91rem; line-height:1.55; } .punta-question-answer a { display:inline-flex; align-items:center; gap:6px; color:var(--punta-accent); font-size:.84rem; font-weight:750; } @media (max-width:760px) { .punta-questions { margin-top:46px; margin-bottom:46px; } .punta-questions-grid { grid-template-columns:1fr; gap:10px; } .punta-question-item summary { min-height:0; padding:15px 16px; } .punta-question-answer { padding:0 16px 16px; } } @media (min-width:761px) { .punta-home--editorial .punta-latest-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; } .punta-home--editorial .punta-latest-card:nth-child(-n+2) { grid-column:span 2; padding:0; overflow:hidden; border:1px solid var(--border); border-radius:18px; background:var(--surface); box-shadow:var(--shadow-soft); } .punta-home--editorial .punta-latest-card:nth-child(-n+2) .punta-card-media { aspect-ratio:16/8.8; border-radius:0; } .punta-home--editorial .punta-latest-card:nth-child(-n+2) .punta-card-body { padding:15px 17px 18px; } .punta-home--editorial .punta-latest-card:nth-child(-n+2) .punta-card-body h3 { font-size:1.11rem; line-height:1.28; } .punta-home--editorial .punta-latest-card:nth-child(n+3) { grid-column:span 1; } .punta-home--editorial .punta-latest-card:nth-child(n+3) .punta-card-media { aspect-ratio:16/10; } .punta-home--magazine .punta-latest-grid { gap:18px; } .punta-home--magazine .punta-latest-card { padding:0; overflow:hidden; border:1px solid var(--border); border-radius:17px; background:var(--surface); box-shadow:var(--shadow-soft); } .punta-home--magazine .punta-latest-card .punta-card-media { aspect-ratio:16/10.2; border-radius:0; } .punta-home--magazine .punta-latest-card .punta-card-body { padding:14px 15px 16px; } .punta-home--magazine .punta-latest-card .punta-card-body h3 { font-size:.98rem; line-height:1.3; } .punta-home--discovery .punta-latest-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 16px; } .punta-home--discovery .punta-latest-card { padding:0; overflow:hidden; border:1px solid var(--border); border-radius:16px; background:var(--surface); box-shadow:var(--shadow-soft); } .punta-home--discovery .punta-latest-card .punta-card-link { display:grid; grid-template-columns:150px minmax(0,1fr); align-items:stretch; } .punta-home--discovery .punta-latest-card .punta-card-media { min-height:126px; aspect-ratio:auto; border-radius:0; } .punta-home--discovery .punta-latest-card .punta-card-body { display:flex; flex-direction:column; justify-content:center; padding:13px 15px; } .punta-home--discovery .punta-latest-card .punta-card-body h3 { font-size:.94rem; line-height:1.28; } .punta-home--discovery .punta-latest-card .punta-card-meta time { display:none; } } @media (min-width:761px) and (max-width:920px) { .punta-home--discovery .punta-latest-card .punta-card-link { grid-template-columns:120px minmax(0,1fr); } .punta-home--discovery .punta-latest-card .punta-card-body { padding:12px 13px; } } .punta-legacy-home h1, .punta-legacy-home h2, .punta-legacy-home h3, .punta-legacy-home .punta-topic-name, .punta-legacy-home .punta-kicker { overflow-wrap:anywhere; word-break:normal; } @media (min-width:921px) { .punta-home--editorial .punta-hero-secondary.punta-count-1, .punta-home--discovery .punta-hero-secondary.punta-count-1 { grid-template-rows:minmax(0,1fr)!important; } .punta-home--editorial .punta-hero-secondary.punta-count-2, .punta-home--discovery .punta-hero-secondary.punta-count-2 { grid-template-rows:repeat(2,minmax(0,1fr))!important; } .punta-home--magazine .punta-hero-secondary.punta-count-1 { grid-template-columns:minmax(0,1fr)!important; } .punta-home--magazine .punta-hero-secondary.punta-count-2 { grid-template-columns:repeat(2,minmax(0,1fr))!important; } } @media (min-width:921px) { .punta-home--editorial .punta-latest-count-3 .punta-latest-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } .punta-home--editorial .punta-latest-count-3 .punta-latest-card:nth-child(3) { grid-column:2 / span 2; } .punta-home--editorial .punta-latest-count-4 .punta-latest-card:nth-child(n+3) { grid-column:span 2; } .punta-home--editorial .punta-latest-count-5 .punta-latest-grid { grid-template-columns:repeat(6,minmax(0,1fr)); } .punta-home--editorial .punta-latest-count-5 .punta-latest-card:nth-child(-n+2) { grid-column:span 3; } .punta-home--editorial .punta-latest-count-5 .punta-latest-card:nth-child(n+3) { grid-column:span 2; } .punta-home--magazine .punta-latest-count-1 .punta-latest-grid { grid-template-columns:minmax(0,1fr); max-width:440px; } .punta-home--magazine .punta-latest-count-2 .punta-latest-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .punta-home--discovery .punta-latest-count-1 .punta-latest-grid { grid-template-columns:minmax(0,1fr); max-width:720px; } } .punta-legacy-home .punta-card-media.is-empty, .punta-legacy-home .punta-spotlight.no-image .punta-spotlight-media, .punta-legacy-home .punta-hero-lead.no-image .punta-hero-image { background:linear-gradient(135deg,var(--surface-soft),color-mix(in srgb,var(--punta-accent) 10%,var(--surface))); } .punta-legacy-home .punta-media-fallback { display:grid; place-items:center; width:100%; min-height:100%; color:color-mix(in srgb,var(--punta-accent) 72%,var(--muted)); font-size:clamp(1.35rem,3vw,2.2rem); } .punta-legacy-home img { height:auto; max-width:100%; } .punta-legacy-home .punta-card-media img, .punta-legacy-home .punta-hero-image img, .punta-legacy-home .punta-spotlight-media img, .punta-legacy-home .punta-in-focus-media img, .punta-legacy-home .punta-archive-media img { display:block; width:100%; height:100%; object-fit:cover; } .punta-legacy-home .punta-topic-icon img, .punta-legacy-home .punta-topic-map-icon img, .punta-legacy-home .punta-start-icon img, .punta-legacy-home .punta-in-focus-icon img, .punta-legacy-home .punta-category-heading-icon img { display:block; width:100%; height:100%; object-fit:cover; } .punta-legacy-home .punta-section-link, .punta-legacy-home .punta-start-link, .punta-legacy-home .punta-archive-readmore, .punta-legacy-home .punta-question-answer a, .punta-legacy-home .punta-discovery-search-form button { min-height:44px; display:inline-flex; align-items:center; } .punta-legacy-home .punta-question-item summary { min-height:52px; } .punta-legacy-home summary:focus-visible { outline:3px solid color-mix(in srgb,var(--punta-accent) 72%,var(--punta-bg)); outline-offset:3px; border-radius:12px; } @media (max-width:340px) { .punta-legacy-home-page .content-page { padding-left:12px!important; padding-right:12px!important; } .punta-legacy-home .punta-latest-grid, .punta-legacy-home .punta-support-grid, .punta-legacy-home .punta-topic-grid { grid-template-columns:1fr!important; } .punta-legacy-home .punta-hero-copy, .punta-home--magazine .punta-hero-copy { padding:22px!important; } .punta-legacy-home .punta-hero-copy h2 { font-size:clamp(1.65rem,10vw,2.25rem)!important; } } @media (forced-colors: active) { .punta-legacy-home .punta-card, .punta-legacy-home .punta-topic-tile, .punta-legacy-home .punta-start-card, .punta-legacy-home .punta-question-item, .punta-legacy-home .punta-archive-card, .punta-legacy-home .punta-home-outro { border:1px solid CanvasText!important; box-shadow:none!important; } .punta-legacy-home a:focus-visible, .punta-legacy-home button:focus-visible, .punta-legacy-home input:focus-visible, .punta-legacy-home summary:focus-visible { outline:2px solid Highlight!important; } } @media (prefers-contrast: more) { .punta-legacy-home .punta-card, .punta-legacy-home .punta-topic-tile, .punta-legacy-home .punta-start-card, .punta-legacy-home .punta-question-item, .punta-legacy-home .punta-archive-card { border-color:color-mix(in srgb,var(--punta-text) 38%,var(--border)); } } .punta-legacy-home :is(h1,h2,h3,h4) { background:transparent!important; background-image:none!important; padding:0!important; width:auto!important; max-width:100%; border:0!important; border-radius:0!important; box-shadow:none!important; color:var(--punta-heading)!important; } .punta-legacy-home .punta-hero-copy h2, .punta-home--magazine .punta-spotlight-copy h3, .punta-home--magazine .punta-in-focus-copy h3 { color:var(--punta-on-image)!important; } .punta-legacy-home .punta-hero-lead > a, .punta-legacy-home .punta-spotlight > a, .punta-legacy-home .punta-in-focus-lead > a, .punta-legacy-home .punta-archive-card > a, .punta-legacy-home .punta-card-link { color:inherit!important; background-color:transparent!important; background-image:none!important; box-shadow:none!important; text-decoration:none!important; } .punta-legacy-home .punta-hero-lead > a:is(:hover,:focus,:active,:visited), .punta-legacy-home .punta-spotlight > a:is(:hover,:focus,:active,:visited), .punta-legacy-home .punta-in-focus-lead > a:is(:hover,:focus,:active,:visited), .punta-legacy-home .punta-archive-card > a:is(:hover,:focus,:active,:visited), .punta-legacy-home .punta-card-link:is(:hover,:focus,:active,:visited) { color:inherit!important; background-color:transparent!important; background-image:none!important; text-decoration:none!important; } .punta-legacy-home .punta-hero-small .punta-card-link, .punta-legacy-home .punta-in-focus-card .punta-card-link, .punta-home--magazine .punta-in-focus-side .punta-card-link { background:var(--surface)!important; text-decoration:none!important; } .punta-legacy-home .punta-hero-small .punta-card-link:is(:hover,:focus,:active,:visited), .punta-legacy-home .punta-in-focus-card .punta-card-link:is(:hover,:focus,:active,:visited), .punta-home--magazine .punta-in-focus-side .punta-card-link:is(:hover,:focus,:active,:visited) { background:var(--surface)!important; color:var(--punta-text)!important; } .punta-legacy-home :is( .punta-section-link, .punta-start-link, .punta-topic-map-parent-link, .punta-in-focus-category-link, .punta-question-answer a, .punta-topic-map-card h3 a, .punta-topic-map-children a, .punta-start-card h3 a ):is(:hover,:focus,:active,:visited) { background:transparent!important; background-image:none!important; box-shadow:none!important; text-decoration:none!important; } .punta-legacy-home .punta-topic-tile, .punta-legacy-home .punta-topic-tile:is(:hover,:focus,:active,:visited) { background:var(--surface)!important; color:var(--punta-text)!important; } .punta-legacy-home .punta-start-subtopics a, .punta-legacy-home .punta-start-subtopics a:is(:hover,:focus,:active,:visited), .punta-legacy-home .punta-in-focus-subtopics a, .punta-legacy-home .punta-in-focus-subtopics a:is(:hover,:focus,:active,:visited) { background:var(--surface)!important; }