/* ═══════════════════════════════════════════════════════════
   VWT · DESPEDIDA · claro y festivo
   Blanco, bordó y mucho aire. Tipografía protagonista: las
   letras del título caen y se acomodan; los momentos son
   stickers tirados sobre la mesa que se enderezan al elegirlos;
   una cinta corre con nombres y repite el del que se casa; las
   fotos respiran. Sin alcohol como bandera.
   Se respetan: navbar, footer, Poppins y los colores del sitio.
   ═══════════════════════════════════════════════════════════ */

.ds{
  --ds-pad: clamp(1.4rem, 5vw, 6rem);
  --ds-max: calc(1400px * var(--k, 1));
  --ds-sec: clamp(5rem, calc(12 * var(--1vh)), 9rem);
  --ds-t: .9s;
  --ds-e: cubic-bezier(.22,1,.36,1);
  --ds-acc: #AC3749;
  --ds-vino: #6B1D2A;
  --ds-negro: #0B0708;
  --ds-blanco: #FFFFFF;
  --ds-humo: #F6F2F0;
  font-family: 'Poppins', sans-serif;
  background: var(--ds-blanco); color: var(--ds-negro);
}
.ds-in{ max-width: var(--ds-max); margin-inline: auto; padding-inline: var(--ds-pad) }
.ds-rv{ opacity: 0; transform: translateY(26px); transition: opacity var(--ds-t) var(--ds-e), transform var(--ds-t) var(--ds-e) }
.ds-rv[data-d="1"]{ transition-delay: .08s } .ds-rv[data-d="2"]{ transition-delay: .16s } .ds-rv[data-d="3"]{ transition-delay: .24s }
.ds-rv.on{ opacity: 1; transform: none }

