/* ========================================================================== Credicell — PORTADA de la home (26/09). Aspecto aprobado por el dueño. Estos estilos antes los aplicaban credicell-store-modern.css + el motor del builder sobre una capa; ahora acompañan al HTML que genera el servidor (InicioPortada.php). Se cargan solo en la home. ========================================================================== */ @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap'); #credicell-app .cci-portada.store { color: rgb(16, 35, 61); font-family: Manrope, Inter, "Segoe UI", sans-serif; line-height: 1.55; background: radial-gradient(circle at 8% 18%, rgba(0, 184, 212, 0.1), transparent 26rem), radial-gradient(circle at 94% 26%, rgba(255, 196, 0, 0.1), transparent 24rem), rgb(246, 249, 252); --sp: #001b3f !important; --sa: #00b8d4 !important; --sy: #ffc400 !important; --sok: #1ebf73 !important; --sbg: #ffffff !important; --ssurf: #f4f7fb !important; --stext: #10233d !important; --sfh: 'Manrope',Inter,'Segoe UI',sans-serif !important; --sfb: 'Manrope',Inter,'Segoe UI',sans-serif !important; --sr: 20px !important; --sbtnr: 13px !important; } #credicell-app .cci-portada.store h1, #credicell-app .cci-portada.store h2, #credicell-app .cci-portada.store h3, #credicell-app .cci-portada.store h4 { letter-spacing: -0.035em; color: rgb(0, 27, 63); font-family: Manrope, Inter, "Segoe UI", sans-serif !important; font-weight: 800 !important; } #credicell-app .cci-portada.store .st-wrap { max-width: 1440px !important; padding-left: 28px !important; padding-right: 28px !important; } #credicell-app .cci-portada.store .st-top { min-height: 86px; padding: 12px 0px !important; background: rgba(255, 255, 255, 0.98) !important; border-bottom: 1px solid rgb(229, 235, 242) !important; box-shadow: none !important; } #credicell-app .cci-portada.store .st-top .st-wrap { gap: 32px !important; } #credicell-app .cci-portada.store .st-logo { width: 168px !important; height: 62px !important; max-width: 168px !important; object-fit: contain !important; object-position: center center !important; flex: 0 0 168px !important; } #credicell-app .cci-portada.store .st-search { min-height: 48px; border: 1px solid transparent !important; border-radius: 13px !important; background: rgb(244, 247, 251) !important; color: rgb(113, 128, 150) !important; padding: 10px 15px !important; box-shadow: none !important; } #credicell-app .cci-portada.store .st-icons { gap: 12px !important; } #credicell-app .cci-portada.store .st-icons > a:not(.cta) { width: 38px; height: 38px; place-items: center; border: 1px solid rgb(229, 235, 242); border-radius: 12px; background: rgb(255, 255, 255); display: grid !important; } #credicell-app .cci-portada.store .st-icons .cta { background: rgb(255, 196, 0) !important; color: rgb(0, 27, 63) !important; box-shadow: none !important; } #credicell-app .cci-portada.store .st-mi > a { color: rgb(33, 59, 92) !important; padding: 12px 18px !important; font-size: 14px !important; font-weight: 700 !important; border-radius: 10px !important; letter-spacing: 0px !important; } #credicell-app .cci-portada.store .st-mi:hover > a { background: rgb(244, 247, 251) !important; color: rgb(0, 143, 166) !important; } #credicell-app .cci-portada.store .st-dd { border-color: rgb(229, 235, 242) !important; box-shadow: rgba(0, 27, 63, 0.14) 0px 20px 45px !important; } #credicell-app .cci-portada.store .st-hero { width: min(1440px, 100% - 48px) !important; max-width: 1440px !important; margin: 32px auto 20px !important; border: 1px solid rgb(223, 234, 240) !important; border-radius: 28px !important; box-shadow: rgba(0, 27, 63, 0.1) 0px 20px 58px !important; overflow: hidden !important; } #credicell-app .cci-portada.store .st-slide { min-height: 540px !important; padding: 0px !important; color: rgb(16, 35, 61) !important; background: linear-gradient(135deg, rgb(247, 251, 254) 0%, rgb(238, 248, 250) 100%) !important; } #credicell-app .cci-portada.store .st-hero .st-wrap { max-width: none !important; min-height: 540px !important; padding: 0px !important; display: grid !important; grid-template-columns: 1fr 1.08fr !important; gap: 0px !important; align-items: stretch !important; } #credicell-app .cci-portada.store .st-hero .tx { flex-direction: column; justify-content: center; align-items: flex-start; padding: 64px !important; display: flex !important; } #credicell-app .cci-portada.store .st-hero .kick { align-items: center; width: auto; border-radius: 999px; text-transform: uppercase; display: inline-flex !important; padding: 8px 12px !important; background: rgb(221, 247, 250) !important; color: rgb(8, 123, 142) !important; font-size: 11px !important; font-weight: 800 !important; letter-spacing: 0.09em !important; } #credicell-app .cci-portada.store .st-hero h1 { max-width: 700px; margin: 18px 0px 16px !important; color: rgb(0, 27, 63) !important; font-size: clamp(46px, 4.1vw, 72px) !important; line-height: 1.04 !important; letter-spacing: -0.055em !important; text-shadow: none !important; } #credicell-app .cci-portada.store .st-hero .tx > p { max-width: 585px; margin: 0px 0px 25px !important; color: rgb(96, 112, 137) !important; font-size: 17px !important; line-height: 1.65 !important; } #credicell-app .cci-portada.store .st-hero .btns { flex-wrap: wrap; display: flex !important; gap: 11px !important; } #credicell-app .cci-portada.store .st-hero .st-btn { min-height: 46px; padding: 13px 19px !important; border: 0px !important; border-radius: 13px !important; background: rgb(255, 196, 0) !important; color: rgb(0, 27, 63) !important; font-weight: 800 !important; box-shadow: none !important; transform: none !important; } #credicell-app .cci-portada.store .st-hero .st-btn.green { background: rgb(30, 191, 115) !important; color: rgb(255, 255, 255) !important; } #credicell-app .cci-portada.store .st-hero .pic { width: 100% !important; height: 100% !important; min-height: 540px !important; display: block !important; padding: 0px !important; overflow: hidden !important; border-radius: 0px !important; background: rgb(237, 245, 247) !important; } #credicell-app .cci-portada.store .st-hero .pic-card { width: 100% !important; max-width: none !important; height: 100% !important; min-height: 540px !important; margin: 0px !important; padding: 0px !important; display: block !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; box-shadow: none !important; } #credicell-app .cci-portada.store .st-hero .pic-card img { width: 100% !important; height: 100% !important; min-height: 540px !important; display: block !important; object-fit: cover !important; object-position: center center !important; transform: none !important; filter: none !important; } #credicell-app .cci-portada.store .st-trust { padding: 0px 0px 48px !important; background: transparent !important; } #credicell-app .cci-portada.store .st-trust .st-wrap { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 12px !important; } #credicell-app .cci-portada.store .st-tr { min-height: 96px; padding: 22px !important; border: 1px solid rgb(229, 235, 242) !important; border-radius: 18px !important; background: rgb(255, 255, 255) !important; box-shadow: none !important; } #credicell-app .cci-portada.store .st-tr .e { place-items: center; border-radius: 13px; background: rgb(229, 249, 252); width: 42px !important; height: 42px !important; display: grid !important; font-size: 19px !important; } #credicell-app .cci-portada.store .st-tr b { color: rgb(0, 27, 63) !important; font-size: 13px !important; } #credicell-app .cci-portada.store .st-tr small { color: rgb(96, 112, 137) !important; font-size: 11px !important; line-height: 1.45 !important; } #credicell-app .cci-portada.store.anim-herofloat .st-hero .pic-card, #credicell-app .cci-portada.store.anim-kenburns .st-hero img { animation: auto ease 0s 1 normal none running none !important; } #credicell-app .cci-portada.store .st-card, #credicell-app .cci-portada.store .st-btn, #credicell-app .cci-portada.store .pic-card { filter: none !important; } @media (max-width: 1050px){#credicell-app .cci-portada.store .st-hero .tx { padding: 44px 34px !important; }} @media (max-width: 1050px){#credicell-app .cci-portada.store .st-hero h1 { font-size: 42px !important; }} @media (max-width: 820px){#credicell-app .cci-portada.store .st-top { min-height: 70px; }} @media (max-width: 820px){#credicell-app .cci-portada.store .st-logo { width: 116px !important; height: 46px !important; flex-basis: 116px !important; }} @media (max-width: 820px){#credicell-app .cci-portada.store .st-search { display: none !important; }} @media (max-width: 820px){#credicell-app .cci-portada.store .st-mi > a { white-space: nowrap; }} @media (max-width: 820px){#credicell-app .cci-portada.store .st-hero { width: calc(100% - 24px) !important; margin-top: 22px !important; border-radius: 20px !important; }} @media (max-width: 820px){#credicell-app .cci-portada.store .st-slide, #credicell-app .cci-portada.store .st-hero .st-wrap { min-height: 0px !important; }} @media (max-width: 820px){#credicell-app .cci-portada.store .st-hero .st-wrap { grid-template-columns: 1fr !important; }} @media (max-width: 820px){#credicell-app .cci-portada.store .st-hero .tx { padding: 35px 25px !important; }} @media (max-width: 820px){#credicell-app .cci-portada.store .st-hero .pic, #credicell-app .cci-portada.store .st-hero .pic-card, #credicell-app .cci-portada.store .st-hero .pic-card img { min-height: 330px !important; height: 330px !important; }} @media (max-width: 820px){#credicell-app .cci-portada.store .st-hero .pic-card img { object-position: center center !important; }} @media (max-width: 820px){#credicell-app .cci-portada.store .st-trust .st-wrap { grid-template-columns: 1fr !important; }} @media (max-width: 520px){#credicell-app .cci-portada.store .st-wrap { padding-left: 12px !important; padding-right: 12px !important; }} @media (max-width: 520px){#credicell-app .cci-portada.store .st-icons > a:not(.cta) { display: none !important; }} @media (max-width: 520px){#credicell-app .cci-portada.store .st-icons .cta { padding: 9px 11px !important; font-size: 11px !important; }} @media (max-width: 520px){#credicell-app .cci-portada.store .st-hero h1 { font-size: 36px !important; }} @media (max-width: 520px){#credicell-app .cci-portada.store .st-hero .tx > p { font-size: 14px !important; }} @media (max-width: 520px){#credicell-app .cci-portada.store .st-hero .st-btn { width: 100% !important; justify-content: center !important; }} #credicell-app .cci-portada.store.impact-store { background: rgb(255, 255, 255) !important; } #credicell-app .cci-portada.store.impact-store .st-top { min-height: 84px !important; padding: 9px 0px !important; } #credicell-app .cci-portada.store.impact-store .st-top .st-wrap { max-width: 1600px !important; gap: 30px !important; } #credicell-app .cci-portada.store.impact-store .st-logo { width: 188px !important; height: 66px !important; max-width: 188px !important; flex: 0 0 188px !important; } #credicell-app .cci-portada.store.impact-store .st-search { min-height: 48px !important; border-color: rgb(229, 235, 242) !important; } #credicell-app .cci-portada.store.impact-store .st-mi > a { padding: 12px 18px !important; font-size: 14px !important; } #credicell-app .cci-portada.store.impact-store .st-hero { width: 100% !important; max-width: none !important; margin: 0px !important; border: 0px !important; border-radius: 0px !important; box-shadow: none !important; } #credicell-app .cci-portada.store.impact-store .st-hero > .st-slide.impact-primary { display: block !important; } #credicell-app .cci-portada.store.impact-store .st-slide { height: 520px !important; min-height: 520px !important; max-height: 520px !important; background: radial-gradient(circle at 58% 0%, rgba(0, 214, 235, 0.34), transparent 31%), radial-gradient(circle at 88% 35%, rgba(255, 0, 115, 0.3), transparent 34%), linear-gradient(116deg, rgb(0, 21, 47) 0%, rgb(0, 45, 104) 48%, rgb(0, 79, 165) 100%) !important; color: rgb(255, 255, 255) !important; overflow: hidden !important; } #credicell-app .cci-portada.store.impact-store .st-hero .st-wrap { position: relative; width: 100% !important; max-width: 1600px !important; height: 520px !important; min-height: 520px !important; max-height: 520px !important; margin: 0px auto !important; padding: 0px 42px !important; grid-template-columns: minmax(0px, 0.93fr) minmax(560px, 1.07fr) !important; gap: 30px !important; } #credicell-app .cci-portada.store.impact-store .st-hero .st-wrap::before { content: ""; position: absolute; width: 580px; height: 110px; right: 20px; top: 56px; border-radius: 50%; border-width: 24px; border-style: solid; border-color: rgb(0, 217, 233) rgb(0, 217, 233) rgb(255, 196, 0) rgb(255, 0, 111); border-image: initial; transform: rotate(-18deg); opacity: 0.92; pointer-events: none; } #credicell-app .cci-portada.store.impact-store .st-hero .tx { position: relative; z-index: 3; padding: 52px 0px 48px !important; } #credicell-app .cci-portada.store.impact-store .st-hero .kick { padding: 0px !important; background: transparent !important; color: rgb(82, 234, 250) !important; font-size: 13px !important; letter-spacing: 0.25em !important; } #credicell-app .cci-portada.store.impact-store .st-hero h1 { max-width: 720px !important; margin: 13px 0px 12px !important; color: rgb(255, 255, 255) !important; font-size: clamp(58px, 5vw, 86px) !important; line-height: 0.94 !important; letter-spacing: -0.06em !important; } #credicell-app .cci-portada.store.impact-store .impact-cyan { color: rgb(0, 217, 233) !important; } #credicell-app .cci-portada.store.impact-store .impact-pink { color: rgb(255, 22, 132) !important; } #credicell-app .cci-portada.store.impact-store .st-hero .tx > p { max-width: 710px !important; margin: 0px 0px 22px !important; color: rgb(255, 255, 255) !important; font-size: 22px !important; font-weight: 700 !important; line-height: 1.35 !important; } #credicell-app .cci-portada.store.impact-store .st-hero .btns { gap: 14px !important; } #credicell-app .cci-portada.store.impact-store .st-hero .st-btn { min-width: 190px; min-height: 54px; padding: 15px 24px !important; justify-content: center !important; font-size: 15px !important; border-radius: 14px !important; } #credicell-app .cci-portada.store.impact-store .impact-legal { margin-top: 15px; color: rgb(185, 233, 245); font-size: 13px; font-weight: 600; } #credicell-app .cci-portada.store.impact-store .st-hero .pic { position: relative; height: 520px !important; min-height: 520px !important; max-height: 520px !important; overflow: visible !important; background: transparent !important; } #credicell-app .cci-portada.store.impact-store .st-hero .pic-card { position: relative; height: 520px !important; min-height: 520px !important; max-height: 520px !important; overflow: visible !important; } #credicell-app .cci-portada.store.impact-store .impact-device-stage { width: 100%; height: 520px; position: relative; isolation: isolate; } #credicell-app .cci-portada.store.impact-store .impact-device { position: absolute; bottom: 26px; width: 210px; height: 350px; display: flex; align-items: center; justify-content: center; padding: 20px; border: 1px solid rgba(255, 255, 255, 0.72); border-radius: 28px; background: rgba(255, 255, 255, 0.96); box-shadow: rgba(0, 9, 34, 0.34) 0px 28px 60px; transition: transform 0.22s; } #credicell-app .cci-portada.store.impact-store .impact-device:hover { transform: translateY(-9px) rotate(0deg) !important; } #credicell-app .cci-portada.store.impact-store .impact-device img { width: 100% !important; height: 100% !important; min-height: 0px !important; max-height: none !important; object-fit: contain !important; transform: scale(1.22) !important; filter: none !important; } #credicell-app .cci-portada.store.impact-store .impact-device:nth-child(1) { left: 4%; transform: rotate(-8deg); z-index: 1; } #credicell-app .cci-portada.store.impact-store .impact-device:nth-child(2) { left: 34%; bottom: 48px; transform: rotate(2deg); z-index: 3; } #credicell-app .cci-portada.store.impact-store .impact-device:nth-child(3) { left: 64%; transform: rotate(8deg); z-index: 2; } #credicell-app .cci-portada.store.impact-store .impact-price { position: absolute; left: 5%; top: 35px; z-index: 5; max-width: 250px; padding: 13px 20px; border: 4px solid rgb(255, 255, 255); border-radius: 22px; background: rgb(255, 22, 132); color: rgb(255, 255, 255); font-size: 16px; font-weight: 800; line-height: 1.12; text-align: center; transform: rotate(-5deg); box-shadow: rgba(0, 9, 34, 0.28) 0px 15px 34px; } #credicell-app .cci-portada.store.impact-store .impact-price strong { display: block; margin-top: 2px; font-size: 30px; letter-spacing: -0.04em; } #credicell-app .cci-portada.store.impact-store .impact-categories { padding: 14px 0px 10px; background: rgb(255, 255, 255); } #credicell-app .cci-portada.store.impact-store .impact-category-grid { max-width: 1600px; margin: 0px auto; padding: 0px 22px; display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 14px; } #credicell-app .cci-portada.store.impact-store .impact-category { min-height: 218px; position: relative; overflow: hidden; display: flex; align-items: stretch; padding: 26px; border-radius: 22px; color: rgb(255, 255, 255); text-decoration: none; box-shadow: rgba(0, 27, 63, 0.12) 0px 12px 28px; } #credicell-app .cci-portada.store.impact-store .impact-category::after { content: ""; position: absolute; width: 190px; height: 190px; right: -58px; top: -72px; border-radius: 50%; background: rgba(255, 255, 255, 0.18); } #credicell-app .cci-portada.store.impact-store .impact-category.tone-apple { background: linear-gradient(135deg, rgb(17, 17, 17) 0%, rgb(71, 71, 71) 100%); } #credicell-app .cci-portada.store.impact-store .impact-category.tone-samsung { background: linear-gradient(135deg, rgb(0, 60, 189) 0%, rgb(0, 166, 231) 100%); } #credicell-app .cci-portada.store.impact-store .impact-category.tone-xiaomi { background: linear-gradient(135deg, rgb(255, 87, 21) 0%, rgb(255, 179, 0) 100%); } #credicell-app .cci-portada.store.impact-store .impact-category-copy { width: 58%; position: relative; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; } #credicell-app .cci-portada.store.impact-store .impact-category small { color: rgba(255, 255, 255, 0.82); font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } #credicell-app .cci-portada.store.impact-store .impact-category b { margin-top: 7px; color: rgb(255, 255, 255); font-size: 25px; line-height: 1.05; } #credicell-app .cci-portada.store.impact-store .impact-category .impact-category-price { margin-top: 9px; color: rgb(255, 255, 255); font-size: 18px; font-weight: 800; } #credicell-app .cci-portada.store.impact-store .impact-category .impact-category-cta { margin-top: auto; padding: 8px 12px; border-radius: 10px; background: rgb(255, 255, 255); color: rgb(0, 27, 63); font-size: 11px; font-weight: 800; } #credicell-app .cci-portada.store.impact-store .impact-category img { width: 46%; height: 90%; position: absolute; right: 2%; bottom: -5%; z-index: 1; object-fit: contain; transform: scale(1.08); filter: drop-shadow(rgba(0, 0, 0, 0.22) 0px 18px 18px) !important; } #credicell-app .cci-portada.store.impact-store .st-trust { padding: 4px 0px 34px !important; background: rgb(255, 255, 255) !important; } #credicell-app .cci-portada.store.impact-store .st-trust .st-wrap { max-width: 1600px !important; padding: 0px 22px !important; grid-template-columns: repeat(5, minmax(0px, 1fr)) !important; gap: 12px !important; } #credicell-app .cci-portada.store.impact-store .st-tr { min-height: 96px !important; padding: 18px !important; border-radius: 18px !important; } #credicell-app .cci-portada.store.impact-store .impact-location { position: relative; overflow: hidden; padding-right: 42% !important; background: rgb(0, 27, 63) !important; } #credicell-app .cci-portada.store.impact-store .impact-location b, #credicell-app .cci-portada.store.impact-store .impact-location small { position: relative; z-index: 2; color: rgb(255, 255, 255) !important; } #credicell-app .cci-portada.store.impact-store .impact-location img { width: 42%; height: 100%; position: absolute; right: 0px; top: 0px; object-fit: cover; } @media (max-width: 1180px){#credicell-app .cci-portada.store.impact-store .st-hero .st-wrap { grid-template-columns: minmax(0px, 0.9fr) minmax(430px, 1.1fr) !important; padding: 0px 26px !important; }} @media (max-width: 1180px){#credicell-app .cci-portada.store.impact-store .st-hero h1 { font-size: 58px !important; }} @media (max-width: 1180px){#credicell-app .cci-portada.store.impact-store .impact-device { width: 170px; height: 310px; }} @media (max-width: 1180px){#credicell-app .cci-portada.store.impact-store .impact-category b { font-size: 21px; }} @media (max-width: 820px){#credicell-app .cci-portada.store.impact-store .st-logo { width: 132px !important; height: 49px !important; flex-basis: 132px !important; }} @media (max-width: 820px){#credicell-app .cci-portada.store.impact-store .st-hero .st-wrap { grid-template-columns: 1fr !important; padding: 0px 18px !important; }} @media (max-width: 820px){#credicell-app .cci-portada.store.impact-store .st-slide, #credicell-app .cci-portada.store.impact-store .st-hero .st-wrap { height: auto !important; min-height: 0px !important; max-height: none !important; }} @media (max-width: 820px){#credicell-app .cci-portada.store.impact-store .st-hero .tx { padding: 42px 5px 22px !important; }} @media (max-width: 820px){#credicell-app .cci-portada.store.impact-store .st-hero h1 { font-size: clamp(48px, 13vw, 68px) !important; }} @media (max-width: 820px){#credicell-app .cci-portada.store.impact-store .st-hero .tx > p { font-size: 18px !important; }} @media (max-width: 820px){#credicell-app .cci-portada.store.impact-store .st-hero .pic, #credicell-app .cci-portada.store.impact-store .st-hero .pic-card { min-height: 360px !important; height: 360px !important; }} @media (max-width: 820px){#credicell-app .cci-portada.store.impact-store .impact-device-stage { height: 360px; }} @media (max-width: 820px){#credicell-app .cci-portada.store.impact-store .impact-device { width: 31%; height: 250px; bottom: 24px; padding: 12px; border-radius: 20px; }} @media (max-width: 820px){#credicell-app .cci-portada.store.impact-store .impact-device:nth-child(1) { left: 1%; }} @media (max-width: 820px){#credicell-app .cci-portada.store.impact-store .impact-device:nth-child(2) { left: 34%; bottom: 42px; }} @media (max-width: 820px){#credicell-app .cci-portada.store.impact-store .impact-device:nth-child(3) { left: 67%; }} @media (max-width: 820px){#credicell-app .cci-portada.store.impact-store .impact-price { left: 5%; top: 8px; padding: 9px 14px; font-size: 12px; }} @media (max-width: 820px){#credicell-app .cci-portada.store.impact-store .impact-price strong { font-size: 22px; }} @media (max-width: 820px){#credicell-app .cci-portada.store.impact-store .impact-category-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }} @media (max-width: 820px){#credicell-app .cci-portada.store.impact-store .st-trust .st-wrap { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }} @media (max-width: 520px){#credicell-app .cci-portada.store.impact-store .st-hero .st-wrap { padding: 0px 12px !important; }} @media (max-width: 520px){#credicell-app .cci-portada.store.impact-store .st-hero h1 { font-size: 48px !important; }} @media (max-width: 520px){#credicell-app .cci-portada.store.impact-store .st-hero .btns { width: 100%; }} @media (max-width: 520px){#credicell-app .cci-portada.store.impact-store .st-hero .st-btn { width: 100% !important; }} @media (max-width: 520px){#credicell-app .cci-portada.store.impact-store .impact-category-grid { padding: 0px 12px; grid-template-columns: 1fr; }} @media (max-width: 520px){#credicell-app .cci-portada.store.impact-store .impact-category { min-height: 180px; }} @media (max-width: 520px){#credicell-app .cci-portada.store.impact-store .st-trust .st-wrap { padding: 0px 12px !important; grid-template-columns: 1fr !important; }} #credicell-app .cci-portada.store.impact-store { overflow-x: hidden !important; background: rgb(255, 255, 255) !important; } #credicell-app .cci-portada.store.impact-store .st-top { height: 86px !important; min-height: 86px !important; padding: 0px !important; box-sizing: border-box !important; background: rgb(255, 255, 255) !important; border: 0px !important; box-shadow: rgba(0, 27, 63, 0.08) 0px 2px 12px !important; } #credicell-app .cci-portada.store.impact-store .st-top > .st-wrap { width: 100% !important; max-width: 1840px !important; height: 86px !important; min-height: 86px !important; padding: 0px 42px !important; display: flex !important; align-items: center !important; gap: 24px !important; } #credicell-app .cci-portada.store.impact-store .st-logo { width: 248px !important; height: 64px !important; max-width: 248px !important; flex: 0 0 248px !important; object-fit: contain !important; } #credicell-app .cci-portada.store.impact-store .st-search { width: min(430px, 26vw) !important; min-width: 220px !important; min-height: 44px !important; flex: 1 1 430px !important; border: 0px !important; border-radius: 14px !important; background: rgb(243, 246, 251) !important; } #credicell-app .cci-portada.store.impact-store .impact-inline-menu { min-width: 0px; display: flex; align-items: center; justify-content: flex-end; gap: 2px; flex: 0 1 auto; white-space: nowrap; } #credicell-app .cci-portada.store.impact-store .impact-inline-menu .st-mi > a { padding: 10px 8px !important; color: rgb(25, 55, 93) !important; font-size: 12px !important; font-weight: 800 !important; } #credicell-app .cci-portada.store.impact-store .impact-inline-menu .st-dd { top: 100% !important; z-index: 50 !important; } #credicell-app .cci-portada.store.impact-store .st-icons { display: flex !important; align-items: center !important; flex-wrap: nowrap !important; flex: 0 0 auto !important; gap: 8px !important; } #credicell-app .cci-portada.store.impact-store .st-icons > a:not(.cta) { width: 38px !important; height: 38px !important; border-radius: 50% !important; } #credicell-app .cci-portada.store.impact-store .st-icons .cta { padding: 10px 15px !important; border-radius: 13px !important; font-size: 12px !important; } #credicell-app .cci-portada.store.impact-store .st-slide { height: 402px !important; min-height: 402px !important; max-height: 402px !important; background: radial-gradient(at 72% -22%, rgba(0, 225, 244, 0.92) 0px, rgba(0, 225, 244, 0.92) 7%, transparent 27%), radial-gradient(at 84% 72%, rgba(255, 0, 117, 0.75) 0px, rgba(255, 0, 117, 0.75) 8%, transparent 31%), radial-gradient(at 51% 111%, rgba(255, 205, 0, 0.72) 0px, rgba(255, 205, 0, 0.72) 7%, transparent 24%), linear-gradient(112deg, rgb(0, 23, 50) 0%, rgb(0, 59, 130) 54%, rgb(0, 102, 193) 100%) !important; color: rgb(255, 255, 255) !important; overflow: hidden !important; } #credicell-app .cci-portada.store.impact-store .st-hero .st-wrap { width: 100% !important; max-width: 1840px !important; height: 402px !important; min-height: 402px !important; max-height: 402px !important; margin: 0px auto !important; padding: 0px 58px !important; display: grid !important; grid-template-columns: minmax(510px, 0.87fr) minmax(690px, 1.13fr) !important; gap: 12px !important; position: relative !important; } #credicell-app .cci-portada.store.impact-store .st-hero .st-wrap::before, #credicell-app .cci-portada.store.impact-store .st-hero .st-wrap::after { content: ""; position: absolute; z-index: 0; pointer-events: none; border-radius: 50%; } #credicell-app .cci-portada.store.impact-store .st-hero .st-wrap::before { width: 610px; height: 102px; right: 35px; top: 8px; border-width: 23px; border-style: solid; border-color: rgb(0, 225, 237) rgb(0, 225, 237) rgb(255, 207, 0) rgb(255, 22, 127); border-image: initial; transform: rotate(-12deg); } #credicell-app .cci-portada.store.impact-store .st-hero .st-wrap::after { width: 490px; height: 82px; right: 100px; bottom: -50px; border-width: 22px; border-style: solid; border-color: rgb(255, 207, 0) rgb(0, 223, 234) rgb(255, 22, 127) rgb(255, 22, 127); border-image: initial; transform: rotate(10deg); } #credicell-app .cci-portada.store.impact-store .st-hero .tx { min-width: 0px !important; padding: 34px 0px 28px !important; position: relative !important; z-index: 5 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; } #credicell-app .cci-portada.store.impact-store .st-hero .kick { padding: 0px !important; background: transparent !important; color: rgb(71, 233, 250) !important; font-size: 12px !important; font-weight: 800 !important; letter-spacing: 0.27em !important; } #credicell-app .cci-portada.store.impact-store .st-hero h1 { max-width: 650px !important; margin: 8px 0px 7px !important; color: rgb(255, 255, 255) !important; font-size: clamp(55px, 4.8vw, 78px) !important; line-height: 0.86 !important; letter-spacing: -0.065em !important; text-shadow: rgba(0, 9, 34, 0.18) 0px 7px 22px !important; } #credicell-app .cci-portada.store.impact-store .impact-cyan { color: rgb(0, 223, 240) !important; } #credicell-app .cci-portada.store.impact-store .impact-line { display: block !important; color: rgb(255, 255, 255) !important; } #credicell-app .cci-portada.store.impact-store .st-hero .tx > p { max-width: 610px !important; margin: 0px 0px 12px !important; color: rgb(255, 255, 255) !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1.35 !important; } #credicell-app .cci-portada.store.impact-store .st-hero .btns { display: flex !important; gap: 12px !important; flex-wrap: nowrap !important; } #credicell-app .cci-portada.store.impact-store .st-hero .st-btn { min-width: 186px !important; min-height: 50px !important; padding: 13px 20px !important; justify-content: center !important; border-radius: 14px !important; font-size: 14px !important; box-shadow: rgba(0, 0, 0, 0.18) 0px 10px 22px !important; } #credicell-app .cci-portada.store.impact-store .st-hero .st-btn:first-child { background: rgb(255, 207, 0) !important; color: rgb(0, 27, 63) !important; } #credicell-app .cci-portada.store.impact-store .st-hero .st-btn.green { background: rgb(16, 211, 104) !important; color: rgb(255, 255, 255) !important; } #credicell-app .cci-portada.store.impact-store .impact-legal { margin-top: 10px !important; color: rgb(189, 235, 246) !important; font-size: 11px !important; font-weight: 600 !important; } #credicell-app .cci-portada.store.impact-store .st-hero .pic, #credicell-app .cci-portada.store.impact-store .st-hero .pic-card { width: 100% !important; height: 402px !important; min-height: 402px !important; max-height: 402px !important; padding: 0px !important; position: relative !important; z-index: 3 !important; overflow: visible !important; background: transparent !important; } #credicell-app .cci-portada.store.impact-store .impact-device-stage { width: 100% !important; height: 402px !important; position: relative !important; isolation: isolate !important; } #credicell-app .cci-portada.store.impact-store .impact-device { width: 46% !important; height: 350px !important; padding: 0px !important; position: absolute !important; bottom: -3px !important; display: block !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; box-shadow: none !important; transition: transform 0.2s !important; } #credicell-app .cci-portada.store.impact-store .impact-device:hover { transform: translateY(-7px) rotate(var(--impact-rotate,0deg)) !important; } #credicell-app .cci-portada.store.impact-store .impact-device img { width: 100% !important; height: 100% !important; min-height: 0px !important; max-height: none !important; object-fit: contain !important; transform: none !important; filter: drop-shadow(rgba(0, 7, 26, 0.42) 0px 23px 20px) !important; } #credicell-app .cci-portada.store.impact-store .impact-device-1 { --impact-rotate: -5deg; left: 4% !important; bottom: -4px !important; transform: rotate(-5deg) !important; z-index: 1 !important; } #credicell-app .cci-portada.store.impact-store .impact-device-2 { --impact-rotate: 1deg; left: 30% !important; bottom: 5px !important; transform: rotate(1deg) !important; z-index: 4 !important; } #credicell-app .cci-portada.store.impact-store .impact-device-3 { --impact-rotate: 6deg; left: 53% !important; bottom: -6px !important; transform: rotate(6deg) !important; z-index: 3 !important; } #credicell-app .cci-portada.store.impact-store .impact-price { position: absolute !important; left: -4% !important; top: 52px !important; z-index: 8 !important; min-width: 190px !important; padding: 12px 18px !important; border: 4px solid rgb(255, 255, 255) !important; border-radius: 24px !important; background: rgb(255, 22, 132) !important; color: rgb(255, 255, 255) !important; font-size: 15px !important; font-weight: 800 !important; line-height: 1.02 !important; text-align: center !important; transform: rotate(-5deg) !important; box-shadow: rgba(0, 7, 29, 0.3) 0px 16px 32px !important; } #credicell-app .cci-portada.store.impact-store .impact-price strong { display: block !important; margin-top: 2px !important; font-size: 31px !important; letter-spacing: -0.05em !important; } #credicell-app .cci-portada.store.impact-store .impact-promise { position: absolute !important; left: -8% !important; top: 180px !important; z-index: 8 !important; width: 118px !important; color: rgb(255, 255, 255) !important; font-family: cursive !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.08 !important; text-align: center !important; transform: rotate(-8deg) !important; } #credicell-app .cci-portada.store.impact-store .impact-tech-claim { position: absolute !important; right: -1% !important; top: 38px !important; z-index: 8 !important; width: 128px !important; display: flex !important; flex-direction: column !important; gap: 8px !important; } #credicell-app .cci-portada.store.impact-store .impact-tech-claim b { margin-bottom: 10px !important; color: rgb(255, 255, 255) !important; font-family: cursive !important; font-size: 18px !important; line-height: 1.05 !important; text-align: center !important; transform: rotate(-7deg) !important; } #credicell-app .cci-portada.store.impact-store .impact-tech-claim span { padding: 8px 10px !important; border: 1px solid rgba(255, 255, 255, 0.3) !important; border-radius: 999px !important; background: rgba(0, 24, 60, 0.55) !important; color: rgb(255, 255, 255) !important; font-size: 10px !important; font-weight: 800 !important; text-align: center !important; backdrop-filter: blur(5px) !important; } #credicell-app .cci-portada.store.impact-store .impact-categories { padding: 10px 0px !important; background: rgb(255, 255, 255) !important; } #credicell-app .cci-portada.store.impact-store .impact-category-grid { width: 100% !important; max-width: 1840px !important; margin: 0px auto !important; padding: 0px 32px !important; display: grid !important; grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; gap: 10px !important; } #credicell-app .cci-portada.store.impact-store .impact-category { min-height: 188px !important; padding: 22px !important; position: relative !important; overflow: hidden !important; display: flex !important; align-items: stretch !important; border: 0px !important; border-radius: 13px !important; color: rgb(255, 255, 255) !important; text-decoration: none !important; box-shadow: rgba(0, 27, 63, 0.15) 0px 8px 22px !important; } #credicell-app .cci-portada.store.impact-store .impact-category::after { content: "" !important; position: absolute !important; width: 220px !important; height: 220px !important; right: -85px !important; top: -83px !important; border-radius: 50% !important; background: rgba(255, 255, 255, 0.18) !important; } #credicell-app .cci-portada.store.impact-store .impact-category.tone-apple { background: linear-gradient(120deg, rgb(21, 21, 21) 0%, rgb(100, 100, 100) 100%) !important; } #credicell-app .cci-portada.store.impact-store .impact-category.tone-samsung { background: linear-gradient(120deg, rgb(0, 59, 196) 0%, rgb(3, 165, 239) 100%) !important; } #credicell-app .cci-portada.store.impact-store .impact-category.tone-xiaomi { background: linear-gradient(120deg, rgb(246, 92, 13) 0%, rgb(255, 174, 0) 100%) !important; } #credicell-app .cci-portada.store.impact-store .impact-category.tone-motorola { background: linear-gradient(120deg, rgb(85, 33, 201) 0%, rgb(202, 21, 239) 100%) !important; } #credicell-app .cci-portada.store.impact-store .impact-category-copy { width: 58% !important; position: relative !important; z-index: 3 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; } #credicell-app .cci-portada.store.impact-store .impact-brand-mark { min-height: 18px !important; color: rgb(255, 255, 255) !important; font-size: 13px !important; font-weight: 800 !important; letter-spacing: 0.06em !important; text-transform: none !important; } #credicell-app .cci-portada.store.impact-store .impact-category b { margin-top: 4px !important; color: rgb(255, 255, 255) !important; font-size: 30px !important; line-height: 1 !important; } #credicell-app .cci-portada.store.impact-store .impact-category-line { margin-top: 8px !important; color: rgb(255, 255, 255) !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.15 !important; } #credicell-app .cci-portada.store.impact-store .impact-category-price { margin-top: 7px !important; padding: 5px 10px !important; border-radius: 9px !important; background: rgba(0, 24, 64, 0.54) !important; color: rgb(255, 255, 255) !important; font-size: 16px !important; font-weight: 800 !important; } #credicell-app .cci-portada.store.impact-store .impact-category-cta { margin-top: auto !important; padding: 7px 11px !important; border-radius: 9px !important; background: rgb(255, 255, 255) !important; color: rgb(0, 27, 63) !important; font-size: 10px !important; font-weight: 800 !important; } #credicell-app .cci-portada.store.impact-store .impact-category img { width: 50% !important; height: 96% !important; min-height: 0px !important; position: absolute !important; right: 0px !important; bottom: -3% !important; z-index: 2 !important; object-fit: contain !important; transform: scale(1.06) !important; filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 18px 18px) !important; } #credicell-app .cci-portada.store.impact-store .tone-motorola img { width: 54% !important; height: 100% !important; right: -3% !important; object-fit: cover !important; object-position: right center !important; mix-blend-mode: screen !important; } #credicell-app .cci-portada.store.impact-store .st-trust { padding: 0px 0px 10px !important; background: rgb(255, 255, 255) !important; } #credicell-app .cci-portada.store.impact-store .st-trust .st-wrap { width: 100% !important; max-width: 1840px !important; padding: 0px 32px !important; display: grid !important; grid-template-columns: 0.9fr 0.9fr 0.9fr 0.95fr 1.45fr !important; gap: 8px !important; } #credicell-app .cci-portada.store.impact-store .st-tr { min-height: 94px !important; padding: 14px !important; display: flex !important; align-items: center !important; gap: 10px !important; border: 1px solid rgb(225, 231, 240) !important; border-radius: 13px !important; background: rgb(255, 255, 255) !important; box-shadow: none !important; } #credicell-app .cci-portada.store.impact-store .st-tr .e { width: 40px !important; height: 40px !important; flex: 0 0 40px !important; display: grid !important; place-items: center !important; border-radius: 12px !important; background: rgb(228, 251, 255) !important; color: rgb(255, 156, 0) !important; font-size: 19px !important; } #credicell-app .cci-portada.store.impact-store .st-tr b { color: rgb(0, 27, 63) !important; font-size: 12px !important; line-height: 1.2 !important; } #credicell-app .cci-portada.store.impact-store .st-tr small { display: block !important; margin-top: 3px !important; color: rgb(106, 124, 150) !important; font-size: 9px !important; line-height: 1.35 !important; } #credicell-app .cci-portada.store.impact-store .impact-whatsapp .e { background: rgb(229, 255, 240) !important; color: rgb(17, 185, 104) !important; } #credicell-app .cci-portada.store.impact-store .impact-location { min-height: 94px !important; padding: 12px 44% 12px 14px !important; position: relative !important; overflow: hidden !important; background: rgb(1, 38, 84) !important; text-decoration: none !important; } #credicell-app .cci-portada.store.impact-store .impact-location b, #credicell-app .cci-portada.store.impact-store .impact-location small { position: relative !important; z-index: 3 !important; color: rgb(255, 255, 255) !important; } #credicell-app .cci-portada.store.impact-store .impact-location img { width: 43% !important; height: 100% !important; position: absolute !important; right: 0px !important; top: 0px !important; z-index: 1 !important; object-fit: cover !important; } #credicell-app .cci-portada.store.impact-store .impact-location-cta { display: inline-block !important; margin-top: 6px !important; padding: 5px 8px !important; position: relative !important; z-index: 3 !important; border-radius: 8px !important; background: rgb(255, 255, 255) !important; color: rgb(0, 27, 63) !important; font-size: 9px !important; font-weight: 800 !important; } #credicell-app .cci-portada.store.impact-store .impact-ribbon { min-height: 46px !important; position: relative !important; overflow: hidden !important; background: rgb(0, 27, 63) !important; color: rgb(255, 255, 255) !important; } #credicell-app .cci-portada.store.impact-store .impact-ribbon::before, #credicell-app .cci-portada.store.impact-store .impact-ribbon::after { content: "" !important; position: absolute !important; width: 390px !important; height: 120px !important; bottom: -92px !important; border-radius: 50% !important; background: conic-gradient(from 210deg, rgb(255, 22, 132), rgb(255, 207, 0), rgb(0, 223, 233), rgb(18, 103, 215), rgb(255, 22, 132)) !important; } #credicell-app .cci-portada.store.impact-store .impact-ribbon::before { left: -80px !important; } #credicell-app .cci-portada.store.impact-store .impact-ribbon::after { right: -80px !important; transform: rotate(180deg) !important; } #credicell-app .cci-portada.store.impact-store .impact-ribbon-inner { min-height: 46px !important; max-width: 940px !important; margin: 0px auto !important; padding: 0px 20px !important; position: relative !important; z-index: 2 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 22px !important; } #credicell-app .cci-portada.store.impact-store .impact-ribbon strong { color: rgb(255, 255, 255) !important; font-family: cursive !important; font-size: 15px !important; font-style: italic !important; } #credicell-app .cci-portada.store.impact-store .impact-ribbon span { color: rgb(216, 230, 246) !important; font-size: 9px !important; font-weight: 700 !important; } @media (max-width: 1440px){#credicell-app .cci-portada.store.impact-store .st-top > .st-wrap { padding: 0px 22px !important; gap: 15px !important; }} @media (max-width: 1440px){#credicell-app .cci-portada.store.impact-store .st-logo { width: 170px !important; max-width: 170px !important; flex-basis: 170px !important; }} @media (max-width: 1440px){#credicell-app .cci-portada.store.impact-store .st-search { width: 260px !important; min-width: 180px !important; }} @media (max-width: 1440px){#credicell-app .cci-portada.store.impact-store .impact-inline-menu .st-mi > a { padding: 9px 6px !important; font-size: 11px !important; }} @media (max-width: 1440px){#credicell-app .cci-portada.store.impact-store .st-hero .st-wrap { grid-template-columns: minmax(430px, 0.82fr) minmax(620px, 1.18fr) !important; padding: 0px 36px !important; }} @media (max-width: 1440px){#credicell-app .cci-portada.store.impact-store .impact-device { width: 45% !important; }} @media (max-width: 1440px){#credicell-app .cci-portada.store.impact-store .impact-tech-claim { display: none !important; }} @media (max-width: 1440px){#credicell-app .cci-portada.store.impact-store .impact-category { padding: 18px !important; }} @media (max-width: 1440px){#credicell-app .cci-portada.store.impact-store .impact-category b { font-size: 25px !important; }} @media (max-width: 1120px){#credicell-app .cci-portada.store.impact-store .st-search { display: none !important; }} @media (max-width: 1120px){#credicell-app .cci-portada.store.impact-store .st-top > .st-wrap { justify-content: space-between !important; }} @media (max-width: 1120px){#credicell-app .cci-portada.store.impact-store .st-hero .st-wrap { grid-template-columns: 0.9fr 1.1fr !important; padding: 0px 24px !important; }} @media (max-width: 1120px){#credicell-app .cci-portada.store.impact-store .st-hero h1 { font-size: 54px !important; }} @media (max-width: 1120px){#credicell-app .cci-portada.store.impact-store .impact-device { width: 45% !important; height: 305px !important; }} @media (max-width: 1120px){#credicell-app .cci-portada.store.impact-store .impact-price { left: -10% !important; }} @media (max-width: 1120px){#credicell-app .cci-portada.store.impact-store .impact-promise { display: none !important; }} @media (max-width: 1120px){#credicell-app .cci-portada.store.impact-store .impact-category-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }} @media (max-width: 1120px){#credicell-app .cci-portada.store.impact-store .st-trust .st-wrap { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }} @media (max-width: 1120px){#credicell-app .cci-portada.store.impact-store .impact-location { grid-column: span 2 !important; }} @media (max-width: 820px){#credicell-app .cci-portada.store.impact-store .st-top { min-height: 72px !important; }} @media (max-width: 820px){#credicell-app .cci-portada.store.impact-store .st-top > .st-wrap { min-height: 56px !important; padding: 0px 14px !important; gap: 10px !important; }} @media (max-width: 820px){#credicell-app .cci-portada.store.impact-store .st-logo { width: 132px !important; height: 50px !important; flex-basis: 132px !important; }} @media (max-width: 820px){#credicell-app .cci-portada.store.impact-store .impact-inline-menu { max-width: calc(-226px + 100vw) !important; overflow-x: auto !important; justify-content: flex-start !important; scrollbar-width: none !important; }} @media (max-width: 820px){#credicell-app .cci-portada.store.impact-store .impact-inline-menu .st-mi:nth-child(n+5) { display: none !important; }} @media (max-width: 820px){#credicell-app .cci-portada.store.impact-store .st-icons .cta { display: none !important; }} @media (max-width: 820px){#credicell-app .cci-portada.store.impact-store .st-hero .st-wrap { height: auto !important; min-height: 0px !important; max-height: none !important; grid-template-columns: 1fr !important; padding: 0px 18px !important; }} @media (max-width: 820px){#credicell-app .cci-portada.store.impact-store .st-slide { height: auto !important; min-height: 0px !important; max-height: none !important; }} @media (max-width: 820px){#credicell-app .cci-portada.store.impact-store .st-hero .tx { padding: 36px 3px 14px !important; align-items: center !important; text-align: center !important; }} @media (max-width: 820px){#credicell-app .cci-portada.store.impact-store .st-hero h1 { font-size: clamp(48px, 12vw, 68px) !important; }} @media (max-width: 820px){#credicell-app .cci-portada.store.impact-store .st-hero .tx > p { font-size: 17px !important; }} @media (max-width: 820px){#credicell-app .cci-portada.store.impact-store .st-hero .pic, #credicell-app .cci-portada.store.impact-store .st-hero .pic-card, #credicell-app .cci-portada.store.impact-store .impact-device-stage { height: 330px !important; min-height: 330px !important; max-height: 330px !important; }} @media (max-width: 820px){#credicell-app .cci-portada.store.impact-store .impact-device { width: 46% !important; height: 260px !important; bottom: -8px !important; }} @media (max-width: 820px){#credicell-app .cci-portada.store.impact-store .impact-device-1 { left: 0px !important; }} @media (max-width: 820px){#credicell-app .cci-portada.store.impact-store .impact-device-2 { left: 27% !important; }} @media (max-width: 820px){#credicell-app .cci-portada.store.impact-store .impact-device-3 { left: 55% !important; }} @media (max-width: 820px){#credicell-app .cci-portada.store.impact-store .impact-price { left: 3% !important; top: 5px !important; min-width: 145px !important; padding: 9px 12px !important; font-size: 11px !important; }} @media (max-width: 820px){#credicell-app .cci-portada.store.impact-store .impact-price strong { font-size: 22px !important; }} @media (max-width: 820px){#credicell-app .cci-portada.store.impact-store .impact-category-grid { padding: 0px 14px !important; }} @media (max-width: 820px){#credicell-app .cci-portada.store.impact-store .st-trust .st-wrap { padding: 0px 14px !important; }} @media (max-width: 820px){#credicell-app .cci-portada.store.impact-store .impact-ribbon-inner { justify-content: center !important; }} @media (max-width: 820px){#credicell-app .cci-portada.store.impact-store .impact-ribbon span { display: none !important; }} @media (max-width: 520px){#credicell-app .cci-portada.store.impact-store .impact-inline-menu { display: none !important; }} @media (max-width: 520px){#credicell-app .cci-portada.store.impact-store .st-icons > a:not(:first-child) { display: none !important; }} @media (max-width: 520px){#credicell-app .cci-portada.store.impact-store .st-hero .tx { padding-top: 30px !important; }} @media (max-width: 520px){#credicell-app .cci-portada.store.impact-store .st-hero .kick { font-size: 10px !important; letter-spacing: 0.18em !important; }} @media (max-width: 520px){#credicell-app .cci-portada.store.impact-store .st-hero h1 { font-size: 49px !important; }} @media (max-width: 520px){#credicell-app .cci-portada.store.impact-store .st-hero .tx > p { font-size: 15px !important; }} @media (max-width: 520px){#credicell-app .cci-portada.store.impact-store .st-hero .btns { width: 100% !important; display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; }} @media (max-width: 520px){#credicell-app .cci-portada.store.impact-store .st-hero .st-btn { width: 100% !important; min-width: 0px !important; padding: 11px 8px !important; font-size: 11px !important; }} @media (max-width: 520px){#credicell-app .cci-portada.store.impact-store .impact-category-grid { grid-template-columns: 1fr !important; }} @media (max-width: 520px){#credicell-app .cci-portada.store.impact-store .impact-category { min-height: 174px !important; }} @media (max-width: 520px){#credicell-app .cci-portada.store.impact-store .st-trust .st-wrap { grid-template-columns: 1fr !important; }} @media (max-width: 520px){#credicell-app .cci-portada.store.impact-store .impact-location { grid-column: auto !important; }} .store { --sp: #001834; --sa: #00B8D4; --sy: #FFC400; --sok: #25D366; --sbg: #fff; --ssurf: #F5F6FA; --stext: #0F1222; --sr: 18px; --sbtnr: 12px; --sfh: 'DM Serif Display'; --sfb: 'Poppins'; --marqdur: 26s; background: var(--sbg); color: var(--stext); font-family: var(--sfb),Inter,sans-serif; font-size: 14px; line-height: 1.5; } .store * { box-sizing: border-box; } .store h1, .store h2, .store h3 { font-family: var(--sfh),Georgia,serif; font-weight: 400; margin: 0px; } .store img { max-width: 100%; } .store a { color: inherit; text-decoration: none; } .st-btn { display: inline-flex; align-items: center; gap: 7px; padding: 11px 20px; border-radius: var(--sbtnr); font-weight: 700; font-family: var(--sfb); font-size: 13.5px; background: var(--sa); color: rgb(255, 255, 255); transition: 0.18s; cursor: pointer; border: 0px; } .st-wrap { max-width: var(--swrap,1120px); margin: 0px auto; padding: 0 var(--sgutter,20px); } .st-top { background: var(--sbg); border-bottom: 1px solid rgb(236, 238, 244); padding: 12px 0px; } .st-top .st-wrap { display: flex; align-items: center; gap: 16px; } .st-logo { height: 34px; flex: 0 0 auto; } .st-search { flex: 1 1 0%; display: flex; align-items: center; gap: 8px; background: var(--ssurf); border-radius: 999px; padding: 9px 15px; color: rgb(139, 144, 168); font-size: 13px; min-width: 0px; } .st-search input { flex: 1 1 0%; min-width: 0px; border: 0px; background: transparent; outline: none; color: var(--stext); font-size: 13px; font-family: var(--sfb); } .st-search input::placeholder { color: rgb(139, 144, 168); } .st-search .ic { flex: 0 0 auto; line-height: 1; } .st-icons { display: flex; align-items: center; gap: 14px; flex: 0 0 auto; font-size: 19px; } .st-icons .cta { font-size: 13px; } .st-mi { position: relative; } .st-mi > a { position: relative; display: inline-flex; align-items: center; gap: 6px; padding: 14px 16px; font-weight: 600; font-size: 13px; letter-spacing: 0.01em; font-family: var(--sfb); color: rgb(255, 255, 255); transition: color 0.18s, background 0.18s; } .st-mi > a .caret { font-size: 9px; opacity: 0.65; transition: transform 0.22s; } .st-mi:hover > a { background: rgba(255, 255, 255, 0.08); border-radius: 8px 8px 0px 0px; } .st-dd { position: absolute; top: 100%; left: 0px; background: rgb(255, 255, 255); color: var(--stext); min-width: 190px; border-radius: 0px 0px 12px 12px; box-shadow: rgba(6, 12, 59, 0.22) 0px 18px 40px; padding: 6px; opacity: 0; visibility: hidden; transform: translateY(6px); transition: 0.16s; z-index: 40; } .st-mi:hover .st-dd { opacity: 1; visibility: visible; transform: translateY(0px); } .st-dd a { display: block; padding: 9px 12px; border-radius: 8px; font-size: 13px; font-family: var(--sfb); font-weight: 500; } .st-dd a:hover { background: var(--sp); color: rgb(255, 255, 255); transform: translateX(3px); } .st-dd { margin-top: 2px; border: 1px solid rgba(6, 12, 59, 0.08); border-radius: 14px; } .st-dd a { transition: 0.16s; } .st-mi > a::after { content: ""; position: absolute; left: 14px; right: 14px; bottom: 7px; height: 2px; border-radius: 2px; background: var(--sa); transform: scaleX(0); transform-origin: left center; transition: transform 0.24s; } .st-mi:hover > a::after { transform: scaleX(1); } .st-mi:hover > a .caret { transform: rotate(180deg); } .st-hero { position: relative; } .st-slide { position: relative; min-height: 340px; display: flex; align-items: center; padding: 40px 0px; overflow: hidden; } .st-slide .st-wrap { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 30px; align-items: center; width: 100%; position: relative; z-index: 2; } .st-slide .kick { display: inline-block; background: rgba(255, 255, 255, 0.14); color: rgb(255, 255, 255); font-family: var(--sfb); font-weight: 700; font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; padding: 7px 15px; border-radius: 999px; margin-bottom: 16px; } .st-slide h1 { font-size: 44px; line-height: 1.02; margin-bottom: 14px; color: rgb(255, 255, 255); text-wrap: balance; } .st-slide p { font-family: var(--sfb); font-size: 15px; color: rgba(255, 255, 255, 0.88); margin: 0px 0px 22px; max-width: 420px; line-height: 1.5; } .st-slide .btns { display: flex; gap: 12px; flex-wrap: wrap; } .st-slide .btns .st-btn { background: rgb(255, 255, 255); color: var(--sp); } .st-slide .btns .st-btn.green { background: var(--sok); color: rgb(255, 255, 255); box-shadow: rgba(37, 211, 102, 0.55) 0px 0px 26px; } .st-slide .pic { display: grid; place-items: center; } .st-slide .pic .pic-card { background: transparent; border-radius: 0px; padding: 0px; display: grid; place-items: center; box-shadow: none; width: 100%; max-width: 340px; aspect-ratio: 1 / 0.92; overflow: visible; } .st-slide .pic img { width: 100%; height: 100%; object-fit: contain; } .st-slide .pic.plain .pic-card { background: transparent; box-shadow: none; padding: 0px; } .st-slide .pic.plain img { filter: drop-shadow(rgba(0, 0, 0, 0.4) 0px 22px 40px); } .store.anim-herofloat .st-slide .pic img { animation: 5s ease-in-out 0s infinite normal none running hfloat; } @keyframes hfloat { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(calc(-1 * var(--floaty,14px))); } } .st-trust { background: var(--ssurf); padding: 22px 0px; } .st-trust .st-wrap { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; } .st-tr { display: flex; gap: 11px; align-items: flex-start; } .st-tr .e { font-size: 24px; } .st-tr b { font-family: var(--sfb); font-size: 13.5px; display: block; } .st-tr small { color: rgb(122, 127, 149); font-family: var(--sfb); font-size: 12px; } @keyframes brandmarq { 0% { transform: translateX(0px); } 100% { transform: translateX(-50%); } } .store .st-btn { border-radius: var(--sbtnr); } .store { font-size: calc(15px*var(--sfscale,1)); } .store h1, .store h2, .store h3 { letter-spacing: var(--stracking,-.01em); } @keyframes marq { 0% { transform: translateX(0px); } 100% { transform: translateX(-50%); } } @keyframes ctapulse { 0%, 100% { box-shadow: rgba(233, 30, 99, 0.45) 0px 0px 0px 0px; } 50% { box-shadow: rgba(233, 30, 99, 0) 0px 0px 0px 10px; } } @keyframes reveal { 0% { opacity: 0; transform: translateY(18px); } 100% { opacity: 1; transform: none; } } .store [data-ent] { will-change: transform, opacity; } @keyframes entFade { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes entFadeUp { 0% { opacity: 0; transform: translateY(var(--entdist,26px)); } 100% { opacity: 1; transform: none; } } @keyframes entFadeDown { 0% { opacity: 0; transform: translateY(calc(var(--entdist,26px) * -1)); } 100% { opacity: 1; transform: none; } } @keyframes entFadeLeft { 0% { opacity: 0; transform: translateX(var(--entdist,34px)); } 100% { opacity: 1; transform: none; } } @keyframes entFadeRight { 0% { opacity: 0; transform: translateX(calc(var(--entdist,34px) * -1)); } 100% { opacity: 1; transform: none; } } @keyframes entZoomIn { 0% { opacity: 0; transform: scale(0.9); } 100% { opacity: 1; transform: none; } } @keyframes entZoomOut { 0% { opacity: 0; transform: scale(1.08); } 100% { opacity: 1; transform: none; } } @keyframes entSlideUp { 0% { transform: translateY(40px); } 100% { transform: none; } } @keyframes entSlideDown { 0% { transform: translateY(-40px); } 100% { transform: none; } } @keyframes entSlideLeft { 0% { transform: translateX(48px); } 100% { transform: none; } } @keyframes entSlideRight { 0% { transform: translateX(-48px); } 100% { transform: none; } } @keyframes entBounce { 0% { opacity: 0; transform: translateY(30px); } 60% { opacity: 1; transform: translateY(-8px); } 100% { transform: none; } } @keyframes entBlur { 0% { opacity: 0; filter: blur(10px); } 100% { opacity: 1; filter: blur(0px); } } @keyframes entRotate { 0% { opacity: 0; transform: rotate(-6deg) scale(0.95); } 100% { opacity: 1; transform: none; } } .store.anim-btn-glow .st-btn:hover, .store.anim-btn-glow .st-card .buy:hover { filter: brightness(1.12); box-shadow: rgba(233, 30, 99, 0.4) 0px 6px 20px; } @keyframes btnBounce { 0%, 100% { transform: translateY(0px); } 30% { transform: translateY(-5px); } 60% { transform: translateY(-2px); } } .store.anim-cta.cta-interval .st-btn { animation: ctaPulse var(--ctaint,6s) ease-in-out infinite; } .store.anim-cta-scale.cta-interval .st-btn { animation-name: ctaScale; } @keyframes ctaPulse { 0%, 88%, 100% { box-shadow: rgba(0, 184, 212, 0.45) 0px 0px 0px 0px; } 94% { box-shadow: 0 0 0 var(--ctai,3px) rgba(233,30,99,0); } } @keyframes ctaScale { 0%, 86%, 100% { transform: scale(1); } 93% { transform: scale(1.05); } } @keyframes ctaBounce { 0%, 84%, 100% { transform: translateY(0px); } 90% { transform: translateY(-4px); } 95% { transform: translateY(0px); } } .store.anim-kenburns .st-slide .pic img, .store.anim-kenburns .st-card .ph img { animation: kenb var(--kbdur,8s) ease-in-out infinite alternate; } @keyframes kenb { 0% { transform: scale(1); } 100% { transform: scale(1.06); } } @media (prefers-reduced-motion: reduce){.store.rm [data-ent].ent-play, .store.rm .st-slide .pic img, .store.rm .st-card .ph img, .store.rm.anim-cta .st-btn, .store.rm .st-brands-track, .store.rm .st-marq .in { animation: auto ease 0s 1 normal none running none !important; }} .store.anim-bannerseq .st-slide.seq .kick { animation: 0.5s ease 0s 1 normal both running entFadeUp; } .store.anim-bannerseq .st-slide.seq h1 { animation: 0.55s ease 0.12s 1 normal both running entFadeUp; } .store.anim-bannerseq .st-slide.seq p { animation: 0.55s ease 0.24s 1 normal both running entFadeUp; } .store.anim-bannerseq .st-slide.seq .btns { animation: 0.55s ease 0.36s 1 normal both running entFadeUp; } .store.anim-bannerseq .st-slide.seq .pic-card { animation: 0.6s ease 0.18s 1 normal both running entZoomIn; } .store.anim-iconhover .st-icons a { display: inline-block; transition: transform 0.16s; } .store.anim-iconhover .st-icons a:hover { transform: translateY(-2px) scale(1.18); } @keyframes badgePulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.08); } } @keyframes waBubble { 0%, 70%, 100% { opacity: 0; transform: translateX(8px); } 80%, 92% { opacity: 1; transform: none; } } @keyframes waPulse { 0%, 90%, 100% { box-shadow: rgba(37, 211, 102, 0.5) 0px 10px 26px, rgba(37, 211, 102, 0.5) 0px 0px 0px 0px; } 95% { box-shadow: rgba(37, 211, 102, 0.5) 0px 10px 26px, rgba(37, 211, 102, 0) 0px 0px 0px 14px; } } @media (prefers-reduced-motion: reduce){.store.rm.anim-bannerseq .st-slide.seq *, .store.rm.anim-badgepulse .st-badge, .store.rm.wa-pulse .fbtn.wa, .store.rm .wa-bubble { animation: auto ease 0s 1 normal none running none !important; }} @keyframes cartBump { 0%, 100% { transform: scale(1); } 35% { transform: scale(1.28); } } @keyframes holo { 100% { transform: rotate(360deg); } } @keyframes holoTilt { 0%, 100% { transform: rotateY(-8deg); } 50% { transform: rotateY(8deg); } } @keyframes ccmov { 0% { transform: translateY(0px); } 100% { transform: translateY(var(--movdist,-14px)); } } @keyframes ccrip { 100% { transform: scale(2.2); opacity: 0; } } @keyframes ccspin { 100% { transform: rotate(360deg); } } @keyframes ccpop { 0% { transform: scale(0.7); } 60% { transform: scale(1.18); } 100% { transform: scale(1); } } .st-icons a { position: relative; } @keyframes ccbpop { 0% { transform: scale(1); } 45% { transform: scale(1.28); } 100% { transform: scale(1); } } @keyframes ccbbou { 0%, 100% { transform: translateY(0px); } 35% { transform: translateY(-9px); } 65% { transform: translateY(-3px); } } @keyframes ccbsc { 0% { transform: scale(1); } 50% { transform: scale(1.35); } 100% { transform: scale(1); } } @keyframes ccbpul { 0%, 100% { opacity: 1; } 50% { opacity: 0.45; } } @keyframes ccann5 { 0% { transform: translateY(0px); } 16.4% { transform: translateY(0px); } 20% { transform: translateY(-34px); } 36.4% { transform: translateY(-34px); } 40% { transform: translateY(-68px); } 56.4% { transform: translateY(-68px); } 60% { transform: translateY(-102px); } 76.4% { transform: translateY(-102px); } 80% { transform: translateY(-136px); } 96.4% { transform: translateY(-136px); } 100% { transform: translateY(-170px); } } @media (max-width: 1024px){.store { --sfscale: 0.96 !important; --sgutter: 16px !important; --srhythm: 0.92 !important; }} @media (max-width: 640px){.store { --sfscale: 0.92 !important; --sgutter: 14px !important; --srhythm: 0.78 !important; }} /* ---- ajustes propios del HTML del servidor ---- */ #credicell-app .cci-portada{position:relative} #credicell-app .cci-portada .cci-logo-link{display:inline-flex;align-items:center;flex:0 0 auto} #credicell-app .cci-portada.store.impact-store .st-tr .e.cci-e svg{width:21px;height:21px} #credicell-app .cci-portada.store.impact-store .impact-brand-mark.cci-con-logo{display:inline-flex!important;align-items:center;justify-content:center;width:var(--mc-logo,40px);height:var(--mc-logo,40px);min-height:0!important;padding:4px!important;border-radius:12px;background:#fff;box-shadow:0 6px 16px rgba(0,0,0,.18);overflow:hidden} #credicell-app .cci-portada.store.impact-store .impact-brand-mark.cci-con-logo img{position:static!important;width:100%!important;height:100%!important;min-height:0!important;max-width:none!important;object-fit:contain!important;transform:none!important;opacity:1!important;filter:none!important;mix-blend-mode:normal!important;border-radius:8px} #credicell-app .cci-portada.store.impact-store .cci-logo-libre .impact-brand-mark.cci-con-logo{background:transparent;box-shadow:none;padding:0!important;width:auto;min-width:var(--mc-logo,40px)} /* imagen desvanecida (como la de Motorola): la foto ocupa la derecha y se funde con el color de la tarjeta */ #credicell-app .cci-portada.store.impact-store .impact-category.cci-img-desvanecida>img{width:62%!important;height:100%!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;object-fit:cover!important;object-position:100% 50%;transform:none!important;filter:none!important;z-index:1!important;opacity:.96;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 70%);mask-image:linear-gradient(90deg,transparent 0,#000 70%)} #credicell-app .cci-portada.store.impact-store .impact-category.cci-img-desvanecida:hover>img{opacity:1} /* la cabecera no recorta los menús desplegables */ #credicell-app .cci-portada.store.impact-store.cci-portada-cabecera{overflow:visible!important;position:relative;z-index:60} #credicell-app .cci-portada.store.impact-store.cci-portada-cabecera .st-top{overflow:visible!important} #credicell-app .cci-portada.store.impact-store .impact-category{transition:transform .28s ease,box-shadow .28s ease} #credicell-app .cci-portada.store.impact-store .impact-categories.cci-elevar .impact-category:hover{transform:translateY(calc(var(--mc-elevar,8px) * -1))!important;box-shadow:0 22px 40px rgba(0,27,63,.28)!important} #credicell-app .cci-portada.store.impact-store .impact-category.cci-tono-verde{background:linear-gradient(135deg,#0E9F55,#16B866)!important} #credicell-app .cci-portada.store.impact-store .impact-category.cci-tono-rosa{background:linear-gradient(135deg,#C8106B,#FF3E9E)!important} #credicell-app .cci-portada.store.impact-store .impact-category.cci-tono-navy{background:linear-gradient(135deg,#071640,#132A66)!important} /* recuadro de sedes: pasa por todas las tiendas */ #credicell-app .cci-portada.store.impact-store .impact-location.cci-sedes{padding:0!important;display:block!important} #credicell-app .cci-portada.store.impact-store .cci-sede{position:absolute;inset:0;display:flex;align-items:center;gap:10px;padding:12px 44% 12px 14px;color:#fff;text-decoration:none;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s} #credicell-app .cci-portada.store.impact-store .cci-sede.is-on{opacity:1;visibility:visible} #credicell-app .cci-portada.store.impact-store .cci-sede>div{position:relative;z-index:3} #credicell-app .cci-portada.store.impact-store .cci-sedes-puntos{position:absolute;left:14px;bottom:7px;z-index:4;display:flex;gap:5px} #credicell-app .cci-portada.store.impact-store .cci-sedes-puntos button{width:6px;height:6px;border-radius:99px;border:0;padding:0;background:rgba(255,255,255,.5);cursor:pointer;transition:width .25s} #credicell-app .cci-portada.store.impact-store .cci-sedes-puntos button.is-on{width:16px;background:#fff} /* carrito con cantidad y menú en celular */ #credicell-app .cci-portada.store .st-icons .cci-carrito{position:relative} #credicell-app .cci-portada.store .st-icons .cci-cartn{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:#E5484D;color:#fff;font:700 11px/18px Manrope,sans-serif;text-align:center} #credicell-app .cci-portada.store .cci-hamb{display:none;border:0;background:none;font-size:24px;cursor:pointer;color:var(--sp)} @media (max-width:1050px){ #credicell-app .cci-portada.store .cci-hamb{display:inline-flex} #credicell-app .cci-portada.store.impact-store .impact-inline-menu.cci-nav:not(.is-abierto){display:none!important} #credicell-app .cci-portada.store.impact-store .impact-inline-menu.cci-nav.is-abierto{display:flex!important;flex-direction:column;position:absolute;left:0;right:0;top:100%;z-index:40;background:#fff;padding:10px 16px;box-shadow:0 16px 30px rgba(0,27,63,.15)} } #credicell-app.cci .cci-portada .st-btn .cci-ic-btn{width:18px;height:18px;vertical-align:-3px;display:inline-block} /* logos dibujados de las tarjetas (una tinta, sin recuadro por defecto) */ #credicell-app .cci-portada.store.impact-store .impact-brand-mark.cci-logo-svg{color:var(--mc-logo-c,#fff)!important;width:auto!important;min-width:0!important;height:var(--mc-logo,34px)!important;padding:0!important;background:transparent!important;box-shadow:none!important;display:inline-flex!important;align-items:center} #credicell-app .cci-portada.store.impact-store .impact-categories:not(.cci-logo-libre) .impact-brand-mark.cci-logo-svg{height:calc(var(--mc-logo,34px) + 12px)!important;padding:6px 9px!important;background:#fff!important;border-radius:12px;box-shadow:0 6px 16px rgba(0,0,0,.18)!important} #credicell-app .cci-portada.store.impact-store .cci-logo-svg svg{height:100%;width:auto;display:block;filter:drop-shadow(0 2px 6px rgba(0,0,0,.18))} #credicell-app .cci-portada.store.impact-store .cci-logo-svg svg.cci-logo-ancho{height:55%} #credicell-app .cci-portada.store.impact-store .impact-categories:not(.cci-logo-libre) .cci-logo-svg svg{filter:none} /* ---------- recuadro de TIENDAS (todo sale de las opciones del panel) ---------- */ @media (min-width:1121px){#credicell-app .cci-portada.store.impact-store .st-trust .st-wrap.cci-trust-cols{grid-template-columns:var(--tr-cols)!important}} #credicell-app .cci-portada.store.impact-store .impact-location.cci-sedes{background:var(--sd-fondo,#012654)!important;min-height:var(--sd-alto,94px)!important;border-radius:var(--sd-radio,13px)!important} #credicell-app .cci-portada.store.impact-store .impact-location.cci-sedes.cci-fila-completa{grid-column:1/-1!important} #credicell-app .cci-portada.store.impact-store .cci-sedes .cci-sede{padding:12px calc(var(--sd-foto,43%) + 1%) 12px 14px;transition:opacity var(--sd-seg,.6s) ease,visibility var(--sd-seg,.6s),transform var(--sd-seg,.6s) ease} #credicell-app .cci-portada.store.impact-store .cci-sedes.cci-foto-izq .cci-sede{padding:12px 14px 12px calc(var(--sd-foto,43%) + 14px)} #credicell-app .cci-portada.store.impact-store .cci-sedes.cci-sin-foto .cci-sede{padding-right:14px} #credicell-app .cci-portada.store.impact-store .cci-sedes.cci-ef-deslizar .cci-sede{transform:translateX(28px)} #credicell-app .cci-portada.store.impact-store .cci-sedes.cci-ef-deslizar .cci-sede.is-on{transform:none} #credicell-app .cci-portada.store.impact-store .cci-sedes .cci-sede b{color:var(--sd-texto,#fff)!important;font-size:var(--sd-t,12px)!important} #credicell-app .cci-portada.store.impact-store .cci-sedes .cci-sede small{color:var(--sd-texto,#fff)!important;font-size:var(--sd-s,9px)!important;opacity:.92} #credicell-app .cci-portada.store.impact-store .cci-sedes .cci-sede small.cci-sede-dato{margin-top:2px!important;opacity:.8} #credicell-app .cci-portada.store.impact-store .cci-sedes .impact-location-cta{background:var(--sd-bfondo,#fff)!important;color:var(--sd-btexto,#001B3F)!important} #credicell-app .cci-portada.store.impact-store .cci-sedes .cci-sede img{width:var(--sd-foto,43%)!important;object-fit:var(--sd-ajuste,cover)!important;object-position:var(--sd-fx,50%) var(--sd-fy,50%)!important;filter:brightness(var(--sd-luz,1))} #credicell-app .cci-portada.store.impact-store .cci-sedes.cci-foto-izq .cci-sede img{right:auto!important;left:0!important} /* cabecera fija al hacer scroll («Menú fijo» en Menú y logo) */ #credicell-app.cci .store.impact-store.cci-portada-cabecera.cci-fija{position:sticky!important;top:0!important;z-index:70!important} /* foto de cada sede: marco con la foto que se acomoda (automático / recortada / completa) */ #credicell-app .cci-portada.store.impact-store .cci-sedes .cci-sede .cci-sede-marco{position:absolute;top:0;right:0;bottom:0;width:var(--sd-foto,43%);overflow:hidden;z-index:1;background:#0b1f3f} #credicell-app .cci-portada.store.impact-store .cci-sedes.cci-foto-izq .cci-sede .cci-sede-marco{right:auto;left:0} #credicell-app .cci-portada.store.impact-store .cci-sedes .cci-sede .cci-sede-marco img{position:absolute!important;inset:0!important;top:0!important;right:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:var(--sd-fx,50%) var(--sd-fy,50%);filter:brightness(var(--sd-luz,1));z-index:1!important;transition:transform .3s} #credicell-app .cci-portada.store.impact-store .cci-sedes .cci-sede.cci-aj-contain .cci-sede-marco img, #credicell-app .cci-portada.store.impact-store .cci-sedes .cci-sede.cci-aj-auto.es-contener .cci-sede-marco img{object-fit:contain!important;filter:brightness(var(--sd-luz,1)) drop-shadow(0 8px 14px rgba(0,0,0,.35))} #credicell-app .cci-portada.store.impact-store .cci-sedes .cci-sede-difuso{position:absolute;inset:-20px;background-size:cover;background-position:center;filter:blur(16px) brightness(.8) saturate(1.1);opacity:0;z-index:0} #credicell-app .cci-portada.store.impact-store .cci-sedes .cci-sede.cci-aj-contain .cci-sede-difuso, #credicell-app .cci-portada.store.impact-store .cci-sedes .cci-sede.cci-aj-auto.es-contener .cci-sede-difuso{opacity:1} /* Tarjeta de marca con el producto agotado (paso 11) */ #credicell-app .cci-portada.store.impact-store .impact-category.cci-agotado > img { filter: grayscale(.75) opacity(.7) !important; } #credicell-app .cci-portada.store.impact-store .impact-category-price.cci-agotado-chip { background: #FFFFFF !important; color: #B42318 !important; }