@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}@layer bricks {.brxe-icon{font-size:60px}svg.brxe-icon{font-size:inherit}}@keyframes zsbf-in{from{opacity:0;transform:translateY(28px) scale(.98)}to{opacity:1;transform:none}}@keyframes zsbf-up{from{transform:translateY(100%)}to{transform:none}}@keyframes zsbf-fade{from{opacity:0}to{opacity:1}}@keyframes zsbf-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes zsbf-pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,20,44,.6)}50%{box-shadow:0 0 0 6px rgba(255,20,44,0)}}@media (max-width:600px){ html body .brx-popup:has(.zsbf-dialog){padding:0;align-items:flex-end} html body .brx-popup:has(.zsbf-dialog) .brx-popup-content{max-width:100%} html body .brx-popup:has(.zsbf-dialog):not(.hide) .zsbf-dialog{animation:zsbf-up .5s cubic-bezier(.2,.8,.2,1) both} html body .zsbf-dialog{max-height:92dvh;border-radius:14px 14px 0 0;border-bottom:0} html body .zsbf-dialog .zsbf-close{width:36px;height:36px;top:10px;right:10px} html body .zsbf-dialog .zsbf-media{aspect-ratio:2.2/1} html body .zsbf-dialog .zsbf-body{padding:20px 20px calc(14px + env(safe-area-inset-bottom))} html body .zsbf-dialog .zsbf-eyebrow{font-size:10.5px;margin-bottom:12px} html body .zsbf-dialog .zsbf-title{font-size:36px;margin-bottom:12px} html body .zsbf-dialog .zsbf-hide-sm{display:none} html body .zsbf-dialog .zsbf-lead{font-size:14px;margin-bottom:10px} html body .zsbf-dialog .zsbf-list{margin-bottom:18px} html body .zsbf-dialog .zsbf-list ul{gap:5px} html body .zsbf-dialog .zsbf-list li{font-size:13.5px} html body .zsbf-dialog .zsbf-ctas{grid-template-columns:1fr;gap:8px} html body .zsbf-dialog .zsbf-btn{min-height:0;padding:11px 16px 12px;gap:4px} html body .zsbf-dialog .zsbf-btn-kicker{font-size:9.5px} html body .zsbf-dialog .zsbf-btn-main{font-size:20px} html body .zsbf-dialog .zsbf-dismiss{margin-top:12px}}@media (min-width:601px) and (max-height:760px){ html body .zsbf-dialog .zsbf-media{aspect-ratio:21/9} html body .zsbf-dialog .zsbf-title{font-size:40px}}@media (prefers-reduced-motion:reduce){ .zsbf-dialog,.zsbf-dialog *,.brx-popup:has(.zsbf-dialog) .brx-popup-backdrop{animation:none!important;transition-duration:.01ms!important}} .brx-popup:has(.zsbf-dialog) { padding: 24px; align-items: center; justify-content: center; z-index: 100000;} .brx-popup:has(.zsbf-dialog) .brx-popup-content { padding: 0; width: 100%; max-width: 460px; background: none; box-shadow: none;} .brx-popup:has(.zsbf-dialog) .brx-popup-backdrop { background: rgba(0,0,0,.6); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);} .brx-popup:has(.zsbf-dialog):not(.hide) .brx-popup-backdrop { animation: zsbf-fade .35s ease both;} .brx-popup:has(.zsbf-dialog):not(.hide) .zsbf-dialog { animation: zsbf-in .55s cubic-bezier(.2,.8,.2,1) both;} .brx-popup:has(.zsbf-dialog):not(.hide) .zsbf-line { animation: zsbf-line .9s .25s cubic-bezier(.2,.8,.2,1) both;} .zsbf-dialog { position: relative; display: block; width: 100%; max-height: calc(100dvh - 48px); overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; background: #0a0a0a; color: #fff; border: 1px solid rgba(255,255,255,.08); border-radius: 4px; box-shadow: 0 30px 80px -20px rgba(0,0,0,.7); text-align: left; scrollbar-width: none;} .zsbf-dialog::-webkit-scrollbar { display: none;} .zsbf-dialog * { box-sizing: border-box;} .zsbf-dialog .zsbf-close { position: absolute; top: 12px; right: 12px; z-index: 3; width: 40px; height: 40px; padding: 0; margin: 0; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(10,10,10,.6); color: #fff; border: 1px solid rgba(255,255,255,.3); cursor: pointer; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); transition: background .2s,border-color .2s,transform .2s;} .zsbf-dialog .zsbf-close:hover { background: #ff142c; border-color: #ff142c; transform: rotate(90deg);} .zsbf-dialog .zsbf-close i { font-size: 15px; line-height: 1; color: #fff; width: 15px; height: 15px;} .zsbf-dialog .zsbf-close svg { font-size: 15px; line-height: 1; color: #fff; width: 15px; height: 15px;} .zsbf-dialog .zsbf-media { position: relative; display: block; width: 100%; aspect-ratio: 16/9; overflow: hidden; background: repeating-linear-gradient(135deg,#141414 0 14px,#191919 14px 28px);} .zsbf-dialog .zsbf-media:not(:has(img))::before { content: "IMAGEN DE CAMPAÑA · 1200 × 675 px"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; letter-spacing: .16em; color: rgba(255,255,255,.4);} .zsbf-dialog .zsbf-media .bricks-element-placeholder { display: none!important;} .zsbf-dialog .zsbf-media img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center; display: block; margin: 0;} .zsbf-dialog .zsbf-media .brxe-image { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center; display: block; margin: 0;} .zsbf-dialog .zsbf-line { display: block; width: 100%; height: 3px; background: #ff142c; transform-origin: left;} .zsbf-dialog .zsbf-body { display: block; padding: 26px 32px 22px;} .zsbf-dialog .zsbf-eyebrow { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin: 0 0 14px; font-size: 11.5px; line-height: 1.3; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: #fff;} .zsbf-dialog .zsbf-eyebrow .zsbf-red { color: #ff142c;} .zsbf-dialog .zsbf-eyebrow .zsbf-sep { color: rgba(255,255,255,.35); font-weight: 400;} .zsbf-dialog .zsbf-dot { display: block; width: 7px; height: 7px; margin-right: 4px; border-radius: 50%; background: #ff142c; animation: zsbf-pulse 1.8s ease-in-out infinite;} .zsbf-dialog .zsbf-title { margin: 0 0 14px; padding: 0; font-size: 46px; line-height: .92; font-weight: 800; letter-spacing: -.01em; text-transform: uppercase; color: #fff;} .zsbf-dialog .zsbf-title span { color: #ff142c;} .zsbf-dialog .zsbf-lead { margin: 0 0 12px; font-size: 15px; line-height: 1.5; color: rgba(255,255,255,.7);} .zsbf-dialog .zsbf-list { margin: 0 0 22px;} .zsbf-dialog .zsbf-list ul { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none;} .zsbf-dialog .zsbf-list li { position: relative; margin: 0; padding: 0 0 0 22px; list-style: none; font-size: 14.5px; line-height: 1.4; font-weight: 500; color: #fff;} .zsbf-dialog .zsbf-list li::before { content: ""; position: absolute; left: 0; top: .68em; width: 12px; height: 2px; background: #ff142c;} .zsbf-dialog .zsbf-list li::marker { content: none;} .zsbf-dialog .zsbf-choose { display: flex; align-items: center; gap: 12px; margin: 0 0 12px; font-size: 11px; line-height: 1; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: rgba(255,255,255,.5);} .zsbf-dialog .zsbf-choose::before { content: ""; flex: 1; height: 1px; background: rgba(255,255,255,.14);} .zsbf-dialog .zsbf-choose::after { content: ""; flex: 1; height: 1px; background: rgba(255,255,255,.14);} .zsbf-dialog .zsbf-ctas { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; width: 100%;} .zsbf-dialog .zsbf-btn { display: flex; flex-direction: column; justify-content: space-between; gap: 6px; min-height: 76px; padding: 13px 14px 12px; overflow: hidden; background: #ff142c; color: #fff; border: 1px solid #ff142c; border-radius: 3px; text-decoration: none; cursor: pointer; transition: background .25s,color .25s,border-color .25s,transform .25s;} .zsbf-dialog .zsbf-btn-kicker { display: block; font-size: 10px; line-height: 1.25; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; color: inherit; opacity: .92;} .zsbf-dialog .zsbf-btn-main { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 21px; line-height: 1; font-weight: 800; letter-spacing: .01em; text-transform: uppercase; color: inherit;} .zsbf-dialog .zsbf-btn-main .zsbf-btn-txt { display: block; color: inherit;} .zsbf-dialog .zsbf-btn-main i { font-size: 16px; line-height: 1; color: inherit; transition: transform .25s cubic-bezier(.2,.8,.2,1);} .zsbf-dialog .zsbf-btn-main svg { font-size: 16px; line-height: 1; color: inherit; transition: transform .25s cubic-bezier(.2,.8,.2,1);} .zsbf-dialog .zsbf-btn:hover { background: #fff; color: #0a0a0a; border-color: #fff; transform: translateY(-2px);} .zsbf-dialog .zsbf-btn:hover .zsbf-btn-main i { transform: translateX(4px);} .zsbf-dialog .zsbf-btn:hover .zsbf-btn-main svg { transform: translateX(4px);} .zsbf-dialog .zsbf-dismiss { display: block; width: auto; margin: 16px auto 0; padding: 4px 8px; background: none; border: 0; cursor: pointer; font-size: 12.5px; line-height: 1.4; color: rgba(255,255,255,.5); text-align: center; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(255,255,255,.25); transition: color .2s;} .zsbf-dialog .zsbf-dismiss:hover { color: #fff;} .zsbf-dialog .zsbf-close:focus-visible { outline: 2px solid #fff; outline-offset: 3px;} .zsbf-dialog .zsbf-btn:focus-visible { outline: 2px solid #fff; outline-offset: 3px;} .zsbf-dialog .zsbf-dismiss:focus-visible { outline: 2px solid #fff; outline-offset: 3px;}