/* COROS PACE 4 Pro - Hoja de Estilos Móvil v1.0.2
 * Aislamiento estricto bajo el selector .coros-p4pm.
 */

.coros-p4pm {
  --coros-p4pm-unit: calc(min(100vw, 750px) / 10);
  --coros-p4pm-font-title: "DIN Condensed", "Arial Narrow", sans-serif;
  --coros-p4pm-font-text: "Helvetica", "Arial", sans-serif;
  --font-DINCOROS-Bold: var(--coros-p4pm-font-title);
  --font-DINCOROS-Regular: var(--coros-p4pm-font-text);
  --font-PFDINTextPro-Regular: var(--coros-p4pm-font-text);
  --font-PFDINTextPro-Medium: var(--coros-p4pm-font-text);
  --font-PFDINTextPro-Bold: var(--coros-p4pm-font-title);
  --font-NotoSansJP-Regular: var(--coros-p4pm-font-text);
  --font-NotoSansJP-Medium: var(--coros-p4pm-font-text);
  --font-NotoSansJP-Bold: var(--coros-p4pm-font-title);
  --font-SourceHanSansCN-Regular: var(--coros-p4pm-font-text);
  --font-SourceHanSansCN-Medium: var(--coros-p4pm-font-text);
  --font-SourceHanSansCN-Bold: var(--coros-p4pm-font-title);
  font-family: var(--coros-p4pm-font-text);
  font-size: 16px;
  line-height: 1.5;
  width: 100%;
  max-width: 750px;
  margin-inline: auto;
  box-sizing: border-box;
  position: relative;
  overflow-x: clip;
  color: #f5f5f7;
  background-color: #000000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@supports not (overflow-x: clip) {
  .coros-p4pm {
    overflow-x: hidden;
  }
}

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

.coros-p4pm figure {
  margin: 0;
}

.coros-p4pm img {
  display: block;
  max-width: 100%;
  height: auto;
}

.coros-p4pm video {
  display: block;
  width: 100%;
  height: 100%;
}

/* Tipografía y Jerarquía Móvil Clamped */
.coros-p4pm h2 {
  font-family: var(--coros-p4pm-font-title) !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
  font-size: clamp(28px, calc(var(--coros-p4pm-unit) * 0.853333), 40px) !important;
  margin-top: 0;
}

.coros-p4pm .coros-p4pm-hero h2 {
  font-size: clamp(44px, calc(var(--coros-p4pm-unit) * 1.173333), 64px) !important;
  line-height: 0.95 !important;
}

.coros-p4pm h3 {
  font-family: var(--coros-p4pm-font-title) !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
}

.coros-p4pm p {
  font-family: var(--coros-p4pm-font-text);
  font-size: clamp(16px, calc(var(--coros-p4pm-unit) * 0.426667), 18px);
  line-height: 1.45;
}

.coros-p4pm .text-md-28 {
  font-size: clamp(16px, calc(var(--coros-p4pm-unit) * 0.373333), 18px) !important;
}

.coros-p4pm .global-battery-tips {
  font-size: clamp(14px, calc(var(--coros-p4pm-unit) * 0.32), 16px) !important;
  line-height: 1.45;
}

/* Colores explícitos para evitar conflictos con temas */
.coros-p4pm section:not(.coros-p4pm-inbox) h2,
.coros-p4pm section:not(.coros-p4pm-inbox) h3 {
  color: #ffffff !important;
}

.coros-p4pm section:not(.coros-p4pm-inbox) p {
  color: #cccccc;
}

.coros-p4pm .coros-p4pm-inbox {
  background-color: #ffffff !important;
  color: #0d0d0d !important;
}

.coros-p4pm .coros-p4pm-inbox h2,
.coros-p4pm .coros-p4pm-inbox h3 {
  color: #17191b !important;
}

.coros-p4pm .coros-p4pm-inbox p,
.coros-p4pm .coros-p4pm-inbox div {
  color: #0d0d0d;
}

/* Carruseles Móviles */
.coros-p4pm .swiper {
  overflow: hidden;
  position: relative;
  width: 100%;
  max-width: 100%;
}

.coros-p4pm .pace-media-carousel__track,
.coros-p4pm .pace-card-slider__track {
  position: relative;
  display: flex;
  will-change: transform;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
  touch-action: pan-y;
}

.coros-p4pm .coros-p4pm-highlights .swiper-slide,
.coros-p4pm .coros-p4pm-run-world .swiper-slide {
  flex: 0 0 auto;
  width: calc(var(--coros-p4pm-unit) * 8.213333);
  max-width: 88vw;
  margin-right: 0 !important;
}

.coros-p4pm .coros-p4pm-highlights .pace-media-carousel__track,
.coros-p4pm .coros-p4pm-run-world .pace-media-carousel__track {
  gap: calc(var(--coros-p4pm-unit) * 0.32);
}

.coros-p4pm .coros-p4pm-sensors .swiper-slide,
.coros-p4pm .coros-p4pm-health .swiper-slide,
.coros-p4pm .coros-p4pm-app .swiper-slide {
  flex: 0 0 auto;
  width: calc(var(--coros-p4pm-unit) * 8.213333);
  max-width: 88vw;
  margin-right: 0 !important;
}

.coros-p4pm .coros-p4pm-sensors .pace-card-slider__track,
.coros-p4pm .coros-p4pm-health .pace-card-slider__track,
.coros-p4pm .coros-p4pm-app .pace-card-slider__track {
  gap: calc(var(--coros-p4pm-unit) * 0.32);
}

.coros-p4pm .pace-media-carousel__progress {
  transform: none !important;
}

/* Controles de Video */
.coros-p4pm .play-pause-button {
  min-width: 44px !important;
  min-height: 44px !important;
  width: 44px !important;
  height: 44px !important;
  background: rgba(0, 0, 0, 0.65) !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  border-radius: 50% !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer;
  padding: 0 !important;
}

.coros-p4pm .play-pause-button svg {
  width: 24px !important;
  height: 24px !important;
  display: block !important;
}

/* Botones de navegación en carruseles de tarjetas */
.coros-p4pm button[aria-label="Anterior"],
.coros-p4pm button[aria-label="Siguiente"] {
  min-width: 44px !important;
  min-height: 44px !important;
  width: 44px !important;
  height: 44px !important;
  background-color: #303032 !important;
  border-radius: 4px !important;
  color: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer;
  border: 0 !important;
  padding: 0 !important;
}

.coros-p4pm button[aria-label="Anterior"]:disabled,
.coros-p4pm button[aria-label="Siguiente"]:disabled {
  opacity: 0.35 !important;
  cursor: not-allowed !important;
}

.coros-p4pm button[aria-label="Anterior"] svg,
.coros-p4pm button[aria-label="Siguiente"] svg {
  width: 24px !important;
  height: 24px !important;
  display: block !important;
}

/* Select de comparación */
.coros-p4pm .coros-p4pm-compare-select {
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3e%3cpath d='M6 9l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 16px;
  cursor: pointer;
}

/* CTA Buy Button */
.coros-p4pm .coros-p4pm-buy {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: var(--coros-p4pm-font-text) !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}

/* Fallback sin JavaScript */
.coros-p4pm:not([data-coros-mobile-initialized="true"]) .swiper {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
}

.coros-p4pm:not([data-coros-mobile-initialized="true"]) .pace-media-carousel__track,
.coros-p4pm:not([data-coros-mobile-initialized="true"]) .pace-card-slider__track {
  display: flex !important;
  overflow-x: auto !important;
}


