:root { --lys-tam: 150px; }
  @media (max-width: 700px) { :root { --lys-tam: 110px; } }

  .companero {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 50;
    width: 150px;
    height: 150px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: grab;
    touch-action: none;
    transform-origin: 0 0;
    visibility: hidden;
  }
  .companero.listo { visibility: visible; }
  .companero:focus-visible { outline: 2px solid var(--tinta); outline-offset: 4px; border-radius: 9999px; }
  .companero-cuerpo {
    position: absolute;
    inset: 0;
    z-index: 1;
    transform-origin: 75px 110px;
    filter: drop-shadow(0 14px 16px rgba(32, 28, 43, 0.28));
  }
  .companero-entra { display: block; animation: fv-sube 0.9s cubic-bezier(0.2, 0.7, 0.2, 1) both; }
  .companero-anillo {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 38px;
    height: 38px;
    pointer-events: none;
    filter: drop-shadow(0 4px 5px rgba(32, 28, 43, 0.25));
    transform: translate(98px, -6px);
  }
  .companero-anillo svg { display: block; }
  .companero-bocadillo {
    position: absolute;
    top: -10px;
    left: 124px;
    z-index: 3;
    white-space: nowrap;
    background: var(--tinta);
    color: #fff;
    font-family: var(--titulo);
    font-weight: 700;
    font-size: 15px;
    padding: 8px 14px;
    border-radius: 16px 16px 16px 4px;
    box-shadow: 0 10px 20px -10px rgba(32, 28, 43, 0.5);
    pointer-events: none;
    /* Entra desde la punta, que apunta a Lysito, con un pequeño rebote; sale encogiendo y
       desvaneciéndose. La clase `visible` la pone companero.ts. */
    transform-origin: 0% 100%;
    opacity: 0;
    scale: 0.6;
    translate: -6px 8px;
    transition:
      opacity 0.18s ease,
      scale 0.2s ease-in,
      translate 0.2s ease-in;
  }
  .companero-bocadillo.visible {
    opacity: 1;
    scale: 1;
    translate: 0 0;
    transition:
      opacity 0.2s ease,
      scale 0.38s cubic-bezier(0.34, 1.56, 0.64, 1),
      translate 0.38s cubic-bezier(0.34, 1.56, 0.64, 1);
  }
  .companero.bocadillo-izq .companero-bocadillo { left: auto; right: 124px; border-radius: 16px 16px 4px 16px; transform-origin: 100% 100%; translate: 6px 8px; }
  .companero.bocadillo-arriba .companero-bocadillo { left: 50%; right: auto; top: -52px; transform: translateX(-50%); border-radius: 16px; transform-origin: 50% 100%; translate: 0 8px; }
  .companero.bocadillo-izq .companero-bocadillo.visible,
  .companero.bocadillo-arriba .companero-bocadillo.visible { translate: 0 0; }
  /* En móvil, bocadillo más compacto para tapar menos texto. */
  @media (max-width: 700px) {
    .companero-bocadillo { font-size: 13px; padding: 6px 11px; }
  }
  @media (prefers-reduced-motion: reduce) {
    .companero-bocadillo, .companero-bocadillo.visible { scale: 1; translate: 0 0; transition: opacity 0.2s; }
  }html.con-intro { overflow: hidden; }
  html.con-intro:not(.intro-sale) .companero.listo { visibility: hidden; }.intro[data-astro-cid-a7unb6wg] {
  --fondo: #0d0c14;
  position: fixed;
  inset: 0;
  z-index: 60;
  overflow: hidden;
  background: var(--fondo);
  transition: opacity .6s;
}

.intro[data-astro-cid-a7unb6wg].fuera {
  opacity: 0;
  pointer-events: none;
}

.intro-hoja[data-astro-cid-a7unb6wg] {
  position: absolute;
  z-index: 5000;
  left: -15vw;
  top: 0;
  width: 130vw;
  height: 140vh;
  box-sizing: border-box;
  padding: 14vh 18vw;
  display: flex;
  flex-direction: column;
  gap: 4vh;
  overflow: hidden;
  pointer-events: none;
  background: #202a45;
  border: 6px solid #ffffff0f;
  border-radius: 48px;
  box-shadow: 0 40px 90px -20px #0009;
  transform: translateY(115vh) scale(1.2);
  visibility: hidden;
  will-change: transform;
}

.intro-hoja[data-astro-cid-a7unb6wg] i[data-astro-cid-a7unb6wg] {
  display: block;
  height: 2.4vh;
  border-radius: 9999px;
  background: #ffffff12;
}

.intro-hoja-ext[data-astro-cid-a7unb6wg] {
  align-self: flex-start;
  margin-bottom: 2vh;
  padding: .6vh 1.4vw;
  border-radius: 12px;
  background: #ffffff14;
  color: #7481a6;
  font-family: var(--titulo);
  font-weight: 700;
  font-size: clamp(18px, 2.4vw, 34px);
}

.intro-frase[data-astro-cid-a7unb6wg] {
  position: absolute;
  z-index: 800;
  left: 50%;
  top: clamp(36px, 9vh, 100px);
  translate: -50%;
  width: min(100% - 40px, 1000px);
  text-align: center;
  pointer-events: none;
  font-size: clamp(32px, 5vw, 70px);
  line-height: 1.02;
  letter-spacing: -.045em;
  color: #d9d5e6;
  transition: opacity .5s;
}

