/* ===== CARRUSEL MIXMARKET ===== */

.mm-carousel {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
}

.mm-carousel-track {
    display: flex;
    transition: transform 0.5s ease;
}

.mm-slide {
    min-width: 100%;
}

.mm-slide img {
    width: 100%;
    height: auto;
    max-height: 500px;
    object-fit: cover;
}

/* BOTONES */
.mm-prev,
.mm-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.4);
    color: #fff;
    border: none;
    font-size: 30px;
    padding: 10px 15px;
    cursor: pointer;
    z-index: 10;
}

.mm-prev { left: 10px; }
.mm-next { right: 10px; }

/* DOTS */
.mm-dots {
    position: absolute;
    bottom: 15px;
    width: 100%;
    text-align: center;
}

.mm-dots span {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 5px;
    background: #ccc;
    border-radius: 50%;
    cursor: pointer;
}

.mm-dots span.active {
    background: #FFA733;
}

/* FOOTER GLOBAL MIXMARKET */
.custom-footer {
    background: #333 !important;
    color: #fff !important;
    padding: 40px 0 0 !important;
    border-top: 4px solid #FFA733 !important;
    margin-top: 60px !important;
}

.footer-columns {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    flex-wrap: wrap;
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto;
}

.footer-col {
    flex: 1 1 220px;
}

.footer-col h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #FFA733;
}

.footer-col ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-col ul li {
    margin: 10px 0;
}

.footer-col ul li a {
    text-decoration: none;
    color: #ddd;
    transition: color 0.3s ease;
    font-size: 14px;
}

.footer-col ul li a:hover {
    color: #FFA733;
}

.footer-bottom {
    text-align: center;
    font-size: 13px;
    padding: 20px;
    background: #222;
    color: #ddd;
}

.social-icons {
    display: flex;
    gap: 14px;
    padding: 0;
    margin: 0;
}

.social-icons li {
    list-style: none;
}

.social-icons a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    background-color: #FFA733;
    color: white !important;
    border-radius: 50%;
    font-size: 20px !important;
    font-weight: bold;
    transition: background-color 0.3s, transform 0.3s ease;
    text-decoration: none;
}

.social-icons a:hover {
    background-color: #1f12a8;
    transform: scale(1.08);
}

@media(max-width: 1000px) {
    .mm-global-header-inner {
        flex-direction: column;
        gap: 14px;
    }

    .mm-global-nav {
        gap: 18px;
        flex-wrap: wrap;
        justify-content: center;
    }
}

/* Ancla tiendas con margen por header */
#tiendas {
    scroll-margin-top: 110px;
}


/* ===== MIXMARKET HOME - FONDO SUAVE GLOBAL ===== */

body.central-home,
body.cms-index-index {
    background:
        radial-gradient(circle at top left, rgba(31,18,168,.08), transparent 30%),
        radial-gradient(circle at top right, rgba(255,167,51,.18), transparent 28%),
        linear-gradient(180deg, #ffffff 0%, #f6f6fb 100%) !important;
}

body.central-home .page-wrapper,
body.cms-index-index .page-wrapper,
body.central-home .page-main,
body.cms-index-index .page-main {
    background: transparent !important;
}


/* ===== FORZAR FONDO HOME MIXMARKET ===== */
html body.central-home,
html body.cms-index-index,
html body.central-home .page-wrapper,
html body.cms-index-index .page-wrapper,
html body.central-home main.page-main,
html body.cms-index-index main.page-main,
html body.central-home .columns,
html body.cms-index-index .columns,
html body.central-home .column.main,
html body.cms-index-index .column.main {
    background:
        radial-gradient(circle at top left, rgba(31,18,168,.08), transparent 30%),
        radial-gradient(circle at top right, rgba(255,167,51,.18), transparent 28%),
        linear-gradient(180deg, #ffffff 0%, #f6f6fb 100%) !important;
}

/* ===== LANZAMIENTO TARJETA COMBUSTIBLE ===== */

.mm-fuel-launch {
    max-width: 1220px;
    margin: 70px auto 40px;
    padding: 0 22px;
}

.mm-fuel-launch-inner {
    position: relative;
    overflow: hidden;
    border-radius: 34px;
    padding: 46px;
    background:
        radial-gradient(circle at 75% 20%, rgba(255, 171, 45, .35), transparent 36%),
        linear-gradient(135deg, #12009f 0%, #2412c9 45%, #ff8b22 100%);
    box-shadow: 0 28px 70px rgba(25, 10, 120, .24);
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 35px;
    align-items: center;
}

.mm-fuel-copy {
    color: #fff;
    position: relative;
    z-index: 2;
}

.mm-fuel-badge {
    display: inline-flex;
    padding: 8px 16px;
    border-radius: 999px;
    background: rgba(255,255,255,.16);
    border: 1px solid rgba(255,255,255,.28);
    font-weight: 800;
    margin-bottom: 16px;
}

.mm-fuel-copy h2 {
    font-size: clamp(32px, 4vw, 54px);
    line-height: 1.02;
    margin: 0 0 18px;
    font-weight: 900;
}

.mm-fuel-copy p {
    max-width: 560px;
    font-size: 18px;
    line-height: 1.6;
    margin: 0 0 24px;
}

.mm-fuel-points {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 28px;
}

.mm-fuel-points span {
    background: rgba(255,255,255,.14);
    border: 1px solid rgba(255,255,255,.20);
    border-radius: 999px;
    padding: 9px 14px;
    font-weight: 700;
}

.mm-fuel-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 26px;
    border-radius: 999px;
    background: #ffad2f;
    color: #18008f !important;
    font-weight: 900;
    text-decoration: none !important;
    box-shadow: 0 14px 30px rgba(255, 151, 32, .35);
}

.mm-fuel-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 38px rgba(255, 151, 32, .45);
}

.mm-fuel-visual {
    position: relative;
    min-height: 330px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mm-fuel-glow {
    position: absolute;
    width: 340px;
    height: 340px;
    border-radius: 50%;
    background: rgba(255,255,255,.18);
    filter: blur(20px);
    animation: mmFuelPulse 3.8s ease-in-out infinite;
}

.mm-fuel-card {
    position: relative;
    width: min(420px, 90vw);
    height: 250px;
    border-radius: 28px;
    background:
        linear-gradient(140deg, rgba(255,255,255,.24), rgba(255,255,255,.08)),
        linear-gradient(135deg, #ff9c24 0%, #ff6c1a 45%, #1d0bb8 100%);
    box-shadow: 0 30px 80px rgba(0,0,0,.30);
    padding: 26px;
    overflow: hidden;
    transform: rotate(-5deg);
    animation: mmFuelFloat 4.5s ease-in-out infinite;
}

.mm-fuel-card:before {
    content: "";
    position: absolute;
    inset: -80px;
    background: linear-gradient(115deg, transparent 35%, rgba(255,255,255,.42) 48%, transparent 62%);
    transform: translateX(-80%);
    animation: mmFuelShine 3.8s ease-in-out infinite;
}

.mm-fuel-card-top,
.mm-fuel-liters {
    position: relative;
    z-index: 2;
}

.mm-fuel-card-top {
    display: flex;
    justify-content: space-between;
    color: #fff;
    font-size: 19px;
    font-weight: 900;
}

.mm-fuel-card-top span {
    color: #fff;
}

.mm-fuel-card-top strong {
    color: #160098;
    background: #fff;
    border-radius: 999px;
    padding: 6px 12px;
    font-size: 13px;
}

.mm-fuel-chip {
    position: relative;
    z-index: 2;
    width: 58px;
    height: 42px;
    border-radius: 10px;
    background: linear-gradient(135deg, #ffe2a5, #c7821d);
    margin-top: 42px;
    box-shadow: inset 0 0 0 2px rgba(255,255,255,.25);
}

.mm-fuel-liters {
    margin-top: 34px;
    color: #fff;
}

.mm-fuel-liters span {
    display: block;
    font-size: 14px;
    opacity: .9;
}

.mm-fuel-liters strong {
    display: block;
    font-size: 42px;
    line-height: 1;
    margin-top: 4px;
}

.mm-fuel-wave {
    position: absolute;
    left: -10%;
    right: -10%;
    bottom: -45px;
    height: 115px;
    background: rgba(255,255,255,.20);
    border-radius: 50% 50% 0 0;
    animation: mmFuelWave 4s ease-in-out infinite;
}

@keyframes mmFuelFloat {
    0%, 100% { transform: translateY(0) rotate(-5deg); }
    50% { transform: translateY(-16px) rotate(-2deg); }
}

@keyframes mmFuelShine {
    0% { transform: translateX(-90%); }
    55% { transform: translateX(90%); }
    100% { transform: translateX(90%); }
}

@keyframes mmFuelPulse {
    0%, 100% { transform: scale(.95); opacity: .7; }
    50% { transform: scale(1.08); opacity: 1; }
}

@keyframes mmFuelWave {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-12px) rotate(2deg); }
}

@media (max-width: 900px) {
    .mm-fuel-launch-inner {
        grid-template-columns: 1fr;
        padding: 34px 24px;
    }

    .mm-fuel-visual {
        min-height: 280px;
    }
}

@media (max-width: 600px) {
    .mm-fuel-launch {
        margin-top: 45px;
    }

    .mm-fuel-card {
        height: 220px;
    }

    .mm-fuel-copy p {
        font-size: 16px;
    }
}

/* ===== HERO DOBLE TARJETAS MIXMARKET ===== */

.mm-dual-cards-hero {
    max-width: 1100px;
    margin: 34px auto 58px;
    padding: 0 20px;
}

.mm-dual-head {
    text-align: center;
    margin-bottom: 24px;
}

.mm-dual-head span {
    display: inline-flex;
    padding: 7px 15px;
    border-radius: 999px;
    background: rgba(31,18,168,.08);
    color: #1f12a8;
    font-weight: 900;
    margin-bottom: 10px;
}

.mm-dual-head h2 {
    margin: 0;
    color: #1f12a8;
    font-size: clamp(28px, 3.5vw, 44px);
    font-weight: 950;
    line-height: 1.05;
}

.mm-dual-head p {
    margin: 10px 0 0;
    color: #444;
    font-size: 17px;
}

.mm-dual-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 26px;
}

.mm-digital-card {
    position: relative;
    min-height: 330px;
    border-radius: 30px;
    overflow: hidden;
    padding: 30px;
    color: #fff;
    box-shadow: 0 24px 65px rgba(31,18,168,.22);
    isolation: isolate;
}

.mm-gift-card {
    background:
        radial-gradient(circle at 85% 20%, rgba(255,255,255,.22), transparent 30%),
        linear-gradient(135deg, #1f12a8 0%, #2f20d8 58%, #ffad2f 130%);
}

.mm-fuel-card-pro {
    background:
        radial-gradient(circle at 82% 22%, rgba(255,190,70,.45), transparent 30%),
        linear-gradient(135deg, #090042 0%, #1f12a8 44%, #ff7a1a 120%);
}

.mm-digital-card:before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(120deg, transparent 0%, rgba(255,255,255,.12) 42%, transparent 64%);
    transform: translateX(-120%);
    animation: mmCardSweep 4.8s ease-in-out infinite;
    z-index: 1;
}

.mm-card-content {
    position: relative;
    z-index: 3;
    max-width: 58%;
}

.mm-card-kicker {
    display: inline-flex;
    padding: 7px 13px;
    border-radius: 999px;
    background: rgba(255,255,255,.18);
    border: 1px solid rgba(255,255,255,.25);
    font-size: 13px;
    font-weight: 900;
    margin-bottom: 14px;
}

.mm-card-content h3 {
    margin: 0 0 10px;
    font-size: 30px;
    line-height: 1.05;
    font-weight: 950;
}

.mm-card-content p {
    margin: 0 0 18px;
    font-size: 15.5px;
    line-height: 1.45;
    color: rgba(255,255,255,.92);
}

.mm-card-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 22px;
}

.mm-card-meta span {
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.14);
    font-size: 12.5px;
    font-weight: 800;
}

