@charset "UTF-8"; /*--------------------------------------------------------------- >>> TABLA DE CONTENIDOS: ----------------------------------------------------------------- # Tipografia # Normalize # Global CSS # Header # Home # Listing # Producto ## Detalle ## Miniature # Carrito # Customer ## Authentification ## My-Account ## Identity ## History # Checkout # CMS ## CONTACT # Errors ##404 # Footer --------------------------------------------------------------*/ /*------------------------------------------------------------- # Mixins y variables --------------------------------------------------------------*/ /** Box-shadow **/ /** Placeholder Color **/ /** Transition **/ /** Transform **/ /** Border Radius **/ /** Flex **/ /** Opacity **/ /** Placeholder **/ /** Border Radius por lado **/ /** Border Radius Esquina superior izquierda **/ /** Border Radius Esquina superior derecha **/ /** Border Radius Esquina inferior izquierda **/ /** Border Radius Esquina inferio derecha **/ /*------------------------------------------------------------- # Variables de pantalla --------------------------------------------------------------*/ /*------------------------------------------------------------- # COLORES --------------------------------------------------------------*/ /** Colores principales **/ /** Botones principales **/ /** Botones secundarios **/ /** Botones info **/ /** Botones add to cart **/ /** Color de los enlaces **/ /** Header config **/ /** Footer config **/ /** Colores de precios **/ /** Colores de flags **/ /*------------------------------------------------------------- # Otras Variables --------------------------------------------------------------*/ /** Directorio de imágenes **/ /** Configuración del grid **/ /** Anchura máxima en desktop **/ /*------------------------------------------------------------- # Tipografia --------------------------------------------------------------*/ /** OPENS SANS LIGHT, REGULAR, SEMI BOLD, BOLD, EXTRA BOLD **/ @import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800"); /******** Tipografías ********/ @font-face { font-family: 'Hanken-Black'; src: url("../fonts/Hanken_Grotesk/HankenGrotesk-Black.ttf") format("truetype"); } @font-face { font-family: 'Hanken-Bold'; src: url("../fonts/Hanken_Grotesk/HankenGrotesk-Bold.ttf") format("truetype"); } @font-face { font-family: 'Hanken-Semibold'; src: url("../fonts/Hanken_Grotesk/HankenGrotesk-SemiBold.ttf") format("truetype"); } @font-face { font-family: 'Hanken-Medium'; src: url("../fonts/Hanken_Grotesk/HankenGrotesk-Medium.ttf") format("truetype"); } @font-face { font-family: 'Hanken-Regular'; src: url("../fonts/Hanken_Grotesk/HankenGrotesk-Regular.ttf") format("truetype"); } @font-face { font-family: 'Gazpacho'; src: url("../fonts/Gazpacho/GazpachoBlack.otf") format("opentype"); } Body { font-family: 'Hanken-Regular'; } /*------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ /*------------------------------------------------------------- # CONTAINER --------------------------------------------------------------*/ .container { max-width: 1385px; width: 100%; } /*------------------------------------------------------------- # COLOR PRECIOS --------------------------------------------------------------*/ .product-price, .has-discount.product-price, .has-discount p { color: #434343; } .product-discount { color: #434343; } .has-discount .discount { background: #434343; } /*------------------------------------------------------------- # COLOR ENLACES --------------------------------------------------------------*/ a, .dropdown, .nav-item .nav-link.active, .nav-item .nav-separtor.active { color: #434343; -webkit-transition: all 0.1s ease-out; /* Safari */ -moz-transition: all 0.1s ease-out; /* Mozilla */ -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } a:hover, a:active, a:focus, .dropdown:hover, .dropdown:active, .dropdown:focus, .nav-item .nav-link.active:hover, .nav-item .nav-link.active:active, .nav-item .nav-link.active:focus, .nav-item .nav-separtor.active:hover, .nav-item .nav-separtor.active:active, .nav-item .nav-separtor.active:focus { color: #FF671D; -webkit-transition: all 0.2s ease-in; /* Safari */ -moz-transition: all 0.2s ease-in; /* Mozilla */ -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } a:hover .expand-more, a:active .expand-more, a:focus .expand-more, .dropdown:hover .expand-more, .dropdown:active .expand-more, .dropdown:focus .expand-more, .nav-item .nav-link.active:hover .expand-more, .nav-item .nav-link.active:active .expand-more, .nav-item .nav-link.active:focus .expand-more, .nav-item .nav-separtor.active:hover .expand-more, .nav-item .nav-separtor.active:active .expand-more, .nav-item .nav-separtor.active:focus .expand-more { color: #FF671D; -webkit-transition: all 0.2s ease-in; /* Safari */ -moz-transition: all 0.2s ease-in; /* Mozilla */ -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } /*------------------------------------------------------------- # COLOR BOTONES --------------------------------------------------------------*/ .btn-primary, #category #wrapper #content-wrapper .pagination > div .page-list > li .next, #category #wrapper #content-wrapper .pagination > div .page-list > li .previous, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous, #search #wrapper #content-wrapper .pagination > div .page-list > li .next, #search #wrapper #content-wrapper .pagination > div .page-list > li .previous { background-color: transparent; color: #FF671D; -webkit-transition: all 0.2s ease-in; /* Safari */ -moz-transition: all 0.2s ease-in; /* Mozilla */ -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; border: 2px solid #FF671D; /* Hover se mantienen para que no surta efecto el hover azul del tema classic */ } .btn-primary:hover, #category #wrapper #content-wrapper .pagination > div .page-list > li .next:hover, #category #wrapper #content-wrapper .pagination > div .page-list > li .previous:hover, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next:hover, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous:hover, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next:hover, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous:hover, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next:hover, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous:hover, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next:hover, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous:hover, #search #wrapper #content-wrapper .pagination > div .page-list > li .next:hover, #search #wrapper #content-wrapper .pagination > div .page-list > li .previous:hover, .btn-primary:focus, #category #wrapper #content-wrapper .pagination > div .page-list > li .next:focus, #category #wrapper #content-wrapper .pagination > div .page-list > li .previous:focus, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next:focus, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous:focus, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next:focus, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous:focus, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next:focus, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous:focus, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next:focus, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous:focus, #search #wrapper #content-wrapper .pagination > div .page-list > li .next:focus, #search #wrapper #content-wrapper .pagination > div .page-list > li .previous:focus, .btn-primary.focus, #category #wrapper #content-wrapper .pagination > div .page-list > li .focus.next, #category #wrapper #content-wrapper .pagination > div .page-list > li .focus.previous, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .focus.next, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .focus.previous, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .focus.next, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .focus.previous, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .focus.next, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .focus.previous, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .focus.next, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .focus.previous, #search #wrapper #content-wrapper .pagination > div .page-list > li .focus.next, #search #wrapper #content-wrapper .pagination > div .page-list > li .focus.previous, .btn-primary:target, #category #wrapper #content-wrapper .pagination > div .page-list > li .next:target, #category #wrapper #content-wrapper .pagination > div .page-list > li .previous:target, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next:target, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous:target, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next:target, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous:target, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next:target, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous:target, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next:target, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous:target, #search #wrapper #content-wrapper .pagination > div .page-list > li .next:target, #search #wrapper #content-wrapper .pagination > div .page-list > li .previous:target { border-color: #FF671D; color: #FF671D; background-color: transparent; outline: none; } .btn-primary:active:hover, #category #wrapper #content-wrapper .pagination > div .page-list > li .next:active:hover, #category #wrapper #content-wrapper .pagination > div .page-list > li .previous:active:hover, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next:active:hover, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous:active:hover, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next:active:hover, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous:active:hover, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next:active:hover, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous:active:hover, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next:active:hover, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous:active:hover, #search #wrapper #content-wrapper .pagination > div .page-list > li .next:active:hover, #search #wrapper #content-wrapper .pagination > div .page-list > li .previous:active:hover, .btn-primary:active.focus, #category #wrapper #content-wrapper .pagination > div .page-list > li .next:active.focus, #category #wrapper #content-wrapper .pagination > div .page-list > li .previous:active.focus, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next:active.focus, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous:active.focus, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next:active.focus, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous:active.focus, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next:active.focus, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous:active.focus, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next:active.focus, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous:active.focus, #search #wrapper #content-wrapper .pagination > div .page-list > li .next:active.focus, #search #wrapper #content-wrapper .pagination > div .page-list > li .previous:active.focus, .btn-primary:active:focus, #category #wrapper #content-wrapper .pagination > div .page-list > li .next:active:focus, #category #wrapper #content-wrapper .pagination > div .page-list > li .previous:active:focus, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next:active:focus, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous:active:focus, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next:active:focus, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous:active:focus, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next:active:focus, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous:active:focus, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next:active:focus, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous:active:focus, #search #wrapper #content-wrapper .pagination > div .page-list > li .next:active:focus, #search #wrapper #content-wrapper .pagination > div .page-list > li .previous:active:focus, .btn-primary:active:target, #category #wrapper #content-wrapper .pagination > div .page-list > li .next:active:target, #category #wrapper #content-wrapper .pagination > div .page-list > li .previous:active:target, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next:active:target, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous:active:target, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next:active:target, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous:active:target, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next:active:target, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous:active:target, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next:active:target, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous:active:target, #search #wrapper #content-wrapper .pagination > div .page-list > li .next:active:target, #search #wrapper #content-wrapper .pagination > div .page-list > li .previous:active:target, .btn-primary.active:hover, #category #wrapper #content-wrapper .pagination > div .page-list > li .active.next:hover, #category #wrapper #content-wrapper .pagination > div .page-list > li .active.previous:hover, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .active.next:hover, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .active.previous:hover, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .active.next:hover, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .active.previous:hover, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .active.next:hover, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .active.previous:hover, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .active.next:hover, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .active.previous:hover, #search #wrapper #content-wrapper .pagination > div .page-list > li .active.next:hover, #search #wrapper #content-wrapper .pagination > div .page-list > li .active.previous:hover, .btn-primary.active.focus, #category #wrapper #content-wrapper .pagination > div .page-list > li .active.focus.next, #category #wrapper #content-wrapper .pagination > div .page-list > li .active.focus.previous, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .active.focus.next, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .active.focus.previous, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .active.focus.next, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .active.focus.previous, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .active.focus.next, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .active.focus.previous, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .active.focus.next, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .active.focus.previous, #search #wrapper #content-wrapper .pagination > div .page-list > li .active.focus.next, #search #wrapper #content-wrapper .pagination > div .page-list > li .active.focus.previous, .btn-primary.active:focus, #category #wrapper #content-wrapper .pagination > div .page-list > li .active.next:focus, #category #wrapper #content-wrapper .pagination > div .page-list > li .active.previous:focus, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .active.next:focus, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .active.previous:focus, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .active.next:focus, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .active.previous:focus, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .active.next:focus, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .active.previous:focus, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .active.next:focus, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .active.previous:focus, #search #wrapper #content-wrapper .pagination > div .page-list > li .active.next:focus, #search #wrapper #content-wrapper .pagination > div .page-list > li .active.previous:focus, .btn-primary.active:target, #category #wrapper #content-wrapper .pagination > div .page-list > li .active.next:target, #category #wrapper #content-wrapper .pagination > div .page-list > li .active.previous:target, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .active.next:target, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .active.previous:target, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .active.next:target, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .active.previous:target, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .active.next:target, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .active.previous:target, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .active.next:target, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .active.previous:target, #search #wrapper #content-wrapper .pagination > div .page-list > li .active.next:target, #search #wrapper #content-wrapper .pagination > div .page-list > li .active.previous:target { border-color: #FF671D; color: #FF671D; background-color: transparent; outline: none; } .btn-primary.disabled, #category #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next, #category #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous, #search #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next, #search #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous, .btn-primary:disabled, #category #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled, #category #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled, #search #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled, #search #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled { opacity: 0.38; filter: alpha(opacity=38); color: #FF671D; } .btn-primary.disabled:hover, #category #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next:hover, #category #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous:hover, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next:hover, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous:hover, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next:hover, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous:hover, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next:hover, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous:hover, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next:hover, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous:hover, #search #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next:hover, #search #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous:hover, .btn-primary.disabled:focus, #category #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next:focus, #category #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous:focus, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next:focus, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous:focus, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next:focus, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous:focus, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next:focus, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous:focus, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next:focus, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous:focus, #search #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next:focus, #search #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous:focus, .btn-primary.disabled.focus, #category #wrapper #content-wrapper .pagination > div .page-list > li .disabled.focus.next, #category #wrapper #content-wrapper .pagination > div .page-list > li .disabled.focus.previous, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .disabled.focus.next, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .disabled.focus.previous, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .disabled.focus.next, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .disabled.focus.previous, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .disabled.focus.next, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .disabled.focus.previous, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .disabled.focus.next, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .disabled.focus.previous, #search #wrapper #content-wrapper .pagination > div .page-list > li .disabled.focus.next, #search #wrapper #content-wrapper .pagination > div .page-list > li .disabled.focus.previous, .btn-primary.disabled:active, #category #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next:active, #category #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous:active, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next:active, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous:active, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next:active, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous:active, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next:active, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous:active, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next:active, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous:active, #search #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next:active, #search #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous:active, .btn-primary.disabled:target, #category #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next:target, #category #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous:target, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next:target, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous:target, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next:target, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous:target, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next:target, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous:target, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next:target, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous:target, #search #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next:target, #search #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous:target, .btn-primary:disabled:hover, #category #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:hover, #category #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:hover, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:hover, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:hover, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:hover, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:hover, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:hover, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:hover, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:hover, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:hover, #search #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:hover, #search #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:hover, .btn-primary:disabled:focus, #category #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:focus, #category #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:focus, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:focus, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:focus, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:focus, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:focus, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:focus, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:focus, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:focus, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:focus, #search #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:focus, #search #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:focus, .btn-primary:disabled.focus, #category #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled.focus, #category #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled.focus, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled.focus, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled.focus, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled.focus, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled.focus, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled.focus, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled.focus, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled.focus, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled.focus, #search #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled.focus, #search #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled.focus, .btn-primary:disabled:active, #category #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:active, #category #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:active, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:active, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:active, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:active, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:active, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:active, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:active, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:active, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:active, #search #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:active, #search #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:active, .btn-primary:disabled:target, #category #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:target, #category #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:target, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:target, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:target, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:target, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:target, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:target, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:target, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:target, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:target, #search #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:target, #search #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:target { border-color: #FF671D; background-color: transparent; color: #FF671D; outline: none; opacity: 0.38; filter: alpha(opacity=38); } .btn-secondary { background-color: #FF671D; color: #FFFFFF; -webkit-transition: all 0.2s ease-in; /* Safari */ -moz-transition: all 0.2s ease-in; /* Mozilla */ -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary:target { background-color: #FF9B6A; color: #FFFFFF; -webkit-transition: all 0.2s ease-in; /* Safari */ -moz-transition: all 0.2s ease-in; /* Mozilla */ -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; outline: none; } .btn-secondary:active:hover, .btn-secondary:active.focus, .btn-secondary:active:focus, .btn-secondary:active:target, .btn-secondary.active:hover, .btn-secondary.active.focus, .btn-secondary.active:focus, .btn-secondary.active:target { background-color: #FF671D; color: #FFFFFF; -webkit-transition: all 0.2s ease-in; /* Safari */ -moz-transition: all 0.2s ease-in; /* Mozilla */ -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; outline: none; } .btn-secondary.disabled, .btn-secondary:disabled { opacity: 0.38; filter: alpha(opacity=38); -webkit-transition: all 0.2s ease-in; /* Safari */ -moz-transition: all 0.2s ease-in; /* Mozilla */ -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled:active, .btn-secondary.disabled:target, .btn-secondary:disabled:hover, .btn-secondary:disabled:focus, .btn-secondary:disabled:active, .btn-secondary:disabled:target { background-color: #FF671D; color: #FFFFFF; outline: none; } .btn-info { background-color: transparent; color: #FF464D; -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.2s ease-in; /* Safari */ -moz-transition: all 0.2s ease-in; /* Mozilla */ -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info:target { background-color: transparent; color: #FF464D; -webkit-transition: all 0.2s ease-in; /* Safari */ -moz-transition: all 0.2s ease-in; /* Mozilla */ -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .btn-info:active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:target, .btn-info.active:hover, .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:target { background-color: #FF671D; color: #FF464D; -webkit-transition: all 0.2s ease-in; /* Safari */ -moz-transition: all 0.2s ease-in; /* Mozilla */ -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .btn-info.disabled, .btn-info:disabled { opacity: 0.38; filter: alpha(opacity=38); -webkit-transition: all 0.2s ease-in; /* Safari */ -moz-transition: all 0.2s ease-in; /* Mozilla */ -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled:target, .btn-info:disabled:hover, .btn-info:disabled:focus, .btn-info:disabled:active, .btn-info:disabled:target { background-color: transparent; color: #FF464D; } /** * Responsive a partir de 992px **/ @media screen and (min-width: 992px) { body > main { padding-top: 129px; } .btn-primary, #category #wrapper #content-wrapper .pagination > div .page-list > li .next, #category #wrapper #content-wrapper .pagination > div .page-list > li .previous, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous, #search #wrapper #content-wrapper .pagination > div .page-list > li .next, #search #wrapper #content-wrapper .pagination > div .page-list > li .previous { cursor: pointer; } .btn-primary:hover, #category #wrapper #content-wrapper .pagination > div .page-list > li .next:hover, #category #wrapper #content-wrapper .pagination > div .page-list > li .previous:hover, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next:hover, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous:hover, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next:hover, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous:hover, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next:hover, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous:hover, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next:hover, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous:hover, #search #wrapper #content-wrapper .pagination > div .page-list > li .next:hover, #search #wrapper #content-wrapper .pagination > div .page-list > li .previous:hover, .btn-primary:focus, #category #wrapper #content-wrapper .pagination > div .page-list > li .next:focus, #category #wrapper #content-wrapper .pagination > div .page-list > li .previous:focus, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next:focus, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous:focus, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next:focus, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous:focus, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next:focus, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous:focus, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next:focus, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous:focus, #search #wrapper #content-wrapper .pagination > div .page-list > li .next:focus, #search #wrapper #content-wrapper .pagination > div .page-list > li .previous:focus, .btn-primary.focus, #category #wrapper #content-wrapper .pagination > div .page-list > li .focus.next, #category #wrapper #content-wrapper .pagination > div .page-list > li .focus.previous, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .focus.next, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .focus.previous, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .focus.next, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .focus.previous, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .focus.next, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .focus.previous, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .focus.next, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .focus.previous, #search #wrapper #content-wrapper .pagination > div .page-list > li .focus.next, #search #wrapper #content-wrapper .pagination > div .page-list > li .focus.previous, .btn-primary:target, #category #wrapper #content-wrapper .pagination > div .page-list > li .next:target, #category #wrapper #content-wrapper .pagination > div .page-list > li .previous:target, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next:target, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous:target, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next:target, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous:target, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next:target, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous:target, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next:target, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous:target, #search #wrapper #content-wrapper .pagination > div .page-list > li .next:target, #search #wrapper #content-wrapper .pagination > div .page-list > li .previous:target, .btn-primary:active, #category #wrapper #content-wrapper .pagination > div .page-list > li .next:active, #category #wrapper #content-wrapper .pagination > div .page-list > li .previous:active, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next:active, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous:active, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next:active, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous:active, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next:active, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous:active, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next:active, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous:active, #search #wrapper #content-wrapper .pagination > div .page-list > li .next:active, #search #wrapper #content-wrapper .pagination > div .page-list > li .previous:active, .btn-primary.active, #category #wrapper #content-wrapper .pagination > div .page-list > li .active.next, #category #wrapper #content-wrapper .pagination > div .page-list > li .active.previous, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .active.next, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .active.previous, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .active.next, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .active.previous, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .active.next, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .active.previous, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .active.next, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .active.previous, #search #wrapper #content-wrapper .pagination > div .page-list > li .active.next, #search #wrapper #content-wrapper .pagination > div .page-list > li .active.previous { border-color: #FF671D; color: #FFFFFF; background-color: #FF671D; } .btn-primary.disabled, #category #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next, #category #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous, #search #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next, #search #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous, .btn-primary:disabled, #category #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled, #category #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled, #search #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled, #search #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled { opacity: 0.38; filter: alpha(opacity=38); } .btn-primary.disabled:hover, #category #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next:hover, #category #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous:hover, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next:hover, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous:hover, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next:hover, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous:hover, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next:hover, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous:hover, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next:hover, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous:hover, #search #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next:hover, #search #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous:hover, .btn-primary.disabled:focus, #category #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next:focus, #category #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous:focus, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next:focus, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous:focus, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next:focus, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous:focus, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next:focus, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous:focus, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next:focus, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous:focus, #search #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next:focus, #search #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous:focus, .btn-primary.disabled.focus, #category #wrapper #content-wrapper .pagination > div .page-list > li .disabled.focus.next, #category #wrapper #content-wrapper .pagination > div .page-list > li .disabled.focus.previous, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .disabled.focus.next, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .disabled.focus.previous, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .disabled.focus.next, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .disabled.focus.previous, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .disabled.focus.next, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .disabled.focus.previous, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .disabled.focus.next, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .disabled.focus.previous, #search #wrapper #content-wrapper .pagination > div .page-list > li .disabled.focus.next, #search #wrapper #content-wrapper .pagination > div .page-list > li .disabled.focus.previous, .btn-primary.disabled:target, #category #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next:target, #category #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous:target, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next:target, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous:target, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next:target, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous:target, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next:target, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous:target, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next:target, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous:target, #search #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next:target, #search #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous:target, .btn-primary.disabled:active, #category #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next:active, #category #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous:active, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next:active, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous:active, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next:active, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous:active, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next:active, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous:active, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next:active, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous:active, #search #wrapper #content-wrapper .pagination > div .page-list > li .disabled.next:active, #search #wrapper #content-wrapper .pagination > div .page-list > li .disabled.previous:active, .btn-primary.disabled.active, #category #wrapper #content-wrapper .pagination > div .page-list > li .disabled.active.next, #category #wrapper #content-wrapper .pagination > div .page-list > li .disabled.active.previous, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .disabled.active.next, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .disabled.active.previous, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .disabled.active.next, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .disabled.active.previous, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .disabled.active.next, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .disabled.active.previous, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .disabled.active.next, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .disabled.active.previous, #search #wrapper #content-wrapper .pagination > div .page-list > li .disabled.active.next, #search #wrapper #content-wrapper .pagination > div .page-list > li .disabled.active.previous, .btn-primary:disabled:hover, #category #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:hover, #category #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:hover, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:hover, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:hover, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:hover, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:hover, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:hover, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:hover, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:hover, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:hover, #search #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:hover, #search #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:hover, .btn-primary:disabled:focus, #category #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:focus, #category #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:focus, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:focus, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:focus, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:focus, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:focus, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:focus, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:focus, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:focus, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:focus, #search #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:focus, #search #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:focus, .btn-primary:disabled.focus, #category #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled.focus, #category #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled.focus, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled.focus, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled.focus, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled.focus, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled.focus, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled.focus, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled.focus, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled.focus, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled.focus, #search #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled.focus, #search #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled.focus, .btn-primary:disabled:target, #category #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:target, #category #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:target, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:target, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:target, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:target, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:target, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:target, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:target, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:target, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:target, #search #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:target, #search #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:target, .btn-primary:disabled:active, #category #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:active, #category #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:active, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:active, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:active, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:active, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:active, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:active, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:active, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:active, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:active, #search #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled:active, #search #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled:active, .btn-primary:disabled.active, #category #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled.active, #category #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled.active, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled.active, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled.active, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled.active, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled.active, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled.active, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled.active, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled.active, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled.active, #search #wrapper #content-wrapper .pagination > div .page-list > li .next:disabled.active, #search #wrapper #content-wrapper .pagination > div .page-list > li .previous:disabled.active { border-color: #FF671D; color: #FF671D; background-color: transparent; } } /*------------------------------------------------------------- # HOVERS --------------------------------------------------------------*/ /** Imágenes producto **/ .product-images > li.thumb-container > .thumb.selected, .product-images > li.thumb-container > .thumb:hover { border-color: #FF9B6A; } /** INPUTS **/ .form-control:focus, .input-group.focus { outline: 0.1675rem solid #FF9B6A; border-color: #FF9B6A; } /** PROMO BOTÓN **/ .block-promo .promo-input + button { border: 0.1675rem solid #FF9B6A; } /** INPUT WIDGET **/ .search-widget form input[type=text]:focus { outline: 0.1675rem solid #FF9B6A; } /*------------------------------------------------------------- # Radios label --------------------------------------------------------------*/ .radio-label { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-color: #eee; } select.form-control:not([size]):not([multiple]) { height: calc(2.5rem); } /*------------------------------------------------------------- # Global CSS --------------------------------------------------------------*/ body, #header { max-width: 1920px; min-width: 375px; margin: 0 auto; } body { overflow-x: hidden; } @media screen and (max-width: 375px) { body { overflow-x: auto; } } /*------------------------------------------------------------- # NOTIFICATIONS --------------------------------------------------------------*/ /*#notifications, .notifications-container{ height: 0; }*/ /*------------------------------------------------------------- # OCULTAR TRATAMIENTO --------------------------------------------------------------*/ .soy_id_gender { display: none !important; } /*------------------------------------------------------------- # CUSTOM RADIO --------------------------------------------------------------*/ .custom-radio { border: 1px solid black; } .custom-radio > input[type=radio]:checked + span { background-color: #FF671D; width: 14px; height: 14px; top: 50%; left: 50%; transform: translate(-50%, -50%); } /*------------------------------------------------------------- # BREADCRUMBS --------------------------------------------------------------*/ #wrapper .breadcrumb { font-size: 1.3rem; margin: 15px 0rem 38px 0rem; } #wrapper .breadcrumb i { float: left; font-size: 23px; color: #434343; } #wrapper .breadcrumb li { font-size: 14px; line-height: 1.71429; } #wrapper .breadcrumb li:after { content: ">"; } #wrapper .breadcrumb li:after, #wrapper .breadcrumb li a { color: #434343; font-size: 14px; line-height: 1.71429; } /*------------------------------------------------------------- # AUTOCOMPLETE --------------------------------------------------------------*/ ul.ui-autocomplete { display: none !important; overflow-y: scroll; -webkit-transition: opacity 0.3s ease-in; /* Safari */ -moz-transition: opacity 0.3s ease-in; /* Mozilla */ -o-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; background: white; border-top: none; border-bottom: 1px solid #eee; -moz-border-radius: 0px; /* Mozilla */ -webkit-border-radius: 0px; /* Safari */ border-radius: 0px; padding-bottom: 0px; } ul.ui-autocomplete > li.ui-menu-item > a { padding: 9px 15px; border: 0; -moz-border-radius: 0px; /* Mozilla */ -webkit-border-radius: 0px; /* Safari */ border-radius: 0px; cursor: pointer; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; gap: 10px; } ul.ui-autocomplete > li.ui-menu-item > a.ui-state-focus { color: #FF671D; background: white; } ul.ui-autocomplete > li.ui-menu-item > a .search_img { width: 93px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } ul.ui-autocomplete > li.ui-menu-item > a .soy_search_info { width: calc(100% - 103px); } ul.ui-autocomplete > li.ui-menu-item > a img.autocomplete-thumbnail { width: 57px; } ul.ui-autocomplete > li.ui-menu-item > a .product { font-size: 16px; line-height: 1.375; font-family: "Hanken-Bold"; color: #696158; } ul.ui-autocomplete > li.ui-menu-item > a .search_prices { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } ul.ui-autocomplete > li.ui-menu-item > a .search_prices .search_price, ul.ui-autocomplete > li.ui-menu-item > a .search_prices .search_regular_price { color: #434343; } ul.ui-autocomplete > li.ui-menu-item > a .search_prices .search_price { font-family: "Hanken-Bold"; font-size: 18px; line-height: 1.33333; } ul.ui-autocomplete > li.ui-menu-item > a .search_prices .search_regular_price { font-family: "Hanken-Regular"; text-decoration: line-through; font-size: 16px; line-height: 1.5; } @media screen and (max-width: 991px) { ul.ui-autocomplete { top: 100px !important; left: 0 !important; height: calc(100vh - 100px); width: 100vw !important; overflow: hidden; } } /*------------------------------------------------------------- # CUSTOM CLASSES --------------------------------------------------------------*/ .soy_title, .soy_title_l, .soy_title_m, .soy_title_s { font-family: "Gazpacho"; } .soy_title_l { font-size: 3rem; font-weight: 900; } .soy_title_m { font-size: 2.2rem; font-weight: 600; } .soy_title_s { font-weight: 500; font-size: 1.2rem; } /*------------------------------------------------------------- # OTROS --------------------------------------------------------------*/ .soy_rango__guion { margin: 0 4px; } .faceted-overlay { z-index: 9999; } .owl-nav.disabled, .owl-dots.disabled { display: none; } .form-control:focus { outline: 0.1675rem solid #FF9B6A; } .input-group .input-group-btn > .btn { background: #776e64; } .card { -webkit-box-shadow: 2px 5px 8px 0 rgba(0, 0, 0, 0.09); -moz-box-shadow: 2px 5px 8px 0 rgba(0, 0, 0, 0.09); box-shadow: 2px 5px 8px 0 rgba(0, 0, 0, 0.09); border: none; } #wrapper { background: white; box-shadow: none; } .product-flags li.product-flag.discount, .product-flags li.product-flag.discount-amount, .product-flags li.product-flag.discount-percentage { background-color: #FF671D; } .product-flags li.product-flag { color: #434343; } /*------------------------------------------------------------- # Header --------------------------------------------------------------*/ @media (max-width: 991px) { body.soy_menu_opened { overflow: hidden; } #soy_back_mobile_menu { display: none; } body.soy_menu_opened #soy_back_mobile_menu { display: block; position: fixed; height: 100%; width: 100%; background: #00000054; z-index: 999; top: 100%; } #header #_desktop_contact_link { display: none; } } .top-menu a[data-depth="0"] { padding-bottom: 8px; padding-left: 12.5px; padding-right: 12.5px; } a:focus, a:hover { text-decoration: none; } /* Llevarnos el comportamiento de collapse en mobile */ #soy_mobile_top_menu_wrapper .top-menu .collapse, #soy_mobile_top_menu_wrapper .top-menu .sub-menu.collapse { display: none; } #soy_mobile_top_menu_wrapper .top-menu .collapse.in { display: block; } #header { width: 100%; background-color: #FFFFFF; position: relative; box-shadow: none; /*------------------------------------------------------------- # BLOQUE LOGO, CARRITO E ICONO MENÚ --------------------------------------------------------------*/ /*------------------------------------------------------------- # BLOQUE BUSCADOR --------------------------------------------------------------*/ /*------------------------------------------------------------- # BLOQUE TOP NAV --------------------------------------------------------------*/ } #header.is-open { background-color: #FFFFFF; } #header .header-top { display: none; } #header a:hover { color: #FF671D; } #header .language-selector-wrapper .dropdown-menu { z-index: 10000; } #header .language-selector-wrapper i { color: #434343 !important; } #header .header-nav { display: block; width: 100%; margin: 0; border: none; background: transparent; max-height: unset; } #header .header-nav.soyfixed .soy_content_nav { -webkit-box-shadow: 0px 2px 10px 0px #F0EDEA; -moz-box-shadow: 0px 2px 10px 0px #F0EDEA; box-shadow: 0px 2px 10px 0px #F0EDEA; } #header .header-nav .soy_content_nav { background: #FFF; position: relative; } #header .header-nav .soy_content_nav .mobile_header .mobile { display: flex; } #header .header-nav .soy_content_nav .mobile_header .mobile .mobile_header_icons { flex-grow: 1; display: inline-flex; justify-content: end; align-items: center; padding-right: 6px; } #header .header-nav .soy_content_nav .mobile_header .mobile .mobile_header_icons > * { display: inline-block; min-width: 40px; cursor: pointer; } #header .header-nav .soy_content_nav .mobile_header .mobile .mobile_header_icons > * > * { padding: 10px; } #header .header-nav .soy_content_nav .mobile_header .mobile .mobile_header_icons > * i { color: #696158; font-size: 20px; } #header .header-nav .soy_content_nav .mobile_header .mobile .mobile_header_icons #_mobile_contacto_nomodulo, #header .header-nav .soy_content_nav .mobile_header .mobile .mobile_header_icons #_mobile_user_info { margin-top: 5px; } #header .header-nav .soy_content_nav #contacto_info { position: absolute; top: 100%; left: 0; z-index: 2; background-color: #FFFFFF; width: 100%; padding: 0 15px 15px 15px; } #header .header-nav .soy_content_nav #contacto_info .contacto_info_wrapper { height: 86px; background-color: #F0EDEA; color: #434343; position: relative; display: flex; align-items: center; justify-content: center; gap: 20px; } #header .header-nav .soy_content_nav #contacto_info .contacto_info_wrapper > * { display: inline-block; } #header .header-nav .soy_content_nav #contacto_info .contacto_info_wrapper div { display: flex; flex-direction: column; align-items: center; gap: 12px; min-width: 78px; padding-top: 5px; } #header .header-nav .soy_content_nav #contacto_info .contacto_info_wrapper div .info_text { font-size: 14px; line-height: 1.71429; } #header .header-nav .soy_content_nav #contacto_info .contacto_info_wrapper div.mail_wrapper { display: block; padding-top: 0; } #header .header-nav .soy_content_nav #contacto_info .contacto_info_wrapper div.mail_wrapper a { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 5px 5px 0 5px; width: 100%; } #header .header-nav .soy_content_nav #contacto_info .contacto_info_wrapper i { font-size: 25px; } #header .header-nav .soy_content_nav #contacto_info .contacto_info_wrapper .toggleClose { position: absolute; top: 0; left: 100%; transform: translateX(-100%); padding: 10px; cursor: pointer; } #header .header-nav .soy_content_nav #contacto_info .contacto_info_wrapper .toggleClose i { font-size: 18px; } #header .header-nav .language-selector, #header .header-nav .user-info { margin: 0; } #header .header-nav #soy_menu_icon { padding: 13px 8px 16px 16px; display: inline-block; margin: 0; text-align: center; cursor: pointer; } #header .header-nav #soy_menu_icon i { color: #434343; line-height: 18px; font-size: 28px; color: #FF671D; } #header .header-nav #soy_menu_icon span { text-transform: uppercase; color: #FF671D; font-family: "Hanken-Semibold"; font-size: 10px; line-height: 0; display: block; } #header .header-nav .mobile-logo { text-align: center; padding: 0 8px; display: inline-block; vertical-align: top; line-height: 50px; max-width: 147px; } #header .header-nav .mobile-logo a { display: block; margin: 0 auto; width: 100%; height: auto; } #header .header-nav #_mobile_language_selector .language-selector-wrapper { padding: 0; } #header .header-nav #_mobile_language_selector .language-selector-wrapper .btn-unstyle { padding: 10px; cursor: pointer; } #header .header-nav #_mobile_cart { background-color: none; } #header .header-nav #_mobile_cart:hover .blockcart.active p { color: #747474; } #header .header-nav #_mobile_cart:hover .blockcart.active h5 { color: #747474; } #header .header-nav #_mobile_cart .cart-preview.active { background: none; } #header .header-nav #_mobile_cart .blockcart { background: transparent; padding-left: 0px; padding-right: 0px; margin: 0; height: unset; } #header .header-nav #_mobile_cart .blockcart p { color: white; } #header .header-nav #_mobile_cart .blockcart .cart-description-mobile { text-transform: uppercase; font-size: .8rem; } #header .header-nav #_mobile_cart .blockcart .cart-description-desktop { display: none; } #header .header-nav #_mobile_cart i { font-size: 20px; } #header .blockcart { background: transparent; padding-left: 0px; padding-right: 0px; margin: 0; height: unset; } #header .blockcart .header { position: relative; } #header .blockcart .cart-products-count { position: absolute; top: -10px; right: 0px; background-color: #FF671D; color: #FFFFFF; width: fit-content; height: 18px; min-width: 18px; min-height: 18px; display: flex; justify-content: center; align-items: center; border-radius: 50%; letter-spacing: -1px; font-size: 14px; padding: 0 2px 0 0; } #header .blockcart p { color: white; } #header .blockcart .cart-description-mobile { text-transform: uppercase; font-size: .8rem; } #header .blockcart .cart-description-desktop { display: none; } #header #soy_mobile_top_menu_wrapper { margin-top: 0; overflow-x: hidden; overflow-y: auto; position: fixed; left: -110%; top: 0%; width: 100%; max-width: 500px; z-index: 999; -webkit-transition: all ease 0.5s; /* Safari */ -moz-transition: all ease 0.5s; /* Mozilla */ -o-transition: all ease 0.5s; transition: all ease 0.5s; background: #FFFFFF; padding: 16px; padding-top: 0; -webkit-box-shadow: 8px 10px 14px -9px #515151; -moz-box-shadow: 8px 10px 14px -9px #515151; box-shadow: 8px 10px 14px -9px #515151; } #header #soy_mobile_top_menu_wrapper.opened { display: block; left: 0; overflow-x: hidden; } #header #soy_mobile_top_menu_wrapper ul.top-menu > li { border-bottom: solid 1px #DBDBDB; } #header #soy_mobile_top_menu_wrapper ul.top-menu li .soymm_content_link { position: relative; height: auto; } #header #soy_mobile_top_menu_wrapper ul.top-menu li .soymm_content_link .soymenu_dropdown { padding: 8.5px 0; float: unset; position: absolute; top: 0; right: -15px; } #header #soy_mobile_top_menu_wrapper ul.top-menu li .soymm_content_link .soymenu_dropdown a { color: #696158; } #header #soy_mobile_top_menu_wrapper ul.top-menu li .soymm_content_link .soymenu_dropdown a i { color: #696158; } #header #soy_mobile_top_menu_wrapper ul.top-menu li .soymm_content_link .soymenu_dropdown a:hover { color: #696158; } #header #soy_mobile_top_menu_wrapper ul.top-menu li .soymm_content_link > a { float: unset; width: 94%; text-transform: initial; padding: 16px 0; font-family: "Hanken-Regular"; font-size: 18px; line-height: 1.33333; color: #696158; font-weight: 400; } #header #soy_mobile_top_menu_wrapper ul.top-menu li .soymm_content_link > a:hover { color: #434343; } #header #soy_mobile_top_menu_wrapper #_mobile_user_info .logout { display: none; } #header #soy_mobile_top_menu_wrapper #_mobile_user_info .account, #header #soy_mobile_top_menu_wrapper #_mobile_user_info .user-info { font-size: 1.3rem; display: block; overflow-x: hidden; color: #434343; margin: 0; text-align: left; } #header #soy_mobile_top_menu_wrapper #_mobile_user_info .account:hover, #header #soy_mobile_top_menu_wrapper #_mobile_user_info .user-info:hover { color: #FF671D; } #header #soy_mobile_top_menu_wrapper #_mobile_user_info .account i, #header #soy_mobile_top_menu_wrapper #_mobile_user_info .user-info i { vertical-align: top; } #header #soy_mobile_top_menu_wrapper #_mobile_user_info .account h5, #header #soy_mobile_top_menu_wrapper #_mobile_user_info .user-info h5 { display: inline-block; margin-left: .4rem; font-size: 1.2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #header #soy_mobile_top_menu_wrapper .soy-content-submenu { position: absolute; top: 0%; right: -100%; width: 100%; height: 100%; max-width: 500px; z-index: 999; transition: all .5s ease; background-color: #FFFFFF; padding: 16px; padding-top: 0; } #header #soy_mobile_top_menu_wrapper .soy-content-submenu.opened { right: 0%; } #header #soy_mobile_top_menu_wrapper .soy-content-submenu .soymenu_submenu_title { cursor: pointer; color: #696158; font-family: "Hanken-Medium"; padding: 16px 0 13.5px; font-size: 18px; line-height: 1.33333; } #header #soy_mobile_top_menu_wrapper .soy-content-submenu .soymenu_submenu_title span { line-height: unset; margin-right: 18px; } #header #soy_mobile_top_menu_wrapper .soy-content-submenu .soymenu_submenu_title span i { font-size: 12px; } #header #soy_mobile_top_menu_wrapper .soy-content-submenu .soymenu-spe-dropdown ul { padding: 0; } #header #soy_mobile_top_menu_wrapper .soy-content-submenu .soymenu-spe-dropdown ul.soymm_subcategories_childs span { display: block; } #header #soy_mobile_top_menu_wrapper .soy-content-submenu .soymenu-spe-dropdown ul.soymm_subcategories_childs span.dropdown-submenu, #header #soy_mobile_top_menu_wrapper .soy-content-submenu .soymenu-spe-dropdown ul.soymm_subcategories_childs a.dropdown-submenu { padding: 11px 0; color: #696158; text-transform: initial; font-size: 16px; line-height: 1.5; font-family: "Hanken-Medium"; font-weight: 400; } #header #soy_mobile_top_menu_wrapper .soy-content-submenu .soymenu-spe-dropdown ul.soymm_subcategories_childs span.dropdown-submenu:first-child, #header #soy_mobile_top_menu_wrapper .soy-content-submenu .soymenu-spe-dropdown ul.soymm_subcategories_childs a.dropdown-submenu:first-child { padding-top: 8.5px; } #header .menu.js-top-menu { display: none; } #header #search_widget { width: 100%; overflow: hidden; margin: 0; } #header #search_widget .clear { display: none !important; } #header #search_widget form { margin: 5px 15.5px 11px; } #header #search_widget form button:nth-child(1) { right: 10px; top: 10%; font-size: 20px; vertical-align: top; cursor: pointer; } #header #search_widget form .mobile-icon-search { left: 5px; font-size: 30px; cursor: pointer; } #header #search_widget form input[type="text"] { height: 40px; border: none; width: 100%; color: #434343; background-color: #F0EDEA; padding-right: 57px; padding-left: 17px; border-radius: unset; } #header #search_widget form input[type="text"]::-webkit-input-placeholder { /* Edge */ color: #A09E9E; } #header #search_widget form input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #A09E9E; } #header #search_widget form input[type="text"]::placeholder { color: #A09E9E; } #header #search_widget form input[type="text"]:focus { outline: white; } #header #search_widget form input[type="text"]:focus + button .search { color: white; } #header #search_widget form i.SoyFont-search { top: 50%; right: 0; transform: translateY(-50%); padding: 12px; background-color: #FF671D; color: #FFFFFF; } #header #search_widget form button { color: white; } #header #topNavHeader { background-color: #FFFFFF; color: #434343; padding-left: 1rem; display: table; width: 100%; text-align: right; } #header #topNavHeader #_desktop_language_selector { text-align: right; display: inline-block; } #header #topNavHeader #_desktop_language_selector #language-selector-label { margin-right: .2rem; } #header #topNavHeader #_desktop_language_selector .language-selector { display: inline-block; } #header #topNavHeader #_desktop_language_selector .language-selector .dropdown-menu { right: 0; top: 1.4rem; left: initial; border: none; text-align: left; width: auto; min-width: initial; border: 1px solid #eee; } #header #topNavHeader #_desktop_language_selector .language-selector .dropdown-menu li { width: 100%; } #header #topNavHeader #_desktop_language_selector .language-selector .dropdown-menu li a:hover { color: #FF671D; } #header #topNavHeader #_desktop_language_selector .language-selector span.expand-more { text-transform: uppercase; font-size: .7rem; vertical-align: top; color: #434343; } #header #topNavHeader #_desktop_language_selector .language-selector i { margin-left: -.4rem; margin-top: .01rem; font-size: 1.2rem; vertical-align: top; color: #434343; } #header #topNavHeader #_desktop_language_selector .language-selector select.link { margin-right: 1rem; background: #FFFFFF; text-transform: uppercase; font-size: .8rem; color: #434343; } #header #topNavHeader #contact_link { margin-right: 1.5rem; display: none; } #header #topNavHeader #contact_link .atCliente-icon img { width: .9rem; vertical-align: top; margin-top: .1rem; } #header #topNavHeader #contact_link h5 { margin-left: .4rem; display: inline-block; margin-bottom: 0; font-size: .7rem; font-weight: 200; text-transform: uppercase; vertical-align: top; margin-top: .3rem; } #header #topNavHeader #contact_link a { color: #434343; } #header #topNavHeader .block-contact { font-size: .8rem; border: none; } #header #topNavHeader .block-contact > .row > div, #header #topNavHeader .block-contact > .row > a { padding: 0; text-align: left; color: #434343; } #header #topNavHeader .block-contact > .row > a > i { display: none; margin-right: .5rem; color: #434343; } #header #topNavHeader .block-contact > .row > div { display: none; } /** * Renponsive a partir de 575px **/ @media screen and (min-width: 575px) { #header { /*------------------------------------------------------------- # BLOQUE TOP NAV --------------------------------------------------------------*/ } #header #topNavHeader #contact_link { display: inline-block; } } /** * Renponsive a partir de 767px **/ @media screen and (max-width: 767px) { #header .top-logo img { width: 100%; height: auto; max-height: unset; } } /** * Renponsive a partir de 768px **/ @media screen and (min-width: 768px) { #header .top-logo > h1 { margin: 0; } #header #soymenu_main_ul .soymenu_category { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } } /** * Renponsive a partir de 992px **/ @media screen and (min-width: 992px) { #header { margin-bottom: 0px; position: fixed; top: 0; } #header #topNavHeader .block-contact { font-size: .8rem; } #header #topNavHeader .block-contact > .row > a.block-contact-item { width: auto; margin-right: 1rem; } #header #topNavHeader .block-contact > .row > a.block-contact-item > i { display: inline-block; } #header #topNavHeader .block-contact > .row > a.block-contact-item > b { display: none; } #header #topNavHeader .block-contact > .row > div.block-contact-item { display: inline-block; } #header #topNavHeader .block-contact > .row > div.block-contact-item > i { font-weight: 500; margin-right: .4rem; } #header .header-top { display: block; padding: 0; width: 100%; text-align: center; height: 87px; } #header .header-top.shadow { -webkit-box-shadow: 0px 2px 10px 0px #F0EDEA; -moz-box-shadow: 0px 2px 10px 0px #F0EDEA; box-shadow: 0px 2px 10px 0px #F0EDEA; } #header .header-top #_desktop_logo { padding: 0rem 1rem; float: left; width: 33%; text-align: center; } #header .header-top .header-top-middle { width: 33%; float: left; } #header .header-top .right-nav { float: right; width: 33%; min-height: 87px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } #header .header-top .right-nav #_desktop_language_selector { order: 1; margin-top: -4px; padding-right: 0; } #header .header-top .right-nav #_desktop_language_selector span.expand-more { margin-right: -5px; } #header .header-top .right-nav #_desktop_contacto_nomodulo { order: 2; cursor: pointer; } #header .header-top .right-nav #_desktop_user_info { order: 3; } #header .header-top .right-nav #_desktop_cart { order: 4; } #header .header-top .right-nav > * { padding: 0 8px; } #header .header-top .right-nav > *:hover i { color: #FF671D; } #header .header-top .right-nav > * i { font-size: 20px; color: #696158; -webkit-transition: all 0.2s ease-out; /* Safari */ -moz-transition: all 0.2s ease-out; /* Mozilla */ -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #header .blockcart .cart-products-count { right: -13px; top: -14px; min-width: 22px; min-height: 22px; height: 22px; font-size: 16px; } #header #search_widget { width: calc(344px + (780 - 344) * ((100vw - 992px) / (1920 - 992))); max-width: 780px; height: auto; overflow: visible; top: 24px; left: 50%; -ms-transform: translateX(-50%); /* IE 9 */ -webkit-transform: translateX(-50%); /* Safari */ transform: translateX(-50%); position: fixed; } #header #search_widget form { margin: 0; } #header #search_widget form button:nth-child(1) { left: 10px; top: 10%; padding: 0px; color: #D9DADA; } #header #search_widget form button:nth-child(1):hover { color: #bbb; } #header #search_widget form .mobile-icon-search { right: -2.5rem; font-size: 3rem; left: unset; bottom: -.5rem; } #header #search_widget form .mobile-icon-search i { color: #bbb; } #header #search_widget form .mobile-icon-search i:hover { color: #aaa; } #header #search_widget form input[type="text"] { color: #272727; } #header #search_widget form input[type="text"]::-webkit-input-placeholder { /* Edge */ color: #A09E9E; opacity: 1; } #header #search_widget form input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #A09E9E; opacity: 1; } #header #search_widget form input[type="text"]::placeholder { color: #A09E9E; opacity: 1; } #header #search_widget form input[type="text"]:focus { outline: #D9DADA; } #header #search_widget form input[type="text"]:focus + button .search { color: #D9DADA; } #header #search_widget form button { color: white; } #header .header-nav .soy_content_nav #contacto_info { position: fixed; top: 70px; right: 140px; left: unset; padding: 0; max-width: 425px; /* SOYMOD #78868 --> Antes 345px */ } #header .header-nav .soy_content_nav #contacto_info .contacto_info_wrapper { justify-content: space-between; padding: 0 19px; gap: 0px; } #header .header-nav .soy_content_nav #contacto_info .contacto_info_wrapper .toggleClose i { font-size: 14px; } #header .header-nav .soy_content_nav #contacto_info .contacto_info_wrapper div { gap: 6px; cursor: pointer; } #header .header-nav .soy_content_nav #contacto_info .contacto_info_wrapper div:hover i, #header .header-nav .soy_content_nav #contacto_info .contacto_info_wrapper div:hover span { color: #FF671D; } #header .header-nav .soy_content_nav #contacto_info .contacto_info_wrapper div.mail_wrapper a { justify-content: center; gap: 6px; } #header .header-nav .soy_content_nav #contacto_info .contacto_info_wrapper i { font-size: 21px; } #header #_desktop_top_menu.menu.js-top-menu { font-size: 1rem; text-align: left; display: block; width: 100%; /** ENLACES **/ /** /ENLACES **/ } #header #_desktop_top_menu.menu.js-top-menu span { -webkit-transition: all 0.2s ease-in; /* Safari */ -moz-transition: all 0.2s ease-in; /* Mozilla */ -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } #header #_desktop_top_menu.menu.js-top-menu span, #header #_desktop_top_menu.menu.js-top-menu a { color: #696158; text-transform: initial; font-weight: unset; font-size: 16px; line-height: 1.5; } #header #_desktop_top_menu.menu.js-top-menu span.dropdown-item, #header #_desktop_top_menu.menu.js-top-menu a.dropdown-item { font-family: "Hanken-Medium"; } #header #_desktop_top_menu.menu.js-top-menu span:hover, #header #_desktop_top_menu.menu.js-top-menu a:hover { color: #FF671D; } #header #_desktop_top_menu.menu.js-top-menu li.soymm_category ul.soymm_subcategories_childs { margin: 0; } #header #_desktop_top_menu.menu.js-top-menu li.soymm_category ul.soymm_subcategories_childs li span { display: block; } #header #_desktop_top_menu.menu.js-top-menu li.soymm_category ul.soymm_subcategories_childs li span, #header #_desktop_top_menu.menu.js-top-menu li.soymm_category ul.soymm_subcategories_childs li a { padding: 4px .625rem 0; } #header #_desktop_top_menu.menu.js-top-menu li.soymm_category ul.soymm_subcategories_childs li:first-child a { padding-top: 0; } #header #_desktop_top_menu.menu.js-top-menu li.soymm_category > .dropdown-submenu { font-family: "Hanken-Semibold"; color: #FF671D; padding: 0 .625rem 12px; font-size: 18px; line-height: 1.33333; display: inline-block; } #header #_desktop_top_menu.menu.js-top-menu #soymenu #soymenu_main_ul { display: flex; justify-content: center; margin: 0; } #header #_desktop_top_menu.menu.js-top-menu #soymenu #soymenu_main_ul .soymenu_subcategories { border-top: 1px solid #DBDBDB; border-bottom: 1px solid #DBDBDB; padding-top: 23px; padding-bottom: 121px; top: 100%; } #header #_desktop_top_menu.menu.js-top-menu #soymenu #soymenu_main_ul .soymenu_subcategories ul { padding-top: 0; padding-bottom: 0; } #header #_desktop_top_menu.menu.js-top-menu #soymenu #soymenu_main_ul .soymenu_subcategories .soymenu-spe-dropdown { max-width: 1385px; margin: 0 auto; } #header #_desktop_top_menu.menu.js-top-menu #soymenu #soymenu_main_ul li.soymenu_category .soymm_content_link .dropdown-item { padding-left: 10px; padding-right: 10px; } #header #_desktop_top_menu.menu.js-top-menu #soymenu #soymenu_main_ul li.soymenu_category .soymm_content_link .dropdown-item .SoyFont-plegar, #header #_desktop_top_menu.menu.js-top-menu #soymenu #soymenu_main_ul li.soymenu_category .soymm_content_link .dropdown-item .SoyFont-desplegar { font-size: 9px; padding-left: 2px; } #header #_desktop_top_menu.menu.js-top-menu #soymenu #soymenu_main_ul li.soymenu_category .soymm_content_link .dropdown-item .SoyFont-desplegar { display: inline; } #header #_desktop_top_menu.menu.js-top-menu #soymenu #soymenu_main_ul li.soymenu_category .soymm_content_link .dropdown-item .SoyFont-plegar { display: none; } #header #_desktop_top_menu.menu.js-top-menu #soymenu #soymenu_main_ul li.soymenu_category:hover .soymm_content_link .dropdown-item .SoyFont-desplegar { display: none; } #header #_desktop_top_menu.menu.js-top-menu #soymenu #soymenu_main_ul li.soymenu_category:hover .soymm_content_link .dropdown-item .SoyFont-plegar { display: inline; } } @media screen and (max-width: 991px) { #header #soymenu_main_ul .soymenu_category { display: block; } #header #soymenu_main_ul .soymenu_category .soymenu_subcategories, #header #soymenu_main_ul .soymenu_category .soy-content-submenu { display: block !important; } #header #soymenu_main_ul .soymenu_category .soy-content-submenu .soymenu_submenu_wrapper { overflow-y: auto; } #header #soymenu_main_ul .soymenu_category .soy-content-submenu .soymenu_submenu_wrapper > ul { width: 100%; } #header #soymenu_main_ul .soymenu_category .soymm_content_link { display: block; } #header #soymenu_main_ul .soymenu_category .soymm_content_link .soymenu_dropdown { display: block; } #header #soymenu_main_ul .soymm_category { display: inline-block; width: 100%; } } /* SOYMOD #90848 (22/04/2025) @media screen and (min-width: 992px) and (max-width: 1420px) { */ @media screen and (min-width: 992px) and (max-width: 1600px) { #header #_desktop_top_menu.menu.js-top-menu #soymenu #soymenu_main_ul { padding: 0 16px; } #header #_desktop_top_menu.menu.js-top-menu #soymenu #soymenu_main_ul li.soymenu_category .soymm_content_link .dropdown-item { white-space: initial; text-align: center; } #header #_desktop_top_menu.menu.js-top-menu #soymenu #soymenu_main_ul li.soymenu_category .soymm_content_link .dropdown-item i { display: none !important; } } /** * Renponsive a partir de 1200px **/ @media screen and (min-width: 1200px) { #header .header-nav { padding: 0% 2%; } #header .header-nav .right-nav > div.sales-item-nav > div h5 { font-size: .7rem; } #header #_desktop_top_menu.menu.js-top-menu { /** /ENLACES **/ } #header #_desktop_top_menu.menu.js-top-menu #soymenu #soymenu_main_ul li.soymenu_category .soymm_content_link .dropdown-item { font-size: 18px; line-height: 1.33333; } } /** * Renponsive a partir de 1500px **/ @media screen and (min-width: 1500px) { #header .header-nav { width: 25%; } } /*------------------------------------------------------------- # Home --------------------------------------------------------------*/ body#index { /** ============== OWL NAV ================ **/ /** ============== BLOQUE REASSURANCE ================ **/ /** ============== VALORACIÓN DE DEBAJO DEL SLIDER DE HOME ================ **/ /** ============== BLOQUE FEATURED CATEGORIES ================ **/ /** ============== BLOQUE PRENSA ================ **/ } body#index .page-footer { margin: 0; } body#index section#wrapper { padding-top: 0px; } body#index .owl-nav { display: none; } body#index h1.main_heading { margin: 60px 0 0px; color: #FF671D; text-align: center; font-size: 26px; line-height: 1.15385; text-transform: initial; } body#index #block-reassurance { margin-top: 40px; } body#index #block-reassurance ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 22px 10px; margin: 0; } body#index #block-reassurance ul li { width: calc((100% - 10px) / 2); border: 0; } body#index #block-reassurance ul li .block-reassurance-item { padding: 0; } body#index #block-reassurance ul li .block-reassurance-item .soy_reassurance_text { margin-top: 25px; text-align: center; } body#index #block-reassurance ul li .block-reassurance-item .soy_reassurance_title { font-size: 16px; line-height: 1.1875; margin-bottom: 6px; } body#index #block-reassurance ul li .block-reassurance-item .soy_reassurance_desc { font-size: 14px; line-height: 1.42857; } body#index #block-reassurance img { width: calc(42px + (55 - 42) * ((100vw - 375px) / (1920 - 375))); height: auto; margin: 0 auto; display: block; } body#index .soy-top-valoracion { margin: 12px 0 60px; padding: 0 30px; text-align: center; } body#index .soy-top-valoracion__text { font-size: 14px; line-height: 1.71429; } body#index .soy-top-valoracion__rating-grade { font-family: "Hanken-Bold"; } body#index .soy-top-valoracion__stars { vertical-align: text-bottom; white-space: nowrap; } body#index .soy-top-valoracion__star { font-size: 20px; color: #434343; } body#index .soybannersContentFront__caption { font-size: 22px; line-height: 1.22727; color: #FF671D; padding: 0 25px; text-align: center; } body#index #soybannersContentFront { width: 100%; margin: 50px 0; } body#index #soybannersContentFront .soybanners__vermas, body#index #soybannersContentFront .soybanners-container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; gap: 6px 12px; } body#index #soybannersContentFront .soybanners-container { -webkit-align-items: unset; -moz-align-items: unset; -ms-align-items: unset; align-items: unset; -webkit-align-content: unset; -moz-align-content: unset; -ms-align-content: unset; align-content: unset; } body#index #soybannersContentFront .soybanners-container .soybaners__btn-vermas { margin-top: -4px; text-align: center; color: #696158; font-size: 14px; line-height: 1.71429; padding: 10px; cursor: pointer; } body#index #soybannersContentFront .soybanners-container .soybaners__btn-vermas .soy_mas { vertical-align: middle; font-size: 18px; margin-left: 5px; display: inline-block; -webkit-transition: all 0.2s ease-out; /* Safari */ -moz-transition: all 0.2s ease-out; /* Mozilla */ -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } body#index #soybannersContentFront .soybanners-container .soybaners__btn-vermas .soy_txt_menos { display: none; } body#index #soybannersContentFront .soybanners-container .soybaners__btn-vermas.less .soy_mas { -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Safari */ transform: rotate(180deg); } body#index #soybannersContentFront .soybanners-container .soybaners__btn-vermas.less .soy_txt_menos { display: inline; } body#index #soybannersContentFront .soybanners-container .soybaners__btn-vermas.less .soy_txt_mas { display: none; } body#index #soybannersContentFront .soybanners-container .soybanners-banner, body#index #soybannersContentFront .soybanners-container .soybaners__btn-vermas { width: 100%; } body#index #soybannersContentFront .soybanners-container .soybanners-banner { margin: 0 !important; border-radius: 10px; max-width: 344px; } body#index #soybannersContentFront .soybanners-container .soy-textzone { padding: 0; width: 100%; height: auto; background-color: unset; left: 0; top: 50%; transform: translateY(-50%); padding: 0 18px; } body#index #soybannersContentFront .soybanners-container .soy-textzone .soytext-banner { font-size: 18px !important; line-height: 1.3333; font-family: "Hanken-Bold"; text-transform: none; text-align: left; color: #FF671D; } body#index .soytwobannersPrensa__caption { text-align: center; margin-bottom: 25px; } body#index .soytwobannersPrensa__caption .soy_subtitle { margin-top: 4px; } body#index #soytwobannersPrensa { overflow: hidden; margin: 65px -15px 0; padding: 0 15px; } body#index #soytwobannersPrensa .soytwobanners_caption { text-align: center; margin-bottom: 24px; padding: 0 15px; float: unset; } body#index #soytwobannersPrensa .soytwobanners-container { padding: 0 24px 0 15px; float: unset; } body#index #soytwobannersPrensa .soy_title { color: #FF671D; font-size: 22px; line-height: 1.22727; } body#index #soytwobannersPrensa .soy_subtitle { font-size: 18px; line-height: 1.33333; color: #696158; font-family: "Hanken-Bold"; } body#index #soytwobannersPrensa .owl-stage { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; gap: 24px; margin: 0 auto; } /* SOYMOD #89948 (26/3/25) body#index #soytwobannersPrensa .owl-item:nth-child(3n+1) .soytwobanners-banner { background-color: #FF9B6A; } body#index #soytwobannersPrensa .owl-item:nth-child(3n+2) .soytwobanners-banner { background-color: #F7EF8B; } body#index #soytwobannersPrensa .owl-item:nth-child(3n+3) .soytwobanners-banner { background-color: #B2E8CA; } */ body#index #soytwobannersPrensa .soytwobanners-banner { border-radius: 3px; width: 100%; height: 100%; } body#index #soytwobannersPrensa .soytwobanners-banner .soytwoLink-banner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; padding: 29.4px 26px 42px; min-height: 282px; width: 100%; height: 100%; } body#index #soytwobannersPrensa .soytwobanners-banner .soytwo-content { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; font-family: "Hanken-Bold"; font-size: 18px; line-height: 1.33333; } body#index #soytwobannersPrensa .soytwobanners-banner .soytwo-content .soytwo-textzone { -webkit-align-self: center; -moz-align-self: center; -ms-align-self: center; align-self: center; } body#index #soytwobannersPrensa .soytwobanners-banner .soytwo-content .soytwo-title { margin-bottom: 10px; color: black; } body#index #soytwobannersPrensa .soytwobanners-banner .soytwo-content .soytwotext-banner { color: #434343; font-size: inherit; line-height: inherit; margin-bottom: 0; text-align: center; } body#index #soytwobannersPrensa .soytwobanners-banner .soytwoimg-zone { text-align: center; margin-top: 30px; } body#index #soytwobannersPrensa .soytwobanners-banner .soytwoimg-zone img { width: 100%; max-width: 170px; height: auto; } @media screen and (min-width: 575px) { body#index #block-reassurance ul li { padding: 0 15px; } } /** * Rensponsive a partir de 992px **/ @media screen and (min-width: 992px) { body#index { /** ============== OWL NAV ================ **/ /** ============== VALORACIÓN DE DEBAJO DEL SLIDER DE HOME ================ **/ /** ============== BLOQUE REASSURANCE ================ **/ /** ============== BLOQUE FEATURED CATEGORIES ================ **/ /** ============== BLOQUE PRENSA ================ **/ } body#index h1.main_heading { margin: 70px 0 0px; font-size: 36px; line-height: 1.11111; } body#index .owl-loaded { position: relative; } body#index .owl-nav { display: block; } body#index .owl-nav .owl-prev, body#index .owl-nav .owl-next { position: absolute; top: 50%; transform: translateY(-50%); appearance: none; border: none; background-color: transparent; padding: 5px; } body#index .owl-nav .owl-prev::before, body#index .owl-nav .owl-next::before { color: #A09E9E; } body#index .owl-nav .owl-prev:focus, body#index .owl-nav .owl-next:focus { outline: unset; } body#index .owl-nav .owl-prev:not(.disabled), body#index .owl-nav .owl-next:not(.disabled) { cursor: pointer; } body#index .owl-nav .owl-prev { left: -10px; } body#index .owl-nav .owl-next { right: -10px; } body#index .soy-top-valoracion { margin: 12px 0 80px; } body#index .soy-top-valoracion__text { font-size: 16px; line-height: 1.5; } body#index .soy-top-valoracion__star { font-size: 23px; } body#index #block-reassurance ul { column-gap: 25px; } body#index #block-reassurance ul li { width: calc((100% - 75px) / 4); } body#index #block-reassurance ul li .block-reassurance-item .soy_reassurance_title { font-size: 18px; line-height: 1.16667; } body#index #block-reassurance ul li .block-reassurance-item .soy_reassurance_desc { font-size: 16px; line-height: 1.25; } body#index .soybannersContentFront__caption { font-size: 30px; line-height: 1.2; padding: 0; text-align: left; } body#index #soybannersContentFront { margin: 100px 0 0; float: unset; } body#index #soybannersContentFront .soybanners-container { gap: 12px 25px; } body#index #soybannersContentFront .soybanners-container .soy-textzone .soytext-banner { font-size: 22px !important; line-height: 1.1818; } body#index #soybannersContentFront .soybanners-container .soybanners-banner { max-width: 435px; } body#index #soybannersContentFront .soybanners-container .soybanners-banner:hover img { opacity: .7; } body#index #soybannersContentFront .soybanners-container .soybanners__vermas { display: none !important; } body#index #soytwobannersPrensa { overflow: unset; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-top: 100px; } body#index #soytwobannersPrensa .soy_title, body#index #soytwobannersPrensa .soy_subtitle { text-align: left; } body#index #soytwobannersPrensa .soy_title { font-size: 30px; line-height: 1.2; margin-bottom: 10px; font-weight: 600; } body#index #soytwobannersPrensa .soy_subtitle { font-size: 20px; line-height: 1.2; } body#index #soytwobannersPrensa .soytwobanners-container { padding: 0 15px; } body#index #soytwobannersPrensa .soytwobanners-container .owl-stage-outer { overflow: hidden; } body#index #soytwobannersPrensa .soytwobanners-container .owl-nav .owl-prev.disabled, body#index #soytwobannersPrensa .soytwobanners-container .owl-nav .owl-next.disabled { display: none; } body#index #soytwobannersPrensa .soytwobanners-container .owl-nav .owl-prev { left: 0px; } body#index #soytwobannersPrensa .soytwobanners-container .owl-nav .owl-next { right: 0px; } } /** * Rensponsive a partir de 1500px **/ @media screen and (min-width: 1500px) { body#index { /** ============== OWL NAV ================ **/ /** ============== BLOQUE PRENSA ================ **/ } body#index .owl-nav .owl-prev { left: -60px; } body#index .owl-nav .owl-next { right: -60px; } body#index #soytwobannersPrensa .soytwobanners-container .owl-nav .owl-prev { left: -40px; } body#index #soytwobannersPrensa .soytwobanners-container .owl-nav .owl-next { right: -40px; } } /*------------------------------------------------------------- # Listing --------------------------------------------------------------*/ #category, #manufacturer, #prices-drop, #new-products, #best-sales, #search { /** ============== BLOQUE NUESTRAS MARCAS ================ **/ /** ============== BLOQUE FEATURED PRODUCTS ================ **/ /** ============== BLOQUE NOVEDADES ================ **/ } #category footer#footer, #manufacturer footer#footer, #prices-drop footer#footer, #new-products footer#footer, #best-sales footer#footer, #search footer#footer { margin-top: 51px; } #category .up, #manufacturer .up, #prices-drop .up, #new-products .up, #best-sales .up, #search .up { display: none; } #category #soy_search_filters_brands, #manufacturer #soy_search_filters_brands, #prices-drop #soy_search_filters_brands, #new-products #soy_search_filters_brands, #best-sales #soy_search_filters_brands, #search #soy_search_filters_brands { width: 100%; background-color: #F0EDEA; margin: 76px 0 0; padding: 36px 0; } #category #soy_search_filters_brands .facet, #manufacturer #soy_search_filters_brands .facet, #prices-drop #soy_search_filters_brands .facet, #new-products #soy_search_filters_brands .facet, #best-sales #soy_search_filters_brands .facet, #search #soy_search_filters_brands .facet { margin: 0 auto; max-width: 1385px; width: 100%; } #category #soy_search_filters_brands .soy_brands_list a, #manufacturer #soy_search_filters_brands .soy_brands_list a, #prices-drop #soy_search_filters_brands .soy_brands_list a, #new-products #soy_search_filters_brands .soy_brands_list a, #best-sales #soy_search_filters_brands .soy_brands_list a, #search #soy_search_filters_brands .soy_brands_list a { background-color: #FFFFFF; } #category #soy_search_filters_brands .soy_brands_list .owl-loaded .owl-dots, #manufacturer #soy_search_filters_brands .soy_brands_list .owl-loaded .owl-dots, #prices-drop #soy_search_filters_brands .soy_brands_list .owl-loaded .owl-dots, #new-products #soy_search_filters_brands .soy_brands_list .owl-loaded .owl-dots, #best-sales #soy_search_filters_brands .soy_brands_list .owl-loaded .owl-dots, #search #soy_search_filters_brands .soy_brands_list .owl-loaded .owl-dots { display: none; } #category .featured-products, #manufacturer .featured-products, #prices-drop .featured-products, #new-products .featured-products, #best-sales .featured-products, #search .featured-products { max-width: 1385px; margin: 0 auto; } #category .featured-products.soy_new_products, #manufacturer .featured-products.soy_new_products, #prices-drop .featured-products.soy_new_products, #new-products .featured-products.soy_new_products, #best-sales .featured-products.soy_new_products, #search .featured-products.soy_new_products { margin-top: 54.5px; } #category .featured-products.soy_new_products .soy_title, #manufacturer .featured-products.soy_new_products .soy_title, #prices-drop .featured-products.soy_new_products .soy_title, #new-products .featured-products.soy_new_products .soy_title, #best-sales .featured-products.soy_new_products .soy_title, #search .featured-products.soy_new_products .soy_title { margin-bottom: 24px; } #category #wrapper, #manufacturer #wrapper, #prices-drop #wrapper, #new-products #wrapper, #best-sales #wrapper, #search #wrapper { position: relative; padding-top: 0; } #category #wrapper > .container, #manufacturer #wrapper > .container, #prices-drop #wrapper > .container, #new-products #wrapper > .container, #best-sales #wrapper > .container, #search #wrapper > .container { margin-bottom: 40px; } #category #wrapper > div, #manufacturer #wrapper > div, #prices-drop #wrapper > div, #new-products #wrapper > div, #best-sales #wrapper > div, #search #wrapper > div { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #category #wrapper .breadcrumb, #manufacturer #wrapper .breadcrumb, #prices-drop #wrapper .breadcrumb, #new-products #wrapper .breadcrumb, #best-sales #wrapper .breadcrumb, #search #wrapper .breadcrumb { margin-bottom: 10px; } #category #wrapper #content-wrapper, #manufacturer #wrapper #content-wrapper, #prices-drop #wrapper #content-wrapper, #new-products #wrapper #content-wrapper, #best-sales #wrapper #content-wrapper, #search #wrapper #content-wrapper { position: initial; -webkit-box-flex: 0 0 100%; -moz-box-flex: 0 0 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; order: 1; } #category #wrapper #content-wrapper.soy_4_col_list, #manufacturer #wrapper #content-wrapper.soy_4_col_list, #prices-drop #wrapper #content-wrapper.soy_4_col_list, #new-products #wrapper #content-wrapper.soy_4_col_list, #best-sales #wrapper #content-wrapper.soy_4_col_list, #search #wrapper #content-wrapper.soy_4_col_list { padding: 0 15px; } #category #wrapper #content-wrapper #main > h2, #manufacturer #wrapper #content-wrapper #main > h2, #prices-drop #wrapper #content-wrapper #main > h2, #new-products #wrapper #content-wrapper #main > h2, #best-sales #wrapper #content-wrapper #main > h2, #search #wrapper #content-wrapper #main > h2 { padding: 1.8rem 0rem; margin: 0; } #category #wrapper #content-wrapper .products-selection .total-products, #manufacturer #wrapper #content-wrapper .products-selection .total-products, #prices-drop #wrapper #content-wrapper .products-selection .total-products, #new-products #wrapper #content-wrapper .products-selection .total-products, #best-sales #wrapper #content-wrapper .products-selection .total-products, #search #wrapper #content-wrapper .products-selection .total-products { width: 49%; display: inline-block; padding: 0; margin-top: .6rem; } #category #wrapper #content-wrapper .products-selection .total-products p:nth-of-type(1), #manufacturer #wrapper #content-wrapper .products-selection .total-products p:nth-of-type(1), #prices-drop #wrapper #content-wrapper .products-selection .total-products p:nth-of-type(1), #new-products #wrapper #content-wrapper .products-selection .total-products p:nth-of-type(1), #best-sales #wrapper #content-wrapper .products-selection .total-products p:nth-of-type(1), #search #wrapper #content-wrapper .products-selection .total-products p:nth-of-type(1) { margin-bottom: 0; font-weight: 900; color: #FF9B6A; font-size: 1.15rem; } #category #wrapper #content-wrapper .products-selection .total-products p:nth-of-type(2), #manufacturer #wrapper #content-wrapper .products-selection .total-products p:nth-of-type(2), #prices-drop #wrapper #content-wrapper .products-selection .total-products p:nth-of-type(2), #new-products #wrapper #content-wrapper .products-selection .total-products p:nth-of-type(2), #best-sales #wrapper #content-wrapper .products-selection .total-products p:nth-of-type(2), #search #wrapper #content-wrapper .products-selection .total-products p:nth-of-type(2) { color: #696158; font-size: .9rem; margin-bottom: 0; } #category #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row, #manufacturer #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row, #prices-drop #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row, #new-products #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row, #best-sales #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row, #search #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: end; -moz-justify-content: end; -ms-justify-content: end; justify-content: end; -ms-flex-pack: end; gap: 38px; } #category #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .sort-by, #manufacturer #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .sort-by, #prices-drop #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .sort-by, #new-products #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .sort-by, #best-sales #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .sort-by, #search #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .sort-by { margin: 0; font-size: 16px; line-height: 1.5; color: #696158; font-family: "Hanken-Medium"; } #category #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order > button, #manufacturer #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order > button, #prices-drop #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order > button, #new-products #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order > button, #best-sales #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order > button, #search #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order > button { padding: .2rem .6rem; box-shadow: none; border: none; } #category #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order > button > span, #manufacturer #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order > button > span, #prices-drop #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order > button > span, #new-products #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order > button > span, #best-sales #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order > button > span, #search #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order > button > span { display: inline-block; font-size: 16px; line-height: 1.5; color: #696158; } #category #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order .dropdown-menu, #manufacturer #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order .dropdown-menu, #prices-drop #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order .dropdown-menu, #new-products #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order .dropdown-menu, #best-sales #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order .dropdown-menu, #search #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order .dropdown-menu { right: 0; } #category #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order .dropdown-menu a:hover, #manufacturer #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order .dropdown-menu a:hover, #prices-drop #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order .dropdown-menu a:hover, #new-products #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order .dropdown-menu a:hover, #best-sales #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order .dropdown-menu a:hover, #search #wrapper #content-wrapper .products-selection .sort-by-container .sort-by-row .products-sort-order .dropdown-menu a:hover { background-color: #FF9B6A; color: #434343; } #category #wrapper #content-wrapper #products, #manufacturer #wrapper #content-wrapper #products, #prices-drop #wrapper #content-wrapper #products, #new-products #wrapper #content-wrapper #products, #best-sales #wrapper #content-wrapper #products, #search #wrapper #content-wrapper #products { margin-top: 0rem; } #category #wrapper #content-wrapper #products .products article.product-miniature, #category #wrapper #content-wrapper #products #products .products article.product-miniature, #manufacturer #wrapper #content-wrapper #products .products article.product-miniature, #manufacturer #wrapper #content-wrapper #products #products .products article.product-miniature, #prices-drop #wrapper #content-wrapper #products .products article.product-miniature, #prices-drop #wrapper #content-wrapper #products #products .products article.product-miniature, #new-products #wrapper #content-wrapper #products .products article.product-miniature, #new-products #wrapper #content-wrapper #products #products .products article.product-miniature, #best-sales #wrapper #content-wrapper #products .products article.product-miniature, #best-sales #wrapper #content-wrapper #products #products .products article.product-miniature, #search #wrapper #content-wrapper #products .products article.product-miniature, #search #wrapper #content-wrapper #products #products .products article.product-miniature { -webkit-transition: all 0.5s; /* Safari */ -moz-transition: all 0.5s; /* Mozilla */ -o-transition: all 0.5s; transition: all 0.5s; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; margin: 0; } #category #wrapper #content-wrapper #products .products, #manufacturer #wrapper #content-wrapper #products .products, #prices-drop #wrapper #content-wrapper #products .products, #new-products #wrapper #content-wrapper #products .products, #best-sales #wrapper #content-wrapper #products .products, #search #wrapper #content-wrapper #products .products { grid-template-columns: repeat(2, minmax(167px, 1fr)); } #category #wrapper #content-wrapper #products .page-not-found, #manufacturer #wrapper #content-wrapper #products .page-not-found, #prices-drop #wrapper #content-wrapper #products .page-not-found, #new-products #wrapper #content-wrapper #products .page-not-found, #best-sales #wrapper #content-wrapper #products .page-not-found, #search #wrapper #content-wrapper #products .page-not-found { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; max-width: 100%; } #category #wrapper #content-wrapper #products .page-not-found #search_widget .mobile-icon-search, #manufacturer #wrapper #content-wrapper #products .page-not-found #search_widget .mobile-icon-search, #prices-drop #wrapper #content-wrapper #products .page-not-found #search_widget .mobile-icon-search, #new-products #wrapper #content-wrapper #products .page-not-found #search_widget .mobile-icon-search, #best-sales #wrapper #content-wrapper #products .page-not-found #search_widget .mobile-icon-search, #search #wrapper #content-wrapper #products .page-not-found #search_widget .mobile-icon-search { display: none; } #category #wrapper #content-wrapper #products .page-not-found #search_widget button[type=submit], #manufacturer #wrapper #content-wrapper #products .page-not-found #search_widget button[type=submit], #prices-drop #wrapper #content-wrapper #products .page-not-found #search_widget button[type=submit], #new-products #wrapper #content-wrapper #products .page-not-found #search_widget button[type=submit], #best-sales #wrapper #content-wrapper #products .page-not-found #search_widget button[type=submit], #search #wrapper #content-wrapper #products .page-not-found #search_widget button[type=submit] { top: .4rem; right: .3rem; } #category #wrapper #content-wrapper #products .up .btn-secondary, #category #wrapper #content-wrapper #products .up .btn-tertiary, #manufacturer #wrapper #content-wrapper #products .up .btn-secondary, #manufacturer #wrapper #content-wrapper #products .up .btn-tertiary, #prices-drop #wrapper #content-wrapper #products .up .btn-secondary, #prices-drop #wrapper #content-wrapper #products .up .btn-tertiary, #new-products #wrapper #content-wrapper #products .up .btn-secondary, #new-products #wrapper #content-wrapper #products .up .btn-tertiary, #best-sales #wrapper #content-wrapper #products .up .btn-secondary, #best-sales #wrapper #content-wrapper #products .up .btn-tertiary, #search #wrapper #content-wrapper #products .up .btn-secondary, #search #wrapper #content-wrapper #products .up .btn-tertiary { background-color: #FF9B6A; color: #434343; } #category #wrapper #content-wrapper .pagination span, #manufacturer #wrapper #content-wrapper .pagination span, #prices-drop #wrapper #content-wrapper .pagination span, #new-products #wrapper #content-wrapper .pagination span, #best-sales #wrapper #content-wrapper .pagination span, #search #wrapper #content-wrapper .pagination span { font-weight: initial; font-family: "Hanken-Bold"; } #category #wrapper #content-wrapper .pagination > div, #manufacturer #wrapper #content-wrapper .pagination > div, #prices-drop #wrapper #content-wrapper .pagination > div, #new-products #wrapper #content-wrapper .pagination > div, #best-sales #wrapper #content-wrapper .pagination > div, #search #wrapper #content-wrapper .pagination > div { text-align: right; } #category #wrapper #content-wrapper .pagination > div .page-list, #manufacturer #wrapper #content-wrapper .pagination > div .page-list, #prices-drop #wrapper #content-wrapper .pagination > div .page-list, #new-products #wrapper #content-wrapper .pagination > div .page-list, #best-sales #wrapper #content-wrapper .pagination > div .page-list, #search #wrapper #content-wrapper .pagination > div .page-list { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-align: right !important; } #category #wrapper #content-wrapper .pagination > div .page-list > li, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li, #new-products #wrapper #content-wrapper .pagination > div .page-list > li, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li, #search #wrapper #content-wrapper .pagination > div .page-list > li { display: inline-block; } #category #wrapper #content-wrapper .pagination > div .page-list > li.current > span, #category #wrapper #content-wrapper .pagination > div .page-list > li.current > a, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li.current > span, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li.current > a, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li.current > span, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li.current > a, #new-products #wrapper #content-wrapper .pagination > div .page-list > li.current > span, #new-products #wrapper #content-wrapper .pagination > div .page-list > li.current > a, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li.current > span, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li.current > a, #search #wrapper #content-wrapper .pagination > div .page-list > li.current > span, #search #wrapper #content-wrapper .pagination > div .page-list > li.current > a { color: #FF9B6A; font-size: 1rem; } #category #wrapper #content-wrapper .pagination > div .page-list > li.current > span:hover, #category #wrapper #content-wrapper .pagination > div .page-list > li.current > a:hover, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li.current > span:hover, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li.current > a:hover, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li.current > span:hover, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li.current > a:hover, #new-products #wrapper #content-wrapper .pagination > div .page-list > li.current > span:hover, #new-products #wrapper #content-wrapper .pagination > div .page-list > li.current > a:hover, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li.current > span:hover, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li.current > a:hover, #search #wrapper #content-wrapper .pagination > div .page-list > li.current > span:hover, #search #wrapper #content-wrapper .pagination > div .page-list > li.current > a:hover { cursor: default; } #category #wrapper #content-wrapper .pagination > div .page-list > li span, #category #wrapper #content-wrapper .pagination > div .page-list > li a, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li span, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li a, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li span, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li a, #new-products #wrapper #content-wrapper .pagination > div .page-list > li span, #new-products #wrapper #content-wrapper .pagination > div .page-list > li a, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li span, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li a, #search #wrapper #content-wrapper .pagination > div .page-list > li span, #search #wrapper #content-wrapper .pagination > div .page-list > li a { float: none; color: #696158; margin: 0rem .2rem; padding: .4rem .6rem; text-align: center; display: block; margin-right: 0; } #category #wrapper #content-wrapper .pagination > div .page-list > li .next, #category #wrapper #content-wrapper .pagination > div .page-list > li .previous, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous, #search #wrapper #content-wrapper .pagination > div .page-list > li .next, #search #wrapper #content-wrapper .pagination > div .page-list > li .previous { padding: .4rem 1rem; } #category #wrapper #content-wrapper .pagination > div .page-list > li:first-child, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li:first-child, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li:first-child, #new-products #wrapper #content-wrapper .pagination > div .page-list > li:first-child, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li:first-child, #search #wrapper #content-wrapper .pagination > div .page-list > li:first-child { margin-right: .4rem; } #category #wrapper #content-wrapper .pagination > div .page-list > li:last-child, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li:last-child, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li:last-child, #new-products #wrapper #content-wrapper .pagination > div .page-list > li:last-child, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li:last-child, #search #wrapper #content-wrapper .pagination > div .page-list > li:last-child { margin-left: .4rem; } #category #content.page-content.page-not-found, #manufacturer #content.page-content.page-not-found, #prices-drop #content.page-content.page-not-found, #new-products #content.page-content.page-not-found, #best-sales #content.page-content.page-not-found, #search #content.page-content.page-not-found { color: #434343; } #category #content.page-content.page-not-found h4, #category #content.page-content.page-not-found input, #category #content.page-content.page-not-found p, #manufacturer #content.page-content.page-not-found h4, #manufacturer #content.page-content.page-not-found input, #manufacturer #content.page-content.page-not-found p, #prices-drop #content.page-content.page-not-found h4, #prices-drop #content.page-content.page-not-found input, #prices-drop #content.page-content.page-not-found p, #new-products #content.page-content.page-not-found h4, #new-products #content.page-content.page-not-found input, #new-products #content.page-content.page-not-found p, #best-sales #content.page-content.page-not-found h4, #best-sales #content.page-content.page-not-found input, #best-sales #content.page-content.page-not-found p, #search #content.page-content.page-not-found h4, #search #content.page-content.page-not-found input, #search #content.page-content.page-not-found p { color: #434343; } #category #content.page-content.page-not-found #search_widget form input, #manufacturer #content.page-content.page-not-found #search_widget form input, #prices-drop #content.page-content.page-not-found #search_widget form input, #new-products #content.page-content.page-not-found #search_widget form input, #best-sales #content.page-content.page-not-found #search_widget form input, #search #content.page-content.page-not-found #search_widget form input { padding: 10px 50px 10px 10px; border-radius: 0; background-color: #F0EDEA; } #category #content.page-content.page-not-found #search_widget form i.SoyFont-search, #manufacturer #content.page-content.page-not-found #search_widget form i.SoyFont-search, #prices-drop #content.page-content.page-not-found #search_widget form i.SoyFont-search, #new-products #content.page-content.page-not-found #search_widget form i.SoyFont-search, #best-sales #content.page-content.page-not-found #search_widget form i.SoyFont-search, #search #content.page-content.page-not-found #search_widget form i.SoyFont-search { font-size: 16px; top: 50%; right: 0; transform: translateY(-50%); padding: 12px; background-color: #FF671D; color: #FFFFFF; } /** * Rensponsive a partir de 768px **/ @media screen and (min-width: 768px) { #category #wrapper #content-wrapper .products-selection .total-products, #manufacturer #wrapper #content-wrapper .products-selection .total-products, #prices-drop #wrapper #content-wrapper .products-selection .total-products, #new-products #wrapper #content-wrapper .products-selection .total-products, #best-sales #wrapper #content-wrapper .products-selection .total-products, #search #wrapper #content-wrapper .products-selection .total-products { margin-top: 1rem; } #category #wrapper #content-wrapper .products-selection .sort-by-container, #manufacturer #wrapper #content-wrapper .products-selection .sort-by-container, #prices-drop #wrapper #content-wrapper .products-selection .sort-by-container, #new-products #wrapper #content-wrapper .products-selection .sort-by-container, #best-sales #wrapper #content-wrapper .products-selection .sort-by-container, #search #wrapper #content-wrapper .products-selection .sort-by-container { margin-top: 0; } #category #wrapper #content-wrapper #products .products, #manufacturer #wrapper #content-wrapper #products .products, #prices-drop #wrapper #content-wrapper #products .products, #new-products #wrapper #content-wrapper #products .products, #best-sales #wrapper #content-wrapper #products .products, #search #wrapper #content-wrapper #products .products { grid-template-columns: repeat(3, minmax(167px, 1fr)); } } @media screen and (max-width: 991px) { #category #left-column, #manufacturer #left-column, #prices-drop #left-column, #new-products #left-column, #best-sales #left-column, #search #left-column { min-height: initial !important; } } /** * Responsive a partir de 992px **/ @media screen and (min-width: 992px) { #category, #manufacturer, #prices-drop, #new-products, #best-sales, #search { /** ============== BLOQUE NUESTRAS MARCAS ================ **/ } #category footer#footer, #manufacturer footer#footer, #prices-drop footer#footer, #new-products footer#footer, #best-sales footer#footer, #search footer#footer { margin-top: 41px; } #category #soy_search_filters_brands, #manufacturer #soy_search_filters_brands, #prices-drop #soy_search_filters_brands, #new-products #soy_search_filters_brands, #best-sales #soy_search_filters_brands, #search #soy_search_filters_brands { padding-left: 15px; padding-right: 15px; } #category #wrapper .breadcrumb, #manufacturer #wrapper .breadcrumb, #prices-drop #wrapper .breadcrumb, #new-products #wrapper .breadcrumb, #best-sales #wrapper .breadcrumb, #search #wrapper .breadcrumb { display: block; margin-bottom: 38px; } #category #wrapper .breadcrumb h1, #manufacturer #wrapper .breadcrumb h1, #prices-drop #wrapper .breadcrumb h1, #new-products #wrapper .breadcrumb h1, #best-sales #wrapper .breadcrumb h1, #search #wrapper .breadcrumb h1 { display: inline-block; } #category #wrapper > div, #manufacturer #wrapper > div, #prices-drop #wrapper > div, #new-products #wrapper > div, #best-sales #wrapper > div, #search #wrapper > div { display: block; -webkit-flex-direction: none; -moz-flex-direction: none; -ms-flex-direction: none; flex-direction: none; } #category #wrapper .first_container_row.soy_no_filters, #manufacturer #wrapper .first_container_row.soy_no_filters, #prices-drop #wrapper .first_container_row.soy_no_filters, #new-products #wrapper .first_container_row.soy_no_filters, #best-sales #wrapper .first_container_row.soy_no_filters, #search #wrapper .first_container_row.soy_no_filters { padding-top: 34px; } #category #wrapper #content-wrapper, #manufacturer #wrapper #content-wrapper, #prices-drop #wrapper #content-wrapper, #new-products #wrapper #content-wrapper, #best-sales #wrapper #content-wrapper, #search #wrapper #content-wrapper { order: 2; -webkit-box-flex: 0 0 74%; -moz-box-flex: 0 0 74%; -webkit-flex: 0 0 74%; -ms-flex: 0 0 74%; flex: 0 0 74%; margin-top: -34px; display: block !important; } #category #wrapper #content-wrapper #main > h2, #manufacturer #wrapper #content-wrapper #main > h2, #prices-drop #wrapper #content-wrapper #main > h2, #new-products #wrapper #content-wrapper #main > h2, #best-sales #wrapper #content-wrapper #main > h2, #search #wrapper #content-wrapper #main > h2 { padding: .3rem 0rem; margin: 0; } #category #wrapper #content-wrapper .top_list_products .sort-by-row .products-sort-order > button, #manufacturer #wrapper #content-wrapper .top_list_products .sort-by-row .products-sort-order > button, #prices-drop #wrapper #content-wrapper .top_list_products .sort-by-row .products-sort-order > button, #new-products #wrapper #content-wrapper .top_list_products .sort-by-row .products-sort-order > button, #best-sales #wrapper #content-wrapper .top_list_products .sort-by-row .products-sort-order > button, #search #wrapper #content-wrapper .top_list_products .sort-by-row .products-sort-order > button { max-width: 250px; } #category #wrapper #content-wrapper.soy_4_col_list, #manufacturer #wrapper #content-wrapper.soy_4_col_list, #prices-drop #wrapper #content-wrapper.soy_4_col_list, #new-products #wrapper #content-wrapper.soy_4_col_list, #best-sales #wrapper #content-wrapper.soy_4_col_list, #search #wrapper #content-wrapper.soy_4_col_list { margin-top: -68px; } #category #wrapper #content-wrapper.soy_4_col_list #products .products, #manufacturer #wrapper #content-wrapper.soy_4_col_list #products .products, #prices-drop #wrapper #content-wrapper.soy_4_col_list #products .products, #new-products #wrapper #content-wrapper.soy_4_col_list #products .products, #best-sales #wrapper #content-wrapper.soy_4_col_list #products .products, #search #wrapper #content-wrapper.soy_4_col_list #products .products { grid-template-columns: repeat(4, minmax(167px, 1fr)); } #category #wrapper #content-wrapper #products, #manufacturer #wrapper #content-wrapper #products, #prices-drop #wrapper #content-wrapper #products, #new-products #wrapper #content-wrapper #products, #best-sales #wrapper #content-wrapper #products, #search #wrapper #content-wrapper #products { margin-top: 0rem; } #category #wrapper #content-wrapper #products .products, #manufacturer #wrapper #content-wrapper #products .products, #prices-drop #wrapper #content-wrapper #products .products, #new-products #wrapper #content-wrapper #products .products, #best-sales #wrapper #content-wrapper #products .products, #search #wrapper #content-wrapper #products .products { padding-top: 20px; } #category #wrapper #content-wrapper #products .page-not-found, #manufacturer #wrapper #content-wrapper #products .page-not-found, #prices-drop #wrapper #content-wrapper #products .page-not-found, #new-products #wrapper #content-wrapper #products .page-not-found, #best-sales #wrapper #content-wrapper #products .page-not-found, #search #wrapper #content-wrapper #products .page-not-found { padding-left: 4rem; margin-bottom: 5rem; margin-top: 2rem; } #category #wrapper #content-wrapper #products .page-not-found h4, #manufacturer #wrapper #content-wrapper #products .page-not-found h4, #prices-drop #wrapper #content-wrapper #products .page-not-found h4, #new-products #wrapper #content-wrapper #products .page-not-found h4, #best-sales #wrapper #content-wrapper #products .page-not-found h4, #search #wrapper #content-wrapper #products .page-not-found h4 { font-size: 1.8rem; margin-bottom: 1.4rem; } #category #wrapper #content-wrapper #products .page-not-found p, #manufacturer #wrapper #content-wrapper #products .page-not-found p, #prices-drop #wrapper #content-wrapper #products .page-not-found p, #new-products #wrapper #content-wrapper #products .page-not-found p, #best-sales #wrapper #content-wrapper #products .page-not-found p, #search #wrapper #content-wrapper #products .page-not-found p { font-size: 1.4rem; margin-bottom: 2rem; } } /** * Responsive a partir de 1200px **/ @media screen and (min-width: 1200px) { #category.layout-full-width #wrapper #content-wrapper #products .products, #manufacturer.layout-full-width #wrapper #content-wrapper #products .products, #prices-drop.layout-full-width #wrapper #content-wrapper #products .products, #new-products.layout-full-width #wrapper #content-wrapper #products .products, #best-sales.layout-full-width #wrapper #content-wrapper #products .products, #search.layout-full-width #wrapper #content-wrapper #products .products { grid-template-columns: repeat(4, minmax(167px, 1fr)); } #category #wrapper #content-wrapper nav.pagination, #manufacturer #wrapper #content-wrapper nav.pagination, #prices-drop #wrapper #content-wrapper nav.pagination, #new-products #wrapper #content-wrapper nav.pagination, #best-sales #wrapper #content-wrapper nav.pagination, #search #wrapper #content-wrapper nav.pagination { margin-right: -15px; margin-left: -15px; margin-top: 3.5rem; } #category #wrapper #content-wrapper nav.pagination > div, #manufacturer #wrapper #content-wrapper nav.pagination > div, #prices-drop #wrapper #content-wrapper nav.pagination > div, #new-products #wrapper #content-wrapper nav.pagination > div, #best-sales #wrapper #content-wrapper nav.pagination > div, #search #wrapper #content-wrapper nav.pagination > div { padding: 0; } #category #wrapper #content-wrapper nav.pagination > div:nth-child(2) ul, #manufacturer #wrapper #content-wrapper nav.pagination > div:nth-child(2) ul, #prices-drop #wrapper #content-wrapper nav.pagination > div:nth-child(2) ul, #new-products #wrapper #content-wrapper nav.pagination > div:nth-child(2) ul, #best-sales #wrapper #content-wrapper nav.pagination > div:nth-child(2) ul, #search #wrapper #content-wrapper nav.pagination > div:nth-child(2) ul { text-align: right !important; } } #category, #manufacturer, #prices-drop, #new-products, #best-sales, #search { /** ============== FILTROS ACTIVOS ================ **/ /** ============== FILTER BUTTON ================ **/ } #category .active_filters, #manufacturer .active_filters, #prices-drop .active_filters, #new-products .active_filters, #best-sales .active_filters, #search .active_filters { background: #F0EDEA; } #category .active_filters .filter-block, #manufacturer .active_filters .filter-block, #prices-drop .active_filters .filter-block, #new-products .active_filters .filter-block, #best-sales .active_filters .filter-block, #search .active_filters .filter-block { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #category .filter-button, #manufacturer .filter-button, #prices-drop .filter-button, #new-products .filter-button, #best-sales .filter-button, #search .filter-button { width: 100%; } #category .filter-button button, #manufacturer .filter-button button, #prices-drop .filter-button button, #new-products .filter-button button, #best-sales .filter-button button, #search .filter-button button { color: #434343; text-align: left; padding: 1rem; padding-left: 0; background: none; position: relative; } #category .filter-button button#search_filter_toggler, #manufacturer .filter-button button#search_filter_toggler, #prices-drop .filter-button button#search_filter_toggler, #new-products .filter-button button#search_filter_toggler, #best-sales .filter-button button#search_filter_toggler, #search .filter-button button#search_filter_toggler { width: auto; } #category .filter-button button:focus, #category .filter-button button:hover, #manufacturer .filter-button button:focus, #manufacturer .filter-button button:hover, #prices-drop .filter-button button:focus, #prices-drop .filter-button button:hover, #new-products .filter-button button:focus, #new-products .filter-button button:hover, #best-sales .filter-button button:focus, #best-sales .filter-button button:hover, #search .filter-button button:focus, #search .filter-button button:hover { background: none; outline: none; } #category .filter-button i, #manufacturer .filter-button i, #prices-drop .filter-button i, #new-products .filter-button i, #best-sales .filter-button i, #search .filter-button i { position: absolute; color: #434343; font-size: 20px; font-weight: 600; top: 50%; right: 0; transform: translate(90%, -55%); } #category #left-column #search_filter_controls, #manufacturer #left-column #search_filter_controls, #prices-drop #left-column #search_filter_controls, #new-products #left-column #search_filter_controls, #best-sales #left-column #search_filter_controls, #search #left-column #search_filter_controls { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: end; -moz-align-items: end; -ms-align-items: end; align-items: end; margin-bottom: 0rem; } #category #left-column #search_filter_controls span, #category #left-column #search_filter_controls button, #manufacturer #left-column #search_filter_controls span, #manufacturer #left-column #search_filter_controls button, #prices-drop #left-column #search_filter_controls span, #prices-drop #left-column #search_filter_controls button, #new-products #left-column #search_filter_controls span, #new-products #left-column #search_filter_controls button, #best-sales #left-column #search_filter_controls span, #best-sales #left-column #search_filter_controls button, #search #left-column #search_filter_controls span, #search #left-column #search_filter_controls button { max-width: 198px; width: 100%; } #category #left-column #search_filter_controls button, #manufacturer #left-column #search_filter_controls button, #prices-drop #left-column #search_filter_controls button, #new-products #left-column #search_filter_controls button, #best-sales #left-column #search_filter_controls button, #search #left-column #search_filter_controls button { margin: 0; font-size: 16px; line-height: 1.375; font-family: "Hanken-Bold"; font-weight: initial; padding: 12.5px 20px; } #category #left-column #search_filter_controls button:hover, #manufacturer #left-column #search_filter_controls button:hover, #prices-drop #left-column #search_filter_controls button:hover, #new-products #left-column #search_filter_controls button:hover, #best-sales #left-column #search_filter_controls button:hover, #search #left-column #search_filter_controls button:hover { background: #FF671D; } #category #left-column #search_filter_controls span button, #manufacturer #left-column #search_filter_controls span button, #prices-drop #left-column #search_filter_controls span button, #new-products #left-column #search_filter_controls span button, #best-sales #left-column #search_filter_controls span button, #search #left-column #search_filter_controls span button { color: #434343; font-size: 12px; line-height: 2; font-family: "Hanken-Medium"; background-color: transparent; text-transform: unset; border: none; } #category #left-column #search_filter_controls span button:focus, #category #left-column #search_filter_controls span button:hover, #manufacturer #left-column #search_filter_controls span button:focus, #manufacturer #left-column #search_filter_controls span button:hover, #prices-drop #left-column #search_filter_controls span button:focus, #prices-drop #left-column #search_filter_controls span button:hover, #new-products #left-column #search_filter_controls span button:focus, #new-products #left-column #search_filter_controls span button:hover, #best-sales #left-column #search_filter_controls span button:focus, #best-sales #left-column #search_filter_controls span button:hover, #search #left-column #search_filter_controls span button:focus, #search #left-column #search_filter_controls span button:hover { outline: none; background-color: transparent; } #category #left-column #search_filter_controls span button i, #manufacturer #left-column #search_filter_controls span button i, #prices-drop #left-column #search_filter_controls span button i, #new-products #left-column #search_filter_controls span button i, #best-sales #left-column #search_filter_controls span button i, #search #left-column #search_filter_controls span button i { font-size: 25px; font-weight: bold; vertical-align: top; } #category #left-column #search_filters_wrapper, #manufacturer #left-column #search_filters_wrapper, #prices-drop #left-column #search_filters_wrapper, #new-products #left-column #search_filters_wrapper, #best-sales #left-column #search_filters_wrapper, #search #left-column #search_filters_wrapper { margin: 0; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; background-color: white; padding: 25px 15px 15px; max-height: 100vh; overflow-y: auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } #category #left-column .soy_mobile_filters_head, #manufacturer #left-column .soy_mobile_filters_head, #prices-drop #left-column .soy_mobile_filters_head, #new-products #left-column .soy_mobile_filters_head, #best-sales #left-column .soy_mobile_filters_head, #search #left-column .soy_mobile_filters_head { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; margin-bottom: 12px; } #category #left-column .soy_mobile_filters_head i, #category #left-column .soy_mobile_filters_head span, #manufacturer #left-column .soy_mobile_filters_head i, #manufacturer #left-column .soy_mobile_filters_head span, #prices-drop #left-column .soy_mobile_filters_head i, #prices-drop #left-column .soy_mobile_filters_head span, #new-products #left-column .soy_mobile_filters_head i, #new-products #left-column .soy_mobile_filters_head span, #best-sales #left-column .soy_mobile_filters_head i, #best-sales #left-column .soy_mobile_filters_head span, #search #left-column .soy_mobile_filters_head i, #search #left-column .soy_mobile_filters_head span { color: #434343; } #category #left-column .soy_mobile_filters_head .soy_filters_wrapper_caption, #manufacturer #left-column .soy_mobile_filters_head .soy_filters_wrapper_caption, #prices-drop #left-column .soy_mobile_filters_head .soy_filters_wrapper_caption, #new-products #left-column .soy_mobile_filters_head .soy_filters_wrapper_caption, #best-sales #left-column .soy_mobile_filters_head .soy_filters_wrapper_caption, #search #left-column .soy_mobile_filters_head .soy_filters_wrapper_caption { font-family: "Hanken-Bold"; font-size: 16px; line-height: 1.5; } #category #left-column .soy_mobile_filters_head .soy_filters_wrapper_caption i, #manufacturer #left-column .soy_mobile_filters_head .soy_filters_wrapper_caption i, #prices-drop #left-column .soy_mobile_filters_head .soy_filters_wrapper_caption i, #new-products #left-column .soy_mobile_filters_head .soy_filters_wrapper_caption i, #best-sales #left-column .soy_mobile_filters_head .soy_filters_wrapper_caption i, #search #left-column .soy_mobile_filters_head .soy_filters_wrapper_caption i { font-size: 20px; vertical-align: middle; margin-left: 11px; } #category #left-column .soy_mobile_filters_head .soy_filters_close, #manufacturer #left-column .soy_mobile_filters_head .soy_filters_close, #prices-drop #left-column .soy_mobile_filters_head .soy_filters_close, #new-products #left-column .soy_mobile_filters_head .soy_filters_close, #best-sales #left-column .soy_mobile_filters_head .soy_filters_close, #search #left-column .soy_mobile_filters_head .soy_filters_close { font-family: "Hanken-Medium"; font-size: 12px; line-height: 2; } #category #left-column .soy_mobile_filters_head .soy_filters_close i, #manufacturer #left-column .soy_mobile_filters_head .soy_filters_close i, #prices-drop #left-column .soy_mobile_filters_head .soy_filters_close i, #new-products #left-column .soy_mobile_filters_head .soy_filters_close i, #best-sales #left-column .soy_mobile_filters_head .soy_filters_close i, #search #left-column .soy_mobile_filters_head .soy_filters_close i { font-size: 25px; font-weight: bold; vertical-align: top; margin-left: 4px; } #category #left-column #search_filters, #manufacturer #left-column #search_filters, #prices-drop #left-column #search_filters, #new-products #left-column #search_filters, #best-sales #left-column #search_filters, #search #left-column #search_filters { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 0; margin-bottom: 2rem; border: none; } #category #left-column #search_filters > p.h6, #manufacturer #left-column #search_filters > p.h6, #prices-drop #left-column #search_filters > p.h6, #new-products #left-column #search_filters > p.h6, #best-sales #left-column #search_filters > p.h6, #search #left-column #search_filters > p.h6 { color: black; display: inline-block; margin-left: .4rem; font-size: 1rem; font-weight: 400; } #category #left-column #search_filters > i, #manufacturer #left-column #search_filters > i, #prices-drop #left-column #search_filters > i, #new-products #left-column #search_filters > i, #best-sales #left-column #search_filters > i, #search #left-column #search_filters > i { font-size: 1.3rem; display: none; } #category #left-column #search_filters #_desktop_search_filters_clear_all, #manufacturer #left-column #search_filters #_desktop_search_filters_clear_all, #prices-drop #left-column #search_filters #_desktop_search_filters_clear_all, #new-products #left-column #search_filters #_desktop_search_filters_clear_all, #best-sales #left-column #search_filters #_desktop_search_filters_clear_all, #search #left-column #search_filters #_desktop_search_filters_clear_all { display: none; } #category #left-column #search_filters .facet, #manufacturer #left-column #search_filters .facet, #prices-drop #left-column #search_filters .facet, #new-products #left-column #search_filters .facet, #best-sales #left-column #search_filters .facet, #search #left-column #search_filters .facet { padding-top: 0rem; border: none; border-bottom: 1px solid #DBDBDB; } #category #left-column #search_filters .facet .facet-label, #manufacturer #left-column #search_filters .facet .facet-label, #prices-drop #left-column #search_filters .facet .facet-label, #new-products #left-column #search_filters .facet .facet-label, #best-sales #left-column #search_filters .facet .facet-label, #search #left-column #search_filters .facet .facet-label { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } #category #left-column #search_filters .facet .collapse, #manufacturer #left-column #search_filters .facet .collapse, #prices-drop #left-column #search_filters .facet .collapse, #new-products #left-column #search_filters .facet .collapse, #best-sales #left-column #search_filters .facet .collapse, #search #left-column #search_filters .facet .collapse { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } #category #left-column #search_filters .facet p.h6, #manufacturer #left-column #search_filters .facet p.h6, #prices-drop #left-column #search_filters .facet p.h6, #new-products #left-column #search_filters .facet p.h6, #best-sales #left-column #search_filters .facet p.h6, #search #left-column #search_filters .facet p.h6 { color: #434343; font-size: 14px; line-height: 1.71429; font-family: "Hanken-Bold"; margin-bottom: 0rem; width: 85%; font-weight: 400; padding: 16px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #category #left-column #search_filters .facet div.title, #manufacturer #left-column #search_filters .facet div.title, #prices-drop #left-column #search_filters .facet div.title, #new-products #left-column #search_filters .facet div.title, #best-sales #left-column #search_filters .facet div.title, #search #left-column #search_filters .facet div.title { line-height: 1; cursor: auto; } #category #left-column #search_filters .facet .navbar-toggler, #manufacturer #left-column #search_filters .facet .navbar-toggler, #prices-drop #left-column #search_filters .facet .navbar-toggler, #new-products #left-column #search_filters .facet .navbar-toggler, #best-sales #left-column #search_filters .facet .navbar-toggler, #search #left-column #search_filters .facet .navbar-toggler { display: none; } #category #left-column #search_filters .facet ul, #manufacturer #left-column #search_filters .facet ul, #prices-drop #left-column #search_filters .facet ul, #new-products #left-column #search_filters .facet ul, #best-sales #left-column #search_filters .facet ul, #search #left-column #search_filters .facet ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; width: 100%; background-color: white; width: 100%; margin: 0 0 12px 0; padding: 0rem; } #category #left-column #search_filters .facet ul.collapse.in, #manufacturer #left-column #search_filters .facet ul.collapse.in, #prices-drop #left-column #search_filters .facet ul.collapse.in, #new-products #left-column #search_filters .facet ul.collapse.in, #best-sales #left-column #search_filters .facet ul.collapse.in, #search #left-column #search_filters .facet ul.collapse.in { visibility: visible; height: auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } #category #left-column #search_filters .facet ul li, #manufacturer #left-column #search_filters .facet ul li, #prices-drop #left-column #search_filters .facet ul li, #new-products #left-column #search_filters .facet ul li, #best-sales #left-column #search_filters .facet ul li, #search #left-column #search_filters .facet ul li { margin-right: 0rem; border-top: 0px; padding: .25rem 0; width: 100%; margin-left: 15px; } #category #left-column #search_filters .facet ul li.soy_color_texture, #manufacturer #left-column #search_filters .facet ul li.soy_color_texture, #prices-drop #left-column #search_filters .facet ul li.soy_color_texture, #new-products #left-column #search_filters .facet ul li.soy_color_texture, #best-sales #left-column #search_filters .facet ul li.soy_color_texture, #search #left-column #search_filters .facet ul li.soy_color_texture { margin: 0 5px; max-width: 58px; } #category #left-column #search_filters .facet ul li.soy_color_texture .facet-label, #manufacturer #left-column #search_filters .facet ul li.soy_color_texture .facet-label, #prices-drop #left-column #search_filters .facet ul li.soy_color_texture .facet-label, #new-products #left-column #search_filters .facet ul li.soy_color_texture .facet-label, #best-sales #left-column #search_filters .facet ul li.soy_color_texture .facet-label, #search #left-column #search_filters .facet ul li.soy_color_texture .facet-label { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 5px; cursor: pointer; } #category #left-column #search_filters .facet ul li.soy_color_texture .custom-checkbox > span, #manufacturer #left-column #search_filters .facet ul li.soy_color_texture .custom-checkbox > span, #prices-drop #left-column #search_filters .facet ul li.soy_color_texture .custom-checkbox > span, #new-products #left-column #search_filters .facet ul li.soy_color_texture .custom-checkbox > span, #best-sales #left-column #search_filters .facet ul li.soy_color_texture .custom-checkbox > span, #search #left-column #search_filters .facet ul li.soy_color_texture .custom-checkbox > span { width: 45px; height: 45px; border-radius: 50%; border: none; margin: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } #category #left-column #search_filters .facet ul li.soy_color_texture .custom-checkbox > span i, #manufacturer #left-column #search_filters .facet ul li.soy_color_texture .custom-checkbox > span i, #prices-drop #left-column #search_filters .facet ul li.soy_color_texture .custom-checkbox > span i, #new-products #left-column #search_filters .facet ul li.soy_color_texture .custom-checkbox > span i, #best-sales #left-column #search_filters .facet ul li.soy_color_texture .custom-checkbox > span i, #search #left-column #search_filters .facet ul li.soy_color_texture .custom-checkbox > span i { color: #FFFFFF; font-size: 35px; padding: 0; } #category #left-column #search_filters .facet ul li.soy_color_texture a.search-link, #manufacturer #left-column #search_filters .facet ul li.soy_color_texture a.search-link, #prices-drop #left-column #search_filters .facet ul li.soy_color_texture a.search-link, #new-products #left-column #search_filters .facet ul li.soy_color_texture a.search-link, #best-sales #left-column #search_filters .facet ul li.soy_color_texture a.search-link, #search #left-column #search_filters .facet ul li.soy_color_texture a.search-link { display: inline-block; width: 100%; white-space: normal; text-align: center; font-size: 14px; line-height: 1.5; word-break: break-all; } #category #left-column #search_filters .facet ul li .custom-checkbox, #manufacturer #left-column #search_filters .facet ul li .custom-checkbox, #prices-drop #left-column #search_filters .facet ul li .custom-checkbox, #new-products #left-column #search_filters .facet ul li .custom-checkbox, #best-sales #left-column #search_filters .facet ul li .custom-checkbox, #search #left-column #search_filters .facet ul li .custom-checkbox { line-height: 1; top: 0; } #category #left-column #search_filters .facet ul li .custom-checkbox > span, #manufacturer #left-column #search_filters .facet ul li .custom-checkbox > span, #prices-drop #left-column #search_filters .facet ul li .custom-checkbox > span, #new-products #left-column #search_filters .facet ul li .custom-checkbox > span, #best-sales #left-column #search_filters .facet ul li .custom-checkbox > span, #search #left-column #search_filters .facet ul li .custom-checkbox > span { width: 20px; height: 20px; margin: 0 10px 0 0; border-radius: 2px; border: 2px solid #DBDBDB; } #category #left-column #search_filters .facet ul li .custom-checkbox > span i, #manufacturer #left-column #search_filters .facet ul li .custom-checkbox > span i, #prices-drop #left-column #search_filters .facet ul li .custom-checkbox > span i, #new-products #left-column #search_filters .facet ul li .custom-checkbox > span i, #best-sales #left-column #search_filters .facet ul li .custom-checkbox > span i, #search #left-column #search_filters .facet ul li .custom-checkbox > span i { padding-top: .256rem; } #category #left-column #search_filters .facet ul li .custom-checkbox input[type=checkbox] + span .checkbox-checked, #manufacturer #left-column #search_filters .facet ul li .custom-checkbox input[type=checkbox] + span .checkbox-checked, #prices-drop #left-column #search_filters .facet ul li .custom-checkbox input[type=checkbox] + span .checkbox-checked, #new-products #left-column #search_filters .facet ul li .custom-checkbox input[type=checkbox] + span .checkbox-checked, #best-sales #left-column #search_filters .facet ul li .custom-checkbox input[type=checkbox] + span .checkbox-checked, #search #left-column #search_filters .facet ul li .custom-checkbox input[type=checkbox] + span .checkbox-checked { margin: -.40rem -.125rem; } #category #left-column #search_filters .facet ul li .custom-checkbox input[type=checkbox] + span.color, #manufacturer #left-column #search_filters .facet ul li .custom-checkbox input[type=checkbox] + span.color, #prices-drop #left-column #search_filters .facet ul li .custom-checkbox input[type=checkbox] + span.color, #new-products #left-column #search_filters .facet ul li .custom-checkbox input[type=checkbox] + span.color, #best-sales #left-column #search_filters .facet ul li .custom-checkbox input[type=checkbox] + span.color, #search #left-column #search_filters .facet ul li .custom-checkbox input[type=checkbox] + span.color { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #category #left-column #search_filters .facet ul li a.search-link, #manufacturer #left-column #search_filters .facet ul li a.search-link, #prices-drop #left-column #search_filters .facet ul li a.search-link, #new-products #left-column #search_filters .facet ul li a.search-link, #best-sales #left-column #search_filters .facet ul li a.search-link, #search #left-column #search_filters .facet ul li a.search-link { font-size: 14px; line-height: 1.71429; color: #A09E9E; } #category #left-column #search_filters .facet ul li span.magnitude, #manufacturer #left-column #search_filters .facet ul li span.magnitude, #prices-drop #left-column #search_filters .facet ul li span.magnitude, #new-products #left-column #search_filters .facet ul li span.magnitude, #best-sales #left-column #search_filters .facet ul li span.magnitude, #search #left-column #search_filters .facet ul li span.magnitude { display: none; } #category #left-column #search_filters .facet ul.faceted-slider, #manufacturer #left-column #search_filters .facet ul.faceted-slider, #prices-drop #left-column #search_filters .facet ul.faceted-slider, #new-products #left-column #search_filters .facet ul.faceted-slider, #best-sales #left-column #search_filters .facet ul.faceted-slider, #search #left-column #search_filters .facet ul.faceted-slider { overflow: unset; } #category #left-column #search_filters .facet ul.faceted-slider li, #manufacturer #left-column #search_filters .facet ul.faceted-slider li, #prices-drop #left-column #search_filters .facet ul.faceted-slider li, #new-products #left-column #search_filters .facet ul.faceted-slider li, #best-sales #left-column #search_filters .facet ul.faceted-slider li, #search #left-column #search_filters .facet ul.faceted-slider li { -webkit-box-flex: 0 0 100%; -moz-box-flex: 0 0 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding: 0; margin: 0; } #category #left-column #search_filters .facet ul.faceted-slider li .ui-slider, #category #left-column #search_filters .facet ul.faceted-slider li .ui-slider .ui-slider-range, #manufacturer #left-column #search_filters .facet ul.faceted-slider li .ui-slider, #manufacturer #left-column #search_filters .facet ul.faceted-slider li .ui-slider .ui-slider-range, #prices-drop #left-column #search_filters .facet ul.faceted-slider li .ui-slider, #prices-drop #left-column #search_filters .facet ul.faceted-slider li .ui-slider .ui-slider-range, #new-products #left-column #search_filters .facet ul.faceted-slider li .ui-slider, #new-products #left-column #search_filters .facet ul.faceted-slider li .ui-slider .ui-slider-range, #best-sales #left-column #search_filters .facet ul.faceted-slider li .ui-slider, #best-sales #left-column #search_filters .facet ul.faceted-slider li .ui-slider .ui-slider-range, #search #left-column #search_filters .facet ul.faceted-slider li .ui-slider, #search #left-column #search_filters .facet ul.faceted-slider li .ui-slider .ui-slider-range { height: 4px; } #category #left-column #search_filters .facet ul.faceted-slider li .ui-slider, #manufacturer #left-column #search_filters .facet ul.faceted-slider li .ui-slider, #prices-drop #left-column #search_filters .facet ul.faceted-slider li .ui-slider, #new-products #left-column #search_filters .facet ul.faceted-slider li .ui-slider, #best-sales #left-column #search_filters .facet ul.faceted-slider li .ui-slider, #search #left-column #search_filters .facet ul.faceted-slider li .ui-slider { background: none; background-color: #DBDBDB; border: none; margin-bottom: 12px; } #category #left-column #search_filters .facet ul.faceted-slider li .ui-slider .ui-slider-handle, #manufacturer #left-column #search_filters .facet ul.faceted-slider li .ui-slider .ui-slider-handle, #prices-drop #left-column #search_filters .facet ul.faceted-slider li .ui-slider .ui-slider-handle, #new-products #left-column #search_filters .facet ul.faceted-slider li .ui-slider .ui-slider-handle, #best-sales #left-column #search_filters .facet ul.faceted-slider li .ui-slider .ui-slider-handle, #search #left-column #search_filters .facet ul.faceted-slider li .ui-slider .ui-slider-handle { width: 16px; height: 16px; background-color: #434343; border: none; border-radius: 50%; top: 50%; transform: translateY(-50%); } #category #left-column #search_filters .facet ul.faceted-slider li .ui-slider .ui-slider-handle:nth-of-type(2), #manufacturer #left-column #search_filters .facet ul.faceted-slider li .ui-slider .ui-slider-handle:nth-of-type(2), #prices-drop #left-column #search_filters .facet ul.faceted-slider li .ui-slider .ui-slider-handle:nth-of-type(2), #new-products #left-column #search_filters .facet ul.faceted-slider li .ui-slider .ui-slider-handle:nth-of-type(2), #best-sales #left-column #search_filters .facet ul.faceted-slider li .ui-slider .ui-slider-handle:nth-of-type(2), #search #left-column #search_filters .facet ul.faceted-slider li .ui-slider .ui-slider-handle:nth-of-type(2) { transform: translate(-92%, -50%); } #category #left-column #search_filters .facet ul.faceted-slider li p, #manufacturer #left-column #search_filters .facet ul.faceted-slider li p, #prices-drop #left-column #search_filters .facet ul.faceted-slider li p, #new-products #left-column #search_filters .facet ul.faceted-slider li p, #best-sales #left-column #search_filters .facet ul.faceted-slider li p, #search #left-column #search_filters .facet ul.faceted-slider li p { font-size: 14px; line-height: 1.71429; color: #A09E9E; } #category #left-column #search_filters .facet .layered_slider_container, #manufacturer #left-column #search_filters .facet .layered_slider_container, #prices-drop #left-column #search_filters .facet .layered_slider_container, #new-products #left-column #search_filters .facet .layered_slider_container, #best-sales #left-column #search_filters .facet .layered_slider_container, #search #left-column #search_filters .facet .layered_slider_container { margin-top: 1rem; } #category #left-column #search_filters .facet .layered_slider_container .layered_slider, #manufacturer #left-column #search_filters .facet .layered_slider_container .layered_slider, #prices-drop #left-column #search_filters .facet .layered_slider_container .layered_slider, #new-products #left-column #search_filters .facet .layered_slider_container .layered_slider, #best-sales #left-column #search_filters .facet .layered_slider_container .layered_slider, #search #left-column #search_filters .facet .layered_slider_container .layered_slider { height: .3rem; border: 0px; width: 90%; margin-left: 5%; margin-bottom: 2rem; } #category #left-column #search_filters .facet .layered_slider_container .layered_slider .ui-slider-range, #manufacturer #left-column #search_filters .facet .layered_slider_container .layered_slider .ui-slider-range, #prices-drop #left-column #search_filters .facet .layered_slider_container .layered_slider .ui-slider-range, #new-products #left-column #search_filters .facet .layered_slider_container .layered_slider .ui-slider-range, #best-sales #left-column #search_filters .facet .layered_slider_container .layered_slider .ui-slider-range, #search #left-column #search_filters .facet .layered_slider_container .layered_slider .ui-slider-range { height: .3rem; background: #ebedec; } #category #left-column #search_filters .facet .layered_slider_container .layered_slider .ui-slider-handle, #manufacturer #left-column #search_filters .facet .layered_slider_container .layered_slider .ui-slider-handle, #prices-drop #left-column #search_filters .facet .layered_slider_container .layered_slider .ui-slider-handle, #new-products #left-column #search_filters .facet .layered_slider_container .layered_slider .ui-slider-handle, #best-sales #left-column #search_filters .facet .layered_slider_container .layered_slider .ui-slider-handle, #search #left-column #search_filters .facet .layered_slider_container .layered_slider .ui-slider-handle { background: #8a8889; height: .6em; width: .6em; -moz-border-radius: 1px; /* Mozilla */ -webkit-border-radius: 1px; /* Safari */ border-radius: 1px; border: 0px; top: -70%; } #category #left-column #search_filters .facet .layered_slider_container .layered_slider .soy_texto_precio, #manufacturer #left-column #search_filters .facet .layered_slider_container .layered_slider .soy_texto_precio, #prices-drop #left-column #search_filters .facet .layered_slider_container .layered_slider .soy_texto_precio, #new-products #left-column #search_filters .facet .layered_slider_container .layered_slider .soy_texto_precio, #best-sales #left-column #search_filters .facet .layered_slider_container .layered_slider .soy_texto_precio, #search #left-column #search_filters .facet .layered_slider_container .layered_slider .soy_texto_precio { font-size: .8rem; font-weight: 900; white-space: nowrap; padding-top: 1rem; display: block; } #category #left-column #search_filters .facet .layered_slider_container .layered_slider .soy_texto_precio.soy_max, #manufacturer #left-column #search_filters .facet .layered_slider_container .layered_slider .soy_texto_precio.soy_max, #prices-drop #left-column #search_filters .facet .layered_slider_container .layered_slider .soy_texto_precio.soy_max, #new-products #left-column #search_filters .facet .layered_slider_container .layered_slider .soy_texto_precio.soy_max, #best-sales #left-column #search_filters .facet .layered_slider_container .layered_slider .soy_texto_precio.soy_max, #search #left-column #search_filters .facet .layered_slider_container .layered_slider .soy_texto_precio.soy_max { margin-left: -1rem; } #category #left-column #search_filters .facet > div > label, #manufacturer #left-column #search_filters .facet > div > label, #prices-drop #left-column #search_filters .facet > div > label, #new-products #left-column #search_filters .facet > div > label, #best-sales #left-column #search_filters .facet > div > label, #search #left-column #search_filters .facet > div > label { margin-left: 2rem; } /** * Responsive a partir de 768px **/ @media screen and (min-width: 768px) { #category #left-column #search_filters_wrapper, #manufacturer #left-column #search_filters_wrapper, #prices-drop #left-column #search_filters_wrapper, #new-products #left-column #search_filters_wrapper, #best-sales #left-column #search_filters_wrapper, #search #left-column #search_filters_wrapper { padding-top: 1px; } #category #left-column #search_filter_controls, #category #left-column .soy_filters_container, #manufacturer #left-column #search_filter_controls, #manufacturer #left-column .soy_filters_container, #prices-drop #left-column #search_filter_controls, #prices-drop #left-column .soy_filters_container, #new-products #left-column #search_filter_controls, #new-products #left-column .soy_filters_container, #best-sales #left-column #search_filter_controls, #best-sales #left-column .soy_filters_container, #search #left-column #search_filter_controls, #search #left-column .soy_filters_container { width: 100%; max-width: 750px; margin: 0 auto; } #category #left-column #search_filters, #manufacturer #left-column #search_filters, #prices-drop #left-column #search_filters, #new-products #left-column #search_filters, #best-sales #left-column #search_filters, #search #left-column #search_filters { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #category #left-column #search_filters .facet p.h6, #manufacturer #left-column #search_filters .facet p.h6, #prices-drop #left-column #search_filters .facet p.h6, #new-products #left-column #search_filters .facet p.h6, #best-sales #left-column #search_filters .facet p.h6, #search #left-column #search_filters .facet p.h6 { padding: 27px 0; font-size: 16px; line-height: 1.5; } #category #left-column #search_filters .facet ul, #manufacturer #left-column #search_filters .facet ul, #prices-drop #left-column #search_filters .facet ul, #new-products #left-column #search_filters .facet ul, #best-sales #left-column #search_filters .facet ul, #search #left-column #search_filters .facet ul { margin-top: -15px; } #category #left-column #search_filters .facet ul > li a.search-link, #manufacturer #left-column #search_filters .facet ul > li a.search-link, #prices-drop #left-column #search_filters .facet ul > li a.search-link, #new-products #left-column #search_filters .facet ul > li a.search-link, #best-sales #left-column #search_filters .facet ul > li a.search-link, #search #left-column #search_filters .facet ul > li a.search-link { margin-top: 0rem; vertical-align: top; overflow: unset; } #category #left-column #search_filters .facet ul > li label, #manufacturer #left-column #search_filters .facet ul > li label, #prices-drop #left-column #search_filters .facet ul > li label, #new-products #left-column #search_filters .facet ul > li label, #best-sales #left-column #search_filters .facet ul > li label, #search #left-column #search_filters .facet ul > li label { margin-top: .2rem; } #category #left-column #search_filters .facet .facet-title, #manufacturer #left-column #search_filters .facet .facet-title, #prices-drop #left-column #search_filters .facet .facet-title, #new-products #left-column #search_filters .facet .facet-title, #best-sales #left-column #search_filters .facet .facet-title, #search #left-column #search_filters .facet .facet-title { text-transform: uppercase; } #category #left-column #search_filters .facet > .title > p, #manufacturer #left-column #search_filters .facet > .title > p, #prices-drop #left-column #search_filters .facet > .title > p, #new-products #left-column #search_filters .facet > .title > p, #best-sales #left-column #search_filters .facet > .title > p, #search #left-column #search_filters .facet > .title > p { line-height: 1.2rem; display: inline-block; width: 80%; font-weight: 400; } } /** * Responsive a partir de 992px **/ @media screen and (min-width: 992px) { #category #left-column, #manufacturer #left-column, #prices-drop #left-column, #new-products #left-column, #best-sales #left-column, #search #left-column { padding: 0 13px; } #category #left-column #search_filters_wrapper, #manufacturer #left-column #search_filters_wrapper, #prices-drop #left-column #search_filters_wrapper, #new-products #left-column #search_filters_wrapper, #best-sales #left-column #search_filters_wrapper, #search #left-column #search_filters_wrapper { position: static; margin-top: 1px; display: block !important; background-color: transparent; max-height: unset; padding: 0; } #category #left-column #search_filters > i, #manufacturer #left-column #search_filters > i, #prices-drop #left-column #search_filters > i, #new-products #left-column #search_filters > i, #best-sales #left-column #search_filters > i, #search #left-column #search_filters > i { display: inline-block; } #category #left-column #search_filters .facet ul.faceted-slider, #manufacturer #left-column #search_filters .facet ul.faceted-slider, #prices-drop #left-column #search_filters .facet ul.faceted-slider, #new-products #left-column #search_filters .facet ul.faceted-slider, #best-sales #left-column #search_filters .facet ul.faceted-slider, #search #left-column #search_filters .facet ul.faceted-slider { padding-left: 1px; } #category #left-column #search_filters .facet ul > li, #manufacturer #left-column #search_filters .facet ul > li, #prices-drop #left-column #search_filters .facet ul > li, #new-products #left-column #search_filters .facet ul > li, #best-sales #left-column #search_filters .facet ul > li, #search #left-column #search_filters .facet ul > li { -webkit-box-flex: 0 0 calc(100% - 15px); -moz-box-flex: 0 0 calc(100% - 15px); -webkit-flex: 0 0 calc(100% - 15px); -ms-flex: 0 0 calc(100% - 15px); flex: 0 0 calc(100% - 15px); } #category #left-column #search_filters .facet ul > li.soy_color_texture, #manufacturer #left-column #search_filters .facet ul > li.soy_color_texture, #prices-drop #left-column #search_filters .facet ul > li.soy_color_texture, #new-products #left-column #search_filters .facet ul > li.soy_color_texture, #best-sales #left-column #search_filters .facet ul > li.soy_color_texture, #search #left-column #search_filters .facet ul > li.soy_color_texture { margin: 0 2.5px; max-width: calc(25% - 5px); } #category #left-column #search_filters .facet ul > li.soy_color_texture .facet-label, #manufacturer #left-column #search_filters .facet ul > li.soy_color_texture .facet-label, #prices-drop #left-column #search_filters .facet ul > li.soy_color_texture .facet-label, #new-products #left-column #search_filters .facet ul > li.soy_color_texture .facet-label, #best-sales #left-column #search_filters .facet ul > li.soy_color_texture .facet-label, #search #left-column #search_filters .facet ul > li.soy_color_texture .facet-label { gap: 5px; } #category #left-column #search_filters .facet ul > li.soy_color_texture .custom-checkbox > span, #manufacturer #left-column #search_filters .facet ul > li.soy_color_texture .custom-checkbox > span, #prices-drop #left-column #search_filters .facet ul > li.soy_color_texture .custom-checkbox > span, #new-products #left-column #search_filters .facet ul > li.soy_color_texture .custom-checkbox > span, #best-sales #left-column #search_filters .facet ul > li.soy_color_texture .custom-checkbox > span, #search #left-column #search_filters .facet ul > li.soy_color_texture .custom-checkbox > span { width: 32px; height: 32px; } #category #left-column #search_filters .facet ul > li.soy_color_texture .custom-checkbox > span i, #manufacturer #left-column #search_filters .facet ul > li.soy_color_texture .custom-checkbox > span i, #prices-drop #left-column #search_filters .facet ul > li.soy_color_texture .custom-checkbox > span i, #new-products #left-column #search_filters .facet ul > li.soy_color_texture .custom-checkbox > span i, #best-sales #left-column #search_filters .facet ul > li.soy_color_texture .custom-checkbox > span i, #search #left-column #search_filters .facet ul > li.soy_color_texture .custom-checkbox > span i { font-size: 25px; } #category #left-column #search_filters .facet ul > li.soy_color_texture a.search-link, #manufacturer #left-column #search_filters .facet ul > li.soy_color_texture a.search-link, #prices-drop #left-column #search_filters .facet ul > li.soy_color_texture a.search-link, #new-products #left-column #search_filters .facet ul > li.soy_color_texture a.search-link, #best-sales #left-column #search_filters .facet ul > li.soy_color_texture a.search-link, #search #left-column #search_filters .facet ul > li.soy_color_texture a.search-link { font-size: 16px; line-height: 1.4; } #category #left-column #search_filters .facet .navbar-toggler, #manufacturer #left-column #search_filters .facet .navbar-toggler, #prices-drop #left-column #search_filters .facet .navbar-toggler, #new-products #left-column #search_filters .facet .navbar-toggler, #best-sales #left-column #search_filters .facet .navbar-toggler, #search #left-column #search_filters .facet .navbar-toggler { display: block; cursor: pointer; } #category #left-column #search_filters .facet > .title, #manufacturer #left-column #search_filters .facet > .title, #prices-drop #left-column #search_filters .facet > .title, #new-products #left-column #search_filters .facet > .title, #best-sales #left-column #search_filters .facet > .title, #search #left-column #search_filters .facet > .title { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } #category #left-column #search_filters .facet > .title i, #manufacturer #left-column #search_filters .facet > .title i, #prices-drop #left-column #search_filters .facet > .title i, #new-products #left-column #search_filters .facet > .title i, #best-sales #left-column #search_filters .facet > .title i, #search #left-column #search_filters .facet > .title i { font-size: 10px; vertical-align: top; } #category #left-column #search_filters .facet > .title .soy_menos, #manufacturer #left-column #search_filters .facet > .title .soy_menos, #prices-drop #left-column #search_filters .facet > .title .soy_menos, #new-products #left-column #search_filters .facet > .title .soy_menos, #best-sales #left-column #search_filters .facet > .title .soy_menos, #search #left-column #search_filters .facet > .title .soy_menos { display: none; } #category #left-column #search_filters .facet.open_facet > .title .soy_mas, #manufacturer #left-column #search_filters .facet.open_facet > .title .soy_mas, #prices-drop #left-column #search_filters .facet.open_facet > .title .soy_mas, #new-products #left-column #search_filters .facet.open_facet > .title .soy_mas, #best-sales #left-column #search_filters .facet.open_facet > .title .soy_mas, #search #left-column #search_filters .facet.open_facet > .title .soy_mas { display: none; } #category #left-column #search_filters .facet.open_facet > .title .soy_menos, #manufacturer #left-column #search_filters .facet.open_facet > .title .soy_menos, #prices-drop #left-column #search_filters .facet.open_facet > .title .soy_menos, #new-products #left-column #search_filters .facet.open_facet > .title .soy_menos, #best-sales #left-column #search_filters .facet.open_facet > .title .soy_menos, #search #left-column #search_filters .facet.open_facet > .title .soy_menos { display: inline; } } /** * Responsive a partir de 1200px **/ #category { /** ============== MÓDULO FEATURED PRODUCTS ================ **/ /** ============== MÓDULO DESCRIPCIÓN SECUNDARIA ================ **/ /** ============== DESCRIPCIÓN ADICIONAL DE PRESTASHOP ================ **/ /** ============== MÓDULO CATEGORY INFO ================ **/ /** ============== MÓDULO CATEGORÍAS RELACIONADAS O SOYHEADERCATEGORY ================ **/ } #category .featured-products { padding: 0 15px; } #category #soy_categorydesc { max-width: 665px; margin: 0 auto; text-align: center; margin-bottom: 16px; } #category #soy_categorydesc * { color: #434343; } #category #soy_categorydesc h1, #category #soy_categorydesc .h1 { font-size: 20px; } #category #soy_categorydesc h2, #category #soy_categorydesc .h2 { font-size: 16px; } #category #soy_categorydesc p { font-size: 14px; line-height: 1.42857; } #category .soy-additional-description { margin: 30px 0 40px; } #category .soy-additional-description .category-additional-description { text-align: center; color: #434343; } #category .soy-additional-description .category-additional-description * { color: inherit; } #category .soy_ci_wrapper .soy_ci_title, #category .soy_ci_wrapper .soy_ci_img { display: none; } #category .soy_ci_wrapper .soy_ci_text { float: unset; padding: 0; } #category .soy_ci_wrapper .soy_ci_text.medicamento { width: 100%; } #category .soy_ci_wrapper .soy_ci_text .addcatdesc { border: none; padding: 0; margin: 0; } #category .soy-prestashop-description { margin: 50px 0 0px; } #category .soy-prestashop-description .soy_ci_title, #category .soy-prestashop-description .soy_ci_img { display: block; } #category .soy-prestashop-description .addcatdesc { padding: 0; margin: 0; border: none; } #category .soy-prestashop-description .addcatdesc ul { padding-left: 22px; } #category .soy-prestashop-description .soy_ci_wrapper { margin: 0 auto; } #category .soy-prestashop-description .soy_ci_wrapper .soy_ci_img { margin-bottom: 36px; } #category .soy-prestashop-description .soy_ci_wrapper .soy_ci_cover { width: fit-content; margin: 0 auto; } #category .soy-prestashop-description .soy_ci_wrapper .soy_ci_cover img { max-width: 100%; width: 100%; height: auto; } #category .soy-prestashop-description .soy_ci_wrapper .soy_ci_text { text-align: left; padding: 0 15px; } #category .soy-prestashop-description .soy_ci_wrapper .soy_ci_title { margin-bottom: 10px; } #category .soy-prestashop-description .soy_ci_wrapper .soy_ci_title .soy_title { color: #FF671D; font-size: 22px; line-height: 1.22727; font-weight: 400; margin-bottom: 0; } #category .soy-prestashop-description .soy_ci_wrapper p, #category .soy-prestashop-description .soy_ci_wrapper .soy_ci_desc p { color: #434343; font-size: 14px; line-height: 1.42857; } #category #soy_header_category { padding: 0 15px; margin-top: 51px; } #category #soy_header_category .container { padding: 0; } #category #soy_header_category .soy_title_wrapper { margin-bottom: 24px; } #category #soy_header_category .soy_title { color: #FF671D; font-size: 22px; line-height: 1.22727; text-align: center; } #category #soy_header_category .soy_header_category_container { width: fit-content; margin: 0 auto; } #category #soy_header_category .soy_banners_wrapper .container { position: relative; margin-bottom: 6px; } #category #soy_header_category .soy_banners_wrapper .soy_textos { position: absolute; top: 50%; -ms-transform: translateY(-50%); /* IE 9 */ -webkit-transform: translateY(-50%); /* Safari */ transform: translateY(-50%); } #category #soy_header_category .soy_banners_wrapper .soy_textos .soy_first_text { color: #FF671D; padding: 0 18px; } #category #soy_header_category .soy_banners_wrapper .soy_textos .soy_first_text span { font-size: 18px; line-height: 1.33333; font-family: "Hanken-Bold"; } #category #soy_header_category .soy_img img { max-width: 435px; width: 100%; height: auto; } #category .block-category { overflow: hidden; margin-right: -15px; margin-left: -15px; min-height: unset; } #category .block-category .soy_title, #category .block-category .block-category-inner #category-description { position: relative; z-index: 1; padding-right: 15px; padding-left: 15px; } #category .block-category .soy_title { color: #FF671D; font-size: 30px; line-height: 1.2; margin-bottom: 24px; text-align: center; } #category .block-category .block-category-inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #category .block-category .block-category-inner #cat_description_btn { position: relative; padding: 12px 26px; width: fit-content; margin: 0 auto; /* .soy_leer_mas{ display: none; } &.desc_closed{ .soy_leer_menos{ display: none; } .soy_leer_mas{ display: inline; } } */ } #category .block-category .block-category-inner #category-description { text-align: center; } #category .block-category .block-category-inner #category-description p { font-size: 14px; line-height: 1.42857; color: #434343; text-align: center; margin: 0; } #category .block-category .block-category-inner #category-description p:not(:last-child) { margin-bottom: 1.25rem; } #category .block-category .block-category-inner #category-description p strong { color: inherit; font-weight: bold; } #category #soy-js-product-list-header { padding: 36px 15px; margin: 0 -15px; position: relative; background-color: transparent; } #category #soy-js-product-list-header::before { content: ''; position: absolute; background-color: #F0EDEA; top: 0; left: 50%; transform: translateX(-50%); width: 100vw; height: 100%; } #category #soy-js-product-list-header .owl-nav { display: none; } #category #soy-js-product-list-header .owl-dots { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; margin-top: 24px; position: relative; z-index: 1; } #category #soy-js-product-list-header .owl-dots .owl-dot { appearance: none; border: none; background-color: transparent; padding: 8px; } #category #soy-js-product-list-header .owl-dots .owl-dot span { height: 12px; width: 12px; background-color: #A09E9E; border-radius: 50%; display: block; } #category #soy-js-product-list-header .owl-dots .owl-dot.active span { background-color: #FF671D; } #category #soy-js-product-list-header .owl-dots .owl-dot:focus { outline: none; } #category #soy-js-product-list-header #soy_subcategories_block { position: relative; } #category #soy-js-product-list-header #soy_subcategories_block .soy_subcategories_list .owl-stage { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; gap: 2.3px; margin: 0 auto; } #category #soy-js-product-list-header #soy_subcategories_block ul { padding: 0 25px; margin: 0; } #category #soy-js-product-list-header #soy_subcategories_block li { width: 100%; max-width: 90px; } #category #soy-js-product-list-header #soy_subcategories_block li a, #category #soy-js-product-list-header #soy_subcategories_block li a span { text-align: center; font-size: 14px; line-height: 1.42857; color: #696158; margin: 0; font-weight: unset; font-family: "Hanken-Bold"; } #category #soy-js-product-list-header #soy_subcategories_block img { border-radius: 50%; max-width: 90px; max-height: 90px; margin-bottom: 8px; width: 100%; height: auto; } #category #soy_subcategories_block { margin-top: 3rem; } #category #soy_subcategories_block li { display: inline-block; text-align: center; } /** * Responsive a partir de 768px **/ @media screen and (min-width: 768px) { #category { /** ============== MÓDULO CATEGORY INFO ================ **/ } #category .soy-prestashop-description .soy_ci_wrapper { max-width: 80%; margin: 0 auto; } } /** * Responsive a partir de 992px **/ @media screen and (min-width: 992px) { #category { /** ============== DESCRIPCIÓN ADICIONAL DE PRESTASHOP ================ **/ /** ============== MÓDULO DESCRIPCIÓN SECUNDARIA ================ **/ /** ============== MÓDULO CATEGORY INFO ================ **/ /** ============== MÓDULO CATEGORÍAS RELACIONADAS O SOYHEADERCATEGORY ================ **/ } #category .first_container_row { position: relative; } #category .first_container_row::before { content: ''; position: absolute; top: 0; left: 50%; width: calc(100% - 30px); height: 1px; background-color: #DBDBDB; transform: translateX(-50%); } #category .soy-additional-description { margin: 0 0 20px; } #category .soy-additional-description .category-additional-description { text-align: left; max-width: 665px; } #category .soy_sticky_container { position: sticky; top: 129px; z-index: 998; } #category #soy_categorydesc h1, #category #soy_categorydesc .h1 { font-size: 25px; } #category #soy_categorydesc h2, #category #soy_categorydesc .h2 { font-size: 20px; } #category #soy_categorydesc p { font-size: 16px; line-height: 1.375; } #category .soy-prestashop-description { padding: 0 15px; margin: 100px 0 0; } #category .soy-prestashop-description .soy_ci_wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; max-width: 1385px; } #category .soy-prestashop-description .soy_ci_wrapper .soy_ci_img, #category .soy-prestashop-description .soy_ci_wrapper .soy_ci_text { float: unset; padding: 0; } #category .soy-prestashop-description .soy_ci_wrapper .soy_ci_img { margin: 0; } #category .soy-prestashop-description .soy_ci_wrapper .soy_ci_text { text-align: left; } #category .soy-prestashop-description .soy_ci_wrapper .soy_ci_title { margin-bottom: 22px; } #category .soy-prestashop-description .soy_ci_wrapper .soy_ci_title .soy_title { font-size: 30px; line-height: 1.2; } #category .soy-prestashop-description .soy_ci_wrapper p, #category .soy-prestashop-description .soy_ci_wrapper .soy_ci_desc p { font-size: 16px; line-height: 1.375; } #category #soy_header_category { margin: 76.3px auto 0 auto; max-width: 1385px; } #category #soy_header_category .soy_header_category_container { width: 100%; } #category #soy_header_category .soy_title { font-size: 30px; line-height: 1.2; text-align: left; } #category #soy_header_category .soy_banners_wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 23px; } #category #soy_header_category .soy_banners_wrapper .container { width: fit-content; margin: 0; } #category #soy_header_category .soy_banners_wrapper .container:hover img { opacity: .7; } #category #soy_header_category .soy_banners_wrapper .soy_textos .soy_first_text { padding: 0 35px; } #category #soy_header_category .soy_banners_wrapper .soy_textos .soy_first_text span { font-size: 22px; line-height: 1.18182; font-weight: 700; } #category #soy-js-product-list-header { padding: 61px 15px 66.4px; } #category #soy-js-product-list-header #soy_subcategories_block { margin-top: 50px; } #category #soy-js-product-list-header #soy_subcategories_block .owl-item { text-align: center; } #category #soy-js-product-list-header #soy_subcategories_block ul { padding: 0; } #category #soy-js-product-list-header #soy_subcategories_block li { max-width: 133px; } #category #soy-js-product-list-header #soy_subcategories_block li a, #category #soy-js-product-list-header #soy_subcategories_block li a span { font-size: 16px; line-height: 1.5; } #category #soy-js-product-list-header #soy_subcategories_block img { max-width: 133px; max-height: 133px; } #category .block-category { margin: 0; } #category .block-category .soy_title, #category .block-category .block-category-inner #category-description { padding-right: 0; padding-left: 0; } #category .block-category .soy_title { font-size: 45px; line-height: 1.22222; margin-bottom: 12px; } #category .block-category .block-category-inner #category-description p { font-size: 16px; line-height: 1.375; } } body#manufacturer .soymanufacturer { padding: 26px 15px 36px; background-color: #F0EDEA; } body#manufacturer .soymanufacturer--footer { background-color: initial; padding: 0; margin-top: 30px; } body#manufacturer .soymanufacturer__wrapper { width: fit-content; max-width: 665px; margin: 0 auto; text-align: center; } body#manufacturer .soymanufacturer__btn { padding: 12px 26px; width: fit-content; margin: 16px auto 0; } body#manufacturer .soymanufacturer__img { mix-blend-mode: multiply; margin-bottom: 15px; } body#manufacturer .soymanufacturer__caption { font-size: 30px; line-height: 1.2; color: #FF671D; font-weight: initial; margin: 0; } body#manufacturer .soymanufacturer__caption--footer { font-size: 22px; line-height: 1.22727; } body#manufacturer .soymanufacturer__description { color: #434343; font-size: 14px; line-height: 1.42857; margin-top: 20px; } body#manufacturer .soymanufacturer__description * { color: inherit; } body#manufacturer .soymanufacturer__description p { line-height: inherit; font-size: inherit; } body#manufacturer .soymanufacturer__description p:last-child { margin: 0; } body#manufacturer .soymanufacturer__description--footer { margin-top: 30px; } @media screen and (min-width: 992px) { body#manufacturer .soymanufacturer { padding: 51px 16px 56px; } body#manufacturer .soymanufacturer--footer { padding: 0; } body#manufacturer .soymanufacturer__caption { font-size: 45px; line-height: 1.22222; } body#manufacturer .soymanufacturer__caption--footer { font-size: 30px; line-height: 1.2; } body#manufacturer .soymanufacturer__description { font-size: 16px; line-height: 1.375; margin-top: 10px; } body#manufacturer .soymanufacturer__description--footer { margin-top: 40px; } } /*------------------------------------------------------------- # Producto --------------------------------------------------------------*/ /*------------------------------------------------------------- ## Detalle --------------------------------------------------------------*/ body#product { /** =============== MAILALERTS =============== **/ /** =============== MAILALERTS =============== **/ } body#product #wrapper > .container { padding-top: 0.5px; } body#product .cn_banner_placeholder { margin-bottom: 45px; } body#product .cn_banner_placeholder .cn__blocktitle { background-color: transparent; text-transform: unset; } body#product .cn_banner_placeholder .cn__blocktitle span { font-family: "Gazpacho" !important; font-weight: initial !important; color: #FF671D !important; background-color: inherit !important; font-size: 22px; line-height: 1.22727; } body#product .js-mailalert input[type="email"] { min-height: 48px; border: none; margin-bottom: 15px; background-color: #F0EDEA; font-size: 14px; line-height: 1.71429; } body#product .js-mailalert article.alert, body#product .js-mailalert article { margin-bottom: 1rem; padding: 8px 16px; font-size: 13px; line-height: 1.46154; } body#product.show_topcart #fixed_top_cart { display: block; -webkit-box-shadow: 0 2px 7px 0 #F0EDEA; -moz-box-shadow: 0 2px 7px 0 #F0EDEA; box-shadow: 0 2px 7px 0 #F0EDEA; border-top: 1px solid #DBDBDB; } body#product.show_topcart .product-buy-block .product-actions .product-add-to-cart .product-quantity { position: fixed; right: 15px; z-index: 998; } body#product.show_topcart .product-buy-block .product-actions .product-add-to-cart .product-quantity .fixed_top_cart { max-width: 362px; min-width: 236px; } body#product #fixed_top_cart { display: none; position: fixed; top: 129px; left: 0; width: 100%; max-width: 1920px; z-index: 997; background-color: #FFFFFF; padding: 11px 0; } body#product #fixed_top_cart .product-add-to-cart .control-label, body#product #fixed_top_cart .product-prices, body#product #fixed_top_cart .soy_combination, body#product #fixed_top_cart .product-variants { display: none !important; } body#product #fixed_top_cart .fixed_top_cart__wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; max-width: 1385px; width: 100%; padding: 0 15px; margin: 0 auto; } body#product #fixed_top_cart .fixed_top_cart__product, body#product #fixed_top_cart .fixed_top_cart__price { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; width: 25%; } body#product #fixed_top_cart .fixed_top_cart__product { margin-right: 20px; } body#product #fixed_top_cart .fixed_top_cart__product .fixed_top_cart__name { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; font-size: 20px; line-height: 1.2; font-family: "Hanken-Bold"; color: #696158; } body#product #fixed_top_cart .fixed_top_cart__product img { width: 75px; height: min-content; margin-right: 25px; } body#product #fixed_top_cart .fixed_top_cart__price { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } body#product #fixed_top_cart .fixed_top_cart__price .regular-price, body#product #fixed_top_cart .fixed_top_cart__price .current-price { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; gap: 1px; } body#product #fixed_top_cart .fixed_top_cart__price .regular-price { text-decoration: line-through; } body#product #fixed_top_cart .fixed_top_cart__price .regular-price .soy_entero { font-size: 18px; line-height: 1.33333; } body#product #fixed_top_cart .fixed_top_cart__price .regular-price .soy_decimal { font-size: 14px; line-height: 1.71429; } body#product #fixed_top_cart .fixed_top_cart__price .current-price { font-family: "Hanken-Bold"; } body#product #fixed_top_cart .fixed_top_cart__price .current-price .soy_entero { font-size: 20px; line-height: 1.2; } body#product #fixed_top_cart .fixed_top_cart__price .current-price .soy_decimal { font-size: 16px; line-height: 1.5; } body#product .product-name { margin-bottom: 26px; } body#product .product-name h1 { font-weight: 400; font-size: 22px; line-height: 1.22727; color: #FF671D; margin: 0 0 6px; text-transform: initial; } body#product .product-name .product-reference span { font-size: 14px; line-height: 1.14286; color: #A09E9E; } body#product #content { max-width: unset; } body#product .images-block .scroll-box-arrows i { bottom: 0; height: 250px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } body#product .images-block .product-miniatures_list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } body#product .images-block .soy_product-images { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-bottom: 40px; } body#product .images-block .soy_product-images .owl-stage { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } body#product .images-block .soy_product-images .slick-dots, body#product .images-block .soy_product-images .owl-dots { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; position: absolute; bottom: -33px; left: 50%; transform: translateX(-50%); } body#product .images-block .soy_product-images .slick-dots li { padding: 8px; cursor: pointer; display: flex; } body#product .images-block .soy_product-images .slick-dots li.slick-active button { background-color: #FF671D; } body#product .images-block .soy_product-images .slick-dots li button { appearance: none; color: transparent; background-color: #DBDBDB; border: none; height: 4px; width: 35px; border-radius: 10px; cursor: pointer; } body#product .images-block .soy_product-images img { width: 100%; } body#product .images-block #content { margin: 0; } body#product .images-block li.product-flag { right: 0; } body#product .images-block .images-container { position: relative; } body#product .images-block .images-container img { box-shadow: none; } body#product .images-block .images-container .product-cover .fmm_sticker_base_span img { width: fit-content !important; } body#product .images-block .images-container .product-images { margin: 0; } body#product .images-block .images-container .product-images li.thumb-container .thumb:hover, body#product .images-block .images-container .product-images > li.thumb-container .thumb:hover { border: none; } body#product .images-block .images-container .product-images li img.selected, body#product .images-block .images-container .product-images li img.hover, body#product .images-block .images-container .product-images > li img.selected, body#product .images-block .images-container .product-images > li img.hover { border: none; } body#product .soy_product_information { margin-top: 20px; } body#product .product-buy-block { background-color: white; text-align: left; margin-top: 30px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } body#product .product-buy-block .product-additional-info { margin: 0; } body#product .product-buy-block .product-additional-info .tabs { padding: 0; margin: 0; } body#product .product-buy-block .product-additional-info .tabs .js-mailalert-add { width: 100%; padding: 12px 0; margin-bottom: 18px; white-space: normal; padding: 12px 5px; } body#product .product-buy-block .product-prices { order: 1; margin-bottom: 15px; } body#product .product-buy-block .product-prices .product-pack-price { display: none; } body#product .product-buy-block .SoyaddCart .product-prices .product-pack-price { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } body#product .product-buy-block .product-actions { display: none; } body#product .product-buy-block .product-actions .soy_combination { display: none; } body#product .product-buy-block .product-actions .product-discounts { margin: 0; } body#product .product-buy-block .product-actions .product-variants .collapse-icons { display: none; } body#product .product-buy-block .product-actions .product-variants .product-variants-item .control-label { width: 80%; display: inline-block; font-size: 14px; line-height: 1.71429; color: #696158; font-family: "Hanken-Bold"; margin: 0; padding-bottom: .375rem; } body#product .product-buy-block .product-actions .product-variants select { font-size: 14px; line-height: 1.42857; color: #434343; border: 2px solid #DBDBDB; border-radius: 8px; padding: 9px 30px 9px 14px; } body#product .product-buy-block .product-actions .product-variants select.soy_alert { border: 2px solid #FF671D; color: #FF671D; } body#product .product-buy-block .product-actions .product-variants select:hover, body#product .product-buy-block .product-actions .product-variants select:active, body#product .product-buy-block .product-actions .product-variants select:focus { outline: none; } body#product .product-buy-block .product-actions .product-variants ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; } body#product .product-buy-block .product-actions .product-variants ul li { display: inline-block; /** Botón de radio **/ } body#product .product-buy-block .product-actions .product-variants ul li.variant_color > label { width: 45px; } body#product .product-buy-block .product-actions .product-variants ul li.soy_alert .color { border: 2px solid #FF671D; } body#product .product-buy-block .product-actions .product-variants ul li.soy_alert .color + .sr-only { color: #FF671D; } body#product .product-buy-block .product-actions .product-variants ul li.soy_alert.variant_radio .input-radio:checked + .radio-label, body#product .product-buy-block .product-actions .product-variants ul li.soy_alert.variant_radio .radio-label { border: 2px solid #FF671D; color: #FF671D; } body#product .product-buy-block .product-actions .product-variants ul li label { text-align: center; } body#product .product-buy-block .product-actions .product-variants ul li .input-color:checked + span i { display: none; } body#product .product-buy-block .product-actions .product-variants ul li .color { width: 45px; height: 45px; margin: 0 0 4px; border: 1px solid #A09E9E; border-radius: 50%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } body#product .product-buy-block .product-actions .product-variants ul li .color i { display: none; font-size: 35px; color: #434343; } body#product .product-buy-block .product-actions .product-variants ul li .color + .sr-only { width: fit-content; height: auto; overflow: auto; clip: unset; margin: 0; font-size: 14px; line-height: 1; color: #434343; position: static; word-break: break-word; } body#product .product-buy-block .product-actions .product-variants ul li.variant_radio label:hover .input-radio:checked + .radio-label { background-color: #F0EDEA; } body#product .product-buy-block .product-actions .product-variants ul li.variant_radio .input-radio:checked + .radio-label { background-color: #FFFFFF; border-color: #DBDBDB; color: #434343; } body#product .product-buy-block .product-actions .product-variants ul li.variant_radio .radio-label { border: solid 2px #DBDBDB; border-radius: 8px; font-size: 14px; line-height: 1.42857; color: #434343; font-weight: initial; padding: 9px 14px; } body#product .product-buy-block .product-actions .product-variants .product-variants-item.soy_selected ul li { /** Botón de radio **/ } body#product .product-buy-block .product-actions .product-variants .product-variants-item.soy_selected ul li .input-color:checked + span i { display: inline-block; } body#product .product-buy-block .product-actions .product-variants .product-variants-item.soy_selected ul li.variant_radio .input-radio:checked + .radio-label { background-color: #FF671D; border-color: #FF671D; color: #FFFFFF; } body#product .product-buy-block .product-actions .product-add-to-cart { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } body#product .product-buy-block .product-actions .product-add-to-cart .control-label { display: none; } body#product .product-buy-block .product-actions .product-add-to-cart .product-quantity { -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; height: 49px; } body#product .product-buy-block .product-actions .product-add-to-cart .product-quantity .input-group, body#product .product-buy-block .product-actions .product-add-to-cart .product-quantity #quantity_wanted { height: 100%; } body#product .product-buy-block .product-actions .product-add-to-cart .product-quantity #quantity_wanted { text-align: center; width: calc((140px / 3) + 20px); } body#product .product-buy-block .product-actions .product-add-to-cart .product-quantity .btn-touchspin, body#product .product-buy-block .product-actions .product-add-to-cart .product-quantity #quantity_wanted { background-color: #F0EDEA; color: #434343; border: none; } body#product .product-buy-block .product-actions .product-add-to-cart .product-quantity .btn-touchspin { width: calc((140px / 3) - 10px); margin: 0; position: absolute; top: 0; bottom: 0; padding: 0; } body#product .product-buy-block .product-actions .product-add-to-cart .product-quantity .btn-touchspin i { display: none; } body#product .product-buy-block .product-actions .product-add-to-cart .product-quantity .btn-touchspin::after { content: ''; top: 50%; left: 50%; color: inherit; font-size: 18px; line-height: 1.33333; } body#product .product-buy-block .product-actions .product-add-to-cart .product-quantity .btn-touchspin.bootstrap-touchspin-up { right: 0; } body#product .product-buy-block .product-actions .product-add-to-cart .product-quantity .btn-touchspin.bootstrap-touchspin-up::after { content: '+'; } body#product .product-buy-block .product-actions .product-add-to-cart .product-quantity .btn-touchspin.bootstrap-touchspin-down { left: 0; } body#product .product-buy-block .product-actions .product-add-to-cart .product-quantity .btn-touchspin.bootstrap-touchspin-down::after { content: '-'; } body#product .product-buy-block .product-actions .product-add-to-cart .product-quantity .bootstrap-touchspin { padding: 0 calc((140px / 3) - 10px); max-width: 140px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } body#product .product-buy-block .product-actions .product-add-to-cart .product-quantity .bootstrap-touchspin .input-group-btn-vertical { position: static; } body#product .product-buy-block .product-actions .product-add-to-cart .qty { display: block; margin: 0; border: 1px solid #eee; margin-right: .45rem; } body#product .product-buy-block .product-actions .product-add-to-cart .qty > input { font-weight: 700; font-size: 1.48rem; padding-left: .34rem; height: 100%; border: none; } body#product .product-buy-block .product-actions .product-add-to-cart .soy_add-to-cart { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; min-height: 49px; } body#product .product-buy-block .product-actions .product-add-to-cart .soy_add-to-cart, body#product .product-buy-block .product-actions .product-add-to-cart button { font-size: 1rem; padding: 0; height: auto; width: 100%; text-align: center; white-space: normal; font-size: 1rem; color: #FFFFFF; background-color: #FF671D; } body#product .product-buy-block .product-actions .product-add-to-cart .soy_add-to-cart.disabled, body#product .product-buy-block .product-actions .product-add-to-cart .soy_add-to-cart:disabled, body#product .product-buy-block .product-actions .product-add-to-cart button.disabled, body#product .product-buy-block .product-actions .product-add-to-cart button:disabled { opacity: 1; border-color: #FF9B6A; background-color: #FF9B6A; } body#product .product-buy-block .product-actions .product-add-to-cart .soy_add-to-cart span, body#product .product-buy-block .product-actions .product-add-to-cart button span { letter-spacing: -0.2px; } body#product .product-buy-block .product-actions .product-add-to-cart .soy_add-to-cart.wishlist-button-add, body#product .product-buy-block .product-actions .product-add-to-cart button.wishlist-button-add { width: 50px; min-width: 50px; height: 50px; padding: 0; -webkit-align-self: center; -moz-align-self: center; -ms-align-self: center; align-self: center; } body#product .product-buy-block .product-actions .product-add-to-cart .soy_add-to-cart.wishlist-button-add i.material-icons, body#product .product-buy-block .product-actions .product-add-to-cart button.wishlist-button-add i.material-icons { margin: 0; color: #fff; } body#product .product-buy-block .product-actions .product-add-to-cart .soy_add-to-cart > i, body#product .product-buy-block .product-actions .product-add-to-cart button > i { vertical-align: top; margin-right: .2rem; } body#product .product-buy-block .product-actions .product-add-to-cart .add, body#product .product-buy-block .product-actions .product-add-to-cart .soy_fake_add_btn { margin: 0; width: 100%; float: left; } body#product #product-availability { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; font-size: 16px; line-height: 1.5; gap: 7.7px; color: #696158; font-family: "Hanken-Bold"; font-weight: 400; margin-top: 25px; } body#product #product-availability i { font-size: 21px; color: #696158; } body#product .product-description-short { margin-bottom: 5px; color: #434343; } body#product .product-description-short p { font-size: 13px; line-height: 1.46154; color: #434343; } body#product .product-description { position: relative; } body#product .product-description iframe { max-width: 100%; } body#product .product-description #soy_descripcion_btn { position: absolute; bottom: 0; left: 0; width: 100%; text-align: right; transform: translateY(calc(100% + 12px)); margin-top: 12px; } body#product .product-description #soy_descripcion_btn .soy_descripcion_btn_btn { cursor: pointer; padding: 8px; color: #434343; font-size: 14px; line-height: 1.71429; font-family: "Hanken-Bold"; } body#product .product-description #soy_descripcion_btn .soy_descripcion_btn_btn i { font-size: 18px; margin-left: 5px; vertical-align: middle; vertical-align: text-bottom; } body#product .product-description p { font-size: 13px; line-height: 1.46154; } body#product .product-description span.h3, body#product .product-description h2 { font-size: 22px; line-height: 1.22727; font-weight: initial; text-transform: initial; color: #FF671D; margin-bottom: 12px; } body#product .product-description > div p { margin-bottom: 12px; color: #434343; } body#product .product-description ul li { color: #434343; } body#product .product-features, body#product .product-quantities { display: none; } body#product .product-details { background-color: #F0EDEA; border-radius: 12px; padding: 23px 15px 38px; margin: 55px 15px 0; } body#product .product-details p { font-size: 13px; line-height: 1.46154; color: #434343; } body#product .product-details .product_tabs { margin: 0; } body#product .product-details .product_tabs .tab_item { border-bottom: 1px solid #DBDBDB; } body#product .product-details .product_tabs .tab_item:last-child { border: none; } body#product .product-details .product_tabs .tab_item:not(:last-child) .tab_link + div, body#product .product-details .product_tabs .tab_item:not(:last-child) .tab_link + section { padding-bottom: 15px; } body#product .product-details .product_tabs .tab_item.closed .tab_link i { transform: none; } body#product .product-details .product_tabs .tab_item img { max-width: 100%; height: auto; } body#product .product-details .product_tabs .tab_item .tab_link { font-size: 14px; line-height: 1.42857; font-family: "Hanken-Bold"; font-weight: initial; color: #434343; padding: 15px 0; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } body#product .product-details .product_tabs .tab_item .tab_link i { font-size: 25px; transform: rotate(180deg); } body#product .product-details .product_tabs .tab_item#tab_accessories .products { margin: 0; row-gap: 12px; } body#product .product-details .product_tabs .tab_item#tab_accessories .products article .thumbnail-container { height: initial; background: transparent; } body#product .product-details .product_tabs .tab_item#tab_accessories .products article .product-thumbnail { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; gap: 15px; } body#product .product-details .product_tabs .tab_item#tab_accessories .products article .product-thumbnail img { max-width: 123px; } body#product .product-details .product_tabs .tab_item#tab_accessories .products article .product-thumbnail > span, body#product .product-details .product_tabs .tab_item#tab_accessories .products article .product-thumbnail .fmm_sticker_base_span { right: unset !important; left: 0 !important; } body#product .product-details .product_tabs .tab_item#tab_accessories .products article .product-description { background-color: transparent; } body#product .product-details .product_tabs .tab_item#tab_accessories .products article .product-flags { left: 0; right: unset; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; } body#product .product-details .product_tabs .tab_item#tab_accessories .products article .product-title a, body#product .product-details .product_tabs .tab_item#tab_accessories .products article .product-title { color: #696158; font-size: 14px; line-height: 1.42857; font-family: "Hanken-Bold"; } body#product .product-details .product_tabs .tab_item#tab_accessories .products article img { max-width: 100%; height: auto; } body#product .product-information { padding: 0 16px; } body#product .product-information > section { vertical-align: top; } body#product .product-information #block-reassurance { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } body#product .product-information .social-sharing li { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } body#product .product-information .social-sharing li a:hover { color: #FF671D; } body#product #soy_fake_reassurance { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } body#product #soy_fake_reassurance .sfr__item { width: calc(100% / 3); display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; padding: 8px; color: #696158; } body#product #soy_fake_reassurance .sfr__icon { color: inherit; width: 100%; } body#product #soy_fake_reassurance .sfr__icon i { font-size: 50px; } body#product #soy_fake_reassurance .sfr__txt { color: inherit; } body#product #soy_fake_reassurance .sfr__txt p { color: inherit; font-family: "Hanken-Medium"; font-size: 14px; line-height: 1.42857; } body#product .featured-products, body#product .blockcategoryproducts { margin: 80px auto 35px; } body#product .featured-products > h2, body#product .featured-products > h3, body#product .featured-products > span, body#product .featured-products > .soyBigTittle, body#product .blockcategoryproducts > h2, body#product .blockcategoryproducts > h3, body#product .blockcategoryproducts > span, body#product .blockcategoryproducts > .soyBigTittle { font-weight: initial; color: black; text-align: center; display: block; } body#product .featured-products .soy_title, body#product .blockcategoryproducts .soy_title { color: #FF671D; font-size: 22px; line-height: 1.22727; } body#product .featured-products > div, body#product .blockcategoryproducts > div { margin-top: 20px; } body#product .featured-products > div > article.product-miniature, body#product .blockcategoryproducts > div > article.product-miniature { margin: 0; } body#product #soy-faqs-content { margin-top: 42px; } body#product #soy-faqs-content #soy-faqs-header { background-color: transparent; display: block; } body#product #soy-faqs-content #soy-faqs-header .soy_title_wrapper { width: 100%; text-align: center; padding: 0; } body#product #soy-faqs-content #soy-faqs-header h2, body#product #soy-faqs-content #soy-faqs-header p { text-transform: unset; color: #FF671D; font-size: 22px; line-height: 1.22727; font-weight: initial; } body#product #soy-faqs-content #soy-faqs { margin-top: 25px; max-width: 896px; } body#product #soy-faqs-content #soy-all-faqs { max-width: 896px; } body#product #soy-faqs-content #soy-all-faqs .accordion { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 10px; } body#product #soy-faqs-content #soy-all-faqs .card { background-color: #F0EDEA; border-radius: 12px; padding: 19px 15px 14px; } body#product #soy-faqs-content #soy-all-faqs .card-body { padding-top: 15px; font-size: 14px; line-height: 1.42857; } body#product #soy-faqs-content #soy-all-faqs .card-body .soy-faq-respuesta { font-size: inherit; line-height: inherit; padding: 0 10px 0 0; } body#product #soy-faqs-content #soy-all-faqs .card-body .soy-faq-respuesta + div p, body#product #soy-faqs-content #soy-all-faqs .card-body .soy-faq-respuesta + div { font-size: inherit; line-height: inherit; color: #434343; padding: 0; } body#product #soy-faqs-content #soy-all-faqs .card-header { border: none; padding: 0; } body#product #soy-faqs-content #soy-all-faqs .card-header a:active, body#product #soy-faqs-content #soy-all-faqs .card-header a:focus, body#product #soy-faqs-content #soy-all-faqs .card-header a:hover { color: #434343; } body#product #soy-faqs-content #soy-all-faqs .card-header a[aria-expanded="true"] h3 .soy-arrow-icon i { transform: rotate(180deg); } body#product #soy-faqs-content #soy-all-faqs .card-header a h3 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; gap: 17px; } body#product #soy-faqs-content #soy-all-faqs .card-header a h3 .soy-arrow-icon i { font-size: 25px; color: #434343; } body#product #soy-faqs-content #soy-all-faqs .soy-question-align { font-size: 14px; line-height: 1.42857; font-family: "Hanken-Bold"; font-weight: initial; color: #434343; text-align: center; } body#product #soy-faqs-content #soy-form-make-faq { padding: 0; } body#product #soy-faqs-content #soy-form-make-faq section { padding: 0; -webkit-box-shadow: unset; -moz-box-shadow: unset; box-shadow: unset; } body#product #soy-faqs-content #soy-form-make-faq section #soy-faq-form .form-control { background-color: #F0EDEA; border-radius: 8px; border-color: #A09E9E; } body#product #soy-faqs-content #soy-form-make-faq section .soy_make_question { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; gap: 12px; border: none; width: fit-content; margin: 0 auto; background: #434343; padding: 10px; } body#product #soy-faqs-content #soy-form-make-faq section .soy_make_question p { font-size: 16px; line-height: 1.5; color: #FFFFFF; font-family: "Hanken-Bold"; margin-bottom: 0; } body#product #soy-faqs-content #soy-form-make-faq section .soy_make_question i { font-size: 25px; color: #FFFFFF; } body#product #soy-faqs-content #soy-form-make-faq section .soy_make_question .menos { display: none; } body#product #soy-faqs-content #soy-form-make-faq section .soy_make_question.soy_opened .mas { display: none; } body#product #soy-faqs-content #soy-form-make-faq section .soy_make_question.soy_opened .menos { display: inline; } body#product #soy-faqs-content #soy-form-make-faq section .soy_make_question.soy_oculto { display: none; } body#product #soy-faqs-content .soy-faq-privacity input[type="checkbox"] { display: inline; } body#product #soy-faqs-content .soy-check-newsletter-text .card { padding: 5px 15px 15px; color: #434343; } body#product #soy-faqs-content .soy-check-newsletter-text .card p { color: #434343; } body#product #soy-faqs-content .soy-check-newsletter-text .texto-ofdo { color: #FF671D; } body#product #soy-faqs-content .soy-check-newsletter-text button { appearance: none; background-color: transparent; color: #434343; border: none; font-family: "Hanken-Bold"; font-size: 14px; line-height: 1.42857; padding: 8px 15px; } body#product #soy-faqs-content .soy-check-newsletter-text button .mas { display: none; } body#product #soy-faqs-content .soy-check-newsletter-text button.collapsed .mas { display: inline; } body#product #soy-faqs-content .soy-check-newsletter-text button.collapsed .menos { display: none; } body#product #soy-faqs-content .soy-check-newsletter-text button i { margin-right: 5px; font-size: 12px; } body#product #soy-faqs-content .soy-check-newsletter-text button:focus { outline: none; } body#product #soy-faqs-content #soy-submit-make-faq { background-color: #FF671D; color: #FFFFFF; text-transform: none; font-family: "Hanken-Bold"; font-weight: initial; border: none; margin-top: 15px; } body#product #soyvaloraciones { margin-top: 0; } body#product #soyvaloraciones .soy_title { text-transform: none; color: #FF671D; font-size: 22px; line-height: 1.22727; font-weight: initial; text-align: center; display: inline-block; width: 100%; } body#product #soyvaloraciones .soyvaloraciones_general { padding: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } body#product #soyvaloraciones .soyvaloraciones_general .soyvaloraciones_numero, body#product #soyvaloraciones .soyvaloraciones_general .soyvaloraciones_valoracion { padding: 0; } body#product #soyvaloraciones .soyvaloraciones_general .soyvaloraciones_valoracion { border: none; } body#product #soyvaloraciones .soyvaloraciones_general .soyvaloraciones_valoracion .soyvaloraciones_barraestrellas { margin: 6px 0; text-align: center; } body#product #soyvaloraciones .soyvaloraciones_general .soyvaloraciones_valoracion .soyvaloraciones_barraestrellas i { font-size: 25px; color: #00B451; } body#product #soyvaloraciones .soyvaloraciones_general .soyvaloraciones_numero { text-align: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } body#product #soyvaloraciones .soyvaloraciones_general .soyvaloraciones_numero .soyvaloraciones_numero, body#product #soyvaloraciones .soyvaloraciones_general .soyvaloraciones_numero .soyvaloraciones_texto { font-size: 14px; line-height: 1.35714; font-weight: initial; } body#product #soyvaloraciones .soyvaloraciones_general .soyvaloraciones_numero .soyvaloraciones_numero { font-family: "Hanken-Bold"; margin-left: 4px; } body#product #soyvaloraciones .soyvaloraciones_opinion_derecha { display: none; } body#product #soyvaloraciones .soyvaloraciones_filtros #soyvaloraciones_valoraproducto { margin-top: 10px; } body#product #soyvaloraciones + .soyvaloraciones_barrapager { width: fit-content; margin: 20px auto 0; border: none; } body#product #soyvaloraciones + .soyvaloraciones_barrapager .soyvaloraciones_mostrar { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; gap: 5px; } body#product #soyvaloraciones + .soyvaloraciones_barrapager .soyvaloraciones_mostrar i { font-size: 18px; margin-top: 3px; color: #434343; } body#product #soyvaloraciones .soyvaloraciones_respuesta { margin-top: 20px; font-size: 14px; line-height: 1.35714; color: #434343; background-color: #DBDBDB; } body#product #soyvaloraciones .soyvaloraciones_respuesta span { font-size: 16px; line-height: 1.1875; color: inherit; margin-bottom: 8px; } body#product #soyvaloraciones .soyvaloraciones_opinion { background-color: #F0EDEA; border: none; border-radius: 20px; padding: 17px 11px 19px; margin: 7.5px 0; } body#product #soyvaloraciones .soyvaloraciones_opinion .soyvaloraciones_valoracion i { color: #00B451; margin: 2px 0; } body#product #soyvaloraciones .soyvaloraciones_opinion .soyvaloraciones_opinion_izquierda { width: initial; margin-right: 8px; } body#product #soyvaloraciones .soyvaloraciones_opinion .soyvaloraciones_opinion_centro { width: calc(100% - 38px); } body#product #soyvaloraciones .soyvaloraciones_opinion .soyvaloraciones_comentario, body#product #soyvaloraciones .soyvaloraciones_opinion .soyvaloraciones_fecha { font-size: 14px; line-height: 1.35714; } body#product #soyvaloraciones .soyvaloraciones_opinion .soyvaloraciones_fecha { color: #434343; } body#product #soyvaloraciones .soyvaloraciones_opinion .soyvaloraciones_comentario { font-weight: initial; color: #434343; } body#product #soyvaloraciones .soyvaloraciones_opinion .soyvaloraciones_nombre span { background-color: #696158; color: #FFFFFF; font-size: 18px; line-height: 1.33333; font-weight: initial; font-family: "Hanken-Bold"; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; border-radius: 50%; margin: 0; } body#product #soyvaloraciones .soyvaloraciones_opinion .soyvaloraciones_name { font-size: 16px; line-height: 1.375; font-weight: initial; font-family: "Hanken-Bold"; color: #434343; } body#product #_soymobile_soy_tapa-no-incluida { order: 2; } body#product .soy_tapa_no_incluida_warning { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } body#product .soy_tapa_no_incluida_warning__label { font-family: "Hanken-Bold"; font-size: 16px; line-height: 1.5; color: #696158; } body#product .soy_tapa_no_incluida_warning .soy_product-inner-link a, body#product .soy_tapa_no_incluida_warning .soy_product-inner-link { color: #FF464D; border-color: #FF464D; border-radius: 7px; font-size: 14px; line-height: 1.42857; } body#product .soy_tapa_no_incluida_warning .soy_product-inner-link { width: 100%; margin-top: 8px; padding: 12px 20px; -webkit-transition: all 0.2s ease-out; /* Safari */ -moz-transition: all 0.2s ease-out; /* Mozilla */ -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } body#product .soy_tapa_no_incluida_warning .soy_product-inner-link a { -webkit-transition: all 0.2s ease-out; /* Safari */ -moz-transition: all 0.2s ease-out; /* Mozilla */ -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } body#product .soy_tapa_no_incluida_warning .soy_product-inner-link:hover { background-color: transparent; } body#product #_soydesktop_soy_discount .product-discounts-title, body#product #_soymobile_soy_discount .product-discounts-title { font-family: "Hanken-Bold"; font-weight: initial; color: #696158; font-size: 16px; line-height: 1.5; } body#product #_soydesktop_soy_discount .soy_descuentos_disponibles, body#product #_soymobile_soy_discount .soy_descuentos_disponibles { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 5px; } body#product #_soydesktop_soy_discount .soy_descuentos_disponibles .soy_opcion_descuento, body#product #_soymobile_soy_discount .soy_descuentos_disponibles .soy_opcion_descuento { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; width: 100%; background-color: #F0EDEA; padding: 7.5px 6px; } body#product #_soydesktop_soy_discount .soy_descuentos_disponibles .soy_opcion_descuento .fake_radio, body#product #_soymobile_soy_discount .soy_descuentos_disponibles .soy_opcion_descuento .fake_radio { margin-right: 12px; width: 30px; height: 30px; border: 2px solid #434343; border-radius: 50px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } body#product #_soydesktop_soy_discount .soy_descuentos_disponibles .soy_opcion_descuento .soy_opcion_descuento_info, body#product #_soymobile_soy_discount .soy_descuentos_disponibles .soy_opcion_descuento .soy_opcion_descuento_info { width: calc(100% - 42px); display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: space-evenly; -moz-justify-content: space-evenly; -ms-justify-content: space-evenly; justify-content: space-evenly; -ms-flex-pack: space-evenly; gap: 12px; } body#product #_soydesktop_soy_discount .soy_descuentos_disponibles .soy_opcion_descuento .soy_opcion_descuento_info .soy_descuento_info, body#product #_soymobile_soy_discount .soy_descuentos_disponibles .soy_opcion_descuento .soy_opcion_descuento_info .soy_descuento_info { font-size: 14px; line-height: 1.42857; } body#product #_soydesktop_soy_discount .soy_descuentos_disponibles .soy_opcion_descuento .soy_opcion_descuento_info .soy_descuentos_ahorro, body#product #_soymobile_soy_discount .soy_descuentos_disponibles .soy_opcion_descuento .soy_opcion_descuento_info .soy_descuentos_ahorro { font-family: "Hanken-Bold"; } body#product #_soydesktop_soy_discount .soy_descuentos_disponibles .soy_opcion_descuento .soy_opcion_descuento_info .soy_descuentos_unidades strong, body#product #_soymobile_soy_discount .soy_descuentos_disponibles .soy_opcion_descuento .soy_opcion_descuento_info .soy_descuentos_unidades strong { font-weight: initial; background-color: #F6E948; padding: 3.5px 9.5px; border-radius: 13px; } body#product #_soydesktop_soy_discount .soy_descuentos_disponibles .soy_opcion_descuento .soy_opcion_descuento_info .soy_descuentos_cantidad, body#product #_soydesktop_soy_discount .soy_descuentos_disponibles .soy_opcion_descuento .soy_opcion_descuento_info .soy_descuentos_unidades, body#product #_soymobile_soy_discount .soy_descuentos_disponibles .soy_opcion_descuento .soy_opcion_descuento_info .soy_descuentos_cantidad, body#product #_soymobile_soy_discount .soy_descuentos_disponibles .soy_opcion_descuento .soy_opcion_descuento_info .soy_descuentos_unidades { white-space: nowrap; } body#product #_soydesktop_soy_discount .soy_descuentos_disponibles .soy_opcion_descuento .fake_radio_bullet, body#product #_soymobile_soy_discount .soy_descuentos_disponibles .soy_opcion_descuento .fake_radio_bullet { display: none; width: 22px; height: 22px; border-radius: 50%; border: none; background-color: #434343; } body#product #_soydesktop_soy_discount .soy_descuentos_disponibles .soy_opcion_descuento.soy_checked .fake_radio_bullet, body#product #_soymobile_soy_discount .soy_descuentos_disponibles .soy_opcion_descuento.soy_checked .fake_radio_bullet { display: inline; } body#product #_soymobile_soy_discount { order: 3; } body#product #soy_product-valoration { order: 2; margin-top: 10px; } body#product #soy_product-valoration i { color: #696158; } body#product #soy_product-valoration .soy_valoraciones_cantidad { font-size: 16px; line-height: 1.1875; color: #696158; vertical-align: middle; display: inline-block; margin-left: 15px; } body#product #_mobile_product-pack { order: 4; } body#product .product-pack { margin-top: 0px; } body#product .product-pack .h4 { font-weight: initial; font-size: 16px; line-height: 1.5; font-family: "Hanken-Bold"; color: #696158; } body#product .product-pack .card { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-bottom: 6px; } body#product .product-pack .pack-product-container { -webkit-justify-content: unset; -moz-justify-content: unset; -ms-justify-content: unset; justify-content: unset; -ms-flex-pack: unset; } body#product .product-pack .pack-product-container .pack-product-name, body#product .product-pack .pack-product-container .pack-product-price, body#product .product-pack .pack-product-container .pack-product-quantity { display: block; -webkit-box-align: unset; -webkit-box-flex: unset; -moz-box-flex: unset; -webkit-flex: unset; -ms-flex: unset; flex: unset; } body#product .product-pack .pack-product-container .pack-product-price { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; gap: 1px; } body#product .product-pack .pack-product-container .pack-product-quantity { border: none; padding: 0; font-size: 14px; line-height: 1.42857; } body#product .product-pack .pack-product-name { margin-bottom: 6px; } body#product .product-pack .pack-product-name a, body#product .product-pack .pack-product-name span { font-size: 14px; line-height: 1.42857; color: #696158; font-family: "Hanken-Bold"; } body#product .product-pack .pack-product-name a:hover, body#product .product-pack .pack-product-name a, body#product .product-pack .pack-product-name span { color: #696158; } body#product .product-pack .pack-product-price { font-family: "Hanken-Bold"; color: #434343; margin-bottom: 6px; } body#product .product-pack .pack-product-price .soy_entero { font-size: 16px; line-height: 1.5; } body#product .product-pack .pack-product-price .soy_decimal { font-size: 13px; line-height: 1.84615; } body#product .product-pack .soy_pack_info { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 5px; width: 100%; } body#product .product-pack .thumb-mask { min-width: 123px; min-height: 123px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; margin-right: 15px; } body#product .product-pack .mask { width: auto; height: auto; border: none; } body#product .product-pack img { width: 75px; height: auto; } @media screen and (max-width: 767px) { body#product .soyproductos_misma_categoria { overflow: hidden; } body#product .soyproductos_misma_categoria .products.owl-loaded { display: block; max-width: unset; } body#product .soyproductos_misma_categoria .owl-stage { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } body#product .soyproductos_misma_categoria .owl-nav { margin-top: 15px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; gap: 15px; } body#product .soyproductos_misma_categoria .owl-nav button { padding: 10px; appearance: none; border: none; background-color: transparent; } body#product .soyproductos_misma_categoria .owl-nav button:focus { outline: none; } } /** * Rensponsive a partir de 768px **/ @media screen and (min-width: 768px) { body#product.tax-display-enabled .featured-products .product-description, body#product.tax-display-enabled .product-accessories #products .product-description { height: initial; } body#product .product-name { float: right; margin-bottom: 12px; } body#product .images-block { padding: 0 12.5px 0 15px; margin-bottom: 30px; } body#product .images-block #content { margin: 0 auto; } body#product .soy_product_information { padding-right: 12.5px; margin-top: 0; } body#product .product-buy-block { margin: 0 0 20px 0; } body#product .product-buy-block .product-prices { order: unset; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } body#product .product-buy-block .product-prices .soy_product_availability, body#product .product-buy-block .product-prices .soy_product_price_main { width: fit-content; } body#product .product-buy-block .product-prices #loyalty { width: 100%; } body#product .product-buy-block .product-prices .product-pack-price { display: inline; } body#product .product-buy-block .product-actions { float: none; width: 100%; display: block !important; } body#product .product-buy-block .product-actions .product-variants { display: block !important; margin-bottom: 25px; } body#product .product-buy-block .product-actions .product-variants .product-variants-item { margin: 0 0 22px; } body#product .product-buy-block .product-actions .product-variants .product-variants-item:last-child { margin: 0; } body#product .product-buy-block .product-actions .product-variants ul { margin: 0; row-gap: 8px; } body#product .product-buy-block .product-actions .product-variants ul li.variant_color > label { width: 50px; } body#product .product-buy-block .product-actions .product-variants ul li > label { margin: 0; } body#product .product-buy-block .product-actions .product-variants ul li .color { margin-left: auto; margin-right: auto; width: 32px; height: 32px; border: 1px solid #A09E9E; border-radius: 50%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } body#product .product-buy-block .product-actions .product-variants ul li .color i { display: none; font-size: 25px; color: #434343; } body#product .product-buy-block .product-actions .product-add-to-cart { margin-bottom: 25px; } body#product .product-buy-block .product-actions .product-add-to-cart .soy_add-to-cart .soy_display_mobile-desk { display: none; } body#product .product-buy-block .product-actions .product-add-to-cart .product-quantity .btn-touchspin, body#product .product-buy-block .product-actions .product-add-to-cart .product-quantity #quantity_wanted { width: calc(100px / 3); } body#product .product-buy-block .product-actions .product-add-to-cart .product-quantity .bootstrap-touchspin { padding: 0 calc(100px / 3); max-width: 100px; } body#product .product-information { padding-left: 30px; margin-bottom: 2rem; } body#product .product-information .soy_blockadditionaltext { margin-bottom: 2rem; } body#product .product-information .product-features { margin: 1rem 0rem; } body#product .product-information .product-description { margin: 0; } body#product #_soydesktop_soy_fake_reassurance { margin: 25px 0; } body#product .product-details { margin: 0 15px 0 15px; margin-right: 15px; width: calc(((100% / 12) * 5) - 30px); } body#product .product-details .product-information { margin: 0; padding: 0; } body#product .product-details .product_tabs .tab_item#tab_accessories .products { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } body#product .product-details .product_tabs .tab_item#tab_accessories .products article { width: 100%; flex: unset; max-width: 100%; } body#product .product-details .product_tabs .tab_item#tab_accessories .products article .product-title a, body#product .product-details .product_tabs .tab_item#tab_accessories .products article .product-title { line-height: 1.2; } body#product .product-details .product_tabs .tab_item#tab_accessories .products article .product-price-and-shipping { margin-top: 4px; } body#product .featured-products .products, body#product .blockcategoryproducts .products { gap: 41px 25px; } body#product #_soydesktop_soy_discount .soy_descuentos_disponibles .soy_opcion_descuento .soy_opcion_descuento_info, body#product #_soymobile_soy_discount .soy_descuentos_disponibles .soy_opcion_descuento .soy_opcion_descuento_info { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } body#product #_soydesktop_soy_discount .soy_descuentos_disponibles .soy_opcion_descuento .soy_opcion_descuento_info .soy_descuento_ahorro, body#product #_soymobile_soy_discount .soy_descuentos_disponibles .soy_opcion_descuento .soy_opcion_descuento_info .soy_descuento_ahorro { line-height: 1; } body#product #_soydesktop_soy_discount { margin-bottom: 25px; } body#product #soy_product-valoration { order: unset; } } @media screen and (max-width: 991px) { body#product #fixed_top_cart { display: none !important; } body#product .images-block .product-cover { display: none; } } /** * Rensponsive a partir de 992px **/ @media screen and (min-width: 992px) { body#product { /** =============== MAILALERTS =============== **/ /** =============== MAILALERTS =============== **/ /* Columna de la derecha */ } body#product .cn_banner_placeholder { margin-bottom: 80px; } body#product .cn_banner_placeholder .cn__blocktitle { text-align: left; } body#product .cn_banner_placeholder .cn__blocktitle span { font-size: 30px; line-height: 1.2; } body#product .js-mailalert input[type="email"] { font-size: 16px; line-height: 1.5; } body#product .js-mailalert article.alert, body#product .js-mailalert article { padding: 12px 16px; font-size: 16px; line-height: 1.25; } body#product .product-buy-block, body#product .product-name { padding: 0 15px 0 12.5px; } body#product .images-block .soy_product-images { display: none; } body#product .images-block .soy_product-miniatures { display: none; } body#product .images-block #content { margin-left: 0; max-width: 1000px; } body#product .images-block #content .images-container:after { display: table; content: ""; clear: both; } body#product .product-name { margin-bottom: 12px; } body#product .product-name h1 { font-size: 30px; line-height: 1.2; } body#product .product-name .product-reference span { font-size: 16px; line-height: 1.25; } body#product .soy_product_information { margin-top: 40px; } body#product .product-buy-block .product-description-short p { font-size: 16px; line-height: 1.375; } body#product .product-buy-block .product-actions .product-add-to-cart .soy_add-to-cart span, body#product .product-buy-block .product-actions .product-add-to-cart button span { font-size: 18px; line-height: 1.33333; } body#product .product-buy-block .product-actions .product-add-to-cart .soy_add-to-cart:hover, body#product .product-buy-block .product-actions .product-add-to-cart button:hover { border-color: #FF9B6A; background-color: #FF9B6A; } body#product .product-buy-block .product-actions .product-add-to-cart .soy_add-to-cart .soy_display_mobile-desk { display: initial; } body#product .product-buy-block .product-actions .product-add-to-cart .soy_add-to-cart .soy_display_tablet { display: none; } body#product .product-buy-block .product-actions .product-add-to-cart .product-quantity #quantity_wanted { width: calc((140px / 3) + 20px); } body#product .product-buy-block .product-actions .product-add-to-cart .product-quantity .btn-touchspin { width: calc((140px / 3) - 10px); } body#product .product-buy-block .product-actions .product-add-to-cart .product-quantity .bootstrap-touchspin { padding: 0 calc((140px / 3) - 10px); max-width: 140px; } body#product .product-buy-block .product-actions .product-variants .product-variants-item .control-label { font-size: 16px; line-height: 1.5; } body#product .product-buy-block .product-actions .product-variants select { font-size: 16px; line-height: 1.25; } body#product .product-buy-block .product-actions .product-variants select:hover { background-color: #F0EDEA; } body#product .product-buy-block .product-actions .product-variants ul li { /** Botón de radio **/ } body#product .product-buy-block .product-actions .product-variants ul li.variant_radio label:hover .radio-label { background-color: #F0EDEA; } body#product .product-buy-block .product-actions .product-variants ul li.variant_radio .radio-label { font-size: 16px; line-height: 1.25; padding: 5.2px 14px; } body#product .product-buy-block .product-actions .product-variants ul li .color + .sr-only { font-size: 16px; } body#product .product-details { padding: 16px 30px 38px; margin-top: 40px; } body#product .product-details p { font-size: 14px; line-height: 1.42857; } body#product .product-details .product_tabs .tab_item .tab_link { font-size: 16px; line-height: 1.5; padding: 26px 0; } body#product .product-details .product_tabs .tab_item:not(#tab_accessories) .tab_link { cursor: pointer; } body#product .product-details .product_tabs .tab_item#tab_accessories .products article .product-thumbnail { gap: 45px; min-width: 123px; } body#product .product-details .product_tabs .tab_item#tab_accessories .products article .product-title a, body#product .product-details .product_tabs .tab_item#tab_accessories .products article .product-title { font-size: 16px; line-height: 1.375; } body#product .product-description #soy_descripcion_btn { transform: translateY(calc(100% + 16px)); margin-top: 16px; } body#product .product-description span.h3, body#product .product-description h2 { font-size: 30px; line-height: 1.2; } body#product .product-description p, body#product .product-description p * { font-size: 16px !important; line-height: 1.375 !important; } body#product #product-availability { margin-top: 10px; } body#product #soy_fake_reassurance .sfr__item { text-align: left; gap: 12px; } body#product #soy_fake_reassurance .sfr__icon { width: initial; } body#product #soy_fake_reassurance .sfr__icon i { font-size: 40px; } body#product #soy_fake_reassurance .sfr__txt { width: calc(100% - 52px); word-break: break-word; } body#product #soy_fake_reassurance .sfr__txt p { font-size: 16px; line-height: 1.25; margin: 0; } body#product .featured-products, body#product .blockcategoryproducts { margin-bottom: 70px; margin-top: 100px; } body#product .featured-products .soy_title, body#product .blockcategoryproducts .soy_title { font-size: 30px; line-height: 1.2; text-align: left; } body#product #soy-faqs-content { margin-top: 100px; } body#product #soy-faqs-content #soy-faqs-header .soy_title_wrapper { text-align: left; } body#product #soy-faqs-content #soy-faqs-header h2, body#product #soy-faqs-content #soy-faqs-header p { font-size: 30px; line-height: 1.2; } body#product #soy-faqs-content #soy-form-make-faq { margin: 0; } body#product #soy-faqs-content #soy-form-make-faq section .soy_make_question { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; gap: 12px; cursor: pointer; margin: 0; } body#product #soy-faqs-content #soy-form-make-faq section .soy_make_question p { margin: 0; font-size: 20px; line-height: 1.2; } body#product #soy-faqs-content #soy-all-faqs .card { padding: 21px 33px; } body#product #soy-faqs-content #soy-all-faqs .card-header a:hover { color: #FF671D; } body#product #soy-faqs-content #soy-all-faqs .card-header a h3 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; gap: 20px; } body#product #soy-faqs-content #soy-all-faqs .card-body { margin-top: 15px; } body#product #soy-faqs-content #soy-all-faqs .card-body > div, body#product #soy-faqs-content #soy-all-faqs .card-body > div p { color: #434343; } body#product #soy-faqs-content #soy-all-faqs .soy-question-align { font-size: 16px; line-height: 1.5; text-align: left; } body#product #soyvaloraciones { margin-top: 100px; } body#product #soyvaloraciones .soy_title { font-size: 30px; line-height: 1.2; } body#product #soyvaloraciones .soyvaloraciones_general .soyvaloraciones_numero .soyvaloraciones_numero, body#product #soyvaloraciones .soyvaloraciones_general .soyvaloraciones_numero .soyvaloraciones_texto { font-size: 18px; line-height: 1.33333; } body#product #soyvaloraciones .soyvaloraciones_general .soyvaloraciones_valoracion .soyvaloraciones_barraestrellas i { font-size: 28px; } body#product #soyvaloraciones .soyvaloraciones_respuesta { font-size: 16px; line-height: 1.25; } body#product #soyvaloraciones .soyvaloraciones_respuesta span { font-size: 18px; line-height: 1.11111; } body#product #soyvaloraciones .soyvaloraciones_opiniones { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 25px; margin-top: 25px; } body#product #soyvaloraciones .soyvaloraciones_opinion { margin: 0; width: calc((100% - 25px) / 2); padding: 21.5px; } body#product #soyvaloraciones .soyvaloraciones_opinion .soyvaloraciones_opinion_izquierda { margin-right: 16px; } body#product #soyvaloraciones .soyvaloraciones_opinion .soyvaloraciones_opinion_centro { position: relative; padding: 0; width: calc(100% - 59px); } body#product #soyvaloraciones .soyvaloraciones_opinion .soyvaloraciones_fecha { position: absolute; top: 0; right: 0; font-size: 14px; line-height: 1.42857; } body#product #soyvaloraciones .soyvaloraciones_opinion .soyvaloraciones_valoracion i { font-size: 23px; } body#product #soyvaloraciones .soyvaloraciones_opinion .soyvaloraciones_comentario { font-size: 16px; line-height: 1.25; } body#product #soyvaloraciones .soyvaloraciones_opinion .soyvaloraciones_name { font-size: 18px; line-height: 1.33333; } body#product #soyvaloraciones .soyvaloraciones_opinion .soyvaloraciones_nombre span { width: 43px; height: 43px; font-size: 20px; line-height: 1.2; } body#product .soy_tapa_no_incluida_warning { margin-bottom: 15px; } body#product .soy_tapa_no_incluida_warning .soy_product-inner-link a, body#product .soy_tapa_no_incluida_warning .soy_product-inner-link { font-size: 16px; line-height: 1.25; padding: 6.5px 14px; } body#product .soy_tapa_no_incluida_warning .soy_product-inner-link a i, body#product .soy_tapa_no_incluida_warning .soy_product-inner-link i { margin-right: 3px; } body#product .soy_tapa_no_incluida_warning .soy_product-inner-link { margin-top: 6px; width: fit-content; } body#product .soy_tapa_no_incluida_warning .soy_product-inner-link:hover { background-color: #FF464D; color: #FFFFFF; } body#product .soy_tapa_no_incluida_warning .soy_product-inner-link:hover a { color: #FFFFFF; } body#product #_soydesktop_soy_discount .soy_descuentos_disponibles { gap: 8px; } body#product #_soydesktop_soy_discount .soy_descuentos_disponibles .soy_opcion_descuento { cursor: pointer; } body#product #_soydesktop_soy_discount .soy_descuentos_disponibles .soy_opcion_descuento .fake_radio { width: 20px; height: 20px; } body#product #_soydesktop_soy_discount .soy_descuentos_disponibles .soy_opcion_descuento .fake_radio_bullet { width: 12px; height: 12px; } body#product #_soydesktop_soy_discount .soy_descuentos_disponibles .soy_opcion_descuento .soy_opcion_descuento_info { -webkit-flex-wrap: unset; -moz-flex-wrap: unset; -ms-flex-wrap: unset; flex-wrap: unset; } body#product #_soydesktop_soy_discount .soy_descuentos_disponibles .soy_opcion_descuento .soy_opcion_descuento_info .soy_descuento_info { font-size: 16px; line-height: 1.5; } body#product .product-pack article { max-width: 447px; } body#product .product-pack .card { margin-bottom: 11px; } body#product .product-pack .pack-product-name { width: calc(90% - 8px); order: 1; } body#product .product-pack .pack-product-name a, body#product .product-pack .pack-product-name span { font-size: 16px; line-height: 1.375; } body#product .product-pack .pack-product-quantity { order: 2; width: 10%; min-width: fit-content; text-align: right; font-size: 16px; line-height: 1.375; } body#product .product-pack .pack-product-price { order: 3; width: 100%; margin-bottom: 0px; } body#product .product-pack .pack-product-price .soy_entero { font-size: 18px; line-height: 1.33333; } body#product .product-pack .pack-product-price .soy_decimal { font-size: 14px; line-height: 1.71429; } body#product .product-pack .thumb-mask { margin-right: 33px; } body#product .product-pack .soy_pack_info { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 10px 0 10px 10px; gap: 8px; height: fit-content; } } @media screen and (min-width: 1500px) { body#product.show_topcart .product-buy-block .product-actions .product-add-to-cart .product-quantity { right: unset; } body#product.show_topcart .product-buy-block .product-actions .product-add-to-cart .product-quantity .fixed_top_cart { max-width: 362px; min-width: 362px; } body#product .product-information { padding-left: 16px; } body#product .soy_product_information, body#product .images-block { padding-left: 0; } body#product .product-name, body#product .product-buy-block { padding-right: 0; } body#product .product-details { margin-right: 0; width: calc(((100% / 12) * 5) - 15px); } } body#product.modal-open main.fixed_addCart .product-actions.fixed { z-index: 50; } body#product .SoyaddCart.fixed { display: none; } body#product main.fixed_addCart .product-buy-block .product-actions { -webkit-box-shadow: 0px 2px 10px 0px #F0EDEA; -moz-box-shadow: 0px 2px 10px 0px #F0EDEA; box-shadow: 0px 2px 10px 0px #F0EDEA; overflow: hidden; } body#product main.fixed_addCart .product-buy-block .product-actions.fixed { position: fixed; z-index: 100; bottom: 0; left: 0; background-color: #FFFFFF; width: 100%; padding: 12px 16px; display: block; } body#product main.fixed_addCart .product-buy-block .product-actions.fixed .soy_product_availability { display: none; } body#product main.fixed_addCart .product-buy-block .product-actions.fixed #add-to-cart-or-refresh { /* @include flexbox(); @include flex-wrap(wrap); */ position: relative; } body#product main.fixed_addCart .product-buy-block .product-actions.fixed .soy_flex_wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } body#product main.fixed_addCart .product-buy-block .product-actions.fixed .product-add-to-cart { order: 3; width: 100%; } body#product main.fixed_addCart .product-buy-block .product-actions.fixed .product-add-to-cart #product-availability { display: none; } body#product main.fixed_addCart .product-buy-block .product-actions.fixed .soy_product_price_main { margin: 0; width: auto; } body#product main.fixed_addCart .product-buy-block .product-actions.fixed .soy_product_price_main .tax-shipping-delivery-label { margin-bottom: 5px; } body#product main.fixed_addCart .product-buy-block .product-actions.fixed .soy_product_price_main #loyalty { margin: 0; } body#product main.fixed_addCart .product-buy-block .product-actions.fixed .soy_product_price_main .product-discount { margin: 0; } body#product main.fixed_addCart .product-buy-block .product-actions.fixed .soy_product_price_main .tax-shipping-delivery-label, body#product main.fixed_addCart .product-buy-block .product-actions.fixed .soy_product_price_main .regular-price, body#product main.fixed_addCart .product-buy-block .product-actions.fixed .soy_product_price_main .product-price { display: block; } body#product main.fixed_addCart .product-buy-block .product-actions.fixed .product-prices { order: 1; width: 50%; } body#product main.fixed_addCart .product-buy-block .product-actions.fixed .soy_combination { padding-top: 0rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; position: absolute; right: 0; top: 0; } body#product main.fixed_addCart .product-buy-block .product-actions.fixed .soy_combination .soy_info_combination { display: none; } body#product main.fixed_addCart .product-buy-block .product-actions.fixed .soy_combination .soy_close_variants { display: none; position: absolute; top: 0; right: 0; font-size: 12px; line-height: 2; } body#product main.fixed_addCart .product-buy-block .product-actions.fixed .soy_combination .soy_close_variants i { vertical-align: top; font-size: 24px; margin-left: 10px; } body#product main.fixed_addCart .product-buy-block .product-actions.fixed .soy_combination .soy_cambiar_combinacion { width: 100%; text-align: right; } body#product main.fixed_addCart .product-buy-block .product-actions.fixed .soy_combination .soy_cambiar_combinacion i { vertical-align: middle; margin-left: 9px; } body#product main.fixed_addCart .product-buy-block .product-actions.fixed .soy_combination .soy_cambiar_combinacion, body#product main.fixed_addCart .product-buy-block .product-actions.fixed .soy_combination .soy_close_variants { padding: 10px 0; color: #696158; font-family: "Hanken-Bold"; font-size: 16px; line-height: 1.5; } body#product main.fixed_addCart .product-buy-block .product-actions.fixed .product-variants { width: 100%; display: none; padding-top: 40px; } body#product main.fixed_addCart .product-buy-block .product-actions.fixed .product-variants .product-variants-item { margin: 0 0 18px 0; /* .navbar-toggler { float: right; padding: 0; cursor: pointer; margin-top: -5px; display: block; .add { display: none; } &.collapsed { .add { display: block; } .remove { display: none; } } } */ /* ul { @include flexbox(); @include flex-wrap(wrap); max-height: 150px; overflow-y: scroll; li{ display: inline-block; .input-color{ &:checked + span i{ display: inline-block; } } .color{ width: 45px; height: 45px; border: 1px solid $gris2; border-radius: 50%; @include flexcentering(); i{ display: none; font-size: 35px; color: $negro; } } } } */ /* select { float: right; line-height: 1rem; margin-top: -.5rem; box-shadow: none; background-color: #f6f6f7; border: none; } */ } body#product main.fixed_addCart .product-buy-block .product-actions.fixed .product-variants .product-variants-item:last-child { margin-bottom: 25px; } body#product main.fixed_addCart .product-buy-block .product-actions.soy_variants_opened .soy_combination .soy_close_variants { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } body#product main.fixed_addCart .product-buy-block .product-actions.soy_variants_opened .soy_combination .soy_cambiar_combinacion { display: none; } /** * Rensponsive a partir de 375px **/ @media screen and (min-width: 375px) { body#product .product-buy-block .product-actions { float: none; width: 100%; display: none; } body#product main.fixed_addCart .product-buy-block .product-actions.fixed .soy_product_price_main { display: block; } } body#product .product-prices { margin: 0; } body#product .product-prices .soy_price_range { display: none; } body#product .product-prices #loyalty { margin: 0; } body#product.no_comb_selected .product-prices .soy_price_range { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; gap: 1px; } body#product.no_comb_selected .product-prices .soy_price_range + .soy_price { display: none; } body#product #wrapper { padding-top: 0; } body#product .product-buy-block .soy_product_price_main { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: end; -moz-align-items: end; -ms-align-items: end; align-items: end; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; margin: 0; } body#product .product-buy-block .soy_product_price_main .product-discount, body#product .product-buy-block .soy_product_price_main .product-price, body#product .product-buy-block .soy_product_price_main .tax-shipping-delivery-label { display: none; } body#product .product-buy-block .soy_product_price_main .product-pack-price, body#product .product-buy-block .soy_product_price_main .soy_price .soy_itemprop, body#product .product-buy-block .soy_product_price_main .soy_price { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; gap: 1px; } body#product .product-buy-block .soy_product_price_main .product-pack-price { font-size: 14px; line-height: 1.28571; margin: 0; color: #fff; } body#product .product-buy-block .soy_product_price_main .product-pack-price .pack_text { margin-right: 5px; font-size: 14px; line-height: 1.42857; } body#product .product-buy-block .soy_product_price_main .product-price { margin: 0; } body#product .product-buy-block .soy_product_price_main .product-price .current-price { margin: 0; font-weight: 400; font-family: "Hanken-Black"; /* .soy_desde{ @include line-height(14, 20); font-family: $regular; display: none; &.soy_show{ display: inline; } } */ } body#product .product-buy-block .soy_product_price_main .product-price .current-price .soy_entero, body#product .product-buy-block .soy_product_price_main .product-price .current-price .soy_decimal { letter-spacing: 0px; } body#product .product-buy-block .soy_product_price_main .product-price .current-price .soy_entero { font-size: 18px; line-height: 1.27778; } body#product .product-buy-block .soy_product_price_main .product-price .current-price .soy_decimal { font-size: 14px; line-height: 1.28571; } body#product .product-buy-block .soy_product_price_main .product-price .current-price div { margin: 0; } body#product .product-buy-block .soy_product_price_main .product-discount { color: #696158; margin: 0; } body#product .product-buy-block .soy_product_price_main .product-discount .regular-price { color: #696158; font-size: 14px; line-height: 1.28571; margin: 0; } body#product .product-buy-block .soy_product_availability { width: fit-content; margin: 0; } body#product .product-buy-block .soy_product_availability #product-availability { margin: 0; } /** * Rensponsive a partir de 375px **/ @media screen and (min-width: 375px) { body#product main.fixed_addCart .product-buy-block .product-actions.fixed .product-prices .product-discount { margin-left: 0rem; display: block; margin-left: 0rem; line-height: 1.2; } } /** * Rensponsive a partir de 768px **/ @media screen and (min-width: 768px) { body#product #product-availability { margin: 0; } body#product .product-buy-block .product-prices { margin-bottom: 25px; } body#product .product-buy-block .soy_product_price_main { display: block; } body#product .product-buy-block .soy_product_price_main .product-discount, body#product .product-buy-block .soy_product_price_main .product-price, body#product .product-buy-block .soy_product_price_main .tax-shipping-delivery-label { display: block; } body#product .product-buy-block .soy_product_price_main .tax-shipping-delivery-label { margin: 0; } body#product .product-buy-block .product-actions .product-prices { display: none; } } /** >= 992px **/ @media screen and (min-width: 992px) { body#product .product-buy-block .product-prices { margin-bottom: 30px; } body#product .product-buy-block .product-prices .soy_product_price_main .tax-shipping-delivery-label, body#product .product-buy-block .product-prices .soy_product_price_main .product-price { display: block; } body#product .product-buy-block .product-prices .soy_product_price_main .product-pack-price .soy_entero { font-size: 16px; line-height: 1.3125; } body#product .product-buy-block .product-prices .soy_product_price_main .product-pack-price .soy_decimal { font-size: 13px; line-height: 1.61538; } body#product .product-buy-block .product-prices .soy_product_price_main .product-pack-price .pack_text { font-size: 16px; line-height: 1.375; } body#product .product-buy-block .product-prices .soy_product_price_main .product-price .current-price { font-size: 20px; line-height: 1.3; } body#product .product-buy-block .product-prices .soy_product_price_main .product-price .current-price .soy_entero { font-size: 20px; line-height: 1.3; } body#product .product-buy-block .product-prices .soy_product_price_main .product-price .current-price .soy_decimal { font-size: 16px; line-height: 1.3125; } body#product .product-buy-block .product-prices .soy_product_price_main .product-discount .regular-price { font-size: 16px; line-height: 1.3125; } body#product .product-buy-block .product-prices .soy_product_price_main .product-discount .regular-price .soy_decimal { font-size: 12px; line-height: 1.75; } } /*------------------------------------------------------------- ## Miniature --------------------------------------------------------------*/ .products, .featured-products .products, #products .products { display: grid; grid-template-columns: repeat(2, minmax(167px, 1fr)); gap: 41px 11px; max-width: 522px; margin: 0 auto; } .products article.product-miniature, .featured-products .products article.product-miniature, #products .products article.product-miniature { width: 100%; margin: 0; position: relative; } .products article.product-miniature .soyv_productlist.barraestrellas, .featured-products .products article.product-miniature .soyv_productlist.barraestrellas, #products .products article.product-miniature .soyv_productlist.barraestrellas { position: static; background-color: transparent; -webkit-justify-content: start; -moz-justify-content: start; -ms-justify-content: start; justify-content: start; -ms-flex-pack: start; } .products article.product-miniature .wishlist-button-add, .featured-products .products article.product-miniature .wishlist-button-add, #products .products article.product-miniature .wishlist-button-add { display: none; } .products article.product-miniature > div, .featured-products .products article.product-miniature > div, #products .products article.product-miniature > div { width: 100%; height: auto; box-shadow: none; } .products article.product-miniature > div.thumbnail-container, .featured-products .products article.product-miniature > div.thumbnail-container, #products .products article.product-miniature > div.thumbnail-container { margin: 0; } .products article.product-miniature > div.thumbnail-container > .product-thumbnail, .featured-products .products article.product-miniature > div.thumbnail-container > .product-thumbnail, #products .products article.product-miniature > div.thumbnail-container > .product-thumbnail { position: static; height: auto; } .products article.product-miniature > div.thumbnail-container > .product-thumbnail span img, .products article.product-miniature > div.thumbnail-container > .product-thumbnail .fmm_sticker_base_span img, .products article.product-miniature > div.thumbnail-container > .product-thumbnail > span > span > img, .featured-products .products article.product-miniature > div.thumbnail-container > .product-thumbnail span img, .featured-products .products article.product-miniature > div.thumbnail-container > .product-thumbnail .fmm_sticker_base_span img, .featured-products .products article.product-miniature > div.thumbnail-container > .product-thumbnail > span > span > img, #products .products article.product-miniature > div.thumbnail-container > .product-thumbnail span img, #products .products article.product-miniature > div.thumbnail-container > .product-thumbnail .fmm_sticker_base_span img, #products .products article.product-miniature > div.thumbnail-container > .product-thumbnail > span > span > img { margin: 0; width: 100% !important; } .products article.product-miniature > div.thumbnail-container > .product-thumbnail > span > span br, .featured-products .products article.product-miniature > div.thumbnail-container > .product-thumbnail > span > span br, #products .products article.product-miniature > div.thumbnail-container > .product-thumbnail > span > span br { display: none; } .products article.product-miniature > div.thumbnail-container > .product-thumbnail > span, .products article.product-miniature > div.thumbnail-container > .product-thumbnail .fmm_sticker_base_span, .featured-products .products article.product-miniature > div.thumbnail-container > .product-thumbnail > span, .featured-products .products article.product-miniature > div.thumbnail-container > .product-thumbnail .fmm_sticker_base_span, #products .products article.product-miniature > div.thumbnail-container > .product-thumbnail > span, #products .products article.product-miniature > div.thumbnail-container > .product-thumbnail .fmm_sticker_base_span { right: 0px !important; width: fit-content !important; display: block !important; } .products article.product-miniature > div.thumbnail-container > .product-thumbnail > img, .featured-products .products article.product-miniature > div.thumbnail-container > .product-thumbnail > img, #products .products article.product-miniature > div.thumbnail-container > .product-thumbnail > img { width: 100%; margin: 0; position: relative; } .products article.product-miniature > div .product-title, .featured-products .products article.product-miniature > div .product-title, #products .products article.product-miniature > div .product-title { margin: 0; text-align: left; color: #434343; font-size: 14px; line-height: 1.42857; font-weight: initial; } .products article.product-miniature > div .product-description, .featured-products .products article.product-miniature > div .product-description, #products .products article.product-miniature > div .product-description { position: relative; width: auto; box-shadow: none; padding: 0; height: initial; } .products article.product-miniature > div .product-description .product-price-and-shipping, .featured-products .products article.product-miniature > div .product-description .product-price-and-shipping, #products .products article.product-miniature > div .product-description .product-price-and-shipping { text-align: left; margin-top: 7.78px; } .products article.product-miniature > div .product-description .product-price-and-shipping .price, .featured-products .products article.product-miniature > div .product-description .product-price-and-shipping .price, #products .products article.product-miniature > div .product-description .product-price-and-shipping .price { font-family: "Hanken-Bold"; color: #434343; font-weight: 500; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; gap: 1px; } .products article.product-miniature > div .product-description .product-price-and-shipping .price .soy_entero, .featured-products .products article.product-miniature > div .product-description .product-price-and-shipping .price .soy_entero, #products .products article.product-miniature > div .product-description .product-price-and-shipping .price .soy_entero { font-size: 16px; line-height: 1.5; } .products article.product-miniature > div .product-description .product-price-and-shipping .regular-price, .featured-products .products article.product-miniature > div .product-description .product-price-and-shipping .regular-price, #products .products article.product-miniature > div .product-description .product-price-and-shipping .regular-price { color: #434343; font-weight: 500; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; gap: 1px; } .products article.product-miniature > div .product-description .product-price-and-shipping .regular-price .soy_decimal, .featured-products .products article.product-miniature > div .product-description .product-price-and-shipping .regular-price .soy_decimal, #products .products article.product-miniature > div .product-description .product-price-and-shipping .regular-price .soy_decimal { font-size: 12px; line-height: 2; } .products article.product-miniature > div .product-description .product-price-and-shipping .price .soy_decimal, .products article.product-miniature > div .product-description .product-price-and-shipping .regular-price .soy_entero, .featured-products .products article.product-miniature > div .product-description .product-price-and-shipping .price .soy_decimal, .featured-products .products article.product-miniature > div .product-description .product-price-and-shipping .regular-price .soy_entero, #products .products article.product-miniature > div .product-description .product-price-and-shipping .price .soy_decimal, #products .products article.product-miniature > div .product-description .product-price-and-shipping .regular-price .soy_entero { font-size: 14px; line-height: 1.71429; } .products article.product-miniature > div .product-description::after, .featured-products .products article.product-miniature > div .product-description::after, #products .products article.product-miniature > div .product-description::after { display: none; } .products article.product-miniature > div .highlighted-informations, .featured-products .products article.product-miniature > div .highlighted-informations, #products .products article.product-miniature > div .highlighted-informations { box-shadow: none; width: 100%; } .products article.product-miniature > div .highlighted-informations .product-add-to-cart input#quantity_wanted, .products article.product-miniature > div .highlighted-informations .product-add-to-cart .input-group-btn-vertical, .products article.product-miniature > div .highlighted-informations .product-add-to-cart .control-label, .products article.product-miniature > div .highlighted-informations .product-add-to-cart #product-availability, .featured-products .products article.product-miniature > div .highlighted-informations .product-add-to-cart input#quantity_wanted, .featured-products .products article.product-miniature > div .highlighted-informations .product-add-to-cart .input-group-btn-vertical, .featured-products .products article.product-miniature > div .highlighted-informations .product-add-to-cart .control-label, .featured-products .products article.product-miniature > div .highlighted-informations .product-add-to-cart #product-availability, #products .products article.product-miniature > div .highlighted-informations .product-add-to-cart input#quantity_wanted, #products .products article.product-miniature > div .highlighted-informations .product-add-to-cart .input-group-btn-vertical, #products .products article.product-miniature > div .highlighted-informations .product-add-to-cart .control-label, #products .products article.product-miniature > div .highlighted-informations .product-add-to-cart #product-availability { display: none !important; } .products article.product-miniature > div .highlighted-informations .product-add-to-cart .add-to-cart i, .featured-products .products article.product-miniature > div .highlighted-informations .product-add-to-cart .add-to-cart i, #products .products article.product-miniature > div .highlighted-informations .product-add-to-cart .add-to-cart i { margin-right: .5rem; vertical-align: top; } /** * Rensponsive a partir de 410px **/ /** * Rensponsive a partir de 768px **/ @media screen and (min-width: 768px) { .products, .featured-products .products, #products .products { grid-template-columns: repeat(4, minmax(167px, 1fr)); max-width: unset; } .products article.product-miniature .highlighted-informations, .featured-products .products article.product-miniature .highlighted-informations, #products .products article.product-miniature .highlighted-informations { padding: 0; } .products article.product-miniature .highlighted-informations .product-quantity .qty, .featured-products .products article.product-miniature .highlighted-informations .product-quantity .qty, #products .products article.product-miniature .highlighted-informations .product-quantity .qty { margin: 0; } .products article.product-miniature .highlighted-informations .product-quantity .add, .featured-products .products article.product-miniature .highlighted-informations .product-quantity .add, #products .products article.product-miniature .highlighted-informations .product-quantity .add { width: 100%; } .products article.product-miniature .highlighted-informations .product-quantity .add button, .featured-products .products article.product-miniature .highlighted-informations .product-quantity .add button, #products .products article.product-miniature .highlighted-informations .product-quantity .add button { width: 100%; background-color: #FF671D; color: #FFFFFF; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: all 0.1s ease-out; /* Safari */ -moz-transition: all 0.1s ease-out; /* Mozilla */ -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } .products article.product-miniature .highlighted-informations .product-quantity .add button:hover, .featured-products .products article.product-miniature .highlighted-informations .product-quantity .add button:hover, #products .products article.product-miniature .highlighted-informations .product-quantity .add button:hover { background-color: #FF9B6A; -webkit-transition: all 0.2s ease-in; /* Safari */ -moz-transition: all 0.2s ease-in; /* Mozilla */ -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; color: #FFFFFF; } .products article.product-miniature .highlighted-informations .product-quantity .add button:disabled, .featured-products .products article.product-miniature .highlighted-informations .product-quantity .add button:disabled, #products .products article.product-miniature .highlighted-informations .product-quantity .add button:disabled { opacity: 0.38; filter: alpha(opacity=38); } .products article.product-miniature .highlighted-informations .product-quantity .add button:disabled:hover, .products article.product-miniature .highlighted-informations .product-quantity .add button:disabled:focus, .featured-products .products article.product-miniature .highlighted-informations .product-quantity .add button:disabled:hover, .featured-products .products article.product-miniature .highlighted-informations .product-quantity .add button:disabled:focus, #products .products article.product-miniature .highlighted-informations .product-quantity .add button:disabled:hover, #products .products article.product-miniature .highlighted-informations .product-quantity .add button:disabled:focus { background-color: #ffbd9d; color: #696158; } } /** * Rensponsive a partir de 992px **/ @media screen and (min-width: 992px) { .products, .featured-products .products, #products .products { column-gap: 25px; } .products article.product-miniature > div .product-title, .featured-products .products article.product-miniature > div .product-title, #products .products article.product-miniature > div .product-title { font-size: 16px; line-height: 1.25; } .products article.product-miniature > div .product-description .product-price-and-shipping .price .soy_entero, .featured-products .products article.product-miniature > div .product-description .product-price-and-shipping .price .soy_entero, #products .products article.product-miniature > div .product-description .product-price-and-shipping .price .soy_entero { font-size: 18px; line-height: 1.33333; } .products article.product-miniature > div .product-description .product-price-and-shipping .price .soy_decimal, .featured-products .products article.product-miniature > div .product-description .product-price-and-shipping .price .soy_decimal, #products .products article.product-miniature > div .product-description .product-price-and-shipping .price .soy_decimal { font-size: 14px; line-height: 1.71429; } .products article.product-miniature > div .product-description .product-price-and-shipping .regular-price .soy_entero, .featured-products .products article.product-miniature > div .product-description .product-price-and-shipping .regular-price .soy_entero, #products .products article.product-miniature > div .product-description .product-price-and-shipping .regular-price .soy_entero { font-size: 16px; line-height: 1.5; } .products article.product-miniature > div .product-description .product-price-and-shipping .regular-price .soy_decimal, .featured-products .products article.product-miniature > div .product-description .product-price-and-shipping .regular-price .soy_decimal, #products .products article.product-miniature > div .product-description .product-price-and-shipping .regular-price .soy_decimal { font-size: 12px; line-height: 2; } } /** * Rensponsive a partir de 1200px **/ #category #main .product-flags, #manufacturer #main .product-flags, #prices-drop #main .product-flags, #new-products #main .product-flags, #best-sales #main .product-flags, #search #main .product-flags { -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; } #products, .products, #product { /** EXTRAÍDO DEL MÓDULO themes/latiendadelapicultor_2023/modules/productlabelsandstickers/views/templates/hook/css_base.tpl **/ /** END - EXTRAÍDO DEL MÓDULO 'productlabelsandstickers' **/ } #products .fmm_title_text_sticker span, .products .fmm_title_text_sticker span, #product .fmm_title_text_sticker span { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 5px; width: auto !important; display: inline-block; text-align: center; } #products .fmm_title_text_sticker img, .products .fmm_title_text_sticker img, #product .fmm_title_text_sticker img { border: none !important; display: inline-block; vertical-align: middle; background: transparent !important; } #products .fmm_title_text_sticker i, .products .fmm_title_text_sticker i, #product .fmm_title_text_sticker i { display: inline-block; font-style: normal; } #products span img, .products span img, #product span img { background: transparent !important; max-width: 100%; } #products .product-thumbnail, .products .product-thumbnail, #product .product-thumbnail { position: relative; } #products .product-flags, .products .product-flags, #product .product-flags { width: auto; max-width: 90%; left: unset; right: 0; margin-bottom: 12px; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; } #products .product-flags li.sticker-flag > span, .products .product-flags li.sticker-flag > span, #product .product-flags li.sticker-flag > span { font-family: "Hanken-Regular" !important; font-size: 13px; line-height: 1; padding: 5px; min-height: auto; text-align: center; display: inline-block; } #products .product-flags li.sticker-flag > span i, .products .product-flags li.sticker-flag > span i, #product .product-flags li.sticker-flag > span i { font-style: normal; } #products .product-flags li, .products .product-flags li, #product .product-flags li { font-size: 13px; line-height: 1; padding: 4px 5px; min-height: auto; margin-top: 12px; color: #FFFFFF; background-color: #FF671D; text-align: center; } #products .product-flags li.sticker-flag, .products .product-flags li.sticker-flag, #product .product-flags li.sticker-flag { background-color: transparent; padding: 0; text-align: right; } #products .product-flags li.product-flag, .products .product-flags li.product-flag, #product .product-flags li.product-flag { font-weight: unset; min-height: 23px; } #products .product-flags li.product-flag.out_of_stock, .products .product-flags li.product-flag.out_of_stock, #product .product-flags li.product-flag.out_of_stock { background-color: #DBDBDB; } #products .product-flags li.new, #products .product-flags li.product-flag.discount, #products .product-flags li.product-flag.pack, .products .product-flags li.new, .products .product-flags li.product-flag.discount, .products .product-flags li.product-flag.pack, #product .product-flags li.new, #product .product-flags li.product-flag.discount, #product .product-flags li.product-flag.pack { background-color: #FF671D; } #products .product-flags li.product-flag.discount-amount, #products .product-flags li.product-flag.discount-percentage, #products .product-flags li.product-flag.on-sale, .products .product-flags li.product-flag.discount-amount, .products .product-flags li.product-flag.discount-percentage, .products .product-flags li.product-flag.on-sale, #product .product-flags li.product-flag.discount-amount, #product .product-flags li.product-flag.discount-percentage, #product .product-flags li.product-flag.on-sale { background-color: #FF671D; } /** * Responsive a partir de 768px **/ @media screen and (min-width: 768px) { #products .product-flags, .products .product-flags, #product .product-flags { width: auto; } #products .product-flags li, .products .product-flags li, #product .product-flags li { padding: 4.5px 5px; } } @media screen and (min-width: 992px) { #products .product-flags li.product-flag, .products .product-flags li.product-flag, #product .product-flags li.product-flag { min-height: 22px; } } /*------------------------------------------------------------- # Carrito --------------------------------------------------------------*/ body#cart #content-wrapper { margin-bottom: 60px; } body#cart #content-wrapper .soy_title_cart { border-bottom: 1px solid #eeeeee; padding: 15px; } body#cart #content-wrapper .soy_title_cart h1 { text-transform: initial; margin: 0; } body#cart #content-wrapper .card { box-shadow: none; } body#cart #content-wrapper .cart-grid-body { /** MÓDULO totloyaltyadvanced **/ } body#cart #content-wrapper .cart-grid-body .loyalty_cart i { font-size: 20px; vertical-align: bottom; } body#cart #content-wrapper .cart-grid-body .cart-overview { padding: 0; } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item { border: 0; } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item:before { content: ""; height: 1px; width: 80%; background: #eee; top: -15px; margin: 0 auto; display: block; position: relative; } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item:first-child:before { display: none; } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item .product-line-grid { display: block; align-items: center; } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item .product-line-grid .product-line-grid-left { width: 100px; padding: 0; } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item .product-line-grid .product-line-grid-body { width: calc(100% - 100px); margin: 0; } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item .product-line-grid .product-line-grid-body a { color: #000; } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item .product-line-grid .product-line-grid-body a:hover { color: #FF671D; } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item .product-line-grid .product-line-grid-body .product-price { margin: 5px 0 3px; color: #232323; } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item .product-line-grid .product-line-grid-body .product-price .current-price { display: inline-block; font-size: 17px; margin-right: 6px; } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item .product-line-grid .product-line-grid-body .product-price .product-discount { display: inline-block; } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item .product-line-grid .product-line-grid-body .product-price .product-discount .regular-price { font-size: 15px; margin-right: 10px; } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item .product-line-grid .product-line-grid-body .product-price .product-discount .discount { margin: 0; font-size: 14px; padding: 3px 6px; background: #000; } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item .product-line-grid .product-line-grid-body .soy_attribute_combination span.label { color: #232323; font-size: 16px; font-weight: bold; } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item .product-line-grid .product-line-grid-right { float: right; width: auto; display: flex; align-items: center; margin-top: 25px; } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item .product-line-grid .product-line-grid-right .qty { width: 70px; padding: 0; } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item .product-line-grid .product-line-grid-right .qty .input-group { box-shadow: none; } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item .product-line-grid .product-line-grid-right .qty .input-group input { text-align: center; } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item .product-line-grid .product-line-grid-right .price { width: 115px; text-align: center; padding: 0; } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item .product-line-grid .product-line-grid-right .price .product-price { color: #FF671D; font-size: 17px; } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item .product-line-grid .product-line-grid-right .soy_cart_delete { width: 24px; padding: 0; display: flex; align-items: center; } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item .product-line-grid .product-line-grid-right .soy_cart_delete .cart-line-product-actions { line-height: 1; } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item .product-line-grid .product-line-grid-right .soy_cart_delete .cart-line-product-actions a { margin: 0; } body#cart #content-wrapper .cart-grid-right { background: #F0EDEA; padding-top: 15px; } body#cart #content-wrapper .cart-grid-right .cart-summary { background: none; } body#cart #content-wrapper .cart-grid-right .cart-summary .cart-summary-line > span { font-size: 16px; } body#cart #content-wrapper .cart-grid-right .cart-summary .soy_totales .cart-summary-line::after { content: unset; } body#cart #content-wrapper .cart-grid-right .cart-summary .soy_totales .cart-total, body#cart #content-wrapper .cart-grid-right .cart-summary .soy_totales .cart-summary-line { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } body#cart #content-wrapper .cart-grid-right .cart-summary .soy_totales span.value { font-size: 17px; font-weight: bold; text-align: right; float: right; } body#cart #content-wrapper .cart-grid-right .cart-summary .soy_totales span.value small { text-align: right; } body#cart #content-wrapper .cart-grid-right .cart-summary .soy_totales .label { text-align: left; white-space: pre; } body#cart #content-wrapper .cart-grid-right .cart-summary .cart-voucher { margin-bottom: 15px; } body#cart #content-wrapper .cart-grid-right .cart-summary .cart-voucher > p > a { margin: 0; } body#cart #content-wrapper .cart-grid-right .cart-summary .cart-voucher #promo-code { padding: 0px 20px 0; background: rgba(0, 0, 0, 0) none repeat scroll 0px center; } body#cart #content-wrapper .cart-grid-right .cart-summary .cart-voucher #promo-code .promo-input { width: 100%; margin-bottom: 10px; margin: 0; } body#cart #content-wrapper .cart-grid-right .cart-summary .cart-voucher #promo-code .promo-input:focus { outline: 2px solid #FF671D !important; } body#cart #content-wrapper .cart-grid-right .cart-summary .cart-voucher #promo-code button { border: 0; width: 100%; padding: 10px 25px; background-color: #FF671D; color: #FFFFFF; margin-top: 8px; } body#cart #content-wrapper .cart-grid-right .cart-summary .cart-voucher #promo-code a.promo-code-button { color: #000; } body#cart #content-wrapper .cart-grid-right .cart-summary .cart-voucher #promo-code a.promo-code-button:hover { color: #FF671D; } body#cart #content-wrapper .cart-grid-right .cart-summary .checkout, body#cart #content-wrapper .cart-grid-right .cart-summary .cart-detailed-actions { margin-top: 15px; } body#cart #content-wrapper .cart-grid-right .cart-summary .checkout .btn-secondary, body#cart #content-wrapper .cart-grid-right .cart-summary .cart-detailed-actions .btn-secondary { width: 100%; white-space: normal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } body#cart #content-wrapper .cart-grid-right .cart-summary .checkout .btn-secondary i, body#cart #content-wrapper .cart-grid-right .cart-summary .cart-detailed-actions .btn-secondary i { margin-left: 5px; } body#cart #content-wrapper .soy_seguir_comprando { margin-top: 25px; font-size: 17px; line-height: 21px; float: left; clear: left; display: flex; align-items: center; margin-left: 15px; } @media (min-width: 480px) { body#cart #content-wrapper .cart-grid-right .cart-summary .cart-voucher #promo-code form { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; gap: 10px; } body#cart #content-wrapper .cart-grid-right .cart-summary .cart-voucher #promo-code .promo-input { width: calc((100% / 3) * 2); } body#cart #content-wrapper .cart-grid-right .cart-summary .cart-voucher #promo-code button { margin: 0; width: calc((100% / 3) - 10px); } } @media (min-width: 768px) { body#cart #content-wrapper .cart-grid-right { padding-top: 0; } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item .product-line-grid { display: flex; } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item .product-line-grid .product-line-grid-body { width: calc(100% - 209px); } body#cart #content-wrapper .cart-grid-body .cart-overview .cart-items .cart-item .product-line-grid .product-line-grid-right { margin-top: 0; } } @media (min-width: 992px) { body#cart #content-wrapper .cart-grid-right .cart-summary .cart-voucher #promo-code form { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 8px; } body#cart #content-wrapper .cart-grid-right .cart-summary .cart-voucher #promo-code button, body#cart #content-wrapper .cart-grid-right .cart-summary .cart-voucher #promo-code .promo-input { width: 100%; } body#cart #content-wrapper .cart-grid-right .cart-summary .cart-voucher #promo-code button:hover { background-color: #FF9B6A; } } /*------------------------------------------------------------- # Modal --------------------------------------------------------------*/ #blockcart-modal { padding: 0 !important; } #blockcart-modal .modal-dialog { max-width: 500px; } #blockcart-modal .row { margin-left: 0; margin-right: 0; } #blockcart-modal .modal-content { border: 1px solid #5b5b5b42; border-radius: 0; } #blockcart-modal .modal-content .modal-header { background: #FF671D; padding: 10px; } #blockcart-modal .modal-content .modal-header .modal-title, #blockcart-modal .modal-content .modal-header .close .material-icons { color: #434343; } #blockcart-modal .modal-content .modal-header .modal-title i, #blockcart-modal .modal-content .modal-header .close .material-icons i { margin-right: 5px; } #blockcart-modal .modal-content .modal-body { padding: 15px 0; /* .soy_modal_left{ padding: 15px; border-bottom: 1px solid #efefef; */ /* .soy_modal_right{ padding: 15px; */ } #blockcart-modal .modal-content .modal-body .divide-right { padding-bottom: 15px; } #blockcart-modal .modal-content .modal-body > .row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; /* .soy_info_product{ width: 100%; float: left; padding: 0 0 0 10px; */ } #blockcart-modal .modal-content .modal-body > .row .soy_img_product { width: 30%; padding: 0; max-width: 150px; min-width: 80px; } #blockcart-modal .modal-content .modal-body > .row .product-name { color: #5B5B5B; margin: 0; padding: 0; margin-bottom: 8px; float: left; width: 100%; } #blockcart-modal .modal-content .modal-body > .row .product-price { padding: 0; font-size: 18px; font-weight: 700; color: #FF671D; margin-bottom: 8px; } #blockcart-modal .modal-content .modal-body > .row .soy_product_qty { padding: 0; color: #5B5B5B; } #blockcart-modal .modal-content .modal-body .cart-content .cart-products-count { color: #696158; font-weight: 500; margin-bottom: 10px; } #blockcart-modal .modal-content .modal-body .cart-content > p { margin-bottom: 6px; padding: 0; background: none; } #blockcart-modal .modal-content .modal-body .cart-content .cart-content-btn { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; } #blockcart-modal .modal-content .modal-body .cart-content .cart-content-btn button, #blockcart-modal .modal-content .modal-body .cart-content .cart-content-btn a { margin: 10px 0 0 0; padding: 10px; line-height: 20px; text-transform: uppercase; display: flex; align-items: center; justify-content: center; font-weight: 500; } @media screen and (min-width: 768px) { #blockcart-modal .modal-dialog { max-width: 1140px; padding-right: 15px; padding-left: 15px; width: calc(100% - 30px); } #blockcart-modal .modal-content .modal-body { /* .soy_modal_left{ float:left; width: 60%; border-bottom: 0; } .soy_modal_right{ float: left; width: 40%; border-left: 1px solid #efefef; } */ } #blockcart-modal .modal-content .modal-body > .row { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } @media screen and (min-width: 992px) { /* --------------------------------------------------------------*/ #blockcart-modal .modal-content .modal-body .cart-content .cart-content-btn { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; width: 100%; } #blockcart-modal .modal-content .modal-body .cart-content .cart-content-btn button { margin-right: 1rem; } } /*------------------------------------------------------------- # Customer --------------------------------------------------------------*/ body#my-account #content-wrapper.soy_page_account #soy_account_menu #soy_account_desplega a i { display: none; } body#my-account #content-wrapper.soy_page_account #soy_account_menu #soy_links_account { height: auto !important; } body #content-wrapper.soy_page_account { margin-top: 0; } body #content-wrapper.soy_page_account #content { padding: 0; box-shadow: none; } body #content-wrapper.soy_page_account #content .row { margin-left: 0; margin-right: 0; } body #content-wrapper.soy_page_account #soy_account_menu { padding: 0; background: #FF671D; } body #content-wrapper.soy_page_account #soy_account_menu #soy_account_desplega a, body #content-wrapper.soy_page_account #soy_account_menu #soy_account_desplega li { display: block; color: #FFF; padding: 10px 15px; font-weight: bold; font-size: 16px; } body #content-wrapper.soy_page_account #soy_account_menu #soy_account_desplega a i, body #content-wrapper.soy_page_account #soy_account_menu #soy_account_desplega li i { float: right; -webkit-transition: all 0.5s ease-out; /* Safari */ -moz-transition: all 0.5s ease-out; /* Mozilla */ -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } body #content-wrapper.soy_page_account #soy_account_menu #soy_account_desplega a[aria-expanded="true"] i, body #content-wrapper.soy_page_account #soy_account_menu #soy_account_desplega li[aria-expanded="true"] i { -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Safari */ transform: rotate(180deg); } body #content-wrapper.soy_page_account #soy_account_menu #soy_links_account { overflow: hidden; } body #content-wrapper.soy_page_account #soy_account_menu #soy_links_account #soy-menu-account { display: block; width: 100%; } body #content-wrapper.soy_page_account #soy_account_menu #soy_links_account #soy-menu-account li, body #content-wrapper.soy_page_account #soy_account_menu #soy_links_account #soy-menu-account a { width: 100%; display: block; } body #content-wrapper.soy_page_account #soy_account_menu #soy_links_account #soy-menu-account li a, body #content-wrapper.soy_page_account #soy_account_menu #soy_links_account #soy-menu-account a a { display: block; text-align: left; margin: 0; padding: 10px 15px 10px 20px; float: none; width: 100%; } body #content-wrapper.soy_page_account #soy_account_menu #soy_links_account #soy-menu-account li .link-item, body #content-wrapper.soy_page_account #soy_account_menu #soy_links_account #soy-menu-account a .link-item { box-shadow: none; position: relative; font-size: 15px; text-transform: uppercase; font-weight: normal; background: none; color: #FFF; padding: 0px 0 0 31px; line-height: 24px; display: block; } body #content-wrapper.soy_page_account #soy_account_menu #soy_links_account #soy-menu-account li .link-item i, body #content-wrapper.soy_page_account #soy_account_menu #soy_links_account #soy-menu-account a .link-item i { position: absolute; left: 0; top: 0; padding: 0; font-size: 25px; color: #FFF; width: auto; } body #content-wrapper.soy_page_account .soy_content_account { margin-top: 20px; } body #content-wrapper.soy_page_account .soy_content_account .page-header { padding: 0; margin-bottom: 15px; } body #content-wrapper.soy_page_account .soy_content_account .page-header h1 { color: #000; } body #content-wrapper.soy_page_account .soy_content_account #notifications { margin: 0; } body #content-wrapper.soy_page_account .soy_content_account .form-fields { overflow: hidden; } body #content-wrapper.soy_page_account .soy_content_account .form-fields .form-group { width: 100%; margin-bottom: 20px; float: left; margin-left: 0; margin-right: 0; } body #content-wrapper.soy_page_account .soy_content_account .form-fields .form-group > label, body #content-wrapper.soy_page_account .soy_content_account .form-fields .form-group > div { width: 100%; text-align: left; padding: 0 10px; } body #content-wrapper.soy_page_account .soy_content_account .form-fields .form-group.soy_checkbox { margin-bottom: 5px; } body #content-wrapper.soy_page_account .soy_content_account .form-fields .form-group.soy_checkbox .form-control-label { margin: 0; display: block; } body #content-wrapper.soy_page_account .soy_content_account .form-fields .form-footer { padding: 0 10px; } body #content-wrapper.soy_page_account .soy_content_account .form-footer { margin-top: 15px; padding: 0 10px; } @media screen and (min-width: 992px) { body #content-wrapper.soy_page_account #soy_account_menu { margin-top: 20px; padding: 0 15px; background: none; border-right: 1px solid #f2f2f2; } body #content-wrapper.soy_page_account #soy_account_menu #soy_account_desplega a { padding: 2px 0; color: #000; } body #content-wrapper.soy_page_account #soy_account_menu #soy_account_desplega a i { display: none; } body #content-wrapper.soy_page_account #soy_account_menu #soy_links_account { height: auto !important; display: block !important; } body #content-wrapper.soy_page_account #soy_account_menu #soy_links_account #soy-menu-account li, body #content-wrapper.soy_page_account #soy_account_menu #soy_links_account #soy-menu-account a { cursor: pointer; } body #content-wrapper.soy_page_account #soy_account_menu #soy_links_account #soy-menu-account li a, body #content-wrapper.soy_page_account #soy_account_menu #soy_links_account #soy-menu-account a a { padding: 10px 0 10px 5px; } body #content-wrapper.soy_page_account #soy_account_menu #soy_links_account #soy-menu-account li .link-item, body #content-wrapper.soy_page_account #soy_account_menu #soy_links_account #soy-menu-account a .link-item { color: #000; } body #content-wrapper.soy_page_account #soy_account_menu #soy_links_account #soy-menu-account li .link-item i, body #content-wrapper.soy_page_account #soy_account_menu #soy_links_account #soy-menu-account a .link-item i { color: #000; } } /*------------------------------------------------------------- ## Authentification --------------------------------------------------------------*/ #authentication.page-authentication form .form-control-label { font-weight: initial; font-family: "Hanken-Semibold"; font-size: 14px; line-height: 1.71429; color: #434343; margin: 0; text-align: left; } #authentication.page-authentication #content-wrapper { padding-top: 1rem; } #authentication.page-authentication #content-wrapper .page-header { margin: 0 auto 15px; } #authentication.page-authentication #content-wrapper .page-header h1 { text-align: center; font-weight: initial; font-size: 16px; line-height: 1.5; } #authentication.page-authentication #content-wrapper #content { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #authentication.page-authentication #content-wrapper #content.card { border: 0px; padding: 0; } #authentication.page-authentication #content-wrapper #content > section { margin-bottom: 3rem; padding: 0; } #authentication.page-authentication #content-wrapper #content > section .form-group { margin-bottom: 0px; } #authentication.page-authentication #content-wrapper #content > section .form-group .input-group #field-password[type="text"] + .input-group-btn .soy_eye .show { display: none; } #authentication.page-authentication #content-wrapper #content > section .form-group .input-group #field-password[type="text"] + .input-group-btn .soy_eye .hide { display: initial; } #authentication.page-authentication #content-wrapper #content > section .form-group .input-group .input-group-btn .soy_eye { background-color: #F0EDEA; } #authentication.page-authentication #content-wrapper #content > section .form-group .input-group .input-group-btn .soy_eye i, #authentication.page-authentication #content-wrapper #content > section .form-group .input-group .input-group-btn .soy_eye span { font-size: 25px; color: #696158; } #authentication.page-authentication #content-wrapper #content > section .form-group .input-group .input-group-btn .soy_eye .hide { display: none; } #authentication.page-authentication #content-wrapper #content > section .form-group .form-control { background-color: #F0EDEA; border: none; min-height: 51px; font-size: 14px; line-height: 1.71429; } #authentication.page-authentication #content-wrapper #content > section .soy_titulo_form { margin: 1rem 0 8px; display: block; text-align: center; color: #696158; font-family: "Hanken-Semibold"; font-size: 14px; line-height: 1.71429; } #authentication.page-authentication #content-wrapper #content > section.singup-form footer, #authentication.page-authentication #content-wrapper #content > section #login-form footer { text-align: right; margin-top: 9px; } #authentication.page-authentication #content-wrapper #content > section.singup-form footer input, #authentication.page-authentication #content-wrapper #content > section.singup-form footer button, #authentication.page-authentication #content-wrapper #content > section #login-form footer input, #authentication.page-authentication #content-wrapper #content > section #login-form footer button { min-height: 51px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 100%; font-size: 14px; line-height: 1.28571; font-weight: initial; font-family: "Hanken-Bold"; } #authentication.page-authentication #content-wrapper #content > section #login-form .forgot-password { text-align: left; margin-top: 0; padding: 5px 0 1rem; } #authentication.page-authentication #content-wrapper #content > section #login-form .forgot-password a { color: #696158; } #authentication.page-authentication #content-wrapper #content > section #login-form footer { margin-top: 0; } #authentication.page-authentication #content-wrapper #content > section #login-form footer input, #authentication.page-authentication #content-wrapper #content > section #login-form footer button { background-color: #FF671D; color: #FFFFFF; } /** ========== RECUPERACIÓN DE CONTRASEÑA ========== **/ #password.page-password form.forgotten-password .email input { background-color: #F0EDEA; min-height: 51px; border: 0; } #password.page-password form.forgotten-password .form-control-label { text-align: left; padding: 0 10px; font-weight: initial; } #password.page-password form.forgotten-password .form-control-submit { min-height: 51px; } /** * Rensponsive a partir de 768px **/ @media screen and (min-width: 768px) { #authentication.page-authentication #content-wrapper #content { max-width: 100%; } #authentication.page-authentication #content-wrapper #content > section.singup-form footer input, #authentication.page-authentication #content-wrapper #content > section.singup-form footer button, #authentication.page-authentication #content-wrapper #content > section #login-form footer input, #authentication.page-authentication #content-wrapper #content > section #login-form footer button { width: 100%; } #authentication.page-authentication #content-wrapper #content > section #login-form label, #authentication.page-authentication #content-wrapper #content > section.register-form label { float: none; display: block; width: 100%; text-align: left; } #authentication.page-authentication #content-wrapper #content > section #login-form div.col-md-6, #authentication.page-authentication #content-wrapper #content > section.register-form div.col-md-6 { width: 100%; } #authentication.page-authentication #content-wrapper #content > section.register-form { padding-right: 0; } #authentication.page-authentication #content-wrapper #content > section.register-form div.form-group { width: 48%; display: inline-block; vertical-align: top; margin-right: 1rem; } #authentication.page-authentication #content-wrapper #content > section.register-form div.form-group:nth-of-type(2), #authentication.page-authentication #content-wrapper #content > section.register-form div.form-group:nth-of-type(4) { margin-right: 0rem; margin-left: 1rem; } #authentication.page-authentication #content-wrapper #content > section.register-form div.form-group:nth-of-type(5), #authentication.page-authentication #content-wrapper #content > section.register-form div.form-group:nth-of-type(6) { display: block; width: 100%; } /** ========== RECUPERACIÓN DE CONTRASEÑA ========== **/ #password.page-password form.forgotten-password .form-control-label { text-align: right; } } @media screen and (max-width: 991px) { #authentication.page-authentication #content-wrapper #main { max-width: 750px; margin: 0 auto; } } /** * Rensponsive a partir de 992px **/ @media screen and (min-width: 992px) { #authentication.page-authentication form .form-control-label { font-size: 16px; line-height: 1.5; } #authentication.page-authentication #content-wrapper .page-header h1 { text-align: left; font-size: 18px; line-height: 1.33333; } #authentication.page-authentication #content-wrapper #content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; gap: 30px; } #authentication.page-authentication #content-wrapper #content.card-block::after { content: unset !important; } #authentication.page-authentication #content-wrapper #content > section .form-group .form-control { font-size: 16px; line-height: 1.5; } #authentication.page-authentication #content-wrapper #content > section.singup-form { max-width: 553px; width: calc(((100% - 30px) / 2) - 87px); } #authentication.page-authentication #content-wrapper #content > section.singup-form label { padding-bottom: 10px; } #authentication.page-authentication #content-wrapper #content > section.singup-form + section { width: calc(((100% - 30px) / 2) + 87px); margin-top: -26px; padding: 26px 43px 37px 40px; max-width: 640px; border: 2px solid #FD5F26; } #authentication.page-authentication #content-wrapper #content > section.singup-form footer input, #authentication.page-authentication #content-wrapper #content > section.singup-form footer button { font-size: 16px; line-height: 1.3125; } #authentication.page-authentication #content-wrapper #content > section #login-form label { padding-bottom: 10px; } #authentication.page-authentication #content-wrapper #content > section #login-form footer { text-align: left; } #authentication.page-authentication #content-wrapper #content > section #login-form footer input, #authentication.page-authentication #content-wrapper #content > section #login-form footer button { font-size: 16px; line-height: 1.3125; } #authentication.page-authentication #content-wrapper #content > section #login-form footer input:hover, #authentication.page-authentication #content-wrapper #content > section #login-form footer button:hover { background-color: transparent; color: #FF671D; } #authentication.page-authentication #content-wrapper #content > section #login-form .forgot-password a { font-size: 16px; line-height: 1.5; } #authentication.page-authentication #content-wrapper #content > section .soy_titulo_form { text-align: left; font-size: 16px; line-height: 1.5; } } /*------------------------------------------------------------- ## Adresses --------------------------------------------------------------*/ body#addresses .soy_addresses { padding: 0; display: flex; flex-wrap: wrap; margin: 0; } body#addresses .soy_addresses .address { box-shadow: none; padding: 15px; margin: 0; } body#addresses .soy_addresses .address .address-body { padding: 10px; border: 1px solid #818181; border-bottom: 0; } body#addresses .soy_addresses .address .address-body h4 { border-bottom: 1px solid #e9e9e9; padding-bottom: 10px; margin-bottom: 10px; } body#addresses .soy_addresses .address .address-body address { margin-bottom: 0; } body#addresses .soy_addresses .address .address-footer { padding: 0; overflow: hidden; border: 1px solid #818181; border-top: 0; } body#addresses .soy_addresses .address .address-footer a { width: 50%; margin: 0; float: left; padding: 10px; text-align: center; } body#addresses .soy_addresses .address .address-footer a.edit_address { background: #000; color: #FFF; } body#addresses .soy_addresses .address .address-footer a.delete_address { background: #a64d4d; color: #FFF; } body#addresses .addresses-footer { margin: 15px 0 0 0; } body#addresses .addresses-footer a { background: #000; color: #FFF; padding: 15px 20px; display: inline-block; } /* ADDRESS */ @media (min-width: 600px) { body#address .soy_content_account .address-form .soy_firstname, body#address .soy_content_account .address-form .soy_lastname, body#address .soy_content_account .address-form .soy_id_country, body#address .soy_content_account .address-form .soy_id_state, body#address .soy_content_account .address-form .soy_city, body#address .soy_content_account .address-form .soy_postcode { width: 50%; float: left; } } /* /ADDRESS */ @media screen and (min-width: 992px) { body#addresses .soy_addresses .address .address-footer a.edit_address, body#addresses .soy_addresses .address .address-footer a.delete_address { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } } @media screen and (min-width: 1200px) { body#addresses .soy_addresses .address .address-footer a.edit_address, body#addresses .soy_addresses .address .address-footer a.delete_address { display: initial; } } /*------------------------------------------------------------- ## History --------------------------------------------------------------*/ body#history .orders { padding: 0; display: flex; flex-wrap: wrap; width: 100%; margin: 0; } body#history .orders .order { -webkit-box-flex: 0 0 100%; -moz-box-flex: 0 0 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; box-shadow: none; padding: 15px; margin: 0; } body#history .orders .order .row { border: 1px solid #818181; } body#history .orders .order .row .soy_info_order { padding: 10px; } body#history .orders .order .row .soy_info_order a { border-bottom: 1px solid #e9e9e9; padding-bottom: 10px; margin-bottom: 10px; display: block; text-align: center; } body#history .orders .order .row .soy_info_order a h3 { margin: 0; } body#history .orders .order .row .soy_info_order .status { margin: 5px -10px -10px; width: calc(100% + 20px); } body#history .orders .order .row .soy_info_order .status span { margin: 0; border-radius: 0; display: block; text-align: center; background: #FF9B6A !important; } body#history .orders .order .row .soy_actions_order { padding: 0; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } body#history .orders .order .row .soy_actions_order a { width: 100%; margin: 0; float: left; padding: 5px 10px; text-align: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } body#history .orders .order .row .soy_actions_order a.soy_view_order { background: #000; color: #FFF; } body#history .orders .order .row .soy_actions_order a.soy_reorder { background: #818181; color: #FFF; font-size: 1em; } body#history .orders .order .row .soy_actions_order a i { display: block; width: 100%; font-size: 1rem; } body#history .addresses-footer { margin: 15px 0 0 0; } body#history .addresses-footer a { background: #000; color: #FFF; padding: 15px 20px; display: inline-block; } @media (min-width: 600px) { body#history .orders .order { -webkit-box-flex: 0 0 48%; -moz-box-flex: 0 0 48%; -webkit-flex: 0 0 48%; -ms-flex: 0 0 48%; flex: 0 0 48%; margin: 0 1%; } } @media (min-width: 1200px) { body#history .orders .order { -webkit-box-flex: 0 0 31.33%; -moz-box-flex: 0 0 31.33%; -webkit-flex: 0 0 31.33%; -ms-flex: 0 0 31.33%; flex: 0 0 31.33%; } } /*------------------------------------------------------------- ## Order Detail --------------------------------------------------------------*/ body#order-detail #content-wrapper .box { box-shadow: none; padding: 0; } body#order-detail #content-wrapper .soy_title_orderdetail { border-bottom: 1px solid #eeeeee; padding: 15px; font-size: 18px; } body#order-detail #content-wrapper #order-infos { padding: 0 15px; } body#order-detail #content-wrapper #order-infos ul { margin-bottom: 15px; } body#order-detail #content-wrapper #order-infos ul li { color: #232323; font-size: 16px; margin-bottom: 5px; } body#order-detail #content-wrapper #order-infos .soy_buttons a { margin-right: 10px; } body#order-detail #content-wrapper .addresses { margin: 0; margin: 0 0 15px 0; } body#order-detail #content-wrapper .addresses article { padding: 0; } body#order-detail #content-wrapper #order-history { padding: 0; margin-bottom: 20px; } body#order-detail #content-wrapper #order-history .history-line { padding: 0 15px 10px; margin-bottom: 10px; border: 0; position: relative; } body#order-detail #content-wrapper #order-history .history-line:after { content: ""; height: 1px; width: 400px; max-width: 70%; background: #eee; bottom: 0px; position: absolute; display: block; } body#order-detail #content-wrapper #order-history .history-line:last-child:after { display: none; } body#order-detail #content-wrapper #order-history .history-line .label { text-align: left; } body#order-detail #content-wrapper .order-items .order-item { padding: 0 15px 15px; margin-bottom: 15px; border: 0; position: relative; } body#order-detail #content-wrapper .order-items .order-item:after { content: ""; height: 1px; width: 80%; left: 10%; background: #eee; bottom: 0px; position: absolute; display: block; } body#order-detail #content-wrapper .order-items .order-item:last-child:after { display: none; } body#order-detail #content-wrapper .order-items .order-item .img { width: 100px; padding: 0; float: left; } body#order-detail #content-wrapper .order-items .order-item .img img { max-width: 100%; } body#order-detail #content-wrapper .order-items .order-item .desc { width: calc(100% - 100px); margin-bottom: 5px; float: left; } body#order-detail #content-wrapper .order-items .order-item .qty { width: calc(100% - 100px); margin-bottom: 5px; float: left; } body#order-detail #content-wrapper .order-items .order-item .qty .soy_qty_price { padding: 0; width: auto; } body#order-detail #content-wrapper .order-items .order-item .qty .soy_total_price { padding: 0; width: auto; float: right; } body#order-detail #content-wrapper .shipping-lines .shipping-line ul li { padding: 3px 15px; } body#order-detail #content-wrapper .order-message-form { padding: 0; } body#order-detail #content-wrapper .order-message-form .form-fields, body#order-detail #content-wrapper .order-message-form .form-footer { padding: 0 15px; } body#order-detail #content-wrapper .order-message-form .form-group > label { font-size: 16px; width: 100%; text-align: left; padding: 0; } body#order-detail #content-wrapper .order-message-form .form-group > div { width: 100%; text-align: left; padding: 0; } /*------------------------------------------------------------- ## Identity --------------------------------------------------------------*/ #identity.page-customer-account #content { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #identity.page-customer-account #content form > section > div.row { margin-left: 0; } #identity.page-customer-account #content form > section > div > label { float: none; width: auto; text-align: left; display: block; } #identity.page-customer-account #content form > section > div > div { width: 100%; } #identity.page-customer-account #content form > section > div:nth-child(9) .custom-checkbox > span { vertical-align: top; } #identity.page-customer-account #content form > section > div:nth-child(9) .custom-checkbox > label { width: 90%; } #identity.page-customer-account #content form > section > div .custom-checkbox input[type=checkbox] + span { vertical-align: top; margin-top: .3rem; } /** * Medium devices (tablets, 1200px and up) **/ @media screen and (min-width: 992px) { #identity.page-customer-account #content form > section { overflow: hidden; } } @media (min-width: 600px) { body#identity .soy_content_account #customer-form .soy_firstname, body#identity .soy_content_account #customer-form .soy_lastname, body#identity .soy_content_account #customer-form .soy_password, body#identity .soy_content_account #customer-form .soy_new_password { width: 50%; float: left; } } /*------------------------------------------------------------- # Checkout --------------------------------------------------------------*/ body#checkout .header-top #_desktop_logo, body#checkout .header-top .top-logo { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; float: unset; width: 100%; } body#checkout a:hover { color: #FF671D; } body#checkout #header { overflow: hidden; } body#checkout #header .header-nav { padding: 0; } body#checkout section#content { max-width: 1440px; margin: 30px auto; } body#checkout section#content .cart-grid-body section.checkout-step { box-shadow: none; padding: 0; border: 0; } body#checkout section#content .cart-grid-body section.checkout-step .step-title { border-bottom: 1px solid #eeeeee; padding: 15px; } body#checkout section#content .cart-grid-body section.checkout-step .step-title .step-number { padding: 0; margin-right: 5px; } body#checkout section#content .cart-grid-body section.checkout-step .step-title .done { padding: 0; margin-right: 5px; margin-top: -4px; } body#checkout section#content .cart-grid-body section.checkout-step .step-title .step-edit { margin-right: 0; margin-top: 2px; } body#checkout section#content .cart-grid-body section.checkout-step .content { padding: 10px 15px; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-personal-information-step .nav-inline .nav-item { width: 100%; margin: 0; text-align: center; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-personal-information-step .nav-inline .nav-item .nav-link { display: block; background: #FFF; color: #000; border: 1px solid #000; font-weight: normal; padding: 8px 10px; transition: all ease-in-out 0.3s; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-personal-information-step .nav-inline .nav-item .nav-link:hover { background: #000; color: #FFF; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-personal-information-step .nav-inline .nav-item .nav-link.active { background: #000; color: #FFF; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-personal-information-step #checkout-guest-form { margin-top: 20px; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-personal-information-step #checkout-guest-form #customer-form { margin: 0; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-personal-information-step #checkout-guest-form #customer-form > section { overflow: hidden; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-personal-information-step #checkout-guest-form #customer-form > section .form-group { float: left; width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 15px; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-personal-information-step #checkout-guest-form #customer-form > section .form-group > label { width: 100%; padding: 0; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-personal-information-step #checkout-guest-form #customer-form > section .form-group > div { width: 100%; padding: 0; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-personal-information-step #checkout-guest-form #customer-form > section .form-group.soy_checkbox { width: 100%; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-personal-information-step #checkout-guest-form #customer-form > section .form-group.soy_checkbox label { margin: 0; padding: 0; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-personal-information-step #checkout-guest-form #customer-form > section .form-group.soy_checkbox .custom-checkbox { display: block; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-personal-information-step #checkout-guest-form #customer-form > section .form-group.soy_checkbox .custom-checkbox label { cursor: pointer; padding-left: 24px; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-personal-information-step #checkout-guest-form #customer-form > section .form-group.soy_checkbox .custom-checkbox label span { margin: 0; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-personal-information-step #checkout-login-form { margin-top: 20px; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-personal-information-step #checkout-login-form #login-form { margin: 0; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-personal-information-step #checkout-login-form #login-form > section { overflow: hidden; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-personal-information-step #checkout-login-form #login-form > section .form-group { float: left; width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 15px; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-personal-information-step #checkout-login-form #login-form > section .form-group > label { width: 100%; padding: 0; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-personal-information-step #checkout-login-form #login-form > section .form-group > div { width: 100%; padding: 0; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-personal-information-step #checkout-login-form #login-form > section .form-group.soy_checkbox { width: 100%; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-personal-information-step #checkout-login-form #login-form > section .form-group.soy_checkbox label { margin: 0; padding: 0; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-personal-information-step #checkout-login-form #login-form > section .form-group.soy_checkbox .custom-checkbox { display: block; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-personal-information-step #checkout-login-form #login-form > section .form-group.soy_checkbox .custom-checkbox label span { margin-top: -3px; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-personal-information-step #checkout-login-form .forgot-password { margin-left: 0; padding-left: 15px; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-personal-information-step #checkout-login-form .forgot-password a { font-size: 15px; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-personal-information-step #checkout-login-form .forgot-password a:hover { color: #FF671D; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-personal-information-step #checkout-login-form .form-footer { margin-top: 15px; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-personal-information-step p { color: #232323; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-personal-information-step p::last-child { margin: 0; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-addresses-step .cancel-address { margin: 0 10px 0 0; display: block; color: #000; text-decoration: none; text-transform: uppercase; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-addresses-step #invoice-addresses, body#checkout section#content .cart-grid-body section.checkout-step#checkout-addresses-step #delivery-addresses { gap: 15px; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-addresses-step #invoice-addresses .address-item, body#checkout section#content .cart-grid-body section.checkout-step#checkout-addresses-step #delivery-addresses .address-item { background-color: #F0EDEA; flex: unset; width: 100%; margin: 0; border: 2px solid #434343; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-addresses-step #invoice-addresses .address-item.selected, body#checkout section#content .cart-grid-body section.checkout-step#checkout-addresses-step #delivery-addresses .address-item.selected { border: 2px solid #FF671D; background-color: #F0EDEA; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-addresses-step #invoice-addresses .address-item::nth-child(odd), body#checkout section#content .cart-grid-body section.checkout-step#checkout-addresses-step #delivery-addresses .address-item::nth-child(odd) { margin-right: 5px; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-addresses-step #invoice-addresses .address-item::nth-child(even), body#checkout section#content .cart-grid-body section.checkout-step#checkout-addresses-step #delivery-addresses .address-item::nth-child(even) { margin-left: 5px; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-addresses-step #invoice-addresses .address-item header, body#checkout section#content .cart-grid-body section.checkout-step#checkout-addresses-step #delivery-addresses .address-item header { min-height: 160px; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-addresses-step #invoice-addresses .address-item header .radio-block, body#checkout section#content .cart-grid-body section.checkout-step#checkout-addresses-step #delivery-addresses .address-item header .radio-block { display: block; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-addresses-step #invoice-addresses .address-item header .radio-block .custom-radio, body#checkout section#content .cart-grid-body section.checkout-step#checkout-addresses-step #delivery-addresses .address-item header .radio-block .custom-radio { margin-top: -5px; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-addresses-step .add-address a { color: #FFF; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-addresses-step #use_same_address { margin-right: 5px; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-addresses-step #use_same_address, body#checkout section#content .cart-grid-body section.checkout-step#checkout-addresses-step #use_same_address + label { display: inline; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-addresses-step .form-footer { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: end; -moz-justify-content: end; -ms-justify-content: end; justify-content: end; -ms-flex-pack: end; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; margin: 20px 0 10px; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-addresses-step .soy_different-invoice-address { text-transform: initial; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-addresses-step .soy_different-invoice-address + .soy_address_explanation { margin-top: 8px; color: #434343; display: block; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-delivery-step .delivery-options-list .delivery-options .delivery-option { border: 0; display: flex; align-items: center; background-color: #F0EDEA; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-delivery-step .delivery-options-list .delivery-options .delivery-option .custom-radio { margin-top: 0; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-delivery-step .delivery-options-list .delivery-options .delivery-option .delivery-option-2 { margin: 10px 0 0; padding: 0; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-delivery-step .delivery-options-list .delivery-options .delivery-option .delivery-option-2 .row { margin: 0; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-delivery-step .delivery-options-list .delivery-options .delivery-option .delivery-option-2 > div.row > div { margin-bottom: 10px; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-delivery-step .delivery-options-list .delivery-options .delivery-option .delivery-option-2 > div.row > div:last-child { margin-bottom: 0; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-delivery-step .delivery-options-list .delivery-options .delivery-option .delivery-option-2 .soy_img_carrier { width: 100%; padding: 0; text-align: center; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-delivery-step .delivery-options-list .delivery-options .delivery-option .delivery-option-2 .soy_img_carrier img { max-width: 150px; width: 100%; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-delivery-step .delivery-options-list .delivery-options .delivery-option .delivery-option-2 .carrier-name { display: block; font-weight: bold; margin-bottom: 0px; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-delivery-step .delivery-options-list .delivery-options .delivery-option .delivery-option-2 .carrier-delay { display: block; font-weight: normal; font-size: 12px; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-delivery-step .delivery-options-list .order-options #delivery label { text-align: left; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-payment-step .payment-options .payment-option { -ms-display: flex; display: flex; align-items: center; background: #f6f6f6; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-payment-step .payment-options .payment-option span.custom-radio { margin-left: 15px; margin-right: 0; margin-top: 0; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-payment-step .payment-options label { display: flex; align-items: center; text-align: left; padding: 15px; margin: 0; width: 100%; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-payment-step .payment-options label img { margin-right: 10px; width: auto; max-width: 75px; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-payment-step .payment-options label > span { width: 100%; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-payment-step #conditions-to-approve { margin-bottom: 30px; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-payment-step #conditions-to-approve .custom-checkbox span { flex: unset; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-payment-step #conditions-to-approve .condition-label { margin-left: 23px; margin-top: 0px; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-payment-step #payment-confirmation a { color: unset; font-weight: bold; } body#checkout section#content .cart-grid-right { background-color: #F0EDEA; } body#checkout section#content .cart-grid-right #js-checkout-summary { background-color: #F0EDEA; box-shadow: none; } body#checkout section#content .cart-grid-right #js-checkout-summary > .card-block { padding: 15px; } body#checkout section#content .cart-grid-right #js-checkout-summary .step-title { border-bottom: 1px solid #eeeeee; padding: 15px; display: block; line-height: 23px; margin: 0; } body#checkout section#content .cart-grid-right #js-checkout-summary .cart-summary-products .media { display: flex; align-items: center; margin-top: 10px; padding-top: 10px; position: relative; } body#checkout section#content .cart-grid-right #js-checkout-summary .cart-summary-products .media:before { content: ""; height: 1px; width: 80%; background: #eee; top: 0px; left: 10%; display: block; position: absolute; } body#checkout section#content .cart-grid-right #js-checkout-summary .cart-summary-products .media:first-child { margin: 0; padding: 0; } body#checkout section#content .cart-grid-right #js-checkout-summary .cart-summary-products .media:first-child:before { display: none; } body#checkout section#content .cart-grid-right #js-checkout-summary .cart-summary-products .media .product-name { float: left; width: 100%; } body#checkout section#content .cart-grid-right #js-checkout-summary .cart-summary-products .media .product-line-info { float: left; width: 100%; } body#checkout section#content .cart-grid-right #js-checkout-summary .cart-summary-products .media .product-line-info .label { font-weight: bold; } body#checkout section#content .cart-grid-right #js-checkout-summary .cart-summary-products .media .product-line-info .value { color: #232323; } body#checkout section#content .cart-grid-right #js-checkout-summary .cart-summary-products .media .product-quantity { float: left; line-height: 24px; font-weight: bold; } body#checkout section#content .cart-grid-right #js-checkout-summary .cart-summary-products .media .product-price { float: right; line-height: 24px; color: #000; font-weight: bold; } body#checkout section#content .cart-grid-right #js-checkout-summary .cart-summary-subtotals { margin-bottom: 3px; } body#checkout section#content .cart-grid-right #js-checkout-summary .block-promo .cart-voucher { margin-bottom: 15px; } body#checkout section#content .cart-grid-right #js-checkout-summary .block-promo .cart-voucher > p > a { margin: 0; padding: 0 15px; color: #000; } body#checkout section#content .cart-grid-right #js-checkout-summary .block-promo .cart-voucher > p > a:hover { color: #FF671D; } body#checkout section#content .cart-grid-right #js-checkout-summary .block-promo .cart-voucher #promo-code { padding: 0px 20px 0; background: rgba(0, 0, 0, 0) none repeat scroll 0px center; } body#checkout section#content .cart-grid-right #js-checkout-summary .block-promo .cart-voucher #promo-code .promo-input { width: 100%; margin-bottom: 10px; margin: 0; } body#checkout section#content .cart-grid-right #js-checkout-summary .block-promo .cart-voucher #promo-code button { border: 0; width: 100%; padding: 10px 25px; background-color: #FF671D; color: #FFFFFF; margin-top: 8px; } body#checkout section#content .cart-grid-right #js-checkout-summary .block-promo .cart-voucher #promo-code a.promo-code-button { color: #000; } body#checkout section#content .cart-grid-right #js-checkout-summary .block-promo .cart-voucher #promo-code a.promo-code-button:hover { color: #FF671D; } body#checkout section#content .cart-grid-right #js-checkout-summary .cart-summary-totals { font-weight: bold; font-size: 17px; } body#checkout section#content .cart-grid-right #js-checkout-summary .cart-summary-totals .cart-summary-line::after { content: unset; } body#checkout section#content .cart-grid-right #js-checkout-summary .cart-summary-totals .cart-total { background: none; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } body#checkout section#content .cart-grid-right #js-checkout-summary .cart-summary-totals .cart-total .value { text-align: right; } body#checkout section#content .cart-grid-right #js-checkout-summary .cart-summary-totals .cart-total .value small { text-align: right; } body#checkout section#content .cart-grid-right #js-checkout-summary .cart-summary-totals .label { text-align: left; font-size: 17px; display: block; white-space: -moz-pre-space; white-space: pre; } body#checkout #footer .footer-container > .container > .row { margin: 0; } body#checkout #footer .ps-social-follow ul { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } body#checkout #footer .block-contact .soy_contacto_label { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } @media (min-width: 450px) { body#checkout section#content .cart-grid-body section.checkout-step#checkout-personal-information-step .nav-inline .nav-item { width: auto; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-personal-information-step .nav-inline .nav-item:last-child { margin-left: 10px; } body#checkout section#content .cart-grid-right #js-checkout-summary .block-promo .cart-voucher #promo-code form { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; gap: 10px; } body#checkout section#content .cart-grid-right #js-checkout-summary .block-promo .cart-voucher #promo-code .promo-input { width: calc((100% / 3) * 2); } body#checkout section#content .cart-grid-right #js-checkout-summary .block-promo .cart-voucher #promo-code button { margin: 0; width: calc((100% / 3) - 10px); } } @media (min-width: 576px) { body#checkout section#content .cart-grid-body section.checkout-step#checkout-delivery-step .delivery-options-list .delivery-options .delivery-option { position: relative; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-delivery-step .delivery-options-list .delivery-options .delivery-option .soy_radio_wrapper { position: absolute; top: 50%; transform: translateY(-50%); } body#checkout section#content .cart-grid-body section.checkout-step#checkout-delivery-step .delivery-options-list .delivery-options .delivery-option .delivery-option-2 { padding: 0 0 0 15px; margin: 0; width: 100%; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-delivery-step .delivery-options-list .delivery-options .delivery-option .delivery-option-2 > div.row { display: flex; align-items: center; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-delivery-step .delivery-options-list .delivery-options .delivery-option .delivery-option-2 > div.row > div { margin-bottom: 0; } } @media (min-width: 768px) { body#checkout section#content .cart-grid-body section.checkout-step#checkout-addresses-step #invoice-addresses .address-item, body#checkout section#content .cart-grid-body section.checkout-step#checkout-addresses-step #delivery-addresses .address-item { width: calc((100% - 15px) / 2); } body#checkout section#content .cart-grid-body section.checkout-step#checkout-personal-information-step #checkout-guest-form #customer-form > section { margin-left: -7.5px; margin-right: -7.5px; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-personal-information-step #checkout-guest-form #customer-form > section .form-group { width: 50%; padding: 0 7.5px; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-personal-information-step #checkout-login-form #login-form > section { margin-left: -7.5px; margin-right: -7.5px; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-personal-information-step #checkout-login-form #login-form > section .form-group { width: 50%; padding: 0 7.5px; } body#checkout #footer .ps-social-follow { margin-bottom: 15px; width: 100%; } } @media (min-width: 992px) { body#checkout .btn-primary:hover, body#checkout #category #wrapper #content-wrapper .pagination > div .page-list > li .next:hover, #category #wrapper #content-wrapper .pagination > div .page-list > li body#checkout .next:hover, body#checkout #category #wrapper #content-wrapper .pagination > div .page-list > li .previous:hover, #category #wrapper #content-wrapper .pagination > div .page-list > li body#checkout .previous:hover, body#checkout #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next:hover, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li body#checkout .next:hover, body#checkout #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous:hover, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li body#checkout .previous:hover, body#checkout #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next:hover, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li body#checkout .next:hover, body#checkout #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous:hover, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li body#checkout .previous:hover, body#checkout #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next:hover, #new-products #wrapper #content-wrapper .pagination > div .page-list > li body#checkout .next:hover, body#checkout #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous:hover, #new-products #wrapper #content-wrapper .pagination > div .page-list > li body#checkout .previous:hover, body#checkout #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next:hover, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li body#checkout .next:hover, body#checkout #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous:hover, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li body#checkout .previous:hover, body#checkout #search #wrapper #content-wrapper .pagination > div .page-list > li .next:hover, #search #wrapper #content-wrapper .pagination > div .page-list > li body#checkout .next:hover, body#checkout #search #wrapper #content-wrapper .pagination > div .page-list > li .previous:hover, #search #wrapper #content-wrapper .pagination > div .page-list > li body#checkout .previous:hover { background-color: #FF671D; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-delivery-step .delivery-options-list .delivery-options .delivery-option .delivery-option-2 { cursor: pointer; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-payment-step .payment-options .payment-option label { cursor: pointer; } body#checkout section#content .cart-grid-body section.checkout-step#checkout-addresses-step .soy_different-invoice-address:hover { color: #FFFFFF; } body#checkout section#content .cart-grid-right #js-checkout-summary .block-promo .cart-voucher #promo-code form { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 8px; } body#checkout section#content .cart-grid-right #js-checkout-summary .block-promo .cart-voucher #promo-code button, body#checkout section#content .cart-grid-right #js-checkout-summary .block-promo .cart-voucher #promo-code .promo-input { width: 100%; } body#checkout section#content .cart-grid-right #js-checkout-summary .block-promo .cart-voucher #promo-code button:hover { background-color: #FF9B6A; } body#checkout #footer .footer-container > .container > .row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; gap: 35px; } body#checkout #footer .links > .row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; gap: 35px; } body#checkout #footer .ps-social-follow { width: initial; } } body#order-confirmation .card { box-shadow: none; } body#order-confirmation .row { margin-left: 0; margin-right: 0; } body#order-confirmation #content-hook_order_confirmation { margin: 20px auto; } body#order-confirmation #content-hook_order_confirmation .done { padding: 0; margin-right: 10px; } body#order-confirmation #content-hook_order_confirmation > .card-block { padding: 0; } body#order-confirmation #content-hook_order_confirmation > .card-block > .row { padding: 0; } body#order-confirmation #content-hook_order_confirmation > .card-block .card-title { border-bottom: 1px solid #eeeeee; padding: 0 0 15px; margin-bottom: 0; } body#order-confirmation #content-hook_order_confirmation > .card-block p { margin: 15px 0 0; } body#order-confirmation #content > .card-block { padding: 0; } body#order-confirmation #content > .card-block #order-items { padding: 0; border: 0; } body#order-confirmation #content > .card-block #order-items .order-confirmation-table .order-line { position: relative; padding-top: 15px; } body#order-confirmation #content > .card-block #order-items .order-confirmation-table .order-line:first-child { padding-top: 0; } body#order-confirmation #order-items .order-confirmation-table .order-line:first-child:before { display: none; } body#order-confirmation #order-items .order-confirmation-table .order-line:before { content: ""; height: 1px; width: 80%; background: #eee; top: 0px; left: 10%; display: block; position: absolute; } body#order-confirmation #order-items .order-confirmation-table .order-line .soy_img_order_confirmation { width: 150px; } body#order-confirmation #order-items .order-confirmation-table .order-line .details, body#order-confirmation #order-items .order-confirmation-table .order-line .qty { width: calc(100% - 150px); overflow: hidden; } body#order-confirmation #order-items .order-confirmation-table .order-line .qty > div.soy_qty_price { float: left; width: auto; padding: 0; } body#order-confirmation #order-items .order-confirmation-table .order-line .qty > div.soy_price { float: right; width: auto; padding: 0; } body#order-confirmation #order-items .order-confirmation-table .order-line .image img { margin: 0; } body#order-confirmation #order-items .soy_totals { display: block; padding: 15px; border-top: 1px solid #eee; margin-top: 15px; } body#order-confirmation #order-items .soy_totals > span { display: block; overflow: hidden; margin-bottom: 4px; } body#order-confirmation #order-items .soy_totals > span .label { float: left; font-size: 16px; } body#order-confirmation #order-items .soy_totals > span .value { float: right; font-size: 16px; } body#order-confirmation #order-details { padding: 0; } body#order-confirmation #order-details > ul { padding: 15px; margin-bottom: 0px; } body#order-confirmation #order-details > ul li .label { font-size: 16px; font-weight: bold; } body#order-confirmation #order-details > ul li .value { font-size: 16px; } body#order-confirmation #content-hook_payment_return .card-block { padding: 0; } /*------------------------------------------------------------- # CMS --------------------------------------------------------------*/ /*------------------------------------------------------------- ## CONTACT --------------------------------------------------------------*/ body#contact #wrapper { padding-top: 0px; } body#contact #wrapper > .container { padding: 0; width: 100% !important; margin-left: 0; } body#contact #wrapper #main { width: 95%; } body#contact .breadcrumb { margin-bottom: 1rem; padding: 0 1rem; } body#contact #left-column { background-color: #FF671D; margin-bottom: 1rem; } body#contact #left-column .contact-rich { padding: 1rem; padding-left: 2rem; } body#contact #left-column .contact-rich h4 { margin-bottom: 1rem; padding: 1.5rem 0rem; color: #434343; } body#contact #left-column .contact-rich div.email + a { margin-left: 3.5rem; } body#contact #left-column .contact-rich div > a { margin-top: .5rem; display: block; color: #434343; } body#contact #left-column .contact-rich .block, body#contact #left-column .contact-rich .block > .data { color: #434343; } body#contact #content-wrapper #main #content { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 0; } body#contact #content-wrapper #main #content .contact-form .form-fields > div label { display: block; width: 100%; text-align: left; } body#contact #content-wrapper #main #content .contact-form .form-fields > div label span { float: none; width: auto; } body#contact #content-wrapper #main #content .contact-form .form-fields > div:nth-child(1) { margin-bottom: 1rem; border-bottom: 1px solid #ddd; padding-bottom: 1rem; } body#contact #content-wrapper #main #content .contact-form input[type=file] + div.input-group { display: block; } body#contact #content-wrapper #main #content .contact-form input[type=file] + div.input-group > input { float: none; } body#contact #content-wrapper #main #content .contact-form input[type=file] + div.input-group .group-span-filestyle { display: block; width: auto; } body#contact #content-wrapper #main #content .contact-form input[type=file] + div.input-group .group-span-filestyle label { width: 100%; height: auto; } body#contact #content-wrapper #main #content .contact-form input[name=submitMessage] { width: 100%; } /** * Responsive para pantallas superiores a 575px **/ /** * Responsive para pantallas superiores a 992px **/ @media screen and (min-width: 992px) { body#contact #content-wrapper { width: 70%; } body#contact #content-wrapper #main #content .contact-form { margin-left: 2rem; padding: 2rem; } body#contact #content-wrapper #main #content .contact-form input[type=file] + div.input-group { display: table; } body#contact #content-wrapper #main #content .contact-form input[type=file] + div.input-group > input { float: left; } body#contact #content-wrapper #main #content .contact-form input[type=file] + div.input-group .group-span-filestyle { display: table-cell; width: 1%; } body#contact #content-wrapper #main #content .contact-form input[type=file] + div.input-group .group-span-filestyle label { width: 100%; height: auto; } body#contact #content-wrapper #main #content .contact-form input[name=submitMessage] { width: auto; } body#contact #content-wrapper #main #content .contact-form .form-group > .col-md-9 { width: 100%; } body#contact #left-column { width: 30%; border-bottom: 2px solid #FF671D; padding-top: 1rem; margin-bottom: 0rem; min-height: 725px; } } /*------------------------------------------------------------- ## QUIENES SOMOS --------------------------------------------------------------*/ /** PÁGINA QUIENES SOMOS **/ body#cms.cms-id-4 .page-header { display: none; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 { text-align: center; padding: 0; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 p { font-size: 14px; line-height: 1.42857; font-family: "Hanken-Medium"; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .soy_subtitle strong, body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .soy_subtitle { font-family: "Gazpacho"; font-weight: initial; font-size: 16px; line-height: 1.25; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .soy_title { text-align: center; text-transform: initial; font-size: 22px; line-height: 1.22727; margin-bottom: 42.5px; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 h1, body#cms.cms-id-4 .page-content.page-cms.page-cms-4 p { color: #434343; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .soy_portada { margin-bottom: 35px; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .soy_portada .soy_portada_texto { margin-bottom: 25px; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .soy_portada .soy_portada_texto .soy_portada_subtitle, body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .soy_portada .soy_portada_texto .soy_portada_title { color: #FF671D; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .soy_portada .soy_portada_texto .soy_portada_title { margin-bottom: 15px; font-size: 44px; line-height: 1.20455; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .soy_portada .soy_portada_texto .soy_portada_subtitle { font-family: "Hanken-Black"; font-size: 18px; line-height: 1.22222; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .soy_portada .soy_portada_img { background-image: url("./../img/cms/quienes_somos/sobre-nosotros-movil.png"); background-position: top; background-repeat: no-repeat; background-size: contain; padding-bottom: 105.606256%; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .soy-cms-margin { margin: 0; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .nuestra_historia { padding: 52px 15px 55px; background-color: transparent; margin-bottom: 29px; position: relative; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .nuestra_historia .soy_title, body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .nuestra_historia .nuestra_historia__wrapper { position: relative; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .nuestra_historia .soy_title { margin-bottom: 20px; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .nuestra_historia .nuestra_historia__wrapper { max-width: 665px; margin: 0 auto; text-align: center; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .nuestra_historia::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background-color: #F0EDEA; z-index: 0; width: 100vw; height: 100%; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .block { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .block.initial_block { margin-bottom: 35px; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .block.initial_block .soy_title { margin-bottom: 20px; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .block.initial_block .block__content { max-width: 690px; margin: 0 auto; background-color: #FF671D; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .block.initial_block .block__content h1, body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .block.initial_block .block__content p { color: #FFFFFF; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .block .block__content { padding: 35px 15px 25px; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .block.maps .block__maps { max-width: 438px; width: 100%; margin: 0 auto; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .block.maps .block__maps .soy-cms-block { position: relative; padding-bottom: 94.29223%; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .block.maps .block__maps .soy-cms-block iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .last_block { padding: 30px 15px; background-color: #F7EF8B; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .last_block .last_block__wrapper { text-align: center; max-width: 435px; margin: 0 auto; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .last_block .last_block__wrapper p { font-family: "Hanken-Bold"; } @media screen and (min-width: 768px) { body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .soy_portada { max-width: 665px; margin: 0 auto; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .soy_portada .soy_portada_img { background-image: url("./../img/cms/quienes_somos/sobre-nosotros-desk.png"); padding-bottom: 102.70677%; } } @media screen and (min-width: 992px) { body#cms.cms-id-4 .page-content.page-cms.page-cms-4 { text-align: initial; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 p { font-size: 18px; line-height: 1.33333; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .soy_subtitle strong, body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .soy_subtitle { font-size: 20px; line-height: 1.2; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .soy_title { font-size: 35px; line-height: 1.22857; margin-bottom: 42.5px; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .nuestra_historia .soy_title { margin-bottom: 24px; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .soy_portada { max-width: 1355px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .soy_portada .soy_portada_texto { width: calc((690 * 100%) / 1355); } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .soy_portada .soy_portada_texto .soy_portada_title { margin-bottom: 15px; text-align: left; font-size: 75px; line-height: 1.21333; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .soy_portada .soy_portada_texto .soy_portada_subtitle { font-family: "Hanken-Regular"; font-size: 35px; line-height: 1.17143; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .soy_portada .soy_portada_img-wrapper { width: calc((665 * 100%) / 1355); } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .block { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .block.initial_block { margin-bottom: 35px; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .block.initial_block .soy_title { text-align: left; margin-bottom: 25px; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .block.initial_block .block__img { width: calc((690 * 100%) / 1355); } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .block.initial_block .block__content { padding: 56px 25px 28px 49px; width: calc((665 * 100%) / 1355); } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .block.reverse { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .block.reverse .block__content { text-align: right; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .block.catalogo { margin-bottom: 65px; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .block.eficacia { margin-bottom: 114px; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .block.atencion { margin-bottom: 77px; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .block .block__img { width: calc((665 * 100%) / 1355); } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .block .block__content { width: calc((690 * 100%) / 1355); padding: 0px 25px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .block.maps { margin-bottom: 67px; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .block.maps .block__maps, body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .block.maps .block__content { width: 50%; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .block.maps .block__content { text-align: left; padding-left: 0; padding-right: 0; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .last_block { padding: 52px 0px; } } @media screen and (min-width: 1200px) { body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .soy_portada { max-width: 1355px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .soy_portada .soy_portada_texto { padding-top: 150px; } } @media screen and (min-width: 1500px) { body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .nuestra_historia { padding-bottom: 97px; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .block.reverse .block__content { padding: 72px 140px 0px 0px; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .block .block__content { display: block; padding: 72px 0px 0px 140px; } body#cms.cms-id-4 .page-content.page-cms.page-cms-4 .block.maps .block__content { padding-right: 0; } } /*------------------------------------------------------------- # Errors --------------------------------------------------------------*/ /*------------------------------------------------------------- ## 404 --------------------------------------------------------------*/ body#pagenotfound .page-header { order: 2; padding: 0 15px; margin-top: 15px; text-align: center; } body#pagenotfound .page-header h1 { max-width: 549px; color: #696158; font-size: 16px; line-height: 1.375; font-weight: 400; font-family: "Hanken-Bold"; margin: 0 auto; } body#pagenotfound #content-wrapper { float: unset; padding: 0; } body#pagenotfound #main { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } body#pagenotfound .main-404 { order: 1; } body#pagenotfound .main-404 .main-404__wrapper { position: relative; } body#pagenotfound .main-404 .main-404__wrapper .main-404__text { position: absolute; top: 0; left: 50%; transform: translateX(-50%); } body#pagenotfound .main-404 .main-404__wrapper .main-404__text .main-404__title, body#pagenotfound .main-404 .main-404__wrapper .main-404__text .main-404__subtitle { text-align: center; color: #434343; } body#pagenotfound .main-404 .main-404__wrapper .main-404__text .main-404__title { font-size: 22px; line-height: 1.22727; } body#pagenotfound .main-404 .main-404__wrapper .main-404__text .main-404__subtitle { font-size: 30px; line-height: 1.2; } body#pagenotfound .main-404 .main-404__wrapper .main-404__img { margin: 0 auto; width: fit-content; } body#pagenotfound .main-404 .main-404__wrapper .main-404__img img { margin: 0 auto; } body#pagenotfound .page-footer { order: 3; } @media screen and (min-width: 992px) { body#pagenotfound #main .page-header { margin-top: 0px; } body#pagenotfound #main .page-header h1 { font-size: 20px; line-height: 1.2; } body#pagenotfound .main-404 { margin-top: -55px; } body#pagenotfound .main-404 .main-404__wrapper .main-404__text { top: 170px; } body#pagenotfound .main-404 .main-404__wrapper .main-404__text .main-404__title { font-size: 30px; line-height: 1.2; } body#pagenotfound .main-404 .main-404__wrapper .main-404__text .main-404__subtitle { color: #FFFFFF; font-size: 45px; line-height: 1.22222; } } /*------------------------------------------------------------- # Footer --------------------------------------------------------------*/ body#index footer#footer .footer-container .container { padding-top: 6px; } body#index footer#footer .footer-container .container::after { content: unset; } footer#footer { background-color: #FFFFFF; padding-top: 0px; } footer#footer #soy_soporte_flotante { position: fixed; display: none; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: end; -moz-align-items: end; -ms-align-items: end; align-items: end; } footer#footer #soy_soporte_flotante .soy_soporte_flotante_icon { width: 55px; height: 55px; border: 3px solid #FFFFFF; border-radius: 50%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; background-color: #FF671D; cursor: pointer; } footer#footer #soy_soporte_flotante .soy_soporte_flotante_icon i { font-size: 35px; color: #FFFFFF; } footer#footer #soy_soporte_flotante .soy_soporte_flotante_contacts { background-color: #FF671D; border: 3px solid #FFFFFF; border-radius: 25px 25px 0 25px; padding: 17px 37px; color: #FFFFFF; } footer#footer #soy_soporte_flotante .soy_soporte_flotante_contacts a { color: #FFFFFF; } footer#footer #soy_soporte_flotante .soy_soporte_flotante_contacts .soy_soporte_flotante_head { text-align: center; margin-bottom: 15px; } footer#footer #soy_soporte_flotante .soy_soporte_flotante_contacts .soy_soporte_flotante_body { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; gap: 20px; } footer#footer #soy_soporte_flotante .soy_soporte_flotante_contacts .soy_soporte_flotante_body .soy_soporte_flotante_item .info_text, footer#footer #soy_soporte_flotante .soy_soporte_flotante_contacts .soy_soporte_flotante_body .soy_soporte_flotante_link { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; gap: 6px; } footer#footer #soy_soporte_flotante .soy_soporte_flotante_contacts .soy_soporte_flotante_body .soy_soporte_flotante_item .soy_soporte_flotante_icon_wrapper { width: 40px; height: 40px; line-height: 1; border-radius: 50%; background-color: #FFFFFF; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } footer#footer #soy_soporte_flotante .soy_soporte_flotante_contacts .soy_soporte_flotante_body .soy_soporte_flotante_item .soy_soporte_flotante_icon_wrapper i { color: #FF671D; font-size: 20px; } footer#footer p { color: #434343; margin-bottom: 8px; } footer#footer a:not(.btn-primary) { color: #434343; } footer#footer .h1, footer#footer .h2, footer#footer .h3, footer#footer .h4, footer#footer .h5 { color: #696158; } footer#footer > div > .row { margin: 0; } footer#footer .soy_footer_top { /** ============== BLOQUE CURSOS ================ **/ } footer#footer .soy_footer_top .soy-cursos { background-color: #F0EDEA; padding: 35px 0 80px; margin-top: 48.7px; } footer#footer .soy_footer_top .soy-cursos img { max-width: 100%; height: auto; margin: 0 auto; display: block; } footer#footer .soy_footer_top .soy-cursos .soy-cursos__img-wrapper { margin-bottom: 37px; } footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper { text-align: center; color: #434343; } footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper p { font-size: 14px; line-height: 1.35714; } footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper p:first-child { margin-bottom: 20px; } footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper .btn-primary, footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper #category #wrapper #content-wrapper .pagination > div .page-list > li .next, #category #wrapper #content-wrapper .pagination > div .page-list > li footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper .next, footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper #category #wrapper #content-wrapper .pagination > div .page-list > li .previous, #category #wrapper #content-wrapper .pagination > div .page-list > li footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper .previous, footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper .next, footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper .previous, footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper .next, footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper .previous, footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next, #new-products #wrapper #content-wrapper .pagination > div .page-list > li footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper .next, footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous, #new-products #wrapper #content-wrapper .pagination > div .page-list > li footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper .previous, footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper .next, footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper .previous, footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper #search #wrapper #content-wrapper .pagination > div .page-list > li .next, #search #wrapper #content-wrapper .pagination > div .page-list > li footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper .next, footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper #search #wrapper #content-wrapper .pagination > div .page-list > li .previous, #search #wrapper #content-wrapper .pagination > div .page-list > li footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper .previous { padding: 14.5px; width: 100%; font-family: "Hanken-Bold"; font-weight: 400; text-transform: initial; } footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper .btn-primary.btn_blog, footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper #category #wrapper #content-wrapper .pagination > div .page-list > li .btn_blog.next, #category #wrapper #content-wrapper .pagination > div .page-list > li footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper .btn_blog.next, footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper #category #wrapper #content-wrapper .pagination > div .page-list > li .btn_blog.previous, #category #wrapper #content-wrapper .pagination > div .page-list > li footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper .btn_blog.previous, footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .btn_blog.next, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper .btn_blog.next, footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .btn_blog.previous, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper .btn_blog.previous, footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .btn_blog.next, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper .btn_blog.next, footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .btn_blog.previous, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper .btn_blog.previous, footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper #new-products #wrapper #content-wrapper .pagination > div .page-list > li .btn_blog.next, #new-products #wrapper #content-wrapper .pagination > div .page-list > li footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper .btn_blog.next, footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper #new-products #wrapper #content-wrapper .pagination > div .page-list > li .btn_blog.previous, #new-products #wrapper #content-wrapper .pagination > div .page-list > li footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper .btn_blog.previous, footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .btn_blog.next, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper .btn_blog.next, footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .btn_blog.previous, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper .btn_blog.previous, footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper #search #wrapper #content-wrapper .pagination > div .page-list > li .btn_blog.next, #search #wrapper #content-wrapper .pagination > div .page-list > li footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper .btn_blog.next, footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper #search #wrapper #content-wrapper .pagination > div .page-list > li .btn_blog.previous, #search #wrapper #content-wrapper .pagination > div .page-list > li footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper .btn_blog.previous { margin-top: 15px; } footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-caption { margin-bottom: 10px; } footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-caption .soy_title { color: #FF671D; font-size: 22px; line-height: 1.22727; margin-bottom: 10px; } footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-caption .soy_subtitle { font-size: 16px; line-height: 1.375; font-family: "Hanken-Bold"; } footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-body { margin-bottom: 32px; } footer#footer .footer-container { margin-top: 0; padding-top: 0; box-shadow: none; /** ============== BLOQUE ENLACES TIENDA ================ **/ /** ============== BLOQUE CONTACTO ================ **/ /** ============== BLOQUE SOCIAL ================ **/ /** ============== BLOQUE CONTACTO DE footer.tpl ================ **/ /** ============== BLOQUE FOOTER APP ================ **/ } footer#footer .footer-container .container { padding: 22px 0 0 0; position: relative; /** ============== BLOQUE COPYRIGHT ================ **/ } footer#footer .footer-container .container::after { content: ''; position: absolute; top: 6px; left: 50%; transform: translateX(-50%); width: calc(100% - 30px); height: 3px; background-color: #696158; border-radius: 14px; } footer#footer .footer-container .container .copyright_theme p { font-size: 16px; line-height: 1.375; display: block; width: fit-content; margin: 0 auto; } footer#footer .footer-container .container .copyright_theme p span { padding: 30px 0; width: 100%; display: inline-flex; align-items: center; justify-content: center; gap: 25px; } footer#footer .footer-container .container .copyright_theme p i { font-size: 50px; } footer#footer .footer-container .links, footer#footer .footer-container .ps-social-follow, footer#footer .footer-container .soy_footer_telf_email, footer#footer .footer-container .block-contact { text-align: center; } footer#footer .footer-container .links:not(.block-contact) .wrapper .title { border-top: 1px solid #DBDBDB; } footer#footer .footer-container .links .wrapper { margin: 0 1rem; } footer#footer .footer-container .links .wrapper .h3 { font-weight: 600; } footer#footer .footer-container .links .wrapper .title { border: 0; } footer#footer .footer-container .links .wrapper ul { background: #FFFFFF; } footer#footer .footer-container .links .wrapper ul li { border-color: transparent; padding: 0; margin: 0; } footer#footer .footer-container .links .wrapper ul li a { padding: 6px 0; font-weight: 500; display: inline-block; } footer#footer .footer-container .links .wrapper ul li a:hover { color: #FF671D; } footer#footer .footer-container .soy-desktop-blockcontact { display: none; } footer#footer .footer-container .block-contact { border: none; padding: 0 15px; } footer#footer .footer-container .block-contact .wrapper { margin: 0; } footer#footer .footer-container .block-contact .wrapper .soy_wrapper_info { padding-bottom: 10px; } footer#footer .footer-container .block-contact .h3 { font-weight: 600; } footer#footer .footer-container .block-contact .block-contact-item { margin-bottom: .4rem; } footer#footer .footer-container .block-contact .block-contact-item i { padding-right: 12px; } footer#footer .footer-container .block-contact .soy-movil-blockcontact { color: #434343; } footer#footer .footer-container .block-contact .soy_contacto_label, footer#footer .footer-container .block-contact .soy_dias_disponibles { display: inline-block; width: 100%; color: #434343; } footer#footer .footer-container .block-contact .soy_dias_disponibles { margin-top: 4px; } footer#footer .footer-container .block-contact .soy_contacto_label { display: inline-flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; margin-top: 15px; margin-bottom: 4px; } footer#footer .footer-container .block-contact .soy_contacto_label:first-child { margin-top: 0; } footer#footer .footer-container .block-contact .soy_contacto_label * { font-size: 14px; line-height: 1.35714; color: #434343; } footer#footer .footer-container .block-contact .soy_contacto_label i { font-size: 18px; } footer#footer .footer-container .block-contact .soy_contacto_label span.soy_contact_text { font-weight: 600; margin-left: 6px; } footer#footer .footer-container .ps-social-follow, footer#footer .footer-container .block-social { border-top: 1px solid #DBDBDB; border-bottom: 1px solid #DBDBDB; padding-top: 10px; padding-bottom: 10px; margin: 0 15px; } footer#footer .footer-container .ps-social-follow .h3, footer#footer .footer-container .block-social .h3 { font-size: 16px; font-weight: 600; margin-bottom: 18px; } footer#footer .footer-container .ps-social-follow ul, footer#footer .footer-container .block-social ul { display: flex; gap: 15px; flex-wrap: wrap; margin: 0; } footer#footer .footer-container .ps-social-follow ul li, footer#footer .footer-container .block-social ul li { background: transparent; } footer#footer .footer-container .ps-social-follow ul li::before, footer#footer .footer-container .block-social ul li::before { background-image: none; font-size: 24px; color: #434343; } footer#footer .footer-container .ps-social-follow ul li a::before, footer#footer .footer-container .block-social ul li a::before { font-size: 24px; } footer#footer .footer-container .soy_footer_telf_email { margin-top: 12px; } footer#footer .footer-container .soy_footer_telf_email p { margin-bottom: 6px; } footer#footer .footer-container .soy_footer_telf_email .soy-no-carbono { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; margin: 5px 0 30px; } footer#footer .footer-container .soy_footer_telf_email .soy-no-carbono__img { max-width: 88px; } footer#footer .footer-container .soy_footer_telf_email .soy-no-carbono__text-wrapper { max-width: 193px; } footer#footer .footer-container .soy_footer_telf_email .soy-no-carbono__text { font-family: "Hanken-Semibold"; font-size: 13px; line-height: 1.46154; } footer#footer .footer-container .soy_footer_after #soy_footer_app { text-align: center; } footer#footer .footer-container .soy_footer_after #soy_footer_app .soy_links_app_wrapper { margin-top: 15px; } footer#footer .footer-container .soy_footer_after #soy_footer_app .soy_links_app_wrapper .h3 { font-size: 20px; line-height: 1.2; color: #434343; } footer#footer .footer-container .soy_footer_after .soyinfopaymentsfooter { margin-top: 44px; } footer#footer .footer-container .soy_footer_after .soyinfopaymentsfooter .soy_sipf_wrapper { border-top: 1px solid #A09E9E; margin: 0 auto; float: unset; padding: 0; } footer#footer .footer-container .soy_footer_after .soyinfopaymentsfooter .soy_sipf_wrapper ul { margin-top: 40px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; flex-wrap: wrap; margin-left: -25px; margin-right: -25px; } footer#footer .footer-container .soy_footer_after .soyinfopaymentsfooter .soy_sipf_wrapper ul li { padding: 0; text-align: center; max-width: 60px; } footer#footer .footer-container .soy_footer_after .soyinfopaymentsfooter .soy_sipf_wrapper ul li.soy_last { max-width: 100%; margin-top: 25px; } footer#footer .footer-container .soy_footer_after .soyinfopaymentsfooter .soy_sipf_wrapper ul li.soy_last a { max-width: 257px; width: 100%; display: inline-block; } footer#footer .footer-container .soy_footer_after .soyinfopaymentsfooter .soy_sipf_wrapper ul li span { padding: 0; } footer#footer .footer-container .soy_footer_after .soyinfopaymentsfooter .soy_sipf_wrapper ul li img { max-width: 100%; height: auto; } footer#footer .footer-container .soy_footer_after .soyinfopaymentsfooter .soy_sipf_wrapper ul li .soy_confi_img1 img { max-width: 94px; } /** * Renponsive a partir de 768px **/ @media screen and (min-width: 768px) { body#index footer#footer .footer-container .container { padding-top: 48.5px; } footer#footer p.h3 { margin-bottom: 14px; } footer#footer .soy_footer_top { /** ============== BLOQUE CURSOS ================ **/ } footer#footer .soy_footer_top .soy-cursos .soy-cursos__img-wrapper, footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper { max-width: 80%; margin-left: auto; margin-right: auto; } footer#footer .footer-container { /** ============== BLOQUE CONTACTO ================ **/ /** ============== BLOQUE SOCIAL ================ **/ /** ============== BLOQUE CONTACTO DE footer.tpl ================ **/ } footer#footer .footer-container .container { padding: 48.5px 0 0 0; } footer#footer .footer-container .container > .row { margin-bottom: 2rem; } footer#footer .footer-container .main_content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; row-gap: 30px; } footer#footer .footer-container .main_content .links, footer#footer .footer-container .main_content .soy_footer_telf_email, footer#footer .footer-container .main_content .block-contact { text-align: left; } footer#footer .footer-container .block-contact .soy-desktop-blockcontact { display: block; } footer#footer .footer-container .block-contact .soy-movil-blockcontact { display: none; } footer#footer .footer-container .block-contact p { margin-bottom: 20px; } footer#footer .footer-container .block-contact .soy_contacto_label { -webkit-justify-content: start; -moz-justify-content: start; -ms-justify-content: start; justify-content: start; -ms-flex-pack: start; } footer#footer .footer-container .block-contact .soy_contacto_label.movil { display: none; } footer#footer .footer-container .ps-social-follow { margin: 24px 0 0; order: 1; border: none; padding-top: 0; padding-bottom: 0; } footer#footer .footer-container .ps-social-follow #soy_footer_app { margin-top: 15px; } footer#footer .footer-container .ps-social-follow #soy_footer_app .soy_links_app_wrapper { text-align: center; padding-left: 15px; margin-top: 15px; } footer#footer .footer-container .ps-social-follow #soy_footer_app .soy_links_app_wrapper .h3 { font-size: 20px; line-height: 1.2; color: #434343; } footer#footer .footer-container .ps-social-follow #soy_footer_app .soy_links_app_wrapper .soy_playstore { margin-right: 8px; } footer#footer .footer-container .soy_footer_telf_email { margin-top: -10px; } footer#footer .footer-container .soy_footer_telf_email .footer-logo { margin-left: -24px; } footer#footer .footer-container .soy_footer_telf_email .soy-no-carbono { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; gap: 27px; margin: 10px 0 30px; } footer#footer .footer-container .soy_footer_telf_email .soy-no-carbono__text { font-size: 14px; line-height: 1.42857; } footer#footer .footer-container .links .wrapper { margin: 0; } footer#footer .footer-container .links .wrapper .title + ul { background: transparent; } footer#footer .footer-container .soy_footer_after .soyinfopaymentsfooter .soy_sipf_wrapper ul { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; margin-top: 25px; } footer#footer .footer-container .soy_footer_after .soyinfopaymentsfooter .soy_sipf_wrapper ul li.soy_last { width: auto; margin: 0 0 0 50px; } } /** * Renponsive hasta 991px **/ @media screen and (max-width: 991px) { footer#footer .footer-container .main_content .ps-social-follow ul { justify-content: center; } } /** * Renponsive a partir de 992px **/ @media screen and (min-width: 992px) { footer#footer #soy_soporte_flotante { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; bottom: 40px; right: 40px; z-index: 9999; } footer#footer #custom-text { padding: 5.5rem 0; background-image: url("http://soy.es/themes/soy/assets/img/backgroundVentajas.jpg"); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } footer#footer #custom-text h2 { font-size: 2.5rem; } footer#footer #custom-text > div > p { font-size: 1.5rem; margin-bottom: 4rem; } footer#footer #custom-text #fondo-img { display: block; } footer#footer #custom-text ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding: 0; padding: 1.5rem 2.125rem; } footer#footer #custom-text ul li { -webkit-box-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0 3%; } footer#footer .soy_footer_top { /** ============== BLOQUE CURSOS ================ **/ } footer#footer .soy_footer_top .soy-cursos { padding: 18px 15px 21px; } footer#footer .soy_footer_top .soy-cursos img { margin: 0 auto; } footer#footer .soy_footer_top .soy-cursos .soy-cursos__container { max-width: 1385px; margin: 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; gap: 30px; } footer#footer .soy_footer_top .soy-cursos .soy-cursos__img-wrapper, footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper { margin: 0; float: unset; padding: 0; } footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper { text-align: left; margin-top: 89px; } footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper p { font-size: 16px; line-height: 1.25; } footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper p:first-child { margin-bottom: 25px; } footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper .cursos_btn_wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper .btn-primary, footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper #category #wrapper #content-wrapper .pagination > div .page-list > li .next, #category #wrapper #content-wrapper .pagination > div .page-list > li footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper .next, footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper #category #wrapper #content-wrapper .pagination > div .page-list > li .previous, #category #wrapper #content-wrapper .pagination > div .page-list > li footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper .previous, footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper .next, footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper .previous, footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper .next, footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper .previous, footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next, #new-products #wrapper #content-wrapper .pagination > div .page-list > li footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper .next, footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous, #new-products #wrapper #content-wrapper .pagination > div .page-list > li footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper .previous, footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper .next, footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper .previous, footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper #search #wrapper #content-wrapper .pagination > div .page-list > li .next, #search #wrapper #content-wrapper .pagination > div .page-list > li footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper .next, footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper #search #wrapper #content-wrapper .pagination > div .page-list > li .previous, #search #wrapper #content-wrapper .pagination > div .page-list > li footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-wrapper .previous { max-width: fit-content; } footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-caption { margin-bottom: 17px; } footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-caption .soy_title { font-size: 30px; line-height: 1.2; margin-bottom: 17px; } footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-caption .soy_subtitle { font-size: 20px; line-height: 1.2; } footer#footer .soy_footer_top .soy-cursos .soy-cursos__content-body { margin-bottom: 83.5px; } footer#footer a:not(.btn-primary):hover { color: #FF671D; } footer#footer .footer-container { /** ============== BLOQUE ENLACES TIENDA ================ **/ /** ============== BLOQUE CONTACTO ================ **/ /** ============== BLOQUE SOCIAL ================ **/ /** ============== BLOQUE CONTACTO DE footer.tpl ================ **/ /** ============== BLOQUE FOOTER APP ================ **/ } footer#footer .footer-container .container { padding-left: 15px; padding-right: 15px; /* &::after{ left: unset; transform: unset; height: 2px; } */ } footer#footer .footer-container .container .copyright_theme span { -webkit-transition: all 0.2s ease-in; /* Safari */ -moz-transition: all 0.2s ease-in; /* Mozilla */ -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } footer#footer .footer-container .container .copyright_theme span:hover { color: #FF671D; } footer#footer .footer-container .container .copyright_theme p { font-size: 18px; line-height: 1.33333; } footer#footer .footer-container .links { padding: 0 8px; } footer#footer .footer-container .links .wrapper { padding: 0 4px; } footer#footer .footer-container .links .wrapper .h3 { font-size: 16px; margin-bottom: 16px; } footer#footer .footer-container .links .wrapper ul li a:hover { color: #FF671D; } footer#footer .footer-container .block-contact { padding: 0 8px 0 0; padding-left: 0; } footer#footer .footer-container .block-contact .block-contact-title { font-size: 16px; } footer#footer .footer-container .ps-social-follow { margin-top: 0; order: unset; padding: 0 8px; text-align: left; } footer#footer .footer-container .ps-social-follow li { margin-bottom: 0; } footer#footer .footer-container .soy_footer_telf_email { margin-top: -24px; text-align: left; padding: 0 0 0 8px; } footer#footer .footer-container .soy_footer_telf_email p { margin-bottom: 6px; } footer#footer .footer-container .soy_footer_after #soy_footer_app { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; gap: 35px; } footer#footer .footer-container .soy_footer_after #soy_footer_app .soy_links_app_wrapper { margin: 0; } footer#footer .footer-container .soy_footer_after .soyinfopaymentsfooter { margin-top: 25px; } footer#footer .footer-container .soy_footer_after .soyinfopaymentsfooter .soy_sipf_wrapper { border-color: #DBDBDB; } footer#footer .footer-container .soy_footer_after .soyinfopaymentsfooter .soy_sipf_wrapper ul li .soy_confi_img2, footer#footer .footer-container .soy_footer_after .soyinfopaymentsfooter .soy_sipf_wrapper ul li .soy_confi_img1 { width: auto; } footer#footer .footer-container .soy_footer_after .soyinfopaymentsfooter .soy_sipf_wrapper ul li .soy_confi_img2 img, footer#footer .footer-container .soy_footer_after .soyinfopaymentsfooter .soy_sipf_wrapper ul li .soy_confi_img1 img { max-width: 94px; width: 100%; height: auto; } footer#footer .footer-container .soy_footer_after .soyinfopaymentsfooter .soy_sipf_wrapper ul li .soy_confi_img2 img { max-width: 146px; } } @media screen and (min-width: 1500px) { footer#footer #soy_soporte_flotante { bottom: 90px; right: 200px; } } /*------------------------------------------------------------- # Modules --------------------------------------------------------------*/ /*------------------------------------------------------------- ### NEWSLETTER --------------------------------------------------------------*/ .block_newsletter { background-color: white; text-align: center; padding: 5rem 2rem; padding: 0 0 32px; margin: 0; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; max-width: unset; float: unset; background-color: #F0EDEA; color: #434343; } .block_newsletter form input[type="text"] { height: 45px; } .block_newsletter form input[type="checkbox"] { height: auto; display: inline; margin-right: 8px; } .block_newsletter form .soy_privacidad_label { text-align: left; } .block_newsletter > .row { margin: 0 auto; } .block_newsletter [class*='col-'] { padding-left: 0; padding-right: 0; } .block_newsletter .soy_newsletter_imgblock { margin-bottom: 25px; } .block_newsletter .soy_newsletter_formblock { padding: 0 15px; } .block_newsletter .soy_newsletter_formblock .soy_newsletter_caption { margin-bottom: 25px; } .block_newsletter .soy_newsletter_formblock #block-newsletter-label { color: #FF671D; font-size: 22px; line-height: 1.22727; } .block_newsletter .soy_newsletter_formblock .soy_subtitle { font-size: 16px; line-height: 1.375; } .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper .btn-primary, .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper #category #wrapper #content-wrapper .pagination > div .page-list > li .next, #category #wrapper #content-wrapper .pagination > div .page-list > li .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper .next, .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper #category #wrapper #content-wrapper .pagination > div .page-list > li .previous, #category #wrapper #content-wrapper .pagination > div .page-list > li .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper .previous, .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper .next, .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper .previous, .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper .next, .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper .previous, .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper .next, .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper .previous, .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper .next, .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper .previous, .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper #search #wrapper #content-wrapper .pagination > div .page-list > li .next, #search #wrapper #content-wrapper .pagination > div .page-list > li .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper .next, .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper #search #wrapper #content-wrapper .pagination > div .page-list > li .previous, #search #wrapper #content-wrapper .pagination > div .page-list > li .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper .previous { margin-top: 10px; width: 100%; font-family: "Hanken-Medium"; font-weight: 400; } .block_newsletter .soy_newsletter_formblock .soy_policy { margin-top: 25px; } .block_newsletter .soy_newsletter_formblock .soy_policy .psgdpr_consent_message { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; gap: 10px; margin: 0; } .block_newsletter .soy_newsletter_formblock .soy_policy .custom-checkbox { margin: 0; } .block_newsletter .soy_newsletter_formblock .soy_policy .custom-checkbox input[type="checkbox"] + span { margin: 2px 0 0; min-width: 14px; width: 14px; max-width: 14px; height: 14px; display: block; border-radius: 4px; } .block_newsletter .soy_newsletter_formblock .soy_policy .custom-checkbox input[type="checkbox"] + span .checkbox-checked { font-size: 16px; } .block_newsletter .soy_newsletter_formblock .soy_policy .custom-checkbox input[type="checkbox"] + span + span { font-size: 13px; line-height: 1.38462; } .block_newsletter .soy_newsletter_formblock .soy_policy .soy-check-newsletter-text { text-align: left; } .block_newsletter .soy_newsletter_formblock .soy_policy .soy-check-newsletter-text .texto-ofdo { color: #FF671D; } .block_newsletter .soy_newsletter_formblock .soy_policy .soy-check-newsletter-text #additionalinfo-button { padding: 8px 15px; appearance: none; background-color: transparent; border: none; font-family: "Hanken-Bold"; font-size: 14px; line-height: 1.42857; color: #434343; } .block_newsletter .soy_newsletter_formblock .soy_policy .soy-check-newsletter-text #additionalinfo-button .mas { display: none; } .block_newsletter .soy_newsletter_formblock .soy_policy .soy-check-newsletter-text #additionalinfo-button.collapsed .mas { display: inline; } .block_newsletter .soy_newsletter_formblock .soy_policy .soy-check-newsletter-text #additionalinfo-button.collapsed .menos { display: none; } .block_newsletter .soy_newsletter_formblock .soy_policy .soy-check-newsletter-text #additionalinfo-button i { margin-right: 5px; font-size: 12px; } .block_newsletter .soy_newsletter_formblock .soy_policy .soy-check-newsletter-text #additionalinfo-button:focus { outline: none; } .block_newsletter .soy_newsletter_wrapper input[type='email'] { border: 0px; padding: 11px 14px; } .block_newsletter .soy_newsletter_wrapper input[type='email']:focus { border: 2px solid #FF9B6A; padding: 11px 14px; } .block_newsletter .card { background-color: #FFFFFF; padding: 5px 15px 15px; } /** * Rensponsive a partir de 768px **/ @media screen and (min-width: 768px) { .block_newsletter > .row { width: 80%; } } /** * Rensponsive a partir de 992px **/ @media screen and (min-width: 992px) { .block_newsletter { padding: 0; } .block_newsletter form inputinput[type="text"] { height: 50px; } .block_newsletter > .row { width: 100%; } .block_newsletter .soy_newsletter_wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; padding-top: 14px; } .block_newsletter .soy_newsletter_imgblock { -webkit-align-self: end; -moz-align-self: end; -ms-align-self: end; align-self: end; margin-bottom: 0; } .block_newsletter .soy_newsletter_imgblock img { max-width: 100%; height: auto; } .block_newsletter .soy_newsletter_formblock { margin-top: 60px; } .block_newsletter .soy_newsletter_formblock .soy_newsletter_caption { margin-bottom: 21px; text-align: left; } .block_newsletter .soy_newsletter_formblock #block-newsletter-label { font-size: 30px; line-height: 1.2; } .block_newsletter .soy_newsletter_formblock .soy_subtitle { font-size: 16px; line-height: 1.25; } .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper .input-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper .input-wrapper input[type='email'] { width: calc(100% - 108px); } .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper .input-wrapper .btn-primary, .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper .input-wrapper #category #wrapper #content-wrapper .pagination > div .page-list > li .next, #category #wrapper #content-wrapper .pagination > div .page-list > li .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper .input-wrapper .next, .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper .input-wrapper #category #wrapper #content-wrapper .pagination > div .page-list > li .previous, #category #wrapper #content-wrapper .pagination > div .page-list > li .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper .input-wrapper .previous, .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper .input-wrapper #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .next, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper .input-wrapper .next, .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper .input-wrapper #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .previous, #manufacturer #wrapper #content-wrapper .pagination > div .page-list > li .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper .input-wrapper .previous, .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper .input-wrapper #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .next, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper .input-wrapper .next, .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper .input-wrapper #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .previous, #prices-drop #wrapper #content-wrapper .pagination > div .page-list > li .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper .input-wrapper .previous, .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper .input-wrapper #new-products #wrapper #content-wrapper .pagination > div .page-list > li .next, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper .input-wrapper .next, .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper .input-wrapper #new-products #wrapper #content-wrapper .pagination > div .page-list > li .previous, #new-products #wrapper #content-wrapper .pagination > div .page-list > li .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper .input-wrapper .previous, .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper .input-wrapper #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .next, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper .input-wrapper .next, .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper .input-wrapper #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .previous, #best-sales #wrapper #content-wrapper .pagination > div .page-list > li .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper .input-wrapper .previous, .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper .input-wrapper #search #wrapper #content-wrapper .pagination > div .page-list > li .next, #search #wrapper #content-wrapper .pagination > div .page-list > li .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper .input-wrapper .next, .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper .input-wrapper #search #wrapper #content-wrapper .pagination > div .page-list > li .previous, #search #wrapper #content-wrapper .pagination > div .page-list > li .block_newsletter .soy_newsletter_formblock .soy_newsletter_formwrapper .input-wrapper .previous { margin: 0; width: 108px; } .block_newsletter .soy_newsletter_formblock .soy_policy { margin-top: 20px; } .block_newsletter .soy_newsletter_formblock .soy_policy .custom-checkbox input[type="checkbox"] + span + span { font-size: 14px; line-height: 1.42857; } .block_newsletter .soy_newsletter_formblock .soy_policy .psgdpr_consent_message { cursor: pointer; } .block_newsletter .soy_newsletter_wrapper input[type='email'] { font-size: 16px; line-height: 1.5; } } /** * Rensponsive a partir de 1200px **/ @media screen and (min-width: 1200px) { .block_newsletter > .row { max-width: 1385px; } .block_newsletter form { max-width: 992px; margin: 0 auto; } .block_newsletter .soy_newsletter_formblock { margin-top: 80px; } } /* Wishlist */ /*------------------------------------------------------------- # WISHLIST --------------------------------------------------------------*/ /** Listado de productos **/ #products article.product-miniature .wishlist, .products article.product-miniature .wishlist { display: none; } /** Página de producto **/ #product .product-actions .wishlist { display: inline-block; } #product .product-actions .wishlist .popover-content.visible { position: fixed; bottom: 100px; } #product .product-actions .wishlist .popover-content.visible table td { color: #FF671D; cursor: pointer; } #product .product-actions .wishlist .popover-content.visible table td:hover { background: #FF671D; color: white; } #product .product-actions .wishlist a { padding: .75rem; background-color: pink; display: inline-block; height: 100%; cursor: pointer; } #product .product-actions .wishlist a i { color: white; } #product .product-actions .wishlist a span { display: none; } #product .product-actions .wishlist a:hover { background-color: #ff8da1; } /** Mi cuenta **/ #module-blockwishlist-mywishlist #wrapper { padding-top: 0; } #module-blockwishlist-mywishlist #wrapper .container { padding: 0; } #module-blockwishlist-mywishlist .page-header { padding: .88rem 0rem !important; } #module-blockwishlist-mywishlist .page-header h1::before { font-size: 1.2rem; margin-right: .5rem; } #module-blockwishlist-mywishlist #mywishlist h2 { color: black; } #module-blockwishlist-mywishlist #mywishlist h2 span { color: black; } #module-blockwishlist-mywishlist #mywishlist h2 i { font-size: 25px; } #module-blockwishlist-mywishlist #mywishlist > #form_wishlist h3 { margin-bottom: 1rem; } #module-blockwishlist-mywishlist #mywishlist > #form_wishlist h3 i { margin-right: 1rem; color: #FF9B6A; } #module-blockwishlist-mywishlist #mywishlist > #form_wishlist input[type="submit"] { font-size: .8rem; background-color: transparent; -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1); color: #FF671D; -webkit-transition: all 0.2s ease-in; /* Safari */ -moz-transition: all 0.2s ease-in; /* Mozilla */ -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } #module-blockwishlist-mywishlist #mywishlist > #form_wishlist input[type="submit"]:hover, #module-blockwishlist-mywishlist #mywishlist > #form_wishlist input[type="submit"]:focus, #module-blockwishlist-mywishlist #mywishlist > #form_wishlist input[type="submit"].focus, #module-blockwishlist-mywishlist #mywishlist > #form_wishlist input[type="submit"]:active, #module-blockwishlist-mywishlist #mywishlist > #form_wishlist input[type="submit"]:target { background-color: #FF671D; -webkit-transition: all 0.2s ease-in; /* Safari */ -moz-transition: all 0.2s ease-in; /* Mozilla */ -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } #module-blockwishlist-mywishlist #mywishlist > #form_wishlist input[type="submit"]:active:hover, #module-blockwishlist-mywishlist #mywishlist > #form_wishlist input[type="submit"]:active.focus, #module-blockwishlist-mywishlist #mywishlist > #form_wishlist input[type="submit"]:active:focus, #module-blockwishlist-mywishlist #mywishlist > #form_wishlist input[type="submit"]:active:target, #module-blockwishlist-mywishlist #mywishlist > #form_wishlist input[type="submit"].active:hover, #module-blockwishlist-mywishlist #mywishlist > #form_wishlist input[type="submit"].active.focus, #module-blockwishlist-mywishlist #mywishlist > #form_wishlist input[type="submit"].active:focus, #module-blockwishlist-mywishlist #mywishlist > #form_wishlist input[type="submit"].active:target { background-color: #FF671D; -webkit-transition: all 0.2s ease-in; /* Safari */ -moz-transition: all 0.2s ease-in; /* Mozilla */ -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } #module-blockwishlist-mywishlist #mywishlist > #form_wishlist input[type="submit"]:disabled { opacity: 0.38; filter: alpha(opacity=38); -webkit-transition: all 0.2s ease-in; /* Safari */ -moz-transition: all 0.2s ease-in; /* Mozilla */ -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } #module-blockwishlist-mywishlist #mywishlist > #form_wishlist input[type="submit"]:disabled:hover, #module-blockwishlist-mywishlist #mywishlist > #form_wishlist input[type="submit"]:disabled:focus, #module-blockwishlist-mywishlist #mywishlist > #form_wishlist input[type="submit"]:disabled.focus, #module-blockwishlist-mywishlist #mywishlist > #form_wishlist input[type="submit"]:disabled:active, #module-blockwishlist-mywishlist #mywishlist > #form_wishlist input[type="submit"]:disabled:target { background-color: transparent; } #module-blockwishlist-mywishlist #mywishlist #block-history td:first-child a.soy_whislit_mostar, #module-blockwishlist-mywishlist #mywishlist #block-history td:first-child span.soy_whislit_ocultar { color: #FF671D; } #module-blockwishlist-mywishlist #mywishlist .wishlisturl i { color: #FF671D; } #module-blockwishlist-mywishlist #mywishlist .soy_link_go { background-color: transparent; -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.2s ease-in; /* Safari */ -moz-transition: all 0.2s ease-in; /* Mozilla */ -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } #module-blockwishlist-mywishlist #mywishlist .soy_link_go > a { color: #FF671D; } #module-blockwishlist-mywishlist #mywishlist .soy_link_go:hover, #module-blockwishlist-mywishlist #mywishlist .soy_link_go:focus, #module-blockwishlist-mywishlist #mywishlist .soy_link_go.focus, #module-blockwishlist-mywishlist #mywishlist .soy_link_go:active, #module-blockwishlist-mywishlist #mywishlist .soy_link_go:target { background-color: #FF671D; -webkit-transition: all 0.2s ease-in; /* Safari */ -moz-transition: all 0.2s ease-in; /* Mozilla */ -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } #module-blockwishlist-mywishlist #mywishlist .soy_link_go:active:hover, #module-blockwishlist-mywishlist #mywishlist .soy_link_go:active.focus, #module-blockwishlist-mywishlist #mywishlist .soy_link_go:active:focus, #module-blockwishlist-mywishlist #mywishlist .soy_link_go:active:target, #module-blockwishlist-mywishlist #mywishlist .soy_link_go.active:hover, #module-blockwishlist-mywishlist #mywishlist .soy_link_go.active.focus, #module-blockwishlist-mywishlist #mywishlist .soy_link_go.active:focus, #module-blockwishlist-mywishlist #mywishlist .soy_link_go.active:target { background-color: #FF671D; -webkit-transition: all 0.2s ease-in; /* Safari */ -moz-transition: all 0.2s ease-in; /* Mozilla */ -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } #module-blockwishlist-mywishlist #mywishlist .soy_link_go:disabled { opacity: 0.38; filter: alpha(opacity=38); -webkit-transition: all 0.2s ease-in; /* Safari */ -moz-transition: all 0.2s ease-in; /* Mozilla */ -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } #module-blockwishlist-mywishlist #mywishlist .soy_link_go:disabled:hover, #module-blockwishlist-mywishlist #mywishlist .soy_link_go:disabled:focus, #module-blockwishlist-mywishlist #mywishlist .soy_link_go:disabled.focus, #module-blockwishlist-mywishlist #mywishlist .soy_link_go:disabled:active, #module-blockwishlist-mywishlist #mywishlist .soy_link_go:disabled:target { background-color: transparent; } #module-blockwishlist-view #content.card { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 0; } #module-blockwishlist-view #view_wishlist .wlp_bought_list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } #module-blockwishlist-view #view_wishlist .wlp_bought_list::after { content: ""; -webkit-box-flex: 1 0 21%; -moz-box-flex: 1 0 21%; -webkit-flex: 1 0 21%; -ms-flex: 1 0 21%; flex: 1 0 21%; max-width: 25%; } #module-blockwishlist-view #view_wishlist .wlp_bought_list li { -webkit-box-flex: 1 0 21%; -moz-box-flex: 1 0 21%; -webkit-flex: 1 0 21%; -ms-flex: 1 0 21%; flex: 1 0 21%; max-width: 25%; } #module-blockwishlist-view #view_wishlist .wlp_bought_list li > div.product_image { margin-bottom: 10px; } #module-blockwishlist-view #view_wishlist .wlp_bought_list li > div.product_image img { width: 100%; height: auto; } #module-blockwishlist-view #view_wishlist .wlp_bought_list li .product_infos p.product_name { text-align: center; } #module-blockwishlist-view #view_wishlist .wlp_bought_list li .product_infos p.product_name a { color: #000; line-height: 1.25; font-size: 1rem; text-transform: uppercase; } #module-blockwishlist-view #view_wishlist .wlp_bought_list li .product_infos p.product_name a:hover { color: #FF671D; } @media screen and (min-width: 768px) { /** Página de producto **/ #product .product-actions .wishlist .popover-content.visible { position: absolute; bottom: 78px; right: inherit; left: 2rem; max-width: 400px; } #product .product-actions .wishlist .popover-content.visible table td { color: #FF671D; cursor: pointer; } #product .product-actions .wishlist .popover-content.visible table td:hover { background: #FF671D; color: white; } } .wishlist-popover-content, .wishlist_added_message { display: none; } .wishlist-popover-content { position: fixed; z-index: 9; bottom: 0; right: 0; padding: 0; background: rgba(0, 0, 0, 0.2); width: 100%; height: 100%; } .wishlist-popover-content.visible { display: block; } .wishlist-popover-content.visible > div { padding: 5px; border-radius: 10px; height: auto; overflow-y: auto; top: 33%; position: fixed; margin: 0 auto; text-align: center; width: 33%; left: 33%; max-height: 80%; } .wishlist-popover-content.visible table { width: 100%; margin: 0 auto; cursor: pointer; background: #fff; color: #000; } .wishlist-popover-content.visible table td { border: 1px solid #000; color: #000; text-transform: uppercase; font-size: 10pt; border-radius: 5px; } /* Mail Alerts */ /*------------------------------------------------------------- # EMAIL ALERT --------------------------------------------------------------*/ #module-ps_emailalerts-account #wrapper > .container { padding: 0; } #module-ps_emailalerts-account #content-wrapper { margin-top: 1rem; margin-bottom: 3rem; } #module-ps_emailalerts-account .card { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #module-ps_emailalerts-account .soy_content_account ul li { background-color: #f9f9f9; margin: 1rem 0; } #module-ps_emailalerts-account .soy_content_account ul li > a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } #module-ps_emailalerts-account .soy_content_account ul li > a img { -webkit-box-flex: 0 0 auto; -moz-box-flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; mix-blend-mode: multiply; width: 80px; } #module-ps_emailalerts-account .soy_content_account ul li > a span { -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; text-align: center; color: black; padding: .6rem; } #module-ps_emailalerts-account .soy_content_account ul li > a span.mail_name, #module-ps_emailalerts-account .soy_content_account ul li > a span.mail_combi { width: 90px; } #module-ps_emailalerts-account .soy_content_account ul li > a span.js-remove-email-alert { color: #CB041B; } /* Loyalty */ /*------------------------------------------------------------- # LOYALTY --------------------------------------------------------------*/ #module-loyalty-default #order-list { width: 100%; } #module-loyalty-default #order-list thead { background-color: #f7f7f7; } #module-loyalty-default #order-list thead th { padding: .5rem .3rem; text-align: center; } #module-loyalty-default #order-list tbody td { text-align: center; } #module-loyalty-default #order-list tbody td.history_method { padding: 1rem .2rem; text-align: center; } #module-loyalty-default #order-list tfoot td { text-align: left !important; font-weight: 700; } #module-loyalty-default #order-list tfoot td:nth-of-type(2) { text-align: center !important; } #module-loyalty-default h2 { margin-top: 2rem; } #module-loyalty-default .pagination button { background-color: transparent; color: #FF671D; } #module-loyalty-default .pagination button:hover { background-color: #FF671D; color: #FFFFFF; } #module-loyalty-default .pagination li { display: inline-block; padding: .2rem .6rem; margin: 0 .3rem; } #module-loyalty-default .pagination li.active { background-color: transparent; color: #FF671D; } /* Facetedsearch */ /* Brandlist */ /** ============== BLOQUE NUESTRAS MARCAS ================ **/ #soy_search_filters_brands { padding: 0; margin: 0; margin-top: 58px; overflow: hidden; } #soy_search_filters_brands .soy_brands_caption { padding: 0 15px; text-align: center; margin-bottom: 24px; } #soy_search_filters_brands .soy_brands_caption .h6, #soy_search_filters_brands .soy_brands_caption .soy_subtitle { display: block; } #soy_search_filters_brands .soy_brands_caption .h6 { font-size: 22px; line-height: 1.22727; color: #FF671D; } #soy_search_filters_brands .soy_brands_caption .soy_subtitle { color: #696158; font-size: 18px; line-height: 1.33333; font-family: "Hanken-Bold"; } #soy_search_filters_brands .soy_brands_list { padding-left: 15px; width: calc(100% - 15px); } #soy_search_filters_brands .soy_brands_list ul, #soy_search_filters_brands .soy_brands_list li, #soy_search_filters_brands .soy_brands_list a { margin: 0; } #soy_search_filters_brands .soy_brands_list li { width: 100%; } #soy_search_filters_brands .soy_brands_list a { width: 100%; height: 127px; background-color: #F0EDEA; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } #soy_search_filters_brands .soy_brands_list .owl-loaded .owl-stage { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; gap: 10px; margin: 0 auto; } #soy_search_filters_brands .soy_brands_list .owl-loaded .owl-nav { text-align: center; margin-top: 24px; } #soy_search_filters_brands .soy_brands_list .owl-loaded .owl-nav .owl-prev, #soy_search_filters_brands .soy_brands_list .owl-loaded .owl-nav .owl-next { appearance: none; border: none; background-color: transparent; padding: 8px; } #soy_search_filters_brands .soy_brands_list .owl-loaded .owl-nav .owl-prev::before, #soy_search_filters_brands .soy_brands_list .owl-loaded .owl-nav .owl-next::before { color: #696158; } #soy_search_filters_brands .soy_brands_list .owl-loaded .owl-nav .owl-prev:focus, #soy_search_filters_brands .soy_brands_list .owl-loaded .owl-nav .owl-next:focus { outline: unset; } #soy_search_filters_brands .soy_brands_list .owl-loaded .owl-nav .owl-prev:not(.disabled), #soy_search_filters_brands .soy_brands_list .owl-loaded .owl-nav .owl-next:not(.disabled) { cursor: pointer; } #soy_search_filters_brands .soy_brands_list .owl-loaded .owl-nav .owl-prev.disabled::before, #soy_search_filters_brands .soy_brands_list .owl-loaded .owl-nav .owl-next.disabled::before { color: #A09E9E; } #soy_search_filters_brands .soy_brands_list .owl-loaded .owl-dots { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; gap: 8px; margin-top: 24px; } #soy_search_filters_brands .soy_brands_list .owl-loaded .owl-dots .owl-dot { appearance: none; display: inline-block; width: 8px; height: 8px; border-radius: 50%; border: none; background-color: #A09E9E; } #soy_search_filters_brands .soy_brands_list .owl-loaded .owl-dots .owl-dot.active { background-color: #FF671D; } #soy_search_filters_brands .soy_brands_list .owl-loaded .owl-dots .owl-dot:focus { outline: none; } /** * Rensponsive a partir de 992px **/ @media screen and (min-width: 992px) { #soy_search_filters_brands { padding: 15px; margin: 0; margin-top: 100px; overflow: unset; /** ============== OWL NAV ================ **/ } #soy_search_filters_brands .owl-loaded { position: relative; } #soy_search_filters_brands .owl-nav { display: block; } #soy_search_filters_brands .owl-nav .owl-prev, #soy_search_filters_brands .owl-nav .owl-next { position: absolute; top: 50%; transform: translateY(-50%); padding: 5px; } #soy_search_filters_brands .owl-nav .owl-prev { left: -10px; } #soy_search_filters_brands .owl-nav .owl-next { right: -10px; } #soy_search_filters_brands .soy_brands_caption { padding: 0; margin-bottom: 36px; } #soy_search_filters_brands .soy_brands_caption .h6 { font-size: 35px; line-height: 1.22857; } #soy_search_filters_brands .soy_brands_caption .soy_subtitle { font-size: 20px; line-height: 1.2; } #soy_search_filters_brands .soy_brands_list { padding: 0; width: 100%; } #soy_search_filters_brands .soy_brands_list .soy_brand_slider { padding-left: 15px; } #soy_search_filters_brands .soy_brands_list a { max-width: 205px; height: 180px; } #soy_search_filters_brands .soy_brands_list .owl-loaded .owl-stage-outer { overflow: hidden; } #soy_search_filters_brands .soy_brands_list .owl-loaded .owl-stage { display: flex; gap: 25px; } #soy_search_filters_brands .soy_brands_list .owl-loaded .owl-dots { display: none; } } /** * Rensponsive a partir de 1200px **/ @media screen and (min-width: 1200px) { #soy_search_filters_brands .soy_brands_list a { height: 241px; } } /** * Rensponsive a partir de 1500px **/ @media screen and (min-width: 1500px) { #soy_search_filters_brands .soy_brands_list .soy_brand_slider { padding-left: 0; } #soy_search_filters_brands .owl-nav .owl-prev { left: -60px; } #soy_search_filters_brands .owl-nav .owl-next { right: -60px; } } /* Featuredproducts */ /** ============== BLOQUE FEATURED PRODUCTS ================ **/ .featured-products { margin-top: 80px; } .featured-products .soycaption__wrapper { margin-bottom: 25px; } .featured-products .soy_title { margin: 0; font-size: 22px; line-height: 1.22727; text-transform: none; color: #FF671D; } .featured-products .soy_subtitle_fproducts { text-align: center; font-size: 18px; line-height: 1.33333; color: #696158; font-family: "Hanken-Bold"; margin-top: 10px; } /** * Rensponsive a partir de 992px **/ @media screen and (min-width: 992px) { .featured-products { margin-top: 100px; /* .soy_subtitle_fproducts{ @include line-height(20, 24); } */ } .featured-products .soy_title, .featured-products .soy_subtitle_fproducts { text-align: left; } .featured-products .soy_title { font-size: 30px; line-height: 1.2; } } /* Bestsellers */ .soy_bestsellers { margin-top: 58px; } .soy_bestsellers .soy_bestsellers_heading { margin-bottom: 24px; } .soy_bestsellers .soy_bestsellers_heading .soy_bestsellers_content { padding: 23px 14px 33px; background-color: #F0EDEA; width: 100%; } .soy_bestsellers .soy_bestsellers_heading .soy_bestsellers_content .bestsellers_subtitle { font-size: 18px; line-height: 1.33333; color: #696158; font-family: "Hanken-Bold"; text-align: right; } .soy_bestsellers .soy_bestsellers_heading .soy_bestsellers_content .bestsellers_title { color: #FF671D; font-size: 22px; line-height: 1.22727; margin-bottom: 39px; } .soy_bestsellers .soy_bestsellers_heading .soy_bestsellers_img { width: 100%; } .soy_bestsellers .soy_bestsellers_heading .soy_bestsellers_img img { width: 100%; max-width: 100%; height: auto; } @media screen and (min-width: 992px) { .soy_bestsellers { margin-top: 100px; } .soy_bestsellers .soy_bestsellers_heading { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; margin-bottom: 36px; } .soy_bestsellers .soy_bestsellers_heading .soy_bestsellers_content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; max-width: 546px; padding: 41px 30px 63px; width: auto; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: fit-content; } .soy_bestsellers .soy_bestsellers_heading .soy_bestsellers_content .bestsellers_subtitle { font-size: 20px; line-height: 1.3; text-align: left; } .soy_bestsellers .soy_bestsellers_heading .soy_bestsellers_content .bestsellers_title { font-size: 30px; line-height: 1.2; margin: 0; } .soy_bestsellers .soy_bestsellers_heading .soy_bestsellers_img { max-width: 805px; } .soy_bestsellers .soy_bestsellers_heading .soy_bestsellers_img img { width: 100%; max-width: 100%; height: auto; } } /* Preguntas en categoría */ #wrapper div#soyfaqcategorias, #soyfaqcategorias { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #soyfaqcategorias { margin: 46px 0 50px; padding: 0 15px; } #soyfaqcategorias > div:nth-child(2n+1) { clear: unset; } #soyfaqcategorias .soyfaqcategorias_caption { font-size: 22px; line-height: 1.22727; margin-bottom: 25px; text-align: center; color: #FF671D; } #soyfaqcategorias .soyfaq { max-width: 896px; float: unset; margin: 0 auto; background-color: #F0EDEA; border-radius: 12px; border: none; margin-bottom: 10px; } #soyfaqcategorias .soyfaq h2 { position: relative; font-family: "Hanken-Bold"; font-weight: 400; text-align: center; font-size: 14px; line-height: 1.42857; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; gap: 17px; padding-right: 40px; } #soyfaqcategorias .soyfaq h2 span { padding-right: 10px; } #soyfaqcategorias .soyfaq i { position: absolute; top: 50%; right: 15px; transform: translateY(-50%); font-size: 25px; } #soyfaqcategorias .soyfaq i.up { display: none; } #soyfaqcategorias .soyfaq.opened i.up { display: inline; } #soyfaqcategorias .soyfaq.opened i.down { display: none; } @media screen and (min-width: 992px) { #soyfaqcategorias { max-width: 1385px; margin: 76px auto 0; } #soyfaqcategorias .soyfaqcategorias_caption { font-size: 30px; line-height: 1.2; text-align: left; } #soyfaqcategorias .soyfaq { margin: 0 0 12px; padding: 0 38px 0 33px; } #soyfaqcategorias .soyfaq h2 { padding: 18.5px 0; text-align: left; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; font-size: 16px; line-height: 1.5; gap: 0; } #soyfaqcategorias .soyfaq h2 span { padding-rigth: 35px; } #soyfaqcategorias .soyfaq i { right: 0; } } /* Módulo soycustompostblog (Opiniones de experto) */ /** En producto el fondo lo conseguimos usando ::before **/ body#product #soycustompostblog { background-color: transparent; position: relative; padding-left: 0; padding-right: 0; } body#product #soycustompostblog::before { content: ''; position: absolute; width: 100vw; height: 100%; background-color: #F0EDEA; z-index: 0; top: 0; left: 50%; transform: translateX(-50%); } body#product #soycustompostblog .soycustompostblog_content { position: relative; } #soycustompostblog { padding: 31px 15px 41px; background-color: #F0EDEA; margin-bottom: 35px; } #soycustompostblog .soycustompostblog_content { max-width: 895px; margin: 0 auto; } #soycustompostblog .soycustompostblog_article { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } #soycustompostblog .soycustompostblog_article .soycustompostblog_article_content_link, #soycustompostblog .soycustompostblog_article .soycustompostblog_article_content_link a, #soycustompostblog .soycustompostblog_article .soycustompostblog_article_content, #soycustompostblog .soycustompostblog_article .soycustompostblog_article_content .content, #soycustompostblog .soycustompostblog_article .soycustompostblog_article_field, #soycustompostblog .soycustompostblog_article .soycustompostblog_article_name { font-size: 14px; line-height: 1.57143; color: #434343; } #soycustompostblog .soycustompostblog_article .soycustompostblog_article_caption { margin-top: 15px; text-align: center; } #soycustompostblog .soycustompostblog_article .soycustompostblog_article_caption .soycustompostblog_article_name { font-family: "Hanken-Bold"; } #soycustompostblog .soycustompostblog_article .soycustompostblog_article_content { text-align: center; max-width: 550px; padding: 0 15px; margin-top: 35px; } #soycustompostblog .soycustompostblog_article .soycustompostblog_article_content i { font-size: 18px; } #soycustompostblog .soycustompostblog_article .soycustompostblog_article_content .soy_comillas_open, #soycustompostblog .soycustompostblog_article .soycustompostblog_article_content .soy_comillas_close { position: absolute; } #soycustompostblog .soycustompostblog_article .soycustompostblog_article_content .soy_comillas_open { top: -15px; left: -18px; } #soycustompostblog .soycustompostblog_article .soycustompostblog_article_content .soy_comillas_close { bottom: -15px; right: -18px; } #soycustompostblog .soycustompostblog_article .soycustompostblog_article_content .soycustompostblog_article_content_text { position: relative; margin-bottom: 44px; } #soycustompostblog .soycustompostblog_article .soycustompostblog_article_content .soycustompostblog_article_content_link { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } #soycustompostblog .soycustompostblog_article .soycustompostblog_article_content .soycustompostblog_article_content_link a { font-family: "Hanken-Bold"; margin: 0; } #soycustompostblog .soycustompostblog_article .soycustompostblog_article_content .soycustompostblog_article_content_link a i { vertical-align: middle; margin-left: 10px; } @media screen and (min-width: 992px) { #soycustompostblog { padding: 53px 15px 34px; margin-bottom: 72px; } #soycustompostblog .soycustompostblog_article { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } #soycustompostblog .soycustompostblog_article .soycustompostblog_article_content_link, #soycustompostblog .soycustompostblog_article .soycustompostblog_article_content_link a, #soycustompostblog .soycustompostblog_article .soycustompostblog_article_content, #soycustompostblog .soycustompostblog_article .soycustompostblog_article_content .content, #soycustompostblog .soycustompostblog_article .soycustompostblog_article_field, #soycustompostblog .soycustompostblog_article .soycustompostblog_article_name { font-size: 16px; line-height: 1.375; } #soycustompostblog .soycustompostblog_article .soycustompostblog_article_content { text-align: left; } #soycustompostblog .soycustompostblog_article .soycustompostblog_article_content .soy_comillas_open { left: -28px; } #soycustompostblog .soycustompostblog_article .soycustompostblog_article_content .soy_comillas_close { right: -28px; } #soycustompostblog .soycustompostblog_article .soycustompostblog_article_content .soycustompostblog_article_content_link { -webkit-justify-content: end; -moz-justify-content: end; -ms-justify-content: end; justify-content: end; -ms-flex-pack: end; } #soycustompostblog .soycustompostblog_article .soycustompostblog_article_content .soycustompostblog_article_content_link a { -webkit-transition: all 0.3s ease-out; /* Safari */ -moz-transition: all 0.3s ease-out; /* Mozilla */ -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #soycustompostblog .soycustompostblog_article .soycustompostblog_article_content .soycustompostblog_article_content_link a:hover { color: #FF671D; } #soycustompostblog .soycustompostblog_article .soycustompostblog_article_content .soycustompostblog_article_content_text { margin-bottom: 55px; } } /* // SOYMOD #83592 (02/09/24) */ /* Módulo soyshowekomi (Módulo sencillo para posicionar dentro de un hook el widget de ekomi) */ /** ============== Ekomi ================ **/ /* #soy-block-ekomi { position: relative; margin: 53px 0 0; padding: 36px 0 100px; } #soy-block-ekomi .soy-block-ekomi__wrapper { position: relative; } #soy-block-ekomi #widget-container > div { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; overflow: initial; } #soy-block-ekomi #widget-container > div .review_date, #soy-block-ekomi #widget-container > div .review-date, #soy-block-ekomi #widget-container > div .reviewed-date, #soy-block-ekomi #widget-container > div .review-text { color: #434343; font-size: 14px; line-height: 1.35714; } #soy-block-ekomi #widget-container > div .review-text { margin-top: 10px; text-align: center; } #soy-block-ekomi #widget-container > div .review_date, #soy-block-ekomi #widget-container > div .review-date, #soy-block-ekomi #widget-container > div .reviewed-date { opacity: 0.62; } #soy-block-ekomi #widget-container > div .rating-grade { font-size: 16px; line-height: 1.25; font-weight: initial; font-family: "Hanken-Bold"; color: #696158; } #soy-block-ekomi #widget-container > div .wrapper-left { margin-bottom: 36px; width: 100%; } #soy-block-ekomi #widget-container > div .wrapper-left p { font-size: 14px; line-height: 1.35714; color: #434343; } #soy-block-ekomi #widget-container > div .slick-dots { display: none !important; margin-top: 36px; } #soy-block-ekomi #widget-container > div .slick-arrow { top: 125%; background: unset !important; padding: 0 8px; width: 36px; display: block; } #soy-block-ekomi #widget-container > div .slick-arrow::before { font-size: 20px; color: #696158; } #soy-block-ekomi #widget-container > div .slick-prev { left: calc(50% - 40px); } #soy-block-ekomi #widget-container > div .slick-next { right: calc(50% - 40px); } #soy-block-ekomi .soy_title { color: #FF671D; font-size: 22px; line-height: 1.22727; text-align: center; } #soy-block-ekomi .wrapper-left { margin-left: 0; margin-right: 0; margin-bottom: 20px; } #soy-block-ekomi .wrapper-right { position: static; } #soy-block-ekomi .wrapper-right .slick-dots { display: none !important; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; gap: 12px; } #soy-block-ekomi .wrapper-right .slick-dots li.slick-active button { background-color: #FF671D; } #soy-block-ekomi .wrapper-right .slick-dots li button { appearance: none; display: block; border: none; border-radius: 50%; background-color: #A09E9E; color: transparent; width: 8px; height: 8px; } #soy-block-ekomi .ek-logo { display: none !important; } #soy-block-ekomi .rating-info { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } #soy-block-ekomi::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100vw; height: 100%; z-index: 0; background-color: #F0EDEA; } /** * Rensponsive a partir de 992px **/ /*@media screen and (min-width: 992px) { /** ============== Ekomi ================ **/ /* #soy-block-ekomi { margin-top: 100px; margin-bottom: 60px; } #soy-block-ekomi .soy_title { font-size: 35px; line-height: 1.22857; } #soy-block-ekomi .rating-info { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } #soy-block-ekomi #widget-container > div .slick-dots { display: flex !important; } #soy-block-ekomi #widget-container > div .slick-arrow { display: none !important; } #soy-block-ekomi #widget-container > div .rating-grade { font-size: 20px; line-height: 1.2; } #soy-block-ekomi #widget-container > div .wrapper-left p { font-size: 16px; line-height: 1.25; } #soy-block-ekomi #widget-container > div .review-text { font-size: 16px; line-height: 1.25; text-align: left; } #soy-block-ekomi #widget-container > div .review_date, #soy-block-ekomi #widget-container > div .review-date, #soy-block-ekomi #widget-container > div .reviewed-date { font-size: 14px; line-height: 1.71429; opacity: 1; } } */ #soy-block-ekomi{ display: none; } /** ============== Trustpilot ================ **/ #soy-block-trustpilot { position: relative; margin: 53px 0 0; padding: 36px 0 100px; } #soy-block-trustpilot .soy-block-trustpilot__wrapper { position: relative; } #soy-block-trustpilot #widget-container > div { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; overflow: initial; } #soy-block-trustpilot #widget-container > div .review_date, #soy-block-trustpilot #widget-container > div .review-date, #soy-block-trustpilot #widget-container > div .reviewed-date, #soy-block-trustpilot #widget-container > div .review-text { color: #434343; font-size: 14px; line-height: 1.35714; } #soy-block-trustpilot #widget-container > div .review-text { margin-top: 10px; text-align: center; } #soy-block-trustpilot #widget-container > div .review_date, #soy-block-trustpilot #widget-container > div .review-date, #soy-block-trustpilot #widget-container > div .reviewed-date { opacity: 0.62; } #soy-block-trustpilot #widget-container > div .rating-grade { font-size: 16px; line-height: 1.25; font-weight: initial; font-family: "Hanken-Bold"; color: #696158; } #soy-block-trustpilot #widget-container > div .wrapper-left { margin-bottom: 36px; width: 100%; } #soy-block-trustpilot #widget-container > div .wrapper-left p { font-size: 14px; line-height: 1.35714; color: #434343; } #soy-block-trustpilot #widget-container > div .slick-dots { display: none !important; margin-top: 36px; } #soy-block-trustpilot #widget-container > div .slick-arrow { top: 125%; background: unset !important; padding: 0 8px; width: 36px; display: block; } #soy-block-trustpilot #widget-container > div .slick-arrow::before { font-size: 20px; color: #696158; } #soy-block-trustpilot #widget-container > div .slick-prev { left: calc(50% - 40px); } #soy-block-trustpilot #widget-container > div .slick-next { right: calc(50% - 40px); } #soy-block-trustpilot .soy_title { color: #FF671D; font-size: 22px; line-height: 1.22727; text-align: center; } #soy-block-trustpilot .wrapper-left { margin-left: 0; margin-right: 0; margin-bottom: 20px; } #soy-block-trustpilot .wrapper-right { position: static; } #soy-block-trustpilot .wrapper-right .slick-dots { display: none !important; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; gap: 12px; } #soy-block-trustpilot .wrapper-right .slick-dots li.slick-active button { background-color: #FF671D; } #soy-block-trustpilot .wrapper-right .slick-dots li button { appearance: none; display: block; border: none; border-radius: 50%; background-color: #A09E9E; color: transparent; width: 8px; height: 8px; } #soy-block-trustpilot .ek-logo { display: none !important; } #soy-block-trustpilot .rating-info { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } #soy-block-trustpilot::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100vw; height: 100%; z-index: 0; background-color: #F0EDEA; } /** * Rensponsive a partir de 992px **/ @media screen and (min-width: 992px) { /** ============== Ekomi ================ **/ #soy-block-trustpilot { margin-top: 100px; margin-bottom: 60px; } #soy-block-trustpilot .soy_title { font-size: 35px; margin-bottom: 50px; line-height: 1.22857; } #soy-block-trustpilot .rating-info { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } #soy-block-trustpilot #widget-container > div .slick-dots { display: flex !important; } #soy-block-trustpilot #widget-container > div .slick-arrow { display: none !important; } #soy-block-trustpilot #widget-container > div .rating-grade { font-size: 20px; line-height: 1.2; } #soy-block-trustpilot #widget-container > div .wrapper-left p { font-size: 16px; line-height: 1.25; } #soy-block-trustpilot #widget-container > div .review-text { font-size: 16px; line-height: 1.25; text-align: left; } #soy-block-trustpilot #widget-container > div .review_date, #soy-block-trustpilot #widget-container > div .review-date, #soy-block-trustpilot #widget-container > div .reviewed-date { font-size: 14px; line-height: 1.71429; opacity: 1; } } @media screen and (max-width: 480px) { #soy-block-trustpilot iframe{ height: 295px !important; } } /* Módulo de artículos de wordpress */ body#product #soy_wp_wrapper.soy_wp_wrapper { padding: 0; margin-bottom: 45px; } #soy_wp_wrapper.soy_wp_wrapper { padding: 0 15px; margin-top: 45px; /** ====================== CARRUSEL ====================== **/ } #soy_wp_wrapper.soy_wp_wrapper .soy-blog-title { color: #FF671D; font-size: 22px; line-height: 1.22727; margin: 0 0 24px; display: block; } #soy_wp_wrapper.soy_wp_wrapper .soy-wordptab-content { display: block; max-width: unset; margin: 0; position: static; } #soy_wp_wrapper.soy_wp_wrapper .soy-wordptab-content .soy-wordp-article { margin: 0; display: block; width: initial; box-shadow: unset; background: initial; padding: 0; padding: 0; width: 100%; } #soy_wp_wrapper.soy_wp_wrapper .soy-wordptab-content .soy-wordp-article a { display: block; } #soy_wp_wrapper.soy_wp_wrapper .soy-wordptab-content .soy-wordp-article .soy-wordp-image { float: unset; display: block; width: initial; height: initial; overflow: initial; margin: 0; } #soy_wp_wrapper.soy_wp_wrapper .soy-wordptab-content .soy-wordp-article .soy-wordp-image img { max-width: 100%; width: initial; height: auto; } #soy_wp_wrapper.soy_wp_wrapper .soy-wordptab-content .soy-wordp-article .soy-wordp-content { display: initial; width: initial; float: unset; padding: 0; } #soy_wp_wrapper.soy_wp_wrapper .soy-wordptab-content .soy-wordp-article .soy-wordp-content .title { font-size: 14px; line-height: 1.42857; font-family: "Hanken-Bold"; color: #434343; font-weight: initial; margin: 6px 0 4px; } #soy_wp_wrapper.soy_wp_wrapper .soy-wordptab-content .soy-wordp-article .soy-wordp-content .content { display: none; } #soy_wp_wrapper.soy_wp_wrapper .soy-wordptab-content .soy-wordp-article .soy-wordp-content .btn-default { padding-left: 0; font-size: 14px; line-height: 1.71429; color: #696158; } #soy_wp_wrapper.soy_wp_wrapper .owl-loaded { overflow: hidden; } #soy_wp_wrapper.soy_wp_wrapper .owl-loaded .owl-stage { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } #soy_wp_wrapper.soy_wp_wrapper .owl-loaded .owl-dots { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } #soy_wp_wrapper.soy_wp_wrapper .owl-loaded .owl-dots .owl-dot { padding: 8px; appearance: none; background-color: transparent; border: none; } #soy_wp_wrapper.soy_wp_wrapper .owl-loaded .owl-dots .owl-dot span { width: 12px; height: 12px; border-radius: 50%; background-color: #A09E9E; display: block; } #soy_wp_wrapper.soy_wp_wrapper .owl-loaded .owl-dots .owl-dot.active span { background-color: #FF671D; } #soy_wp_wrapper.soy_wp_wrapper .owl-loaded .owl-dots .owl-dot:focus { outline: none; } @media screen and (min-width: 992px) { #soy_wp_wrapper.soy_wp_wrapper { margin-top: 75px; } #soy_wp_wrapper.soy_wp_wrapper .soy-wordptab-content, #soy_wp_wrapper.soy_wp_wrapper .soy-blog-title { margin-left: auto; margin-right: auto; max-width: 1385px; } #soy_wp_wrapper.soy_wp_wrapper .soy-blog-title { margin-bottom: 24px; font-size: 30px; line-height: 1.2; text-align: left; } #soy_wp_wrapper.soy_wp_wrapper .soy-wordptab-content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; gap: 25px; } #soy_wp_wrapper.soy_wp_wrapper .soy-wordptab-content .soy-wordp-article { width: calc((100% - 75px) / 4); } #soy_wp_wrapper.soy_wp_wrapper .soy-wordptab-content .soy-wordp-article .soy-wordp-content .title { font-size: 16px; line-height: 1.375; } #soy_wp_wrapper.soy_wp_wrapper .soy-wordptab-content .soy-wordp-article .soy-wordp-content .btn-default { font-size: 16px; line-height: 1.5; } }