/* ==========================================================
   IVOMEX v7.15
   PORTADA MOVIL — REFERENCIA APROBADA
   ========================================================== */

.ivx715-approved,
.ivx715-approved-header-logo,
.ivx715-approved-storemarket {
  display:none;
}

@media (max-width:700px) {

  *,
  *::before,
  *::after {
    box-sizing:border-box;
  }

  html,
  body {
    width:100%;
    max-width:100%;
    overflow-x:hidden;
  }

  /* ========================================================
     HEADER
     ======================================================== */

  header {
    position:sticky !important;
    top:0 !important;
    z-index:1000 !important;

    background:#031a31 !important;

    border-bottom:
      1px solid rgba(74,152,211,.22) !important;
  }

  header .nav {
    width:100% !important;
    max-width:none !important;

    min-height:82px !important;
    height:82px !important;

    padding:10px 18px !important;
    margin:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    gap:12px !important;
  }

  header .navlinks,
  header .nav-cta {
    display:none !important;
  }

  header .nav-brand {
    display:flex !important;
    align-items:center !important;

    flex:1 1 auto !important;
    min-width:0 !important;
  }

  header .ivomex-home-logo {
    display:none !important;
  }

  .ivx715-approved-header-logo {
    display:block !important;

    width:180px !important;
    max-width:53vw !important;
    height:auto !important;

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

    mix-blend-mode:screen;

    border:0 !important;
    padding:0 !important;
    margin:0 !important;
  }

  header .mobile-nav {
    display:block !important;
    position:relative !important;

    flex:0 0 auto !important;
  }

  header .mobile-nav summary {
    list-style:none !important;

    width:106px !important;
    min-width:106px !important;

    height:58px !important;
    min-height:58px !important;

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

    gap:9px !important;

    color:#fff !important;

    background:#062a47 !important;

    border:
      1.5px solid #e4b541 !important;

    border-radius:16px !important;

    font-size:15px !important;
    line-height:1 !important;

    font-weight:900 !important;
  }

  header .mobile-nav summary::-webkit-details-marker {
    display:none;
  }

  header .mobile-nav summary::before {
    content:"☰";

    font-size:25px;
    line-height:1;

    color:#fff;
  }

  header .mobile-nav-panel {
    position:absolute !important;

    top:64px !important;
    right:0 !important;

    width:min(315px,92vw) !important;

    padding:10px !important;

    background:#fff !important;

    border:
      1px solid #dde5ec !important;

    border-radius:16px !important;

    box-shadow:
      0 20px 55px rgba(0,0,0,.30) !important;
  }

  header .mobile-nav-panel a {
    min-height:48px !important;

    display:flex !important;
    align-items:center !important;

    padding:11px 13px !important;

    color:#092b47 !important;

    font-size:14px !important;
    font-weight:800 !important;

    border-radius:10px !important;
  }

  /* ========================================================
     HERO ORIGINAL DESACTIVADO SOLO EN MOBILE
     ======================================================== */

  .hero-reference {
    min-height:0 !important;
    height:auto !important;

    margin:0 !important;
    padding:0 !important;

    overflow:visible !important;

    background:#03182d !important;
  }

  .hero-reference > .hero-clickable,
  .hero-reference > .projects-film {
    display:none !important;
  }

  /* ========================================================
     NUEVO HERO
     ======================================================== */

  .ivx715-approved {
    display:block;
  }

  .ivx715-approved-hero {
    position:relative;

    overflow:hidden;

    background:
      radial-gradient(
        circle at 100% 25%,
        rgba(10,104,185,.38),
        transparent 30%
      ),
      linear-gradient(
        155deg,
        #001123 0%,
        #03233f 62%,
        #02192f 100%
      );

    color:#fff;
  }

  .ivx715-approved-inner {
    position:relative;
    z-index:5;

    width:calc(100% - 28px);

    margin:0 auto;

    padding:
      24px 0 27px;
  }

  .ivx715-approved-brand {
    display:block;

    width:295px;
    max-width:86vw;

    height:auto;

    margin:
      0 auto 19px;

    object-fit:contain;

    mix-blend-mode:screen;

    filter:
      drop-shadow(
        0 10px 22px rgba(0,0,0,.25)
      );
  }

  .ivx715-approved-tagline {
    position:relative;
    z-index:6;

    width:270px;
    max-width:78vw;

    margin:
      0 0 23px 1px;

    color:#fff;

    font-size:14px;
    line-height:1.42;

    font-weight:500;
  }

  .ivx715-approved-tagline strong {
    color:#efc64e;

    font-weight:900;
  }

  /* ========================================================
     PLANETA
     ======================================================== */

  .ivx715-approved-planet {
    position:absolute;

    width:430px;
    height:430px;

    right:-282px;
    top:105px;

    z-index:1;

    border-radius:50%;

    background:
      radial-gradient(
        circle at 24% 33%,
        rgba(70,167,236,.72) 0,
        rgba(23,106,169,.46) 17%,
        rgba(4,59,101,.76) 40%,
        #011b32 63%,
        #000a14 80%
      );

    border:
      1px solid rgba(64,165,231,.28);

    box-shadow:
      inset 55px -25px 90px rgba(0,0,0,.92),
      inset -28px 2px 45px rgba(80,168,231,.22),
      -38px 0 95px rgba(24,114,187,.24);

    opacity:.96;
  }

  .ivx715-approved-planet::before {
    content:"";

    position:absolute;
    inset:8%;

    border-radius:50%;

    background:
      repeating-radial-gradient(
        ellipse at 27% 38%,
        transparent 0 18px,
        rgba(61,155,222,.06) 19px,
        transparent 21px
      );

    transform:rotate(20deg);
  }

  .ivx715-approved-planet::after {
    content:"";

    position:absolute;

    width:160px;
    height:230px;

    left:55px;
    top:95px;

    background:
      radial-gradient(
        circle,
        #ffc74a 0 2px,
        transparent 3px
      );

    background-size:
      24px 22px;

    opacity:.82;

    transform:rotate(23deg);
  }

  .ivx715-approved-planet span {
    position:absolute;

    border-radius:50%;

    border:
      1px solid rgba(83,174,238,.11);
  }

  .ivx715-approved-planet .p1 {
    inset:30px;
  }

  .ivx715-approved-planet .p2 {
    inset:60px;
  }

  .ivx715-approved-planet .p3 {
    inset:90px;
  }

  .ivx715-approved-planet .p4 {
    inset:120px;
  }

  .ivx715-approved-planet .p5 {
    inset:145px;
  }

  /* ========================================================
     SOLUCIONES 3 x 2
     ======================================================== */

  .ivx715-approved-grid {
    position:relative;
    z-index:7;

    display:grid;

    grid-template-columns:
      repeat(3,minmax(0,1fr));

    gap:9px;
  }

  .ivx715-approved-card {
    position:relative;

    min-width:0;

    height:132px;

    padding:
      12px 9px;

    display:flex;
    flex-direction:column;
    align-items:flex-start;

    gap:7px;

    text-decoration:none;

    color:#fff;

    background:
      linear-gradient(
        145deg,
        rgba(8,53,88,.97),
        rgba(3,31,54,.99)
      );

    border:
      1px solid rgba(48,164,229,.56);

    border-radius:17px;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.05),
      0 12px 28px rgba(0,0,0,.16);
  }

  .ivx715-approved-card.green {
    border-color:#16c8a2;
  }

  .ivx715-approved-card.gold {
    border-color:#e4b84b;
  }

  .ivx715-approved-card.cyan {
    border-color:#18bff0;
  }

  .ivx715-approved-card.purple {
    border-color:#7657e8;
  }

  .ivx715-approved-card.blue {
    border-color:#189fe9;
  }

  .ivx715-approved-card.violet {
    border-color:#675adf;
  }

  .ivx715-approved-icon {
    width:41px;
    height:41px;

    display:grid;
    place-items:center;

    flex:0 0 auto;

    border-radius:50%;

    background:
      rgba(5,30,53,.78);

    box-shadow:
      0 0 20px rgba(19,135,221,.20);
  }

  .ivx715-approved-icon img {
    width:34px !important;
    height:34px !important;

    object-fit:contain !important;
  }

  .ivx715-approved-card > div {
    width:100%;
    min-width:0;

    padding-right:6px;
  }

  .ivx715-approved-card strong {
    display:block;

    color:#fff;

    font-size:11.3px;
    line-height:1.08;

    font-weight:900;

    letter-spacing:-.015em;

    word-break:normal;
    overflow-wrap:normal;
    hyphens:none;
  }

  .ivx715-approved-card small {
    display:block;

    margin-top:5px;

    color:#d3dee7;

    font-size:9.25px;
    line-height:1.22;
  }

  .ivx715-approved-card b {
    position:absolute;

    top:50%;
    right:6px;

    transform:
      translateY(-50%);

    color:#fff;

    font-size:24px;
    line-height:1;

    opacity:.93;
  }

  /* ========================================================
     MÁS VENDIDOS REAL
     ======================================================== */

  .home-best {
    margin:0 !important;

    padding:
      28px 0 30px !important;

    overflow:hidden !important;

    background:
      linear-gradient(
        180deg,
        #ffffff 0%,
        #f6f8fb 100%
      ) !important;

    color:#092a46 !important;
  }

  .home-best .container {
    width:
      calc(100% - 24px) !important;

    max-width:none !important;

    margin:
      0 auto !important;
  }

  .home-best .hb-head {
    position:relative !important;

    min-height:66px !important;

    margin:
      0 0 17px !important;

    padding-right:
      94px !important;
  }

  .home-best .hb-head h2 {
    margin:0 !important;

    color:#072a47 !important;

    font-size:
      1.65rem !important;

    line-height:1.02 !important;

    font-weight:950 !important;

    letter-spacing:-.035em !important;
  }

  .home-best .hb-head h2::before {
    content:"🔥 ";

    font-size:1.5rem;
  }

  .home-best .hb-head p {
    margin:
      7px 0 0 !important;

    color:#65798b !important;

    font-size:
      .68rem !important;

    line-height:1.35 !important;
  }

  .home-best .hb-head::after {
    content:"Ver todos ›";

    position:absolute;

    top:0;
    right:0;

    width:86px;
    height:40px;

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

    border:
      1.4px solid #daa92e;

    border-radius:14px;

    background:#fff;

    color:#092a46;

    font-size:10px;
    line-height:1;

    font-weight:900;
  }

  .home-best .hb-marquee {
    width:100% !important;

    padding:
      1px 0 8px !important;

    overflow-x:auto !important;
    overflow-y:hidden !important;

    scroll-snap-type:
      x mandatory;

    scrollbar-width:none;
  }

  .home-best .hb-marquee::-webkit-scrollbar {
    display:none;
  }

  .home-best .hb-track {
    width:max-content !important;

    display:flex !important;

    gap:9px !important;

    animation:none !important;
    transform:none !important;

    will-change:auto !important;
  }

  .home-best .hb-card {
    flex:
      0 0 calc((100vw - 42px)/3) !important;

    width:
      calc((100vw - 42px)/3) !important;

    min-width:
      calc((100vw - 42px)/3) !important;

    overflow:hidden !important;

    scroll-snap-align:start;

    background:#fff !important;

    border:
      1px solid #e0e6eb !important;

    border-radius:17px !important;

    box-shadow:
      0 9px 24px rgba(7,39,66,.09) !important;
  }

  .home-best .hb-card img {
    display:block !important;

    width:100% !important;
    height:102px !important;

    object-fit:cover !important;
  }

  .home-best .hb-body {
    padding:
      9px 8px 10px !important;
  }

  .home-best .hb-body strong {
    display:block !important;

    color:#0c2e49 !important;

    font-size:
      .72rem !important;

    line-height:1.13 !important;

    font-weight:900 !important;
  }

  .home-best .hb-body small {
    display:block !important;

    margin-top:
      4px !important;

    color:#718392 !important;

    font-size:
      .54rem !important;

    line-height:1.18 !important;
  }

  .home-best .hb-stars {
    margin-top:
      5px !important;

    color:#e3a10b !important;

    font-size:.60rem !important;
  }

  /* ========================================================
     STOREMARKET
     ======================================================== */

  .ivx715-approved-storemarket {
    display:block;

    padding:
      0 12px 34px;

    background:#f6f8fb;
  }

  .ivx715-approved-sm-card {
    position:relative;

    min-height:285px;

    overflow:hidden;

    display:grid;

    grid-template-columns:
      43% 57%;

    align-items:center;

    border-radius:24px;

    background:
      radial-gradient(
        circle at 90% 20%,
        rgba(47,140,224,.31),
        transparent 31%
      ),
      linear-gradient(
        140deg,
        #03172c,
        #063860
      );

    box-shadow:
      0 17px 38px rgba(4,34,61,.12);
  }

  .ivx715-approved-sm-device {
    align-self:stretch;

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

    overflow:hidden;
  }

  .ivx715-approved-sm-device img {
    width:155% !important;
    max-width:none !important;

    height:auto !important;

    transform:
      translate(-8%,13%);

    object-fit:contain !important;
  }

  .ivx715-approved-sm-copy {
    position:relative;
    z-index:3;

    padding:
      24px 17px 24px 2px;

    color:#fff;
  }

  .ivx715-approved-sm-copy > span {
    display:block;

    margin-bottom:14px;

    color:#efc656;

    font-size:10px;
    line-height:1;

    font-weight:950;

    letter-spacing:.12em;
  }

  .ivx715-approved-sm-copy h2 {
    margin:0;

    color:#fff;

    font-size:
      clamp(1.55rem,7vw,2rem);

    line-height:1.02;

    letter-spacing:-.035em;
  }

  .ivx715-approved-sm-copy h2 strong {
    color:#efc656;
  }

  .ivx715-approved-sm-copy p {
    margin:
      13px 0 17px;

    color:#c7d6e2;

    font-size:10px;
    line-height:1.42;
  }

  .ivx715-approved-sm-copy a {
    min-height:40px;

    padding:
      0 12px;

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

    border-radius:12px;

    color:#071a2c;

    background:
      linear-gradient(
        135deg,
        #d6aa43,
        #f0c85c
      );

    text-decoration:none;

    font-size:10px;
    font-weight:950;
  }

}