.mm-card-content a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 43px;
    padding: 0 20px;
    border-radius: 999px;
    background: #ffad2f;
    color: #15008d !important;
    text-decoration: none !important;
    font-weight: 950;
    box-shadow: 0 15px 28px rgba(0,0,0,.18);
}

.mm-card-preview {
    position: absolute;
    right: 26px;
    bottom: 30px;
    width: 230px;
    height: 145px;
    border-radius: 22px;
    padding: 20px;
    z-index: 2;
    transform: rotate(-8deg);
    box-shadow: 0 24px 52px rgba(0,0,0,.30);
    animation: mmCardFloat 4.2s ease-in-out infinite;
    overflow: hidden;
}

.gift-preview {
    background:
        linear-gradient(135deg, rgba(255,255,255,.25), rgba(255,255,255,.08)),
        linear-gradient(135deg, #ffad2f, #ff7b22 45%, #1f12a8 130%);
}

.fuel-preview {
    background:
        linear-gradient(135deg, rgba(255,255,255,.24), rgba(255,255,255,.06)),
        linear-gradient(135deg, #ff7a1a, #ffb22f 42%, #0c006f 120%);
}

.mm-card-preview span,
.mm-card-preview strong,
.mm-card-preview em {
    position: relative;
    z-index: 3;
    display: block;
}

.mm-card-preview span {
    font-weight: 950;
    font-size: 20px;
}

.mm-card-preview strong {
    margin-top: 26px;
    font-size: 42px;
    line-height: 1;
}

.mm-card-preview em {
    margin-top: 6px;
    font-style: normal;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: 1px;
    opacity: .85;
}

.fuel-preview b {
    position: absolute;
    left: -20px;
    right: -20px;
    bottom: -48px;
    height: 92px;
    border-radius: 50% 50% 0 0;
    background: rgba(15,0,120,.42);
    animation: mmFuelLiquid 3.6s ease-in-out infinite;
}

.mm-fuel-particles i {
    position: absolute;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255,173,47,.8);
    z-index: 1;
    animation: mmFuelBubble 3.5s ease-in-out infinite;
}

.mm-fuel-particles i:nth-child(1){right:80px;bottom:72px;animation-delay:0s}
.mm-fuel-particles i:nth-child(2){right:130px;bottom:42px;animation-delay:.6s}
.mm-fuel-particles i:nth-child(3){right:52px;bottom:120px;animation-delay:1.1s}
.mm-fuel-particles i:nth-child(4){right:190px;bottom:98px;animation-delay:1.7s}

@keyframes mmCardSweep {
    0% { transform: translateX(-120%); }
    48% { transform: translateX(120%); }
    100% { transform: translateX(120%); }
}

@keyframes mmCardFloat {
    0%,100% { transform: translateY(0) rotate(-8deg); }
    50% { transform: translateY(-13px) rotate(-4deg); }
}

@keyframes mmFuelLiquid {
    0%,100% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-12px) rotate(3deg); }
}

@keyframes mmFuelBubble {
    0% { transform: translateY(18px) scale(.6); opacity: 0; }
    35% { opacity: 1; }
    100% { transform: translateY(-70px) scale(1.2); opacity: 0; }
}

@media (max-width: 900px) {
    .mm-dual-grid {
        grid-template-columns: 1fr;
    }

    .mm-card-content {
        max-width: 62%;
    }
}

@media (max-width: 600px) {
    .mm-digital-card {
        min-height: 430px;
        padding: 24px;
    }

    .mm-card-content {
        max-width: 100%;
    }

    .mm-card-preview {
        right: 22px;
        bottom: 24px;
        width: 210px;
        height: 132px;
    }
}

/* ocultar crear cuenta */
a[href*="customer/account/create"],
.header.links li.authorization-link + li,
.customer-register-link {
    display: none !important;
}

/* Ocultar temporalmente Tarjeta Combustible en la home */
.mm-fuel-card-pro {
    display: none !important;
}

.mm-dual-grid {
    grid-template-columns: 1fr !important;
    max-width: 660px;
    margin: 0 auto;
}

.mm-dual-head h2 {
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
}

.mm-dual-head h2::after {
    content: "";
}

.mm-dual-head h2 {
    font-size: clamp(34px, 4vw, 56px);
}

.mm-dual-head p {
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
}

/* ===== HERO FINAL TARJETA REGALO MIXMARKET ===== */

.mm-gift-hero-pro {
    max-width: 1180px;
    margin: 34px auto 70px;
    padding: 0 22px;
}

.mm-gift-hero-head {
    text-align: center;
    margin-bottom: 28px;
}

.mm-gift-hero-head span {
    display: inline-flex;
    padding: 9px 22px;
    border-radius: 999px;
    background: rgba(31, 18, 168, .09);
    color: #1f12a8;
    font-weight: 900;
    font-size: 16px;
    margin-bottom: 14px;
}

.mm-gift-hero-head h2 {
    margin: 0 auto;
    max-width: 900px;
    font-size: clamp(40px, 5vw, 70px);
    line-height: .98;
    color: #1f12a8;
    font-weight: 950;
    letter-spacing: -2px;
}

.mm-gift-hero-head p {
    margin: 18px 0 0;
    font-size: 20px;
    color: #333;
}

.mm-gift-showcase {
    position: relative;
    display: grid;
    grid-template-columns: .82fr 1.18fr;
    gap: 32px;
    align-items: center;
    min-height: 430px;
    padding: 48px;
    border-radius: 34px;
    overflow: hidden;
    background:
        radial-gradient(circle at 83% 48%, rgba(255, 173, 47, .55), transparent 26%),
        radial-gradient(circle at 66% 70%, rgba(132, 95, 255, .45), transparent 32%),
        linear-gradient(135deg, #090060 0%, #1700a5 48%, #2a14c9 100%);
    box-shadow: 0 30px 90px rgba(31, 18, 168, .28);
}

.mm-gift-showcase:before {
    content: "";
    position: absolute;
    inset: -120px;
    background:
        conic-gradient(from 120deg, transparent, rgba(255,255,255,.22), transparent, rgba(255,173,47,.28), transparent);
    animation: mmGiftHalo 8s linear infinite;
    opacity: .55;
}

.mm-gift-showcase:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(115deg, transparent 0%, rgba(255,255,255,.10) 42%, transparent 62%);
    transform: translateX(-120%);
    animation: mmGiftSweep 5s ease-in-out infinite;
}

.mm-gift-info {
    position: relative;
    z-index: 3;
    color: #fff;
}

.mm-gift-label {
    display: inline-flex;
    padding: 9px 18px;
    border-radius: 999px;
    background: rgba(255,255,255,.16);
    border: 1px solid rgba(255,255,255,.28);
    font-weight: 900;
    margin-bottom: 20px;
}

.mm-gift-info h3 {
    margin: 0 0 16px;
    font-size: clamp(36px, 4vw, 58px);
    line-height: .95;
    font-weight: 950;
}

.mm-gift-info p {
    margin: 0 0 28px;
    font-size: 20px;
    line-height: 1.45;
    color: rgba(255,255,255,.92);
}

.mm-gift-icons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    margin-bottom: 32px;
}

.mm-gift-icons div {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 14px;
    border-radius: 18px;
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.18);
}

.mm-gift-icons b {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #ffad2f;
    color: #1f12a8;
}

.mm-gift-icons span {
    font-weight: 800;
}

.mm-gift-info a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    padding: 0 30px;
    border-radius: 999px;
    background: #ffad2f;
    color: #16008b !important;
    font-size: 18px;
    font-weight: 950;
    text-decoration: none !important;
    box-shadow: 0 18px 35px rgba(0,0,0,.22);
    transition: .2s ease;
}

.mm-gift-info a:hover {
    transform: translateY(-3px);
}

