/* LAZOStv · Vitrina de cursos — colores del tema LAZOStv, con valores propios si se usa otro tema */
.ltvv{--v-azul:var(--marian,#2350C8);--v-azul-suave:var(--marian-soft,#E4EBFC);--v-texto:var(--fg,#111833);--v-gris:var(--muted,#566080);--v-linea:var(--line,#DDE2EE);--v-blanco:var(--surface,#fff);
  position:relative;overflow:hidden;margin:18px 0 40px;padding:6px 0 14px;
  /* los bordes se desvanecen para que los cursos entren y salgan suavemente */
  -webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}
/* Dentro de una columna de texto angosta, la vitrina usa el ancho completo de la página */
.ltv-content .ltvv{margin-inline:calc(50% - min(50vw - 16px, 570px))}
.ltv-content-full .ltvv,.ltv-content-wide .ltvv{margin-inline:0}

.ltvv-pista{display:flex;gap:18px;width:max-content;list-style:none;margin:0;padding:0;animation:ltvv-pasar var(--ltvv-dur,60s) linear infinite}
.ltvv:hover .ltvv-pista,.ltvv:focus-within .ltvv-pista{animation-play-state:paused}
@keyframes ltvv-pasar{to{transform:translateX(calc(-50% - 9px))}}

.ltvv-item{flex:none;width:230px;margin:0;display:flex;flex-direction:column;background:var(--v-blanco);border:1px solid var(--v-linea);border-radius:16px;overflow:hidden;transition:transform .25s,box-shadow .25s}
.ltvv-item:hover{transform:translateY(-4px);box-shadow:0 24px 40px -28px rgba(11,17,38,.5)}
.ltvv-img{display:block;aspect-ratio:1;overflow:hidden;background:var(--v-azul-suave)}
.ltvv-img img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0!important;transition:transform .5s}
.ltvv-item:hover .ltvv-img img{transform:scale(1.04)}
.ltvv-cuerpo{display:flex;flex-direction:column;gap:8px;padding:14px 16px 16px;flex:1;text-align:left}
.ltvv-cat{font:600 .66rem/1.3 var(--f-body,inherit);letter-spacing:.1em;text-transform:uppercase;color:var(--v-azul)}
.ltvv-nombre{font:600 .93rem/1.3 var(--f-body,inherit);color:var(--v-texto)!important;text-decoration:none!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ltvv-nombre:hover{color:var(--v-azul)!important}
.ltvv-precio{font-weight:700;color:var(--v-azul);font-size:.95rem;margin-top:auto}
.ltvv-precio del{color:var(--v-gris);font-weight:500;margin-right:4px}
.ltvv-precio ins{text-decoration:none}
.ltvv-precio .ltv-conv{display:block}
.ltvv .ltvv-boton{display:inline-flex!important;align-items:center;justify-content:center;width:100%;margin:4px 0 0!important;padding:11px 14px!important;border-radius:999px!important;border:0!important;
  background:var(--v-azul)!important;color:#fff!important;font:600 .85rem/1 var(--f-body,inherit)!important;text-decoration:none!important;transition:background .2s}
.ltvv .ltvv-boton:hover{background:var(--marian-dark,#183A9C)!important}
.ltvv .ltvv-boton.loading{opacity:.6}
.ltvv .ltvv-boton.added::after{content:" ✓"}
.ltvv .added_to_cart{display:block;text-align:center;font-size:.82rem;font-weight:600;margin-top:6px;color:var(--v-azul)}

/* El título que va justo antes ("ACCEDE A NUESTROS CURSOS DE FORMACIÓN:") */
p:has(+ .ltvv){font:600 .78rem/1.3 var(--f-body,inherit);letter-spacing:.14em;text-transform:uppercase;color:var(--marian,#2350C8);margin:44px 0 0}
p:has(+ .ltvv) strong{font-weight:600}
p:has(+ .ltvv) br{display:none}

@media (max-width:560px){.ltvv-item{width:190px}}
/* Sin animaciones: se recorre con el dedo o la barra */
@media (prefers-reduced-motion:reduce){
  .ltvv{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
  .ltvv-pista{animation:none}
  .ltvv-item[aria-hidden="true"]{display:none}
}