/* Estilos SOLO para la sección de valoraciones (no afecta al resto de la web) */
#opiniones .rs-stars{color:#facc15;letter-spacing:.12em;white-space:nowrap}
#opiniones .rs-stars .off{opacity:.25}
#rs-lista{columns:18rem;column-gap:1.2rem}
#rs-lista article{break-inside:avoid;margin-bottom:1.2rem;padding:1.4rem;border:1px solid rgba(255,255,255,.12)}
#rs-lista q{display:block;margin:.8rem 0 1rem;quotes:none;font-size:1rem}
#rs-lista small{opacity:.6;display:block}
#rs-lista .ok{color:#86efac;font-size:.75rem;font-weight:600}
#rs-modal form{display:grid;gap:1rem}
#rs-modal label.t{display:grid;gap:.35rem;font-size:.9rem;font-weight:600;color:#fff}
#rs-modal input[type=text],#rs-modal textarea{width:100%;padding:.8rem 1rem;border-radius:.9rem;border:1px solid rgba(255,255,255,.2);background:#000;color:#fff;font:inherit;font-weight:400}
#rs-modal textarea{min-height:7rem}
#rs-modal input:focus,#rs-modal textarea:focus{outline:2px solid #facc15}
.rs-rate{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:.2rem;border:0;padding:0;margin:0}
.rs-rate input{position:absolute;opacity:0}
.rs-rate label{font-size:2.2rem;line-height:1;color:rgba(255,255,255,.22);cursor:pointer}
.rs-rate label:hover,.rs-rate label:hover~label,.rs-rate input:checked~label{color:#facc15}
.rs-rate input:focus-visible+label{outline:2px solid #facc15;border-radius:.3rem}
#rs-msg{display:none;padding:.8rem 1rem;border-radius:.9rem;font-size:.95rem}
#rs-msg.ok{display:block;background:rgba(34,197,94,.18);border:1px solid #22c55e}
#rs-msg.err{display:block;background:rgba(239,68,68,.18);border:1px solid #ef4444}
.rs-hp{position:absolute;left:-9999px}

/* Contador de personas */
#rs-contador .rs-contador-num{font-size:5rem;font-weight:800;line-height:1;color:#facc15;font-variant-numeric:tabular-nums;display:flex;justify-content:center}
#rs-contador .rs-contador-txt{font-size:1.5rem;font-weight:700;margin-top:.4rem}
#rs-contador .rs-contador-sub{opacity:.7;margin-top:.3rem}
#rs-media-box strong{font-size:1.2rem}

/* Marcas de calidad (carrusel de derecha a izquierda) */
#marcas-texto .title{font-size:2rem;line-height:1.2}
#marcas{margin-top:0;text-align:center}
#marcas .mq-viewport{overflow:hidden;padding:1rem 0;-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}
#marcas .mq-track{display:flex;width:max-content;animation:mq-scroll 40s linear infinite}
#marcas .mq-group{display:flex;align-items:center;justify-content:space-around;gap:5rem;padding:0 2.5rem;margin:0;list-style:none;flex-shrink:0;min-width:100vw}
#marcas .mq-group li{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:15rem;height:6.5rem}
#marcas .mq-group img{width:100%;height:100%;object-fit:contain}
#marcas .mq-group span{font-size:1.8rem;font-weight:700;opacity:.5;white-space:nowrap}
@keyframes mq-scroll{to{transform:translateX(-50%)}}
@media (max-width:768px){#marcas-texto .title{font-size:1.5rem}#rs-contador .rs-contador-num{font-size:4rem}#marcas{margin-top:0}#marcas .mq-group{gap:3rem;min-width:200vw}#marcas .mq-group li{width:10.5rem;height:4.8rem}#marcas .mq-track{animation-duration:15s}}
@media (prefers-reduced-motion:reduce){#marcas .mq-track{animation:none}}