/* ==========================================================
   390 - 430 px
   ========================================================== */

@media (min-width:390px) and (max-width:430px) {

  header .nav {
    padding-left:20px !important;
    padding-right:20px !important;
  }

  .ivx715-approved-header-logo {
    width:194px !important;
  }

  .ivx715-approved-inner {
    width:
      calc(100% - 32px);
  }

  .ivx715-approved-brand {
    width:318px;
  }

  .ivx715-approved-tagline {
    font-size:14.5px;
  }

  .ivx715-approved-card {
    height:138px;
  }

  .ivx715-approved-card strong {
    font-size:11.8px;
  }

  .ivx715-approved-card small {
    font-size:9.6px;
  }

  .home-best .hb-card img {
    height:111px !important;
  }

}

/* ==========================================================
   EXTREMADAMENTE ESTRECHO
   ========================================================== */

@media (max-width:335px) {

  .ivx715-approved-grid {
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

  .home-best .hb-card {
    flex-basis:
      calc((100vw - 35px)/2) !important;

    width:
      calc((100vw - 35px)/2) !important;

    min-width:
      calc((100vw - 35px)/2) !important;
  }

}

/* ==========================================================
   DESKTOP ORIGINAL
   ========================================================== */

@media (min-width:701px) {

  .ivx715-approved,
  .ivx715-approved-header-logo,
  .ivx715-approved-storemarket {
    display:none !important;
  }

}


/* ==========================================================
   IVOMEX v7.15 - AJUSTE VISUAL APROBADO 2
   ========================================================== */

@media (max-width:700px) {

  /* LOGOS: sin rectángulo ni mezcla de fondo */

  .ivx715-approved-header-logo,
  .ivx715-approved-brand {
    mix-blend-mode:normal !important;
    background:transparent !important;
  }

  .ivx715-approved-header-logo {
    width:177px !important;
    max-width:54vw !important;
  }

  .ivx715-approved-brand {
    width:304px !important;
    max-width:91vw !important;

    margin:
      7px auto 26px !important;
  }

  /* HEADER */

  header .nav {
    min-height:84px !important;
    height:84px !important;

    padding:
      10px 12px !important;
  }

  header .mobile-nav summary {
    width:101px !important;
    min-width:101px !important;

    height:56px !important;
    min-height:56px !important;

    border-radius:15px !important;
  }

  /* HERO */

  .ivx715-approved-inner {
    width:
      calc(100% - 12px) !important;

    padding:
      28px 0 31px !important;
  }

  .ivx715-approved-tagline {
    width:298px !important;
    max-width:84vw !important;

    margin:
      0 0 25px 8px !important;

    font-size:14px !important;
    line-height:1.48 !important;
  }

  .ivx715-approved-planet {
    width:455px !important;
    height:455px !important;

    right:-304px !important;
    top:117px !important;
  }

  /* TARJETAS 3 x 2 */

  .ivx715-approved-grid {
    grid-template-columns:
      repeat(3,minmax(0,1fr)) !important;

    gap:6px !important;
  }

  .ivx715-approved-card {
    height:139px !important;

    padding:
      11px 7px 10px !important;

    border-radius:16px !important;

    gap:7px !important;
  }

  .ivx715-approved-icon {
    width:39px !important;
    height:39px !important;
  }

  .ivx715-approved-icon img {
    width:31px !important;
    height:31px !important;
  }

  .ivx715-approved-card > div {
    padding-right:10px !important;
  }

  .ivx715-approved-card strong {
    max-width:100% !important;

    font-size:10.5px !important;
    line-height:1.08 !important;

    letter-spacing:-.025em !important;

    word-break:normal !important;
    overflow-wrap:normal !important;
  }

  .ivx715-approved-card small {
    margin-top:5px !important;

    font-size:8.45px !important;
    line-height:1.22 !important;
  }

  .ivx715-approved-card b {
    top:52% !important;
    right:4px !important;

    font-size:18px !important;

    transform:
      translateY(-50%) !important;
  }

  /* MÁS VENDIDOS */

  .home-best {
    padding:
      27px 0 34px !important;
  }

  .home-best .container {
    width:
      calc(100% - 20px) !important;
  }

  .home-best .hb-head {
    min-height:72px !important;

    padding-right:
      92px !important;

    margin-bottom:
      15px !important;
  }

  .home-best .hb-head h2 {
    white-space:nowrap !important;

    font-size:
      1.52rem !important;

    line-height:1.05 !important;
  }

  /* Evitar doble fuego */
  .home-best .hb-head h2::before {
    content:"" !important;
  }

  .home-best .hb-head p {
    font-size:.66rem !important;
  }

  .home-best .hb-head::after {
    width:84px !important;
    height:39px !important;

    font-size:9.5px !important;
  }

  .home-best .hb-track {
    gap:7px !important;
  }

  .home-best .hb-card {
    flex:
      0 0 calc((100vw - 34px)/3) !important;

    width:
      calc((100vw - 34px)/3) !important;

    min-width:
      calc((100vw - 34px)/3) !important;

    border-radius:15px !important;
  }

  .home-best .hb-card img {
    height:105px !important;
  }

  .home-best .hb-body {
    padding:
      8px 7px 10px !important;
  }

  /* STOREMARKET */

  .ivx715-approved-storemarket {
    padding:
      0 10px 32px !important;
  }

}


/* 390 - 430 */

@media (min-width:390px) and (max-width:430px) {

  .ivx715-approved-header-logo {
    width:194px !important;
  }

  .ivx715-approved-brand {
    width:326px !important;
  }

  .ivx715-approved-card {
    height:144px !important;
  }

  .ivx715-approved-card strong {
    font-size:11px !important;
  }

  .ivx715-approved-card small {
    font-size:8.9px !important;
  }

}

/* IVOMEX V715 FINE TUNE 3 START */

@media (max-width:700px) {

  /*
   * Objetivo 360x640:
   * - conservar logo correcto
   * - tarjetas legibles
   * - evitar texto/flecha superpuestos
   * - acercar Más vendidos al primer viewport
   */

  header .nav {
    height:76px !important;
    min-height:76px !important;
    padding:8px 12px !important;
  }

  .ivx715-approved-header-logo {
    width:174px !important;
  }

  header .mobile-nav summary {
    width:101px !important;
    min-width:101px !important;
    height:53px !important;
    min-height:53px !important;
  }

  /* HERO */

  .ivx715-approved-inner {
    width:calc(100% - 12px) !important;
    padding:17px 0 20px !important;
  }

  .ivx715-approved-brand {
    width:292px !important;
    max-width:88vw !important;
    margin:0 auto 16px !important;
  }

  .ivx715-approved-tagline {
    width:305px !important;
    max-width:88vw !important;

    margin:0 0 17px 7px !important;

    font-size:13.2px !important;
    line-height:1.34 !important;
  }

  /* PLANETA */

  .ivx715-approved-planet {
    width:420px !important;
    height:420px !important;

    right:-278px !important;
    top:108px !important;
  }

  /* 6 TARJETAS */

  .ivx715-approved-grid {
    gap:6px !important;
  }

  .ivx715-approved-card {
    height:121px !important;

    padding:
      8px 7px 7px !important;

    gap:4px !important;

    border-radius:15px !important;
  }

  .ivx715-approved-icon {
    width:34px !important;
    height:34px !important;
  }

  .ivx715-approved-icon img {
    width:28px !important;
    height:28px !important;
  }

  /*
   * Reservamos una franja derecha exclusivamente
   * para la flecha.
   */
  .ivx715-approved-card > div {
    width:100% !important;
    padding-right:13px !important;
  }

  .ivx715-approved-card strong {
    font-size:10.1px !important;
    line-height:1.08 !important;

    letter-spacing:-.02em !important;

    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
  }

  .ivx715-approved-card small {
    margin-top:4px !important;

    font-size:7.8px !important;
    line-height:1.16 !important;
  }

  .ivx715-approved-card b {
    right:4px !important;
    top:52% !important;

    font-size:17px !important;
  }

  /* MÁS VENDIDOS */

  .home-best {
    padding:20px 0 29px !important;
  }

  .home-best .hb-head {
    min-height:58px !important;

    margin-bottom:12px !important;
    padding-right:88px !important;
  }

  .home-best .hb-head h2 {
    font-size:1.42rem !important;
    line-height:1 !important;
  }

  .home-best .hb-head p {
    margin-top:5px !important;

    font-size:.62rem !important;
    line-height:1.25 !important;
  }

  .home-best .hb-head::after {
    width:82px !important;
    height:37px !important;

    font-size:9px !important;
  }

}


/* Ajuste específico para 360px */

@media (min-width:336px) and (max-width:370px) {

  .ivx715-approved-card strong {
    font-size:9.7px !important;
  }

  .ivx715-approved-card small {
    font-size:7.5px !important;
  }

}


/* 390–430 conserva un poco más de aire */

@media (min-width:390px) and (max-width:430px) {

  .ivx715-approved-inner {
    padding-top:21px !important;
    padding-bottom:24px !important;
  }

  .ivx715-approved-brand {
    width:315px !important;
    margin-bottom:20px !important;
  }

  .ivx715-approved-tagline {
    font-size:14px !important;
    margin-bottom:20px !important;
  }

  .ivx715-approved-card {
    height:130px !important;
  }

  .ivx715-approved-card strong {
    font-size:10.7px !important;
  }

  .ivx715-approved-card small {
    font-size:8.3px !important;
  }

}

/* IVOMEX V715 FINE TUNE 3 END */

/* IVOMEX V715 FINE TUNE 4 START */

@media (max-width:700px) {

  /* Acercar contenido al logo principal */
  .ivx715-approved-brand {
    margin-bottom:10px !important;
  }

  .ivx715-approved-tagline {
    margin-bottom:15px !important;
  }

  /* Mejorar legibilidad sin ensanchar tarjetas */
  .ivx715-approved-card strong {
    font-size:10.35px !important;
    line-height:1.06 !important;
    padding-right:2px !important;
  }

  .ivx715-approved-card small {
    font-size:8px !important;
    line-height:1.15 !important;
  }

  .ivx715-approved-card > div {
    padding-right:14px !important;
  }

  .ivx715-approved-card b {
    right:4px !important;
    font-size:16px !important;
  }

  /* Más vendidos: quitar texto técnico de escritorio */
  .home-best .hb-note,
  .home-best .hb-help,
  .home-best .hb-motion,
  .home-best [class*="motion"],
  .home-best [class*="pause"] {
    display:none !important;
  }

  /*
   * En la versión actual esa explicación puede no tener
   * clase propia. Ocultamos el párrafo adicional posterior
   * al encabezado únicamente en móvil.
   */
  .home-best .container > p {
    display:none !important;
  }

  .home-best {
    padding-top:18px !important;
  }

  .home-best .hb-head {
    min-height:52px !important;
    margin-bottom:8px !important;
  }

  .home-best .hb-head h2 {
    font-size:1.46rem !important;
  }

  .home-best .hb-head p {
    display:block !important;
    font-size:.61rem !important;
    line-height:1.2 !important;
    margin-top:4px !important;
  }

  .home-best .hb-marquee {
    padding-top:0 !important;
  }

  .home-best .hb-card img {
    height:108px !important;
  }

}

/* Ajuste exacto del rango 336-370 */
@media (min-width:336px) and (max-width:370px) {

  .ivx715-approved-card strong {
    font-size:10px !important;
  }

  .ivx715-approved-card small {
    font-size:7.8px !important;
  }

}

/* IVOMEX V715 FINE TUNE 4 END */

/* IVOMEX V715 CARD COMPACT START */

@media (max-width:700px) {

  /* Compactar solo las tarjetas */
  .ivx715-approved-card {
    height:108px !important;
    min-height:108px !important;

    padding:
      7px 7px 6px !important;

    gap:3px !important;
  }

  .ivx715-approved-icon {
    width:31px !important;
    height:31px !important;
  }

  .ivx715-approved-icon img {
    width:25px !important;
    height:25px !important;
  }

  .ivx715-approved-card strong {
    font-size:9.8px !important;
    line-height:1.05 !important;
  }

  .ivx715-approved-card small {
    margin-top:3px !important;

    font-size:7.4px !important;
    line-height:1.12 !important;
  }

  .ivx715-approved-card b {
    font-size:15px !important;
    right:4px !important;
  }

  /* Reducir ligeramente el espacio entre filas */
  .ivx715-approved-grid {
    gap:5px !important;
  }

  /* Acercar Más vendidos */
  .ivx715-approved-inner {
    padding-bottom:13px !important;
  }

  .home-best {
    padding-top:15px !important;
  }

}

/* En móviles un poco más anchos damos apenas más altura */
@media (min-width:390px) and (max-width:430px) {

  .ivx715-approved-card {
    height:114px !important;
    min-height:114px !important;
  }

  .ivx715-approved-card strong {
    font-size:10.3px !important;
  }

  .ivx715-approved-card small {
    font-size:7.8px !important;
  }

}

/* IVOMEX V715 CARD COMPACT END */

/* IVOMEX V715 CARD COMPACT 2 START */

@media (max-width:700px) {

  .ivx715-approved-card {
    height:96px !important;
    min-height:96px !important;

    padding:6px 6px 5px !important;
    gap:2px !important;
  }

  .ivx715-approved-grid {
    gap:5px !important;
  }

  .ivx715-approved-icon {
    width:28px !important;
    height:28px !important;
  }

  .ivx715-approved-icon img {
    width:23px !important;
    height:23px !important;
  }

  .ivx715-approved-card strong {
    font-size:9.4px !important;
    line-height:1.03 !important;
  }

  .ivx715-approved-card small {
    margin-top:2px !important;

    font-size:7px !important;
    line-height:1.08 !important;
  }

  .ivx715-approved-card b {
    font-size:14px !important;
    right:3px !important;
  }

  .ivx715-approved-inner {
    padding-bottom:10px !important;
  }

  .home-best {
    padding-top:12px !important;
  }

}

/* En 390–430 no hace falta compactar tanto */
@media (min-width:390px) and (max-width:430px) {

  .ivx715-approved-card {
    height:104px !important;
    min-height:104px !important;
  }

  .ivx715-approved-card strong {
    font-size:9.9px !important;
  }

  .ivx715-approved-card small {
    font-size:7.4px !important;
  }

}

/* IVOMEX V715 CARD COMPACT 2 END */

/* IVOMEX V715 FINAL CARD HEIGHT */

@media (max-width:389px) {

  .ivx715-approved-card {
    height:88px !important;
    min-height:88px !important;
    padding:5px 6px !important;
    gap:1px !important;
  }

  .ivx715-approved-grid {
    gap:4px !important;
  }

  .ivx715-approved-icon {
    width:26px !important;
    height:26px !important;
  }

  .ivx715-approved-icon img {
    width:21px !important;
    height:21px !important;
  }

  .ivx715-approved-card strong {
    font-size:9.4px !important;
    line-height:1.02 !important;
  }

  .ivx715-approved-card small {
    margin-top:2px !important;
    font-size:7px !important;
    line-height:1.05 !important;
  }

  .ivx715-approved-inner {
    padding-bottom:7px !important;
  }

  .home-best {
    padding-top:10px !important;
  }

}

/* ==========================================================
   IVOMEX v7.15 - StoreMarket real catalog
   ========================================================== */

.ivx715-sm-catalog {
  max-width: 1180px;
  margin: 32px auto;
  padding: 0 18px 42px;
}

.ivx715-sm-catalog-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}

