/* Portada pública. Estilos limitados al index; no afectan otros módulos. */
body { background:#f4f6f9; }
.home-page { --home-ink:#1a2433; --home-ink-soft:#4b5667; --home-line:#dde1e8; --home-brand:#1f3a5f; --home-brand-dark:#152a47; --home-sand:#a8782a; --home-sand-bg:#f6efe2; --home-serif:"Source Serif 4",Georgia,"Times New Roman",serif; --home-sans:"Source Sans 3","Segoe UI",system-ui,-apple-system,sans-serif; }
.container.home-page { width:100%; max-width:1600px; display:block; padding-bottom:40px; color:#292d31; }
.home-current { padding-top:22px; }
.home-section-divider { width:100%; height:0; margin:30px 0; border:0; border-top:1px solid #dde3eb; }
.home-section-divider + .home-previous-news { margin-top:0; }
.home-page .home-eyebrow { margin:0 0 10px; color:#656b70; font-size:.72rem; line-height:1.6; letter-spacing:.08em; text-transform:uppercase; }
.home-section-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px 20px; margin-bottom:16px; }
.home-section-heading h2 { font-size:1.3rem; font-weight:600; margin:0; }
.home-section-heading > a { color:#51565a; font-size:.82rem; text-underline-offset:4px; }
.home-section-heading > a span { margin-left:6px; }
.home-current-grid { display:grid; grid-template-columns:minmax(0,1fr); }
.home-feature { min-width:0; border:0; border-radius:0; overflow:hidden; background:transparent; }
.home-feature > .container { max-width:none; width:100%; padding:0; min-height:0; display:block; }
.home-feature > .container > div { padding-top:0 !important; }
.home-page #carouselExampleIndicators .carousel-item { height:auto; min-height:0; max-height:none; aspect-ratio:auto; background:#f4f6f9; border:0; }
.home-page #carouselExampleIndicators { --home-carousel-height:clamp(320px,30vw,520px); font-family:var(--home-sans); }
.home-carousel-visual { position:relative; height:var(--home-carousel-height); overflow:hidden; isolation:isolate; background:#f4f6f9; }
/* El velo solo suaviza el fondo; la fotografía principal permanece encima, intacta. */
.home-carousel-visual .carousel-photo-backdrop { position:absolute; inset:0; z-index:0; display:block; width:100%; height:100%; object-fit:cover; filter:blur(40px) saturate(.65); opacity:.35; transform:scale(1.2); pointer-events:none; }
.home-carousel-visual::after { content:""; position:absolute; inset:0; z-index:1; background:radial-gradient(ellipse closest-side at center,rgba(244,246,249,.6) 20%,#f4f6f9 100%); pointer-events:none; }
.home-page #carouselExampleIndicators .carousel-caption { position:static; padding:20px 24px 16px; min-height:0; color:#292d31; text-align:center; }
.home-page #carouselExampleIndicators .home-carousel-meta { display:flex; align-items:baseline; justify-content:center; flex-wrap:wrap; gap:8px 12px; margin:0 0 12px; padding:0 !important; color:#63686c; font-size:1rem !important; letter-spacing:normal; }
.home-carousel-meta time { color:#30353a; font-weight:600; line-height:1.5; }
.home-carousel-title { margin:0; font-family:var(--home-serif); font-size:clamp(1.1rem,1.35vw,1.25rem); line-height:1.3; font-weight:600; text-transform:uppercase; }
.home-page #carouselExampleIndicators .carousel-caption a { display:block; padding:4px 0; color:#292d31; text-decoration:none; }
.home-page #carouselExampleIndicators .carousel-caption a:hover .home-carousel-title { color:var(--home-brand); text-decoration:none; }
.home-carousel-navigation { position:absolute; z-index:5; inset:0 0 auto; height:var(--home-carousel-height); pointer-events:none; }
.home-page #carouselExampleIndicators .carousel-control-prev,.home-page #carouselExampleIndicators .carousel-control-next,.home-carousel-pause { position:absolute; display:inline-flex; align-items:center; justify-content:center; padding:0; border:1px solid #ffffff99; border-radius:50%; background:var(--home-brand); color:#fff; box-shadow:0 2px 8px #152a4733; opacity:1; pointer-events:auto; transition:background .2s,border-color .2s; }
.home-page #carouselExampleIndicators .carousel-control-prev,.home-page #carouselExampleIndicators .carousel-control-next { top:50%; bottom:auto; width:48px; height:48px; transform:translateY(-50%); }
.home-page #carouselExampleIndicators .carousel-control-prev { left:14px; right:auto; }
.home-page #carouselExampleIndicators .carousel-control-next { right:14px; left:auto; }
.home-carousel-pause { top:12px; right:14px; width:36px; height:36px; font-size:.85rem; }
/* La pausa solo se revela al recibir foco de teclado, sin añadir un icono a la imagen. */
.home-page .home-carousel-pause:not(:focus-visible) { width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); clip-path:inset(50%); white-space:nowrap; border:0; box-shadow:none; pointer-events:none; }
.home-page #carouselExampleIndicators .carousel-control-prev:hover,.home-page #carouselExampleIndicators .carousel-control-next:hover,.home-carousel-pause:hover { background:var(--home-brand-dark); border-color:#fff; }
.home-page #carouselExampleIndicators .carousel-control-prev:hover svg { transform:translateX(-2px); }
.home-page #carouselExampleIndicators .carousel-control-next:hover svg { transform:translateX(2px); }
.home-page .home-carousel-navigation a:focus-visible,.home-page .home-carousel-pause:focus-visible { outline:2px solid var(--home-sand); outline-offset:3px; box-shadow:0 0 0 2px #fff; }
.home-carousel-navigation svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; transition:transform .2s; }
.home-page #carouselExampleIndicators .carousel-indicators { position:static; display:flex; flex-wrap:wrap; gap:5px; margin:0; padding:0 24px 14px; justify-content:center; order:0; }
.home-page #carouselExampleIndicators .carousel-indicators li { box-sizing:content-box; width:18px; height:4px; margin:0; border-top:10px solid transparent; border-bottom:10px solid transparent; background-color:#1f3a5f40; background-clip:padding-box; }
.home-page #carouselExampleIndicators .carousel-indicators li.active { background-color:var(--home-sand); }
.home-shortcuts { display:flex; flex-direction:column; padding:26px; font-family:var(--home-sans); color:var(--home-ink); background:transparent; border:1px solid var(--home-line); border-radius:10px; scroll-margin-top:80px; }
.home-shortcuts h2 { font-family:var(--home-serif); font-size:1.7rem; line-height:1.3; font-weight:600; margin:0 0 12px; scroll-margin-top:100px; }
.home-shortcuts h2::after { content:""; display:block; width:34px; height:3px; margin-top:12px; background:var(--home-sand); }
.home-shortcuts-description { color:var(--home-ink-soft); font-size:.98rem; line-height:1.6; margin:0 0 24px; }
.home-shortcuts-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; flex:1; }
.home-shortcut { position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:12px; min-width:0; min-height:130px; padding:16px; border:1px solid var(--home-line); border-radius:10px; color:var(--home-ink); background:#fff; transition:border-color .2s,box-shadow .2s; }
.home-shortcut-icon { display:inline-flex; align-items:center; justify-content:center; flex:0 0 44px; width:44px; height:44px; border-radius:10px; color:#fff; background:var(--home-brand); }
.home-shortcut svg { width:22px; height:22px; stroke:currentColor; stroke-width:1.8; fill:none; stroke-linecap:round; stroke-linejoin:round; }
.home-shortcut-copy { flex:1; min-width:0; }
.home-shortcut strong { display:block; font-family:var(--home-serif); font-weight:600; font-size:1.1rem; line-height:1.3; overflow-wrap:break-word; }
.home-shortcut small { display:block; color:var(--home-ink-soft); font-size:.85rem; line-height:1.5; margin-top:5px; }
.home-shortcut-arrow { position:absolute; top:16px; right:16px; display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; border:1px solid var(--home-line); border-radius:50%; color:var(--home-ink); background:#fff; transition:transform .2s,background-color .2s,color .2s; }
.home-shortcut-arrow svg { width:15px; height:15px; }
.home-shortcut:hover { color:var(--home-brand); text-decoration:none; border-color:var(--home-brand); box-shadow:0 10px 28px -14px #152a4759; }
.home-shortcut:hover .home-shortcut-arrow { color:#fff; background:var(--home-brand); border-color:var(--home-brand); transform:translateX(3px); }
.home-page a:focus-visible,.home-page button:focus-visible,.home-page [tabindex]:focus-visible { outline:2px solid #30353a; outline-offset:4px; }
.home-page .home-shortcut:focus-visible { outline:3px solid var(--home-sand); outline-offset:3px; }
.home-video-section { display:grid; grid-template-columns:minmax(0,1.75fr) minmax(340px,1fr); gap:28px; align-items:stretch; margin:32px 0 40px; }
.home-video-main { display:flex; flex-direction:column; min-width:0; padding:26px; font-family:var(--home-sans); color:var(--home-ink); background:#fff; border:1px solid var(--home-line); border-radius:10px; }
.home-video-copy { max-width:none; }
.home-video-copy h2 { font-family:var(--home-serif); font-size:1.7rem; font-weight:600; line-height:1.3; margin:0 0 12px; }
.home-video-copy h2::after { content:""; display:block; width:34px; height:3px; margin-top:12px; background:var(--home-sand); }
.home-video-copy p { font-size:.98rem; line-height:1.6; color:var(--home-ink-soft); margin:0 0 12px; }
.home-video-copy .home-video-name { font-size:1.05rem; color:var(--home-ink); font-weight:600; }
.home-video-copy .home-video-date { display:inline-block; max-width:100%; padding:3px 10px; margin:0; border-radius:999px; background:var(--home-sand-bg); color:#7a5518; font-size:.85rem; font-weight:600; }
.home-video-player { position:relative; min-width:0; flex:1; margin-top:20px; aspect-ratio:16/9; border-radius:9px; overflow:hidden; background:#fff; }
.home-video-player video { position:absolute; inset:0; display:block; width:100%; height:100%; max-height:none; object-fit:contain; background:#fff; scroll-margin-top:80px; }
.home-previous-heading .home-more-news { display:inline-flex; align-items:center; gap:9px; min-height:38px; padding:7px 12px; border:1px solid var(--home-line); border-radius:6px; background:#fff; color:var(--home-brand); text-decoration:none; font-size:.85rem; transition:background .2s,color .2s,border-color .2s; }
.home-more-news svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.home-previous-heading .home-more-news:hover { background:var(--home-brand); border-color:var(--home-brand); color:#fff; }
.home-previous-news { margin:28px 0 36px; font-family:var(--home-sans); color:var(--home-ink); }
.home-previous-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px 24px; margin-bottom:17px; }
.home-previous-heading h2 { font-family:var(--home-serif); font-size:1.7rem; line-height:1.3; font-weight:600; margin:0; scroll-margin-top:100px; }
.home-previous-heading h2::after { content:""; display:block; width:34px; height:3px; margin-top:12px; background:var(--home-sand); }
.home-previous-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.home-previous-card { display:flex; flex-direction:column; min-width:0; border:1px solid var(--home-line); border-radius:10px; overflow:hidden; background:#fff; transition:border-color .2s,box-shadow .2s; }
.home-previous-card:hover,.home-previous-card:focus-within { border-color:var(--home-brand); box-shadow:0 10px 28px -14px #152a4759; }
.home-previous-media { position:relative; isolation:isolate; aspect-ratio:16/9; overflow:hidden; background:#f1f1f1; border-bottom:1px solid var(--home-line); }
.home-previous-backdrop,.home-previous-photo { position:absolute; inset:0; display:block; width:100%; height:100%; }
.home-previous-backdrop { z-index:0; object-fit:cover; filter:blur(20px); transform:scale(1.08); pointer-events:none; }
.home-previous-photo { z-index:1; object-fit:contain; }
.home-previous-fallback { display:flex; flex-direction:column; gap:12px; align-items:center; justify-content:center; width:100%; height:100%; color:#7c8389; font-size:.8rem; }
.home-previous-fallback svg { width:42px; height:42px; fill:none; stroke:currentColor; stroke-width:1.2; }
.home-previous-copy { display:flex; flex-direction:column; align-items:flex-start; padding:24px; flex:1; }
.home-previous-copy time { display:inline-block; max-width:100%; padding:3px 10px; border-radius:999px; background:var(--home-sand-bg); color:#7a5518; font-size:.85rem; font-weight:600; margin-bottom:14px; }
.home-previous-copy h3 { color:var(--home-ink); font-family:var(--home-serif); font-size:1.1rem; line-height:1.3; font-weight:600; margin:0 0 14px; overflow-wrap:anywhere; text-align:justify; text-align-last:left; }
.home-previous-copy p { color:var(--home-ink-soft); font-size:.98rem; line-height:1.6; margin:0 0 23px; overflow-wrap:anywhere; text-align:justify; text-align-last:left; }
.home-previous-copy > a { display:inline-flex; align-items:center; gap:13px; padding:8px 12px; margin-top:auto; border:1px solid var(--home-brand); border-radius:24px; background:var(--home-brand); color:#fff; font-weight:600; font-size:.85rem; text-decoration:none; transition:background .2s,color .2s,border-color .2s; }
.home-previous-copy > a > span { display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; background:#ffffff26; color:#fff; border-radius:50%; transition:transform .2s,background-color .2s,color .2s; }
.home-previous-copy > a svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.home-previous-copy > a:hover { color:#fff; background:var(--home-brand-dark); border-color:var(--home-brand-dark); }
.home-previous-copy > a:hover > span { transform:translateX(3px); color:var(--home-brand); background:#fff; }
.home-page .home-previous-news a:focus-visible { outline:3px solid var(--home-sand); outline-offset:3px; }
.home-products { margin:0 0 40px; padding:20px 0 30px; border-bottom:1px solid var(--home-line); scroll-margin-top:80px; font-family:var(--home-sans); color:var(--home-ink); line-height:1.6; }
.home-products-heading { display:flex; align-items:flex-end; justify-content:space-between; flex-wrap:wrap; gap:24px 32px; margin-bottom:36px; padding-bottom:24px; border-bottom:1px solid var(--home-line); }
.home-products-heading .home-eyebrow { margin:0 0 6px; font-size:.9rem; font-weight:600; letter-spacing:normal; text-transform:none; color:#8a6223; }
.home-products-heading h2 { margin:0; font-family:var(--home-serif); font-size:1.8rem; line-height:1.3; font-weight:600; letter-spacing:-.01em; }
.home-products-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; align-items:stretch; }
.home-product-card { display:flex; flex-direction:column; min-width:0; padding:28px 24px 0; border:1px solid var(--home-line); border-radius:10px; background:#fff; transition:border-color .2s,box-shadow .2s; }
.home-product-top { display:flex; align-items:center; gap:12px; margin-bottom:20px; }
.home-product-icon { display:inline-flex; align-items:center; justify-content:center; flex:0 0 44px; height:44px; border-radius:10px; background:var(--home-brand); color:#fff; }
.home-product-icon svg { display:block; width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.home-product-category { font-size:.85rem; font-weight:500; line-height:1.6; color:var(--home-ink-soft); }
.home-product-card h3 { font-family:var(--home-serif); font-size:1.3rem; font-weight:600; line-height:1.25; margin:0 0 10px; }
.home-product-description { margin:0; font-size:.98rem; line-height:1.6; color:var(--home-ink-soft); text-align:left; hyphens:auto; overflow-wrap:break-word; }
.home-product-details { margin:16px 0 0; color:var(--home-ink-soft); font-size:.93rem; line-height:1.6; }
.home-product-details summary { display:inline-flex; align-items:center; gap:8px; cursor:pointer; list-style:none; color:var(--home-brand); font-weight:600; border-radius:4px; }
.home-product-details summary::-webkit-details-marker { display:none; }
.home-product-details summary::after { content:""; width:7px; height:7px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg) translateY(-2px); transition:transform .2s; }
.home-product-details[open] summary::after { transform:rotate(-135deg) translateY(-2px); }
.home-product-details summary:hover { color:var(--home-brand-dark); }
.home-product-details p { margin:10px 0 0; padding-left:12px; border-left:2px solid var(--home-line); text-align:left; }
.home-product-note { margin:16px 0 0; color:var(--home-ink-soft); font-size:.85rem; line-height:1.6; }
.home-product-note.is-latest { align-self:flex-start; padding:3px 10px; border-radius:999px; background:var(--home-sand-bg); color:#7a5518; font-weight:600; }
.home-product-actions { margin:auto -24px 0; padding-top:20px; }
.home-page .home-product-cta { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:20px; padding:16px 24px; min-height:64px; border-top:1px solid var(--home-line); border-radius:0 0 10px 10px; color:var(--home-ink); font-size:1rem; font-weight:600; text-decoration:none; transition:background .2s,color .2s; }
.home-product-arrow { display:inline-flex; justify-content:center; align-items:center; flex:0 0 32px; width:32px; height:32px; border:1px solid var(--home-line); border-radius:50%; color:var(--home-ink); background:#fff; transition:background-color .2s,color .2s,transform .2s; }
.home-product-arrow svg,.home-gaceta > a svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.home-product-card:hover .home-product-arrow,.home-product-card:focus-within .home-product-arrow { color:#fff; background:var(--home-brand); border-color:var(--home-brand); transform:translateX(3px); }
.home-product-card:hover .home-product-cta,.home-product-card:focus-within .home-product-cta { color:var(--home-brand); }
.home-product-card:focus-within { border-color:var(--home-brand); box-shadow:0 10px 28px -14px #152a4759; }
.home-product-secondary { display:inline-block; margin-top:10px; padding-left:12px; font-size:.93rem; color:var(--home-brand); font-weight:600; text-underline-offset:4px; }
.home-products a:focus-visible,.home-products summary:focus-visible { outline:3px solid var(--home-sand); outline-offset:3px; }
.home-gaceta { display:grid; grid-template-columns:minmax(220px,.8fr) minmax(0,1.4fr) auto; gap:16px 28px; align-items:center; padding:20px 24px; margin-top:24px; border:1px solid var(--home-line); border-radius:10px; background:#fff; }
.home-gaceta .home-eyebrow { display:block; font-size:.65rem; margin-bottom:5px; }
.home-gaceta h3 { margin:0; font-size:.98rem; font-weight:600; }
.home-gaceta details { color:#666d73; font-size:.8rem; line-height:1.8; }
.home-gaceta summary { cursor:pointer; }
.home-gaceta details p { margin:12px 0 0; text-align:justify; }
.home-gaceta > a { display:inline-flex; align-items:center; gap:14px; min-height:44px; font-size:.83rem; color:#30353a; white-space:nowrap; text-underline-offset:4px; }
@media(hover:hover) { .home-product-card:hover { border-color:var(--home-brand); box-shadow:0 10px 28px -14px #152a4759; } }
@media(max-width:1199.98px) { .home-products-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .home-gaceta { grid-template-columns:1fr auto; } .home-gaceta details { grid-column:1 / -1; grid-row:2; } }
@media(max-width:575.98px) { .home-products-grid { grid-template-columns:1fr; gap:14px; } .home-products-heading { margin-bottom:24px; } .home-products-heading h2 { font-size:1.5rem; } .home-product-card { padding:24px 20px 0; } .home-product-top { margin-bottom:20px; } .home-product-card h3 { font-size:1.3rem; } .home-product-actions { margin-right:-20px; margin-left:-20px; } .home-page .home-product-cta { padding-right:20px; padding-left:20px; } .home-gaceta { grid-template-columns:1fr; gap:10px; padding:18px 20px; } .home-gaceta details { grid-row:auto; } }
@media(prefers-reduced-motion:reduce) { .home-product-card,.home-product-arrow,.home-product-cta,.home-product-details summary::after { transition:none; } .home-product-card:hover,.home-product-card:hover .home-product-arrow,.home-product-card:focus-within .home-product-arrow { transform:none; } }
@media(min-width:1200px) { .container.home-page { width:calc(100% - 48px); } }
@media(max-width:1199.98px) { .home-video-section { grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr); gap:20px; } .home-video-main,.home-shortcuts { padding:20px; } .home-shortcut { min-height:130px; } .home-previous-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:991.98px) { .home-shortcuts-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .home-shortcut small { display:block; } .home-video-section { grid-template-columns:minmax(0,1fr); gap:20px; } .home-video-main { padding:20px; } }
@media(max-width:575.98px) { .home-current { padding-top:18px; } .home-eyebrow { font-size:.65rem; } .home-section-heading h2 { font-size:1.15rem; } .home-section-heading > a { font-size:.75rem; } .home-shortcuts { padding:20px 16px; } .home-shortcuts h2 { font-size:1.5rem; } .home-shortcuts-grid { grid-template-columns:1fr; } .home-shortcut { flex-direction:row; align-items:center; gap:12px; min-height:92px; padding-right:16px; } .home-shortcut-arrow { position:static; flex:0 0 28px; margin-left:auto; } .home-carousel-visual { height:auto; aspect-ratio:16/9; } .home-page #carouselExampleIndicators .carousel-caption { padding:16px 16px 10px; min-height:144px; } .home-carousel-navigation { height:auto; aspect-ratio:16/9; } .home-page #carouselExampleIndicators .carousel-indicators { padding:0 16px 10px; } .home-page #carouselExampleIndicators .carousel-control-prev,.home-page #carouselExampleIndicators .carousel-control-next,.home-carousel-pause { width:44px; height:44px; } .home-page #carouselExampleIndicators .carousel-control-prev { left:10px; } .home-page #carouselExampleIndicators .carousel-control-next { right:10px; } .home-carousel-pause { top:8px; right:10px; } .home-video-section { grid-template-columns:1fr; margin-top:24px; padding:20px 16px; gap:12px; } .home-video-copy h2 { font-size:1.5rem; } .home-video-copy p { font-size:.98rem; } }
@media(max-width:575.98px) { .home-page #carouselExampleIndicators .carousel-caption { padding:18px 16px 12px; min-height:0; } }
@media(prefers-reduced-motion:reduce) { .home-shortcut,.home-shortcut-arrow,.home-carousel-navigation svg { transition:none; } .home-shortcut:hover .home-shortcut-arrow,.home-page #carouselExampleIndicators .carousel-control-prev:hover svg,.home-page #carouselExampleIndicators .carousel-control-next:hover svg { transform:none; } }
@media(max-width:575.98px) { .home-previous-grid { grid-template-columns:minmax(0,1fr); } .home-previous-heading h2 { font-size:1.5rem; } .home-previous-copy { padding:20px; } .home-video-section { padding:0; } .home-video-main { padding:20px 16px; } }
@media(prefers-reduced-motion:reduce) { .home-previous-card,.home-previous-copy > a,.home-previous-copy > a > span,.home-previous-heading .home-more-news { transition:none; } .home-previous-copy > a:hover > span { transform:none; } }
/* Filas compartidas: encabezados, video y accesos alineados sin medidas rígidas ni recortes. */
@supports (grid-template-rows:subgrid) {
  @media(min-width:992px) {
    .home-video-section { grid-template-rows:auto auto; row-gap:20px; }
    .home-video-main,.home-shortcuts { display:grid; grid-template-rows:subgrid; grid-row:1 / span 2; row-gap:20px; }
    .home-video-main { grid-column:1; }
    .home-shortcuts { grid-column:2; }
    .home-video-player { margin-top:0; align-self:stretch; }
    .home-shortcuts-description { margin-bottom:0; }
  }
}