/* Reglas extraídas del sistema de diseño móvil */
.coros-p4pm .absolute { position:absolute }
.coros-p4pm .relative { position:relative }
.coros-p4pm .inset-x-0 { left:0;right:0 }
.coros-p4pm .\!bottom-auto { bottom:auto!important }
.coros-p4pm .\!top-auto { top:auto!important }
.coros-p4pm .left-1\/2 { left:50% }
.coros-p4pm .top-1\/2 { top:50% }
.coros-p4pm .z-1 { z-index:1 }
.coros-p4pm .z-0 { z-index:0 }
.coros-p4pm .z-40 { z-index:40 }
.coros-p4pm .grid { display:grid }
.coros-p4pm .grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)) }
.coros-p4pm .grid-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)) }
.coros-p4pm .mx-auto { margin-left:auto;margin-right:auto }
.coros-p4pm .mr-auto { margin-right:auto }
.coros-p4pm .block { display:block }
.coros-p4pm .h-md-48 { height:calc(var(--coros-p4pm-unit) * .64) }
.coros-p4pm .h-full { height:100% }
.coros-p4pm .h-auto { height:auto }
.coros-p4pm .max-w-none { max-width:none }
.coros-p4pm .w-full { width:100% }
.coros-p4pm .flex { display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex }
.coros-p4pm .inline-flex { display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex }
.coros-p4pm .flex-1 { -webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0% }
.coros-p4pm .shrink-0 { -webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0 }
.coros-p4pm .flex-col { -webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column }
.coros-p4pm .-translate-x-1\/2 { --un-translate-x:-50%;-webkit-transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)) }
.coros-p4pm .-translate-y-1\/2 { --un-translate-y:-50%;-webkit-transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)) }
.coros-p4pm .cursor-default { cursor:default }
.coros-p4pm .cursor-pointer { cursor:pointer }
.coros-p4pm .items-start { -webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start }
.coros-p4pm .items-center { -webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center }
.coros-p4pm .justify-end { -webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end }
.coros-p4pm .justify-center { -webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center }
.coros-p4pm .justify-between { -webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between }
.coros-p4pm .\!overflow-visible { overflow:visible!important }
.coros-p4pm .overflow-hidden { overflow:hidden }
.coros-p4pm .whitespace-pre-line { white-space:pre-line }
.coros-p4pm .\!border { border-width:1px!important }
.coros-p4pm .border { border-width:1px }
.coros-p4pm .border-0 { border-width:0px }
.coros-p4pm .\!border-white { --un-border-opacity:1 !important;border-color:rgb(255 255 255 / var(--un-border-opacity))!important }
.coros-p4pm .rounded-full { border-radius:9999px }
.coros-p4pm .\!border-solid { border-style:solid!important }
.coros-p4pm .border-solid { border-style:solid }
.coros-p4pm .\!bg-white\/32 { background-color:#ffffff52!important }
.coros-p4pm .bg-black { --un-bg-opacity:1;background-color:rgb(0 0 0 / var(--un-bg-opacity)) }
.coros-p4pm .bg-\[white\] { background-color:#fff }
.coros-p4pm .bg-transparent { background-color:transparent }
.coros-p4pm .from-transparent { --un-gradient-from-position:0%;--un-gradient-from:transparent var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to) }
.coros-p4pm .bg-gradient-to-b { --un-gradient-shape:to bottom;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:-webkit-gradient(linear,left top,left bottom,from(var(--un-gradient)));background-image:-webkit-linear-gradient(var(--un-gradient));background-image:linear-gradient(var(--un-gradient)) }
.coros-p4pm .object-cover { -o-object-fit:cover;object-fit:cover }
.coros-p4pm .object-contain { -o-object-fit:contain;object-fit:contain }
.coros-p4pm .object-bottom { -o-object-position:bottom;object-position:bottom }
.coros-p4pm .object-top { -o-object-position:top;object-position:top }
.coros-p4pm .text-center { text-align:center }
.coros-p4pm .text-left { text-align:left }
.coros-p4pm .\!text-white { --un-text-opacity:1 !important;color:rgb(255 255 255 / var(--un-text-opacity))!important }
.coros-p4pm .color-white, .coros-p4pm .text-white { --un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity)) }
.coros-p4pm .font-bold { font-weight:700 }
.coros-p4pm .font-normal { font-weight:400 }
.coros-p4pm .leading-none { line-height:1 }
.coros-p4pm .leading-\[120\%\] { line-height:120% }
.coros-p4pm .leading-\[130\%\] { line-height:130% }
.coros-p4pm .leading-\[70\%\] { line-height:70% }
.coros-p4pm .leading-\[90\%\] { line-height:90% }
.coros-p4pm .leading-\[95\%\] { line-height:95% }
.coros-p4pm .tracking-\[0\.03em\] { letter-spacing:.03em }
.coros-p4pm .tracking-\[0\.05em\] { letter-spacing:.05em }
.coros-p4pm .tracking-normal { letter-spacing:0em }
.coros-p4pm .uppercase { text-transform:uppercase }
.coros-p4pm .lowercase { text-transform:lowercase }
.coros-p4pm .underline { -webkit-text-decoration-line:underline;text-decoration-line:underline }
.coros-p4pm .no-underline { text-decoration:none }
.coros-p4pm .opacity-0 { opacity:0 }
.coros-p4pm .opacity-100 { opacity:1 }
.coros-p4pm .brightness-100 { --un-brightness:brightness(1);-webkit-filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia) }
.coros-p4pm .transition-opacity { -webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.15s;transition-duration:.15s }
.coros-p4pm .duration-300 { -webkit-transition-duration:.3s;transition-duration:.3s }
.coros-p4pm .ml-0 { margin-left:0 }
.coros-p4pm .w-md-750 { width:calc(var(--coros-p4pm-unit) * 10) }
.coros-p4pm .h-md-124 { height:calc(var(--coros-p4pm-unit) * 1.6533333333333333) }
.coros-p4pm .h-md-1300 { height:calc(var(--coros-p4pm-unit) * 17.333333333333332) }
.coros-p4pm .h-md-18 { height:calc(var(--coros-p4pm-unit) * .24) }
.coros-p4pm .h-md-40 { height:calc(var(--coros-p4pm-unit) * .5333333333333333) }
.coros-p4pm .h-md-484 { height:calc(var(--coros-p4pm-unit) * 6.453333333333333) }
.coros-p4pm .h-md-616 { height:calc(var(--coros-p4pm-unit) * 8.213333333333333) }
.coros-p4pm .h-md-670 { height:calc(var(--coros-p4pm-unit) * 8.933333333333334) }
.coros-p4pm .h-md-680 { height:calc(var(--coros-p4pm-unit) * 9.066666666666666) }
.coros-p4pm .h-md-700 { height:calc(var(--coros-p4pm-unit) * 9.333333333333334) }
.coros-p4pm .h-md-750 { height:calc(var(--coros-p4pm-unit) * 10) }
.coros-p4pm .h-md-770 { height:calc(var(--coros-p4pm-unit) * 10.266666666666667) }
.coros-p4pm .h-md-80 { height:calc(var(--coros-p4pm-unit) * 1.0666666666666667) }
.coros-p4pm .mb-md-10 { margin-bottom:calc(var(--coros-p4pm-unit) * .13333333333333333) }
.coros-p4pm .mb-md-32 { margin-bottom:calc(var(--coros-p4pm-unit) * .4266666666666667) }
.coros-p4pm .-ml-md-40 { margin-left:-calc(var(--coros-p4pm-unit) * .5333333333333333) }
.coros-p4pm .ml-md-24 { margin-left:calc(var(--coros-p4pm-unit) * .32) }
.coros-p4pm .ml-md-34 { margin-left:calc(var(--coros-p4pm-unit) * .4533333333333333) }
.coros-p4pm .ml-md-40 { margin-left:calc(var(--coros-p4pm-unit) * .5333333333333333) }
.coros-p4pm .ml-md-8 { margin-left:calc(var(--coros-p4pm-unit) * .10666666666666667) }
.coros-p4pm .mr-md-32 { margin-right:calc(var(--coros-p4pm-unit) * .4266666666666667) }
.coros-p4pm .mt-0 { margin-top:0 }
.coros-p4pm .mt-md-24 { margin-top:calc(var(--coros-p4pm-unit) * .32) }
.coros-p4pm .mt-md-32 { margin-top:calc(var(--coros-p4pm-unit) * .4266666666666667) }
.coros-p4pm .mt-md-40 { margin-top:calc(var(--coros-p4pm-unit) * .5333333333333333) }
.coros-p4pm .mt-md-48 { margin-top:calc(var(--coros-p4pm-unit) * .64) }
.coros-p4pm .mt-md-56 { margin-top:calc(var(--coros-p4pm-unit) * .7466666666666667) }
.coros-p4pm .mt-md-58 { margin-top:calc(var(--coros-p4pm-unit) * .7733333333333333) }
.coros-p4pm .mt-md-64 { margin-top:calc(var(--coros-p4pm-unit) * .8533333333333334) }
.coros-p4pm .mt-md-80 { margin-top:calc(var(--coros-p4pm-unit) * 1.0666666666666667) }
.coros-p4pm .mt-md-88 { margin-top:calc(var(--coros-p4pm-unit) * 1.1733333333333333) }
.coros-p4pm .mt-md-9 { margin-top:calc(var(--coros-p4pm-unit) * .12) }
.coros-p4pm ._75pb-\[40px\], .coros-p4pm .pb-md-40 { padding-bottom:calc(var(--coros-p4pm-unit) * .5333333333333333) }
.coros-p4pm .pb-md-88 { padding-bottom:calc(var(--coros-p4pm-unit) * 1.1733333333333333) }
.coros-p4pm .pt-md-160 { padding-top:calc(var(--coros-p4pm-unit) * 2.1333333333333333) }
.coros-p4pm .text-md-24 { font-size:calc(var(--coros-p4pm-unit) * .32) }
.coros-p4pm :lang(ja) .lang-ja\:text-md-26, .coros-p4pm :lang(zh) .lang-zh\:text-md-26 { font-size:calc(var(--coros-p4pm-unit) * .3466666666666667) }
.coros-p4pm .text-md-28, .coros-p4pm :lang(ja) .lang-ja\:text-md-28, .coros-p4pm :lang(zh) .lang-zh\:text-md-28 { font-size:calc(var(--coros-p4pm-unit) * .37333333333333335) }
.coros-p4pm .text-md-30 { font-size:calc(var(--coros-p4pm-unit) * .4) }
.coros-p4pm .text-md-32, .coros-p4pm :lang(ja) .lang-ja\:text-md-32, .coros-p4pm :lang(zh) .lang-zh\:text-md-32 { font-size:calc(var(--coros-p4pm-unit) * .4266666666666667) }
.coros-p4pm .text-md-36, .coros-p4pm :lang(ja) .lang-ja\:text-md-36, .coros-p4pm :lang(zh) .lang-zh\:text-md-36 { font-size:calc(var(--coros-p4pm-unit) * .48) }
.coros-p4pm .text-md-38 { font-size:calc(var(--coros-p4pm-unit) * .5066666666666667) }
.coros-p4pm .text-md-40, .coros-p4pm :lang(ja) .lang-ja\:text-md-40, .coros-p4pm :lang(zh) .lang-zh\:text-md-40 { font-size:calc(var(--coros-p4pm-unit) * .5333333333333333) }
.coros-p4pm .text-md-64 { font-size:calc(var(--coros-p4pm-unit) * .8533333333333334) }
.coros-p4pm .text-md-88 { font-size:calc(var(--coros-p4pm-unit) * 1.1733333333333333) }
.coros-p4pm .w-md-40 { width:calc(var(--coros-p4pm-unit) * .5333333333333333) }
.coros-p4pm .w-md-48 { width:calc(var(--coros-p4pm-unit) * .64) }
.coros-p4pm .w-md-660 { width:calc(var(--coros-p4pm-unit) * 8.8) }
.coros-p4pm ._75w-\[670px\], .coros-p4pm .w-md-670 { width:calc(var(--coros-p4pm-unit) * 8.933333333333334) }
.coros-p4pm .w-md-70 { width:calc(var(--coros-p4pm-unit) * .9333333333333333) }
.coros-p4pm .w-md-80 { width:calc(var(--coros-p4pm-unit) * 1.0666666666666667) }
.coros-p4pm .\!_75text-\[24px\] { font-size:calc(var(--coros-p4pm-unit) * .32)!important }
.coros-p4pm .m-0 { margin:0 }
.coros-p4pm .mt-12 { margin-top:calc(var(--coros-p4pm-unit) * .0625) }
.coros-p4pm .mb-0 { margin-bottom:0 }
.coros-p4pm .mx-0 { margin-left:0;margin-right:0 }
.coros-p4pm .my-0 { margin-top:0;margin-bottom:0 }
.coros-p4pm .p-0 { padding:0 }
.coros-p4pm .pt-0 { padding-top:0 }
.coros-p4pm .pb-0 { padding-bottom:0 }
.coros-p4pm .px-0 { padding-left:0;padding-right:0 }
.coros-p4pm .px-40 { padding-left:calc(var(--coros-p4pm-unit) * .20833333333333334);padding-right:calc(var(--coros-p4pm-unit) * .20833333333333334) }
.coros-p4pm .py-0 { padding-top:0;padding-bottom:0 }
.coros-p4pm .top-0 { top:0 }
.coros-p4pm .bottom-0 { bottom:0 }
.coros-p4pm .rounded-0 { border-radius:0 }
.coros-p4pm .left-0 { left:0 }
.coros-p4pm .right-0 { right:0 }
.coros-p4pm .-mt-md-46 { margin-top:-calc(var(--coros-p4pm-unit) * .6133333333333333) }
.coros-p4pm .-mt-md-64 { margin-top:-calc(var(--coros-p4pm-unit) * .8533333333333334) }
.coros-p4pm .\!mt-md-68 { margin-top:calc(var(--coros-p4pm-unit) * .9066666666666666)!important }
.coros-p4pm .\!mt-md-80 { margin-top:calc(var(--coros-p4pm-unit) * 1.0666666666666667)!important }
.coros-p4pm .mt-md-12 { margin-top:calc(var(--coros-p4pm-unit) * .16) }
.coros-p4pm .mt-md-514 { margin-top:calc(var(--coros-p4pm-unit) * 6.8533333333333335) }
.coros-p4pm .mt-md-72 { margin-top:calc(var(--coros-p4pm-unit) * .96) }
.coros-p4pm .-mr-md-40 { margin-right:-calc(var(--coros-p4pm-unit) * .5333333333333333) }
.coros-p4pm .mb-md-198 { margin-bottom:calc(var(--coros-p4pm-unit) * 2.64) }
.coros-p4pm .my-md-60 { margin-top:calc(var(--coros-p4pm-unit) * .8);margin-bottom:calc(var(--coros-p4pm-unit) * .8) }
.coros-p4pm .p-md-48 { padding:calc(var(--coros-p4pm-unit) * .64) }
.coros-p4pm .pt-md-44 { padding-top:calc(var(--coros-p4pm-unit) * .5866666666666667) }
.coros-p4pm .pt-md-88 { padding-top:calc(var(--coros-p4pm-unit) * 1.1733333333333333) }
.coros-p4pm .pt-md-96 { padding-top:calc(var(--coros-p4pm-unit) * 1.28) }
.coros-p4pm .\!px-md-32 { padding-left:calc(var(--coros-p4pm-unit) * .4266666666666667)!important;padding-right:calc(var(--coros-p4pm-unit) * .4266666666666667)!important }
.coros-p4pm .px-md-4 { padding-left:calc(var(--coros-p4pm-unit) * .05333333333333334);padding-right:calc(var(--coros-p4pm-unit) * .05333333333333334) }
.coros-p4pm .px-md-40 { padding-left:calc(var(--coros-p4pm-unit) * .5333333333333333);padding-right:calc(var(--coros-p4pm-unit) * .5333333333333333) }
.coros-p4pm .px-md-48 { padding-left:calc(var(--coros-p4pm-unit) * .64);padding-right:calc(var(--coros-p4pm-unit) * .64) }
.coros-p4pm .py-md-40 { padding-top:calc(var(--coros-p4pm-unit) * .5333333333333333);padding-bottom:calc(var(--coros-p4pm-unit) * .5333333333333333) }
.coros-p4pm .py-md-80 { padding-top:calc(var(--coros-p4pm-unit) * 1.0666666666666667);padding-bottom:calc(var(--coros-p4pm-unit) * 1.0666666666666667) }
.coros-p4pm .py-md-88 { padding-top:calc(var(--coros-p4pm-unit) * 1.1733333333333333);padding-bottom:calc(var(--coros-p4pm-unit) * 1.1733333333333333) }
.coros-p4pm .min-h-md-1080 { min-height:calc(var(--coros-p4pm-unit) * 14.4) }
.coros-p4pm .min-h-md-126 { min-height:calc(var(--coros-p4pm-unit) * 1.68) }
.coros-p4pm .min-h-md-128 { min-height:calc(var(--coros-p4pm-unit) * 1.7066666666666668) }
.coros-p4pm .min-h-md-462 { min-height:calc(var(--coros-p4pm-unit) * 6.16) }
.coros-p4pm .min-h-md-774 { min-height:calc(var(--coros-p4pm-unit) * 10.32) }
.coros-p4pm .min-h-md-974 { min-height:calc(var(--coros-p4pm-unit) * 12.986666666666666) }
.coros-p4pm .\!w-md-456 { width:calc(var(--coros-p4pm-unit) * 6.08)!important }
.coros-p4pm .w-md-114 { width:calc(var(--coros-p4pm-unit) * 1.52) }
.coros-p4pm .w-md-16 { width:calc(var(--coros-p4pm-unit) * .21333333333333335) }
.coros-p4pm .w-md-188 { width:calc(var(--coros-p4pm-unit) * 2.506666666666667) }
.coros-p4pm .w-md-544 { width:calc(var(--coros-p4pm-unit) * 7.253333333333333) }
.coros-p4pm .w-md-592 { width:calc(var(--coros-p4pm-unit) * 7.8933333333333335) }
.coros-p4pm .w-md-616 { width:calc(var(--coros-p4pm-unit) * 8.213333333333333) }
.coros-p4pm .w-md-64 { width:calc(var(--coros-p4pm-unit) * .8533333333333334) }
.coros-p4pm .w-md-69 { width:calc(var(--coros-p4pm-unit) * .92) }
.coros-p4pm .w-md-88 { width:calc(var(--coros-p4pm-unit) * 1.1733333333333333) }
.coros-p4pm .w-md-96 { width:calc(var(--coros-p4pm-unit) * 1.28) }
.coros-p4pm .\!h-md-80 { height:calc(var(--coros-p4pm-unit) * 1.0666666666666667)!important }
.coros-p4pm .h-md-1082 { height:calc(var(--coros-p4pm-unit) * 14.426666666666666) }
.coros-p4pm .h-md-1340 { height:calc(var(--coros-p4pm-unit) * 17.866666666666667) }
.coros-p4pm .h-md-16 { height:calc(var(--coros-p4pm-unit) * .21333333333333335) }
.coros-p4pm .h-md-520 { height:calc(var(--coros-p4pm-unit) * 6.933333333333334) }
.coros-p4pm .h-md-529 { height:calc(var(--coros-p4pm-unit) * 7.053333333333334) }
.coros-p4pm .h-md-56 { height:calc(var(--coros-p4pm-unit) * .7466666666666667) }
.coros-p4pm .h-md-632 { height:calc(var(--coros-p4pm-unit) * 8.426666666666666) }
.coros-p4pm .h-md-69 { height:calc(var(--coros-p4pm-unit) * .92) }
.coros-p4pm .h-md-740 { height:calc(var(--coros-p4pm-unit) * 9.866666666666667) }
.coros-p4pm .h-md-762 { height:calc(var(--coros-p4pm-unit) * 10.16) }
.coros-p4pm .h-md-824 { height:calc(var(--coros-p4pm-unit) * 10.986666666666666) }
.coros-p4pm .h-md-88 { height:calc(var(--coros-p4pm-unit) * 1.1733333333333333) }
.coros-p4pm .h-md-974 { height:calc(var(--coros-p4pm-unit) * 12.986666666666666) }
.coros-p4pm .text-md-102 { font-size:calc(var(--coros-p4pm-unit) * 1.36) }
.coros-p4pm .text-md-56 { font-size:calc(var(--coros-p4pm-unit) * .7466666666666667) }
.coros-p4pm .text-md-78 { font-size:calc(var(--coros-p4pm-unit) * 1.04) }
.coros-p4pm .\!top-md-40 { top:calc(var(--coros-p4pm-unit) * .5333333333333333)!important }
.coros-p4pm .top-md-326 { top:calc(var(--coros-p4pm-unit) * 4.346666666666667) }
.coros-p4pm .top-md-38 { top:calc(var(--coros-p4pm-unit) * .5066666666666667) }
.coros-p4pm .\!bottom-md-120 { bottom:calc(var(--coros-p4pm-unit) * 1.6)!important }
.coros-p4pm .\!bottom-md-16 { bottom:calc(var(--coros-p4pm-unit) * .21333333333333335)!important }
.coros-p4pm .bottom-md-20 { bottom:calc(var(--coros-p4pm-unit) * .26666666666666666) }
.coros-p4pm .bottom-md-200 { bottom:calc(var(--coros-p4pm-unit) * 2.6666666666666665) }
.coros-p4pm .bottom-md-40 { bottom:calc(var(--coros-p4pm-unit) * .5333333333333333) }
.coros-p4pm .gap-md-32 { gap:calc(var(--coros-p4pm-unit) * .4266666666666667) }
.coros-p4pm .gap-md-40 { gap:calc(var(--coros-p4pm-unit) * .5333333333333333) }
.coros-p4pm .\!rounded-md-60 { border-radius:calc(var(--coros-p4pm-unit) * .8)!important }
.coros-p4pm .rounded-md-16 { border-radius:calc(var(--coros-p4pm-unit) * .21333333333333335) }
.coros-p4pm .rounded-md-4 { border-radius:calc(var(--coros-p4pm-unit) * .05333333333333334) }
.coros-p4pm .left-md-40 { left:calc(var(--coros-p4pm-unit) * .5333333333333333) }
.coros-p4pm .\!right-md-32 { right:calc(var(--coros-p4pm-unit) * .4266666666666667)!important }
.coros-p4pm .\!right-md-40 { right:calc(var(--coros-p4pm-unit) * .5333333333333333)!important }
.coros-p4pm .right-md-40 { right:calc(var(--coros-p4pm-unit) * .5333333333333333) }
.coros-p4pm .shop-panel .swiper-container .swiper-slide { height:calc(var(--coros-p4pm-unit) * 3.125) }
.coros-p4pm .top-slide-section-mobile .swiper-slide { width:100%!important }
.coros-p4pm .products-section-mobile .overflow-hidden { position:relative }
.coros-p4pm .products-section-mobile .swiper { width:calc(var(--coros-p4pm-unit) * 8);overflow:visible;margin:0 auto calc(var(--coros-p4pm-unit) * .5333333333);padding:calc(var(--coros-p4pm-unit) * .2666666667) 0 }
.coros-p4pm .products-section-mobile .swiper .swiper-wrapper { width:calc(var(--coros-p4pm-unit) * 8);overflow:visible }
.coros-p4pm .products-section-mobile .swiper .news-item { width:calc(var(--coros-p4pm-unit) * 8);padding:0;background-color:#fff;position:relative }
.coros-p4pm .products-section-mobile .swiper .news-item .text { position:absolute;bottom:0;left:0;right:0;height:auto;padding:calc(var(--coros-p4pm-unit) * .32) calc(var(--coros-p4pm-unit) * .2666666667);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:calc(var(--coros-p4pm-unit) * .1066666667) }
.coros-p4pm .products-section-mobile .swiper .news-item .news-item__img { position:relative;width:calc(var(--coros-p4pm-unit) * 8);height:calc(var(--coros-p4pm-unit) * 10);overflow:hidden }
.coros-p4pm .products-section-mobile .swiper .news-item .news-item__img img { width:100%;height:100%;-o-object-fit:cover;object-fit:cover }
.coros-p4pm .products-section-mobile .swiper .news-item h2 { font-family:var(--font-DINCOROS-Black);font-size:calc(var(--coros-p4pm-unit) * .8533333333);line-height:1.1;margin-bottom:calc(var(--coros-p4pm-unit) * .0533333333) }
.coros-p4pm .products-section-mobile .swiper .news-item .meta { margin-top:calc(var(--coros-p4pm-unit) * .0533333333);font-family:var(--font-DINCOROS-Bold);font-size:calc(var(--coros-p4pm-unit) * .48);line-height:1.2;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;text-transform:uppercase }
.coros-p4pm .products-section-mobile .swiper .news-item .meta-description { margin-top:calc(var(--coros-p4pm-unit) * .0533333333);font-family:var(--font-PFDINTextPro-Medium);font-size:calc(var(--coros-p4pm-unit) * .4);line-height:1.2;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between }
.coros-p4pm .products-section-mobile .swiper .news-item .product-btns { gap:calc(var(--coros-p4pm-unit) * .16);-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center }
.coros-p4pm .webp-img__wrapper img[data-v-6763c384] { border:none!important;text-indent:-9999px;max-height:100%;-o-object-fit:cover;object-fit:cover }
.coros-p4pm picture.webp-img__wrapper img[src="#"][data-v-6763c384] { background-color:#f0f0f0;display:inline-block }

/* Reglas de componentes auxiliares */
.coros-p4pm .play-pause-button[data-v-a1f1e459] { -webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0;color:#fff;background:#0006;border:0;border-radius:calc(var(--coros-p4pm-unit) * .0104166667);-webkit-box-shadow:none;box-shadow:none;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;outline:none;-webkit-transition:background-color .32s cubic-bezier(.7,-.4,.4,1.4);transition:background-color .32s cubic-bezier(.7,-.4,.4,1.4) }
.coros-p4pm .play-pause-button[data-v-a1f1e459]:hover { background:#0009 }
.coros-p4pm .play-pause-button[data-v-a1f1e459]:disabled { cursor:not-allowed;opacity:.45 }
.coros-p4pm .play-pause-button[data-v-a1f1e459]:focus-visible { outline:calc(var(--coros-p4pm-unit) * .0104166667) solid currentColor;outline-offset:calc(var(--coros-p4pm-unit) * .015625) }
.coros-p4pm .play-pause-button--desktop[data-v-a1f1e459] { width:calc(var(--coros-p4pm-unit) * .2083333333);height:calc(var(--coros-p4pm-unit) * .2083333333) }
.coros-p4pm .play-pause-button--mobile[data-v-a1f1e459] { width:calc(var(--coros-p4pm-unit) * .8533333333);height:calc(var(--coros-p4pm-unit) * .8533333333) }
.coros-p4pm .play-pause-button--mobile[data-v-a1f1e459]:hover { -webkit-box-shadow:none;box-shadow:none }
.coros-p4pm .play-pause-button--outline[data-v-a1f1e459] { color:#101820;background:transparent;border:1px solid currentColor;border-radius:0 }
.coros-p4pm .play-pause-button--outline[data-v-a1f1e459]:hover { background:transparent }
.coros-p4pm .play-pause-button__play-icon[data-v-a1f1e459] { position:absolute;display:block;top:50%;left:50%;width:calc(var(--coros-p4pm-unit) * .0729166667);height:calc(var(--coros-p4pm-unit) * .0833333333);background:currentColor;-webkit-clip-path:polygon(0 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%);-webkit-transform:translate(calc(-50% + calc(var(--coros-p4pm-unit) * .0052083333)),-50%);-ms-transform:translate(calc(-50% + calc(var(--coros-p4pm-unit) * .0052083333)),-50%);transform:translate(calc(-50% + calc(var(--coros-p4pm-unit) * .0052083333)),-50%) }
.coros-p4pm .play-pause-button--desktop .play-pause-button__play-icon[data-v-a1f1e459] { width:calc(var(--coros-p4pm-unit) * .0729166667);height:calc(var(--coros-p4pm-unit) * .0833333333) }
.coros-p4pm .play-pause-button--mobile .play-pause-button__play-icon[data-v-a1f1e459] { width:calc(var(--coros-p4pm-unit) * .2666666667);height:calc(var(--coros-p4pm-unit) * .3047733333);-webkit-transform:translate(calc(-50% + calc(var(--coros-p4pm-unit) * .04)),calc(-50% + calc(var(--coros-p4pm-unit) * .0056)));-ms-transform:translate(calc(-50% + calc(var(--coros-p4pm-unit) * .04)),calc(-50% + calc(var(--coros-p4pm-unit) * .0056)));transform:translate(calc(-50% + calc(var(--coros-p4pm-unit) * .04)),calc(-50% + calc(var(--coros-p4pm-unit) * .0056))) }
.coros-p4pm .play-pause-button__pause-icon[data-v-a1f1e459] { position:absolute;top:50%;left:50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:calc(var(--coros-p4pm-unit) * .0625);height:calc(var(--coros-p4pm-unit) * .0833333333);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%) }
.coros-p4pm .play-pause-button__pause-icon i[data-v-a1f1e459] { display:block;-webkit-box-flex:0;-webkit-flex:0 0 calc(var(--coros-p4pm-unit) * .0208333333);-ms-flex:0 0 calc(var(--coros-p4pm-unit) * .0208333333);flex:0 0 calc(var(--coros-p4pm-unit) * .0208333333);width:calc(var(--coros-p4pm-unit) * .0208333333);height:calc(var(--coros-p4pm-unit) * .0833333333);background:currentColor;border-radius:0 }
.coros-p4pm .play-pause-button__pause-icon i+i[data-v-a1f1e459] { margin-left:calc(var(--coros-p4pm-unit) * .0208333333) }
.coros-p4pm .play-pause-button--mobile .play-pause-button__pause-icon[data-v-a1f1e459] { left:50%;width:calc(var(--coros-p4pm-unit) * .2566666667);height:calc(var(--coros-p4pm-unit) * .2933333333) }
.coros-p4pm .play-pause-button--mobile .play-pause-button__pause-icon i[data-v-a1f1e459] { -webkit-flex-basis:calc(var(--coros-p4pm-unit) * .0855466667);-ms-flex-preferred-size:calc(var(--coros-p4pm-unit) * .0855466667);flex-basis:calc(var(--coros-p4pm-unit) * .0855466667);width:calc(var(--coros-p4pm-unit) * .0855466667);height:calc(var(--coros-p4pm-unit) * .2933333333) }
.coros-p4pm .play-pause-button--mobile .play-pause-button__pause-icon i+i[data-v-a1f1e459] { margin-left:calc(var(--coros-p4pm-unit) * .0855733333) }
.coros-p4pm .video-control-button[data-v-be1db52c] { -webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;padding:0 }
.coros-p4pm .control-floating[data-v-be1db52c] { top:var(--video-control-top, auto);right:var(--video-control-right, calc(var(--coros-p4pm-unit) * .625));bottom:var(--video-control-bottom, calc(var(--coros-p4pm-unit) * .416667));left:auto;width:auto;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end }
.coros-p4pm .pace-media-carousel__track[data-v-06ee7f44] { -webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out }
.coros-p4pm .pace-media-carousel__fade[data-v-06ee7f44] { opacity:0;-webkit-transition:opacity var(--pace-fade-duration, .5s) ease-in-out;transition:opacity var(--pace-fade-duration, .5s) ease-in-out }
.coros-p4pm .pace-media-carousel__fade.is-active[data-v-06ee7f44] { opacity:1 }
.coros-p4pm .pace-media-carousel__progress[data-v-06ee7f44] { -webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translate(-100%);-webkit-animation-name:pace-carousel-progress-06ee7f44;animation-name:pace-carousel-progress-06ee7f44;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards }
.coros-p4pm .pace-card-slider__track[data-v-e9eafc17] { -webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out }
.coros-p4pm [data-v-578594f6] .pace4pro-performance-select.arco-select-view-single.arco-select-view-size-medium .arco-select-view-input, .coros-p4pm [data-v-578594f6] .pace4pro-performance-select.arco-select-view-single.arco-select-view-size-medium .arco-select-view-value { padding-top:calc(var(--coros-p4pm-unit) * .0208333333)!important;padding-bottom:calc(var(--coros-p4pm-unit) * .0208333333)!important }
.coros-p4pm [data-v-578594f6] .pace4pro-performance-select.arco-select-view-single.arco-select-view-size-medium .arco-select-view-value { min-height:calc(var(--coros-p4pm-unit) * .15625)!important }


/* TASK-004: recuperación móvil 1.0.3 */
.coros-p4pm [data-type="webp-img-wrap"] figure {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: inherit;
}
.coros-p4pm picture.webp-img__wrapper {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: inherit;
}
.coros-p4pm img.webp-img__inner {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-height: none;
  opacity: 1;
  object-fit: inherit;
}

.coros-p4pm *,
.coros-p4pm *::before,
.coros-p4pm *::after {
  --un-translate-x: 0;
  --un-translate-y: 0;
  --un-translate-z: 0;
  --un-rotate: 0deg;
  --un-rotate-x: 0deg;
  --un-rotate-y: 0deg;
  --un-rotate-z: 0deg;
  --un-skew-x: 0deg;
  --un-skew-y: 0deg;
  --un-scale-x: 1;
  --un-scale-y: 1;
  --un-scale-z: 1;
}

.coros-p4pm .coros-p4pm-hero-copy {
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 88% !important;
  max-width: 100% !important;
  text-align: center !important;
}

.coros-p4pm [class*="font-[var(--font-DINCOROS-Bold)]"],
.coros-p4pm [class*="font-[var(--font-PFDINTextPro-Bold)]"] {
  font-family: var(--coros-p4pm-font-title) !important;
  font-weight: 700 !important;
}

.coros-p4pm [class*="font-[var(--font-DINCOROS-Regular)]"],
.coros-p4pm [class*="font-[var(--font-PFDINTextPro-Regular)]"],
.coros-p4pm [class*="font-[var(--font-PFDINTextPro-Medium)]"] {
  font-family: var(--coros-p4pm-font-text) !important;
}

.coros-p4pm .bg-\[\#161616\] { --un-bg-opacity:1; background-color:rgb(22 22 22 / var(--un-bg-opacity)); }
.coros-p4pm .bg-\[\#1f1f1f\] { --un-bg-opacity:1; background-color:rgb(31 31 31 / var(--un-bg-opacity)); }
.coros-p4pm .bg-\[\#202022\] { --un-bg-opacity:1; background-color:rgb(32 32 34 / var(--un-bg-opacity)); }
.coros-p4pm .bg-\[\#303030\] { --un-bg-opacity:1; background-color:rgb(48 48 48 / var(--un-bg-opacity)); }
.coros-p4pm .bg-\[\#303032\] { --un-bg-opacity:1; background-color:rgb(48 48 50 / var(--un-bg-opacity)); }
.coros-p4pm .bg-\[\#4a4848\] { --un-bg-opacity:1; background-color:rgb(74 72 72 / var(--un-bg-opacity)); }
.coros-p4pm .bg-\[\#86868b\] { --un-bg-opacity:1; background-color:rgb(134 134 139 / var(--un-bg-opacity)); }
.coros-p4pm .bg-\[\#cbd4df\] { --un-bg-opacity:1; background-color:rgb(203 212 223 / var(--un-bg-opacity)); }
.coros-p4pm .bg-\[\#f3f3f4\] { --un-bg-opacity:1; background-color:rgb(243 243 244 / var(--un-bg-opacity)); }
.coros-p4pm .bg-\[\#fffdf5\] { --un-bg-opacity:1; background-color:rgb(255 253 245 / var(--un-bg-opacity)); }
.coros-p4pm .bg-\[linear-gradient\(180deg\,rgba\(22\,22\,22\,0\)_48\.039\%\,rgb\(22\,22\,22\)_78\.088\%\)\] { background-image:-webkit-gradient(linear,left top,left bottom,color-stop(48.039%,rgba(22,22,22,0)),color-stop(78.088%,rgb(22,22,22)));background-image:-webkit-linear-gradient(top,rgba(22,22,22,0) 48.039%,rgb(22,22,22) 78.088%);background-image:linear-gradient(180deg,#16161600 48.039%,#161616 78.088%); }
.coros-p4pm .bg-\[radial-gradient\(circle_at_66\%_58\%\,rgba\(211\,197\,174\,0\.72\)_0\%\,rgba\(96\,86\,70\,0\.7\)_35\%\,rgba\(22\,22\,22\,0\.92\)_72\%\)\] { background-image:-webkit-radial-gradient(66% 58%,circle,rgba(211,197,174,.72) 0%,rgba(96,86,70,.7) 35%,rgba(22,22,22,.92) 72%);background-image:radial-gradient(circle at 66% 58%,#d3c5aeb8,#605646b3 35%,#161616eb 72%); }
.coros-p4pm .hover\:bg-\[\#30303299\]:hover { --un-bg-opacity:.6; background-color:rgb(48 48 50 / var(--un-bg-opacity)); }
.coros-p4pm .text-\[\#303032\] { --un-text-opacity:1; color:rgb(48 48 50 / var(--un-text-opacity)); }
.coros-p4pm .text-\[\#86868b\], .coros-p4pm .text-\[\#86868B\] { --un-text-opacity:1; color:rgb(134 134 139 / var(--un-text-opacity)); }

.coros-p4pm .bg-gradient-to-b.to-\[\#000000e0\],
.coros-p4pm .coros-p4pm-hero .to-\[\#000000e0\] {
  background-image: linear-gradient(to bottom, transparent, #000000e0) !important;
}

/* Reglas de official-mobile-components.css aisladas bajo .coros-p4pm */
.coros-p4pm .pace4pro-section-heading { text-align: center; }
.coros-p4pm .pace4pro-section-heading p {
  --un-text-opacity: 1;
  color: rgb(204 204 204 / var(--un-text-opacity));
  line-height: 130%;
  margin-top: calc(var(--coros-p4pm-unit) * 0.5333333333333333);
}
.coros-p4pm img { max-height: none; }
.coros-p4pm .pace4pro-mobile-hero__description { letter-spacing: calc(var(--coros-p4pm-unit) * 0.0133333333); }
.coros-p4pm .pace4pro-mobile-highlights .swiper,
.coros-p4pm .pace4pro-mobile-highlights .swiper-slide { height: auto; }
.coros-p4pm .pace4pro-mobile-highlights .swiper-slide > div > h2 {
  font-weight: 400;
  min-height: calc(var(--coros-p4pm-unit) * 1.9733333333333334);
}
.coros-p4pm .pace4pro-mobile-highlights .swiper-slide > div > p {
  margin-top: calc(var(--coros-p4pm-unit) * 0.7466666666666667);
  min-height: calc(var(--coros-p4pm-unit) * 3.36);
}
.coros-p4pm .pace4pro-mobile-performance__specs {
  border: calc(var(--coros-p4pm-unit) * 0.0133333333) solid #555;
}
.coros-p4pm .pace4pro-mobile-performance__specs > div + div {
  margin-top: calc(var(--coros-p4pm-unit) * 0.64);
}
.coros-p4pm article + article .pace4pro-mobile-performance__specs {
  --un-bg-opacity: 1;
  background-color: rgb(20 20 20 / var(--un-bg-opacity));
}
.coros-p4pm .pace4pro-mobile-materials article + article {
  margin-top: calc(var(--coros-p4pm-unit) * 0.32);
}
.coros-p4pm .pace4pro-mobile-battery__modes {
  -webkit-column-gap: calc(var(--coros-p4pm-unit) * 0.5333333333);
  -moz-column-gap: calc(var(--coros-p4pm-unit) * 0.5333333333);
  column-gap: calc(var(--coros-p4pm-unit) * 0.5333333333);
}
.coros-p4pm .pace4pro-mobile-battery__activity > div + div {
  border-left: calc(var(--coros-p4pm-unit) * 0.0133333333) solid #3f4143;
}
.coros-p4pm .pace4pro-mobile-battery__finish-fade {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(59%, transparent), to(#000));
  background: -webkit-linear-gradient(top, transparent 59%, #000 100%);
  background: linear-gradient(180deg, transparent 59%, #000 100%);
}
.coros-p4pm .pace4pro-mobile-conservation .pace4pro-section-heading h2 { letter-spacing: 0em; }
.coros-p4pm .pace4pro-mobile-conservation .pace4pro-section-heading p {
  margin-top: calc(var(--coros-p4pm-unit) * 0.4266666666666667);
}
.coros-p4pm .pace4pro-mobile-maps__features {
  -webkit-column-gap: calc(var(--coros-p4pm-unit) * 0.4266666667);
  -moz-column-gap: calc(var(--coros-p4pm-unit) * 0.4266666667);
  column-gap: calc(var(--coros-p4pm-unit) * 0.4266666667);
}
.coros-p4pm .pace4pro-mobile-support + article {
  margin-top: calc(var(--coros-p4pm-unit) * 0.5333333333333333);
}
.coros-p4pm .pace4pro-mobile-inbox .pace4pro-section-heading p {
  --un-text-opacity: 1;
  color: rgb(13 13 13 / var(--un-text-opacity));
  margin-top: calc(var(--coros-p4pm-unit) * 0.32);
}

/* Ajustes y excepciones locales */
.coros-p4pm .coros-p4pm-conservation .text-\[\#ff5100\] p,
.coros-p4pm .coros-p4pm-conservation p.text-\[\#ff5100\],
.coros-p4pm [class*="text-[#ff5100]"] p {
  color: #ff5100 !important;
}

.coros-p4pm .pace4pro-mobile-performance__specs p,
.coros-p4pm .pace4pro-mobile-battery__activity b,
.coros-p4pm .pace4pro-mobile-battery__modes strong,
.coros-p4pm .coros-p4pm-overview article p {
  color: #ffffff !important;
}

.coros-p4pm .pace4pro-mobile-performance__specs span,
.coros-p4pm .pace4pro-mobile-battery__modes p {
  color: #ff5100 !important;
}

.coros-p4pm .coros-p4pm-overview .color-white {
  color: #ffffff !important;
}

.coros-p4pm .coros-p4pm-compare article:first-of-type .pace4pro-mobile-performance__specs {
  background-color: #303030 !important;
  border-radius: calc(var(--coros-p4pm-unit) * 0.2133333333);
  padding: calc(var(--coros-p4pm-unit) * 0.64);
}
.coros-p4pm .coros-p4pm-compare article:last-of-type .pace4pro-mobile-performance__specs {
  background-color: #141414 !important;
  border-radius: calc(var(--coros-p4pm-unit) * 0.2133333333);
  padding: calc(var(--coros-p4pm-unit) * 0.64);
}
.coros-p4pm .coros-p4pm-compare .pace4pro-mobile-performance__specs > div + div {
  margin-top: calc(var(--coros-p4pm-unit) * 0.32) !important;
}


/* TASK-005: afinación móvil 1.0.4 */
.coros-p4pm[data-coros-mobile-instance] .coros-p4pm-hero-copy {
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: calc(100% - 40px) !important;
  max-width: 380px !important;
  text-align: center !important;
  bottom: 14% !important;
}

.coros-p4pm[data-coros-mobile-instance] .coros-p4pm-hero-logo {
  display: block !important;
  width: 100px !important;
  max-width: 35% !important;
  height: auto !important;
  margin: 0 auto 8px !important;
}

.coros-p4pm[data-coros-mobile-instance] .coros-p4pm-hero-copy h2 {
  font-family: var(--coros-p4pm-font-title) !important;
  font-weight: 700 !important;
  font-size: clamp(44px, calc(var(--coros-p4pm-unit) * 1.15), 54px) !important;
  line-height: 1 !important;
  color: #ffffff !important;
  margin-top: 12px !important;
  margin-bottom: 0 !important;
}

.coros-p4pm[data-coros-mobile-instance] .pace4pro-mobile-hero__description {
  font-family: var(--coros-p4pm-font-title) !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  line-height: 1.15 !important;
  color: #ffffff !important;
  text-align: center !important;
  white-space: normal !important;
  margin: 8px auto 0 !important;
}

/* Encabezados y copys narrativas centradas */
.coros-p4pm[data-coros-mobile-instance] .pace4pro-section-heading,
.coros-p4pm[data-coros-mobile-instance] .coros-p4pm-overview .pace4pro-section-heading {
  text-align: center !important;
}

.coros-p4pm[data-coros-mobile-instance] .pace4pro-section-heading h2 {
  font-family: var(--coros-p4pm-font-title) !important;
  font-weight: 700 !important;
  font-size: clamp(28px, calc(var(--coros-p4pm-unit) * 0.75), 32px) !important;
  line-height: 1.12 !important;
  text-align: center !important;
  white-space: normal !important;
  height: auto !important;
  min-height: 0 !important;
}

.coros-p4pm[data-coros-mobile-instance] section:not(.coros-p4pm-inbox) .pace4pro-section-heading h2 {
  color: #ffffff !important;
}

.coros-p4pm[data-coros-mobile-instance] .pace4pro-section-heading p {
  font-family: var(--coros-p4pm-font-text) !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  color: #cccccc !important;
  text-align: center !important;
  margin: 16px auto 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
}

/* Overview - Cifras y etiquetas */
.coros-p4pm[data-coros-mobile-instance] .coros-p4pm-overview article p {
  font-family: var(--coros-p4pm-font-title) !important;
  font-weight: 700 !important;
  font-size: clamp(28px, calc(var(--coros-p4pm-unit) * 0.75), 32px) !important;
  line-height: 1 !important;
  color: #ffffff !important;
  text-align: left !important;
  margin: 0 !important;
}

.coros-p4pm[data-coros-mobile-instance] .coros-p4pm-overview article p span {
  font-family: var(--coros-p4pm-font-title) !important;
  font-weight: 700 !important;
  font-size: 18px !important;
}

.coros-p4pm[data-coros-mobile-instance] .coros-p4pm-overview article h3 {
  font-family: var(--coros-p4pm-font-text) !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
  color: #ffffff !important;
  text-align: left !important;
  margin: 0 !important;
}

/* Carruseles Media - Highlights y Run World */
.coros-p4pm[data-coros-mobile-instance] .coros-p4pm-carousel-controls {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 20px !important;
  margin-top: 48px !important;
  width: 100% !important;
}

.coros-p4pm[data-coros-mobile-instance] .coros-p4pm-carousel-tabs {
  background: #1f1f1f !important;
  border: 1px solid #737373 !important;
  display: flex !important;
  align-items: center !important;
  padding: 2px !important;
  border-radius: 0 !important;
  height: auto !important;
}

.coros-p4pm[data-coros-mobile-instance] .coros-p4pm-carousel-tab {
  background: transparent !important;
  border: 0 !important;
  width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  position: relative !important;
  color: #86868b !important;
  cursor: pointer !important;
  opacity: 1 !important;
}

.coros-p4pm[data-coros-mobile-instance] .coros-p4pm-carousel-marker {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 8px !important;
  height: 8px !important;
  background: #86868b !important;
  border-radius: 999px !important;
  display: block !important;
  transition: width 0.2s ease, background-color 0.2s ease !important;
}

.coros-p4pm[data-coros-mobile-instance] .coros-p4pm-carousel-tab[aria-selected="true"] .coros-p4pm-carousel-marker {
  width: 28px !important;
  height: 8px !important;
  background: #ffffff !important;
}

.coros-p4pm[data-coros-mobile-instance] .coros-p4pm-carousel-toggle {
  width: 44px !important;
  height: 44px !important;
  background: #1f1f1f !important;
  border: 1px solid #737373 !important;
  color: #ffffff !important;
  padding: 0 !important;
  border-radius: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  margin-left: 0 !important;
}

.coros-p4pm[data-coros-mobile-instance] .coros-p4pm-carousel-toggle svg {
  width: 24px !important;
  height: 24px !important;
}

.coros-p4pm[data-coros-mobile-instance] .coros-p4pm-carousel-tab:focus-visible,
.coros-p4pm[data-coros-mobile-instance] .coros-p4pm-carousel-toggle:focus-visible {
  outline: 2px solid #ff5100 !important;
  outline-offset: 3px !important;
}

/* Sección Comparación */
.coros-p4pm[data-coros-mobile-instance] .coros-p4pm-compare .pace4pro-section-heading h2 {
  font-size: 28px !important;
  line-height: 1.12 !important;
  text-align: center !important;
}

.coros-p4pm[data-coros-mobile-instance] .coros-p4pm-compare h3 {
  font-family: var(--coros-p4pm-font-title) !important;
  font-size: 40px !important;
  line-height: 1 !important;
  margin: 24px 0 !important;
  text-align: center !important;
  color: #ffffff !important;
}

.coros-p4pm[data-coros-mobile-instance] .coros-p4pm-compare article:first-of-type .pace4pro-mobile-performance__specs {
  background-color: #303030 !important;
}

.coros-p4pm[data-coros-mobile-instance] .coros-p4pm-compare article:last-of-type .pace4pro-mobile-performance__specs {
  background-color: #141414 !important;
}

.coros-p4pm[data-coros-mobile-instance] .coros-p4pm-compare .pace4pro-mobile-performance__specs {
  border: 1px solid #555555 !important;
  border-radius: 8px !important;
  padding: 24px !important;
  display: grid !important;
  gap: 18px !important;
  height: auto !important;
  min-height: 0 !important;
  color: #ffffff !important;
}

.coros-p4pm[data-coros-mobile-instance] .coros-p4pm-compare .pace4pro-mobile-performance__specs > div {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.coros-p4pm[data-coros-mobile-instance] .coros-p4pm-compare .pace4pro-mobile-performance__specs > div + div {
  margin-top: 0 !important;
}

.coros-p4pm[data-coros-mobile-instance] .coros-p4pm-compare .pace4pro-mobile-performance__specs p {
  font-family: var(--coros-p4pm-font-title) !important;
  font-weight: 700 !important;
  font-size: 28px !important;
  line-height: 1.1 !important;
  color: #ffffff !important;
  margin: 0 !important;
}

.coros-p4pm[data-coros-mobile-instance] .coros-p4pm-compare .pace4pro-mobile-performance__specs p small {
  font-size: 16px !important;
}

.coros-p4pm[data-coros-mobile-instance] .coros-p4pm-compare .pace4pro-mobile-performance__specs span {
  font-family: var(--coros-p4pm-font-text) !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  color: #ff5100 !important;
  margin: 0 !important;
}

.coros-p4pm[data-coros-mobile-instance] .coros-p4pm-compare article:last-of-type > div:first-child {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
  margin: 40px 0 !important;
  min-height: auto !important;
}

.coros-p4pm[data-coros-mobile-instance] .coros-p4pm-compare article:last-of-type > div:first-child > span {
  font-family: var(--coros-p4pm-font-text) !important;
  font-size: 16px !important;
  color: #ffffff !important;
  margin-right: 0 !important;
}

.coros-p4pm[data-coros-mobile-instance] .coros-p4pm-compare .coros-p4pm-compare-select {
  height: 44px !important;
  background-color: #555555 !important;
  border: 1px solid #999999 !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  font-family: var(--coros-p4pm-font-text) !important;
  font-size: 20px !important;
  padding: 0 24px !important;
  width: auto !important;
  max-width: 100% !important;
  appearance: auto !important;
}

/* Conservación */
.coros-p4pm[data-coros-mobile-instance] .coros-p4pm-conservation .text-\[\#ff5100\] {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 24px auto !important;
}

.coros-p4pm[data-coros-mobile-instance] .coros-p4pm-conservation .text-\[\#ff5100\] p {
  font-family: var(--coros-p4pm-font-text) !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  color: #ff5100 !important;
  text-align: center !important;
  margin: 0 !important;
}

/* Batería */
.coros-p4pm[data-coros-mobile-instance] .coros-p4pm-battery {
  background-color: #161616 !important;
}

.coros-p4pm[data-coros-mobile-instance] .coros-p4pm-battery .pace4pro-section-heading h2 {
  font-size: 28px !important;
  line-height: 1.12 !important;
  text-align: center !important;
}

.coros-p4pm[data-coros-mobile-instance] .coros-p4pm-battery .pace4pro-section-heading p {
  font-size: 16px !important;
  line-height: 1.4 !important;
  text-align: center !important;
}

.coros-p4pm[data-coros-mobile-instance] .pace4pro-mobile-battery__modes {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 16px !important;
}

.coros-p4pm[data-coros-mobile-instance] .pace4pro-mobile-battery__modes article > p {
  font-family: var(--coros-p4pm-font-text) !important;
  font-size: 16px !important;
  color: #ff5100 !important;
  margin: 0 0 10px !important;
}

.coros-p4pm[data-coros-mobile-instance] .pace4pro-mobile-battery__modes strong {
  font-family: var(--coros-p4pm-font-title) !important;
  font-weight: 700 !important;
  font-size: 34px !important;
  line-height: 1 !important;
  color: #ffffff !important;
}

.coros-p4pm[data-coros-mobile-instance] .pace4pro-mobile-battery__modes strong span {
  font-size: 16px !important;
}

.coros-p4pm[data-coros-mobile-instance] .pace4pro-mobile-battery__modes small {
  font-family: var(--coros-p4pm-font-text) !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  color: #aaaaaa !important;
  width: auto !important;
}

.coros-p4pm[data-coros-mobile-instance] .pace4pro-mobile-battery__finish h3 {
  font-family: var(--coros-p4pm-font-title) !important;
  font-weight: 700 !important;
  font-size: 24px !important;
  line-height: 1.15 !important;
  color: #ffffff !important;
  text-align: center !important;
}

.coros-p4pm[data-coros-mobile-instance] .pace4pro-mobile-battery__activity b {
  font-family: var(--coros-p4pm-font-title) !important;
  font-weight: 700 !important;
  font-size: 28px !important;
  line-height: 1 !important;
  color: #ffffff !important;
}

.coros-p4pm[data-coros-mobile-instance] .pace4pro-mobile-battery__activity small {
  font-family: var(--coros-p4pm-font-text) !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  color: #cccccc !important;
}


/* TASK-006: connected/world 1.0.5 */
.coros-p4pm[data-coros-mobile-instance] .coros-p4pm-connected {
  --coros-p4pm-connected-gutter: calc(var(--coros-p4pm-unit) * 0.5333333333);
}

.coros-p4pm[data-coros-mobile-instance] .coros-p4pm-connected-media {
  width: calc(100% + 2 * var(--coros-p4pm-connected-gutter)) !important;
  max-width: none !important;
  margin-left: calc(-1 * var(--coros-p4pm-connected-gutter)) !important;
  margin-right: calc(-1 * var(--coros-p4pm-connected-gutter)) !important;
  margin-bottom: 0 !important;
  transform: none !important;
  display: block !important;
}

.coros-p4pm[data-coros-mobile-instance] .coros-p4pm-connected-media figure,
.coros-p4pm[data-coros-mobile-instance] .coros-p4pm-connected-media picture {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

.coros-p4pm[data-coros-mobile-instance] .coros-p4pm-connected-media img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: contain !important;
  object-position: center !important;
}

.coros-p4pm[data-coros-mobile-instance] section.coros-p4pm-run-world {
  background-color: #161616 !important;
  background-image: url('https://static.coros.com/coros-v2/images/d1d19e945ab2c351121d981ce4134356.png') !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  background-size: 100% auto !important;
}

/* TASK-008: CTA 1.0.7 */
.coros-p4pm[data-coros-mobile-instance] .coros-p4pm-hero-copy a.coros-p4pm-buy {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: auto !important;
  min-width: 176px !important;
  height: 48px !important;
  min-height: 48px !important;
  max-width: 100% !important;
  padding: 0 20px !important;
  margin-top: calc(var(--coros-p4pm-unit) * .4266666667) !important;
  background: #fff !important;
  color: #111 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
  cursor: pointer !important;
  transform: none !important;
}

.coros-p4pm[data-coros-mobile-instance] .coros-p4pm-hero-copy a.coros-p4pm-buy:hover,
.coros-p4pm[data-coros-mobile-instance] .coros-p4pm-hero-copy a.coros-p4pm-buy:active,
.coros-p4pm[data-coros-mobile-instance] .coros-p4pm-hero-copy a.coros-p4pm-buy:visited {
  background: #fff !important;
  color: #111 !important;
  text-decoration: none !important;
  transform: none !important;
}

.coros-p4pm[data-coros-mobile-instance] .coros-p4pm-hero-copy a.coros-p4pm-buy:focus-visible {
  outline: 2px solid #ff5100 !important;
  outline-offset: 3px !important;
}

.coros-p4pm[data-coros-mobile-instance] .coros-p4pm-hero-copy a.coros-p4pm-buy::before,
.coros-p4pm[data-coros-mobile-instance] .coros-p4pm-hero-copy a.coros-p4pm-buy::after {
  content: none !important;
  display: none !important;
}