/* SPN campaign: lightweight decoration; white shopping surfaces stay legible. */
body {
  background-color:#f4f4f6!important;
  background-image:linear-gradient(135deg,rgba(211,10,43,.055),transparent 28%),linear-gradient(315deg,rgba(16,16,20,.07),transparent 35%)!important;
  background-attachment:scroll!important;
}
body>main{background:transparent!important}
.spn-bf-notice{background:linear-gradient(105deg,#101014 15%,#272129 70%,#650c20);color:#fff;border-bottom:3px solid #db153a;padding:13px 24px;position:relative;z-index:2}
.spn-bf-notice>div{max-width:1500px;margin:auto;display:flex;align-items:center;justify-content:center;gap:12px 24px;flex-wrap:wrap;text-align:center}
.spn-bf-eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#e6dce0}
.spn-bf-title{font-size:17px;line-height:1.35}
.spn-bf-title strong{font-size:21px;font-weight:900;letter-spacing:.7px;white-space:nowrap}
.spn-bf-notice a{background:#dc153a;color:#fff!important;padding:10px 17px;border-radius:5px;font-size:12px;font-weight:800;letter-spacing:.5px;text-decoration:none;box-shadow:0 3px 12px #0003}
.spn-bf-notice a:hover,.spn-bf-notice a:focus{background:#b70e2e;color:#fff;text-decoration:underline}
.spn-bf-notice small{flex-basis:100%;font-size:11px;line-height:1.3;color:#eee4e7}
#spn-superofertas{background:linear-gradient(125deg,#15151b,#2c1820)!important;border:1px solid #422731;border-radius:18px;padding:25px!important;margin-top:32px!important;margin-bottom:32px!important;box-shadow:0 10px 35px #17101919;scroll-margin-top:90px}
#spn-superofertas>.row{display:flex;flex-wrap:wrap}
#spn-superofertas>.row>div{display:flex;margin-bottom:18px}
#spn-superofertas>.row>div>div{width:100%}
#spn-superofertas a:focus-visible{outline:3px solid #f9b2c0;outline-offset:4px}
@media(max-width:767px){
 .spn-bf-notice{padding:11px 12px}
 .spn-bf-notice>div{gap:7px 10px}
 .spn-bf-eyebrow{display:none}
 .spn-bf-title{font-size:13px;flex-basis:100%}
 .spn-bf-title strong{font-size:17px}
 .spn-bf-notice a{padding:8px 13px;font-size:11px}
 .spn-bf-notice small{font-size:10px}
 #spn-superofertas{padding:15px!important;border-radius:12px;margin-top:20px!important}
}


/* Homepage ribbons: compatible transform animation and seamless repeated text. */
.spn-bf-ribbons{overflow:hidden;background:#101014;padding:0;width:100%;contain:paint}
.spn-bf-ribbon{overflow:hidden;background:#d31337;color:#fff;border-bottom:1px solid #ff516f;height:36px;display:flex;align-items:center}
.spn-bf-ribbon-reverse{background:#101014;color:#fff;border-bottom:2px solid #d31337}
.spn-bf-track{display:flex;flex:none;width:max-content;white-space:nowrap;animation:spn-bf-scroll 30s linear infinite!important;will-change:transform}
.spn-bf-track>span{flex:none;display:block;font-size:17px;font-weight:900;font-style:italic;letter-spacing:2px;line-height:36px;padding-right:25px}
.spn-bf-track b{padding:0 20px;color:#ffb5c3}
.spn-bf-ribbon-reverse .spn-bf-track{animation-direction:reverse!important;animation-duration:38s!important}
@keyframes spn-bf-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@media(max-width:767px){.spn-bf-ribbon{height:30px}.spn-bf-track>span{font-size:13px;line-height:30px;letter-spacing:1px}.spn-bf-track b{padding:0 12px}}
@media(prefers-reduced-motion:reduce){.spn-bf-track{animation-duration:90s!important}.spn-bf-ribbon-reverse .spn-bf-track{animation-duration:100s!important}}

#top_column>#spn-superofertas{margin:24px 30px!important;width:calc(100% - 60px);box-sizing:border-box}
@media(max-width:767px){#top_column>#spn-superofertas{margin:16px!important;width:calc(100% - 32px)}}