.intro[data-astro-cid-a7unb6wg].claro .intro-frase[data-astro-cid-a7unb6wg] {
  opacity: 0;
}

.intro-saltar[data-astro-cid-a7unb6wg] {
  position: absolute;
  z-index: 850;
  right: 12px;
  bottom: 12px;
  min-height: 44px;
  padding: 0 14px;
  border: 0;
  border-radius: 14px;
  background: none;
  color: #6f7894;
  font: 600 14px var(--cuerpo);
  cursor: pointer;
}

.intro-saltar[data-astro-cid-a7unb6wg]:hover {
  color: #b9c0d6;
}

.intro-saltar[data-astro-cid-a7unb6wg]:focus-visible {
  outline: 2px solid #b9c0d6;
  outline-offset: 2px;
}

.intro-escenario[data-astro-cid-a7unb6wg] {
  position: absolute;
  inset: 0;
  --t: 1;
}

@media (width <= 700px) {
  .intro-escenario[data-astro-cid-a7unb6wg] {
    --t: .66;
  }

  .intro-lys[data-astro-cid-a7unb6wg] {
    top: 52% !important;
  }

  .intro-pieza[data-astro-cid-a7unb6wg].intro-extra {
    display: none;
  }
}

[data-astro-cid-a7unb6wg][data-arrastra] {
  position: absolute;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  cursor: grab;
}

.agarrado[data-astro-cid-a7unb6wg] {
  cursor: grabbing;
}

.intro-lys[data-astro-cid-a7unb6wg] {
  position: absolute;
  width: 170px;
  height: 170px;
  padding: 0;
  border: 0;
  background: none;
  z-index: 10;
  scale: var(--t);
  transform-origin: 0 0;
  filter: drop-shadow(0 14px 16px #00000059);
  touch-action: none;
  cursor: grab;
}

.intro-lys[data-astro-cid-a7unb6wg]:focus-visible {
  outline: 2px solid #f1d08a;
  outline-offset: 4px;
  border-radius: 9999px;
}

.intro-pieza[data-astro-cid-a7unb6wg] {
  scale: calc(var(--t) * var(--e));
}

.intro-pieza[data-astro-cid-a7unb6wg].tiembla {
  animation: .12s linear infinite intro-tiembla;
}

.intro-carpeta[data-astro-cid-a7unb6wg] {
  --mw: 75px;
  --mh: 56px;
  width: 150px;
  height: 112px;
}

.intro-carpeta[data-astro-cid-a7unb6wg]:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 62px;
  height: 20px;
  border-radius: 8px 8px 0 0;
  background: color-mix(in srgb, var(--tono), black 25%);
}

.intro-carpeta-cuerpo[data-astro-cid-a7unb6wg] {
  position: absolute;
  inset: 12px 0 0;
  border-radius: 4px 12px 12px;
  background: var(--tono);
  border-top: 2px solid #ffffff0d;
  display: flex;
  align-items: flex-end;
  padding: 10px 12px;
  font-family: var(--titulo);
  font-weight: 700;
  font-size: 13px;
  color: #56617f;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-shadow: 0 14px 24px -12px #000c;
}

.intro-archivo[data-astro-cid-a7unb6wg] {
  --mw: 56px;
  --mh: 72px;
  --linea: #ffffff12;
  width: 112px;
  height: 144px;
  border: 2px solid #ffffff0f;
  border-radius: 8px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  color: #56617f;
  box-shadow: 0 14px 24px -12px #000c;
  background-color: color-mix(in srgb, var(--tono), white 4%);
  background-image: linear-gradient(var(--linea), var(--linea)), linear-gradient(var(--linea), var(--linea)), linear-gradient(var(--linea), var(--linea));
  background-size: calc(100% - 20px) 5px, 70% 5px, 50% 5px;
  background-position: 10px 36px, 10px 48px, 10px 60px;
  background-repeat: no-repeat;
}

.intro-ext[data-astro-cid-a7unb6wg] {
  align-self: flex-start;
  font-family: var(--titulo);
  font-weight: 700;
  font-size: 10px;
  color: #7481a6;
  background: #ffffff14;
  padding: 2px 6px;
  border-radius: 4px;
}

