Nevera Challenger No Frost No Frost 356 Cr 356 Acero Inoxidable

Información del producto

NEVERA TWIN CR 356@charset "UTF-8"/*------------------------------------*\Estilos theme Challenger2023Autor: Aguayo\*------------------------------------*//*** Variable ruta imágenes incluidas en los CSS| use: url(# {$path-img}/card-shadow.svg)* @nuclide Variables* @section Settings > Path*//*** Variable ruta a la carpeta de fuentes | use: url('# {$path-font}/# {$font-family-ico}.woff?')* @nuclide Variables* @section Settings > Path*//*** Base HTML: 16px* @nuclide Variables* @section Settings > Font size*//*** Font family: 'Outfit'* @nuclide Variables* @section Settings > Font family*//*** font-weight: Regular | Font family: Outfit* @nuclide Variables* @section Settings > Font weight*//*** font-weight: Medium | Font family: Outfit* @nuclide Variables* @section Settings > Font weight*//*** font-weight: Semi Bold | Font family: Outfit* @nuclide Variables* @section Settings > Font weight*//*** Font family: fuentes de ícono* @nuclide Variables* @section Settings > Font family*//*** Unidad mínima la retícula digital es 8 * el sistema de reticula se basa en incrementos verticales y horizontales de 8 píxeles.* Uso: multiplicar la variable por el número del incremento deseado. Ejemplo: $gutter * 2* @nuclide Variables* @section Settings > Gutter *//*** $canvas-with: Ancho del canvas en porcentajes* @nuclide Variables* @section Settings > Canvas*//*** $canvas-max-with: Máximo Ancho del canvas en pixeles * Grid 4 columnas: 240px * Grid 3 columnas: 320px * Grid 2 columnas: 480px * @nuclide Variables* @section Settings > Canvas*//*** Small* @nuclide Variables* @section Settings > Breakpoint predefinidos*//*** small-m* @nuclide Variables* @section Settings > Breakpoint predefinidos*//*** medium* @nuclide Variables* @section Settings > Breakpoint predefinidos*//*** wide* @nuclide Variables* @section Settings > Breakpoint predefinidos*//*** large* @nuclide Variables* @section Settings > Breakpoint predefinidos*//*** big* @nuclide Variables* @section Settings > Breakpoint predefinidos*//*** huge* @nuclide Variables* @section Settings > Breakpoint predefinidos*//*** $canvas-with: Transición para animaciones de elementos* @nuclide Variables* @section Settings > Transition*//*** Flexbox Containers display: flex. Utiliza el soporte nativo de los navegadores.* The 'flex' value causes an element to generate a block-level flex container box.* http://w3.org/tr/css3-flexbox/#flex-containers* @mixin* @section Flexbox prefix* @example*.foo {*@include flexbox*}*/@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400700900&display=swap")/*** Flexbox Containers display: inline-flex. Utiliza el soporte nativo de los navegadores.* The 'inline-flex' value causes an element to generate a inline-level flex container box.* http://w3.org/tr/css3-flexbox/#flex-containers* @mixin* @section Flexbox prefix* @example*.foo {*@include inline-flex*}*//*** Flexbox Direction.* The 'flex-direction' property specifies how flex items are placed in* the flex container by setting the direction of the flex container's main axis. * This determines the direction that flex items are laid out in.* http://w3.org/tr/css3-flexbox/#flex-direction-property* @mixin* @section Flexbox prefix* @param $value*Default: row ♣ * Values: row | row-reverse | column | column-reverse* @example*.foo {*@include flex-direction(column)*}*//*** Flexbox Wrap.* The 'flex-wrap' property controls whether the flex container is single-line* or multi-line and the direction of the cross-axis which determines* the direction new lines are stacked in.* No Webkit Box fallback.* http://w3.org/tr/css3-flexbox/#flex-wrap-property* @mixin* @section Flexbox prefix* @param $value*Default: nowrap ♣* Values: nowrap | wrap | wrap-reverse* @example*.foo {*@include flex-wrap(wrap)*}*//*** Flexbox Flow (shorthand).* The 'flex-flow' property is a shorthand for setting the 'flex-direction'* and 'flex-wrap' properties which together define the flex container's* main and cross axes.* No Webkit Box fallback.* http://w3.org/tr/css3-flexbox/#flex-flow-property* @mixin* @section Flexbox prefix* @param $values*Default: row nowrap ♣* Values: [flex-direction: row | row-reverse | column | column-reverse] | [flex-wrap: nowrap | wrap | wrap-reverse]* @example*.foo {*@include flex-flow(column nowrap)*}*//*** Flexbox Order.* The 'order' property controls the order in which flex items appear within* their flex container by assigning them to ordinal groups.* http://w3.org/tr/css3-flexbox/#order-property* @mixin* @section Flexbox prefix* @param $int*Default: 0* @example*.foo {*@include order(1)*}*//*** Flexbox Grow.* The 'flex-grow' property sets the flex grow factor. Negative numbers are invalid.* http://w3.org/tr/css3-flexbox/#flex-grow-property* @mixin* @section Flexbox prefix* @param $int*Default: 0* @example*.foo {*@include flex-grow(1)*}*//*** Flexbox Shrink.* The 'flex-shrink' property sets the flex shrink factor. Negative numbers are invalid.* http://w3.org/tr/css3-flexbox/#flex-shrink-property* @mixin* @section Flexbox prefix* @param $int*Default: 1* @example*.foo {*@include flex-grow(1)*}*//*** Flexbox Basis.* The 'flex-basis' property sets the flex basis. Negative lengths are invalid.* http://www.w3.org/TR/css3-flexbox/#flex-basis-property* @mixin* @section Flexbox prefix* @param $value*Default: auto ♣*Values: Like "width"* @example*.foo {*@include flex-basis(50%)*}*//*** Flexbox "Flex" (shorthand).* The 'flex' property specifies the components of a flexible length: the* flex grow factor and flex shrink factor and the flex basis. When an* element is a flex item 'flex' is consulted instead of the main size* property to determine the main size of the element. If an element is* not a flex item 'flex' has no effect.* http://w3.org/tr/css3-flexbox/#flex-property* @mixin* @section Flexbox prefix* @param $fg*Default: See individual properties (1 1 0). ♣*Values: none |* @param $fs*Default: See individual properties (1 1 0). ♣*Values: none |* @param $fb*Default: See individual properties (1 1 0). ♣*Values: none |* @example*.foo {*@include flex( 1 1 50%)*}*//*** Flexbox Justify Content.* The 'justify-content' property aligns flex items along the main axis* of the current line of the flex container. This is done after any flexible* lengths and any auto margins have been resolved. Typically it helps distribute* extra free space leftover when either all the flex items on a line are* inflexible or are flexible but have reached their maximum size. It also* exerts some control over the alignment of items when they overflow the line.* Note: 'space-*' values not supported in older syntaxes.* http://w3.org/tr/css3-flexbox/#justify-content-property* @mixin* @section Flexbox prefix* @param $value*Default: flex-start ♣*Values: flex-start | flex-end | center | space-between | space-around* @example*.foo {*@include justify-content(space-between)*}*//*** Flexbox Align Items.* Flex items can be aligned in the cross axis of the current line of the* flex container similar to 'justify-content' but in the perpendicular* direction. 'align-items' sets the default alignment for all of the flex* container's items including anonymous flex items. 'align-self' allows* this default alignment to be overridden for individual flex items. (For* anonymous flex items 'align-self' always matches the value of 'align-items'* on their associated flex container.)* http://w3.org/tr/css3-flexbox/#align-items-property* @mixin* @section Flexbox prefix* @param $value*Default: stretch ♣*Values: flex-start | flex-end | center | baseline | stretch* @example*.foo {*@include align-items(space-between)*}*//*** Flexbox Align Self.* https://www.w3.org/TR/css-flexbox-1/#propdef-align-self* @mixin* @section Flexbox prefix* @param $value*Default: auto ♣*Values: auto | flex-start | flex-end | center | baseline | stretch* @example*.foo {*@include align-self(flex-end)*}*//*** Flexbox Align Content.* The 'align-content' property aligns a flex container's lines within the* flex container when there is extra space in the cross-axis similar to* how 'justify-content' aligns individual items within the main-axis. Note* this property has no effect when the flexbox has only a single line.* http://w3.org/tr/css3-flexbox/#align-content-property* @mixin* @section Flexbox prefix* @param $value*Default: stretch ♣*Values: flex-start | flex-end | center | space-between | space-around | stretch* @example*.foo {*@include align-content(flex-end)*}*//*** Convertir valor de (px) a (rem) de cualquier propiedad agrega fallback en px para navegadores antiguos.** @mixin* @section Utils* @param $property Propiedad css ej. margin max-width etc..* @param $values Valor en px* @example*.foo {*@include px-to-rem(padding 20px 10px)*}*//*** Incluye Font-family propiedades fuente de iconos para pseudo elementos.* @mixin* @section Utils* @param $font-family Variable Font-family* @example*.foo {*Propiedades...*&:before {*@include font-family-ico($font-family-ico)*}*}*//*** keyframes mixin para animaciones CSS** @mixin* @section Utils* @param $animation-name Nombre que indica un @keyframes esta regla define los valores de las propiedades de la secuencia de animación.* @param animation-name Propiedad CSS que especifica las animaciones aplicadas al elemento seleccionado. Cada nombre indica un @keyframes.* @example*@include keyframes(slideIn) {*from {*margin-left: 100%*width: 300%*}*to {*margin-left: 0%*width: 100%*}*}*//- La propiedad CSS animation-name especifica una lista de animaciones que se deben aplicar al elemento seleccionado.*.ag-animation-slidein {*animation-name: slideIn*animation-duration: 3s*animation-iteration-count: 3*animation-direction: alternate*....*}*//*** Full query: Mediaquerys predefinidos para el proyecto.* Disponibles para 10 screen sizes diferentes.* Para modificarlos editar las variables definidas en los breakpoints.** @mixin* @section Utils* @param $breakpoint-value*♣ Breakpoint min-width*small: 375px | small-m: 480px | medium: 768px | wide: 1024px | big: 1280px | huge: 1440px | large: 1180px *♣ Breakpoint max-width*medium-max: 0 - 767px|wide-max: 0 - 1023px|large-max : 0 - 1179px** @example*|| small: breakpoint min-width: 375px --> $bp-small* @include media-query(small) {* PROPERTIES...* }*|| small-m: breakpoint min-width 540px --> $bp-small-m* @include media-query(small-m) {*PROPERTIES...* }*|| medium: breakpoint min-width 768px --> $bp-medium* @include media-query(medium) {*PROPERTIES...* }*|| medium-max: breakpoint max-width 0 - 767px* @include media-query(medium-max) {*PROPERTIES...* }*|| wide: breakpoint min-width 1024px --> $bp-wide* @include media-query(wide) {*PROPERTIES...* }*|| wide-max: breakpoint max-width 0 - 1023px* @include media-query(wide-max) {*PROPERTIES...* }*|| large: breakpoint min-width 1180px --> $bp-large* @include media-query(large) {*PROPERTIES...* }*|| huge: breakpoint min-width 1440px --> $bp-huge* @include media-query(huge) {*PROPERTIES...* } *|| huge-max: breakpoint max-width 0 - 1440px --> $bp-huge* @include media-query(huge-max) {*PROPERTIES...* } *|| large-max: breakpoint max-width 0 - 1179px* @include media-query(large-max) {*PROPERTIES...* }*|| big: breakpoint min-width 1280px --> $bp-big* @include media-query(big) {*PROPERTIES...* }*//*** Helper para insertar fácilmente mediaquery a un selector específico.** @mixin* @section Helpers* @param $breakpoint-value*♣ Breakpoint min-width*【 small: 375px | small-m: 480px | medium: 768px | wide: 1024px | big: 1280px | huge: 1440px | large: 1180px 】 *♣ Breakpoint max-width*【 medium-max: 0 - 767px|wide-max: 0 - 1023px|large-max : 0 - 1179px 】* @example*.foo {*PROPERTIES...*@include media-query-help(small) {*PROPERTIES...*}*}*|| Variables*♣ small : breakpoint min-width 375px*♣ medium: breakpoint min-width 768px*♣ medium-max: breakpoint max-width 0 - 767px*♣ wide: breakpoint min-width 1024px*♣ wide-max: breakpoint max-width 0 - 1023px*♣ large : breakpoint min-width 1180px*♣ huge: breakpoint min-width 1440px*♣ large-max : breakpoint max-width 0 - 1179px*♣ big : breakpoint min-width 1280px*//*** Center-translate: Centra horizontalmente o verticalmente un elemento en su contexto. Translación en un solo eje.** @mixin* @section Helpers* @param $axis *Valor eje translate*♣ Default: translateX*♣ Values: translateX | translateY * @example*.foo {*@include center-translate(translateY)*}*|| El @include se traducirá en:* .foo {* display: block* position: relative* top: 50%* -ms-transform : translateY(-50%)* -moz-transform : translateY(-50%)* -o-transform: translateY(-50%)* -webkit-transform: translateY(-50%)* transform: translateY(-50%)* }*//*** Centra horizontalmente o verticalmente un elemento en su contexto. Translación en un solo eje.** @mixin* @section Helpers* @param $justify*Default: center ♣*Values: center | flex-start | flex-end | space-between | space-around* @param $align*Default: center ♣*Values: center | flex-start | flex-end | baseline | stretch* @example*.foo {*@include center-flexbox*}*|| El @include se traducirá en:* .foo {* display: flex* justify-content: center* align-items: center* }*.foo {*@include center-flexbox(space-between)*}*|| El @include se traducirá en:* .foo {* display: flex* justify-content: space-between* align-items: center* }*.foo {*@include center-flexbox(center flex-start)*}*|| El @include se traducirá en:* .foo {* display: flex* justify-content: center* align-items: flex-start* }*//*** Borra la flotación de los elementos.** @mixin* @section Helpers* @example*.foo {*@include clearfix*}*|| El @include se traducirá en:* .foo:after {*content: ''*display: table*clear: both* }*/ /*** Aplica overflow ellipsis multiples lineas de texto.* Adición de CSS a un elemento que limitará la visibilidad del texto después de cierto punto. * La altura máxima en rem se calcula multiplicando:* (font-size) * (line-heigth) * (número de líneas que se quiera mostrar)** @mixin* @section Helpers* @param $font-size Valor tamaño de fuente en px.* @param $line-height Valor Alto de linea.* @param $lines Número de lineas a mostrar.* @example*.foo {*@include truncatechars(16px 1.4 3)*}*|| El @include se traducirá en:* .foo {*display: block*display: -webkit-box*max-height: 67.2px*max-height: 4.2rem*overflow: hidden*line-height: 1.4*-webkit-line-clamp: 3*-webkit-box-orient: vertical*text-overflow: ellipsis*font-size: 16px*font-size: 1rem* }*//*** Aplica overflow ellipsis multiples lineas de texto.* Adición de CSS a un elemento que limitará la visibilidad del texto después de cierto punto. * La altura máxima en rem se calcula multiplicando:* (font-size) * (line-heigth) * (número de líneas que se quiera mostrar)** @mixin* @section Helpers* @param $font-size Valor tamaño de fuente en px.* @param $line-height Valor Alto de linea.* @param $lines Número de lineas a mostrar.* @example*.foo {*@include truncatechars-change(16px 1.4 3)*}*|| Debe agregar font-size y line-height. El @include se traducirá en:* .foo {*max-height: 67.2px*max-height: 4.2rem* }*//*** Offset: compensa el ancho de su contenedor para que el elemento ocupe el 100% del ancho del viewport* ♣ Resta al 100% el ancho del canvas* ♣ el padding se puede ajustar a la necesidad del diseño* ♣ Se recomienda usar las variables:_var-canvas** @mixin* @section Helpers* @param $canvasWidth Valor ancho del canvas.* @param $elementPadding Valor del padding left y right* @example*|| Si usa variables prestablecidad para el ancho del canvas.*|| para este ejemplo $canvas-with equivale a 90%.*.foo {*@include offset-full('$canvas-with' 4%)*}*|| Si usa un valor en prcentajes no registrado: debe ser igual al valor del ancho de su contenedor*.foo {*@include offset-full(90% 4%)*}*|| El @include se traducirá en:* .foo {*margin-left: -5%*margin-right: -5%*padding-left: 4%*padding-right: 4%* }*/bodyh1 h2 h3 h4 h5 h6dl dd ol ul {margin: 0padding: 0}html {font-size: 16pxline-height: 1.15-ms-text-size-adjust: 100%-webkit-text-size-adjust: 100%}body * {-webkit-box-sizing: border-boxbox-sizing: border-box}articleasidefooterheadernavsection {display: block}h1 {font-size: 2em}figcaptionfiguremain {display: block}figurep {margin: 0}hr {-webkit-box-sizing: content-boxbox-sizing: content-boxheight: 0overflow: visible}a {background-color: transparent-webkit-text-decoration-skip: objects}a:active a:hover {outline-width: 0}abbr[title] {border-bottom: nonetext-decoration: underline-webkit-text-decoration: underline dottedtext-decoration: underline dotted}abbr[title]dfn[title] {cursor: help}bstrong {font-weight: inheritfont-weight: bolder}codeprekbdsamp {font-family: monospace monospacefont-size: 1em}dfn {font-style: italic}mark {background-color: #ff0color: #000}small {font-size: 80%}subsup {font-size: 75%line-height: 0position: relativevertical-align: baseline}sub {bottom: -0.25em}sup {top: -0.5em}blockquote {margin: 0}audiovideo {display: inline-blockvertical-align: baseline}audio:not([controls]) {display: noneheight: 0}img {border-style: nonevertical-align: bottommax-width: 100%height: auto}svg:not(:root) {overflow: hidden}input {line-height: normal}buttoninputoptgroupselecttextarea {font-family: sans-seriffont-size: 100%line-height: 1.15margin: 0}buttoninput {overflow: visible}buttonselect {text-transform: none}button {background-color: transparent}optgroup {font-weight: bold}buttonhtml [type=button][type=reset][type=submit] {-webkit-appearance: buttoncursor: pointer}button::-moz-focus-inner[type=button]::-moz-focus-inner[type=reset]::-moz-focus-inner[type=submit]::-moz-focus-inner {border-style: nonepadding: 0}button:-moz-focusring[type=button]:-moz-focusring[type=reset]:-moz-focusring[type=submit]:-moz-focusring {outline: 1px dotted ButtonText}input[type=number]::-webkit-inner-spin-buttoninput[type=number]::-webkit-outer-spin-button {height: auto}fieldset {margin: 0 2pxpadding: 0.35em 0.75em 0.625em}legend {-webkit-box-sizing: border-boxbox-sizing: border-boxcolor: inheritdisplay: tablemax-width: 100%padding: 0white-space: normalborder: 0}progress {display: inline-blockvertical-align: baseline}textarea {overflow: auto}[type=checkbox][type=radio] {-webkit-box-sizing: border-boxbox-sizing: border-boxpadding: 0}[type=number]::-webkit-inner-spin-button[type=number]::-webkit-outer-spin-button {height: auto}[type=search] {-webkit-appearance: textfieldoutline-offset: -2px}[type=search]::-webkit-search-cancel-button[type=search]::-webkit-search-decoration {-webkit-appearance: none}::-webkit-file-upload-button {-webkit-appearance: buttonfont: inherit}table {border-collapse: collapseborder-spacing: 0}td th {padding: 0}detailsmenu {display: block}summary {display: list-item}canvas {display: inline-block}template {display: none}[hidden] {display: none}/*---------------------------------------------*\#font-face$font-family-ico: "ico-chl-fee-product" !defaultURL custom fonts: https://fonts.google.com/share?selection.family=Outfit:wght@400500600\*---------------------------------------------*/.ag-o-canvas {width: 95%max-width: 1190pxmax-width: 74.375remmargin-left: automargin-right: auto}html {scroll-behavior: smooth-webkit-overflow-scrolling: touch}body {background-color: #fff}.ag-o-surface_bg.ag-o-surface_dark {color: #fff}.ag-o-surface_bg {background-size: coverbackground-position: centerbackground-repeat: no-repeat}.ag-o-surface_dark {background-color: #000000}@media only screen and (max-width: 767px) {.ag-o-section.ag-o-surface {padding: 16px 0}.ag-o-surface_bg {max-height: 800pxmin-height: 800px}}@media (min-width: 768px) and (max-width: 1200px) {.ag-o-section.ag-o-surface {padding: 40px 0}.ag-o-surface_bg {max-height: 670pxmin-height: 670px}}@media only screen and (min-width: 1201px) {.ag-o-section.ag-o-surface {padding: 64px 0}.ag-o-surface_bg {max-height: 970pxmin-height: 970px}}h1h2h3h4h5h6 {font-family: "Montserrat" sans-seriffont-weight: 400line-height: 1.2color: inherit}.ag-o-kicker {letter-spacing: 1.12px}.ag-o-kicker_yellow {color: #F6CA44}.ag-o-kicker_primary30 {color: #11A3DE}.ag-o-headline {max-width: 600pxmargin: 0 autotext-align: center}.ag-o-headline .ag-o-title {margin-bottom: 16px}.ag-o-headline_w900 {max-width: 900px}@media (max-width: 768px) {.ag-o-kicker {font-size: 14px}}@media only screen and (max-width: 1199px) {.ag-o-title {font-size: 32pxfont-size: 2rem}.ag-o-subtitle {font-size: 24px}}@media only screen and (min-width: 1200px) {.ag-o-title {font-size: 48pxfont-size: 3rem}.ag-o-subtitle {font-size: 36px}}html.theme {color: #151515font-size: 100%}body.ag-o-text {line-height: 1.8color: inheritfont-family: "Montserrat" sans-seriffont-weight: 400font-size: 16pxfont-size: 1rem}.ag-o-text_neutro {color: #fff}.ag-o-text_primary-40 {color: #00A4D0}.ag-o-bold {font-weight: 700}@media (min-width: 801px) {.ag-o-text {font-size: 18pxfont-size: 1.125rem}}.ag-o-box-copy {display: blockwidth: -webkit-fit-contentwidth: -moz-fit-contentwidth: fit-contentpadding-bottom: 7pxpadding-bottom: 0.4375rempadding-top: 7pxpadding-top: 0.4375rempadding-left: 16pxpadding-left: 1rempadding-right: 16pxpadding-right: 1rembackground-color: #E3F3FDfont-size: 16pxfont-size: 1remfont-weight: 600color: #151515}.ag-o-box-copy_margin-top {margin-top: 16pxmargin-top: 1rem}.ag-o-box-copy_margin-bottom {margin-bottom: 56pxmargin-bottom: 3.5rem}.ag-o-box-copy__yellow {color: #151515background-color: #F6CA44}.ag-o-box-copy__dark {color: #fffbackground-color: #0B111F}@media only screen and (min-width: 768px) {.ag-o-box-copy {padding-bottom: 10pxpadding-bottom: 0.625rempadding-bottom: 10pxpadding-bottom: 0.625remfont-size: 24pxfont-size: 1.5rem}}.ag-o-img {width: 100%}.ag-o-list {max-width: 620pxmax-width: 38.75rem}.ag-o-list__item {display: -webkit-boxdisplay: -ms-flexboxdisplay: flex-webkit-box-direction: normal-webkit-box-orient: vertical-moz-flex-direction: column-ms-flex-direction: columnflex-direction: columntext-align: centerrow-gap: 16pxrow-gap: 1rem-webkit-box-align: center-ms-flex-align: center-moz-align-items: centeralign-items: centermargin-bottom: 32pxmargin-bottom: 2rem}.ag-o-list__img {max-width: -webkit-fit-contentmax-width: -moz-fit-contentmax-width: fit-contentmax-width: 35pxmax-width: 2.1875rem}.ag-o-list__img_margin {margin-top: 32pxmargin-top: 2rem}.ag-o-list__text {font-weight: 600}.ag-o-list__item_align-left {-webkit-box-direction: normal-webkit-box-orient: horizontal-moz-flex-direction: row-ms-flex-direction: rowflex-direction: row-webkit-column-gap: 16px-moz-column-gap: 16pxcolumn-gap: 16px-webkit-column-gap: 1rem-moz-column-gap: 1remcolumn-gap: 1remtext-align: left}@media only screen and (min-width: 768px) {.ag-o-list__item {-webkit-box-orient: horizontal-webkit-box-direction: normal-ms-flex-direction: rowflex-direction: row-webkit-column-gap: 16px-moz-column-gap: 16pxcolumn-gap: 16px-webkit-column-gap: 1rem-moz-column-gap: 1remcolumn-gap: 1rem}.ag-o-list__text {font-size: 19pxfont-size: 1.1875remtext-align: left}}.ag-o-bullet {position: relativedisplay: -webkit-boxdisplay: -ms-flexboxdisplay: flex-webkit-box-pack: center-ms-flex-pack: center-moz-justify-content: centerjustify-content: center-webkit-box-align: center-ms-flex-align: center-moz-align-items: centeralign-items: centercolor: #fffborder: 2px solid #fffborder-radius: 100%margin-bottom: 24pxmargin-bottom: 1.5remwidth: 64pxwidth: 4remmin-width: 64pxmin-width: 4remmin-height: 64pxmin-height: 4remfont-size: 33pxfont-size: 2.0625rem}.ag-o-bullet::after {content: ""position: absoluteheight: 2pxwidth: 63vwright: 0left: 124pxbackground-color: #0B111F}.ag-o-bullet_dark {color: #0B111Fborder-color: #0B111F}.ag-o-bullet_line-none::after {display: none}@media only screen and (min-width: 768px) {.ag-o-header-bullet {display: -webkit-boxdisplay: -ms-flexboxdisplay: flex-webkit-column-gap: 56px-moz-column-gap: 56pxcolumn-gap: 56px-webkit-column-gap: 3.5rem-moz-column-gap: 3.5remcolumn-gap: 3.5rem}.ag-o-bullet {-webkit-box-ordinal-group: 3-ms-flex-order: 2order: 2width: 107pxwidth: 6.6875remheight: 107pxheight: 6.6875remmin-width: 107pxmin-width: 6.6875remmin-height: 107pxmin-height: 6.6875remfont-size: 56pxfont-size: 3.5rem}}@media only screen and (max-width: 1200px) {.ag-o-bullet::after {display: none}}@media only screen and (min-width: 1200px) {.ag-o-header-bullet {-webkit-box-direction: normal-webkit-box-orient: vertical-moz-flex-direction: column-ms-flex-direction: columnflex-direction: column}.ag-o-bullet {-webkit-box-ordinal-group: initial-ms-flex-order: initialorder: initial}}.ag-o-underline_light.ag-o-underline_dark {max-width: 486pxmax-width: 30.375remmargin-top: 32pxmargin-top: 2rempadding-bottom: 24pxpadding-bottom: 1.5rem}.ag-o-underline_light {border-bottom: 1px solid #fff}.ag-o-underline_dark {border-bottom: 1px solid #151515}@media only screen and (max-width: 767px) {.ag-o-underline_light.ag-o-underline_dark {border-bottom: none}}@media only screen and (min-width: 768px) {.ag-o-underline_light.ag-o-underline_dark {font-size: 20pxfont-size: 1.25rem}.ag-o-underline_dark-bold {font-size: 48pxfont-size: 3rem}}@media only screen and (min-width: 768px) and (max-width: 1199px) {.ag-o-underline_absolute {position: absoluteright: 0bottom: 25%max-width: initialwidth: 54%}}.ag-o-caption-ico {position: relativemargin-top: 32pxmargin-top: 2rempadding-top: 32pxpadding-top: 2rempadding-right: 24pxpadding-right: 1.5rempadding-left: 24pxpadding-left: 1.5rem}.ag-o-caption-ico::before {content: ""position: absolutetop: 0left: 0width: 100%height: 4pxheight: 0.25rembackground: -webkit-gradient(linear right top left top from(#FB2A98) to(#6CDDFF))background: linear-gradient(270deg #FB2A98 0% #6CDDFF 100%)}.ag-o-caption-ico__content {-webkit-column-gap: 24px-moz-column-gap: 24pxcolumn-gap: 24px-webkit-column-gap: 1.5rem-moz-column-gap: 1.5remcolumn-gap: 1.5remmax-width: 360pxmax-width: 22.5rem}.ag-o-caption-ico__img {max-width: 70pxmax-width: 4.375rem}@media only screen and (max-width: 800px) {.ag-o-caption-ico_dk {display: none}}@media only screen and (min-width: 1200px) {.ag-o-caption-ico_mb {display: none}}@media only screen and (max-width: 1200px) {.ag-o-caption-ico__content {margin-right: automargin-left: auto}.ag-o-caption-ico_dk {display: none}}/*** Class: u-hidden display none* @atom Ocultar elemento* @section Utils* @markup* * Twitter * */.u-hidden {display: noneposition: absolutetop: 1000pxright: 1000pxopacity: 0visibility: hidden}/*** Class: u-inherit-color Color de texto heredado del color especificado para el texto del bloque padre.* @atom Color heredado* @section Utils* @markup* *Color de texto heredado* */.u-inherit-color {color: inherit}.u-blue-mark {color: inherit}.u-display-block {display: block}.u-position-relative {position: relative}/*** Class: u-rounded Le da un borde redondeado de 8px al elemento.* @atom Borde redondeado* @section Utils* @markup* *Color de texto heredado* */.u-rounded {border-radius: 8pxborder-radius: 0.5rem}/*** Class: u-hidden-mb display none* @atom Ocultar elemento en Mobile* @section Utils* @markup* * Twitter * */@media only screen and (max-width: 940px) {.u-hidden-mb {display: none}}/*** Class: u-hidden-dk display none* @atom Ocultar elemento en Desktop* @section Utils* @markup* * Twitter * */@media only screen and (min-width: 940px) {.u-hidden-dk {display: none}}@media only screen and (min-width: 1200px) {.u-padding-left-95 {padding-left: 95pxpadding-left: 5.9375rem}}.ag-c-footer {text-align: centerpadding-top: 56pxpadding-top: 3.5rempadding-bottom: 56pxpadding-bottom: 3.5rem}.ag-c-footer__img {max-width: 160pxmax-width: 10remmargin-bottom: 24pxmargin-bottom: 1.5rem}.ag-c-footer__paragraph {text-align: centermargin-bottom: 24pxmargin-bottom: 1.5remcolor: #F2F2F2font-size: 14pxfont-size: 0.875rem}@media only screen and (min-width: 768px) {.ag-c-footer__img {max-width: 253pxmax-width: 15.8125rem}.ag-c-footer__paragraph {margin-bottom: 0font-size: 12pxfont-size: 0.75rem}}@media only screen and (min-width: 1200px) {.ag-c-footer__img {max-width: 341pxmax-width: 21.3125rem}}.ag-c-zig-zag-section_surface {background-color: #F2F2F2}.ag-c-zig-zag_bg {background-color: #F2F2F2}.ag-c-zig-zag__img {height: 100%-o-object-fit: coverobject-fit: cover-o-object-position: leftobject-position: left}@media (max-width: 767px) {.ag-c-zig-zag__figure {height: 360px}.ag-c-zig-zag__header {padding: 24px}.ag-c-zig-zag__title {margin: 8px 0}}@media (min-width: 768px) {.ag-c-zig-zag {display: -webkit-boxdisplay: -ms-flexboxdisplay: flex-webkit-box-orient: horizontal-webkit-box-direction: reverse-ms-flex-direction: row-reverseflex-direction: row-reverse}.ag-c-zig-zag.ag-c-zig-zag_right {-webkit-box-orient: horizontal-webkit-box-direction: normal-ms-flex-direction: rowflex-direction: row}.ag-c-zig-zag__figure.ag-c-zig-zag__content {-webkit-box-flex: 1-ms-flex: 1 50%flex: 1 50%}.ag-c-zig-zag__content {position: relative}.ag-c-zig-zag_shadow .ag-c-zig-zag__content::before {content: ""position: absolutetop: 0right: -212pxbottom: 0left: autowidth: 212pxbackground: -webkit-gradient(linear right top left top from(#FFF) to(rgba(217 217 217 0)))background: linear-gradient(270deg #FFF 0% rgba(217 217 217 0) 100%)-webkit-transform: rotate(180deg)transform: rotate(180deg)}.ag-c-zig-zag_right.ag-c-zig-zag_shadow .ag-c-zig-zag__content::before {-webkit-transform: rotate(0)transform: rotate(0)right: 0left: -212px}.ag-c-zig-zag__header {display: -webkit-boxdisplay: -ms-flexboxdisplay: flex-webkit-box-orient: vertical-webkit-box-direction: normal-ms-flex-direction: columnflex-direction: column-webkit-box-pack: center-ms-flex-pack: centerjustify-content: centerheight: 100%row-gap: 16pxmax-width: 450pxmargin-left: automargin-right: autopadding: 60px 0}.ag-c-zig-zag__img {height: 100%-o-object-fit: coverobject-fit: cover}}@media (max-width: 1199px) {.ag-c-zig-zag__title {max-width: 300px}}@media (min-width: 768px) and (max-width: 1200px) {.ag-c-zig-zag__header {padding: 40px}}@media (min-width: 1200px) {.ag-c-zig-zag__figure.ag-c-zig-zag__figure_70 {-webkit-box-flex: 1-ms-flex: 1 70%flex: 1 70%}}.c-media {display: blockwidth: 100%margin: 0 auto}@media only screen and (max-width: 767px) {.c-media {width: 90%height: 180pxheight: 11.25rem}}@media (min-width: 768px) and (max-width: 1200px) {.c-media {max-width: 600pxmax-width: 37.5remheight: 360pxheight: 22.5rempadding: 24px 0padding: 1.5rem 0}}@media only screen and (min-width: 1201px) {.c-media {max-width: 1064pxmax-width: 66.5remheight: 600pxheight: 37.5rempadding: 32px 0padding: 2rem 0}}.ag-c-hero__img {width: 100%height: 100%-o-object-fit: coverobject-fit: cover}.ag-c-hero__title {margin: 16px 0}@media only screen and (max-width: 767px) {.ag-c-hero__picture {display: blockmax-height: 400pxoverflow: hidden}.ag-c-hero__header {padding: 24px 24px 32pxcolor: #fffbackground-color: #000000}.ag-c-hero__title {font-size: 42px}}@media (min-width: 768px) {.ag-c-hero {display: -webkit-boxdisplay: -ms-flexboxdisplay: flex-webkit-box-align: center-ms-flex-align: centeralign-items: centerposition: relative}.ag-c-hero::before {content: ""position: absolutetop: 0left: 0right: 0bottom: 0background: linear-gradient(91deg #000 7% rgba(0 0 0 0) 75.57%)width: 100%height: 100%z-index: 1}.ag-c-hero__picture {position: absolutewidth: 100%height: 100%}.ag-c-hero__header {max-width: 620pxz-index: 2position: relativepadding-left: 80pxcolor: #fff}.ag-c-hero__paragraph {max-width: 600px}}@media (min-width: 768px) and (max-width: 1200px) {.ag-c-hero {min-height: 520px}.ag-c-hero__title {font-size: 48px}}@media only screen and (min-width: 1200px) {.ag-c-hero {min-height: 720px}.ag-c-hero__title {font-size: 64px}.ag-c-hero__header {padding-left: 120px}}.ag-c-banner_dark {color: #151515}.ag-c-banner__figure {display: blockmax-width: 800pxmargin: 40px auto 0}@media only screen and (min-width: 768px) {.ag-o-surface_decorative {position: relative}.ag-o-surface_decorative::before {content: url("./static/images/nevera-sidebyside/hoja_decorativa.svg")display: blockposition: absolutebottom: -100pxz-index: 1500}}@media only screen and (max-width: 767px) {.ag-o-surface_bg.nevera-sidebysidecr356 {background-image: url("./static/images/nevera-sidebyside/banner_cr356_mb.jpg")}.ag-o-surface_bg.nevera-sidebysidecr356.is-banner-center {background-image: url("./static/images/nevera-sidebyside/banner_center_cr356_mb.jpg")}}@media (min-width: 768px) and (max-width: 1200px) {.ag-o-surface_bg.nevera-sidebysidecr356 {background-image: url("./static/images/nevera-sidebyside/banner_cr356_tablet.jpg")}.ag-o-surface_bg.nevera-sidebysidecr356.is-banner-center {background-image: url("./static/images/nevera-sidebyside/banner_center_cr356_tablet.jpg")}}@media only screen and (min-width: 1201px) {.ag-o-surface_bg.nevera-sidebysidecr356 {background-image: url("./static/images/nevera-sidebyside/banner_cr356_dk.jpg")}.ag-o-surface_bg.nevera-sidebysidecr356.is-banner-center {background-image: url("./static/images/nevera-sidebyside/banner_center_cr356_dk.jpg")}} NEVERA TWIN CR 356 El control de tu refrigeración a un solo toque Convierte tu cocina en un centro de innovación con esta avanzada nevera. Olvídate de las perillas complicadas y las configuraciones confusas. La interfaz táctil te brinda una experiencia de usuario intuitiva y moderna llevando el arte de la refrigeración a las yemas de tus dedos. No Frost Di adiós a la molesta escarcha con nuestro sistema No Frost. Mantén tus alimentos impecables y libres de hielo mientras disfrutas de un espacio organizado y limpio en tu nevera. ¡Sin esfuerzo sin complicaciones! Control electrónico de temperatura tipo touch Con un toque podrás personalizar la temperatura según tus necesidades y preferencias. Nuestro control electrónico multifunción te permite ajustar la temperatura de forma precisa y sencilla.FUNCIONALIDAD Arma tu nevecón con el congelador Twin CV 274 Imagina tener un espacio perfectamente adaptado a tu estilo de vida. Con nuestro congelador CV 274 podrás almacenar tus alimentos congelados de manera eficiente y organizada. Mientras que con la nevera CR 365 disfrutarás de un amplio espacio para tus alimentos frescos y bebidas.FUNCIONALIDAD Sentido de apertura adaptable Permite elegir el sentido de apertura que mejor se adapte a tu espacio y estilo de cocina. ¡La flexibilidad está en tus manos! Con nuestro diseño inteligente hacerlo es fácil y rápido.HIGIENE Liberando el poder de la limpieza Nuestro empaque magnético removible es una verdadera maravilla. Gracias a su diseño inteligente el empaque se puede retirar de manera sencilla para acceder a todas las áreas interiores.INTERIOR Espacioso compartimento para verduras El espacioso y resistente compartimento para verduras es más grande que el promedio de la industria y se desliza hacia adentro y hacia afuera sin esfuerzo.VENTILACIÓN Ventilador centrífugo DC silencioso Potente y silencioso garantiza una distribución uniforme de aire frío para una conservación óptima de tus alimentos.DIMENSIONES Tecnología avanzada y diseño excepcional La nevera CR 356 también destaca por su diseño elegante y moderno que complementará a la perfección cualquier estilo de cocina. Sus líneas sofisticadas y acabados de alta calidad harán que tu cocina brille con estilo y distinción.Todos los derechos reservados Challenger 2020. Todas las marcas e imágenes son propiedad de Challenger. Queda prohibida la reproducción total o parcial de cualquier contenido sin autorización expresa.