/* CambiosPay Reseñas 2 — sin fuentes ni librerías externas. Usa los tokens del tema si existen. Móvil primero. */
.cpr,.cpr-float,.cpr-badge{--cpr-navy:var(--cp-navy,#011E48);--cpr-blue:var(--cp-blue,#0744C1);--cpr-sky:var(--cp-sky,#1D9EDF);--cpr-yellow:var(--cp-yellow,#FFC300);--cpr-ink:var(--cp-ink,#2C2F38);--cpr-muted:var(--cp-muted,#5B6475);--cpr-line:var(--cp-line,#DCE6EF);--cpr-soft:var(--cp-soft,#F3F7FB);--cpr-star:#FBBC04;--cpr-star-off:#D5DCE6;--cpr-card:#fff;--cpr-radius:22px;--cpr-gap:16px;--cpr-head:var(--cp-head,inherit)}
.cpr{position:relative;display:grid;gap:20px;color:var(--cpr-ink);text-align:left}
.cpr *,.cpr *::before,.cpr *::after,.cpr-float *{box-sizing:border-box}
.cpr p{margin:0}
.cpr p,.cpr .cpr-summary>*{margin-inline:0!important}
.cpr-ico{flex:none;display:block}

/* Estrellas: una máscara repetida; admite decimales (--cpr-v). */
.cpr-stars{--s:17px;display:inline-block;flex:none;width:calc(var(--s)*5);height:var(--s);background:linear-gradient(90deg,var(--cpr-star) var(--cpr-v,100%),var(--cpr-star-off) 0);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.2l2.95 6.2 6.8.82-5 4.7 1.3 6.75L12 17.3l-6.05 3.37 1.3-6.75-5-4.7 6.8-.82z'/%3E%3C/svg%3E") 0 0/var(--s) var(--s) repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.2l2.95 6.2 6.8.82-5 4.7 1.3 6.75L12 17.3l-6.05 3.37 1.3-6.75-5-4.7 6.8-.82z'/%3E%3C/svg%3E") 0 0/var(--s) var(--s) repeat-x}
.cpr-stars--lg{--s:22px}

/* Avatares: iniciales de fondo y foto encima (si falla la foto, quedan las iniciales). */
.cpr-avatar{--a:44px;position:relative;flex:none;display:grid;place-items:center;width:var(--a);height:var(--a);border-radius:50%;overflow:hidden;color:#fff;font-weight:800;font-size:calc(var(--a)*.34);letter-spacing:.02em;background:var(--cpr-blue)}
.cpr-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cpr-avatar--1{background:linear-gradient(135deg,#1D9EDF,#0B6FB0)}.cpr-avatar--2{background:linear-gradient(135deg,#0744C1,#011E48)}.cpr-avatar--3{background:linear-gradient(135deg,#13B78E,#0A7F6F)}.cpr-avatar--4{background:linear-gradient(135deg,#7C4DDB,#4B22A8)}.cpr-avatar--5{background:linear-gradient(135deg,#F08A24,#D35D0E)}.cpr-avatar--0{background:linear-gradient(135deg,#2F6BE6,#0744C1)}

/* Tarjeta resumen ------------------------------------------------------- */
.cpr-summary{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;gap:14px;padding:20px 22px;border-radius:var(--cpr-radius);color:#fff;background:radial-gradient(120% 90% at 100% 0,rgba(29,158,223,.5),transparent 62%),linear-gradient(155deg,#0A4FD6 0%,#0744C1 30%,#011E48 100%);box-shadow:0 22px 44px -22px rgba(1,30,72,.6)}
.cpr-summary__label{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.82)}
.cpr-summary__score{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px 14px}
.cpr-summary__score .cpr-big{grid-row:1/3}
.cpr-summary__stars{display:contents}
.cpr-summary__stars .cpr-stars{align-self:end}
.cpr-summary__count{align-self:start}
.cpr-summary__count{font-size:14.5px;line-height:1.3;color:rgba(255,255,255,.85)}
.cpr-summary__count strong{color:#fff;font-weight:800}
.cpr-summary__cta{display:flex;flex-direction:column;gap:10px}
.cpr-summary__cta .cpr-cta{width:100%}
.cpr-summary__write{font-size:13.5px;line-height:1.4;text-align:center;text-wrap:balance;color:rgba(255,255,255,.72)}
.cpr-summary__write a{color:#fff!important;font-weight:700;text-decoration:underline!important;text-decoration-color:rgba(255,195,0,.8)!important;text-underline-offset:3px}
.cpr-summary__write a:hover{color:var(--cpr-yellow)!important}
.cpr-summary::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1.6px);background-size:14px 14px;-webkit-mask-image:linear-gradient(200deg,#000 0,transparent 55%);mask-image:linear-gradient(200deg,#000 0,transparent 55%)}
.cpr-summary::after{content:"";position:absolute;z-index:-1;right:-60px;bottom:-80px;width:220px;height:220px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,195,0,.22),transparent)}
.cpr-summary__label .cpr-ico{width:16px;height:16px;color:var(--cpr-yellow)}
.cpr-big{font-family:var(--cpr-head);font-size:56px;font-weight:800;line-height:.85;letter-spacing:-.03em}
.cpr-summary .cpr-stars{--cpr-star-off:rgba(255,255,255,.25)}

/* Botones */
.cpr-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 14px;border-radius:999px;border:1.5px solid transparent;font:inherit;font-size:14.5px;font-weight:800;line-height:1.15;text-align:center;text-decoration:none!important;cursor:pointer;transition:transform .15s ease,background-color .15s ease,box-shadow .15s ease}
.cpr-cta .cpr-ico{width:17px;height:17px}
.cpr-cta--primary{background:var(--cpr-yellow);color:var(--cpr-navy)!important;box-shadow:0 8px 18px -8px rgba(255,195,0,.7)}
.cpr-cta--primary:hover{transform:translateY(-1px);background:#FFCF33}
.cpr-cta--ghost{border-color:rgba(255,255,255,.45);color:#fff!important;background:rgba(255,255,255,.06)}
.cpr-cta--ghost:hover{background:rgba(255,255,255,.14)}
.cpr-cta--soft{border-color:var(--cpr-line);background:#fff;color:var(--cpr-navy)!important;padding-inline:22px}
.cpr-cta--soft:hover{background:#EEF3FB}
.cpr-cta:focus-visible,.cpr-btn:focus-visible,.cpr-more:focus-visible{outline:2px solid var(--cpr-sky);outline-offset:3px}

/* Pista de tarjetas ----------------------------------------------------- */
.cpr-main{min-width:0;display:flex;flex-direction:column;gap:10px}
.cpr-track{list-style:none;margin:0;padding:0}
.cpr-item{margin:0;padding:0;min-width:0}
.cpr-item[hidden]{display:none!important}
.cpr--carrusel .cpr-track{display:grid;grid-auto-flow:column;grid-auto-columns:86%;gap:var(--cpr-gap);padding:4px 2px 14px;margin:-4px -2px 0;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:2px;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.cpr--carrusel .cpr-track::-webkit-scrollbar{display:none}
.cpr--carrusel .cpr-track:focus-visible{outline:2px solid var(--cpr-sky);outline-offset:2px;border-radius:var(--cpr-radius)}
.cpr--carrusel .cpr-track{align-items:start;overflow-y:hidden;transition:height .25s ease}
.cpr--carrusel .cpr-card{min-height:var(--cpr-row,0px)}
.cpr--carrusel .cpr-item{scroll-snap-align:start;display:flex}
.cpr--cuadricula .cpr-track{columns:1;column-gap:var(--cpr-gap)}
.cpr--cuadricula .cpr-item{break-inside:avoid;margin-bottom:var(--cpr-gap)}
.cpr--lista .cpr-track{display:grid;gap:var(--cpr-gap)}

/* Tarjeta de reseña ----------------------------------------------------- */
.cpr-card{position:relative;display:flex;flex-direction:column;gap:12px;width:100%;padding:20px 20px 18px;background:var(--cpr-card);border:1px solid var(--cpr-line);border-radius:var(--cpr-radius);box-shadow:0 1px 2px rgba(1,30,72,.04),0 14px 30px -18px rgba(1,30,72,.22);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.cpr-card::before{content:"";position:absolute;top:16px;right:18px;width:34px;height:26px;background:#E3ECFB;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 26'%3E%3Cpath d='M0 26V15.6C0 6.9 4.6 1.7 13.2 0l1.6 3.9C10.3 5.4 8 8.3 7.8 12.2H14V26H0Zm19.2 0V15.6C19.2 6.9 23.8 1.7 32.4 0L34 3.9c-4.5 1.5-6.8 4.4-7 8.3h6.2V26H19.2Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 26'%3E%3Cpath d='M0 26V15.6C0 6.9 4.6 1.7 13.2 0l1.6 3.9C10.3 5.4 8 8.3 7.8 12.2H14V26H0Zm19.2 0V15.6C19.2 6.9 23.8 1.7 32.4 0L34 3.9c-4.5 1.5-6.8 4.4-7 8.3h6.2V26H19.2Z'/%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none}
@media (hover:hover){.cpr-card:hover{transform:translateY(-3px);border-color:#C9D8EC;box-shadow:0 1px 2px rgba(1,30,72,.05),0 22px 40px -20px rgba(1,30,72,.3)}}
.cpr-card__head{display:flex;align-items:center;gap:12px;padding-right:38px;min-width:0}
.cpr-who{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.cpr-name{font-weight:800;color:var(--cpr-navy);font-size:15.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cpr-name a{color:inherit!important;text-decoration:none!important}
.cpr-name a:hover{text-decoration:underline!important}
.cpr-when{font-size:13px;color:var(--cpr-muted)}
.cpr-rate{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px}
.cpr-verified{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:700;color:var(--cpr-blue)}
.cpr-verified .cpr-ico{width:16px;height:16px;fill:#E3ECFB}
.cpr-text{flex:1;font-size:15.5px;line-height:1.62;color:var(--cpr-ink)}
.cpr-text p,.cpr-reply__text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--cpr-lines,5);overflow:hidden;overflow-wrap:anywhere}
.cpr-reply__text{-webkit-line-clamp:3}
.is-open>p:not(.cpr-reply__who){-webkit-line-clamp:unset;display:block}
.cpr-more{align-self:flex-start;margin:-6px 0 0;padding:4px 0;border:0;background:none;color:var(--cpr-blue);font:inherit;font-size:14px;font-weight:800;cursor:pointer}
.cpr-reply .cpr-more{margin:4px 0 0}
.cpr-reply{padding:12px 14px;border-radius:14px;background:var(--cpr-soft);border:1px solid #E4ECF6;font-size:14px;line-height:1.55;color:var(--cpr-ink)}
.cpr-reply__who{display:flex;align-items:center;gap:6px;margin-bottom:4px!important;font-weight:800;font-size:13px;color:var(--cpr-navy)}
.cpr-reply__who .cpr-ico{width:15px;height:15px;color:var(--cpr-blue)}

/* Navegación del carrusel */
.cpr-nav{display:flex;align-items:center;gap:14px}
.cpr-nav[hidden]{display:none}
.cpr-btn{flex:none;display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid var(--cpr-line);background:#fff;color:var(--cpr-navy);cursor:pointer;box-shadow:0 4px 12px -6px rgba(1,30,72,.25);transition:background-color .15s ease,opacity .15s ease,transform .15s ease}
.cpr-btn:hover:not(:disabled){background:var(--cpr-navy);color:#fff;border-color:var(--cpr-navy)}
.cpr-btn:disabled{opacity:.35;cursor:default;box-shadow:none}
.cpr-progress{flex:1;height:4px;border-radius:4px;background:var(--cpr-line);overflow:hidden}
.cpr-progress span{display:block;width:var(--cpr-w,30%);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cpr-blue),var(--cpr-sky));transform:translateX(var(--cpr-x,0%));transition:transform .2s ease-out}
.cpr-more-wrap{text-align:center}
.cpr-attrib{font-size:12.5px;color:var(--cpr-muted);text-align:right}
.cpr-empty{padding:16px;border:1px dashed var(--cpr-line);border-radius:14px;color:var(--cpr-muted);background:#fff}

/* Tablet y escritorio ---------------------------------------------------- */
@media (min-width:600px){
	.cpr-summary{display:grid;grid-template-columns:1fr minmax(220px,auto);align-items:center;gap:12px 24px;padding:22px 26px}
	.cpr-summary__label{grid-column:1/-1}
	.cpr-summary__cta{grid-column:2;grid-row:2}
	.cpr--carrusel .cpr-track{grid-auto-columns:calc((100% - var(--cpr-gap))/2)}
	.cpr--cuadricula .cpr-track{columns:2}
}
@media (min-width:960px){
	.cpr--carrusel .cpr-track{grid-auto-columns:calc((100% - 2*var(--cpr-gap))/3)}
	.cpr-summary{padding:22px 30px}
	.cpr--cuadricula .cpr-track{columns:3}
}

/* Tema oscuro (para secciones con fondo azul) */
.cpr--oscuro{--cpr-card:rgba(255,255,255,.06);--cpr-line:rgba(255,255,255,.14);--cpr-ink:rgba(255,255,255,.9);--cpr-muted:rgba(255,255,255,.65);--cpr-soft:rgba(255,255,255,.06)}
.cpr--oscuro .cpr-name,.cpr--oscuro .cpr-reply__who{color:#fff}
.cpr--oscuro .cpr-card::before{background:rgba(255,255,255,.1)}
.cpr--oscuro .cpr-verified,.cpr--oscuro .cpr-more,.cpr--oscuro .cpr-reply__who .cpr-ico{color:var(--cpr-yellow)}
.cpr--oscuro .cpr-reply{border-color:rgba(255,255,255,.1)}

/* Insignia (en línea y flotante) ---------------------------------------- */
.cpr-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:999px;background:#fff;border:1px solid var(--cpr-line,#DCE6EF);color:var(--cpr-navy,#011E48)!important;text-decoration:none!important;box-shadow:0 10px 24px -14px rgba(1,30,72,.45);line-height:1.2;transition:transform .15s ease}
.cpr-badge:hover{transform:translateY(-1px)}
.cpr-badge__pin{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(155deg,#0744C1,#011E48);color:var(--cpr-yellow,#FFC300)}
.cpr-badge__pin .cpr-ico{width:18px;height:18px}
.cpr-badge__body{display:flex;flex-direction:column;gap:3px}
.cpr-badge__top{display:flex;align-items:center;gap:7px}
.cpr-badge__top strong{font-size:17px;font-weight:800}
.cpr-badge .cpr-stars{--s:14px}
.cpr-badge__sub{font-size:12.5px;color:var(--cpr-muted,#5B6475)}
.cpr-float{position:fixed;z-index:9990;bottom:calc(16px + env(safe-area-inset-bottom,0px));display:flex;align-items:flex-start;animation:cpr-in .35s ease-out both}
.cpr-float[hidden]{display:none}
.cpr-float--izquierda{left:16px}.cpr-float--derecha{right:16px}
.cpr-float__close{margin:-6px 0 0 -12px;display:grid;place-items:center;width:24px;height:24px;padding:0;border-radius:50%;border:1px solid var(--cpr-line);background:#fff;color:var(--cpr-muted);cursor:pointer;box-shadow:0 2px 6px rgba(1,30,72,.15)}
.cpr-float__close .cpr-ico{width:13px;height:13px}
@keyframes cpr-in{from{opacity:0;transform:translateY(10px)}}
@media (max-width:599px){.cpr-badge--float{padding:6px 12px 6px 6px}.cpr-badge--float .cpr-badge__pin{width:32px;height:32px}.cpr-badge--float .cpr-badge__sub{display:none}}

@media (prefers-reduced-motion:reduce){.cpr *,.cpr-float{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Integración con el tema CambiosPay: con el resumen del plugin sobran la píldora de nota y el botón propio de la sección. */
.cp-section:has(.cpr--con-resumen) .cp-rating,.cp-reviews:has(.cpr--con-resumen)+.wp-block-buttons{display:none!important}
