.brx-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px;overscroll-behavior:contain;touch-action:none}
.brx-popup{background:#fff;max-width:520px;width:100%;padding:28px;border-radius:8px;position:relative;font-family:inherit;box-shadow:0 10px 40px rgba(0,0,0,.3);max-height:88vh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}
/* con el popup abierto, la pagina de atras no scrollea (el scroll vive solo adentro) */
body.brx-abierto{overflow:hidden !important;touch-action:none}
.brx-popup h2{color:#722f4e;margin:0 0 16px;font-size:1.35em;padding-right:40px}
.brx-oferta{border-top:1px solid #eee;padding:14px 0}
.brx-oferta p{margin:0 0 8px}
.brx-precio{color:#722f4e;font-weight:600;font-size:.95em}
.brx-cerrar{position:absolute;top:12px;right:12px;width:36px !important;height:36px !important;min-width:36px !important;min-height:36px !important;max-width:36px;border:0 !important;border-radius:50% !important;background:#722f4e;color:#fff;font-size:22px;line-height:1 !important;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 !important;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.brx-cerrar:hover,.brx-cerrar:focus{background:#57243c;color:#fff;outline:2px solid #b08d6e;outline-offset:2px}
.brx-add,.brx-link{display:inline-block;background:#b08d6e;color:#fff;border:0;padding:10px 22px;cursor:pointer;text-decoration:none;border-radius:4px;font-size:14px;transition:background .15s}
.brx-add:hover,.brx-add:focus,.brx-link:hover,.brx-link:focus{background:#722f4e;color:#fff !important;text-decoration:none}
.brx-add:disabled{opacity:.6;cursor:default}
@media (max-width:600px){
  .brx-overlay{padding:10px;align-items:flex-end}
  .brx-popup{padding:20px 16px;border-radius:12px 12px 8px 8px;max-height:82vh}
  .brx-popup h2{font-size:1.15em}
  .brx-oferta p{font-size:.95em}
  .brx-add,.brx-link{display:block;width:100%;text-align:center;padding:13px;font-size:15px;box-sizing:border-box}
  .brx-cerrar{width:40px !important;height:40px !important;min-width:40px !important;font-size:24px}
}
.brx-desc{color:#555;font-size:.92em;font-style:italic;margin:0 0 8px}

.brx-oculta { display: none !important; }
.brx-vermas {
  display: block; margin: 10px auto 0; padding: 10px 14px;
  background: none; border: none; cursor: pointer;
  color: #722f4e; text-decoration: underline; font-size: .95em;
}
.brx-vermas:hover { color: #4d1f34; }

.brx-eventos-info{margin-top:18px;padding-top:16px;border-top:2px solid #f0e7eb}
.brx-eventos-info h3{margin:0 0 8px;color:#722f4e;font-size:1.02em}
.brx-evento-info{padding:13px 0;border-top:1px solid #eee}
.brx-evento-info:first-of-type{border-top:0}
.brx-evento-badge{display:inline-block;margin:0 0 7px;padding:4px 8px;border-radius:999px;background:#f4e9ee;color:#722f4e;font-size:.75em;font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.brx-evento-badge.brx-evento-gratis{background:#e8f4ea;color:#276337}
.brx-evento-aclaracion{color:#666;font-size:.82em;line-height:1.4}
.brx-evento-link{display:inline-block;color:#722f4e;font-weight:700;text-decoration:underline}
.brx-evento-link:hover,.brx-evento-link:focus{color:#4d1f34}