/* RetosPIXEL · Mi Cuenta. Base en flex (navegadores viejos) y rejilla solo donde el navegador la entiende. */
.rpx{--rpx:#c2570c;--rpx-tinta:#16181d;color:#16181d;font-size:16px;line-height:1.5}
.rpx *{box-sizing:border-box}
.rpx a{text-decoration:none}
.rpx .rpx-h1{margin:0 0 16px;font-size:30px;line-height:1.1;font-weight:800;letter-spacing:-.02em;color:#16181d}
.rpx .rpx-k{margin:0 0 6px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5a5f66}
.rpx .rpx-btn{display:inline-block;min-height:48px;line-height:48px;padding:0 22px;border:0;border-radius:10px;background:#c2570c !important;background:var(--rpx) !important;color:#fff !important;font-size:16px;font-weight:700;cursor:pointer;white-space:nowrap}
.rpx .rpx-btn:hover,.rpx .rpx-btn:focus{filter:brightness(.92)}
.rpx .rpx-volver{display:inline-block;padding:10px 0;color:#16181d;font-size:15px}
.rpx .rpx-vacio{padding:28px 20px;border:1px dashed #b9b6af;border-radius:14px;text-align:center}
.rpx .rpx-vacio p{margin:6px 0 0;color:#5a5f66}

/* Alerta del Escritorio y cabecera de cada evento */
.rpx.rpx-alerta,.rpx .rpx-ev-cab{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.rpx.rpx-alerta{margin:0 0 20px;padding:18px 20px;border-radius:14px;background:#16181d;color:#fff}
.rpx.rpx-alerta>div{-webkit-box-flex:1;-ms-flex:1 1 260px;flex:1 1 260px;margin:0 16px 10px 0}
.rpx.rpx-alerta strong{display:block;font-size:18px}
.rpx.rpx-alerta span{color:#c9ccd1;font-size:15px}
.rpx .rpx-ev{margin:0 0 28px;padding:20px;border:1px solid #e3e1dc;border-radius:16px;background:#fff}
.rpx .rpx-ev-cab>div{-webkit-box-flex:1;-ms-flex:1 1 280px;flex:1 1 280px;margin:0 16px 12px 0}
.rpx .rpx-ev h3{margin:0 0 4px;font-size:22px;font-weight:800}
.rpx .rpx-ev p{margin:0;color:#3c4046}

/* Evento */
.rpx .rpx-hero{margin:4px 0 18px;padding:22px 20px;border-radius:16px;background:#f4f3f0}
.rpx .rpx-hero p{margin:0;color:#3c4046}
.rpx .rpx-tabs{margin:0 0 16px;border-bottom:2px solid #e3e1dc}
.rpx .rpx-tabs a{display:inline-block;min-height:48px;line-height:48px;padding:0 18px;margin-bottom:-2px;border-bottom:2px solid transparent;color:#3c4046;font-weight:700}
.rpx .rpx-tabs a.rpx-on{border-bottom-color:#c2570c;border-bottom-color:var(--rpx);color:#16181d}
.rpx .rpx-tabs span{font-weight:400}
.rpx .rpx-aviso{margin:0 0 16px;padding:14px 16px;border:1px solid #d9c27a;border-radius:12px;background:#fff8df;color:#3f3200;font-size:15px}
.rpx .rpx-chips{margin:0 0 16px}
.rpx .rpx-chips a{display:inline-block;min-height:44px;line-height:42px;padding:0 16px;margin:0 6px 8px 0;border:1px solid #b9b6af;border-radius:99px;background:#fff;color:#16181d;font-size:15px}
.rpx .rpx-chips a.rpx-on{border-color:#16181d;background:#16181d;color:#fff}
.rpx .rpx-cuenta{display:inline-block;padding:10px 0;color:#3c4046;font-size:15px}

/* Rejilla de fotos: 2 por fila en teléfono, 3 en tableta, 4 en escritorio */
.rpx .rpx-grid{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -6px}
.rpx .rpx-foto{display:block;width:50%;padding:0 6px 14px;margin:0;cursor:default;position:relative}
.rpx .rpx-foto.rpx-elegible{cursor:pointer}
@media(min-width:600px){.rpx .rpx-foto{width:33.333%}}
@media(min-width:1000px){.rpx .rpx-foto{width:25%}}
.rpx .rpx-foto input{position:absolute;opacity:0;width:1px;height:1px}
.rpx .rpx-img{display:block;position:relative;border-radius:12px;overflow:hidden;background:#d9d6cf;outline:3px solid transparent;outline-offset:2px}
.rpx .rpx-img:before{content:"";display:block;padding-top:125%}
.rpx .rpx-img img{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border:0;border-radius:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}
.rpx .rpx-foto input:checked+.rpx-img,.rpx .rpx-sel .rpx-img{outline-color:#c2570c;outline-color:var(--rpx)}
.rpx .rpx-foto input:focus-visible+.rpx-img{box-shadow:0 0 0 3px #fff,0 0 0 6px #16181d}
.rpx .rpx-check{display:none;position:absolute;right:8px;top:8px;width:32px;height:32px;border-radius:50%;background:#c2570c;background:var(--rpx)}
.rpx .rpx-check:after{content:"";position:absolute;left:11px;top:6px;width:8px;height:14px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.rpx .rpx-foto input:checked+.rpx-img .rpx-check{display:block}
.rpx .rpx-eti{position:absolute;left:8px;top:8px;padding:3px 10px;border-radius:99px;background:rgba(22,24,29,.85);color:#fff;font-size:12px;font-style:normal;font-weight:600}
.rpx .rpx-eti-p{top:auto;bottom:8px;font-weight:500}
.rpx .rpx-eti-ok{background:#0e6b41}
.rpx .rpx-pie{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:44px;padding:6px 2px 0;font-size:14px}
.rpx .rpx-cod{color:#5a5f66}
.rpx .rpx-precio{font-weight:700}
.rpx .rpx-bajar{display:inline-block;min-height:40px;line-height:40px;padding:0 12px;border-radius:10px;background:#f4f3f0;color:#16181d;font-weight:700}

/* Páginas */
.rpx .rpx-pag{margin:10px 0 18px;text-align:center}
.rpx .rpx-pag a,.rpx .rpx-pag span{display:inline-block;min-width:44px;min-height:44px;line-height:42px;padding:0 12px;margin:0 3px 6px;border:1px solid #b9b6af;border-radius:10px;background:#fff;color:#16181d;font-weight:600}
.rpx .rpx-pag .rpx-on{border-color:#16181d;background:#16181d;color:#fff}

/* Barra de compra, fija abajo */
.rpx .rpx-barra{position:-webkit-sticky;position:sticky;bottom:0;z-index:5;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:12px 16px;border-radius:14px 14px 0 0;background:#16181d;color:#fff}
.rpx .rpx-barra>div{-webkit-box-flex:1;-ms-flex:1 1 220px;flex:1 1 220px;margin:4px 12px 4px 0}
.rpx .rpx-barra strong{display:block;font-size:18px}
.rpx .rpx-barra span{color:#c9ccd1;font-size:14px}
.rpx-aviso-pedido{padding:12px 14px;border-radius:10px;background:#f4f3f0}
@media(max-width:480px){.rpx .rpx-h1{font-size:24px}.rpx .rpx-barra .rpx-btn{width:100%;text-align:center}.rpx .rpx-tabs a{padding:0 12px}}