/* Ciclomaz - CTA producto v4 minimalista */
.cmz-action-host{display:block!important;width:100%!important;max-width:none!important}
.cmz-lead-cta-card{
  width:100%!important; max-width:none!important; box-sizing:border-box!important;
  margin:18px 0 0!important; padding:0!important; border:0!important; background:transparent!important;
  box-shadow:none!important; grid-column:1/-1!important; flex:0 0 100%!important;
}
.cmz-lead-cta-head{margin:0 0 10px!important;padding:0!important;display:block!important}
.cmz-lead-cta-kicker{display:inline-flex!important;align-items:center!important;padding:5px 9px!important;border-radius:999px!important;background:#fff1f2!important;color:#c01022!important;font-size:10px!important;font-weight:900!important;letter-spacing:.04em!important;text-transform:uppercase!important}
.cmz-lead-cta-head h3,.cmz-lead-cta-head p{display:none!important}
.cmz-lead-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;width:100%!important;margin:0!important;padding:0!important}
.cmz-lead-actions>a,.cmz-lead-actions>button{
  width:100%!important;min-width:0!important;height:58px!important;min-height:58px!important;margin:0!important;padding:0 16px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;border-radius:14px!important;
  box-sizing:border-box!important;text-align:center!important;font:inherit!important;font-size:14px!important;font-weight:900!important;line-height:1!important;
  text-decoration:none!important;cursor:pointer!important;box-shadow:none!important;transform:none!important;overflow:hidden!important;white-space:nowrap!important;
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
.cmz-lead-actions>a:hover,.cmz-lead-actions>button:hover{transform:translateY(-1px)!important;box-shadow:0 10px 22px rgba(15,23,42,.10)!important}
.cmz-lead-actions>a::after,.cmz-lead-actions>button::after{display:none!important;content:none!important}
.cmz-btn-copy{display:block!important;min-width:0!important}.cmz-btn-copy strong{display:block!important;font-size:14px!important;line-height:1!important;font-weight:900!important}.cmz-btn-copy small{display:none!important}
.cmz-wa-btn{background:#20c863!important;color:#fff!important;border:1px solid #19b657!important}.cmz-wa-btn:hover{background:#18b657!important}
.cmz-wa-btn svg{width:20px!important;height:20px!important;flex:0 0 20px!important;fill:currentColor!important}
.cmz-interest-btn{background:#fff!important;color:#111827!important;border:1px solid #cfd4dc!important}.cmz-interest-btn:hover{border-color:#98a2b3!important;background:#fcfcfd!important}
.cmz-interest-btn svg{width:19px!important;height:19px!important;flex:0 0 19px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important}
.cmz-flyer-btn{grid-column:1/-1!important;height:44px!important;min-height:44px!important;background:transparent!important;color:#475467!important;border:1px solid #e4e7ec!important;border-radius:12px!important;font-size:12px!important;box-shadow:none!important}
.cmz-flyer-btn:hover{background:#f9fafb!important;color:#111827!important;border-color:#d0d5dd!important}
.cmz-flyer-btn svg{width:15px!important;height:15px!important;flex:0 0 15px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important}
.cmz-flyer-btn .cmz-btn-copy strong{font-size:12px!important}

/* modal / toast */
.cmz-interest-modal[hidden]{display:none!important}.cmz-interest-modal{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:18px}
.cmz-interest-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.62);backdrop-filter:blur(4px)}
.cmz-interest-dialog{position:relative;z-index:1;width:min(720px,100%);max-height:min(90vh,860px);overflow:auto;background:#fff;border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.28);border:1px solid #eaecf0}
.cmz-interest-head{padding:22px 24px 17px;border-bottom:1px solid #eceff3;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;background:#fff}
.cmz-interest-eyebrow{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#fff1f2;color:#c01022;font-size:10px;font-weight:900;margin-bottom:8px;text-transform:uppercase;letter-spacing:.04em}
.cmz-interest-head h2{margin:0 0 4px;color:#111827;font-size:25px;line-height:1.1}.cmz-interest-head p{margin:0;color:#667085;font-size:13px;line-height:1.5}
.cmz-interest-close{width:38px;height:38px;flex:0 0 38px;border:0;border-radius:50%;background:#f2f4f7;color:#111;font-size:23px;line-height:1;cursor:pointer}
.cmz-interest-product{margin:15px 24px 0;padding:12px 14px;border-radius:12px;background:#f8fafc;border:1px solid #e5e7eb;color:#344054;font-size:13px;font-weight:700}
.cmz-interest-form{padding:18px 24px 24px}.cmz-interest-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.cmz-interest-field{display:flex;flex-direction:column;gap:6px}.cmz-interest-field.full{grid-column:1/-1}
.cmz-interest-field label{color:#111827;font-size:12px;font-weight:900}.cmz-interest-field input,.cmz-interest-field textarea,.cmz-interest-field select{width:100%;box-sizing:border-box;border:1px solid #d0d5dd;background:#fff;color:#111827;border-radius:11px;padding:11px 12px;font:inherit;font-size:14px;outline:none}
.cmz-interest-field input:focus,.cmz-interest-field textarea:focus,.cmz-interest-field select:focus{border-color:#ed111f;box-shadow:0 0 0 3px rgba(237,17,31,.08)}.cmz-interest-field textarea{min-height:105px;resize:vertical}
.cmz-interest-help{margin:13px 0 0;color:#667085;font-size:11px;line-height:1.45}.cmz-interest-submit{width:100%;min-height:50px;margin-top:15px;border:0;border-radius:12px;background:#ed111f;color:#fff;font:inherit;font-weight:900;cursor:pointer}.cmz-interest-submit:disabled{opacity:.62;cursor:wait}
.cmz-interest-message{display:none;margin-top:13px;padding:12px 13px;border-radius:10px;font-size:13px;line-height:1.45}.cmz-interest-message.ok{display:block;background:#ecfdf3;color:#067647}.cmz-interest-message.error{display:block;background:#fef3f2;color:#b42318}
.cmz-interest-hp{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;overflow:hidden!important}body.cmz-modal-open{overflow:hidden!important}
.cmz-interest-toast{position:fixed;right:18px;bottom:18px;z-index:1000000;max-width:min(420px,calc(100vw - 32px));padding:15px 17px;border-radius:15px;background:#101828;color:#fff;box-shadow:0 24px 60px rgba(0,0,0,.25);display:none}.cmz-interest-toast.show{display:block;animation:cmzToastIn .18s ease-out}.cmz-interest-toast strong{display:block;font-size:15px;margin-bottom:4px}.cmz-interest-toast p{margin:0;color:#d0d5dd;font-size:13px;line-height:1.45}@keyframes cmzToastIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:640px){.cmz-lead-actions{grid-template-columns:1fr!important}.cmz-flyer-btn{grid-column:auto!important}.cmz-interest-grid{grid-template-columns:1fr}.cmz-interest-field.full{grid-column:auto}.cmz-interest-dialog{border-radius:17px}.cmz-interest-head{padding:18px 17px 14px}.cmz-interest-product{margin:13px 17px 0}.cmz-interest-form{padding:17px}}

/* ============================================================
   CICLOMAZ — PRODUCTO MÁS ANCHO EN ESCRITORIO
   Solo aplica desde 1100px. NO modifica móvil ni tablet.
   ============================================================ */
@media (min-width:1100px){

  /* El resto del sitio conserva su .container de 1200px.
     Solo la ficha de producto gana ancho. */
  .product-detail-page > .container{
    width:min(1400px, calc(100% - 48px)) !important;
    max-width:1400px !important;
  }

  /* Mantiene proporción equilibrada pero con más aire real. */
  .product-detail-page .product-hero-card{
    grid-template-columns:minmax(0,1.12fr) minmax(470px,.88fr) !important;
    gap:18px !important;
    overflow:visible !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  /* Dos frames independientes y más modernos. */
  .product-detail-page .product-gallery-panel,
  .product-detail-page .product-summary{
    border:1px solid #e3e6eb !important;
    border-radius:26px !important;
    background:#fff !important;
    box-shadow:0 18px 48px rgba(15,23,42,.08) !important;
    min-width:0 !important;
  }

  .product-detail-page .product-gallery-panel{
    padding:18px !important;
  }

  .product-detail-page .product-gallery-panel .main-photo{
    aspect-ratio:4 / 3 !important;
    padding:16px !important;
  }

  .product-detail-page .product-gallery-panel .thumb-list{
    gap:11px !important;
  }

  .product-detail-page .product-gallery-panel .thumb{
    width:72px !important;
    height:72px !important;
    min-width:72px !important;
    flex:0 0 72px !important;
  }

  .product-detail-page .product-summary{
    padding:30px 32px 28px !important;
  }

  .product-detail-page .product-summary h1{
    max-width:none !important;
  }

  .product-detail-page .product-summary .detail-lead{
    max-width:none !important;
  }

  /* El bloque inferior aprovecha mejor el nuevo ancho.
     74/26 aprox. para que relacionados ya no quede tan delgado. */
  .product-detail-page .product-lower-grid,
  .product-detail-page .product-lower-grid.cmz-detail-compacted{
    grid-template-columns:minmax(0,2.85fr) minmax(330px,1fr) !important;
    gap:20px !important;
  }

  .product-detail-page .product-lower-grid .product-content-card,
  .product-detail-page .product-lower-grid.cmz-detail-compacted .product-content-card{
    margin:0 !important;
    padding:32px 38px 38px !important;
  }

  .product-detail-page .product-side-column{
    min-width:330px !important;
  }

  .product-detail-page .related-products-card,
  .product-detail-page .product-variants-card{
    width:100% !important;
    min-width:0 !important;
  }

  .product-detail-page .related-product-item{
    grid-template-columns:76px minmax(0,1fr) 16px !important;
    gap:11px !important;
  }

  .product-detail-page .related-product-photo{
    width:76px !important;
    height:76px !important;
  }

  /* CTA v4 respira mejor con el panel ensanchado. */
  .product-detail-page .cmz-lead-actions{
    gap:12px !important;
  }

  .product-detail-page .cmz-lead-actions > a,
  .product-detail-page .cmz-lead-actions > button{
    min-width:0 !important;
  }
}

/* <=1099px conserva exactamente el diseño responsive actual. */

/* ============================================================
   CICLOMAZ — ESPECIFICACIONES COMPACTAS + FRAMES PAREJOS V6
   Solo escritorio >= 1100px. Móvil conserva el layout original.
   ============================================================ */
@media (min-width:1100px){

  /* Los dos frames superiores terminan exactamente a la misma altura. */
  .product-detail-page .product-hero-card{
    align-items:stretch !important;
  }

  .product-detail-page .product-gallery-panel,
  .product-detail-page .product-summary{
    height:100% !important;
    box-sizing:border-box !important;
  }

  .product-detail-page .product-summary{
    display:flex !important;
    flex-direction:column !important;
  }

  /* El CTA se va naturalmente al fondo de la ficha. */
  .product-detail-page .cmz-lead-cta-card{
    margin-top:auto !important;
    padding-top:16px !important;
  }

  /* Cuando JS agrupa las especificaciones, quedan solo 2 frames. */
  .product-detail-page .detail-specs.cmz-specs-grouped{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    width:100% !important;
  }

  .product-detail-page .cmz-spec-group{
    width:100% !important;
    display:grid !important;
    gap:0 !important;
    overflow:hidden !important;
    border:1px solid #dde2e8 !important;
    border-radius:14px !important;
    background:#f7f8fa !important;
    box-sizing:border-box !important;
  }

  .product-detail-page .cmz-spec-group.cmz-spec-dimensions{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  .product-detail-page .cmz-spec-group.cmz-spec-details{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .product-detail-page .cmz-spec-group > .spec{
    min-width:0 !important;
    min-height:58px !important;
    margin:0 !important;
    padding:11px 13px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    box-sizing:border-box !important;
  }

  .product-detail-page .cmz-spec-group > .spec + .spec{
    border-left:1px solid #dde2e8 !important;
  }

  .product-detail-page .cmz-spec-group > .spec small,
  .product-detail-page .cmz-spec-group > .spec .label,
  .product-detail-page .cmz-spec-group > .spec .spec-label{
    margin-bottom:3px !important;
    font-size:10px !important;
    line-height:1 !important;
    letter-spacing:.05em !important;
    color:#7b8494 !important;
    font-weight:900 !important;
  }

  .product-detail-page .cmz-spec-group > .spec strong,
  .product-detail-page .cmz-spec-group > .spec .value,
  .product-detail-page .cmz-spec-group > .spec .spec-value{
    font-size:13px !important;
    line-height:1.2 !important;
    color:#101828 !important;
    font-weight:900 !important;
  }
}


/* V22 — producto sin existencia */
.cmz-unavailable-request{
  margin:2px 0 15px;
  padding:14px 15px;
  border:1px solid #fedf89;
  border-radius:14px;
  background:linear-gradient(135deg,#fffaeb,#fff 78%);
}
.cmz-unavailable-request .cmz-unavailable-kicker{
  display:block;
  margin-bottom:6px;
  color:#b54708;
  font-size:9px;
  font-weight:950;
  letter-spacing:.07em;
}
.cmz-unavailable-request>strong{
  display:block;
  margin-bottom:5px;
  color:#111827;
  font-size:15px;
}
.cmz-unavailable-request>p{
  margin:0 0 10px;
  color:#667085;
  font-size:12px;
  line-height:1.45;
}
.cmz-unavailable-interest{
  min-height:38px;
  padding:8px 12px;
  border:0;
  border-radius:10px;
  background:#111827;
  color:#fff;
  font:inherit;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
}
.cmz-unavailable-interest:hover{background:#ed111f}


/* =========================================================
   V24 — DETALLE MÁS LIMPIO: MINIATURAS, PRECIO Y SPECS
   ========================================================= */

/* Miniaturas más grandes */
@media (min-width:1100px){
  .product-detail-page .product-gallery-panel .thumb-list{
    gap:10px !important;
    margin-top:14px !important;
    overflow-x:auto;
    padding-bottom:4px;
  }

  .product-detail-page .product-gallery-panel .thumb{
    width:72px !important;
    height:72px !important;
    min-width:72px !important;
    flex:0 0 72px !important;
    border-radius:12px !important;
    padding:5px !important;
  }

  .product-detail-page .product-gallery-panel .thumb img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
  }
}

/* Frame del precio más corto */
.product-detail-page .price-box{
  padding:11px 14px !important;
  min-height:0 !important;
  border-radius:14px !important;
}

.product-detail-page .price-box .muted{
  margin-bottom:2px !important;
  font-size:9px !important;
}

.product-detail-page .price-box strong,
.product-detail-page .price-box .price{
  line-height:1 !important;
}

/* Un solo frame para Talla, Rodado, Medida, Color y Género */
@media (min-width:1100px){
  .product-detail-page .detail-specs.cmz-specs-grouped{
    display:block !important;
    margin-top:12px !important;
  }

  .product-detail-page .detail-specs.cmz-specs-grouped > .cmz-spec-group{
    margin:0 !important;
  }

  .product-detail-page .detail-specs.cmz-specs-grouped > .cmz-spec-group.cmz-spec-all{
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    overflow:hidden !important;
    border:1px solid #e1e5ea !important;
    border-radius:14px !important;
    background:#f8fafc !important;
  }

  .product-detail-page .detail-specs.cmz-specs-grouped > .cmz-spec-group.cmz-spec-all > .spec{
    min-width:0 !important;
    min-height:54px !important;
    padding:10px 11px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
  }

  .product-detail-page .detail-specs.cmz-specs-grouped > .cmz-spec-group.cmz-spec-all > .spec + .spec{
    border-left:1px solid #dde2e8 !important;
  }

  .product-detail-page .detail-specs.cmz-specs-grouped > .cmz-spec-group.cmz-spec-all .spec span,
  .product-detail-page .detail-specs.cmz-specs-grouped > .cmz-spec-group.cmz-spec-all .spec .muted{
    font-size:8px !important;
  }

  .product-detail-page .detail-specs.cmz-specs-grouped > .cmz-spec-group.cmz-spec-all .spec strong{
    font-size:11px !important;
    line-height:1.15 !important;
  }
}

/* Si el viewport queda algo justo, conserva un solo marco pero 3 + 2 */
@media (min-width:1100px) and (max-width:1250px){
  .product-detail-page .detail-specs.cmz-specs-grouped > .cmz-spec-group.cmz-spec-all{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  .product-detail-page .detail-specs.cmz-specs-grouped > .cmz-spec-group.cmz-spec-all > .spec:nth-child(4){
    border-left:0 !important;
    border-top:1px solid #dde2e8 !important;
  }

  .product-detail-page .detail-specs.cmz-specs-grouped > .cmz-spec-group.cmz-spec-all > .spec:nth-child(5){
    border-top:1px solid #dde2e8 !important;
  }
}

/* Mobile: miniaturas cómodas; specs vuelven al layout original por JS */
@media (max-width:1099px){
  .product-detail-page .product-gallery-panel .thumb{
    width:66px !important;
    height:66px !important;
    min-width:66px !important;
    flex:0 0 66px !important;
  }

  .product-detail-page .price-box{
    padding:10px 12px !important;
  }
}


/* =========================================================
   V25 — FLYER COMO TAG EN LA FILA SUPERIOR
   ========================================================= */
.product-detail-page .cmz-product-top-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  width:100% !important;
  margin-bottom:2px !important;
}

.product-detail-page .cmz-product-top-actions .product-public-metrics{
  min-width:0 !important;
  flex:0 1 auto !important;
  margin:0 !important;
}

.product-detail-page .cmz-top-flyer-btn{
  flex:0 0 auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  min-height:28px !important;
  height:28px !important;
  padding:0 10px !important;
  border:1px solid #dde2e8 !important;
  border-radius:999px !important;
  background:#f8fafc !important;
  color:#475467 !important;
  text-decoration:none !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:850 !important;
  white-space:nowrap !important;
  box-shadow:none !important;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease !important;
}

.product-detail-page .cmz-top-flyer-btn b{
  color:#667085 !important;
  font-size:10px !important;
  line-height:1 !important;
}

.product-detail-page .cmz-top-flyer-btn:hover{
  background:#fff1f2 !important;
  border-color:#fecdd3 !important;
  color:#c01022 !important;
  transform:translateY(-1px) !important;
}

.product-detail-page .cmz-top-flyer-btn:hover b{
  color:#c01022 !important;
}

/* Ya no existe un tercer CTA abajo: WhatsApp + Interés ocupan el ancho parejo. */
.product-detail-page .cmz-lead-actions{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}

/* Mobile: puede brincar a la segunda línea si el ancho no alcanza. */
@media(max-width:560px){
  .product-detail-page .cmz-product-top-actions{
    align-items:flex-start !important;
    flex-wrap:wrap !important;
  }

  .product-detail-page .cmz-top-flyer-btn{
    min-height:27px !important;
    height:27px !important;
    padding:0 9px !important;
  }
}


/* =========================================================
   V26 — ESTADO, FLYER Y MINIATURAS
   ========================================================= */

/* Flyer: botón claro, rojo y más largo para diferenciarlo de los tags */
.product-detail-page .cmz-top-flyer-btn{
  min-width:96px !important;
  height:30px !important;
  min-height:30px !important;
  padding:0 14px !important;
  border:1px solid #ed111f !important;
  border-radius:999px !important;
  background:#ed111f !important;
  color:#fff !important;
  font-size:10px !important;
  font-weight:950 !important;
  letter-spacing:.01em !important;
  box-shadow:0 5px 14px rgba(237,17,31,.20) !important;
}

.product-detail-page .cmz-top-flyer-btn b,
.product-detail-page .cmz-top-flyer-btn span{
  color:#fff !important;
}

.product-detail-page .cmz-top-flyer-btn:hover{
  background:#c90d18 !important;
  border-color:#c90d18 !important;
  color:#fff !important;
  transform:translateY(-1px) !important;
  box-shadow:0 8px 18px rgba(237,17,31,.26) !important;
}

/* Miniaturas del carrusel más grandes */
@media (min-width:1100px){
  .product-detail-page .product-gallery-panel .thumb-list{
    gap:11px !important;
    margin-top:15px !important;
  }

  .product-detail-page .product-gallery-panel .thumb{
    width:82px !important;
    height:82px !important;
    min-width:82px !important;
    flex:0 0 82px !important;
    border-radius:13px !important;
    padding:5px !important;
  }

  .product-detail-page .product-gallery-panel .thumb img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
  }
}

@media (max-width:1099px){
  .product-detail-page .product-gallery-panel .thumb{
    width:72px !important;
    height:72px !important;
    min-width:72px !important;
    flex:0 0 72px !important;
  }
}


/* =========================================================
   V27 — CARRUSEL DE MINIATURAS MÁS GRANDE
   ========================================================= */

/* Escritorio: miniaturas grandes para aprovechar el alto del frame izquierdo */
@media (min-width:1100px){
  .product-detail-page .product-gallery-panel .thumb-list{
    display:flex !important;
    gap:10px !important;
    margin-top:16px !important;
    padding:0 0 7px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x proximity;
    scrollbar-width:thin;
  }

  .product-detail-page .product-gallery-panel .thumb{
    width:108px !important;
    height:108px !important;
    min-width:108px !important;
    flex:0 0 108px !important;
    padding:6px !important;
    border-radius:14px !important;
    scroll-snap-align:start;
  }

  .product-detail-page .product-gallery-panel .thumb img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center !important;
  }
}

/* Laptop un poco más angosta */
@media (min-width:1100px) and (max-width:1250px){
  .product-detail-page .product-gallery-panel .thumb{
    width:96px !important;
    height:96px !important;
    min-width:96px !important;
    flex-basis:96px !important;
  }
}

/* Tablet / móvil */
@media (max-width:1099px){
  .product-detail-page .product-gallery-panel .thumb-list{
    overflow-x:auto !important;
    overflow-y:hidden !important;
    gap:9px !important;
    padding-bottom:6px !important;
  }

  .product-detail-page .product-gallery-panel .thumb{
    width:82px !important;
    height:82px !important;
    min-width:82px !important;
    flex:0 0 82px !important;
  }
}


/* =========================================================
   V28 — OPCIONES DE PAGO A MESES
   ========================================================= */
.product-detail-page .cmz-msi-card{
  margin:12px 0 0;
  border:1px solid #dfe4ea;
  border-radius:14px;
  background:#fff;
  overflow:hidden;
}

.product-detail-page .cmz-msi-card > summary{
  list-style:none;
  min-height:58px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:9px 12px;
  cursor:pointer;
  user-select:none;
}

.product-detail-page .cmz-msi-card > summary::-webkit-details-marker{
  display:none;
}

.product-detail-page .cmz-msi-summary-icon{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#fff1f2;
  font-size:17px;
}

.product-detail-page .cmz-msi-summary-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}

.product-detail-page .cmz-msi-summary-copy small{
  color:#ed111f;
  font-size:8px;
  line-height:1;
  font-weight:950;
  letter-spacing:.065em;
}

.product-detail-page .cmz-msi-summary-copy strong{
  color:#111827;
  font-size:12.5px;
  line-height:1.1;
}

.product-detail-page .cmz-msi-summary-from{
  margin-left:auto;
  color:#667085;
  font-size:9px;
  line-height:1.15;
  text-align:right;
}

.product-detail-page .cmz-msi-summary-from b{
  display:block;
  margin-top:2px;
  color:#111827;
  font-size:11px;
}

.product-detail-page .cmz-msi-summary-arrow{
  flex:0 0 auto;
  color:#98a2b3;
  font-size:15px;
  transition:transform .16s ease;
}

.product-detail-page .cmz-msi-card[open] .cmz-msi-summary-arrow{
  transform:rotate(180deg);
}

.product-detail-page .cmz-msi-body{
  padding:0 12px 12px;
  border-top:1px solid #eef0f3;
}

.product-detail-page .cmz-msi-table-head{
  display:grid;
  grid-template-columns:74px 66px 1fr 1fr;
  gap:7px;
  padding:9px 8px 6px;
  color:#98a2b3;
  font-size:7.5px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.045em;
}

.product-detail-page .cmz-msi-plan{
  display:grid;
  grid-template-columns:74px 66px 1fr 1fr auto;
  gap:7px;
  align-items:center;
  min-height:52px;
  padding:7px 8px;
  border-top:1px solid #eef0f3;
}

.product-detail-page .cmz-msi-term,
.product-detail-page .cmz-msi-monthly{
  display:flex;
  flex-direction:column;
  gap:2px;
}

.product-detail-page .cmz-msi-term strong{
  color:#111827;
  font-size:11px;
}

.product-detail-page .cmz-msi-term small,
.product-detail-page .cmz-msi-monthly small{
  color:#98a2b3;
  font-size:7.5px;
}

.product-detail-page .cmz-msi-rate{
  color:#b54708;
  font-size:9px;
  font-weight:900;
}

.product-detail-page .cmz-msi-monthly strong,
.product-detail-page .cmz-msi-total strong{
  color:#111827;
  font-size:9.5px;
  line-height:1.15;
}

.product-detail-page .cmz-msi-interest-btn{
  min-height:30px;
  padding:0 9px;
  border:1px solid #ed111f;
  border-radius:8px;
  background:#fff;
  color:#ed111f;
  font:inherit;
  font-size:8px;
  font-weight:950;
  cursor:pointer;
}

.product-detail-page .cmz-msi-interest-btn:hover{
  background:#ed111f;
  color:#fff;
}

.product-detail-page .cmz-msi-note{
  margin:9px 2px 0;
  color:#7b8492;
  font-size:8px;
  line-height:1.4;
}

@media(max-width:700px){
  .product-detail-page .cmz-msi-summary-from{
    display:none;
  }

  .product-detail-page .cmz-msi-table-head{
    display:none;
  }

  .product-detail-page .cmz-msi-plan{
    grid-template-columns:1fr 1fr auto;
    gap:6px 9px;
    padding:10px 7px;
  }

  .product-detail-page .cmz-msi-rate{
    grid-column:1;
  }

  .product-detail-page .cmz-msi-monthly{
    grid-column:2;
    grid-row:1 / span 2;
  }

  .product-detail-page .cmz-msi-total{
    display:none;
  }

  .product-detail-page .cmz-msi-interest-btn{
    grid-column:3;
    grid-row:1 / span 2;
    min-height:36px;
  }
}


/* =========================================================
   V29 — MESES A PLAZOS MÁS LEGIBLES
   ========================================================= */

/* Encabezado del bloque */
.product-detail-page .cmz-msi-card > summary{
  min-height:64px !important;
  padding:11px 13px !important;
  gap:10px !important;
}

.product-detail-page .cmz-msi-summary-icon{
  width:38px !important;
  height:38px !important;
  flex-basis:38px !important;
  font-size:19px !important;
}

.product-detail-page .cmz-msi-summary-copy small{
  font-size:9px !important;
}

.product-detail-page .cmz-msi-summary-copy strong{
  font-size:14px !important;
}

.product-detail-page .cmz-msi-summary-from{
  font-size:10px !important;
}

.product-detail-page .cmz-msi-summary-from b{
  font-size:13px !important;
}

/* Quitamos el encabezado tipo tabla: en este ancho hace todo demasiado pequeño */
.product-detail-page .cmz-msi-table-head{
  display:none !important;
}

.product-detail-page .cmz-msi-body{
  padding:8px 12px 12px !important;
}

/* Cada plazo funciona como una mini tarjeta legible */
.product-detail-page .cmz-msi-plan{
  display:grid !important;
  grid-template-columns:82px minmax(0,1fr) auto !important;
  grid-template-rows:auto auto !important;
  column-gap:12px !important;
  row-gap:3px !important;
  align-items:center !important;
  min-height:70px !important;
  padding:10px 8px !important;
  border-top:1px solid #e7ebef !important;
}

.product-detail-page .cmz-msi-term{
  grid-column:1 !important;
  grid-row:1 !important;
}

.product-detail-page .cmz-msi-term strong{
  font-size:13px !important;
  line-height:1.05 !important;
}

.product-detail-page .cmz-msi-term small{
  margin-top:3px !important;
  font-size:9px !important;
}

.product-detail-page .cmz-msi-rate{
  grid-column:1 !important;
  grid-row:2 !important;
  font-size:10px !important;
  line-height:1.1 !important;
}

/* La mensualidad es lo principal */
.product-detail-page .cmz-msi-monthly{
  grid-column:2 !important;
  grid-row:1 !important;
}

.product-detail-page .cmz-msi-monthly strong{
  font-size:14px !important;
  line-height:1.05 !important;
  font-weight:950 !important;
}

.product-detail-page .cmz-msi-monthly small{
  margin-top:3px !important;
  font-size:9px !important;
}

/* Total a meses, debajo de la mensualidad */
.product-detail-page .cmz-msi-total{
  grid-column:2 !important;
  grid-row:2 !important;
  display:flex !important;
  align-items:center !important;
  gap:5px !important;
  color:#667085 !important;
  font-size:9px !important;
}

.product-detail-page .cmz-msi-total::before{
  content:"Total a meses:";
  color:#98a2b3;
  font-size:9px;
  font-weight:700;
}

.product-detail-page .cmz-msi-total strong{
  font-size:10.5px !important;
  line-height:1.1 !important;
  color:#475467 !important;
}

/* Botón mucho más fácil de distinguir y tocar */
.product-detail-page .cmz-msi-interest-btn{
  grid-column:3 !important;
  grid-row:1 / span 2 !important;
  min-width:78px !important;
  min-height:38px !important;
  padding:0 11px !important;
  border-radius:9px !important;
  font-size:10px !important;
  font-weight:950 !important;
}

.product-detail-page .cmz-msi-note{
  margin:11px 2px 1px !important;
  font-size:9px !important;
  line-height:1.45 !important;
}

/* En pantallas muy anchas todavía damos un poco más de aire */
@media(min-width:1280px){
  .product-detail-page .cmz-msi-plan{
    grid-template-columns:86px minmax(0,1fr) auto !important;
    padding:11px 10px !important;
  }

  .product-detail-page .cmz-msi-monthly strong{
    font-size:15px !important;
  }

  .product-detail-page .cmz-msi-interest-btn{
    min-width:82px !important;
    font-size:10.5px !important;
  }
}

/* En celular, apilado y todavía legible */
@media(max-width:700px){
  .product-detail-page .cmz-msi-plan{
    grid-template-columns:90px minmax(0,1fr) !important;
    grid-template-rows:auto auto auto !important;
    min-height:0 !important;
    padding:12px 7px !important;
  }

  .product-detail-page .cmz-msi-term{
    grid-column:1 !important;
    grid-row:1 !important;
  }

  .product-detail-page .cmz-msi-rate{
    grid-column:1 !important;
    grid-row:2 !important;
  }

  .product-detail-page .cmz-msi-monthly{
    grid-column:2 !important;
    grid-row:1 !important;
  }

  .product-detail-page .cmz-msi-total{
    grid-column:2 !important;
    grid-row:2 !important;
  }

  .product-detail-page .cmz-msi-interest-btn{
    grid-column:1 / -1 !important;
    grid-row:3 !important;
    width:100% !important;
    min-height:40px !important;
    margin-top:6px !important;
    font-size:11px !important;
  }
}


/* =========================================================
   V30 — RESUMEN DE MESES MÁS GRANDE Y VISIBLE
   ========================================================= */
.product-detail-page .cmz-msi-card > summary{
  min-height:72px !important;
  padding:12px 14px !important;
  gap:11px !important;
}

.product-detail-page .cmz-msi-summary-icon{
  width:42px !important;
  height:42px !important;
  flex:0 0 42px !important;
  border-radius:11px !important;
  font-size:21px !important;
}

/* OPCIONES DE PAGO */
.product-detail-page .cmz-msi-summary-copy small{
  font-size:10.5px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.07em !important;
}

/* Paga a meses */
.product-detail-page .cmz-msi-summary-copy strong{
  margin-top:3px !important;
  font-size:16px !important;
  line-height:1.05 !important;
  font-weight:950 !important;
}

/* "desde" */
.product-detail-page .cmz-msi-summary-from{
  font-size:10.5px !important;
  line-height:1.05 !important;
}

/* Precio mensual */
.product-detail-page .cmz-msi-summary-from b{
  margin-top:3px !important;
  font-size:17px !important;
  line-height:1 !important;
  font-weight:950 !important;
  color:#111827 !important;
  letter-spacing:-.02em !important;
}

/* /mes */
.product-detail-page .cmz-msi-summary-from{
  color:#667085 !important;
  font-weight:700 !important;
}

.product-detail-page .cmz-msi-summary-arrow{
  font-size:17px !important;
}

/* Un poco más de presencia visual sin competir con el precio principal */
.product-detail-page .cmz-msi-card{
  border-color:#d8dde5 !important;
  box-shadow:0 4px 12px rgba(15,23,42,.035) !important;
}

@media(max-width:700px){
  .product-detail-page .cmz-msi-summary-copy small{
    font-size:10px !important;
  }

  .product-detail-page .cmz-msi-summary-copy strong{
    font-size:15px !important;
  }

  /* En móvil sí mostramos el precio desde cuando haya espacio */
  .product-detail-page .cmz-msi-summary-from{
    display:block !important;
  }

  .product-detail-page .cmz-msi-summary-from b{
    font-size:15px !important;
  }
}


/* =========================================================
   V31 — MÓDULO DE MESES REALMENTE LEGIBLE
   ========================================================= */

/* ---------- BLOQUE CERRADO / ENCABEZADO ---------- */
.product-detail-page .cmz-msi-card > summary{
  min-height:86px !important;
  padding:15px 16px !important;
  gap:13px !important;
}

.product-detail-page .cmz-msi-summary-icon{
  width:48px !important;
  height:48px !important;
  flex:0 0 48px !important;
  border-radius:13px !important;
  font-size:24px !important;
}

/* OPCIONES DE PAGO */
.product-detail-page .cmz-msi-summary-copy small{
  font-size:12px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.075em !important;
}

/* Paga a meses */
.product-detail-page .cmz-msi-summary-copy strong{
  margin-top:5px !important;
  font-size:19px !important;
  line-height:1.05 !important;
  font-weight:950 !important;
  color:#111827 !important;
}

/* Columna "desde" */
.product-detail-page .cmz-msi-summary-from{
  min-width:142px !important;
  font-size:12px !important;
  line-height:1.05 !important;
  text-align:right !important;
  color:#667085 !important;
}

/* Precio mensual destacado */
.product-detail-page .cmz-msi-summary-from b{
  margin-top:5px !important;
  font-size:21px !important;
  line-height:1 !important;
  font-weight:950 !important;
  color:#111827 !important;
  letter-spacing:-.025em !important;
  white-space:nowrap !important;
}

.product-detail-page .cmz-msi-summary-arrow{
  margin-left:2px !important;
  font-size:20px !important;
  color:#667085 !important;
}

/* ---------- BLOQUE ABIERTO ---------- */
.product-detail-page .cmz-msi-body{
  padding:8px 14px 15px !important;
}

.product-detail-page .cmz-msi-plan{
  grid-template-columns:94px minmax(0,1fr) 96px !important;
  min-height:82px !important;
  column-gap:14px !important;
  row-gap:5px !important;
  padding:13px 10px !important;
}

/* 3 MSI / 6 MSI / etc. */
.product-detail-page .cmz-msi-term strong{
  font-size:15px !important;
  line-height:1.05 !important;
  font-weight:950 !important;
}

.product-detail-page .cmz-msi-term small{
  margin-top:4px !important;
  font-size:10px !important;
  line-height:1.1 !important;
}

/* Comisión */
.product-detail-page .cmz-msi-rate{
  font-size:11.5px !important;
  line-height:1.1 !important;
  font-weight:950 !important;
}

/* Mensualidad: elemento principal */
.product-detail-page .cmz-msi-monthly strong{
  font-size:18px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:-.015em !important;
}

.product-detail-page .cmz-msi-monthly small{
  margin-top:5px !important;
  font-size:10px !important;
}

/* Total */
.product-detail-page .cmz-msi-total{
  gap:6px !important;
  font-size:10.5px !important;
  line-height:1.2 !important;
}

.product-detail-page .cmz-msi-total::before{
  font-size:10.5px !important;
  font-weight:750 !important;
}

.product-detail-page .cmz-msi-total strong{
  font-size:12.5px !important;
  line-height:1.1 !important;
  font-weight:900 !important;
}

/* Botón */
.product-detail-page .cmz-msi-interest-btn{
  min-width:96px !important;
  min-height:43px !important;
  padding:0 13px !important;
  border-radius:10px !important;
  font-size:11.5px !important;
  font-weight:950 !important;
}

/* Nota al pie */
.product-detail-page .cmz-msi-note{
  margin:13px 3px 2px !important;
  font-size:10.5px !important;
  line-height:1.5 !important;
}

/* Más aire cuando hay espacio suficiente */
@media(min-width:1280px){
  .product-detail-page .cmz-msi-plan{
    grid-template-columns:98px minmax(0,1fr) 100px !important;
    min-height:86px !important;
    padding:14px 11px !important;
  }

  .product-detail-page .cmz-msi-monthly strong{
    font-size:19px !important;
  }

  .product-detail-page .cmz-msi-interest-btn{
    min-width:100px !important;
    min-height:44px !important;
    font-size:12px !important;
  }
}

/* Tablet */
@media(max-width:1099px) and (min-width:701px){
  .product-detail-page .cmz-msi-summary-copy small{
    font-size:11px !important;
  }

  .product-detail-page .cmz-msi-summary-copy strong{
    font-size:17px !important;
  }

  .product-detail-page .cmz-msi-summary-from b{
    font-size:18px !important;
  }

  .product-detail-page .cmz-msi-plan{
    grid-template-columns:88px minmax(0,1fr) 90px !important;
  }
}

/* Móvil: todo grande, en disposición vertical */
@media(max-width:700px){
  .product-detail-page .cmz-msi-card > summary{
    min-height:82px !important;
    padding:13px 12px !important;
  }

  .product-detail-page .cmz-msi-summary-icon{
    width:44px !important;
    height:44px !important;
    flex-basis:44px !important;
  }

  .product-detail-page .cmz-msi-summary-copy small{
    font-size:10.5px !important;
  }

  .product-detail-page .cmz-msi-summary-copy strong{
    font-size:16.5px !important;
  }

  .product-detail-page .cmz-msi-summary-from{
    display:none !important;
  }

  .product-detail-page .cmz-msi-plan{
    grid-template-columns:96px minmax(0,1fr) !important;
    grid-template-rows:auto auto auto !important;
    min-height:0 !important;
    padding:14px 8px !important;
  }

  .product-detail-page .cmz-msi-term strong{
    font-size:15px !important;
  }

  .product-detail-page .cmz-msi-rate{
    font-size:11px !important;
  }

  .product-detail-page .cmz-msi-monthly strong{
    font-size:18px !important;
  }

  .product-detail-page .cmz-msi-total strong{
    font-size:12px !important;
  }

  .product-detail-page .cmz-msi-interest-btn{
    width:100% !important;
    min-height:45px !important;
    margin-top:8px !important;
    font-size:12px !important;
  }
}


/* =========================================================
   V32 — PAGO INICIAL + SALDO A FINANCIAR
   ========================================================= */
.product-detail-page .cmz-msi-downpayment{
  display:grid;
  grid-template-columns:minmax(0,1fr) 148px;
  gap:10px 12px;
  align-items:end;
  margin:4px 0 10px;
  padding:12px;
  border:1px solid #ffd4d8;
  border-radius:12px;
  background:#fff8f8;
}

.product-detail-page .cmz-msi-downpayment-copy{
  grid-column:1 / -1;
  display:flex;
  flex-direction:column;
  gap:3px;
}

.product-detail-page .cmz-msi-downpayment-copy strong{
  color:#111827;
  font-size:12px;
  line-height:1.2;
  font-weight:950;
}

.product-detail-page .cmz-msi-downpayment-copy small{
  color:#667085;
  font-size:9.5px;
  line-height:1.4;
}

.product-detail-page .cmz-msi-downpayment-input{
  min-height:42px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:6px;
  padding:0 10px;
  border:1px solid #ed111f;
  border-radius:10px;
  background:#fff;
  box-shadow:0 0 0 3px rgba(237,17,31,.05);
}

.product-detail-page .cmz-msi-downpayment-input span{
  color:#ed111f;
  font-size:13px;
  font-weight:950;
}

.product-detail-page .cmz-msi-downpayment-input input{
  width:100%;
  min-width:0;
  height:38px;
  padding:0;
  border:0;
  outline:0;
  background:transparent;
  color:#111827;
  font:inherit;
  font-size:15px;
  font-weight:950;
}

.product-detail-page .cmz-msi-downpayment-input b{
  color:#98a2b3;
  font-size:8px;
  font-weight:900;
}

.product-detail-page .cmz-msi-balance{
  min-height:42px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:3px;
  padding:5px 10px;
  border:1px solid #e4e7ec;
  border-radius:10px;
  background:#fff;
}

.product-detail-page .cmz-msi-balance span{
  color:#667085;
  font-size:8px;
  font-weight:800;
}

.product-detail-page .cmz-msi-balance strong{
  color:#111827;
  font-size:11.5px;
  line-height:1.1;
  font-weight:950;
  white-space:nowrap;
}

.product-detail-page .cmz-msi-total::before{
  content:"Total financiado:" !important;
}

.product-detail-page .cmz-msi-note-highlight{
  margin-top:12px !important;
  padding:8px 9px !important;
  border-radius:8px;
  background:#f8fafc;
  color:#475467 !important;
  font-weight:750;
}

@media(max-width:700px){
  .product-detail-page .cmz-msi-downpayment{
    grid-template-columns:1fr;
    padding:11px;
  }
  .product-detail-page .cmz-msi-downpayment-copy{
    grid-column:auto;
  }
  .product-detail-page .cmz-msi-downpayment-input,
  .product-detail-page .cmz-msi-balance{
    width:100%;
    box-sizing:border-box;
  }
  .product-detail-page .cmz-msi-balance strong{
    font-size:13px;
  }
}

/* =========================================================
   V33 — MONEDA + BLOQUE DE FINANCIAMIENTO DIFERENCIADO
   ========================================================= */
.product-detail-page .cmz-msi-card{
  border:1px solid #bfd0ea !important;
  background:#f4f7fd !important;
  box-shadow:0 10px 26px rgba(31,73,125,.08) !important;
}

.product-detail-page .cmz-msi-card > summary{
  background:#edf3fc !important;
}

.product-detail-page .cmz-msi-card[open] > summary{
  border-bottom:1px solid #d8e3f2 !important;
}

.product-detail-page .cmz-msi-body{
  background:#f8faff !important;
  border-top:0 !important;
}

.product-detail-page .cmz-msi-plan{
  border-top-color:#dce6f3 !important;
  transition:background .15s ease;
}

.product-detail-page .cmz-msi-plan:hover{
  background:rgba(255,255,255,.72) !important;
}

.product-detail-page .cmz-msi-downpayment-input{
  min-height:46px !important;
  grid-template-columns:auto minmax(0,1fr) auto !important;
  padding:0 11px !important;
  border-width:1.5px !important;
  box-shadow:0 0 0 3px rgba(237,17,31,.045) !important;
}

.product-detail-page .cmz-msi-downpayment-input span{
  font-size:15px !important;
}

.product-detail-page .cmz-msi-downpayment-input input{
  height:42px !important;
  text-align:right !important;
  font-size:16px !important;
  font-weight:950 !important;
  font-variant-numeric:tabular-nums;
  letter-spacing:.01em;
}

.product-detail-page .cmz-msi-downpayment-input input::selection{
  background:rgba(237,17,31,.16);
}

.product-detail-page .cmz-msi-downpayment-input b{
  font-size:8.5px !important;
  letter-spacing:.03em;
}

.product-detail-page .cmz-msi-balance{
  min-height:46px !important;
  border-color:#cad7e8 !important;
  background:#fff !important;
}

.product-detail-page .cmz-msi-note-highlight{
  background:#edf3fc !important;
  border:1px solid #d8e3f2;
}

@media(max-width:700px){
  .product-detail-page .cmz-msi-downpayment-input input{
    font-size:17px !important;
  }
}