.vcr-wrap{position:relative}
.vcr-wrap .swiper{overflow:hidden;padding:20px 10px 50px}
.vcr-wrap .swiper-slide{height:auto;display:flex}
.vcr-card{position:relative;width:100%;display:flex;flex-direction:column;background:#fff;overflow:hidden;transition:all .3s ease}
.vcr-img{position:relative;overflow:hidden;border-bottom:4px solid transparent;transition:all .3s ease}
.vcr-img a,.vcr-img img{display:block;width:100%}
.vcr-img img{height:220px;object-fit:cover;transition:transform .5s ease}
.vcr-card:hover .vcr-img img{transform:scale(1.06)}
.vcr-img::after{content:"";position:absolute;inset:0;opacity:0;transition:opacity .3s ease;pointer-events:none}
.vcr-card:hover .vcr-img::after{opacity:1}
.vcr-content{position:relative;flex:1;display:flex;flex-direction:column}
.vcr-icon{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;flex-shrink:0}
.vcr-icon i{line-height:1}
.vcr-icon svg{width:1em;height:1em}
.vcr-num{position:absolute;right:20px;bottom:50px;line-height:1;pointer-events:none;transition:all .3s ease;z-index:0}
.vcr-title{position:relative;z-index:1;margin:0;transition:color .3s ease}
.vcr-title a{color:inherit;text-decoration:none}
.vcr-text{position:relative;z-index:1;margin:0}
.vcr-btn{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:all .3s ease;margin-top:auto}
.vcr-btn i,.vcr-btn svg{transition:transform .3s ease}
.vcr-btn svg{width:1em;height:1em}
.vcr-btn:hover i,.vcr-btn:hover svg{transform:translateX(4px)}
.vcr-arrow{position:absolute;top:50%;z-index:5;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:all .3s ease;transform:translateY(-50%)}
.vcr-arrow svg{width:1em;height:1em}
.vcr-prev{left:0}.vcr-next{right:0}
.vcr-arrow.swiper-button-disabled{opacity:.4;cursor:default}
.vcr-dots{position:absolute;left:0;right:0;bottom:10px;text-align:center;z-index:5}
.vcr-dots .swiper-pagination-bullet{opacity:1;margin:0 4px;transition:all .3s ease}
.vcr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.vcr-grid-item{display:flex;min-width:0}
@media(max-width:1024px){.vcr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media(max-width:767px){.vcr-grid{grid-template-columns:minmax(0,1fr);gap:15px}}
/* Hover premium (solo con la clase .vcr-hover-premium) */
.vcr-hover-premium{--vcr-accent:#0a84ff}
.vcr-hover-premium .vcr-card{transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s cubic-bezier(.2,.8,.2,1),background-color .3s ease;will-change:transform}
.vcr-hover-premium .vcr-card:hover{transform:translateY(-8px);box-shadow:0 2px 6px rgba(15,42,92,.06),0 18px 36px -8px rgba(15,42,92,.18),0 36px 70px -20px rgba(10,132,255,.28)}
.vcr-hover-premium .vcr-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--vcr-accent),color-mix(in srgb,var(--vcr-accent) 55%,#fff));transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.2,.8,.2,1);z-index:4;pointer-events:none}
.vcr-hover-premium .vcr-card:hover::after{transform:scaleX(1)}
.vcr-hover-premium .vcr-img img{transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.vcr-hover-premium .vcr-card:hover .vcr-img img{transform:scale(1.09)}
.vcr-hover-premium .vcr-img::before{content:"";position:absolute;top:0;bottom:0;left:0;width:55%;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.38) 50%,transparent 100%);transform:translateX(-130%) skewX(-18deg);z-index:2;pointer-events:none}
.vcr-hover-premium .vcr-card:hover .vcr-img::before{transform:translateX(260%) skewX(-18deg);transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.vcr-hover-premium .vcr-icon{transition:transform .5s cubic-bezier(.34,1.56,.64,1),background-color .3s ease,color .3s ease,box-shadow .3s ease}
.vcr-hover-premium .vcr-card:hover .vcr-icon{transform:translateY(-5px) scale(1.1) rotate(-6deg);box-shadow:0 10px 24px -6px color-mix(in srgb,var(--vcr-accent) 55%,transparent)}
.vcr-hover-premium .vcr-num{transition:transform .6s cubic-bezier(.2,.8,.2,1),color .3s ease}
.vcr-hover-premium .vcr-card:hover .vcr-num{transform:translateY(-8px) scale(1.06)}
.vcr-hover-premium .vcr-btn>span{background:linear-gradient(currentColor,currentColor) left bottom/0 2px no-repeat;padding-bottom:2px;transition:background-size .45s cubic-bezier(.2,.8,.2,1)}
.vcr-hover-premium .vcr-btn:hover>span,.vcr-hover-premium .vcr-card:hover .vcr-btn>span{background-size:100% 2px}
.vcr-hover-premium .vcr-btn:hover i,.vcr-hover-premium .vcr-btn:hover svg{transform:translateX(7px)}
@media(hover:none){.vcr-hover-premium .vcr-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.vcr-hover-premium .vcr-card,.vcr-hover-premium .vcr-card *,.vcr-hover-premium .vcr-card::after{transition:none!important}.vcr-hover-premium .vcr-img::before{display:none}}