.cpag-wrap{width:100%}
.cpag-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.cpag-item{display:flex;flex-direction:column;background:#fff;overflow:hidden;box-sizing:border-box}
.cpag-img{display:block;position:relative;overflow:hidden;line-height:0}
.cpag-img img{display:block;width:100%;height:220px;object-fit:cover}
.cpag-img .cpag-img-hover{position:absolute;top:0;left:0;opacity:0;transition:opacity .4s ease}
.cpag-img:hover .cpag-img-hover{opacity:1}
a.cpag-img{cursor:pointer}
.cpag-cuerpo{display:flex;flex-direction:column;flex:1;padding-top:12px}
.cpag-titulo{margin:0 0 6px;font-size:18px;line-height:1.3}
.cpag-desc{margin:0 0 10px;font-size:14px;line-height:1.5}
.cpag-precio{margin:auto 0 12px;font-size:18px;font-weight:700}
.cpag-nav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:30px}
.cpag-nav button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 6px;border:0;border-radius:50%;background:transparent;color:#000;cursor:pointer;font-size:18px;font-weight:500;line-height:1;transition:background-color .2s,color .2s}
.cpag-nav button:hover:not(.cpag-activo){background:rgba(0,0,0,.06)}
.cpag-nav button.cpag-activo{background:#000;color:#fff;cursor:default}
.cpag-nav button.cpag-ultimo{color:#8a8a8a}
.cpag-nav button svg{display:block}
.cpag-nav .cpag-puntos{display:inline-flex;align-items:center;justify-content:center;min-width:32px;color:#000;font-size:18px}
.cpag-oculto{display:none !important}
@media(max-width:1024px){.cpag-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.cpag-grid{grid-template-columns:minmax(0,1fr)}}