.intro-nombre[data-astro-cid-a7unb6wg] {
  margin-top: auto;
  font-size: 10.5px;
  font-weight: 600;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.intro-sombra[data-astro-cid-a7unb6wg] {
  position: absolute;
  inset: 0;
  z-index: 690;
  pointer-events: none;
  background: radial-gradient(80% 55% at 50% 45%, #0000 40%, #0d0c14a6 100%);
  transition: opacity .6s;
}

.intro[data-astro-cid-a7unb6wg].claro .intro-sombra[data-astro-cid-a7unb6wg] {
  opacity: 0;
}

.intro-mano[data-astro-cid-a7unb6wg] {
  position: absolute;
  z-index: 700;
  width: 30px;
  height: 30px;
  margin: -15px 0 0 -15px;
  border-radius: 9999px;
  background: radial-gradient(circle at 35% 30%, #f7e2b3, #f1d08a 55%, #d9b064);
  box-shadow: 0 0 18px 2px #f1d08a59, 0 4px 8px #00000080;
  touch-action: none;
  cursor: grab;
  scale: var(--t);
  animation: 1s ease-in-out infinite intro-auxilio;
}

.intro-mano[data-astro-cid-a7unb6wg]:after {
  content: "";
  position: absolute;
  inset: -14px;
  border-radius: 9999px;
}

.intro-mano[data-astro-cid-a7unb6wg].agita {
  animation: .34s ease-in-out infinite intro-agita;
}

.intro-mano[data-astro-cid-a7unb6wg].tira {
  animation: .16s linear infinite intro-forcejeo;
}

.intro-mano[data-astro-cid-a7unb6wg].oculta {
  opacity: 0;
  pointer-events: none;
  animation: none;
  transition: opacity .2s;
}

@keyframes intro-auxilio {
  0%, 100% {
    translate: -7px;
  }

  50% {
    translate: 7px -5px;
  }
}

@keyframes intro-agita {
  0%, 100% {
    translate: -12px;
  }

  25% {
    translate: 0 -14px;
  }

  50% {
    translate: 12px -2px;
  }

  75% {
    translate: 0 -12px;
  }
}

@keyframes intro-forcejeo {
  0%, 100% {
    translate: -2px 1px;
  }

  25% {
    translate: 2px -1px;
  }

  50% {
    translate: -1px -2px;
  }

  75% {
    translate: 1px 2px;
  }
}

@keyframes intro-tiembla {
  0%, 100% {
    translate: 0;
  }

  25% {
    translate: 1.5px -1px;
  }

  75% {
    translate: -1.5px 1px;
  }
}

.intro-bocadillo[data-astro-cid-a7unb6wg] {
  position: absolute;
  z-index: 900;
  pointer-events: none;
  white-space: nowrap;
  background: #fff;
  color: var(--tinta);
  font-family: var(--titulo);
  font-weight: 700;
  font-size: 17px;
  padding: 10px 16px;
  border-radius: 16px 16px 16px 4px;
  box-shadow: 0 10px 20px -10px #00000080;
  transition: opacity .3s;
}

.intro-bocadillo[data-astro-cid-a7unb6wg]:empty {
  opacity: 0;
}

.intro-bocadillo[data-astro-cid-a7unb6wg].izq {
  border-radius: 16px 16px 4px;
}

.intro-lys[data-astro-cid-a7unb6wg].salta {
  transition: left .5s cubic-bezier(.34, 1.7, .64, 1), top .5s cubic-bezier(.34, 1.7, .64, 1);
}

.intro-escenario[data-astro-cid-a7unb6wg].preparado .intro-pieza[data-astro-cid-a7unb6wg] {
  will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
  .intro[data-astro-cid-a7unb6wg], .intro-frase[data-astro-cid-a7unb6wg], .intro-sombra[data-astro-cid-a7unb6wg], .intro-lys[data-astro-cid-a7unb6wg].salta {
    transition: none;
  }

  .intro-mano[data-astro-cid-a7unb6wg], .intro-mano[data-astro-cid-a7unb6wg].agita, .intro-mano[data-astro-cid-a7unb6wg].tira, .intro-pieza[data-astro-cid-a7unb6wg].tiembla {
    animation: none;
  }
}
.db[data-astro-cid-nmolb43p] {
  display: grid;
  grid-template-columns: 30% 1fr;
  height: 100%;
  font-size: 13px;
}

.db-carril[data-astro-cid-nmolb43p] {
  background: var(--doc);
  padding: 14px 10px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.db-inicio[data-astro-cid-nmolb43p] {
  background: var(--superficie);
  border-radius: 10px;
  padding: 8px 10px;
  font-weight: 600;
  font-family: var(--titulo);
}

.db-rotulo[data-astro-cid-nmolb43p] {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--tinta-3);
  margin-top: 6px;
}

.db-pestana[data-astro-cid-nmolb43p] {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--superficie);
  border-radius: 10px;
  padding: 7px 8px;
  font-weight: 600;
  font-size: 12px;
  box-shadow: 0 6px 14px -10px #201c2b8c;
  opacity: 0;
  transform: translateX(-16px);
  transition: opacity .4s, transform .4s;
}

.db-pestana[data-astro-cid-nmolb43p] b[data-astro-cid-nmolb43p] {
  flex-shrink: 0;
}

.db-pestana[data-astro-cid-nmolb43p] b[data-astro-cid-nmolb43p], .db[data-astro-cid-nmolb43p] li[data-astro-cid-nmolb43p] b[data-astro-cid-nmolb43p], .db-avatar[data-astro-cid-nmolb43p] {
  display: inline-grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 9999px;
  border: 2px solid var(--borde-2);
  font-size: 10px;
  background: var(--superficie);
}

.db-pestana[data-astro-cid-nmolb43p] b[data-astro-cid-nmolb43p] {
  border-color: #f0603f;
}

[data-demo="buscar"].abierto .db-pestana[data-astro-cid-nmolb43p] {
  opacity: 1;
  transform: none;
}

.db-main[data-astro-cid-nmolb43p] {
  position: relative;
  padding: 18px 20px;
  background: var(--crema);
  overflow: hidden;
}

.db-titulo[data-astro-cid-nmolb43p] {
  font-family: var(--titulo);
  font-weight: 700;
  font-size: 18px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.db-buscador[data-astro-cid-nmolb43p] {
  margin: 12px 0;
  display: flex;
  align-items: center;
  gap: 8px;
  height: 40px;
  padding: 0 14px;
  border: 2px solid #5b6ee1;
  border-radius: 14px;
  background: var(--superficie);
  font-size: 15px;
}

.db-lupa[data-astro-cid-nmolb43p] {
  width: 14px;
  height: 14px;
  border: 2px solid var(--tinta-3);
  border-radius: 9999px;
  flex-shrink: 0;
}

.db-cursor[data-astro-cid-nmolb43p] {
  width: 2px;
  height: 18px;
  background: var(--tinta);
  animation: 1s step-end infinite db-parpadeo;
}

.db[data-astro-cid-nmolb43p] ul[data-astro-cid-nmolb43p] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.db[data-astro-cid-nmolb43p] li[data-astro-cid-nmolb43p] {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 36px;
  padding: 0 10px;
  border-radius: 10px;
  background: var(--superficie);
  border: 2px solid var(--borde);
  font-weight: 600;
  transition: height .35s, opacity .3s, margin .35s, padding .35s, border-width .35s, background .2s;
  overflow: hidden;
}

.db[data-astro-cid-nmolb43p] li[data-astro-cid-nmolb43p].fuera {
  height: 0;
  opacity: 0;
  margin-top: -6px;
  border-width: 0;
}

.db[data-astro-cid-nmolb43p] li[data-astro-cid-nmolb43p].elegido {
  background: var(--amarillo-tint);
  border-color: var(--amarillo);
}

.db[data-astro-cid-nmolb43p] li[data-astro-cid-nmolb43p] mark[data-astro-cid-nmolb43p] {
  background: #fdeec2;
  border-radius: 3px;
  color: inherit;
}

.db-toque[data-astro-cid-nmolb43p] {
  position: absolute;
  width: 36px;
  height: 36px;
  border-radius: 9999px;
  background: #201c2b2e;
  transform: scale(0);
  opacity: 0;
  pointer-events: none;
}

.db-toque[data-astro-cid-nmolb43p].pulsa {
  animation: .6s ease-out db-toque;
}

.db-vista-lista[data-astro-cid-nmolb43p], .db-vista-paciente[data-astro-cid-nmolb43p] {
  transition: opacity .35s, transform .35s;
}

.db-vista-paciente[data-astro-cid-nmolb43p] {
  position: absolute;
  inset: 18px 20px;
  opacity: 0;
  transform: translateY(12px);
  pointer-events: none;
}

[data-demo="buscar"].abierto .db-vista-lista[data-astro-cid-nmolb43p] {
  opacity: 0;
  transform: translateY(-12px);
}

[data-demo="buscar"].abierto .db-vista-paciente[data-astro-cid-nmolb43p] {
  opacity: 1;
  transform: none;
}

.db-avatar[data-astro-cid-nmolb43p] {
  width: 36px;
  height: 36px;
  border-color: #f0603f;
  font-size: 12px;
}

.db-fichas[data-astro-cid-nmolb43p] {
  margin-top: 14px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.db-ficha[data-astro-cid-nmolb43p] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 10px;
  background: var(--superficie);
  border: 2px solid var(--borde);
  font-weight: 600;
}

.db-ficha[data-astro-cid-nmolb43p] i[data-astro-cid-nmolb43p] {
  font-style: normal;
}

.db-ficha[data-astro-cid-nmolb43p] em[data-astro-cid-nmolb43p] {
  margin-left: auto;
  font-style: normal;
  font-size: 11px;
  background: var(--exito-tint);
  color: var(--exito-texto);
  padding: 2px 8px;
  border-radius: 9999px;
}

@keyframes db-parpadeo {
  50% {
    opacity: 0;
  }
}

@keyframes db-toque {
  0% {
    transform: scale(.3);
    opacity: 1;
  }

  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
.ds[data-astro-cid-7kc2iofo] {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: var(--doc);
  font-size: 13px;
}

.ds-barra[data-astro-cid-7kc2iofo] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  background: var(--superficie);
  border-bottom: 2px solid var(--borde);
}

.ds-miga[data-astro-cid-7kc2iofo] {
  font-weight: 600;
  font-family: var(--titulo);
  padding: 6px 10px;
  border: 2px solid var(--borde-2);
  border-radius: 10px;
  white-space: nowrap;
}

.ds-ficha-nombre[data-astro-cid-7kc2iofo] {
  font-family: var(--titulo);
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}

.ds-ficha-nombre[data-astro-cid-7kc2iofo] i[data-astro-cid-7kc2iofo] {
  font-style: normal;
}

.ds-pildora[data-astro-cid-7kc2iofo] {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 9999px;
  background: var(--exito-tint);
  font-weight: 500;
  font-size: 12px;
  white-space: nowrap;
  transition: background .3s;
}

.ds-pildora[data-astro-cid-7kc2iofo].pendiente {
  background: var(--doc);
}

.ds-punto[data-astro-cid-7kc2iofo] {
  width: 8px;
  height: 8px;
  border-radius: 9999px;
  background: var(--exito);
}

.ds-pildora[data-astro-cid-7kc2iofo].pendiente .ds-punto[data-astro-cid-7kc2iofo] {
  background: var(--tinta-3);
  animation: .9s ease-in-out infinite ds-late;
}

.ds-hoja[data-astro-cid-7kc2iofo] {
  flex: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  padding: 14px;
}

.ds-bloque[data-astro-cid-7kc2iofo] {
  background: var(--superficie);
  border-radius: 12px;
  overflow: hidden;
  border: 2px solid #d6ece8;
  display: flex;
  flex-direction: column;
}

.ds-cabeza[data-astro-cid-7kc2iofo] {
  background: #3aa996;
  color: #fff;
  font-family: var(--titulo);
  font-weight: 700;
  font-size: 11px;
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: 7px 10px;
  display: flex;
  justify-content: space-between;
}

.ds-cabeza[data-astro-cid-7kc2iofo] em[data-astro-cid-7kc2iofo] {
  font-style: normal;
  font-size: 10px;
  background: #ffffff40;
  padding: 1px 6px;
  border-radius: 6px;
  text-transform: none;
  letter-spacing: 0;
}

.ds-fila[data-astro-cid-7kc2iofo] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 10px;
  border-bottom: 1px solid var(--borde);
}

.ds-chips[data-astro-cid-7kc2iofo] {
  display: flex;
  gap: 5px;
}

.ds-chips[data-astro-cid-7kc2iofo] i[data-astro-cid-7kc2iofo] {
  font-style: normal;
  display: inline-grid;
  place-items: center;
  min-width: 24px;
  height: 24px;
  padding: 0 6px;
  border-radius: 9999px;
  border: 1.5px solid #cfd8d6;
  font-size: 11px;
  font-weight: 600;
  transition: background .2s, color .2s, border-color .2s;
}

.ds-chips[data-astro-cid-7kc2iofo] i[data-astro-cid-7kc2iofo].si {
  background: #3aa996;
  border-color: #3aa996;
  color: #fff;
}

.ds-campo[data-astro-cid-7kc2iofo] {
  display: flex;
  align-items: center;
  min-width: 70px;
  border-bottom: 1.5px solid #cfd8d6;
  height: 22px;
  font-weight: 500;
}

.ds-cursor[data-astro-cid-7kc2iofo] {
  width: 2px;
  height: 14px;
  background: var(--tinta);
  opacity: 0;
}

.ds-cursor[data-astro-cid-7kc2iofo].activo {
  opacity: 1;
  animation: 1s step-end infinite ds-late;
}

.ds-lienzo[data-astro-cid-7kc2iofo] {
  flex: 1;
  width: 100%;
  padding: 8px;
}

.ds-guia[data-astro-cid-7kc2iofo] path[data-astro-cid-7kc2iofo] {
  fill: none;
  stroke: #3aa996;
  stroke-width: 3px;
}

.ds-trazo[data-astro-cid-7kc2iofo] {
  fill: none;
  stroke: #20242e;
  stroke-width: 2.4px;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 1;
  stroke-dashoffset: 1px;
  opacity: 0;
}

.ds-trazo[data-astro-cid-7kc2iofo].dibujado {
  opacity: 1;
  stroke-dashoffset: 0;
  transition: stroke-dashoffset .9s ease-in-out;
}

.ds-toque[data-astro-cid-7kc2iofo] {
  position: absolute;
  width: 30px;
  height: 30px;
  margin: -15px 0 0 -15px;
  border-radius: 9999px;
  background: #201c2b33;
  transform: scale(0);
  opacity: 0;
  pointer-events: none;
}

.ds-toque[data-astro-cid-7kc2iofo].pulsa {
  animation: .55s ease-out ds-toque;
}

@keyframes ds-late {
  50% {
    opacity: .25;
  }
}

@keyframes ds-toque {
  0% {
    transform: scale(.3);
    opacity: 1;
  }

  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
.di[data-astro-cid-yukid7pc] {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 16px;
  background: var(--crema);
  font-size: 13px;
}

.di-cabeza[data-astro-cid-yukid7pc] {
  display: flex;
  align-items: center;
  gap: 12px;
}

.di-titulo[data-astro-cid-yukid7pc] {
  font-family: var(--titulo);
  font-weight: 700;
  font-size: 16px;
}

.di-sub[data-astro-cid-yukid7pc] {
  font-size: 12px;
  color: var(--tinta-3);
}

.di-final[data-astro-cid-yukid7pc] {
  margin-left: auto;
  font-size: 11px;
  font-weight: 600;
  padding: 5px 10px;
  border-radius: 9999px;
  background: var(--exito-tint);
  color: var(--exito-texto);
  opacity: 0;
  transform: scale(.9);
  transition: opacity .3s, transform .3s;
  white-space: nowrap;
}

.di-final[data-astro-cid-yukid7pc].visible {
  opacity: 1;
  transform: none;
}

.di-partes[data-astro-cid-yukid7pc] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.di-parte[data-astro-cid-yukid7pc] {
  background: var(--superficie);
  border: 2px solid var(--borde);
  border-radius: 14px;
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  transition: border-color .3s, opacity .3s;
}

.di-parte[data-astro-cid-yukid7pc][data-fase="cola"] {
  opacity: .55;
}

.di-parte[data-astro-cid-yukid7pc][data-fase="escribe"] {
  border-color: #dfe4ff;
}

.di-parte[data-astro-cid-yukid7pc][data-fase="revisar"] {
  border-color: #f5dc9b;
}

.di-fila[data-astro-cid-yukid7pc] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.di-nombre[data-astro-cid-yukid7pc] {
  font-family: var(--titulo);
  font-weight: 700;
}

.di-estado[data-astro-cid-yukid7pc] {
  font-size: 11px;
  font-weight: 600;
  padding: 3px 9px;
  border-radius: 9999px;
  background: var(--doc);
  color: var(--tinta-3);
  white-space: nowrap;
}

.di-parte[data-astro-cid-yukid7pc][data-fase="escribe"] .di-estado[data-astro-cid-yukid7pc] {
  background: #eef0ff;
  color: #4557c9;
}

.di-parte[data-astro-cid-yukid7pc][data-fase="revisar"] .di-estado[data-astro-cid-yukid7pc] {
  background: var(--amarillo-tint);
  color: var(--ocre);
}

.di-parte[data-astro-cid-yukid7pc][data-fase="editada"] .di-estado[data-astro-cid-yukid7pc], .di-parte[data-astro-cid-yukid7pc][data-fase="aceptada"] .di-estado[data-astro-cid-yukid7pc] {
  background: var(--exito-tint);
  color: var(--exito-texto);
}

.di-texto[data-astro-cid-yukid7pc] {
  min-height: 1.5em;
  line-height: 1.5;
}

.di-parte[data-astro-cid-yukid7pc][data-fase="cola"] .di-texto[data-astro-cid-yukid7pc] {
  display: none;
}

.di-texto[data-astro-cid-yukid7pc] mark {
  background: #fdeec2;
  border-radius: 3px;
  color: inherit;
}

.di-cursor[data-astro-cid-yukid7pc] {
  display: inline-block;
  width: 2px;
  height: 1em;
  vertical-align: -2px;
  margin-left: 1px;
  background: #5b6ee1;
  opacity: 0;
}

.di-parte[data-astro-cid-yukid7pc][data-fase="escribe"] .di-cursor[data-astro-cid-yukid7pc] {
  opacity: 1;
}

.di-parte[data-astro-cid-yukid7pc][data-fase="edita"] .di-cursor[data-astro-cid-yukid7pc] {
  opacity: 1;
  background: var(--tinta);
}

.di-acciones[data-astro-cid-yukid7pc] {
  display: none;
  gap: 6px;
}

.di-parte[data-astro-cid-yukid7pc][data-fase="revisar"] .di-acciones[data-astro-cid-yukid7pc], .di-parte[data-astro-cid-yukid7pc][data-fase="edita"] .di-acciones[data-astro-cid-yukid7pc] {
  display: flex;
}

.di-accion[data-astro-cid-yukid7pc] {
  font-family: var(--titulo);
  font-weight: 700;
  font-size: 12px;
  padding: 5px 10px;
  border-radius: 9px;
  border: 2px solid var(--borde-2);
  background: var(--superficie);
}

.di-si[data-astro-cid-yukid7pc] {
  background: var(--amarillo);
  border-color: var(--amarillo);
}

.di-toque[data-astro-cid-yukid7pc] {
  position: absolute;
  width: 30px;
  height: 30px;
  margin: -15px 0 0 -15px;
  border-radius: 9999px;
  background: #201c2b33;
  transform: scale(0);
  opacity: 0;
  pointer-events: none;
}

.di-toque[data-astro-cid-yukid7pc].pulsa {
  animation: .55s ease-out di-toque;
}

@keyframes di-toque {
  0% {
    transform: scale(.3);
    opacity: 1;
  }

  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
.hero-fondo[data-astro-cid-lcdefpme] {
  background: var(--amarillo-tint);
  padding-bottom: 120px;
}

.cabecera[data-astro-cid-lcdefpme] {
  height: 88px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.marca[data-astro-cid-lcdefpme] {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  font-family: var(--titulo);
  font-weight: 700;
  font-size: 24px;
  letter-spacing: -.02em;
}

.menu[data-astro-cid-lcdefpme] {
  display: flex;
  align-items: center;
  gap: 32px;
  font-size: 15px;
  font-weight: 500;
}

.menu[data-astro-cid-lcdefpme] a[data-astro-cid-lcdefpme]:not(.boton) {
  text-decoration: none;
}

.boton-menu[data-astro-cid-lcdefpme] {
  min-height: 46px;
  font-size: 15px;
  padding: 0 20px;
  border-radius: 14px;
}

.hero[data-astro-cid-lcdefpme] {
  padding-top: clamp(40px, 7vw, 96px);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 28px;
}

.hero-casa[data-astro-cid-lcdefpme] {
  width: var(--lys-tam);
  height: var(--lys-tam);
  flex-shrink: 0;
}

.hero[data-astro-cid-lcdefpme] h1[data-astro-cid-lcdefpme] {
  max-width: 1180px;
  font-size: clamp(44px, 6.4vw, 88px);
  line-height: .98;
  letter-spacing: -.045em;
}

.hero-texto[data-astro-cid-lcdefpme] {
  max-width: 720px;
  font-size: clamp(18px, 1.6vw, 21px);
  line-height: 1.5;
}

.hero-botones[data-astro-cid-lcdefpme] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
}

.hero-local[data-astro-cid-lcdefpme] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: -8px;
  padding: 8px 16px;
  border-radius: 9999px;
  background: var(--exito-tint);
  color: var(--tinta);
  font-size: 16px;
  font-weight: 500;
}

.hero-local[data-astro-cid-lcdefpme] svg[data-astro-cid-lcdefpme] {
  flex-shrink: 0;
  color: var(--exito);
}

@media (width <= 700px) {
  .hero-local[data-astro-cid-lcdefpme] {
    font-size: 14px;
    text-align: left;
    border-radius: 18px;
  }
}

.composicion[data-astro-cid-lcdefpme] {
  position: relative;
  margin-top: -80px;
}

.tableta[data-astro-cid-lcdefpme] {
  padding: clamp(8px, 1.2vw, 16px);
  background: var(--tinta);
  border-radius: 36px;
  box-shadow: 0 50px 90px -40px #201c2b99;
  overflow: hidden;
}

.tableta[data-astro-cid-lcdefpme] img[data-astro-cid-lcdefpme] {
  width: 100%;
  height: auto;
  border-radius: 24px;
}

.flota[data-astro-cid-lcdefpme] {
  position: absolute;
  animation: 6s ease-in-out infinite flota;
}

.flota-ficha[data-astro-cid-lcdefpme] {
  left: -2%;
  bottom: -8%;
  width: 34%;
  border-radius: 20px;
  overflow: hidden;
  border: 6px solid var(--superficie);
  box-shadow: 0 30px 60px -24px #201c2b80;
  rotate: -3deg;
}

.flota-ficha[data-astro-cid-lcdefpme] img[data-astro-cid-lcdefpme] {
  width: 100%;
  height: auto;
}

.flota-pildora[data-astro-cid-lcdefpme] {
  right: 4%;
  top: 10%;
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--exito-tint);
  color: var(--tinta);
  font-size: 16px;
  font-weight: 500;
  padding: 12px 20px;
  border-radius: 9999px;
  box-shadow: 0 16px 32px -18px #201c2b80;
  animation-delay: -3s;
  white-space: nowrap;
}

.flota-pildora[data-astro-cid-lcdefpme] svg[data-astro-cid-lcdefpme] {
  color: var(--exito);
}

@keyframes flota {
  0%, 100% {
    translate: 0;
  }

  50% {
    translate: 0 -10px;
  }
}

.frase[data-astro-cid-lcdefpme] {
  padding-top: var(--separa);
}

.frase[data-astro-cid-lcdefpme] p[data-astro-cid-lcdefpme] {
  max-width: 1120px;
  margin-inline: auto;
  font-family: var(--titulo);
  font-weight: 700;
  font-size: clamp(32px, 4.2vw, 60px);
  line-height: 1.12;
  letter-spacing: -.035em;
}

.frase[data-astro-cid-lcdefpme] .frase-nota[data-astro-cid-lcdefpme] {
  max-width: 720px;
  margin-top: 28px;
  font-family: var(--cuerpo);
  font-weight: 400;
  font-size: clamp(16px, 1.4vw, 19px);
  line-height: 1.5;
  letter-spacing: 0;
}

.escena[data-astro-cid-lcdefpme] {
  padding-top: var(--separa);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 64px;
}

.paso[data-astro-cid-lcdefpme] {
  min-height: 620px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 18px;
}

.paso[data-astro-cid-lcdefpme] h2[data-astro-cid-lcdefpme] {
  font-size: clamp(34px, 3.4vw, 50px);
  line-height: 1.05;
}

.paso[data-astro-cid-lcdefpme] p[data-astro-cid-lcdefpme] {
  font-size: 19px;
}

.paso-num[data-astro-cid-lcdefpme] {
  font-family: var(--titulo);
  font-weight: 700;
  font-size: 20px;
  color: var(--ocre);
}

.paso-movil[data-astro-cid-lcdefpme] {
  display: none;
}

.paso[data-astro-cid-lcdefpme] {
  min-width: 0;
}

.vista-hueco[data-astro-cid-lcdefpme] {
  width: 100%;
}

[data-astro-cid-lcdefpme][data-hueco-demo] {
  overflow: hidden;
  border-radius: 26px;
}

.pantalla[data-astro-cid-lcdefpme] {
  position: sticky;
  top: calc(50vh - 280px);
  height: 560px;
  border-radius: var(--radio);
  background: var(--amarillo-tint);
  overflow: hidden;
}

.vista[data-astro-cid-lcdefpme] {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
  opacity: 0;
  transform: translateY(16px) scale(.98);
  transition: opacity .45s, transform .45s;
}

.pantalla[data-astro-cid-lcdefpme][data-vista="1"] .vista-1[data-astro-cid-lcdefpme], .pantalla[data-astro-cid-lcdefpme][data-vista="2"] .vista-2[data-astro-cid-lcdefpme], .pantalla[data-astro-cid-lcdefpme][data-vista="3"] .vista-3[data-astro-cid-lcdefpme] {
  opacity: 1;
  transform: none;
}

.seccion-lysito[data-astro-cid-lcdefpme] {
  padding-top: 160px;
}

.lysito-caja[data-astro-cid-lcdefpme] {
  background: var(--amarillo-tint);
  border-radius: 48px;
  padding: clamp(56px, 7vw, 96px) clamp(24px, 6vw, 80px);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 32px;
}

.lysito-hueco[data-astro-cid-lcdefpme] {
  width: 260px;
  height: 260px;
}

.lysito-caja[data-astro-cid-lcdefpme] h2[data-astro-cid-lcdefpme] {
  max-width: 900px;
  font-size: clamp(36px, 4.2vw, 60px);
  line-height: 1.04;
  letter-spacing: -.04em;
}

.lysito-texto[data-astro-cid-lcdefpme] {
  max-width: 720px;
  font-size: 19px;
}

.dos-capas[data-astro-cid-lcdefpme] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  width: 100%;
  max-width: 1040px;
  margin-top: 16px;
  text-align: left;
}

.capa[data-astro-cid-lcdefpme] {
  background: var(--superficie);
  border-radius: 24px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.capa[data-astro-cid-lcdefpme] h3[data-astro-cid-lcdefpme] {
  font-size: 24px;
  letter-spacing: -.02em;
}

.capa-garantia[data-astro-cid-lcdefpme] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding-top: 6px;
  font-size: 15px;
  font-weight: 600;
  color: var(--exito-texto);
}

.capa-garantia[data-astro-cid-lcdefpme] svg[data-astro-cid-lcdefpme] {
  flex-shrink: 0;
  color: var(--exito);
}

.testimonio[data-astro-cid-lcdefpme] {
  padding-top: var(--separa);
}

.testimonio[data-astro-cid-lcdefpme] figure[data-astro-cid-lcdefpme] {
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 24px;
}

.testimonio[data-astro-cid-lcdefpme] blockquote[data-astro-cid-lcdefpme] {
  margin: 0;
  max-width: 1000px;
  font-family: var(--titulo);
  font-weight: 600;
  font-size: clamp(28px, 2.8vw, 40px);
  line-height: 1.2;
  letter-spacing: -.02em;
}

.testimonio[data-astro-cid-lcdefpme] figcaption[data-astro-cid-lcdefpme] {
  font-size: 16px;
  color: var(--tinta-3);
}

.precios[data-astro-cid-lcdefpme] {
  padding-top: var(--separa);
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.precios[data-astro-cid-lcdefpme] h2[data-astro-cid-lcdefpme] {
  font-size: clamp(36px, 4vw, 56px);
  line-height: 1.04;
}

.planes[data-astro-cid-lcdefpme] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.plan[data-astro-cid-lcdefpme] {
  background: var(--superficie);
  border: 2px solid var(--borde);
  border-radius: var(--radio);
  padding: 36px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.plan[data-astro-cid-lcdefpme] h3[data-astro-cid-lcdefpme] {
  font-size: 22px;
  letter-spacing: -.02em;
}

.plan-precio[data-astro-cid-lcdefpme] {
  font-family: var(--titulo);
  font-weight: 700;
  font-size: 52px;
  letter-spacing: -.03em;
  line-height: 1.1;
  white-space: nowrap;
}

.plan-precio[data-astro-cid-lcdefpme] span[data-astro-cid-lcdefpme] {
  font-size: 16px;
  font-weight: 500;
}

.plan[data-astro-cid-lcdefpme] .boton[data-astro-cid-lcdefpme] {
  margin-top: auto;
}

.plan-amarillo[data-astro-cid-lcdefpme] {
  background: var(--amarillo-tint);
  border-color: #0000;
}

.plan-oscuro[data-astro-cid-lcdefpme] {
  background: var(--tinta);
  color: var(--crema);
  border-color: #0000;
}

.plan-oscuro[data-astro-cid-lcdefpme] p[data-astro-cid-lcdefpme]:not(.plan-precio), .plan-oscuro[data-astro-cid-lcdefpme] .plan-precio[data-astro-cid-lcdefpme] span[data-astro-cid-lcdefpme] {
  color: #c9c4d6;
}

.final[data-astro-cid-lcdefpme] {
  margin-top: var(--separa);
  height: 1500px;
  view-timeline-name: --final;
}

.final-fijo[data-astro-cid-lcdefpme] {
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: hidden;
}

.final-circulo[data-astro-cid-lcdefpme] {
  position: absolute;
  inset: 0;
  background: var(--amarillo);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 28px;
  padding: 24px;
}

@supports (animation-timeline: view()) {
  .final-circulo[data-astro-cid-lcdefpme] {
    animation: linear both fv-circulo;
    animation-timeline: --final;
    animation-range: contain contain 60%;
  }
}

.final-hueco[data-astro-cid-lcdefpme] {
  width: 180px;
  height: 180px;
}

.final[data-astro-cid-lcdefpme] h2[data-astro-cid-lcdefpme] {
  max-width: 900px;
  font-size: clamp(44px, 5.6vw, 80px);
  line-height: 1;
  letter-spacing: -.045em;
}

.final[data-astro-cid-lcdefpme] p[data-astro-cid-lcdefpme] {
  font-size: 20px;
}

.pie[data-astro-cid-lcdefpme] {
  padding-block: 48px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 16px;
  font-size: 14px;
  color: var(--tinta-3);
}

.pie[data-astro-cid-lcdefpme] nav[data-astro-cid-lcdefpme] {
  display: flex;
  gap: 28px;
}

.pie[data-astro-cid-lcdefpme] a[data-astro-cid-lcdefpme] {
  text-decoration: none;
}

@media (width <= 900px) {
  .menu[data-astro-cid-lcdefpme] a[data-astro-cid-lcdefpme]:not(.boton) {
    display: none;
  }

  .escena[data-astro-cid-lcdefpme] {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }

  .pasos[data-astro-cid-lcdefpme] {
    min-width: 0;
  }

  .pantalla-columna[data-astro-cid-lcdefpme] {
    display: none;
  }

  .paso[data-astro-cid-lcdefpme] {
    min-height: 0;
    padding-block: 48px;
  }

  .paso-movil[data-astro-cid-lcdefpme] {
    display: block;
    margin-top: 8px;
  }

  .dos-capas[data-astro-cid-lcdefpme], .planes[data-astro-cid-lcdefpme] {
    grid-template-columns: 1fr;
  }

  .flota-ficha[data-astro-cid-lcdefpme] {
    width: 42%;
    bottom: -14%;
    border-width: 4px;
  }

  .flota-pildora[data-astro-cid-lcdefpme] {
    font-size: 13px;
    padding: 8px 12px;
    top: -6%;
  }

  .lysito-hueco[data-astro-cid-lcdefpme] {
    width: 200px;
    height: 200px;
  }
}