/* CTGM V79 · Acceso modular a tienda virtual. */
html body.ctgm-ui a.v79-showroom-tile{
  display:block;position:relative;overflow:hidden;isolation:isolate;
  min-height:185px;margin:14px 0 10px;padding:24px;
  background:#173a51!important;color:#fff!important;border:0;border-radius:23px;
  box-shadow:0 14px 30px #0d233b25;text-decoration:none!important;
}
html body.ctgm-ui a.v79-showroom-tile:before{
 content:"";position:absolute;inset:0 0 0 42%;z-index:-1;opacity:.27;
 background:repeating-linear-gradient(90deg,transparent 0 22%,#d2f2ff 22.5% 24%,transparent 24.5% 33%),
 repeating-linear-gradient(0deg,transparent 0 32%,#bcefff 32.5% 33.3%,transparent 34% 50%);
 transform:perspective(600px) rotateY(-16deg) scale(1.2);
}
html body.ctgm-ui .v79-showroom-label{display:block;font-size:10px;font-weight:900;letter-spacing:.19em;color:#c3eafa!important}
html body.ctgm-ui .v79-showroom-tile strong{display:block;margin:13px 0 8px;font-size:clamp(26px,7vw,42px);line-height:.91;letter-spacing:-.055em;color:#fff!important;font-weight:1000}
html body.ctgm-ui .v79-showroom-tile small{display:block;color:#e1f0f6!important;font-size:12px;font-weight:650;max-width:210px}
html body.ctgm-ui .v79-showroom-icon{position:absolute;right:19px;bottom:19px;border-radius:50%;background:#fff;color:#123850!important;display:grid;place-items:center;width:43px;height:43px;font-size:25px;font-weight:900}

/* V78/V79: módulos sólidos y mayores, sin tarjetas arcoíris. */
html body.ctgm-ui .v79-benefits-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:13px 0 15px}
html body.ctgm-ui .v79-benefit-tile{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;
 min-width:0;min-height:clamp(230px,54vw,315px);padding:20px 15px;border-radius:25px;
 color:#fff!important;text-decoration:none!important;border:0;box-shadow:0 11px 24px #17324a26}
html body.ctgm-ui .v79-benefit-redeem{background:#7044ce!important}
html body.ctgm-ui .v79-benefit-referrals{background:#bf392f!important}
html body.ctgm-ui .v79-benefit-copy{position:relative;z-index:2;display:flex;flex-direction:column;gap:6px}
html body.ctgm-ui .v79-benefit-copy strong{color:#fff!important;font-size:clamp(19px,4.9vw,36px);font-weight:1000;letter-spacing:-.055em;line-height:.98}
html body.ctgm-ui .v79-benefit-copy small{color:#fff!important;font-size:clamp(11px,2.6vw,13px);font-weight:800;line-height:1.3}
html body.ctgm-ui .v79-benefit-tile img{position:absolute;display:block;right:-11%;bottom:-11%;width:94%;max-width:320px;height:70%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 13px 12px #1b0d2b28);transition:transform .2s}
html body.ctgm-ui .v79-benefit-tile:hover img{transform:translateY(-6px) scale(1.02)}
html body.ctgm-ui .v79-benefit-tile>b{position:absolute;right:14px;top:13px;z-index:3;display:grid;place-items:center;border-radius:50%;width:40px;height:40px;background:#fff!important;color:#1b2631!important;font-size:26px;font-weight:800}
html body.ctgm-ui .v79-benefit-tile:focus-visible{outline:3px solid #067caf;outline-offset:3px}
@media(max-width:360px){html body.ctgm-ui .v79-benefits-grid{gap:9px}html body.ctgm-ui .v79-benefit-tile{padding:16px 12px;min-height:220px}html body.ctgm-ui .v79-benefit-tile>b{width:33px;height:33px;font-size:22px}}

/* WCAG AA: coral card needs dark fine print; title remains bold white. */
html body.ctgm-ui .v79-benefit-referrals .v79-benefit-copy small{color:#101d27!important;-webkit-text-fill-color:#101d27!important}

html body.ctgm-ui .v79-benefit-referrals .v79-benefit-copy small{color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important}

/* Tarjeta de referidos: rojo sólido profundo y textos blancos con contraste estable. */
html body.ctgm-ui a.v79-benefit-referrals{background:#a72b38!important;}
html body.ctgm-ui a.v79-benefit-referrals .v79-benefit-copy small{color:#fff!important;-webkit-text-fill-color:#fff!important;background:transparent!important}