.mm-gift-card-final {
    position: relative;
    z-index: 4;
    width: min(560px, 100%);
    height: 330px;
    justify-self: center;
    border-radius: 30px;
    overflow: hidden;
    background:
        linear-gradient(135deg, #07006f 0%, #1400a7 55%, #2517d8 100%);
    box-shadow: 0 34px 80px rgba(0,0,0,.36);
    transform: rotate(-4deg);
    animation: mmGiftFloat 4.5s ease-in-out infinite;
}

.mm-gift-card-final:before {
    content: "";
    position: absolute;
    inset: -80px;
    background: linear-gradient(110deg, transparent 35%, rgba(255,255,255,.34) 48%, transparent 60%);
    transform: translateX(-85%);
    animation: mmGiftCardShine 4.2s ease-in-out infinite;
}

.mm-gift-ribbon-horizontal {
    position: absolute;
    left: 0;
    right: 0;
    top: 128px;
    height: 58px;
    background: linear-gradient(90deg, #ffad2f, #ff7a1a);
    box-shadow: 0 10px 25px rgba(0,0,0,.18);
}

.mm-gift-ribbon-vertical {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 142px;
    width: 58px;
    background: linear-gradient(180deg, #ffbd45, #ff7a1a);
    box-shadow: 0 10px 25px rgba(0,0,0,.18);
}

.mm-gift-bow {
    position: absolute;
    right: 94px;
    top: 105px;
    width: 138px;
    height: 100px;
    background: #ff5d1a;
    border-radius: 16px;
    transform: skew(-8deg);
    box-shadow: 0 18px 35px rgba(0,0,0,.22);
}

.mm-gift-bow:before,
.mm-gift-bow:after {
    content: "";
    position: absolute;
    top: 16px;
    width: 80px;
    height: 68px;
    background: linear-gradient(135deg, #ff8b22, #ff3f13);
    border-radius: 60px 18px 60px 18px;
}

.mm-gift-bow:before {
    left: -66px;
    transform: rotate(180deg);
}

.mm-gift-bow:after {
    right: -66px;
}

.mm-gift-card-text-top {
    position: absolute;
    top: 30px;
    left: 36px;
    color: #fff;
    font-size: 25px;
    font-weight: 700;
}

.mm-gift-logo {
    position: absolute;
    left: 38px;
    bottom: 42px;
    color: #ffad2f;
    font-size: 42px;
    font-weight: 950;
    letter-spacing: -2px;
}

.mm-gift-logo span {
    color: #fff;
}

.mm-gift-qr {
    position: absolute;
    right: 38px;
    bottom: 36px;
    width: 78px;
    height: 78px;
    border-radius: 8px;
    background: #ffad2f;
    color: #120098;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 52px;
    font-weight: 900;
}

.mm-gift-benefits {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    max-width: 960px;
    margin: 30px auto 0;
}

.mm-gift-benefits div {
    position: relative;
    padding-left: 58px;
}

.mm-gift-benefits div:before {
    content: "●";
    position: absolute;
    left: 0;
    top: 2px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #1f12a8;
    color: #ffad2f;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mm-gift-benefits strong {
    display: block;
    color: #1f12a8;
    font-size: 17px;
    margin-bottom: 5px;
}

.mm-gift-benefits span {
    color: #444;
    line-height: 1.35;
}

@keyframes mmGiftHalo {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes mmGiftSweep {
    0% { transform: translateX(-120%); }
    48% { transform: translateX(120%); }
    100% { transform: translateX(120%); }
}

@keyframes mmGiftFloat {
    0%,100% { transform: translateY(0) rotate(-4deg); }
    50% { transform: translateY(-16px) rotate(-1deg); }
}

@keyframes mmGiftCardShine {
    0% { transform: translateX(-85%); }
    55% { transform: translateX(85%); }
    100% { transform: translateX(85%); }
}

@media (max-width: 950px) {
    .mm-gift-showcase {
        grid-template-columns: 1fr;
        padding: 34px 24px;
    }

    .mm-gift-card-final {
        height: 270px;
    }

    .mm-gift-benefits {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .mm-gift-hero-head h2 {
        font-size: 38px;
    }

    .mm-gift-icons {
        grid-template-columns: 1fr;
    }

    .mm-gift-card-final {
        height: 230px;
    }

    .mm-gift-card-text-top {
        font-size: 18px;
    }

    .mm-gift-logo {
        font-size: 30px;
    }
}

/* Ajuste texto superior hero tarjeta regalo */
.mm-gift-hero-head span {
    display: none !important;
}


.mm-gift-hero-head p {
    font-size: 17px !important;
    margin-top: 12px !important;
}

/* Mejorar lazo de la tarjeta */
.mm-gift-bow {
    right: 118px !important;
    top: 112px !important;
    width: 86px !important;
    height: 74px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #ffb23a, #ff5a16) !important;
    transform: none !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.28) !important;
    z-index: 6 !important;
}

.mm-gift-bow:before,
.mm-gift-bow:after {
    top: 8px !important;
    width: 96px !important;
    height: 58px !important;
    background: linear-gradient(135deg, #ffbe45, #ff6a19) !important;
    border-radius: 70px 18px 70px 18px !important;
    box-shadow: inset 0 8px 16px rgba(255,255,255,.25) !important;
}

.mm-gift-bow:before {
    left: -88px !important;
    transform: rotate(180deg) skew(-8deg) !important;
}

.mm-gift-bow:after {
    right: -88px !important;
    transform: skew(8deg) !important;
}

.mm-gift-bow::selection {
    background: transparent;
}

/* Caídas del lazo */
.mm-gift-card-final .mm-gift-bow + * {
    position: relative;
}

.mm-gift-bow:focus {
    outline: none;
}

/* Simulación de cintas inferiores con sombras */
.mm-gift-card-final::after {
    content: "";
    position: absolute;
    right: 102px;
    top: 172px;
    width: 52px;
    height: 92px;
    background: linear-gradient(180deg, #ff8a24, #ff5a16);
    clip-path: polygon(0 0, 100% 0, 82% 100%, 50% 78%, 18% 100%);
    transform: rotate(10deg);
    z-index: 5;
    box-shadow: 0 14px 24px rgba(0,0,0,.18);
}

.mm-gift-card-final::before {
    z-index: 7 !important;
}

/* ===== LAZO PROFESIONAL TARJETA REGALO ===== */

.mm-gift-bow {
    position: absolute !important;
    right: 108px !important;
    top: 104px !important;
    width: 72px !important;
    height: 64px !important;
    border-radius: 50% !important;
    background:
        radial-gradient(circle at 35% 28%, #ffc869 0%, #ff9f27 38%, #ff6419 100%) !important;
    transform: none !important;
    z-index: 10 !important;
    box-shadow:
        inset 0 8px 14px rgba(255,255,255,.28),
        inset 0 -10px 18px rgba(120,35,0,.20),
        0 14px 28px rgba(0,0,0,.30) !important;
}

/* ala izquierda */
.mm-gift-bow:before {
    content: "" !important;
    position: absolute !important;
    left: -96px !important;
    top: 4px !important;
    width: 108px !important;
    height: 64px !important;
    border-radius: 80% 22% 80% 22% !important;
    background:
        radial-gradient(circle at 72% 36%, rgba(255,255,255,.34), transparent 32%),
        linear-gradient(135deg, #ffc66a 0%, #ff941f 46%, #ff5a13 100%) !important;
    transform: rotate(-8deg) skewX(-10deg) !important;
    box-shadow:
        inset -12px -8px 20px rgba(125,38,0,.22),
        inset 10px 8px 16px rgba(255,255,255,.22),
        0 12px 24px rgba(0,0,0,.22) !important;
}

/* ala derecha */
.mm-gift-bow:after {
    content: "" !important;
    position: absolute !important;
    right: -96px !important;
    top: 4px !important;
    width: 108px !important;
    height: 64px !important;
    border-radius: 22% 80% 22% 80% !important;
    background:
        radial-gradient(circle at 28% 36%, rgba(255,255,255,.34), transparent 32%),
        linear-gradient(135deg, #ffc66a 0%, #ff941f 46%, #ff5a13 100%) !important;
    transform: rotate(8deg) skewX(10deg) !important;
    box-shadow:
        inset 12px -8px 20px rgba(125,38,0,.22),
        inset -10px 8px 16px rgba(255,255,255,.22),
        0 12px 24px rgba(0,0,0,.22) !important;
}

/* cinta caída izquierda */
.mm-gift-card-final .mm-bow-tail-left,
.mm-gift-card-final .mm-bow-tail-right {
    display: none !important;
}

.mm-gift-card-final::after {
    content: "" !important;
    position: absolute !important;
    right: 154px !important;
    top: 164px !important;
    width: 50px !important;
    height: 104px !important;
    background:
        linear-gradient(180deg, #ff9d28 0%, #ff6818 100%) !important;
    clip-path: polygon(0 0, 100% 0, 82% 100%, 50% 78%, 18% 100%) !important;
    transform: rotate(12deg) !important;
    z-index: 8 !important;
    box-shadow:
        inset 8px 0 16px rgba(255,255,255,.20),
        inset -8px -10px 18px rgba(100,30,0,.22),
        0 12px 22px rgba(0,0,0,.20) !important;
}

/* cinta caída derecha usando un pseudo extra sobre la vertical */
.mm-gift-ribbon-vertical::after {
    content: "" !important;
    position: absolute !important;
    left: 42px !important;
    top: 154px !important;
    width: 48px !important;
    height: 96px !important;
    background:
        linear-gradient(180deg, #ffb23a 0%, #ff761c 100%) !important;
    clip-path: polygon(0 0, 100% 0, 78% 100%, 50% 78%, 22% 100%) !important;
    transform: rotate(-14deg) !important;
    z-index: 8 !important;
    box-shadow:
        inset 8px 0 16px rgba(255,255,255,.20),
        inset -8px -10px 18px rgba(100,30,0,.22),
        0 12px 22px rgba(0,0,0,.20) !important;
}

/* asegurar cintas debajo del lazo */
.mm-gift-ribbon-horizontal,
.mm-gift-ribbon-vertical {
    z-index: 4 !important;
}

.mm-gift-card-text-top,
.mm-gift-logo,
.mm-gift-qr {
    z-index: 12 !important;
}

/* texto superior más pequeño */
.mm-gift-hero-head span {
    display: none !important;
}

.mm-gift-hero-head h2 {
    font-size: clamp(30px, 3vw, 44px) !important;
    line-height: 1.08 !important;
    max-width: 760px !important;
    letter-spacing: -1px !important;
}

.mm-gift-hero-head p {
    font-size: 17px !important;
}

/* ===== RESET LAZO ANTERIOR ===== */

.mm-gift-bow,
.mm-gift-bow:before,
.mm-gift-bow:after,
.mm-gift-ribbon-vertical::after,
.mm-gift-card-final::after {
    content: none !important;
    display: none !important;
}

/* Cinta horizontal más limpia */
.mm-gift-ribbon-horizontal {
    top: 132px !important;
    height: 52px !important;
    background: linear-gradient(90deg, #ffb640 0%, #ff8b24 50%, #ffb640 100%) !important;
    box-shadow: inset 0 10px 18px rgba(255,255,255,.18), 0 8px 18px rgba(0,0,0,.18) !important;
    z-index: 6 !important;
}

/* Cinta vertical más limpia */
.mm-gift-ribbon-vertical {
    right: 144px !important;
    width: 52px !important;
    background: linear-gradient(180deg, #ffc34f 0%, #ff8b24 48%, #ff6d18 100%) !important;
    box-shadow: inset 10px 0 18px rgba(255,255,255,.18), 0 8px 18px rgba(0,0,0,.18) !important;
    z-index: 7 !important;
}

/* Nudo central elegante */
.mm-gift-card-final .mm-gift-ribbon-vertical + .mm-gift-bow {
    display: block !important;
}

.mm-gift-bow {
    display: block !important;
    position: absolute !important;
    right: 126px !important;
    top: 118px !important;
    width: 88px !important;
    height: 78px !important;
    border-radius: 22px !important;
    background:
        radial-gradient(circle at 30% 25%, rgba(255,255,255,.32), transparent 34%),
        linear-gradient(135deg, #ffc85a 0%, #ff941f 48%, #ff5f15 100%) !important;
    box-shadow:
        inset 0 10px 20px rgba(255,255,255,.20),
        inset 0 -14px 22px rgba(120,35,0,.24),
        0 18px 30px rgba(0,0,0,.26) !important;
    z-index: 11 !important;
    transform: rotate(-2deg) !important;
}

/* brillo sobre el nudo */
.mm-gift-bow:before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 14px !important;
    top: 12px !important;
    width: 30px !important;
    height: 18px !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.28) !important;
    transform: rotate(-18deg) !important;
}

/* pequeño pliegue inferior */
.mm-gift-bow:after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 50% !important;
    bottom: -42px !important;
    width: 38px !important;
    height: 58px !important;
    margin-left: -19px !important;
    background: linear-gradient(180deg, #ff8c22 0%, #ff6418 100%) !important;
    clip-path: polygon(0 0, 100% 0, 78% 100%, 50% 78%, 22% 100%) !important;
    box-shadow: 0 12px 18px rgba(0,0,0,.18) !important;
    transform: rotate(2deg) !important;
}

/* Ajustar QR para que no choque */
.mm-gift-qr {
    right: 34px !important;
    bottom: 36px !important;
    width: 70px !important;
    height: 70px !important;
    font-size: 44px !important;
}

/* Quitar definitivamente el lazo/nudo */
.mm-gift-bow,
.mm-gift-bow:before,
.mm-gift-bow:after {
    display: none !important;
    content: none !important;
}

/* Cinta horizontal profesional */
.mm-gift-ribbon-horizontal {
    top: 132px !important;
    height: 52px !important;
    background: linear-gradient(90deg, #ffb640 0%, #ff8b24 50%, #ffb640 100%) !important;
    z-index: 7 !important;
}

/* Cinta vertical profesional */
.mm-gift-ribbon-vertical {
    right: 144px !important;
    width: 52px !important;
    background: linear-gradient(180deg, #ffc34f 0%, #ff8b24 48%, #ff6d18 100%) !important;
    z-index: 8 !important;
}

/* Quitar colgantes raros */
.mm-gift-card-final::after,
.mm-gift-ribbon-vertical::after {
    display: none !important;
    content: none !important;
}



/* Ocultar breadcrumb en Términos y Condiciones */
body.cms-terminos-y-condiciones .breadcrumbs,
body.cms-terminos-y-condiciones .page-title-wrapper{
    display:none !important;
}

/* MODAL NOTICIAS MIXMARKET - versión profesional */
.mm-news-pro {
    max-width: 1080px !important;
}

.mm-news-pro .mm-news-hero {
    position: relative;
    overflow: hidden;
    border-radius: 28px;
    padding: 70px 40px;
    margin-bottom: 30px;
    text-align: center;
    color: #fff;
    background: linear-gradient(135deg, #2412a8 0%, #4b45df 48%, #6d8cff 100%);
    box-shadow: 0 24px 55px rgba(31,18,168,.25);
}

.mm-news-pro .mm-news-hero:before {
    content: "";
    position: absolute;
    width: 190px;
    height: 190px;
    border-radius: 50%;
    background: rgba(255,167,51,.18);
    top: -55px;
    left: 35px;
}

.mm-news-pro .mm-news-kicker {
    display: inline-block;
    margin-bottom: 16px;
    padding: 8px 18px;
    border-radius: 999px;
    background: rgba(255,255,255,.18);
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.mm-news-pro .mm-news-hero strong {
    display: block;
    font-size: 44px;
    line-height: 1.1;
    font-weight: 900;
    margin-bottom: 18px;
}

.mm-news-pro .mm-news-hero p {
    max-width: 780px;
    margin: 0 auto;
    font-size: 22px;
    line-height: 1.45;
    font-weight: 700;
}

.mm-news-pro .mm-news-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.mm-news-pro .mm-news-list article {
    position: relative;
    min-height: 245px;
    padding: 34px 30px 28px;
    border-radius: 26px;
    background: #fff;
    border: 1px solid #ececff;
    box-shadow: 0 18px 42px rgba(31,18,168,.10);
    overflow: hidden;
}

.mm-news-pro .mm-news-number {
    position: absolute;
    right: 24px;
    top: 20px;
    font-size: 54px;
    font-weight: 900;
    color: rgba(31,18,168,.08);
}

.mm-news-pro .mm-news-list article span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    margin-bottom: 22px;
    border-radius: 999px;
    background: #fff1df;
    color: #ff8a00;
    font-size: 15px;
    font-weight: 900;
}

.mm-news-pro .mm-news-list article strong {
    display: block;
    margin-bottom: 14px;
    color: #1f12a8;
    font-size: 30px;
    line-height: 1.08;
    font-weight: 900;
}

.mm-news-pro .mm-news-list article p {
    margin: 0 0 24px;
    color: #2d2d2d;
    font-size: 17px;
    line-height: 1.55;
}

.mm-news-pro .mm-news-list article em {
    position: absolute;
    left: 30px;
    bottom: 24px;
    display: inline-block;
    padding: 8px 15px;
    border-radius: 999px;
    background: #1f12a8;
    color: #fff;
    font-style: normal;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
}

@media (max-width: 768px) {
    .mm-news-pro .mm-news-hero {
        padding: 46px 22px;
        border-radius: 22px;
    }

    .mm-news-pro .mm-news-hero strong {
        font-size: 32px;
    }

    .mm-news-pro .mm-news-hero p {
        font-size: 17px;
    }

    .mm-news-pro .mm-news-list {
        grid-template-columns: 1fr;
    }

    .mm-news-pro .mm-news-list article {
        min-height: auto;
        padding: 28px 24px 72px;
    }

    .mm-news-pro .mm-news-list article strong {
        font-size: 26px;
    }
}

/* NOTICIAS MIXMARKET - FORMATO EDITORIAL LIMPIO */
.mm-news-editorial {
    max-width: 980px !important;
}

.mm-news-editorial .mm-news-intro {
    margin: 20px 0 34px;
    padding: 42px 44px;
    border-radius: 26px;
    background: linear-gradient(135deg, #1f12a8 0%, #4a54e8 100%);
    color: #fff;
    box-shadow: 0 20px 48px rgba(31,18,168,.22);
}

.mm-news-editorial .mm-news-intro span {
    display: inline-block;
    margin-bottom: 12px;
    color: #ffd49a;
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.mm-news-editorial .mm-news-intro h3 {
    margin: 0 0 14px;
    color: #fff;
    font-size: 42px;
    line-height: 1.1;
    font-weight: 900;
}

.mm-news-editorial .mm-news-intro p {
    max-width: 760px;
    margin: 0;
    color: rgba(255,255,255,.92);
    font-size: 20px;
    line-height: 1.45;
    font-weight: 600;
}

.mm-news-editorial .mm-news-timeline {
    display: grid;
    gap: 16px;
}

.mm-news-editorial .mm-news-timeline article {
    display: grid;
    grid-template-columns: 82px 1fr;
    gap: 24px;
    align-items: start;
    padding: 26px 28px;
    border-radius: 22px;
    background: #fff;
    border: 1px solid #ececff;
    box-shadow: 0 14px 34px rgba(31,18,168,.08);
}

.mm-news-editorial .mm-news-date {
    width: 58px;
    height: 58px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff1df;
    color: #ff8a00;
    font-size: 20px;
    font-weight: 900;
}

.mm-news-editorial .mm-news-timeline article span {
    display: block;
    margin-bottom: 8px;
    color: #ff8a00;
    font-size: 15px;
    font-weight: 900;
}

.mm-news-editorial .mm-news-timeline article span:before {
    content: "📍 ";
}

.mm-news-editorial .mm-news-timeline article strong {
    display: block;
    margin-bottom: 8px;
    color: #1f12a8;
    font-size: 28px;
    line-height: 1.15;
    font-weight: 900;
}

.mm-news-editorial .mm-news-timeline article p {
    margin: 0;
    color: #333;
    font-size: 17px;
    line-height: 1.5;
}

@media (max-width: 768px) {
    .mm-news-editorial .mm-news-intro {
        padding: 32px 24px;
    }

    .mm-news-editorial .mm-news-intro h3 {
        font-size: 32px;
    }

    .mm-news-editorial .mm-news-intro p {
        font-size: 17px;
    }

    .mm-news-editorial .mm-news-timeline article {
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 24px;
    }

    .mm-news-editorial .mm-news-timeline article strong {
        font-size: 24px;
    }
}


/* ===== CSS EXTRAIDO DE central_home.phtml · 2026-09-21 ===== */

/* --- BLOQUE INLINE 01 --- */
.mm-home-pro {
    max-width: 1540px;
    margin: 34px auto 70px;
    padding: 0 22px;
    font-family: Arial, Helvetica, sans-serif;
}

.mm-hero-pro {
    position: relative;
    overflow: hidden;
    border-radius: 34px;
    min-height: 520px;
    padding: 42px 58px;
    color: #fff;
    display: grid;
    grid-template-columns: 0.95fr 1.05fr;
    align-items: center;
    gap: 40px;
    background:
        radial-gradient(circle at 85% 25%, rgba(125, 70, 255, .55), transparent 36%),
        radial-gradient(circle at 15% 85%, rgba(0, 100, 255, .45), transparent 38%),
        linear-gradient(135deg, #080040 0%, #16007b 46%, #2510a8 100%);
    box-shadow: 0 28px 80px rgba(16, 0, 110, .30);
}

.mm-hero-pro:before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(120deg, rgba(255,255,255,.08) 0 1px, transparent 1px),
        radial-gradient(circle, rgba(255,255,255,.13) 1px, transparent 1px);
    background-size: 180px 180px, 18px 18px;
    opacity: .22;
    pointer-events: none;
}

.mm-hero-pro:after {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: 34px;
    border: 1px solid rgba(255,255,255,.26);
    pointer-events: none;
}

.mm-copy-pro,
.mm-card-pro {
    position: relative;
    z-index: 2;
}

.mm-pill-pro {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 13px 22px;
    border-radius: 999px;
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.20);
    color: #fff;
    font-size: 17px;
    margin-bottom: 34px;
    box-shadow: inset 0 0 22px rgba(255,255,255,.07);
}

.mm-pill-pro span {
    color: #ffb24a;
    font-weight: 800;
}

.mm-copy-pro h1 {
    margin: 0;
    font-size: 52px;
    line-height: .98;
    letter-spacing: -2px;
    font-weight: 900;
}

.mm-copy-pro h1 strong {
    color: #ffad3f;
    font-weight: 900;
}

.mm-copy-pro p {
    max-width: 610px;
    margin: 18px 0 26px;
    font-size: 22px;
    line-height: 1.35;
    color: rgba(255,255,255,.92);
}

.mm-copy-pro p strong {
    color: #ffb24a;
}

.mm-benefits-pro {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-bottom: 38px;
}

.mm-benefit-pro {
    min-width: 140px;
    padding-right: 24px;
    border-right: 1px solid rgba(255,255,255,.18);
}

.mm-benefit-pro:last-child {
    border-right: 0;
}

.mm-icon-pro {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    background: rgba(255,255,255,.10);
    color: #ffb24a;
    font-size: 28px;
    box-shadow: 0 0 30px rgba(255,122,51,.20);
}

.mm-benefit-pro b {
    display: block;
    font-size: 18px;
    line-height: 1.25;
}

.mm-btn-pro {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    min-height: 64px;
    padding: 0 34px;
    border-radius: 999px;
    background: linear-gradient(135deg, #ff7a33, #ffad35);
    color: #fff !important;
    text-decoration: none !important;
    font-size: 21px;
    font-weight: 900;
    box-shadow: 0 0 28px rgba(255,122,51,.55), 0 14px 34px rgba(0,0,0,.22);
    transition: transform .2s ease, box-shadow .2s ease;
}

.mm-btn-pro:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 38px rgba(255,122,51,.75), 0 18px 40px rgba(0,0,0,.28);
}

.mm-small-pro {
    margin-top: 22px;
    color: rgba(255,255,255,.82);
    font-size: 16px;
}

.mm-card-pro {
    display: flex;
    align-items: center;
    justify-content: center;
    perspective: 1200px;
    transform: translateY(-5px);
}

.mm-card-stage {
    position: relative;
    width: 100%;
    max-width: 560px;
    padding: 10px 24px;
}

.mm-card-stage:before {
    content: "";
    position: absolute;
    left: 8%;
    right: 2%;
    bottom: 0;
    height: 86px;
    border-radius: 50%;
    background: rgba(20, 100, 255, .55);
    filter: blur(30px);
}

.mm-card-stage:after {
    content: "";
    position: absolute;
    left: 9%;
    right: 0;
    bottom: 26px;
    height: 50px;
    border-radius: 50%;
    background: rgba(255, 150, 40, .20);
    filter: blur(28px);
}

.mm-card-wrap {
    position: relative;
    transform: rotateY(-10deg) rotateX(3deg);
    animation: mmFloat 4.5s ease-in-out infinite;
}

.mm-card-wrap:before {
    content: "";
    position: absolute;
    inset: -14px;
    border-radius: 28px;
    background: linear-gradient(135deg, rgba(255,255,255,.45), rgba(255,255,255,.03));
    z-index: 0;
    filter: blur(.2px);
}

.mm-card-wrap img {
    position: relative;
    z-index: 2;
    width: 100%;
    display: block;
    border-radius: 24px;
    box-shadow: 0 28px 65px rgba(0,0,0,.34);
}

.mm-glow-dot {
    position: absolute;
    top: 7%;
    right: 8%;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 26px 10px rgba(255,180,80,.85);
    z-index: 5;
}

@keyframes mmFloat {
    0%, 100% { transform: rotateY(-10deg) rotateX(3deg) translateY(0); }
    50% { transform: rotateY(-10deg) rotateX(3deg) translateY(-14px); }
}

@media (max-width: 1050px) {
    .mm-hero-pro {
        grid-template-columns: 1fr;
        padding: 48px 30px;
        min-height: auto;
    }

    .mm-copy-pro h1 {
        font-size: 48px;
    }

    .mm-copy-pro p {
        font-size: 20px;
    }

    .mm-benefits-pro {
        gap: 14px;
    }

    .mm-benefit-pro {
        border-right: 0;
    }
}

@media (max-width: 640px) {
    .mm-home-pro {
        margin-top: 18px;
        padding: 0 12px;
    }

    .mm-hero-pro {
        border-radius: 24px;
        padding: 34px 22px;
    }

    .mm-copy-pro h1 {
        font-size: 40px;
        letter-spacing: -1px;
    }

    .mm-pill-pro {
        font-size: 14px;
        padding: 11px 16px;
    }

    .mm-btn-pro {
        width: 100%;
        font-size: 18px;
        padding: 0 18px;
    }

    .mm-card-stage {
        padding: 18px 0 0;
    }
}


.mm-banner-combustible{
    margin:40px auto 0;
    width:100%;
}

.mm-banner-combustible img{
    width:100%;
    display:block;
    border-radius:28px;
    box-shadow:0 18px 45px rgba(0,0,0,.18);
}


.mm-top-banner-combustible{
    max-width:1540px;
    margin:24px auto 22px;
    padding:0 22px;
}

.mm-top-banner-combustible a{
    display:block;
    text-decoration:none;
}

.mm-top-banner-combustible img{
    width:100%;
    display:block;
    border-radius:26px;
    box-shadow:0 18px 45px rgba(0,0,0,.16);
}

/* --- BLOQUE INLINE 02 --- */
/* =========================================================
   MIXMARKET HOME · SELECTOR PRINCIPAL
   ========================================================= */

.mm-choice-home{
    max-width:1280px;
    margin:24px auto 34px;
    padding:0 24px;
    box-sizing:border-box;
}

.mm-choice-head{
    max-width:880px;
    margin:0 auto 26px;
    text-align:center;
}

.mm-choice-head h1{
    margin:0 0 8px;
    color:#111827;
    font-size:38px;
    line-height:1.08;
    font-weight:900;
    letter-spacing:-1px;
}

.mm-choice-head p{
    margin:0;
    color:#667085;
    font-size:17px;
    line-height:1.45;
}

.mm-choice-head strong{
    color:#ff6500;
    font-weight:800;
}

.mm-choice-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px;
}

.mm-choice-card{
    position:relative;
    overflow:hidden;
    min-width:0;
    display:flex;
    flex-direction:column;
    background:#fff;
    border:1px solid #eceef2;
    border-radius:24px;
    box-shadow:0 15px 40px rgba(16,24,40,.08);
    transition:transform .2s ease,box-shadow .2s ease;
}

.mm-choice-card:hover{
    transform:translateY(-3px);
    box-shadow:0 20px 48px rgba(16,24,40,.12);
}

.mm-choice-card--fuel{
    border-top:4px solid #ff6500;
}

.mm-choice-card--gift{
    border-top:4px solid #4b24d1;
}

.mm-choice-visual{
    position:relative;
    height:230px;
    display:block;
    overflow:hidden;
    background:#f8fafc;
}

.mm-choice-visual img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

.mm-choice-card--gift .mm-choice-visual{
    background:linear-gradient(135deg,#f7f5ff,#fff);
}

.mm-choice-card--gift .mm-choice-visual img{
    object-fit:contain;
    padding:18px 28px;
    box-sizing:border-box;
}


/* =========================================================
   VISUALES LIMPIOS · SIN BANNERS
   ========================================================= */

.mm-choice-visual--fuel{
    background:
        radial-gradient(circle at 80% 25%,rgba(255,255,255,.22),transparent 28%),
        linear-gradient(135deg,#ff5200 0%,#ff7900 100%);
}

.mm-choice-visual--gift{
    background:
        radial-gradient(circle at 80% 25%,rgba(255,255,255,.18),transparent 28%),
        linear-gradient(135deg,#31119f 0%,#5930df 100%) !important;
}

.mm-service-visual{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:30px;
    padding:55px 35px 25px;
    box-sizing:border-box;
    color:#fff;
}

.mm-service-icon{
    width:105px;
    height:105px;
    flex:0 0 105px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:28px;
    background:rgba(255,255,255,.16);
    border:1px solid rgba(255,255,255,.26);
    box-shadow:0 15px 35px rgba(0,0,0,.12);

    font-size:55px;
}

.mm-service-copy{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}

.mm-service-copy span{
    margin-bottom:5px;
    color:rgba(255,255,255,.82);
    font-size:13px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:1.2px;
}

.mm-service-copy strong{
    color:#fff;
    font-size:28px;
    line-height:1.08;
    font-weight:900;
    letter-spacing:-.5px;
}

.mm-service-copy small{
    margin-top:9px;
    color:rgba(255,255,255,.85);
    font-size:13px;
    font-weight:600;
}


.mm-choice-badge{
    position:absolute;
    top:18px;
    left:18px;
    z-index:2;

    display:inline-flex;
    align-items:center;
    gap:7px;

    min-height:38px;
    padding:0 15px;

    border-radius:999px;
    color:#fff;
    font-size:13px;
    font-weight:900;
    letter-spacing:.2px;

    box-shadow:0 8px 20px rgba(0,0,0,.14);
}

.mm-choice-card--fuel .mm-choice-badge{
    background:#ff6500;
}

.mm-choice-card--gift .mm-choice-badge{
    background:#4b24d1;
}

.mm-choice-body{
    padding:25px 28px 22px;
    flex:1;
    display:flex;
    flex-direction:column;
}

.mm-choice-card h2{
    margin:0 0 10px;
    color:#111827;
    font-size:30px;
    line-height:1.08;
    font-weight:900;
    letter-spacing:-.5px;
}

.mm-choice-card--fuel h2 strong{
    color:#ff6500;
}

.mm-choice-card--gift h2 strong{
    color:#4b24d1;
}

.mm-choice-description{
    min-height:52px;
    margin:0 0 20px;
    color:#596579;
    font-size:15px;
    line-height:1.55;
}

.mm-choice-benefits{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin:0 0 22px;
}

.mm-choice-benefit{
    display:inline-flex;
    align-items:center;
    gap:6px;

    padding:7px 11px;

    background:#f8fafc;
    border:1px solid #edf0f4;
    border-radius:999px;

    color:#344054;
    font-size:12px;
    font-weight:700;
}

.mm-choice-benefit:before{
    content:"✓";
    font-weight:900;
}

.mm-choice-card--fuel .mm-choice-benefit:before{
    color:#ff6500;
}

.mm-choice-card--gift .mm-choice-benefit:before{
    color:#4b24d1;
}

.mm-choice-button{
    width:100%;
    margin-top:auto;
    min-height:54px;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;

    border-radius:14px;

    color:#fff !important;
    text-decoration:none !important;

    font-size:16px;
    font-weight:900;

    transition:transform .18s ease,box-shadow .18s ease;
}

.mm-choice-card--fuel .mm-choice-button{
    background:linear-gradient(90deg,#ff5e00,#ff7a00);
    box-shadow:0 10px 22px rgba(255,101,0,.20);
}

.mm-choice-card--gift .mm-choice-button{
    background:linear-gradient(90deg,#5328d9,#3414b8);
    box-shadow:0 10px 22px rgba(75,36,209,.20);
}

.mm-choice-button:hover{
    color:#fff !important;
    transform:translateY(-1px);
}

.mm-choice-trust{
    max-width:1100px;
    margin:22px auto 0;
    padding:15px 20px;

    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:10px 34px;

    color:#667085;
    font-size:13px;
}

.mm-choice-trust span{
    display:inline-flex;
    align-items:center;
    gap:7px;
}

.mm-choice-trust b{
    color:#344054;
}


@media(max-width:900px){

    .mm-choice-grid{
        grid-template-columns:1fr;
    }

    .mm-choice-head h1{
        font-size:32px;
    }

    .mm-choice-visual{
        height:250px;
    }
}


@media(max-width:600px){

    .mm-choice-home{
        margin-top:16px;
        padding:0 13px;
    }

    .mm-choice-head{
        margin-bottom:18px;
    }

    .mm-choice-head h1{
        font-size:27px;
        letter-spacing:-.5px;
    }

    .mm-choice-head p{
        font-size:15px;
    }

    .mm-choice-grid{
        gap:17px;
    }

    .mm-choice-card{
        border-radius:20px;
    }

    .mm-choice-visual{
        height:190px;
    }

    .mm-service-visual{
        gap:18px;
        padding:55px 20px 20px;
    }

    .mm-service-icon{
        width:74px;
        height:74px;
        flex-basis:74px;
        border-radius:20px;
        font-size:38px;
    }

    .mm-service-copy strong{
        font-size:21px;
    }

    .mm-service-copy small{
        font-size:11px;
    }

    .mm-choice-card--gift .mm-choice-visual img{
        padding:14px 20px;
    }

    .mm-choice-body{
        padding:21px 20px 20px;
    }

    .mm-choice-card h2{
        font-size:25px;
    }

    .mm-choice-description{
        min-height:0;
        font-size:14px;
    }

    .mm-choice-benefits{
        gap:6px;
    }

    .mm-choice-benefit{
        padding:6px 9px;
        font-size:11px;
    }

    .mm-choice-button{
        min-height:51px;
        font-size:15px;
    }

    .mm-choice-trust{
        gap:8px 18px;
        padding:13px 8px;
        font-size:12px;
    }
}

/* --- BLOQUE INLINE 03 --- */
.mm-redesign-home-banner {
    width: 100%;
    max-width: 1540px;
    margin: 24px auto 34px;
    padding: 0 22px;
    box-sizing: border-box;
}

.mm-redesign-home-banner img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 18px;
}

@media (max-width: 767px) {
    .mm-redesign-home-banner {
        margin: 12px auto 22px;
        padding: 0 12px;
    }

    .mm-redesign-home-banner img {
        border-radius: 12px;
    }
}
/* MIXMARKET 18.09.2026 · IMAGENES SELECTOR */
.mm-choice-visual--image,
.mm-choice-card--gift .mm-choice-visual--image {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    background: #fff !important;
    overflow: hidden;
}

.mm-choice-visual--image img,
.mm-choice-card--gift .mm-choice-visual--image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    padding: 0 !important;
}

/* --- BLOQUE INLINE 04 --- */
.mm-card-recharge-cta {
    width: 100%;
    max-width: 1180px;
    margin: 32px auto 42px;
    padding: 0 22px;
    box-sizing: border-box;
    text-align: center;
}

.mm-card-recharge-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    min-height: 58px;
    padding: 0 34px;
    border-radius: 12px;
    background: #f15a00;
    color: #fff !important;
    text-decoration: none !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 800;
    box-shadow: 0 8px 22px rgba(241,90,0,.20);
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        background .18s ease;
}

.mm-card-recharge-button:hover,
.mm-card-recharge-button:focus {
    background: #d94f00;
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 11px 26px rgba(241,90,0,.27);
}

.mm-card-recharge-button span {
    font-size: 24px;
    line-height: 1;
}

@media (max-width: 600px) {
    .mm-card-recharge-cta {
        margin: 24px auto 32px;
        padding: 0 14px;
    }

    .mm-card-recharge-button {
        width: 100%;
        min-height: 56px;
        padding: 0 18px;
        box-sizing: border-box;
        font-size: 16px;
    }
}

/* --- BLOQUE INLINE 05 --- */
/* ============================================================
   MIXMARKET · TARJETAS HOME CON IMAGENES · DEV
   ============================================================ */

.mm-choice-card .mm-choice-visual--image{
    position:relative;
    display:block;
    height:245px;
    padding:0;
    overflow:hidden;
    background:#f5f6fa;
    text-decoration:none;
}

.mm-choice-card .mm-choice-visual--image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    transition:transform .35s ease;
}

.mm-choice-card .mm-choice-visual--image:hover img{
    transform:scale(1.025);
}

.mm-choice-card .mm-choice-image-label{
    position:absolute;
    left:18px;
    top:18px;
    z-index:2;
}

.mm-choice-card .mm-choice-image-label span{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:0 14px;
    border-radius:999px;
    background:rgba(255,255,255,.94);
    color:#f15a00;
    box-shadow:0 5px 18px rgba(15,23,42,.12);
    font-size:13px;
    font-weight:900;
    letter-spacing:.04em;
    text-transform:uppercase;
    backdrop-filter:blur(5px);
}

.mm-choice-card--gift .mm-choice-image-label span{
    color:#4d28cf;
}

@media(max-width:900px){
    .mm-choice-card .mm-choice-visual--image{
        height:230px;
    }
}

@media(max-width:600px){
    .mm-choice-card .mm-choice-visual--image{
        height:205px;
    }

    .mm-choice-card .mm-choice-image-label{
        left:12px;
        top:12px;
    }

    .mm-choice-card .mm-choice-image-label span{
        min-height:30px;
        padding:0 11px;
        font-size:11px;
    }
}

.mm-choice-home .mm-choice-description{
    margin:0 0 22px;
    color:#526078;
    font-size:15px;
    font-weight:400;
    line-height:1.6;
}

.mm-choice-home .mm-choice-benefits{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:10px 22px;
    margin:0 0 26px;
}

.mm-choice-home .mm-choice-benefit{
    display:inline-flex;
    align-items:center;
    gap:8px;
    width:auto;
    min-width:0;
    min-height:0;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    color:#34415a;
    font-size:13px;
    font-weight:500;
    line-height:1.45;
    text-align:left;
}

.mm-choice-home .mm-choice-benefit::before{
    content:"";
    display:inline-block;
    flex:0 0 6px;
    width:6px;
    height:6px;
    border-radius:50%;
    background:#f15a00;
}

.mm-choice-home .mm-choice-card--gift .mm-choice-benefit::before{
    background:#4d28cf;
}

.mm-choice-home .mm-choice-trust{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:10px 28px;
    margin-top:28px;
    color:#69758a;
    font-size:12px;
    font-weight:400;
}

.mm-choice-home .mm-choice-trust b{
    font-weight:500;
}

@media(max-width:600px){
    .mm-choice-home .mm-choice-body{
        padding-top:20px;
    }

    .mm-choice-home .mm-choice-description{
        font-size:14px;
        margin-bottom:18px;
    }

    .mm-choice-home .mm-choice-benefits{
        gap:10px 16px;
        margin-bottom:22px;
    }

    .mm-choice-home .mm-choice-benefit{
        font-size:12px;
    }
}

/* --- BLOQUE INLINE 07 --- */
/* ============================================================
   MIXMARKET · CARDS PRO V2 · DEV
   Los botones .mm-choice-button NO se modifican
   ============================================================ */

.mm-choice-home .mm-choice-card{
    overflow:hidden;
}

.mm-choice-home .mm-choice-body{
    padding:22px 30px 28px !important;
    display:flex;
    flex-direction:column;
}

.mm-choice-home .mm-choice-intro{
    min-height:112px;
    margin:0 0 18px;
}

.mm-choice-home .mm-choice-intro h2{
    margin:0 0 8px;
    color:#071b3c;
    font-size:25px;
    line-height:1.08;
    font-weight:800;
    letter-spacing:-.5px;
}

.mm-choice-home .mm-choice-card--fuel .mm-choice-intro h2 strong{
    color:#ff6500;
    font-weight:850;
}

.mm-choice-home .mm-choice-card--gift .mm-choice-intro h2 strong{
    color:#5131d2;
    font-weight:850;
}

.mm-choice-home .mm-choice-intro p{
    margin:0;
    max-width:510px;
    color:#657188;
    font-size:14px;
    line-height:1.45;
    font-weight:400;
}

.mm-choice-home .mm-choice-features{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0;
    margin:0 0 24px;
    border-top:1px solid #edf0f5;
    padding-top:18px;
}

.mm-choice-home .mm-choice-feature{
    display:flex;
    align-items:flex-start;
    gap:10px;
    min-width:0;
    padding:0 14px;
    border-right:1px solid #e9edf3;
}

.mm-choice-home .mm-choice-feature:first-child{
    padding-left:0;
}

.mm-choice-home .mm-choice-feature:last-child{
    padding-right:0;
    border-right:0;
}

.mm-choice-home .mm-choice-feature-icon{
    flex:0 0 38px;
    width:38px;
    height:38px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff0e4;
    color:#ff6500;
    font-size:17px;
    font-weight:800;
}

.mm-choice-home .mm-choice-card--gift .mm-choice-feature-icon{
    background:#f0edff;
    color:#5131d2;
}

.mm-choice-home .mm-choice-feature div{
    min-width:0;
}

.mm-choice-home .mm-choice-feature strong{
    display:block;
    margin:1px 0 3px;
    color:#152644;
    font-size:12.5px;
    line-height:1.2;
    font-weight:750;
}

.mm-choice-home .mm-choice-feature small{
    display:block;
    color:#768298;
    font-size:11.5px;
    line-height:1.3;
    font-weight:400;
}

/* imágenes algo más proporcionadas a la referencia */
.mm-choice-home .mm-choice-visual--image{
    height:245px !important;
}

/* eliminamos visualmente reglas antiguas de benefits */
.mm-choice-home .mm-choice-benefits,
.mm-choice-home .mm-choice-description{
    display:none !important;
}

/* Trust inferior más limpio */
.mm-choice-home .mm-choice-trust{
    margin-top:30px !important;
    gap:34px !important;
    color:#536078 !important;
    font-size:12px !important;
}

.mm-choice-home .mm-choice-trust span{
    position:relative;
    padding-left:14px;
}

.mm-choice-home .mm-choice-trust span:before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    width:5px;
    height:5px;
    margin-top:-2px;
    border-radius:50%;
    background:#a8b1c2;
}

/* ============================================================
   TABLET
   ============================================================ */

@media(max-width:900px){

    .mm-choice-home .mm-choice-body{
        padding:20px 22px 24px !important;
    }

    .mm-choice-home .mm-choice-intro{
        min-height:auto;
    }

    .mm-choice-home .mm-choice-intro h2{
        font-size:22px;
    }

    .mm-choice-home .mm-choice-features{
        grid-template-columns:1fr;
        gap:12px;
    }

    .mm-choice-home .mm-choice-feature{
        padding:0 !important;
        border-right:0;
    }
}

/* ============================================================
   MOVIL
   ============================================================ */

@media(max-width:600px){

    .mm-choice-home .mm-choice-visual--image{
        height:205px !important;
    }

    .mm-choice-home .mm-choice-body{
        padding:18px 18px 20px !important;
    }

    .mm-choice-home .mm-choice-intro{
        margin-bottom:15px;
    }

    .mm-choice-home .mm-choice-intro h2{
        font-size:21px;
    }

    .mm-choice-home .mm-choice-intro p{
        font-size:13px;
    }

    .mm-choice-home .mm-choice-features{
        padding-top:15px;
        margin-bottom:20px;
    }

    .mm-choice-home .mm-choice-feature-icon{
        flex-basis:34px;
        width:34px;
        height:34px;
        font-size:15px;
    }

    .mm-choice-home .mm-choice-feature strong{
        font-size:12px;
    }

    .mm-choice-home .mm-choice-feature small{
        font-size:11px;
    }
}

/* --- BLOQUE INLINE 08 --- */
.mm-giftcard-return{
    width:100%;
    max-width:1500px;
    margin:25px auto 55px;
    padding:0 24px;
    box-sizing:border-box;
}

.mm-giftcard-return__inner{
    max-width:1180px;
    margin:0 auto;
    padding:42px 52px;
    display:grid;
    grid-template-columns:minmax(300px,.9fr) minmax(360px,1.1fr);
    align-items:center;
    gap:58px;
    background:linear-gradient(135deg,#fff 0%,#faf9ff 55%,#fff7eb 100%);
    border:1px solid #eceaf7;
    border-radius:28px;
    box-shadow:0 18px 48px rgba(31,18,168,.08);
}

.mm-giftcard-return__visual{
    text-align:center;
}

.mm-giftcard-return__visual a{
    display:block;
}

.mm-giftcard-return__visual img{
    display:block;
    width:100%;
    max-width:520px;
    height:auto;
    margin:0 auto;
    transition:transform .25s ease;
}

.mm-giftcard-return__visual a:hover img{
    transform:translateY(-4px);
}

.mm-giftcard-return__pill{
    display:inline-flex;
    align-items:center;
    padding:8px 15px;
    margin-bottom:16px;
    background:#fff3df;
    color:#b86400;
    border:1px solid rgba(255,167,51,.35);
    border-radius:999px;
    font-size:14px;
    font-weight:800;
}

.mm-giftcard-return__copy h2{
    margin:0 0 18px;
    color:#111827;
    font-size:40px;
    line-height:1.08;
    font-weight:850;
    letter-spacing:-1px;
}

.mm-giftcard-return__copy h2 strong{
    color:#1f12a8;
}

.mm-giftcard-return__copy p{
    max-width:560px;
    margin:0 0 20px;
    color:#4b5563;
    font-size:18px;
    line-height:1.6;
}

.mm-giftcard-return__benefits{
    display:flex;
    flex-wrap:wrap;
    gap:18px;
    margin:0 0 26px;
    color:#26324d;
    font-size:14px;
    font-weight:800;
}

.mm-giftcard-return__button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:54px;
    padding:0 25px;
    background:#1f12a8;
    color:#fff !important;
    text-decoration:none !important;
    border-radius:14px;
    font-size:16px;
    font-weight:900;
    box-shadow:0 12px 28px rgba(31,18,168,.18);
    transition:all .2s ease;
}

.mm-giftcard-return__button:hover{
    background:#FFA733;
    color:#111 !important;
    transform:translateY(-2px);
}

@media(max-width:800px){
    .mm-giftcard-return{
        padding:0 14px;
        margin:20px auto 38px;
    }

    .mm-giftcard-return__inner{
        grid-template-columns:1fr;
        gap:25px;
        padding:28px 20px 32px;
    }

    .mm-giftcard-return__visual{
        order:1;
    }

    .mm-giftcard-return__copy{
        order:2;
        text-align:center;
    }

    .mm-giftcard-return__copy h2{
        font-size:30px;
    }

    .mm-giftcard-return__copy p{
        font-size:16px;
        margin-left:auto;
        margin-right:auto;
    }

    .mm-giftcard-return__benefits{
        justify-content:center;
    }

    .mm-giftcard-return__button{
        width:100%;
        box-sizing:border-box;
    }
}

/* --- BLOQUE INLINE 09 --- */
.mm-kmo-service-notice{
    width:100%;
    max-width:1600px;
    margin:35px auto 45px;
    padding:0 20px;
    box-sizing:border-box;
}
.mm-kmo-service-notice img{
    width:100%;
    display:block;
    border-radius:20px;
    box-shadow:0 15px 40px rgba(0,0,0,.15);
}
@media(max-width:768px){
    .mm-kmo-service-notice{
        padding:0 12px;
        margin:20px auto 30px;
    }
}

/* --- BLOQUE INLINE 10 --- */
.mm-help-video-link{
    display:inline-block;
    margin-top:14px;
    padding:0;
    border:0;
    background:transparent;
    color:#fff;
    font-size:15px;
    font-weight:600;
    text-decoration:underline;
    cursor:pointer;
}


#mm-video-modal{
    position:fixed;
    inset:0;
    z-index:9999999;
    display:none;
    align-items:center;
    justify-content:center;
    padding:20px;
    background:rgba(0,0,0,.82);
}

#mm-video-modal.mm-visible{
    display:flex;
}

.mm-video-box{
    position:relative;
    width:min(900px, 95vw);
    max-height:92vh;
    background:#000;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 20px 70px rgba(0,0,0,.45);
}

.mm-video-box video{
    width:100%;
    max-height:88vh;
    display:block;
    background:#000;
}

#mm-close-video{
    position:absolute;
    top:10px;
    right:12px;
    z-index:2;
    width:42px;
    height:42px;
    border:0;
    border-radius:50%;
    background:rgba(0,0,0,.65);
    color:#fff;
    font-size:28px;
    line-height:42px;
    cursor:pointer;
}

/* --- BLOQUE INLINE 11 --- */
.mm-tiendas-preview{
    max-width:1180px;
    margin:70px auto 50px;
    padding:0 20px;
}

.mm-tiendas-preview .section-title{
    margin:0 0 8px;
    text-align:center;
    font-size:32px;
    line-height:1.2;
    font-weight:800;
    color:#17128f;
}

.mm-tiendas-preview .section-subtitle{
    margin:0 auto 28px;
    text-align:center;
    font-size:16px;
    line-height:1.5;
    color:#555;
}

.central-stores-filters{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:10px;
    margin:0 0 32px;
}

.central-filter-btn{
    border:0;
    border-radius:9px;
    padding:11px 20px;
    background:#2114b8;
    color:#fff;
    font-size:14px;
    font-weight:700;
    cursor:pointer;
    transition:.2s ease;
}

.central-filter-btn:hover{
    transform:translateY(-1px);
}

.central-filter-btn.active{
    background:#ff9f1c;
}

.central-stores-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;
}

.central-store-card{
    position:relative;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    min-height:465px;
    padding:205px 22px 22px;
    border-radius:20px;
    background:#fff;
    box-shadow:0 8px 28px rgba(31,18,168,.10);
}

.central-store-card.hidden{
    display:none !important;
}

.central-store-card::before{
    content:"";
    position:absolute;
    z-index:0;
    top:0;
    left:0;
    right:0;
    height:180px;
    background:#f0efff center center / cover no-repeat;
}

.central-store-card > *{
    position:relative;
    z-index:1;
}

.central-store-card h3{
    margin:0 0 13px;
    font-size:21px;
    line-height:1.25;
    color:#111;
}

.central-store-card p{
    margin:5px 0;
    font-size:14px;
    line-height:1.45;
    color:#444;
}

.mm-store-status{
    display:inline-flex;
    align-self:flex-start;
    margin:0 0 14px;
    padding:7px 13px;
    border-radius:20px;
    background:#ff9f1c;
    color:#fff;
    font-size:12px;
    font-weight:800;
}

.mm-store-status.upcoming{
    background:#2114b8;
    color:#fff;
}

.store-actions{
    display:flex;
    flex-direction:column;
    gap:9px;
    margin-top:auto;
    padding-top:18px;
}

.store-actions a,
.store-actions button{
    box-sizing:border-box;
    width:100%;
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:8px;
    padding:10px 14px;
    text-decoration:none !important;
    font-size:14px;
    font-weight:700;
    cursor:pointer;
}

.store-actions a{
    background:#ff9f1c;
    color:#fff !important;
}

.store-actions button{
    background:#2114b8;
    color:#fff;
}

.mm-gallery-modal{
    position:fixed;
    z-index:99999;
    inset:0;
    display:none;
    align-items:center;
    justify-content:center;
    padding:25px;
    background:rgba(0,0,0,.82);
}

.mm-gallery-modal.visible{
    display:flex;
}

.mm-gallery-box{
    position:relative;
    width:min(1100px,96vw);
    max-height:92vh;
    overflow:auto;
    padding:25px;
    border-radius:16px;
    background:#fff;
}

.mm-gallery-box h3{
    margin:0 50px 20px 0;
    color:#17128f;
}

.mm-gallery-close{
    position:absolute;
    top:12px;
    right:15px;
    width:38px;
    height:38px;
    border:0;
    border-radius:50%;
    background:#2114b8;
    color:#fff;
    font-size:24px;
    cursor:pointer;
}

.mm-gallery-images{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}

.mm-gallery-images img{
    width:100%;
    height:230px;
    display:block;
    object-fit:cover;
    border-radius:10px;
}

@media(max-width:900px){
    .central-stores-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .mm-gallery-images{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:600px){
    .mm-tiendas-preview{
        margin-top:45px;
        padding:0 14px;
    }

    .mm-tiendas-preview .section-title{
        font-size:27px;
    }

    .central-stores-grid{
        grid-template-columns:1fr;
    }

    .central-stores-filters{
        gap:7px;
    }

    .central-filter-btn{
        padding:9px 12px;
        font-size:12px;
    }

    .mm-gallery-images{
        grid-template-columns:1fr;
    }
}

/* --- BLOQUE INLINE 12 --- */
.mm-fuel-locations {
    width: 100%;
    max-width: 1180px;
    margin: 54px auto 46px;
    padding: 0 22px;
    box-sizing: border-box;
}

.mm-location-head {
    text-align: center;
    margin-bottom: 28px;
}

.mm-location-head h2 {
    margin: 0 0 8px;
    color: #17134b;
    font-size: 30px;
    line-height: 1.15;
    font-weight: 800;
}

.mm-location-head p {
    max-width: 680px;
    margin: 0 auto;
    color: #62657a;
    font-size: 15px;
    line-height: 1.55;
}

.mm-location-columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.mm-location-group {
    padding: 24px;
    border: 1px solid #e7e8f1;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 28px rgba(28,26,70,.07);
    scroll-margin-top: 120px;
}

.mm-location-group-head {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 20px;
}

.mm-location-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    border-radius: 13px;
    background: #f1efff;
    color: #2613b5;
    font-size: 22px;
}

.mm-location-group-head h3 {
    margin: 0 0 3px;
    color: #17134b;
    font-size: 21px;
    font-weight: 800;
}

.mm-location-group-head p {
    margin: 0;
    color: #74768a;
    font-size: 12px;
    line-height: 1.4;
}

.mm-location-card {
    position: relative;
    min-height: 150px;
    padding: 22px;
    border-radius: 15px;
    background: #f8f9fc;
    box-sizing: border-box;
}

.mm-location-status {
    display: inline-flex;
    margin-bottom: 12px;
    padding: 5px 10px;
    border-radius: 999px;
    background: #e7f7ed;
    color: #18753a;
    font-size: 10px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.mm-location-card h4 {
    margin: 0 0 13px;
    color: #252342;
    font-size: 17px;
    line-height: 1.3;
    font-weight: 800;
}

.mm-location-products {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 13px;
}

.mm-location-products span {
    display: inline-flex;
    padding: 5px 9px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #e2e3eb;
    color: #484a5d;
    font-size: 11px;
    font-weight: 700;
}

.mm-location-zone {
    margin: 0;
    color: #686a7c;
    font-size: 12px;
    line-height: 1.45;
}

@media (max-width: 760px) {

    .mm-fuel-locations {
        margin: 38px auto 34px;
        padding: 0 14px;
    }

    .mm-location-head h2 {
        font-size: 25px;
    }

    .mm-location-columns {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .mm-location-group {
        padding: 18px;
    }
}

/* --- BLOQUE INLINE 13 --- */
/* Ocultar navegación secundaria de Magento */
body.cms-index-index .breadcrumbs{
    display:none !important;
}

/*
 * Esta página carga central-home.css por su contenido,
 * pero el header debe utilizar exclusivamente el diseño global.
 *
 * Neutralizamos la condición "body.central-home" únicamente
 * para el encabezado de esta página.
 */
body.cms-index-index .page-header{
    margin-bottom:0 !important;
}

/* El header MixMarket conserva sus propias reglas de mixmarket-header.css */
body.cms-index-index .page-header .mm-global-header{
    display:block !important;
}

/* Eliminar espacio dejado por breadcrumbs */
body.cms-index-index .page-main{
    padding-top:0 !important;
}

/* --- BLOQUE INLINE 14 --- */
/*
 * El acceso a tiendas permanece en el header,
 * pero únicamente como icono.
 */
body.cms-index-index
.page-header
.mm-open-points{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:44px !important;
    min-width:44px !important;
    padding:0 !important;
    margin:0 !important;
}

/* Ocultamos únicamente el texto */
body.cms-index-index
.page-header
.mm-open-points .mm-global-label-full,
body.cms-index-index
.page-header
.mm-open-points strong{
    display:none !important;
}

/* Recuperamos el pin con el mismo tamaño que los demás iconos */
body.cms-index-index
.page-header
.mm-open-points .mm-icon-store{
    display:block !important;
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    min-height:30px !important;
    max-width:30px !important;
    max-height:30px !important;
    flex:0 0 30px !important;
    margin:0 !important;
    padding:0 !important;

    background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%231f12a8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-6.2 7-12A7 7 0 0 0 5 9c0 5.8 7 12 7 12z'/%3E%3Ccircle cx='12' cy='9' r='2.5'/%3E%3C/svg%3E") !important;

    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:30px 30px !important;
}

/* Destino del icono */
#tiendas{
    scroll-margin-top:110px;
}

/* --- BLOQUE INLINE 15 --- */
/* Separación general de la sección */
.mm-tiendas-preview{
    padding-top:72px !important;
    padding-bottom:60px !important;
}

/* Título */
.mm-tiendas-preview > .section-title{
    margin:0 auto 8px !important;
    padding:0 !important;

    text-align:center !important;
    font-size:46px !important;
    line-height:1.08 !important;
    font-weight:800 !important;
    letter-spacing:-1.2px !important;

    color:#2818c9 !important;
}

/* Texto bajo el título */
.mm-tiendas-preview > .section-subtitle{
    max-width:850px !important;
    margin:0 auto 38px !important;
    padding:0 20px !important;

    text-align:center !important;
    font-size:20px !important;
    line-height:1.45 !important;
    font-weight:400 !important;

    color:#565663 !important;
}

/* Contenedor blanco de filtros */
.mm-tiendas-preview .central-stores-filters{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:wrap !important;

    width:max-content !important;
    max-width:calc(100% - 30px) !important;

    margin:0 auto 42px !important;
    padding:10px 12px !important;
    gap:10px !important;

    background:#fff !important;
    border-radius:20px !important;

    box-shadow:
        0 12px 32px rgba(31,18,168,.08) !important;
}

/* Botones */
.mm-tiendas-preview .central-filter-btn{
    min-height:48px !important;

    margin:0 !important;
    padding:0 28px !important;

    border:0 !important;
    border-radius:14px !important;

    background:#2818c9 !important;
    color:#fff !important;

    font-size:16px !important;
    line-height:48px !important;
    font-weight:700 !important;

    white-space:nowrap !important;

    box-shadow:none !important;

    transition:
        transform .15s ease,
        background-color .15s ease !important;
}

.mm-tiendas-preview .central-filter-btn:hover{
    transform:translateY(-1px) !important;
}

/* Filtro seleccionado */
.mm-tiendas-preview .central-filter-btn.active{
    background:#ffa52f !important;
    color:#fff !important;
}

/* Móvil */
@media (max-width:767px){

    .mm-tiendas-preview{
        padding-top:48px !important;
        padding-bottom:42px !important;
    }

    .mm-tiendas-preview > .section-title{
        font-size:34px !important;
        line-height:1.1 !important;
        letter-spacing:-.7px !important;
    }

    .mm-tiendas-preview > .section-subtitle{
        margin-bottom:26px !important;
        font-size:17px !important;
        line-height:1.4 !important;
    }

    .mm-tiendas-preview .central-stores-filters{
        width:calc(100% - 24px) !important;
        max-width:720px !important;
        padding:8px !important;
        gap:7px !important;
        border-radius:16px !important;
    }

    .mm-tiendas-preview .central-filter-btn{
        min-height:42px !important;
        padding:0 16px !important;
        border-radius:11px !important;
        font-size:14px !important;
        line-height:42px !important;
    }
}

/* --- BLOQUE INLINE 16 --- */
/* Pin + texto, igual que el resto de opciones del header */
body.cms-index-index
.page-header
.mm-open-points{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    width:auto !important;
    min-width:70px !important;
}

/* El strong vuelve a mostrarse */
body.cms-index-index
.page-header
.mm-open-points strong{
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    font-size:14px !important;
    line-height:1.2 !important;
    font-weight:400 !important;
    color:inherit !important;
}

/* No queremos el texto largo */
body.cms-index-index
.page-header
.mm-open-points .mm-global-label-full{
    display:none !important;
}

/* Solo "Tiendas" */
body.cms-index-index
.page-header
.mm-open-points .mm-global-label-short{
    display:inline !important;
    margin:0 !important;
    padding:0 !important;
    font-size:14px !important;
    line-height:1.2 !important;
    font-weight:400 !important;
    color:inherit !important;
}

/* --- BLOQUE INLINE 17 --- */
/*
 * Combustible y Tarjeta Regalo usan exactamente
 * la misma geometría para la fotografía.
 */
.mm-choice-home .mm-choice-visual--image{
    position:relative !important;
    width:100% !important;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
}

.mm-choice-home .mm-choice-visual--image img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;

    object-fit:contain !important;
    object-position:center center !important;

    transform:none !important;
}

/* Regalo: eliminar cualquier espacio interior heredado */
.mm-choice-home
.mm-choice-card--gift
.mm-choice-visual--image{
    padding-left:0 !important;
    padding-right:0 !important;
}

.mm-choice-home
.mm-choice-card--gift
.mm-choice-visual--image img{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    transform:none !important;
}

/* ===== PORTADAS TIENDAS MIXMARKET · DEFINITIVO ===== */

/* 1 y 24 · Varadero */
.mm-tiendas-preview .store-1y24::before{
    background-image:
      linear-gradient(rgba(31,18,168,.12),rgba(31,18,168,.12)),
      url('/media/mixmarket-stores/varadero/foto1.webp?v=20261012') !important;
    background-size:cover !important;
    background-position:center !important;
}

/* Club Habana */
.mm-tiendas-preview .store-clubhabana::before{
    background-image:
      linear-gradient(rgba(31,18,168,.08),rgba(31,18,168,.08)),
      url('/media/mixmarket-stores/clubhabana/foto3.webp?v=20261012') !important;
    background-size:cover !important;
    background-position:center !important;
}

/* FOCSA */
.mm-tiendas-preview .store-focsa::before{
    background-image:
      linear-gradient(rgba(31,18,168,.12),rgba(31,18,168,.12)),
      url('/media/mixmarket-stores/focsa/foto1.jpeg?v=20260916') !important;
    background-size:cover !important;
    background-position:center !important;
}

/* Línea y 12 */
.mm-tiendas-preview .store-linea12::before{
    background-image:
      linear-gradient(rgba(31,18,168,.12),rgba(31,18,168,.12)),
      url('/media/mixmarket-stores/linea12/linea12-1.webp?v=20261012') !important;
    background-size:cover !important;
    background-position:center !important;
}

/* Sirenita */
.mm-tiendas-preview .store-sirenita::before{
    background-image:
      linear-gradient(rgba(31,18,168,.12),rgba(31,18,168,.12)),
      url('/media/mixmarket-stores/sirenita/foto2.webp?v=20261012') !important;
    background-size:cover !important;
    background-position:center !important;
}

/* Todo en 1 */
.mm-tiendas-preview .store-todo1::before{
    background-image:
      linear-gradient(rgba(31,18,168,.12),rgba(31,18,168,.12)),
      url('/media/mixmarket-stores/varadero/foto1.webp?v=20261012') !important;
    background-size:cover !important;
    background-position:center !important;
}

/* Zayro */
.mm-tiendas-preview .store-zayro::before{
    background-image:
      linear-gradient(rgba(31,18,168,.08),rgba(31,18,168,.08)),
      url('/media/mixmarket-stores/zayro/foto1.webp?v=20261012') !important;
    background-size:cover !important;
    background-position:center !important;
}

/* Carlos III */
.mm-tiendas-preview .store-carlos3::before{
    background-image:
      linear-gradient(rgba(31,18,168,.12),rgba(31,18,168,.12)),
      url('/media/mixmarket-stores/focsa/foto1.jpeg?v=20260916') !important;
    background-size:cover !important;
    background-position:center !important;
}

/* Momentum */
.mm-tiendas-preview .store-momentum::before{
    background-image:
      linear-gradient(rgba(31,18,168,.08),rgba(31,18,168,.08)),
      url('/media/mixmarket-stores/momentum/foto1.webp?v=20261012') !important;
    background-size:cover !important;
    background-position:center !important;
}

/* --- BLOQUE INLINE 23 --- */
/* Centrado visual del mensaje principal de cada tarjeta */
.mm-choice-home .mm-choice-intro{
    text-align:center !important;
}

.mm-choice-home .mm-choice-intro h2{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

.mm-choice-home .mm-choice-intro p{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
    max-width:520px !important;
}


/* MIXMARKET · CARGA DIFERIDA DE PORTADAS */
html.mm-store-lazy-enabled
.mm-tiendas-preview
.central-store-card:not(.mm-photo-visible)::before {
    background-image:none !important;
    background-color:#f0efff;
}