.ivx715-sm-catalog-head h2 {
  margin: 4px 0 6px;
}

.ivx715-sm-catalog-head p {
  margin: 0;
  opacity: .72;
}

.ivx715-sm-eyebrow {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ivx715-sm-status {
  padding: 18px;
  border-radius: 14px;
  background: rgba(0,0,0,.035);
  text-align: center;
}

.ivx715-sm-products {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 16px;
}

.ivx715-sm-product {
  overflow: hidden;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
}

.ivx715-sm-product-media {
  aspect-ratio: 1 / 1;
  background: #f4f5f7;
  overflow: hidden;
}

.ivx715-sm-product-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.ivx715-sm-product-body {
  padding: 12px;
}

.ivx715-sm-product-title {
  margin: 0 0 6px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
}

.ivx715-sm-product-price {
  margin: 0;
  font-size: 14px;
  font-weight: 700;
}

.ivx715-sm-product-stock {
  margin-top: 6px;
  font-size: 12px;
  opacity: .7;
}

.ivx715-sm-transport {
  margin-top: 16px;
  padding: 12px 14px;
  border-radius: 12px;
  background: rgba(0,0,0,.04);
  font-size: 12px;
  line-height: 1.35;
}

@media (max-width: 900px) {
  .ivx715-sm-products {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
}

@media (max-width: 640px) {
  .ivx715-sm-catalog {
    margin-top: 20px;
    padding: 0 10px 28px;
  }

  .ivx715-sm-products {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 8px;
  }

  .ivx715-sm-product-body {
    padding: 9px;
  }

  .ivx715-sm-product-title {
    font-size: 12px;
  }

  .ivx715-sm-product-price {
    font-size: 12px;
  }
}