/** Shopify CDN: Minification failed

Line 43:48 Unexpected "@keyframes"
Line 44:2 Unexpected "0%"
Line 45:2 Unexpected "100%"
Line 76:2 Unexpected "0%"
Line 77:2 Unexpected "100%"
Line 78:0 Unexpected "}"
Line 80:2 Unexpected "10%"
Line 81:2 Unexpected "30%"
Line 82:2 Unexpected "40%"
Line 83:0 Unexpected "}"
... and 20 more hidden warnings

**/
.lp-clone-raiz { --alpha-button-background: 1; --alpha-button-border: 1; --alpha-link: .85; --alpha-badge-border: .1; --focused-base-outline: 2px solid rgba(var(--color-foreground), .5); --focused-base-outline-offset: 3px; --focused-base-box-shadow: 0 0 0 3px rgb(var(--color-background)), 0 0 5px 4px rgba(var(--color-foreground), .3); }
.lp-clone-raiz:has(.section-header .drawer-menu) .announcement-bar-section .page-width { max-width: 100%; }
::selection { background-color: rgba(var(--color-foreground),.2); }
h1, h2, h3, h4, h5, .h0, .h1, .h2, .h3, .h4, .h5 { font-family: var(--font-heading-family); font-style: var(--font-heading-style); font-weight: var(--font-heading-weight); letter-spacing: calc(var(--font-heading-scale) * 0.6px); color: rgb(var(--color-foreground)); line-height: calc(1 + .3/max(1,var(--font-heading-scale))); word-break: break-word; }
h1, .h1 { font-size: calc(var(--font-heading-scale) * 30px); }
@media only screen and (min-width: 750px){h1, .h1 { font-size: calc(var(--font-heading-scale) * 40px); }
}
h2, .h2 { font-size: calc(var(--font-heading-scale) * 20px); }
@media only screen and (min-width: 750px){h2, .h2 { font-size: calc(var(--font-heading-scale) * 24px); }
}
a:empty, ul:empty, dl:empty, div:empty, section:empty, article:empty, p:empty, h1:empty, h2:empty, h3:empty, h4:empty, h5:empty, h6:empty { display: none; }
.lp-clone-raiz { --duration-short: .1s; --duration-default: .2s; --duration-announcement-bar: .25s; --duration-medium: .3s; --duration-long: .5s; --duration-extra-long: .6s; --duration-extra-longer: .75s; --duration-extended: 3s; --ease-out-slow: cubic-bezier(0, 0, .3, 1); --animation-slide-in: slideIn var(--duration-extra-long) var(--ease-out-slow) forwards; --animation-fade-in: fadeIn var(--duration-extra-long) var(--ease-out-slow); }
:focus { outline: 0px; box-shadow: none; }
@media screen and (min-width: 990px){.lp-clone-raiz:has(.section-header .header:not(.drawer-menu)) .utility-bar .page-width { padding-left: 50px; padding-right: 50px; }
}
@keyframes translateAnnouncementSlideIn { 
  0% { opacity: 0; transform: translate(var(--announcement-translate-from)); }
  100% { opacity: 1; transform: translate(0px); }
}
@keyframes translateAnnouncementSlideOut { 
  0% { opacity: 1; transform: translate(0px); }
  100% { opacity: 0; transform: translate(var(--announcement-translate-to)); }
}
@keyframes animateMenuOpen { 
  0% { opacity: 0; transform: translateY(-15px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@media (prefers-reduced-motion: no-preference){ @keyframes animateAmbient { 
  0% { transform: rotate(0deg) translate(1em) rotate(0deg) scale(1.2); }
  100% { transform: rotate(360deg) translate(1em) rotate(-360deg) scale(1.2); }
}
@keyframes slideIn { 
  0% { transform: translateY(20px); opacity: 0.01; }
  100% { transform: translateY(0px); opacity: 1; }
}
@keyframes fadeIn { 
  0% { opacity: 0.01; }
  100% { opacity: 1; }
}
}
@media (prefers-reduced-motion: no-preference) and (hover: hover){.lp-clone-raiz { --easter-egg: none; --sparkle: url("/cdn/shop/files/clone-f98436a6d123.gif"); }
}
@keyframes rotator { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(270deg); }
}
@keyframes dash { 
  0% { stroke-dashoffset: 280; }
  50% { stroke-dashoffset: 75; transform: rotate(135deg); }
  100% { stroke-dashoffset: 280; transform: rotate(450deg); }
}
@keyframes indeterminateAnimation { 
  0% { transform: translate(-20%) scaleX(0); }
  40% { transform: translate(30%) scaleX(0.7); }
  100% { transform: translate(100%) scaleX(0); }
}
@keyframes rsiTickUpsBorder { 
  0% { background-position: 0px 0px, 100% 100%, 0px 100%, 100% 0px; }
  100% { background-position: left 13px top, right 13px bottom, left bottom 13px, right top 13px; }
}
  0% { background-position: 0px 0px, 100% 100%, 0px 100%, 100% 0px; }
  100% { background-position: left 13px top, right 13px bottom, left bottom 13px, right top 13px; }
}
  0%, 100% { transform: scaleX(1); }
  10%, 20% { transform: scale3d(0.97, 0.97, 0.97) rotate(-1deg); }
  30%, 50%, 70%, 90% { transform: scale3d(1.03, 1.03, 1.03) rotate(1deg); }
  40%, 60%, 80% { transform: scale3d(1.03, 1.03, 1.03) rotate(-1deg); }
}
@keyframes rsiShaker1 { 
  0%, 100% { transform: scaleX(1); }
  10%, 20% { transform: scale3d(0.97, 0.97, 0.97) rotate(-1deg); }
  30%, 50%, 70%, 90% { transform: scale3d(1.03, 1.03, 1.03) rotate(1deg); }
  40%, 60%, 80% { transform: scale3d(1.03, 1.03, 1.03) rotate(-1deg); }
}
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.08); }
}
@keyframes rsiPulse1 { 
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.08); }
}
  15%, 45%, 70%, 90%, 99%, 100% { transform: translateY(0px); }
  35% { transform: translateY(-22%); }
  55% { transform: translateY(-15%); }
  80% { transform: translateY(-6%); }
  95% { transform: translateY(-2%); }
}
@keyframes rsiBounce1 { 
  15%, 45%, 70%, 90%, 99%, 100% { transform: translateY(0px); }
  35% { transform: translateY(-22%); }
  55% { transform: translateY(-15%); }
  80% { transform: translateY(-6%); }
  95% { transform: translateY(-2%); }
}
@keyframes appear-down { 
  0% { opacity: 0; margin-top: -10px; }
  100% { opacity: 1; margin-top: 0px; }
}
@keyframes animateLocalization { 
  0% { opacity: 0; transform: translateY(0px); }
  100% { opacity: 1; transform: translateY(-10px); }
}
.lp-clone-raiz, .color-scheme-1 { --color-background: 255,255,255; --gradient-background: #ffffff; --color-foreground: 0,0,0; --color-background-contrast: 191,191,191; --color-shadow: 18,18,18; --color-button: 18,18,18; --color-button-text: 255,255,255; --color-secondary-button: 255,255,255; --color-secondary-button-text: 18,18,18; --color-link: 18,18,18; --color-badge-foreground: 0,0,0; --color-badge-background: 255,255,255; --color-badge-border: 0,0,0; --payment-terms-background-color: rgb(255 255 255); }
.lp-clone-raiz, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5 { color: rgba(var(--color-foreground), 0.75); background-color: rgb(var(--color-background)); }
.lp-clone-raiz { --font-body-family: Poppins, sans-serif; --font-body-style: normal; --font-body-weight: 400; --font-body-weight-bold: 700; --font-heading-family: Poppins, sans-serif; --font-heading-style: normal; --font-heading-weight: 700; --font-body-scale: 1.0; --font-heading-scale: 1.0; --media-padding: px; --media-border-opacity: 0.05; --media-border-width: 1px; --media-radius: 14px; --media-shadow-opacity: 0.0; --media-shadow-horizontal-offset: 0px; --media-shadow-vertical-offset: 4px; --media-shadow-blur-radius: 5px; --media-shadow-visible: 0; --page-width: 1200px; --page-width-margin: 0px; --product-card-image-padding: 0px; --product-card-corner-radius: 0px; --product-card-text-alignment: left; --product-card-border-width: 0px; --product-card-border-opacity: 0.1; --product-card-shadow-opacity: 0.0; --product-card-shadow-visible: 0; --product-card-shadow-horizontal-offset: 0px; --product-card-shadow-vertical-offset: 4px; --product-card-shadow-blur-radius: 5px; --collection-card-image-padding: 0px; --collection-card-corner-radius: 0px; --collection-card-text-alignment: left; --collection-card-border-width: 0px; --collection-card-border-opacity: 0.1; --collection-card-shadow-opacity: 0.0; --collection-card-shadow-visible: 0; --collection-card-shadow-horizontal-offset: 0px; --collection-card-shadow-vertical-offset: 4px; --collection-card-shadow-blur-radius: 5px; --blog-card-image-padding: 0px; --blog-card-corner-radius: 0px; --blog-card-text-alignment: left; --blog-card-border-width: 0px; --blog-card-border-opacity: 0.1; --blog-card-shadow-opacity: 0.0; --blog-card-shadow-visible: 0; --blog-card-shadow-horizontal-offset: 0px; --blog-card-shadow-vertical-offset: 4px; --blog-card-shadow-blur-radius: 5px; --badge-corner-radius: 40px; --popup-border-width: 1px; --popup-border-opacity: 0.1; --popup-corner-radius: 0px; --popup-shadow-opacity: 0.05; --popup-shadow-horizontal-offset: 0px; --popup-shadow-vertical-offset: 4px; --popup-shadow-blur-radius: 5px; --drawer-border-width: 1px; --drawer-border-opacity: 0.1; --drawer-shadow-opacity: 0.0; --drawer-shadow-horizontal-offset: 0px; --drawer-shadow-vertical-offset: 4px; --drawer-shadow-blur-radius: 5px; --spacing-sections-desktop: 0px; --spacing-sections-mobile: 0px; --grid-desktop-vertical-spacing: 8px; --grid-desktop-horizontal-spacing: 8px; --grid-mobile-vertical-spacing: 4px; --grid-mobile-horizontal-spacing: 4px; --text-boxes-border-opacity: 0.1; --text-boxes-border-width: 0px; --text-boxes-radius: 0px; --text-boxes-shadow-opacity: 0.0; --text-boxes-shadow-visible: 0; --text-boxes-shadow-horizontal-offset: 0px; --text-boxes-shadow-vertical-offset: 4px; --text-boxes-shadow-blur-radius: 5px; --buttons-radius: 0px; --buttons-radius-outset: 0px; --buttons-border-width: 1px; --buttons-border-opacity: 1.0; --buttons-shadow-opacity: 0.0; --buttons-shadow-visible: 0; --buttons-shadow-horizontal-offset: 0px; --buttons-shadow-vertical-offset: 4px; --buttons-shadow-blur-radius: 5px; --buttons-border-offset: 0px; --inputs-radius: 0px; --inputs-border-width: 1px; --inputs-border-opacity: 0.55; --inputs-shadow-opacity: 0.0; --inputs-shadow-horizontal-offset: 0px; --inputs-margin-offset: 0px; --inputs-shadow-vertical-offset: 4px; --inputs-shadow-blur-radius: 5px; --inputs-radius-outset: 0px; --variant-pills-radius: 40px; --variant-pills-border-width: 1px; --variant-pills-border-opacity: 0.55; --variant-pills-shadow-opacity: 0.0; --variant-pills-shadow-horizontal-offset: 0px; --variant-pills-shadow-vertical-offset: 4px; --variant-pills-shadow-blur-radius: 5px; }
*, ::before, ::after { box-sizing: inherit; }
.lp-clone-raiz { box-sizing: border-box; font-size: calc(var(--font-body-scale) * 62.5%); height: 100%; }
.lp-clone-raiz { display: grid; grid-template-rows: auto auto 1fr auto; grid-template-columns: 100%; min-height: 100%; margin: 0px; font-size: 15px; letter-spacing: 0.6px; line-height: calc(1 + 0.8 / var(--font-body-scale)); font-family: var(--font-body-family); font-style: var(--font-body-style); font-weight: var(--font-body-weight); }
@media screen and (min-width: 750px){.lp-clone-raiz { font-size: 16px; }
}
.mp { --mp-tinta: #241711; --mp-cafe: #c2410c; --mp-cafe2: #e2c0b2; --mp-oro: #F5A623; --mp-crema: #f7f5f4; --mp-txt: #241711; --mp-sub: #5A6B72; --mp-bdr: #ebe5e3; max-width: 540px; margin: 0px auto; background: rgb(255, 255, 255); color: var(--mp-txt); font-family: Poppins, Inter, sans-serif; line-height: 1.55; overflow-x: hidden; }
.mp * { box-sizing: border-box; margin: 0px; padding: 0px; }
.mp img { max-width: 100%; display: block; }
.mp h1, .mp h2, .mp .h2 { font-family: Poppins, Inter, sans-serif; line-height: 1.1; letter-spacing: -0.03em; font-weight: 800; }
.mp-w { padding: 0px 20px; }
.mp-s { padding: 52px 0px; }
.mp-alt { background: var(--mp-crema); }
.mp-dark { background: var(--mp-tinta); color: rgb(255, 255, 255); }
.mp-dark h1, .mp-dark h2, .mp-dark .mp-h2 { color: rgb(255, 255, 255); }
.mp-dark b, .mp-dark strong { color: inherit; }
.mp-dark .mp-sub { color: rgb(231, 212, 204); }
.mp-c { text-align: center; }
.mp-topbar { background: linear-gradient(90deg, rgb(36, 23, 17), rgb(61, 40, 31)); padding: 10px 0px; overflow: hidden; }
.mp-topbar span { display: inline-block; white-space: nowrap; animation: 28s linear 0s infinite normal none running mp-tick; font-size: 10.5px; font-weight: 700; color: var(--mp-cafe2); letter-spacing: 1.4px; text-transform: uppercase; }
@keyframes mp-tick { 
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}
.mp-eye { font-size: 10.5px; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: var(--mp-cafe); margin-bottom: 14px; }
.mp-dark .mp-eye { color: var(--mp-cafe2); }
.mp-h2 { font-size: clamp(28px, 7.6vw, 40px); text-transform: uppercase; }
.mp-sub { font-size: clamp(14.5px, 3.6vw, 16.5px); color: var(--mp-sub); margin-top: 13px; line-height: 1.6; }
.mp-rule { width: 46px; height: 2px; background: linear-gradient(90deg,var(--mp-cafe),var(--mp-cafe2)); margin: 16px auto 0px; border-radius: 2px; }
.mp-hero { background: radial-gradient(120% 80% at 50% 0%, rgb(250, 253, 254) 0%, transparent 60%), linear-gradient(170deg, rgb(247, 245, 244), rgb(244, 240, 238) 60%, rgb(243, 236, 233)); padding: 30px 0px 46px; }
.mp-car { position: relative; width: min(100%, 392px); margin: 22px auto 0px; border-radius: 22px; overflow: hidden; background: rgb(255, 255, 255); box-shadow: rgba(36, 23, 17, 0.16) 0px 22px 54px; aspect-ratio: 1 / 1; }
.mp-track { display: flex; height: 100%; transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1); }
.mp-slide { min-width: 100%; height: 100%; position: relative; }
.mp-slide img { width: 100%; height: 100%; object-fit: cover; }
.mp-dots { position: absolute; left: 0px; right: 0px; bottom: 12px; display: flex; gap: 6px; justify-content: center; }
.mp-dots i { width: 6px; height: 6px; border-radius: 50%; background: rgba(255, 255, 255, 0.6); box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 3px; cursor: pointer; transition: width 0.22s, background 0.22s; }
.mp-dots i.on { width: 22px; border-radius: 99px; background: rgb(255, 255, 255); }
.mp-arw { position: absolute; top: 50%; transform: translateY(-50%); width: 34px; height: 34px; border: 0px; border-radius: 50%; background: rgba(255, 255, 255, 0.9); color: var(--mp-tinta); font-size: 17px; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 10px; }
.mp-arw.l { left: 10px; }
.mp-arw.r { right: 10px; }
.mp-bul { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-top: 22px; }
.mp-bul span { background: rgba(194, 65, 12, 0.08); border: 1px solid rgba(194, 65, 12, 0.22); color: rgb(148, 49, 8); padding: 7px 14px; border-radius: 99px; font-size: 12.5px; font-weight: 600; }
.mp-price { display: flex; align-items: baseline; justify-content: center; gap: 11px; margin-top: 24px; flex-wrap: wrap; }
.mp-new { font-size: clamp(36px, 10.5vw, 50px); font-weight: 800; color: var(--mp-tinta); }
.mp-btn { display: block; width: 100%; max-width: 370px; margin: 22px auto 0px; border: 0px; cursor: pointer; background: linear-gradient(rgb(194, 65, 12), rgb(148, 49, 8)); color: rgb(255, 255, 255); font-family: Poppins, sans-serif; font-size: 15.5px; font-weight: 800; letter-spacing: 0.02em; padding: 18px 20px; border-radius: 14px; box-shadow: rgba(148, 49, 8, 0.34) 0px 10px 26px; transition: transform 0.15s; text-transform: uppercase; }
.mp-btn:active { transform: scale(0.985); }
.mp-btnsub { font-size: 11.5px; color: var(--mp-sub); margin-top: 10px; text-align: center; }
.mp-dark .mp-btnsub { color: rgb(207, 153, 130); }
.mp-proof { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 22px; flex-wrap: wrap; }
.mp-avs { display: flex; }
.mp-avs i { width: 32px; height: 32px; border-radius: 50%; border: 2.5px solid rgb(255, 255, 255); margin-left: -9px; background-size: cover; background-position: center center; display: block; background-color: rgb(235, 229, 227); }
.mp-avs i:first-child { margin-left: 0px; }
.mp-stars { color: var(--mp-oro); font-size: 14px; letter-spacing: 1.5px; }
.mp-proof p { font-size: 12.5px; font-weight: 600; }
.mp-trust { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 28px; border-top: 1px solid rgba(36, 23, 17, 0.1); padding-top: 22px; }
.mp-trust div { text-align: center; font-size: 10.5px; font-weight: 600; line-height: 1.4; }
.mp-trust svg { display: block; width: 22px; height: 22px; margin: 0px auto 7px; stroke: var(--mp-cafe); fill: none; stroke-width: 1.6; }
.mp-dark .mp-trust { border-top-color: rgba(255, 255, 255, 0.14); }
.mp-dark .mp-trust svg { stroke: var(--mp-cafe2); }
.mp-dark .mp-trust div { color: rgb(239, 228, 223); }
.mp-mathimg { margin-top: 24px; border-radius: 18px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.1); }
.mp-mathimg img { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
.mp-math { display: grid; grid-template-columns: 1fr auto 1fr; gap: 10px; align-items: stretch; margin-top: 22px; }
.mp-mcard { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 16px; padding: 20px 12px; }
.mp-mcard.win { background: linear-gradient(rgba(194, 65, 12, 0.22), rgba(194, 65, 12, 0.06)); border-color: rgba(226, 192, 178, 0.45); }
.mp-mcard small { display: block; font-size: 10.5px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: rgb(231, 212, 204); margin-bottom: 9px; }
.mp-mcard.win small { color: var(--mp-cafe2); }
.mp-mcard b { display: block; font-size: clamp(20px, 5.6vw, 26px); font-weight: 800; line-height: 1.15; }
.mp-mcard span { display: block; font-size: 11.5px; color: rgb(207, 153, 130); margin-top: 7px; line-height: 1.45; }
.mp-mvs { display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 800; color: rgb(172, 88, 53); letter-spacing: 0.1em; }
.mp-mnota { margin-top: 16px; font-size: 11.5px; color: rgb(172, 88, 53); line-height: 1.5; }
.mp-split { margin-top: 26px; border-radius: 20px; overflow: hidden; box-shadow: rgba(36, 23, 17, 0.12) 0px 14px 36px; }
.mp-st img { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; display: block; }
.mp-antes img { filter: grayscale(0.35) contrast(0.94) brightness(0.96); }
.mp-sttx { padding: 22px; }
.mp-antes .mp-sttx { background: linear-gradient(rgb(42, 58, 64), rgb(52, 33, 25)); color: rgb(247, 245, 244); }
.mp-desp .mp-sttx { background: linear-gradient(rgb(250, 253, 254), rgb(235, 229, 227)); }
.mp-lbl { font-size: 10.5px; font-weight: 800; letter-spacing: 0.2em; text-transform: uppercase; padding: 5px 11px; border-radius: 6px; display: inline-block; margin-bottom: 12px; }
.mp-antes .mp-lbl { background: rgba(255, 255, 255, 0.24); }
.mp-desp .mp-lbl { background: var(--mp-tinta); color: var(--mp-cafe2); }
.mp-sttx p { font-size: 20px; font-weight: 800; }
.mp-sttx small { display: block; margin-top: 7px; font-size: 13.5px; opacity: 0.88; line-height: 1.55; }
.mp-g4 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 26px; }
.mp-card { background: rgb(255, 255, 255); border: 1px solid var(--mp-bdr); border-radius: 16px; padding: 22px 14px; text-align: center; }
.mp-card svg { display: block; width: 34px; height: 34px; margin: 0px auto 12px; stroke: var(--mp-cafe); fill: none; stroke-width: 1.5; }
.mp-card b { font-size: 14.5px; font-weight: 800; display: block; }
.mp-fig { margin-top: 24px; border-radius: 18px; overflow: hidden; background: rgb(244, 240, 238); box-shadow: rgba(36, 23, 17, 0.1) 0px 12px 30px; }
.mp-fig img { width: 100%; height: auto; display: block; }
.mp-fig-32 img { aspect-ratio: 3 / 2; object-fit: cover; }
.mp-fig-1 img { aspect-ratio: 1 / 1; object-fit: cover; }
.mp-auth { display: grid; gap: 12px; margin-top: 20px; }
.mp-auth .mp-card { background: rgb(46, 27, 19); border-color: rgb(61, 40, 31); text-align: left; display: flex; gap: 14px; align-items: flex-start; padding: 20px; }
.mp-auth .mp-card b { color: rgb(255, 255, 255); margin-bottom: 6px; }
.mp-auth .mp-card p { font-size: 13.5px; color: rgb(231, 212, 204); line-height: 1.55; }
.mp-num { font-weight: 800; font-size: 18px; color: var(--mp-cafe2); min-width: 36px; height: 36px; border: 1.5px solid rgba(226, 192, 178, 0.4); border-radius: 11px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.mp-pasos { display: grid; gap: 14px; margin-top: 26px; }
.mp-paso { background: rgb(255, 255, 255); border: 1px solid var(--mp-bdr); border-radius: 16px; overflow: hidden; }
.mp-paso img { width: 100%; height: auto; aspect-ratio: 21 / 9; object-fit: cover; }
.mp-pasotx { display: flex; gap: 13px; align-items: center; padding: 15px 17px; text-align: left; }
.mp-paso .n { width: 36px; height: 36px; border-radius: 50%; background: var(--mp-tinta); color: var(--mp-cafe2); font-weight: 800; font-size: 16px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.mp-paso b { font-size: 14.5px; font-weight: 800; }
.mp-paso span { display: block; font-size: 12.5px; color: var(--mp-sub); margin-top: 2px; }
.mp-ficha { margin-top: 20px; border: 1px solid var(--mp-bdr); border-radius: 16px; overflow: hidden; background: rgb(255, 255, 255); }
.mp-ficha div { display: flex; justify-content: space-between; gap: 14px; padding: 15px 17px; border-bottom: 1px solid var(--mp-bdr); font-size: 14px; text-align: left; }
.mp-ficha div:last-child { border-bottom: 0px; }
.mp-ficha span:first-child { color: var(--mp-sub); font-weight: 500; }
.mp-ficha span:last-child { font-weight: 600; text-align: right; }
.mp-regs { margin-top: 26px; display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 4px 20px 14px; margin-left: -20px; margin-right: -20px; scrollbar-width: none; }
.mp-regs::-webkit-scrollbar { display: none; }
.mp-reg { scroll-snap-align: center; flex: 0 0 76%; max-width: 280px; background: rgb(255, 255, 255); border: 1px solid rgba(194, 65, 12, 0.28); border-radius: 20px; overflow: hidden; text-align: left; box-shadow: rgba(36, 23, 17, 0.1) 0px 12px 30px; display: flex; flex-direction: column; }
.mp-reg-top { position: relative; background: linear-gradient(150deg, rgb(250, 253, 254), rgb(235, 229, 227)); padding: 24px 0px; display: flex; align-items: center; justify-content: center; }
.mp-reg-top svg { width: 52px; height: 52px; stroke: var(--mp-cafe); fill: none; stroke-width: 1.4; }
.mp-reg-val { position: absolute; top: 12px; right: 12px; background: var(--mp-tinta); color: var(--mp-cafe2); font-size: 10px; font-weight: 800; letter-spacing: 0.08em; padding: 5px 9px; border-radius: 7px; }
.mp-reg-tx { padding: 18px 18px 20px; }
.mp-reg-tx b { display: block; font-size: 15.5px; font-weight: 800; }
.mp-reg-tx p { font-size: 13px; color: var(--mp-sub); margin-top: 6px; line-height: 1.5; }
.mp-swipe { display: flex; align-items: center; justify-content: center; gap: 7px; margin-top: 4px; font-size: 11.5px; color: var(--mp-sub); font-weight: 600; }
.mp-swipe svg { width: 15px; height: 15px; stroke: var(--mp-cafe); fill: none; stroke-width: 2; animation: 1.5s ease-in-out 0s infinite normal none running mp-nudge; }
@keyframes mp-nudge { 
  0%, 100% { transform: translateX(0px); }
  50% { transform: translateX(5px); }
}
.mp-tabla { margin-top: 24px; border-radius: 16px; overflow: hidden; border: 1px solid var(--mp-bdr); background: rgb(255, 255, 255); }
.mp-fila { display: grid; grid-template-columns: 1fr 68px 68px; align-items: center; gap: 6px; padding: 14px 15px; border-bottom: 1px solid var(--mp-bdr); font-size: 13.5px; text-align: left; }
.mp-fila:last-child { border-bottom: 0px; }
.mp-head { background: var(--mp-tinta); color: rgb(255, 255, 255); font-weight: 800; font-size: 11px; text-transform: uppercase; letter-spacing: 0.06em; }
.mp-head span:not(:first-child) { text-align: center; }
.mp-si, .mp-no { text-align: center; font-size: 16px; font-weight: 700; }
.mp-si { color: rgb(31, 157, 85); }
.mp-no { color: rgb(192, 57, 43); }
.mp-barra { height: 10px; background: rgba(255, 255, 255, 0.13); border-radius: 99px; overflow: hidden; margin-top: 24px; }
.mp-barra i { display: block; height: 100%; width: 74%; background: linear-gradient(90deg,var(--mp-cafe),var(--mp-cafe2)); border-radius: 99px; }
.mp-barlbl { font-size: 12px; color: rgb(207, 153, 130); margin-top: 10px; }
.mp-logis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; margin-top: 24px; }
.mp-logis div { text-align: center; font-size: 10.5px; font-weight: 600; color: rgb(239, 228, 223); line-height: 1.4; }
.mp-logis svg { display: block; width: 22px; height: 22px; margin: 0px auto 7px; stroke: var(--mp-cafe2); fill: none; stroke-width: 1.5; }
.mp-testis { display: grid; gap: 13px; margin-top: 26px; }
.mp-testi { background: rgb(255, 255, 255); border: 1px solid var(--mp-bdr); border-radius: 16px; padding: 18px; text-align: left; }
.mp-tt { display: flex; align-items: center; gap: 12px; }
.mp-tav { width: 44px; height: 44px; border-radius: 50%; background-size: cover; background-position: center center; flex-shrink: 0; background-color: rgb(235, 229, 227); }
.mp-tt b { font-size: 14px; font-weight: 800; display: block; }
.mp-tt small { font-size: 12px; color: var(--mp-sub); }
.mp-testi .mp-stars { margin-top: 10px; display: block; }
.mp-testi p { font-size: 14px; margin-top: 7px; color: rgb(22, 12, 8); line-height: 1.55; }
.mp-revimg { width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 12px; margin-top: 11px; background: rgb(244, 240, 238); }
.mp-fnota { font-size: 12px; color: var(--mp-sub); margin-top: 14px; line-height: 1.5; text-align: center; }
.mp-pack-badge { position: absolute; top: 12px; left: 12px; z-index: 2; background: var(--mp-tinta); color: rgb(255, 255, 255); font-weight: 800; font-size: 13px; letter-spacing: 0.02em; padding: 8px 14px; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.25) 0px 6px 16px; text-transform: uppercase; }
.mp-fnota { font-size: 12px; color: var(--mp-sub); margin-top: 14px; line-height: 1.5; text-align: center; }
.mp-aire { height: 96px; }
