/* Cambio 45 · Premio Andino Mercedario: píldora debajo de "Reseñas verificadas", mismo ancho */
#experiencia>.rp-premio{grid-column:1;grid-row:2;align-self:start}
#experiencia:has(>.rp-premio){row-gap:10px}
.rp-premio{position:relative;display:flex;align-items:center;gap:10px;box-sizing:border-box;width:100%;padding:7px 16px 7px 10px;border-radius:16px;overflow:hidden;border:1px solid rgba(255,212,0,.45);background:linear-gradient(145deg,rgba(255,212,0,.12),rgba(255,255,255,.03));box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.rp-premio::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,236,150,.16) 50%,transparent 65%);transform:translateX(-100%);animation:rpBrillo 6s ease-in-out 1.5s infinite;pointer-events:none}
.rp-laurel{flex:none;width:34px;height:34px;fill:none;stroke:#ffd400;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rp-laurel text{fill:#ffd400;stroke:none;font:800 22px 'Barlow Condensed',Manrope,sans-serif}
.rp-premio-txt{display:flex;flex-direction:column;gap:1px;min-width:0;line-height:1.1}
.rp-premio-k{font:800 8.5px Manrope,system-ui,sans-serif;letter-spacing:1.6px;text-transform:uppercase;color:#ffd400}
.rp-premio-txt strong{font:800 15px/1.05 'Barlow Condensed',Manrope,sans-serif;letter-spacing:.5px;text-transform:uppercase;color:#fff}
.rp-premio-txt em{font:600 10.5px Manrope,system-ui,sans-serif;font-style:normal;color:#c3cbd3}
@keyframes rpBrillo{0%,70%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
@media (prefers-reduced-motion:reduce){.rp-premio::after{animation:none;display:none}}
/* Cambio 46 · en pantallas chicas la píldora va abajo, a lo ancho, debajo de reseñas y redes */
@media (max-width:1050px){#experiencia:has(>.rp-premio){flex-wrap:wrap;row-gap:12px}#experiencia>.rp-premio{grid-column:1/-1;grid-row:auto;order:9;flex:1 1 100%;align-self:auto;justify-content:center}}
/* Cambio 47 · celular: cuadro de reseñas compacto en 2 líneas
   arriba: "Reseñas verificadas ★★★★★" ··· Facebook/Instagram | abajo: "4,7 · 515 en Google" ··· premio fino */
@media (max-width:760px){
#experiencia:has(>.rp-premio){display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"t t soc" "g prem prem";align-items:center;gap:8px 10px!important;padding:10px 12px!important}
#experiencia:has(>.rp-premio)>#resenas{display:contents!important}
#experiencia:has(>.rp-premio)>#resenas>span{grid-area:t;display:flex;align-items:center;gap:6px;font-size:9.5px!important;letter-spacing:1.3px;white-space:nowrap;min-width:0;overflow:hidden}
#experiencia:has(>.rp-premio)>#resenas>b,#experiencia:has(>.rp-premio)>#resenas>em{display:none!important}
#experiencia:has(>.rp-premio)>#resenas>span::after{content:"★★★★★";color:#ffd400;letter-spacing:1px;font-size:11px}
#experiencia:has(>.rp-premio)>#resenas>strong{grid-area:g;font-size:12.5px!important;white-space:nowrap;color:#fff}
#experiencia:has(>.rp-premio)>.rep-social{grid-area:soc;justify-self:end;display:flex!important;gap:8px}
#experiencia:has(>.rp-premio)>.rep-social a{width:32px!important;height:32px!important;min-width:0!important;border-radius:10px!important}
#experiencia:has(>.rp-premio)>.rep-social svg{width:16px;height:16px}
#experiencia:has(>.rp-premio)>div{display:none!important}
#experiencia>.rp-premio{grid-area:prem!important;order:0!important;flex:none!important;justify-self:end;width:auto!important;max-width:100%;padding:4px 10px 4px 5px;gap:6px;border-radius:11px;justify-content:flex-start!important}
#experiencia>.rp-premio .rp-laurel{width:24px;height:24px}
#experiencia>.rp-premio .rp-premio-k{font-size:6.5px;letter-spacing:.5px;white-space:nowrap}
#experiencia>.rp-premio strong{font-size:12px;white-space:nowrap}
#experiencia>.rp-premio em{display:none}
}
/* Cambio 51 · iPhone/Safari: que el cuadro de reseñas nunca empuje la página más ancha que la pantalla */
@media (max-width:760px){#experiencia:has(>.rp-premio){overflow:hidden;max-width:100%;box-sizing:border-box;grid-template-columns:minmax(0,auto) minmax(0,1fr) auto}#experiencia>.rp-premio,#experiencia>.rp-premio .rp-premio-txt,#experiencia:has(>.rp-premio)>#resenas>strong{min-width:0;overflow:hidden}#experiencia>.rp-premio strong,#experiencia>.rp-premio .rp-premio-k{overflow:hidden;text-overflow:ellipsis}.rp-cinta{max-width:calc(100vw - 24px)}}