.ds-sec{ position: relative; padding: var(--ds-sec) 0 }
.ds-blanco{ background: var(--ds-blanco); color: var(--ds-negro) }
.ds-negro{ background: var(--ds-negro); color: #fff }
.ds-bordo{ background: var(--ds-vino); color: #fff }
.ds-h{ margin: 0; font-size: calc(108.8px * var(--k, 1)); font-weight: 700; letter-spacing: -.06em; line-height: .92; max-width: 16ch }
.ds-h-2{ margin-top: calc(48.0px * var(--k, 1)); font-size: calc(64.0px * var(--k, 1))}
.ds-p{ margin: clamp(1.4rem,3vw,2rem) 0 0; max-width: 46ch; font-size: calc(21.1px * var(--k, 1)); line-height: 1.55; font-weight: 300; letter-spacing: -.012em; color: #3A3436 }
.ds-negro .ds-p{ color: rgba(255,255,255,.82) }
.ds-k{ margin: 0 0 clamp(1rem,2vw,1.4rem); font-size: .82rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--ds-acc) }
.ds-k-light{ color: rgba(255,255,255,.7) }
.ds-btn{
  display: inline-flex; align-items: center; justify-content: center; text-decoration: none;
  padding: 1rem 1.9rem; border-radius: 100px; border: 2px solid var(--ds-acc);
  background: var(--ds-acc); color: #fff !important; -webkit-text-fill-color: #fff;
  font: inherit; font-size: .92rem; font-weight: 700; letter-spacing: -.01em;
  transition: background-color var(--ds-t) var(--ds-e), border-color var(--ds-t) var(--ds-e), transform var(--ds-t) var(--ds-e);
}
.ds-btn:hover{ background: var(--ds-vino) !important; border-color: var(--ds-vino) !important; transform: translateY(-2px) }
.ds-btn-ghost{ background: transparent !important; border-color: rgba(255,255,255,.45) !important }
.ds-btn-ghost:hover{ background: rgba(255,255,255,.12) !important; border-color: #fff !important }
.ds-lnk{ display: inline-flex; align-items: center; gap: .4rem; text-decoration: none; font-weight: 700; color: var(--ds-negro) !important; -webkit-text-fill-color: var(--ds-negro) }
.ds-lnk i{ font-style: normal; transition: transform .6s var(--ds-e) }
.ds-lnk:hover i{ transform: translateX(6px) }

/* ═══════════════════════════════════════════════════════════
   1 · EL HERO · las letras caen y se acomodan
   ═══════════════════════════════════════════════════════════ */
/* como en el inicio: el hero arranca justo debajo de la barra y
   ocupa el resto de la pantalla, sin aire entre la barra y la foto */
.ds-hero{
  margin-top: var(--nav-h, 62px); min-height: calc(calc(100 * var(--1vh)) - var(--nav-h, 62px)); padding: 0;
  display: grid; grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr); align-items: center; gap: calc(80.0px * var(--k, 1));
}
.ds-hero .ds-in{ padding-top: clamp(2rem,calc(4 * var(--1vh)),3rem); padding-bottom: clamp(2rem,calc(4 * var(--1vh)),3rem) }
.ds-hero .ds-in{ padding-right: 0 }
.ds-t{ margin: 0; font-size: calc(156.8px * var(--k, 1)); font-weight: 700; letter-spacing: -.075em; line-height: .86 }
.ds-t > span{ display: block; white-space: nowrap }
.ds-t .ds-l{
  display: inline-block; opacity: 0; transform: translateY(-1.2em) rotate(-8deg);
  transition: opacity .35s ease-out, transform .9s cubic-bezier(.34,1.56,.64,1);
}
.ds-t .ds-l.on{ opacity: 1; transform: none }
.ds-t .ds-l.em{ color: var(--ds-acc) }
.ds-t .ds-l:hover{ transform: translateY(-.14em) rotate(-4deg); transition-duration: .3s, .4s }
.ds-hero-cta{ display: flex; flex-wrap: wrap; align-items: center; gap: 1.4rem; margin-top: calc(38.4px * var(--k, 1))}
.ds-hero-fig{ margin: 0; height: calc(calc(100 * var(--1vh)) - var(--nav-h, 62px)); min-height: 480px; overflow: hidden; background: var(--ds-negro) }
.ds-hero-fig img{ width: 100%; height: 100%; object-fit: cover; display: block }

/* fotos que respiran: entran con zoom lento y un leve balanceo */
.ds-resp img{ transform: scale(1.14) rotate(1.2deg); transition: transform 2.2s var(--ds-e) }
.ds-resp.on img, .ds-resp:hover img{ transform: scale(1) rotate(0) }

/* ═══════════════════════════════════════════════════════════
   3 · LOS MOMENTOS · palabras grandes que se encienden, fotos
   protagonistas y un carrito que se llena
   A la izquierda, cada momento es una fila: su foto, siempre
   visible, y su nombre a gran cuerpo. Al apuntar, el nombre se
   enciende en bordó. Al elegir, queda encendido, la foto se
   enmarca, y el momento vuela al carrito de la derecha, que se
   queda fijo mientras se baja.
   ═══════════════════════════════════════════════════════════ */
.ds-sel{ display: grid; grid-template-columns: minmax(0,1fr) clamp(280px, 26vw, 380px); gap: calc(64.0px * var(--k, 1)); align-items: start; margin-top: calc(80.0px * var(--k, 1))}
.ds-fis{ list-style: none; margin: 0; padding: 0; border-top: 2px solid var(--ds-negro) }
.ds-fi{ border-bottom: 2px solid var(--ds-negro); opacity: 0; transform: translateX(-30px); transition: opacity .8s var(--ds-e), transform .9s var(--ds-e) }
.ds-fi.on{ opacity: 1; transform: none }
.ds-fi-b{
  appearance: none; width: 100%; text-align: left; cursor: pointer;
  display: grid; grid-template-columns: clamp(120px,16vw,240px) minmax(0,1fr) auto; column-gap: calc(38.4px * var(--k, 1)); align-items: center;
  padding: clamp(.9rem,1.8vw,1.4rem) 0; background: none; border: 0; color: inherit; font: inherit;
}
.ds-fi-fig{ display: block; aspect-ratio: 3/2; border-radius: 14px; overflow: hidden; background: var(--ds-negro); box-shadow: 0 0 0 0 var(--ds-acc); transition: box-shadow .5s var(--ds-e) }
.ds-fi-fig img{ width: 100%; height: 100%; object-fit: cover; display: block }
.ds-fi-tx{ display: grid; gap: .3rem }
.ds-fi-n{ font-size: .78rem; font-weight: 700; letter-spacing: .08em; color: var(--ds-acc) }
.ds-fi-t{ font-size: calc(64.0px * var(--k, 1)); font-weight: 700; letter-spacing: -.06em; line-height: .95; color: #B9AEB1; transition: color .5s var(--ds-e), transform .7s var(--ds-e) }
.ds-fi-d{ font-size: calc(17.9px * var(--k, 1)); font-weight: 300; color: #3A3436; max-width: 46ch }
.ds-fi-mas{ position: relative; width: 44px; height: 44px; border-radius: 50%; border: 2px solid var(--ds-negro); flex: 0 0 auto; transition: background-color .5s var(--ds-e), border-color .5s var(--ds-e), transform .5s cubic-bezier(.34,1.56,.64,1) }
.ds-fi-mas i::before, .ds-fi-mas i::after{ content: ""; position: absolute; left: 50%; top: 50%; background: var(--ds-negro); transform: translate(-50%,-50%); transition: background .5s var(--ds-e), transform .5s var(--ds-e) }
.ds-fi-mas i::before{ width: 16px; height: 2px }
.ds-fi-mas i::after{ width: 2px; height: 16px }
/* al apuntar: se enciende */
.ds-fi-b:hover .ds-fi-t{ color: var(--ds-acc); transform: translateX(.1em) }
.ds-fi-b:hover .ds-fi-mas{ transform: scale(1.1) }
/* elegido: queda encendido, la foto se enmarca, el más se vuelve tilde */
.ds-fi.is-on .ds-fi-t{ color: var(--ds-negro) }
.ds-fi.is-on .ds-fi-fig{ box-shadow: 0 0 0 3px var(--ds-acc) }
.ds-fi.is-on .ds-fi-mas{ background: var(--ds-acc); border-color: var(--ds-acc); transform: rotate(45deg) }
.ds-fi.is-on .ds-fi-mas i::before, .ds-fi.is-on .ds-fi-mas i::after{ background: #fff }

/* el carrito */
/* el envoltorio es el que se pega: sticky puro del navegador, sin
   código en el scroll, así no hay microsaltos. Ocupa toda la altura
   de la columna para que tenga recorrido. */
/* El carrito se pega con posición fija por código (el sticky del
   navegador no se activa en este sitio por cómo está definido el
   scroll del body). Tres estados: libre, pegado arriba (fijo) y
   frenado al pie del bloque (absoluto). Ninguno se mueve con el
   scroll, así que no hay microsaltos. */
.ds-sel{ position: relative }
.ds-carro-wrap{ align-self: start; height: fit-content }
.ds-carro-wrap.pegado{ position: fixed; z-index: 6 }
.ds-carro-wrap.al-pie{ position: absolute; right: 0; bottom: 0 }
.ds-carro{
  padding: calc(32.0px * var(--k, 1)); border-radius: 22px; background: var(--ds-negro); color: #fff;
}
.ds-carro .ds-k{ color: rgba(255,255,255,.7) }
.ds-carro-c{ margin: 0; font-size: calc(28.8px * var(--k, 1)); font-weight: 700; letter-spacing: -.04em }
.ds-carro-c b{ color: var(--ds-acc); font-variant-numeric: tabular-nums }
.ds-carro-l{ list-style: none; margin: 1.2rem 0 0; padding: 0; border-top: 1px solid rgba(255,255,255,.2) }
.ds-carro-l li{ display: grid; grid-template-columns: 52px 1fr; gap: .8rem; align-items: center; padding: .7rem 0; border-bottom: 1px solid rgba(255,255,255,.12); font-size: .98rem; font-weight: 600; letter-spacing: -.02em;
  animation: dsEntra .6s cubic-bezier(.34,1.56,.64,1) both }
.ds-carro-l li img{ width: 52px; height: 36px; object-fit: cover; border-radius: 6px; display: block }
.ds-carro-vacio{ grid-template-columns: 1fr !important; font-weight: 300 !important; color: rgba(255,255,255,.55); animation: none !important }
@keyframes dsEntra{ from{ opacity: 0; transform: translateX(24px) } to{ opacity: 1; transform: none } }
.ds-carro-go{ margin-top: 1.2rem; width: 100%; gap: .5rem }
.ds-carro-go i{ font-style: normal }

/* ═══════════════════════════════════════════════════════════
   4 · EL ARMADOR · negro
   ═══════════════════════════════════════════════════════════ */
.ds-arm{ display: grid; grid-template-columns: minmax(0,1fr) minmax(0,.85fr); gap: calc(80.0px * var(--k, 1)); align-items: start }
.ds-input{
  width: 100%; margin-top: 1rem; padding: .3em 0; border: 0; border-bottom: 3px solid rgba(255,255,255,.35); background: none; color: #fff;
  font: inherit; font-size: calc(76.8px * var(--k, 1)); font-weight: 700; letter-spacing: -.05em;
}
.ds-input::placeholder{ color: rgba(255,255,255,.28) }
.ds-input:focus{ outline: none; border-bottom-color: var(--ds-acc) }
.ds-pal{ display: flex; flex-wrap: wrap; gap: .4rem 1.4rem; margin-top: calc(19.2px * var(--k, 1))}
.ds-w{
  appearance: none; background: none; border: 0; padding: .1rem 0; cursor: pointer;
  font: inherit; font-size: calc(32.0px * var(--k, 1)); font-weight: 300; letter-spacing: -.03em; color: rgba(255,255,255,.42);
  border-bottom: 2px solid transparent; transition: color .6s var(--ds-e), border-color .6s var(--ds-e);
}
.ds-w:hover{ color: #fff }
.ds-w.is-on{ color: #fff; font-weight: 700; border-bottom-color: var(--ds-acc) }
.ds-arm-out{ padding: calc(41.6px * var(--k, 1)); border-radius: 22px; background: #fff; color: var(--ds-negro); position: sticky; top: calc(var(--nav-h, 62px) + 1.5rem) }
.ds-arm-out .ds-k b{ color: var(--ds-negro) }
.ds-out-l{ margin: 0; font-size: calc(35.2px * var(--k, 1)); font-weight: 700; letter-spacing: -.045em }
.ds-out-mom{ list-style: none; margin: 1.2rem 0 0; padding: 0; border-top: 2px solid var(--ds-negro) }
.ds-out-mom li{ display: grid; grid-template-columns: 2.4rem 1fr; gap: .6rem; padding: .7rem 0; border-bottom: 1px solid rgba(11,7,8,.16); font-size: 1rem; font-weight: 600; letter-spacing: -.02em }
.ds-out-mom li span{ font-size: .78rem; font-weight: 700; color: var(--ds-acc); letter-spacing: .06em }
.ds-out-vacio{ grid-template-columns: 1fr !important; font-weight: 300 !important; color: #7F6E73 }
.ds-out-cta{ display: grid; gap: .6rem; margin-top: 1.4rem }
.ds-arm-out .ds-btn-ghost{ border-color: var(--ds-negro) !important; color: var(--ds-negro) !important; -webkit-text-fill-color: var(--ds-negro) }
.ds-arm-out .ds-btn-ghost:hover{ background: var(--ds-negro) !important; color: #fff !important; -webkit-text-fill-color: #fff }

/* ═══════════════════════════════════════════════════════════
   5 · NOS ENCARGAMOS + PREGUNTAS
   ═══════════════════════════════════════════════════════════ */
.ds-res{ list-style: none; margin: clamp(3rem,6vw,5rem) 0 0; padding: 0; border-top: 2px solid var(--ds-negro) }
.ds-res li{ display: grid; grid-template-columns: clamp(3rem,5vw,5rem) minmax(0,.45fr) minmax(0,.55fr); column-gap: calc(32.0px * var(--k, 1)); align-items: baseline; padding: clamp(1.2rem,2.4vw,1.8rem) 0; border-bottom: 2px solid var(--ds-negro) }
.ds-res-n{ font-size: .9rem; font-weight: 700; color: var(--ds-acc) }
.ds-res b{ font-size: calc(41.6px * var(--k, 1)); font-weight: 700; letter-spacing: -.05em; line-height: 1 }
.ds-res i{ font-style: normal; font-size: calc(18.4px * var(--k, 1)); line-height: 1.5; font-weight: 300; color: #3A3436 }
.ds-faq{ margin-top: calc(80.0px * var(--k, 1))}
.ds-q{ border-bottom: 1px solid rgba(11,7,8,.2) }
.ds-q summary{ display: flex; align-items: center; gap: 1.2rem; cursor: pointer; list-style: none; padding: clamp(1.1rem,2vw,1.5rem) 0; font-size: calc(24.0px * var(--k, 1)); font-weight: 600; letter-spacing: -.03em }
.ds-q summary::-webkit-details-marker{ display: none }
.ds-q summary span{ flex: 1 1 auto }
.ds-q summary i{ position: relative; flex: 0 0 auto; width: 22px; height: 22px }
.ds-q summary i::before, .ds-q summary i::after{ content: ""; position: absolute; top: 50%; left: 50%; background: var(--ds-negro); transform: translate(-50%,-50%); transition: opacity var(--ds-t) var(--ds-e) }
.ds-q summary i::before{ width: 22px; height: 2px }
.ds-q summary i::after{ width: 2px; height: 22px }
.ds-q[open] summary i::after{ opacity: 0 }
.ds-q[open] summary{ color: var(--ds-acc) }
.ds-q-r{ display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--ds-t) var(--ds-e) }
.ds-q[open] .ds-q-r{ grid-template-rows: 1fr }
.ds-q-r > div{ overflow: hidden }
.ds-q-r p{ margin: 0; padding: 0 3rem 1.4rem 0; max-width: 62ch; font-size: 1.02rem; line-height: 1.6; font-weight: 300; color: #3A3436 }

/* ═══════════════════════════════════════════════════════════
   6 · CIERRE · bordó festivo
   ═══════════════════════════════════════════════════════════ */
.ds-fin-t{ margin: 0; font-size: calc(105.6px * var(--k, 1)); font-weight: 700; letter-spacing: -.06em; line-height: .92; max-width: 16ch; color: var(--ds-negro) }
.ds-fin-cta{ display: flex; flex-wrap: wrap; gap: calc(64.0px * var(--k, 1)); margin-top: calc(54.4px * var(--k, 1))}
.ds-cta{ display: flex; align-items: baseline; gap: .25em; text-decoration: none; color: #fff !important; -webkit-text-fill-color: #fff; font-size: calc(112.0px * var(--k, 1)); font-weight: 700; letter-spacing: -.06em; line-height: 1; padding-bottom: .1em }
.ds-cta i{ font-style: normal; font-size: .6em; transition: transform .8s var(--ds-e) }
.ds-cta:hover i{ transform: translateX(.35em) }
.ds-cta:hover{ color: var(--ds-negro) !important; -webkit-text-fill-color: var(--ds-negro) }

/* ═══════════════════════════════════════════════════════════
   ADAPTACIÓN
   ═══════════════════════════════════════════════════════════ */
@media (max-width: calc(1024px * var(--k, 1))){
  .ds-hero{ grid-template-columns: 1fr; min-height: 0; padding-bottom: 0 }
  .ds-hero .ds-in{ padding-right: var(--ds-pad); padding-bottom: 2.4rem }
  .ds-hero-fig{ height: calc(56 * var(--1vh)); min-height: 320px }
  .ds-sel{ grid-template-columns: 1fr }
  /* en pantallas angostas el carrito va arriba y se pega compacto */
  .ds-carro-wrap{ order: -1; position: sticky !important; top: calc(var(--nav-h, 62px) + .6rem); z-index: 5; left: auto !important; width: auto !important }
  .ds-carro{ padding: 1rem 1.2rem; border-radius: 16px }
  .ds-carro .ds-k{ display: none }
  .ds-carro-l{ display: none }
  .ds-carro-c{ font-size: 1.1rem }
  .ds-carro-go{ margin-top: .7rem; padding: .7rem 1.2rem; font-size: .84rem }
  .ds-arm{ grid-template-columns: 1fr }
  .ds-arm-out{ position: static }
  .ds-res li{ grid-template-columns: clamp(2.6rem,6vw,3.6rem) 1fr; row-gap: .4rem }
  .ds-res i{ grid-column: 2 }
}
@media (max-width: 560px){
  .ds-fi-b{ grid-template-columns: clamp(84px,24vw,120px) minmax(0,1fr) 36px; column-gap: .9rem }
  .ds-fi-mas{ width: 36px; height: 36px }
  .ds-fi-d{ display: none }
  .ds-t > span{ white-space: normal }
  .ds-q-r{ transition: none }
}
@media (prefers-reduced-motion: reduce){
  .ds-rv, .ds-fi{ opacity: 1; transform: none; transition: none }
  .ds-carro-l li{ animation: none }
  .ds-t .ds-l{ opacity: 1; transform: none; transition: none }
  .ds-resp img{ transform: none; transition: none }
}

/* contenedores del armador y del cierre */
.ds-arm-ctl{ min-width: 0 }
.ds-fin{ padding-bottom: calc(var(--ds-sec) * 1.2) }

/* ── el acordeón, con el diseño del inicio ──
   Círculo fino con un más que, al abrir, gira y se rellena de
   bordó con el trazo en blanco. Mismo diseño, cada página con su
   tamaño. */
.ds-q summary i{ width: 22px; height: 22px; border-radius: 50%; border: 1px solid rgba(11,7,8,.35); transition: background-color .9s cubic-bezier(.22,1,.36,1), border-color .9s cubic-bezier(.22,1,.36,1), transform .9s cubic-bezier(.22,1,.36,1) }
.ds-q summary i::before, .ds-q summary i::after{ background: var(--ds-negro); transition: opacity .9s cubic-bezier(.22,1,.36,1), background-color .9s cubic-bezier(.22,1,.36,1) }
.ds-q summary i::before{ width: 9px; height: 1.5px }
.ds-q summary i::after{ width: 1.5px; height: 9px }
.ds-q[open] summary i{ background: var(--ds-acc); border-color: var(--ds-acc); transform: rotate(90deg) }
.ds-q[open] summary i::before{ background: #fff }
.ds-q[open] summary i::after{ opacity: 0 }
.ds-q summary:hover{ color: var(--ds-acc) }

/* ═══════════════════════════════════════════════════════════
   MODO OSCURO · mismos valores que el sistema del sitio
   ═══════════════════════════════════════════════════════════ */
html[data-theme="dark"] .ds, body.dark .ds{ --ds-blanco: #000000; --ds-negro: #F7F5F5; --ds-humo: #0C0A0A; background: #000; color: #F7F5F5 }
html[data-theme="dark"] .ds-blanco, body.dark .ds-blanco{ background: #000; color: #F7F5F5 }
html[data-theme="dark"] .ds-negro, body.dark .ds-negro{ background: #0C0A0A; color: #F7F5F5 }
html[data-theme="dark"] .ds-p, html[data-theme="dark"] .ds-fi-d, html[data-theme="dark"] .ds-res i, html[data-theme="dark"] .ds-q-r p,
body.dark .ds-p, body.dark .ds-fi-d, body.dark .ds-res i, body.dark .ds-q-r p{ color: #DCD7D7 }
html[data-theme="dark"] .ds-fi-t, body.dark .ds-fi-t{ color: #6E6669 }
html[data-theme="dark"] .ds-fi.is-on .ds-fi-t, body.dark .ds-fi.is-on .ds-fi-t{ color: #F7F5F5 }
html[data-theme="dark"] .ds-fis, html[data-theme="dark"] .ds-fi, html[data-theme="dark"] .ds-res, html[data-theme="dark"] .ds-res li,
body.dark .ds-fis, body.dark .ds-fi, body.dark .ds-res, body.dark .ds-res li{ border-color: rgba(255,255,255,.22) }
html[data-theme="dark"] .ds-fi-mas, body.dark .ds-fi-mas{ border-color: #F7F5F5 }
html[data-theme="dark"] .ds-fi-mas i::before, html[data-theme="dark"] .ds-fi-mas i::after, body.dark .ds-fi-mas i::before, body.dark .ds-fi-mas i::after{ background: #F7F5F5 }
html[data-theme="dark"] .ds-carro, body.dark .ds-carro{ background: #0C0A0A; color: #F7F5F5; border: 1px solid rgba(255,255,255,.12) }
html[data-theme="dark"] .ds-arm-out, body.dark .ds-arm-out{ background: #0C0A0A; color: #F7F5F5; border: 1px solid rgba(255,255,255,.12) }
html[data-theme="dark"] .ds-arm-out .ds-k b, body.dark .ds-arm-out .ds-k b{ color: #F7F5F5 }
html[data-theme="dark"] .ds-out-mom, body.dark .ds-out-mom{ border-color: rgba(255,255,255,.22) }
html[data-theme="dark"] .ds-out-mom li, body.dark .ds-out-mom li{ border-color: rgba(255,255,255,.12) }
html[data-theme="dark"] .ds-out-vacio, body.dark .ds-out-vacio{ color: #ADA5A5 }
html[data-theme="dark"] .ds-arm-out .ds-btn-ghost, body.dark .ds-arm-out .ds-btn-ghost{ border-color: #F7F5F5 !important; color: #F7F5F5 !important; -webkit-text-fill-color: #F7F5F5 }
html[data-theme="dark"] .ds-q, body.dark .ds-q{ border-color: rgba(255,255,255,.2) }
html[data-theme="dark"] .ds-q summary i, body.dark .ds-q summary i{ border-color: rgba(255,255,255,.22) }
html[data-theme="dark"] .ds-q summary i::before, html[data-theme="dark"] .ds-q summary i::after, body.dark .ds-q summary i::before, body.dark .ds-q summary i::after{ background: #F7F5F5 }
html[data-theme="dark"] .ds-lnk, body.dark .ds-lnk{ color: #F7F5F5 !important; -webkit-text-fill-color: #F7F5F5 }
html[data-theme="dark"] .ds-fin-t, body.dark .ds-fin-t{ color: #000 }
html[data-theme="dark"] .ds-cta:hover, body.dark .ds-cta:hover{ color: #000 !important; -webkit-text-fill-color: #000 }