.carousel-contenedor{position:relative;overflow:hidden;border-radius:12px;background-color:#0f172a;aspect-ratio:775 / 360;width:100%;min-height:160px;border:1px solid #e2e8f0;container-type:inline-size}.carousel-pistas{display:flex;transition:transform .5s ease-in-out;height:100%}.carousel-diapositiva{min-width:100%;height:100%;position:relative;padding:clamp(16px,4cqw,44px);display:flex;flex-direction:column;justify-content:flex-end}.carousel-fondo{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat}.carousel-gradiente{position:absolute;left:0;right:0;bottom:0;height:50%;z-index:1;background:linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,.4),transparent);pointer-events:none}.carousel-enlace{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(16px,4cqw,44px);text-decoration:none}.carousel-titulo{font-size:clamp(1rem,3.1cqw,2rem);line-height:1.2;font-weight:700;color:#fff;margin:0;z-index:2}.carousel-descripcion{color:#f3f4f6;margin:clamp(2px,.5cqw,6px) 0 0 0;font-size:clamp(.875rem,2.1cqw,1.25rem);font-weight:400;z-index:2}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:20;background-color:#ffffff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;padding:clamp(6px,2cqw,22px);border-radius:50%;border:none;cursor:pointer;opacity:0;display:flex;align-items:center;justify-content:center;transition:all .2s}.carousel-btn svg{width:clamp(12px,2cqw,22px);height:clamp(12px,2cqw,22px)}.carousel-btn:hover{background-color:#fff3}.carousel-contenedor:hover .carousel-btn{opacity:1}.carousel-btn-anterior{left:16px}.carousel-btn-siguiente{right:16px}.carousel-indicadores{position:absolute;bottom:16px;left:50%;transform:translate(-50%);z-index:20;display:flex;gap:8px}.carousel-indicador{height:8px;border-radius:9999px;border:none;cursor:pointer;padding:0;transition:all .2s;background-color:#ffffff80;width:8px}.carousel-indicador:hover{background-color:#ffffffbf}.carousel-indicador.activo{width:32px;background-color:#fff}@keyframes carousel-pulse{50%{opacity:.5}}.carousel-esqueleto{position:relative;overflow:hidden;border-radius:12px;border:1px solid #e2e8f0;aspect-ratio:775 / 360;width:100%;min-height:160px;background-color:#cacaca;animation:carousel-pulse 1.8s ease-in-out infinite}.carousel-esqueleto-gradiente{position:absolute;left:0;right:0;bottom:0;height:40%;background:linear-gradient(to top,rgba(0,0,0,.45),transparent)}.carousel-esqueleto-contenido{position:absolute;bottom:28px;left:32px;right:32px;display:flex;flex-direction:column;gap:10px}.carousel-esqueleto-titulo{height:40px;width:45%;border-radius:6px;background-color:#ffffff26;margin-bottom:15px}.carousel-esqueleto-descripcion-primera-linea{height:14px;width:80%;border-radius:6px;background-color:#ffffff1a}.carousel-esqueleto-descripcion{height:14px;width:40%;border-radius:6px;background-color:#ffffff1a;margin-bottom:24px}.carousel-esqueleto-indicadores{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px}.carousel-esqueleto-punto{height:8px;border-radius:9999px;background-color:#fff3}.carousel-esqueleto-punto:first-child{width:32px}.carousel-esqueleto-punto:not(:first-child){width:8px}@media(min-width:640px){.carousel-esqueleto-contenido{left:32px;right:32px}}@media(min-width:1024px){.carousel-esqueleto-contenido{left:40px;right:40px}}