.page-ediciones {
  --text: #fffefa;
  --muted: #f3f5ff;
  --gold: #fff1b9;
  --content-width: 1240px;
  background: linear-gradient(180deg, #19395c35, #31406d08 35%, #75274b21 75%, #5d35584d), url('../img/ediciones-clouds.png') center top / 100% 100% no-repeat, #506f9a;
  color-scheme: light;
}
.page-ediciones::before,
.page-ediciones::after { display: none; }
.page-ediciones .container { width: min(var(--content-width), calc(100% - 104px)); }
.page-ediciones #contenido { position: relative; padding-top: 0; }
.page-ediciones a:hover { color: #fff1b9; }
.page-ediciones p { color: inherit; }
.page-ediciones h1, .page-ediciones h2 { font-weight: 900; letter-spacing: -.045em; }
.page-ediciones strong { color: inherit; }
.page-ediciones a:focus-visible { outline: 3px solid #203b66; outline-offset: 5px; }
.edit-intro { padding: 39px 0 36px; }
.edit-intro-meta { display: flex; justify-content: space-between; align-items: center; gap: 24px; }
.edit-intro-actions { display: flex; align-items: center; justify-content: flex-end; gap: 24px; }
.edit-language { display: inline-flex; flex: 0 0 auto; gap: 2px; padding: 3px; border: 1px solid #ffffffc9; border-radius: 999px; background: #edf4fff2; box-shadow: 0 4px 15px #19395720; }
.edit-language a { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 9px 12px; border-radius: 999px; color: #284564; font-size: .875rem; font-weight: 700; line-height: 1; text-decoration: none; }
.page-ediciones .edit-language a:hover { color: #172f50; background: #dce8f7; }
.page-ediciones .edit-language a[aria-current="page"] { color: #fff; background: #284b7a; }
.page-ediciones .edit-language a:focus-visible { outline: 2px solid #284b7a; outline-offset: -4px; }
.page-ediciones .edit-language a[aria-current="page"]:focus-visible { outline-color: #fff; }
.edit-brand { display: inline-flex; align-items: baseline; flex-wrap: wrap; gap: 7px; font-size: 1.75rem; font-weight: 900; line-height: 1.15; letter-spacing: -.055em; text-decoration: none; text-shadow: 0 2px 8px #18355470; }
.edit-brand > .edit-brand-section { font-size: 1rem; font-weight: 600; letter-spacing: -.02em; }
.edit-top-contact { display: inline-flex; align-items: center; gap: 7px; font-weight: 600; font-size: 1rem; text-decoration: none; text-shadow: 0 2px 7px #193959b3; padding-block: 12px; }
.edit-top-contact > span:last-child { flex-shrink: 0; }
.edit-title-wrap { position: relative; width: fit-content; margin-inline: auto; }
.edit-intro h1 { font-size: clamp(6rem, 15.3vw, 13.3rem); line-height: .98; margin: 40px 0 23px; text-align: center; text-shadow: 0 5px 0 #42608a, 0 10px 0 #42608a25, 0 15px 30px #1a355b66; }
.edit-intro h1 > span { color: #ffeac4; }
.edit-spark { position: absolute; color: #fff9dd; text-shadow: 0 0 20px #fff8e8; }
.edit-spark--one { font-size: 3.6rem; left: -66px; top: 52%; transform: rotate(10deg); }
.edit-spark--two { font-size: 2.3rem; right: -48px; top: 0; }
.edit-intro-bottom { display: flex; align-items: center; justify-content: space-between; gap: 30px; max-width: 950px; margin: 0 auto; }
.edit-intro-bottom p { font-size: 1.24rem; line-height: 1.3; margin: 0; text-shadow: 0 2px 6px #173651, 0 0 25px #183960; }
.edit-work-link { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 24px; padding: 15px 25px; min-height: 54px; color: #203c61; border: 1px solid #fff; border-radius: 40px; background: linear-gradient(135deg,#fffffff5,#e7f1ffe8); box-shadow: 0 6px 22px #19395726; text-decoration: none; font-weight: 600; }
.page-ediciones .edit-work-link:hover { color: #132c50; background: #fff; }
.edit-work-link > span:last-child { font-size: 1.5rem; line-height: 1; }
.edit-section { display: grid; grid-template-columns: .95fr 1.4fr; align-items: center; gap: clamp(30px, 4.5vw, 75px); padding: 76px 0 90px; scroll-margin-top: 28px; }
.edit-copy { position: relative; z-index: 1; min-width: 0; padding: clamp(24px, 2.5vw, 36px); border: 1px solid #ffffff; border-radius: 30px 42px 32px 42px; color: #263a57; background: linear-gradient(135deg,#fffefbf7,#f0f5fff2); box-shadow: 0 14px 44px #20355220, inset 0 1px 0 #fff; }
.edit-eyebrow { display: flex; gap: 12px; align-items: center; font-size: .875rem; text-transform: uppercase; letter-spacing: .09em; font-weight: 600; margin: 0 0 24px; color: #3c526e; }
.edit-eyebrow > span { display: grid; place-items: center; flex-shrink: 0; height: 30px; width: 30px; border-radius: 50%; border: 1px solid #52678366; font-size: .8125rem; letter-spacing: 0; }
.edit-copy h2 { font-size: clamp(3.1rem, 4.7vw, 4.6rem); line-height: .99; margin-bottom: 23px; color: #243c5d; text-shadow: 0 3px 0 #bacadeb3, 0 8px 20px #52678914; }
.edit-copy > p:not(.edit-eyebrow) { max-width: 330px; font-size: 1.16rem; line-height: 1.45; color: #334964; }
.edit-copy em { font-style: italic; font-weight: 700; color: inherit; }
.edit-section-note { display: flex; gap: 13px; align-items: center; margin-top: 32px; font-size: 1rem; line-height: 1.25; color: #445b76; }
.edit-section-note > span { font-size: 2.7rem; font-weight: 300; }
.edit-video { position: relative; margin: 0; min-width: 0; padding: 7px; border: 1px solid #ffffff; border-radius: 15px; background: linear-gradient(140deg, #fffffff5, #eff5fff2 45%, #fff2f6f2); box-shadow: 0 20px 55px #28375b38, inset 0 0 0 1px #ffffff; }
.edit-window-bar { display: flex; align-items: center; gap: 7px; height: 25px; padding: 0 3px 7px; color: #314765; font-size: .7rem; letter-spacing: .015em; font-weight: 500; }
.edit-window-dot { width: 7px; height: 7px; border-radius: 50%; background: #91b8dc; box-shadow: inset 0 1px 2px #fff; }
.edit-window-actions { margin-left: auto; letter-spacing: .04em; color: #48627e; }
.edit-player { position: relative; border-radius: 8px; overflow: hidden; background: #172236; aspect-ratio: 16 / 9; }
.edit-video-cover { display: block; width: 100%; height: 100%; position: relative; color: white; }
.edit-video-cover::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, #0d1d3c9c, transparent 48%); pointer-events: none; }
.edit-video-cover > img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.edit-video-cover:hover > img { transform: scale(1.035); }
.edit-video-cover:focus-visible { outline-offset: -5px; }
.edit-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; width: 67px; height: 67px; display: grid; place-items: center; color: #243b5c; border: 1px solid #ffffff; border-radius: 50%; background: linear-gradient(145deg, #fffdf9f5, #edf1ffe8); box-shadow: 0 4px 25px #0004, inset 0 1px 0 #fff; backdrop-filter: blur(12px); transition: background .2s; }
.edit-video-cover:hover .edit-play { background: #fff; }
.edit-play svg { margin-left: 3px; }
.edit-cover-label { position: absolute; z-index: 1; bottom: 15px; left: 17px; right: 17px; display: flex; justify-content: space-between; font-size: .82rem; font-weight: 500; }
.edit-player iframe { width: 100%; height: 100%; position: absolute; inset: 0; border: 0; }
.edit-video figcaption { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 6px 5px; color: #213a58; font-size: .875rem; line-height: 1.35; font-weight: 600; }
.edit-video figcaption > span { min-width: 0; }
.edit-video figcaption a { flex-shrink: 0; font-size: .8125rem; min-height: 32px; display: inline-flex; align-items: center; gap: 3px; text-decoration: none; }
.edit-video figcaption a:hover { color: #151b40; text-decoration: underline; }
.edit-shorts { grid-template-columns: 1.4fr .95fr; }
.edit-shorts .edit-copy { grid-column: 2; grid-row: 1; }
.edit-shorts .edit-work { grid-column: 1; grid-row: 1; }
.edit-shorts #shorts-title { font-size: clamp(2rem, 3.05vw, 3rem); line-height: 1.04; }
.edit-portrait-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 23px; align-items: start; }
.edit-portrait-grid > .edit-video:only-child { grid-column: 1 / -1; justify-self: center; width: min(100%, 340px); }
.edit-portrait-grid .edit-video:nth-child(2) { margin-top: 55px; }
.edit-portrait-grid .edit-player { aspect-ratio: 9 / 16; }
.edit-portrait-grid .edit-window-actions { display: none; }
.edit-portrait-grid .edit-video figcaption { align-items: flex-start; min-height: 54px; }
.edit-portrait-grid .edit-video figcaption a { font-size: 0; }
.edit-portrait-grid .edit-video figcaption a { min-width: 32px; min-height: 32px; justify-content: center; }
.edit-portrait-grid .edit-video figcaption a span { font-size: 1.25rem; }
.edit-pending { position: relative; max-width: 420px; margin-inline: auto; padding: 8px; border: 1px solid #ffffffb5; border-radius: 16px; background: linear-gradient(145deg, #ffffff63, #ffffff15); box-shadow: 0 16px 40px #37345921, inset 0 1px #ffffffb3; backdrop-filter: blur(12px); }
.edit-pending-content { position: relative; min-height: 380px; padding: 28px; border-radius: 9px; background: linear-gradient(145deg, #47649238, #c880a821); border: 1px solid #ffffff52; display: flex; flex-direction: column; justify-content: flex-end; }
.edit-pending-format { position: absolute; top: 22px; left: 24px; font-size: .8rem; letter-spacing: .12em; }
.edit-pending-star { position: absolute; top: 52px; right: 26px; font-size: 5rem; line-height: 1; color: #fff1d3; text-shadow: 0 4px 20px #ffffff50; }
.edit-pending-content p { font-size: 2.6rem; font-weight: 800; line-height: .97; letter-spacing: -.035em; margin-bottom: 15px; text-shadow: 0 3px 8px #54466e80; }
.edit-pending-note { font-size: .95rem; line-height: 1.3; max-width: 215px; text-shadow: 0 2px 7px #54466e; }
.edit-shorts .edit-copy h2 { color: #3f3e64; text-shadow: 0 3px 0 #cfc8e7b3; }
.edit-clips .edit-copy h2 { color: #663854; text-shadow: 0 3px 0 #e3c9d8b3; }
.edit-faq { width: min(100%, 920px); margin: 35px auto 60px; padding: clamp(26px, 4.5vw, 56px); border: 1px solid #fff; border-radius: 42px 56px 40px 56px; color: #334964; background: linear-gradient(135deg, #fffefbf7, #f6f1fff5); box-shadow: 0 20px 60px #582f5226; scroll-margin-top: 28px; }
.edit-faq h2 { color: #3f3e64; font-size: clamp(2.4rem, 4.4vw, 4rem); line-height: 1.02; text-shadow: 0 3px 0 #d4cde4b3; margin: 0 0 30px; }
.edit-faq h2 > span { color: #866042; }
.edit-faq-list details { border-top: 1px solid #48557533; }
.edit-faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 64px; padding: 22px 0; color: #343858; font-size: 1.3rem; font-weight: 700; line-height: 1.25; list-style: none; cursor: pointer; }
.edit-faq-list summary::-webkit-details-marker { display: none; }
.edit-faq-list summary:hover { color: #663854; }
.edit-faq-list summary:focus-visible { outline: 3px solid #203b66; outline-offset: 4px; border-radius: 4px; }
.edit-faq-icon { position: relative; flex: 0 0 28px; width: 28px; height: 28px; border: 1px solid #48557540; border-radius: 50%; background: #fff9; }
.edit-faq-icon::before, .edit-faq-icon::after { content: ''; position: absolute; top: 50%; left: 50%; width: 12px; height: 2px; background: currentColor; transform: translate(-50%, -50%); }
.edit-faq-icon::after { transform: translate(-50%, -50%) rotate(90deg); }
.edit-faq-list details[open] .edit-faq-icon::after { transform: translate(-50%, -50%) rotate(0deg); }
.edit-faq-list details > p { max-width: 66ch; margin: 0; padding: 0 48px 24px 0; font-size: 1.125rem; line-height: 1.55; }
.edit-contact { width: min(100%, 920px); margin: 60px auto 40px; border: 1px solid #fff; border-radius: 48px 64px 44px 64px; padding: 65px 28px 45px; text-align: center; color: #57364f; background: linear-gradient(130deg,#fffdfaf7,#fff0f7f5); box-shadow: 0 20px 60px #582f5226; }
.edit-contact h2 { font-size: clamp(4rem, 7.3vw, 6.7rem); line-height: 1.08; letter-spacing: -.025em; text-shadow: 0 2px 0 #dfc3d280; margin-bottom: 25px; }
.edit-contact h2 > span { display: block; white-space: nowrap; }
.page-ediciones:lang(en) .edit-contact h2 { font-size: clamp(3rem, 6.2vw, 5.8rem); }
.edit-contact > p { font-size: 1.2rem; }
.edit-email { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 17px; max-width: 100%; padding: 17px 28px; border: 1px solid #574062; border-radius: 40px; background: linear-gradient(135deg,#59415d,#343855); box-shadow: inset 0 1px #fff4, 0 9px 25px #693b5729; color: #fff; font-size: 1.22rem; font-weight: 600; text-decoration: none; }
.page-ediciones .edit-email:hover { background: #3d2d46; color: #fff; }
.edit-email > span:last-child { font-size: 1.5rem; margin-left: 12px; }
.edit-footer { display: flex; justify-content: space-between; align-items: center; gap: 25px; padding: 35px 0; border-top: 1px solid #ffffff60; margin-top: 70px; }
.edit-footer > a:last-child { font-weight: 600; text-shadow: 0 2px 8px #462c46; text-decoration: none; min-height: 44px; display: inline-flex; align-items: center; gap: 10px; }
/* Magic UI Shine Border: native CSS adaptation. MIT notice in js/ediciones.js. */
.edit-shine { position: absolute; inset: -1px; z-index: 2; padding: 2px; border-radius: inherit; pointer-events: none; opacity: .55; background-image: radial-gradient(transparent, transparent, #a8caff, #fff2c6, #f8b7d7, transparent, transparent); background-size: 300% 300%; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; }
@keyframes edit-shine { 0% { background-position: 0% 0%; } 50% { background-position: 100% 100%; } 100% { background-position: 0% 0%; } }
@keyframes edit-sparkle { 0%, 100% { opacity: 1; scale: 1; } 45% { opacity: .7; scale: .8; } 70% { opacity: 1; scale: 1.15; } }
@media (prefers-reduced-motion: no-preference) {
  .edit-spark { animation: edit-sparkle 2.8s ease-in-out 1; }
  .edit-spark--two { animation-delay: .35s; }
  .edit-video, .edit-email, .edit-work-link { transition: transform .3s ease, box-shadow .3s ease; }
  .edit-faq-icon::after { transition: transform .2s ease; }
  .edit-email:focus-visible .edit-shine, .edit-work-link:focus-visible .edit-shine { animation: edit-shine 3s ease-in-out 1; }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .edit-video:not(.is-playing):hover { transform: translateY(-5px); box-shadow: 0 26px 60px #28375b45; }
  .edit-email:hover, .edit-work-link:hover { transform: translateY(-3px); }
  .edit-video:not(.is-playing):hover > .edit-shine, .edit-email:hover > .edit-shine, .edit-work-link:hover > .edit-shine { animation: edit-shine 3s ease-in-out 1; opacity: 1; }
}
.edit-video.is-playing > .edit-shine { animation: none; }
.edit-page-hidden .edit-shine, .edit-page-hidden .edit-spark { animation-play-state: paused; }
.edit-language-settled .edit-spark { animation: none; }
@media (min-width: 1500px) {
  .edit-intro h1 { font-size: 13.3rem; }
}
@media (max-width: 1000px) {
  .page-ediciones .container { width: calc(100% - 64px); }
  .edit-section { gap: 35px; padding-block: 70px; }
  .edit-portrait-grid { gap: 15px; }
  .edit-intro h1 { margin-top: 45px; }
  .edit-spark--one { left: -35px; font-size: 2.5rem; }
  .edit-spark--two { right: -25px; font-size: 1.7rem; }
  .edit-window-bar { font-size: .65rem; }
}
@media (max-width: 760px) {
  .page-ediciones .container { width: calc(100% - 40px); }
  .edit-intro { padding-top: 30px; padding-bottom: 20px; }
  .edit-intro-meta { gap: 15px; }
  .edit-intro-actions { flex-direction: column-reverse; align-items: flex-end; gap: 4px; }
  .edit-brand { font-size: 1.5rem; }
  .edit-brand > .edit-brand-section { font-size: .875rem; }
  .edit-top-contact { font-size: .875rem; text-align: right; max-width: 160px; }
  .edit-intro h1 { font-size: clamp(3.4rem, 18vw, 8.5rem); margin: 45px 0 27px; text-shadow: 0 3px 0 #42608a, 0 8px 20px #1a355b66; }
  .edit-spark--one { font-size: 1.5rem; left: -14px; top: 88%; }
  .edit-spark--two { font-size: 1.4rem; right: 5px; top: -15px; }
  .edit-intro-bottom { flex-wrap: wrap; gap: 22px 12px; }
  .edit-intro-bottom p { font-size: 1.15rem; }
  .edit-work-link { padding: 13px 19px; font-size: 1rem; gap: 14px; }
  .edit-section, .edit-shorts { grid-template-columns: 1fr; padding: 55px 0; gap: 28px; }
  .edit-shorts .edit-copy, .edit-shorts .edit-work { grid-column: 1; grid-row: auto; }
  .edit-shorts #shorts-title { font-size: clamp(1.8rem, 7.2vw, 3.6rem); }
  .edit-copy { padding: 26px; border-radius: 27px 38px 26px 38px; }
  .edit-copy h2 { font-size: clamp(2.7rem, 10.5vw, 4.6rem); }
  .edit-copy > p:not(.edit-eyebrow) { max-width: 350px; margin-bottom: 0; }
  .edit-eyebrow { margin-bottom: 18px; font-size: .875rem; letter-spacing: .06em; }
  .edit-section-note { display: none; }
  .edit-portrait-grid { gap: 15px; }
  .edit-portrait-grid .edit-video:nth-child(2) { margin-top: 32px; }
  .edit-video { padding: 5px; border-radius: 12px; }
  .edit-window-bar { height: 23px; font-size: .65rem; }
  .edit-portrait-grid .edit-window-dot { display: none; }
  .edit-portrait-grid .edit-play { width: 50px; height: 50px; }
  .edit-portrait-grid .edit-video figcaption { font-size: .875rem; padding: 10px 3px 4px; min-height: 75px; gap: 5px; }
  .edit-faq { margin: 20px auto 40px; padding: 28px 22px 18px; border-radius: 30px 42px 30px 42px; }
  .edit-faq h2 { font-size: clamp(2rem, 8vw, 3.4rem); margin-bottom: 24px; }
  .edit-faq-list summary { gap: 12px; font-size: 1.2rem; padding-block: 20px; }
  .edit-faq-list details > p { padding-right: 0; }
  .edit-contact { margin-top: 20px; padding: 45px 20px 35px; border-radius: 30px 45px 30px 45px; }
  .edit-contact h2 { font-size: clamp(2.05rem, 8.8vw, 4.2rem); }
  .page-ediciones:lang(en) .edit-contact h2 { font-size: clamp(1.62rem, 6.8vw, 3.2rem); }
  .edit-email { padding: 16px; gap: 8px; font-size: 1rem; }
  .edit-email > span:last-child { margin-left: 0; }
  .page-ediciones { background-size: auto 100%; }
  .edit-pending { max-width: none; }
  .edit-pending-content { min-height: 300px; }
}
@media (max-width: 370px) {
  .edit-brand { max-width: 120px; gap: 1px 5px; }
  .edit-work-link { width: 100%; }
  .edit-copy { padding: 20px; }
  .edit-contact { padding-inline: 15px; }
  .edit-email { font-size: .9rem; padding: 15px 12px; }
  .edit-email svg { display: none; }
  .edit-portrait-grid { gap: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  .edit-video-cover > img, .edit-play { transition: none; }
}
