.rf-portal { --rf-night: #060d1c; --rf-surface: #101e35; --rf-ice: #9cceff; --rf-blue: #368de8; --rf-silver: #e7edf5; }
body.ares-platform.rf-portal, body.ares-platform.rf-portal.ddla-theme--mystika { background: var(--rf-night); color: var(--rf-silver); }
.rf-portal .rf-main :is(h1,h2,h3), .rf-portal .rf-brand, .rf-portal .rf-dialog h2 {
    font-family: Cinzel, Georgia, serif; font-weight: 650; letter-spacing: .025em;
}
.rf-portal .rf-header { position: sticky; top: 0; z-index: 6; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.05rem 5%; background: #060d1cf0; border-bottom: 1px solid #9cceff30; }
.rf-portal.admin-bar .rf-header { top: 32px; }
.rf-portal .rf-header a { color: #e7edf5; text-decoration: none; }
.rf-portal .rf-header a[aria-current] { color: var(--rf-ice); text-decoration: underline; text-underline-offset: .35rem; }
.rf-portal .rf-header nav { display: flex; align-items: center; gap: clamp(.6rem, 2vw, 1.7rem); font-size: .88rem; }
.rf-portal .rf-brand { color: var(--rf-ice); }
.rf-portal .rf-return, .rf-portal [data-rf-menu] { padding: .45rem .7rem; border: 1px solid #9cceff50; border-radius: .3rem; white-space: nowrap; }
.rf-portal [data-rf-menu] { color: inherit; background: var(--rf-surface); }
.rf-portal .rf-wrap { width: min(90%, 92rem); margin-inline: auto; }
.rf-portal .rf-hero { min-height: min(74svh, 54rem); position: relative; isolation: isolate; display: grid; align-items: center; overflow: hidden; }
.rf-portal .rf-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 68% 26%; z-index: -2; }
.rf-portal .rf-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg,#060d1cfa,#060d1caa 39%,transparent 77%),linear-gradient(0deg,#060d1c,#060d1c10 54%); }
.rf-portal .rf-hero-copy { width: min(90%, 37rem); margin-inline: 5%; padding-block: 6rem; }
.rf-portal .rf-hero-copy h1 img { width: min(100%, 36rem); height: auto; }
.rf-portal .rf-eyebrow { color: var(--rf-ice); letter-spacing: .22em; text-transform: uppercase; font-size: .83rem; font-weight: 700; }
.rf-portal .rf-hero-copy .rf-eyebrow { margin-block: 1rem 1.6rem; }
.rf-portal .rf-gates { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: .75rem; margin-top: 1rem; }
.rf-portal .rf-gates a { display: flex; justify-content: space-between; align-items: center; padding: 1rem; background: var(--rf-surface); border: 1px solid #9cceff30; border-radius: .4rem; }
.rf-portal .rf-content { padding-block: clamp(2rem, 6vw, 6rem) 3rem; }
.rf-portal .rf-heading { margin-bottom: 1.7rem; }
.rf-portal .rf-heading h1 { font-size: clamp(2.1rem, 6vw, 5rem); line-height: 1.12; margin-top: .7rem; }
.rf-portal .rf-actions, .rf-portal .rf-related, .rf-portal .rf-episode-nav { display: flex; flex-wrap: wrap; gap: .6rem 1rem; }
.rf-portal .rf-actions .ares-action { background: #2169b5; }
.rf-portal .rf-actions .ares-action--secondary { background: #101e35; }
.rf-portal .rf-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(min(100%, 16rem),1fr)); gap: 1rem; }
.rf-portal .rf-card { min-width: 0; overflow: hidden; border-radius: .65rem; background: var(--rf-surface); border: 1px solid #9cceff29; }
.rf-portal .rf-card img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.rf-portal .rf-card[data-category="Láminas"] img { aspect-ratio: 4 / 5; object-fit: contain; background: #080f20; }
.rf-portal .rf-card :is(h2,p,.rf-related) { padding: .55rem .85rem; }
.rf-portal .rf-card h2 { font-size: 1.05rem; }
.rf-portal .rf-card p { color: #a6b5c9; font-size: .9rem; }
.rf-portal .rf-related a,.rf-portal .rf-episode-nav a { color: var(--rf-ice); text-decoration: underline; font-size: .88rem; }
.rf-portal .rf-card:hover,.rf-portal .rf-gates a:hover { border-color: var(--rf-ice); }
.rf-portal .rf-video :is(video,iframe) { display: block; width: 100%; aspect-ratio: 16 / 9; max-height: 76svh; background: #000; border: 0; border-radius: .55rem; }
.rf-portal .rf-description { max-width: 75ch; margin-block: 1.2rem; }
.rf-portal .rf-meta { color: #a6b5c9; }
.rf-portal .rf-block, .rf-portal .rf-episode-nav { margin-top: 2rem; }
.rf-portal .rf-block .rf-actions, .rf-portal .rf-book .rf-actions { margin-top: 1rem; }
.rf-portal .rf-book { display: flex; align-items: center; gap: clamp(1.5rem, 5vw, 4rem); }
.rf-portal .rf-book img { width: min(32%, 21rem); }
.rf-portal .rf-filters { display: flex; flex-wrap: wrap; gap: .6rem 1rem; align-items: end; margin-bottom: 1.25rem; }
.rf-portal .rf-filters label { display: grid; gap: .3rem; }
.rf-portal .rf-filters select { max-width: 78vw; color: inherit; background: var(--rf-surface); padding: .55rem; border-radius: .3rem; }
.rf-portal .rf-empty { padding: 1rem; color: #a6b5c9; }
.rf-portal .rf-dialog { width: min(95%, 66rem); max-height: 94svh; padding: 1rem; background: var(--rf-surface); color: var(--rf-silver); border: 1px solid #9cceff55; border-radius: .7rem; }
.rf-portal .rf-dialog::backdrop { background: #020610eb; }
.rf-portal .rf-dialog header,.rf-portal .rf-dialog-tools { display: flex; justify-content: space-between; align-items: center; gap: .5rem; }
.rf-portal .rf-dialog-media :is(video,iframe,img) { width: 100%; max-height: 70svh; object-fit: contain; border: 0; margin-block: .5rem; }
.rf-portal .rf-dialog-media :is(video,iframe) { aspect-ratio: 16 / 9; }
.rf-portal .rf-dialog-tools a { display: inline-block; margin-inline: .45rem; color: var(--rf-ice); }
.rf-portal .rf-dialog-tools:not(:has(a)) { display:none; }
.rf-portal .rf-track-links { padding: 0 .7rem .5rem 4.3rem; }
@media (prefers-reduced-motion:no-preference) { .rf-portal .rf-hero-copy { animation: rf-appear .7s .15s both; } @keyframes rf-appear { from {opacity:0} to {opacity:1} } }
@media (max-width: 880px) {
    .rf-portal .rf-header { flex-wrap: wrap; }
    .rf-portal .rf-header nav { order: 1; width: 100%; flex-wrap: wrap; }
    .rf-portal .rf-gates { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 600px) {
    .rf-portal .rf-hero { align-items: end; }
    .rf-portal .rf-hero::after { background: linear-gradient(0deg,#060d1c 7%,#060d1ce0 30%,transparent 75%); }
    .rf-portal .rf-hero-copy { padding-block: 12rem 3rem; }
    .rf-portal .rf-header { gap: .6rem; font-size: .76rem; }
    .rf-portal .rf-book { align-items: start; flex-direction: column; }
    .rf-portal .rf-book img { width: min(72%, 18rem); }
}

/* Portal */
.rf-portal { --rf-line: #73bbf450; --rf-glass: #0c213a; }
.rf-portal .rf-header { min-height: 3.75rem; padding-block: .55rem; background: #071322f5; }
.rf-portal .rf-brand img { display:block; width: clamp(5.5rem, 10vw, 8rem); height:auto; }
.rf-portal .rf-header nav a { position: relative; padding-block: .6rem; }
.rf-portal .rf-header nav a[aria-current] { text-decoration: none; }
.rf-portal .rf-header nav a[aria-current]::after {
    content: ""; position: absolute; inset: auto 0 0; height: 2px; background: #78e3ff; box-shadow: 0 0 .8rem #44cfff;
}
.rf-portal .rf-main {
    background: radial-gradient(ellipse at 78% 0%, #104d844d, transparent 44rem),
                radial-gradient(ellipse at 0% 20%, #0d386963, transparent 44rem), #060f1e;
}
.rf-portal .rf-wrap { width: min(93%, 104rem); }
.rf-portal .rf-hero {
    display: flex; flex-direction: column; justify-content: center; align-items: stretch; padding-block: clamp(1.5rem, 6vw, 5rem) 2.6rem;
    min-height: min(83svh, 54rem);
    background: radial-gradient(ellipse at 51% 33%, #1a609877, transparent 42%),
                radial-gradient(ellipse at 77% 46%, #104b885b, transparent 53%),
                linear-gradient(160deg, #040a17, #091d37 62%, #060f1e);
}
.rf-portal .rf-hero::after { display: none; }
.rf-portal .rf-hero-copy { width: min(92%, 45rem); text-align: center; margin: auto; padding: 2.5rem 0 2.2rem; }
.rf-portal .rf-hero-copy h1 img { margin-inline: auto; filter: drop-shadow(0 0 1.15rem #498ac678); }
.rf-portal .rf-hero-copy .rf-eyebrow {
    margin: 1.35rem 0 .75rem; padding-top: 1rem; font-family: Cinzel, Georgia, serif; font-size: clamp(.74rem, 2vw, 1.1rem);
    border-image: linear-gradient(90deg, transparent, #7fd9ff, transparent) 1; border-top: 1px solid;
}
.rf-portal .rf-tagline { color:#cedded; font-size: clamp(.98rem, 2vw, 1.3rem); }
.rf-portal .rf-hero-copy .rf-actions { justify-content: center; margin-top: 1.7rem; }
.rf-portal .rf-actions .ares-action { justify-content:center; border:1px solid #65cafa; background: linear-gradient(180deg,#1577b2,#0b335d); box-shadow: inset 0 0 1rem #3cb6fa30, 0 0 1rem #24b7ff33; }
.rf-portal .rf-actions .ares-action--secondary { background: #0b1d33; border-color: #7fb8dd66; box-shadow: none; }
.rf-portal .rf-gates { margin: auto auto 0; }
.rf-portal .rf-gates a {
    flex-direction: column; justify-content: center; gap: .65rem; min-height: 6.5rem; text-align:center;
    font-family: Cinzel, Georgia, serif; background: linear-gradient(160deg,#163b6080,#09192ced); border-color: var(--rf-line);
}
.rf-portal .rf-gates .ares-icon { width: 1.6rem; height: 1.6rem; color:#9cdbff; }
.rf-portal .rf-content { padding-block: clamp(1.4rem, 3vw, 3rem) 3.5rem; }
.rf-portal .rf-heading { display:flex; flex-wrap:wrap; align-items:center; gap: 1rem 1.65rem; }
.rf-portal .rf-heading img { width: clamp(8rem, 15vw, 14rem); }
.rf-portal .rf-heading > :last-child { border-inline-start: 1px solid var(--rf-line); padding-inline-start: 1.65rem; }
.rf-portal .rf-heading h1 { font-size: clamp(1.85rem, 4.3vw, 4rem); }
.rf-portal .rf-card { background: linear-gradient(155deg,#112d4b,#09192c); border-color: var(--rf-line); }
.rf-portal .rf-episodes { grid-template-columns: repeat(4,minmax(0,1fr)); }
.rf-portal .rf-episodes .rf-card a { display:block; height:100%; }
.rf-portal .rf-episodes .rf-card h2 { padding: .75rem .8rem; }
.rf-portal .rf-episodes .rf-card p { padding: 0 .8rem .75rem; }
.rf-portal .rf-episode-cover { position:relative; display:grid; place-items:center; aspect-ratio:16/9; overflow:hidden; background:#0b2444; }
.rf-portal .rf-episode-cover img { aspect-ratio:16/9; height:100%; }
.rf-portal .rf-episode-cover > span,.rf-portal .rf-screen-play > span { position:absolute; display:grid; place-items:center; width:2.5rem; aspect-ratio:1; border:1px solid #beedff; border-radius:50%; background:#091d38c7; box-shadow:0 0 1rem #489fe471; }
.rf-portal .rf-episode-cover > span { inset:auto .6rem .6rem auto; }
.rf-portal .rf-back { display:inline-flex; gap:.3rem; align-items:center; margin-bottom:.85rem; color:#b0e8ff!important; }
.rf-portal .rf-chapter { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) minmax(0,.95fr); align-items:start; gap:clamp(.85rem,2vw,1.75rem); }
.rf-portal .rf-screen { overflow:hidden; border:1px solid var(--rf-line); border-radius:.65rem; background:#040a13; }
.rf-portal .rf-screen-play { display:grid; place-items:center; position:relative; aspect-ratio:16/9; }
.rf-portal .rf-screen :is(img,video,iframe) { width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:0; }
.rf-portal .rf-screen-play > span { width:clamp(3rem,5vw,4.3rem); font-size:1.25rem; }
.rf-portal .rf-chapter h1 { font-size:clamp(1.65rem,3.5vw,3.6rem); line-height:1.04; padding-block:.45rem .7rem; border-bottom:1px solid var(--rf-line); }
.rf-portal .rf-chapter .rf-meta { margin-top:.7rem; display:flex; gap:.55rem; align-items:center; }
.rf-portal .rf-description { margin-block:.9rem; color:#c6d6e8; font-size:.95rem; }
.rf-portal .rf-queue { padding:.8rem; min-width:0; border:1px solid var(--rf-line); border-radius:.65rem; background:linear-gradient(155deg,#102a47,#081525); }
.rf-portal .rf-queue h2 { display:flex; justify-content:space-between; gap:.5rem; font-size:1rem; padding:.1rem .3rem .65rem; }
.rf-portal .rf-queue ol { padding:0; margin:0; list-style:none; max-height:18rem; overflow:auto; scrollbar-width:thin; }
.rf-portal .rf-queue li + li { margin-top:.3rem; }
.rf-portal .rf-queue a { display:grid; grid-template-columns:4.75rem 1fr auto; align-items:center; gap:.45rem; padding:.25rem; border:1px solid #8ec5ff26; border-radius:.42rem; font-size:.8rem; }
.rf-portal .rf-queue a[aria-current] { border-color:#81daff; background:#12375b; box-shadow:inset 0 0 .65rem #5bceff3d; }
.rf-portal .rf-queue-thumb { aspect-ratio:16/9; overflow:hidden; border-radius:.22rem; background:#0c2444; }
.rf-portal .rf-queue-thumb img { width:100%;height:100%;object-fit:cover; }
.rf-portal .rf-extras { scroll-margin-top:5rem; }
.rf-portal .rf-extras > h2 { margin-bottom:.85rem; font-size:clamp(1.2rem,2.7vw,2rem); }
.rf-portal .rf-material-art { display:grid; place-items:center; aspect-ratio:16/8; background:radial-gradient(ellipse at center,#184b78,#081a31); color:#a0e6ff; }
.rf-portal .rf-material-art > .ares-icon { width:2rem; height:2rem; }
.rf-portal .rf-card .rf-material-art img { width:100%; height:100%; }
.rf-portal .rf-material-label { display:block; padding:.65rem .8rem .05rem; color:#96d9ff; font-size:.72rem; font-weight:700; }
.rf-portal .rf-card h3 { padding:.2rem .8rem .8rem; font-size:1rem; }
.rf-portal .rf-card [data-rf-related]:empty { display:none; }
.rf-portal .rf-dialog-media audio { display:block; width:100%; margin:1rem 0; }
.rf-portal .rf-playlist-view { margin-top:1.15rem; }
.rf-portal .ares-playlist--audio { border-color:var(--rf-line); background:#0a1b30; }
.rf-portal .ares-audio { border-color:var(--rf-line); background:#0c253f; }
@media (max-width:1050px) {
    .rf-portal .rf-chapter { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); }
    .rf-portal .rf-queue { grid-column:1/-1; }
}
@media (max-width:700px) {
    .rf-portal .rf-chapter { grid-template-columns:minmax(0,1fr); }
    .rf-portal .rf-episodes { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .rf-portal .rf-heading > :last-child { padding-inline-start:.85rem; }
    .rf-portal .rf-hero { min-height:0; padding-block:1.4rem 1.8rem; }
    .rf-portal .rf-gates a { min-height:4.8rem; font-size:.85rem; }
    .rf-portal .ares-audio { bottom:.6rem; }
}
.rf-portal :is(.rf-header,.rf-main) *, .rf-portal .rf-dialog, .rf-portal .rf-dialog * { border-radius:0 !important; }
.rf-portal .rf-main :is(h1,h2,h3), .rf-portal .rf-dialog h2, .rf-portal .rf-gates a, .rf-portal .rf-hero-copy .rf-eyebrow { font-weight:400; }
.rf-portal .rf-main { background:radial-gradient(ellipse at 84% 8%,#15569855,transparent 34%),radial-gradient(ellipse at 15% 38%,#18488350,transparent 32%),radial-gradient(ellipse at 57% 65%,#1d407c45,transparent 35%),#050e1c; min-height:calc(100svh - 4rem); }
.rf-portal .rf-main::before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.24; background-image:radial-gradient(circle at 17px 21px,#b8e5ff 0 1px,transparent 1.7px),radial-gradient(circle at 41px 56px,#7ec7f9 0 1px,transparent 1.5px); background-size:127px 113px,177px 143px; }
.rf-portal .rf-content { position:relative; }
.rf-portal :is(.rf-episodes,.rf-art-grid,.rf-extra-group) .rf-card { border:0; background:none; }
.rf-portal :is(.rf-episodes,.rf-art-grid,.rf-extra-group) .rf-card > a { display:block; position:relative; overflow:hidden; }
.rf-portal .rf-episode-cover > span { display:none; }
.rf-portal .rf-hover-copy { position:absolute; inset:auto 0 0; display:grid; gap:.12rem; padding:1.75rem .85rem .7rem; color:#fff; background:linear-gradient(transparent,#040c1dea 65%); z-index:1; }
.rf-portal .rf-hover-copy strong { font:400 clamp(.88rem,1.55vw,1.17rem)/1.25 Cinzel,Georgia,serif; color:white; }
.rf-portal .rf-hover-copy small,.rf-portal .rf-track-composer { display:block; font-size:.76rem; color:#b8cee9; }
.rf-portal .rf-art-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(.8rem,2vw,1.7rem); align-items:start; }
.rf-portal .rf-art-grid .rf-material-art { display:block; aspect-ratio:auto; background:none; }
.rf-portal .rf-art-grid .rf-material-art img { display:block; width:100%; height:auto; aspect-ratio:auto; object-fit:initial; background:none; }
.rf-portal .rf-extra-group + .rf-extra-group { margin-top:1.25rem; }
.rf-portal .rf-extra-group > h3 { margin:0 0 .6rem; color:#a9d9ff; }
.rf-portal .rf-extra-group .rf-material-art { aspect-ratio:16/9; overflow:hidden; }
.rf-portal .rf-extra-group .rf-material-art img { aspect-ratio:16/9; object-fit:cover; }
.rf-portal .rf-book-text p { margin-block:.7rem; }
.rf-portal .rf-video-list { display:grid; grid-template-columns:minmax(0,3fr) minmax(13rem,1fr); gap:1rem; margin-top:1rem; }
.rf-portal [data-rf-video-stage] { aspect-ratio:16/9; background:#020812; }
.rf-portal .rf-video-list .rf-queue ol { max-height:26rem; }
@media (hover:hover) and (pointer:fine) {
    .rf-portal :is(.rf-episodes,.rf-art-grid,.rf-extra-group) .rf-hover-copy { opacity:0; translate:0 .5rem; transition:opacity .2s,translate .2s; }
    .rf-portal :is(.rf-episodes,.rf-art-grid,.rf-extra-group) a:is(:hover,:focus-visible) .rf-hover-copy { opacity:1; translate:none; }
    .rf-portal :is(.rf-episodes,.rf-art-grid,.rf-extra-group) img { transition:scale .25s; }
    .rf-portal :is(.rf-episodes,.rf-art-grid,.rf-extra-group) a:is(:hover,:focus-visible) img { scale:1.04; }
}
@media (max-width:720px) {
    .rf-portal .rf-art-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .rf-portal .rf-video-list { grid-template-columns:minmax(0,1fr); }
}
@media (prefers-reduced-motion:reduce) {
    .rf-portal :is(.rf-episodes,.rf-art-grid,.rf-extra-group) :is(img,.rf-hover-copy) { transition:none; }
}

body.ares-platform.rf-portal, body.ares-platform.rf-portal.ddla-theme--mystika {
    background: #060d1c url("relatos/bg-portal.jpg") center center / cover fixed no-repeat;
    padding-bottom: 0;
}
.rf-portal .rf-main, .rf-portal .rf-hero { background: transparent; }
.rf-portal .rf-main::before { content: none; }
.rf-portal .rf-header { background: transparent; border: 0; position: absolute; inset:0 0 auto; backdrop-filter: none; }
.rf-portal:not(.rf-home) .rf-main { padding-top: 4rem; }
.rf-portal .rf-header :is(nav a,.rf-return,[data-rf-menu]) { font-family: Cinzel, Georgia, serif; font-weight: 400; text-transform: uppercase; }
.rf-home { position: relative; }
.rf-portal.admin-bar .rf-header { top: 0; }
.rf-home .rf-main { width: 100%; min-height: 0; }
.rf-home .rf-hero { min-height: 95vh; min-height: 95svh; padding-block: clamp(4.75rem, 10svh, 7.5rem) clamp(1rem, 5svh, 3.5rem); overflow: hidden; }
.rf-home .rf-hero-copy { padding-block: clamp(.75rem, 4svh, 2.2rem); }
.rf-home .rf-hero-copy h1 img { max-height: min(31svh, 15rem); width: auto; max-width: 100%; object-fit: contain; }
.rf-home .rf-gates { margin: clamp(1rem, 4svh, 3rem) auto auto; }
.rf-home .rf-backdrop { object-fit: cover; object-position: center; }
body.ares-platform.rf-home--custom, body.ares-platform.rf-home--custom.ddla-theme--mystika { background: var(--rf-night); }
.rf-home--custom .rf-backdrop { position: fixed; }
.rf-home--custom .rf-hero::after { display: block; background: linear-gradient(180deg,#060d1c66,#060d1c32 45%,#060d1c88); }
.rf-home .rf-hero-trailer { position:fixed; z-index:-1; opacity:0; transition:opacity 1.7s ease; filter:brightness(.62); }
.rf-home .rf-hero-trailer.is-playing { opacity:1; }
.rf-home .rf-hero-mute { position:absolute; right:3.5%; bottom:1rem; z-index:2; display:grid; place-items:center; width:2.65rem; aspect-ratio:1; border:1px solid var(--rf-ice); background:#061424da; color:var(--rf-ice); border-radius:50% !important; }
.rf-hero-mute:not([data-sound="on"]) svg + svg, .rf-hero-mute[data-sound="on"] svg:first-child { display:none; }
.rf-portal .rf-track-video { display:flex; align-items:center; gap:.35rem; padding:.42rem .62rem; margin-inline-end:.6rem; border:1px solid var(--rf-line); color:var(--rf-ice); font-size:.78rem; }
.rf-portal li:has(> .rf-track-video) { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; }
.rf-portal .rf-track-video:is(:hover,:focus-visible) { border-color:var(--rf-ice); }
.rf-portal .rf-gates a {
    position:relative; isolation:isolate; border:0; color:#e3efff;
    --rf-notch:polygon(8px 0,calc(100% - 8px) 0,calc(100% - 6px) 5px,100% 8px,100% calc(100% - 8px),calc(100% - 6px) calc(100% - 5px),calc(100% - 8px) 100%,8px 100%,6px calc(100% - 5px),0 calc(100% - 8px),0 8px,6px 5px);
    background:linear-gradient(145deg,#d4e8ffb0,#526983b0 40%,#b9d6f4c0);
    clip-path:var(--rf-notch);
}
.rf-portal .rf-gates a::before, .rf-portal .rf-gates a::after { content:""; position:absolute; pointer-events:none; }
.rf-portal .rf-gates a::before { z-index:-1; inset:0; background:conic-gradient(from var(--rf-shine),transparent 0 81%,#8be7ff 88%,white 90%,transparent 95%); opacity:0; }
.rf-portal .rf-gates a::after { z-index:-1; inset:1px; clip-path:var(--rf-notch); background:linear-gradient(145deg,#193d64,#07162b 65%,#0b2443); }
.rf-portal .rf-gates a:is(:hover,:focus-visible)::before { opacity:1; }
.rf-portal .rf-gates a:focus-visible::after { inset:2px; }
.rf-portal .rf-gates .ares-icon { width:2rem; height:2rem; filter:drop-shadow(0 0 .4rem #66c9ff55); }
@property --rf-shine { syntax:"<angle>"; inherits:false; initial-value:0deg; }
@media (prefers-reduced-motion:no-preference) {
    .rf-portal .rf-gates a:is(:hover,:focus-visible)::before { animation:rf-border-shine 2s linear infinite; }
    .rf-home .rf-hero-copy { animation:none; }
    .rf-home .rf-hero-copy > *, .rf-home .rf-gates a { animation:rf-mist-in 1.5s both; }
    .rf-home .rf-hero-copy h1 { animation-delay:.22s; }
    .rf-home .rf-hero-copy .rf-eyebrow { animation-delay:.52s; }
    .rf-home .rf-hero-copy .rf-tagline { animation-delay:.72s; }
    .rf-home .rf-hero-copy .rf-actions { animation-delay:.94s; }
    .rf-home .rf-gates a { animation-delay:1.15s; animation-delay:calc(1.1s + sibling-index() * 100ms); }
    @keyframes rf-border-shine { to { --rf-shine:360deg; } }
    @keyframes rf-mist-in { from { opacity:0; filter:blur(10px); transform:translateY(.5rem); } to { opacity:1; filter:none; transform:none; } }
}
.rf-portal .rf-chapter .rf-meta { flex-wrap: wrap; gap: .35rem 1rem; }
.rf-meta > span { display: inline-flex; align-items: center; gap: .4rem; }
.rf-material-art { position: relative; }
.rf-material-art [data-rf-preview] { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; }
.rf-material-art [data-rf-preview][data-ready] { opacity:1; }
.rf-portal .rf-extra-row { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0,1fr); gap: clamp(.7rem, 2vw, 1.4rem); align-items:start; }
.rf-portal .rf-extra-row .rf-extra-group { min-width:0; margin-top:0; }
.rf-portal .rf-extra-row .rf-grid { grid-template-columns: minmax(0,1fr); }
.rf-portal .rf-extra-group .rf-card > a {
    display:grid; grid-template-columns:clamp(4rem,8vw,8.5rem) minmax(0,1fr) 1rem; align-items:center;
    gap:clamp(.45rem,1vw,1rem); padding:.55rem; border:1px solid var(--rf-line);
    background:linear-gradient(135deg,#122e48e8,#09182ce8);
}
.rf-portal .rf-extra-group .rf-card > a:is(:hover,:focus-visible) { border-color:var(--rf-ice); }
.rf-portal .rf-extra-group .rf-material-art { aspect-ratio:4/3; }
.rf-portal .rf-extra-copy { display:grid; gap:.3rem; }
.rf-portal .rf-extra-copy strong { font:400 clamp(.8rem,1.35vw,1.14rem)/1.25 Cinzel,Georgia,serif; overflow-wrap:anywhere; }
.rf-portal .rf-extra-label { display:flex; gap:.35rem; align-items:center; color:#a9d9ff; font-size:.76rem; }
@media (max-width:700px) {
    .rf-portal .rf-track-video span { display:none; }
    .rf-home .rf-gates { gap:.45rem; }
    .rf-home .rf-gates a { min-height: 3.4rem; padding:.45rem; gap:.3rem; }
    .rf-home .rf-gates .ares-icon { width:1.15rem; height:1.15rem; }
    .rf-portal .rf-extra-row { display:flex; overflow-x:auto; padding-bottom:.4rem; scroll-snap-type:x mandatory; }
    .rf-portal .rf-extra-row .rf-extra-group { flex:0 0 min(78vw,19rem); scroll-snap-align:start; }
}

.rf-portal .rf-video-grid .rf-card { border:0; background:none; }
.rf-video-grid .rf-card > a { display:block; position:relative; overflow:hidden; }
.rf-video-grid .rf-material-art { aspect-ratio:16/9; }
.rf-video-grid .rf-material-art img { aspect-ratio:16/9; object-fit:cover; }
.rf-video-title {
    position:absolute; inset:auto 0 0; z-index:1; padding:1.5rem .85rem .65rem;
    color:white; font:400 clamp(.9rem,1.55vw,1.2rem)/1.25 Cinzel,Georgia,serif;
    background:linear-gradient(transparent,#040c1deb 65%); opacity:0;
}
.rf-video-grid a:is(:hover,:focus-visible) .rf-video-title { opacity:1; }
@media (prefers-reduced-motion:no-preference) {
    .rf-video-title { translate:0 .35rem; transition:opacity .25s,translate .25s; }
    .rf-video-grid a:is(:hover,:focus-visible) .rf-video-title { translate:0; }
    .rf-portal:not(.rf-home) .rf-content { animation:rf-mist-in .65s both; }
    @view-transition { navigation:auto; }
    .rf-portal { view-transition-name:rf-page; }
    .rf-portal .rf-header { view-transition-name:rf-navigation; }
    ::view-transition-old(rf-page) { animation:rf-page-out .24s ease both; }
    ::view-transition-new(rf-page) { animation:rf-page-in .5s ease both; }
    @keyframes rf-page-out { to { opacity:0; filter:blur(3px); } }
    @keyframes rf-page-in { from { opacity:0; filter:blur(3px); } }
}
.rf-portal .rf-art-grid { display:block; columns:3; column-gap:clamp(.8rem,2vw,1.7rem); }
.rf-art-grid .rf-card { break-inside:avoid; margin-bottom:clamp(.8rem,2vw,1.7rem); }
.rf-filters a[aria-current] { background:#184573; border-color:var(--rf-ice); }
.rf-portal .rf-book { align-items:center; }
.rf-portal .rf-book > img { width:min(52%,47rem); flex-shrink:0; }
.rf-portal .rf-book > div { min-width:0; }
.rf-portal #rf-escuchar .ares-playlist { border:0; background:none; padding:0; }
.rf-portal #rf-escuchar .ares-playlist::before { content:none; }
.rf-portal #rf-escuchar .ares-audio { grid-row:3; position:sticky; bottom:max(.65rem,env(safe-area-inset-bottom)); margin-top:1rem; }
.rf-external-playlist { margin-block-start:.9rem; margin-inline-start:.35rem; }
@media (max-width:720px) {
    .rf-portal .rf-art-grid { columns:2; }
    .rf-portal .rf-book > img { width:min(100%,34rem); align-self:center; }
}

.rf-mobile-nav { display:none; }
.rf-home .rf-hero { padding-top:clamp(1.5rem,5svh,4rem); }
.rf-portal .rf-main:focus { outline:none; }
@media (max-width:880px) {
    .rf-portal .rf-header { display:none; }
    .rf-portal:not(.rf-home) .rf-main { padding-top:.25rem; }
    .rf-portal .rf-main { padding-bottom:calc(5rem + env(safe-area-inset-bottom)); }
    .rf-home .rf-main { padding-bottom:0; }
    .rf-home .rf-hero { padding-bottom:calc(5rem + env(safe-area-inset-bottom)); }
    .rf-mobile-nav {
        position:fixed; z-index:7; inset:auto 0 max(.55rem,env(safe-area-inset-bottom));
        width:min(95%,33rem); margin-inline:auto; display:grid; grid-template-columns:repeat(5,minmax(0,1fr));
        padding:.28rem; border:1px solid #8ebeff4d; border-radius:1rem;
        background:#071424f2; box-shadow:0 .5rem 2rem #0009; backdrop-filter:blur(14px);
    }
    .rf-mobile-nav a {
        display:grid; justify-items:center; align-content:center; gap:.28rem; min-height:3.05rem; text-align:center;
        font-size:clamp(.62rem,2vw,.78rem); line-height:1.1; color:#d7e7ff; text-decoration:none; padding:.18rem;
    }
    .rf-mobile-nav a[aria-current] { color:#a5e2ff; background:#19365b; border-radius:.62rem; }
    .rf-mobile-nav .ares-icon { width:1.22rem; height:1.22rem; }
    .rf-home .rf-hero-mute { bottom:calc(5.25rem + env(safe-area-inset-bottom)); }
    .rf-portal #rf-escuchar .ares-audio { bottom:calc(4.65rem + env(safe-area-inset-bottom)); }
}