/* |========================================================================== | Geeklopers - Document CSS |========================================================================== | | Manuel Verdugo | - Estilos para el Sitio Web | | */ h1, h2, h3, h4, h5, h6 { margin: 0; font-family: 'Deja Vu Sans Bold'; } p { margin: 0; } body { font-family: "Open Sans Semibold"; } b { font-family: 'Open Sans Bold'; } .yellow-line { border-top:4px solid #ffdc00; } .separator { color:#777; font-size: 11px; } .animate { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .alert { margin-bottom: 0; margin-top: 1rem; } .hidden { display: none !important; } .visible-mobile { display: none; } .table-clear { margin: 0 !important; } .strikethrough { position: relative; } .strikethrough:before { border-bottom: 2px solid red; position: absolute; content: ""; width: 100%; height: 50%; } .w-100 { width: 100%; } .btn-blue { background-color: #0408ae; color: white; font-size: 14px; border: none; height: 39px; font-family: "Open Sans Semibold" } .btn-white { background-color: white; color: black; font-size: 14px; border: 1px solid black; height: 39px; font-family: "Open Sans Semibold"; cursor: pointer; } .btn-white:hover { background-color: black; color: white !important; } .txt-negro { color: #000000 !important; } .txt-gris { color: #ccc !important; } .txt-rojo { color: #f52205 !important; } .txt-naranja { color: #f99e03 !important; } .txt-azul { color: #0507b2 !important; } .txt-azul-corporativo { color: #0000a9 !important; } .txt-verde { color: #2ecc71 !important; } .txt-verde-neon { color: #45cc00 !important; } .txt-red { color: rgb(255, 0, 0) !important; } .txt-red-all * { color: rgb(255, 0, 0) !important; } .link { cursor: pointer !important; } .wrap-select {background-color: #f5f5f5; padding: 6px 15px; margin-top: -10px; border-radius: 22px; overflow: hidden; position: relative; height: 36px; } .wrap-select .badge-select {width: 30px; height: 36px; position: absolute; top: 0; right: 10px; } .wrap-select .badge-select:after{width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #6f6e6c; position: absolute; top: 44%; right: 9px; content: ""; z-index: 0; } .wrap-select select {background-color: transparent; border: 0; width: 110%; color: #6f6e6c; outline: none; position: absolute; top: 0; right: 0; left: 0; padding: 6px 12px;} .producto-badge { position: absolute; top: 0; left: 0; background-color: #f77802; color: white; padding: 2px 10px; font-size: 12px; } .producto-badge:after {content: ""; width: 10px; height: 25px; color: #f77802; border-right: 10px solid transparent; border-top: 22px solid; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 0; right: -10px; } .producto-badge.red { background-color: rgb(255, 0, 0); } .producto-badge.red:after {color: rgb(255, 0, 0); } .whitespace { white-space: nowrap; } .margin-top-15 { margin-top: 15px; } .margin-bottom-15 { margin-bottom: 15px; } .no-border { border: 0 !important; } .no-border td { border: 0 !important; } .miembroAMS i { color: #fddc02; } header { height: 39px; display: flex; justify-content: center; align-items: center; border-bottom: 2px solid #f5f5f5; } header .contenedor-1 .fila-1 .columna-1 .contacto-item a { color:#777; font-size: 12px; } header .contenedor-1 .fila-1 .columna-1 .contacto-item:first-child a { margin-right: 15px; } header .contenedor-1 .fila-1 .columna-1 .miembroAMS { font-size: 13px; color: #777; padding-top: 4px; text-align: left; } header .contenedor-1 .fila-1 .columna-1 .miembroAMS i { color: #fddc02; } header .contenedor-1 .fila-1 .columna-2 ul .separator { margin: 0 6px; } header .contenedor-1 .fila-1 .columna-2 ul .flag { margin-left: 22px; } header .contenedor-1 .fila-1 .columna-2 ul li { list-style: none; } header .contenedor-1 .fila-1 .columna-2 ul li a { display: block; color: #777; font-size: 13px; } header .contenedor-1 .fila-1 .columna-2 ul li.li-carrito { position: relative !important; margin-left: 15px; } header .contenedor-1 .fila-1 .columna-2 ul li.li-carrito img { height: 21px; } header .contenedor-1 .fila-1 .columna-2 ul li.li-carrito span { position: absolute !important; top: -5px; color: #000; background-color: #ffdc00; border-radius: 7.5px; padding: 0 5px; left: 15px; font-size: 10px; } header .contenedor-1 .fila-responsiva { margin-top: 10px; min-height: 42px } header .menu-btn { margin-top: 6px; } header .menu-btn a i { font-size: 22px; } header .menu-btn a.a-carrito { position: relative !important; margin-right: 15px; } header .menu-btn a.a-carrito img { height: 21px; } header .menu-btn a.a-carrito span { position: absolute !important; top: -5px; color: #000; background-color: #ffdc00; border-radius: 7.5px; padding: 0 5px; left: 15px; font-size: 10px; } header .logo img { max-width: 100px; } header .logo ul { margin-bottom: 5px !important; font-size: 13px; } header .logo ul li { display: inline-block; padding: 9px 0; } header .logo ul li a { color: #000; } header .menu { float: none !important; height: 0; overflow: hidden; width: 100%; } header .menu ul li { width: 100%;} header .menu ul li { list-style: none; } header .menu ul li a { color: #777 !important; font-size: 12px; line-height: 1; } header .menu.show { height: 160px; padding-bottom: 15px; } nav { margin: 24px 0 0 0; padding-bottom: 24px; } nav .contenedor-1 .fila-1 .columna-1 img { width: 300px; max-width: 100%; } nav .contenedor-1 .fila-1 .columna-2 form { padding-top: 30px; position: relative; } nav .contenedor-1 .fila-1 .columna-2 form input[type="search"]{position: relative; background-color: #f5f5f5; border: none; border-radius: 25px; font-family: 'Deja Vu Sans'; font-size: 13px; height: 36px; width: 100%; padding: 0 35px 0 16px; } nav .contenedor-1 .fila-1 .columna-2 form input[type="search"]:focus{ outline: none !important; } nav .contenedor-1 .fila-1 .columna-2 form button {background-color: #f5f5f5; border: none; border-radius: 0 25px 25px 0; color: #777; height: 36px; width: 37px; position: absolute !important; right: 0px; border-left: 2px solid white; padding-bottom: 3px; } nav .contenedor-1 .fila-1 .columna-2 form button:hover { background-color: #6f6e65; color: white; cursor: pointer; } nav .contenedor-1 .fila-1 .columna-2 form button:focus{ outline: none !important; } nav .contenedor-1 .fila-1 .columna-3 a .wrap { padding-top: 19.5px; } nav .contenedor-1 .fila-1 .columna-3 a .wrap span { font-size: 20px; font-family: 'Open Sans'; margin-left: 6px; top: 6px; } nav .contenedor-1 .fila-1 .columna-3 a span { color: #333 !important; } nav .contenedor-1 .fila-1 .columna-3 a:hover { text-decoration: none; } nav .contenedor-1 .fila-1 .columna-4 ul { margin-top: 39px; margin-bottom: 0; } nav .contenedor-1 .fila-1 .columna-4 ul li { list-style: none; } nav .contenedor-1 .fila-1 .columna-4 ul li { margin: 0 10px; } nav .contenedor-1 .fila-1 .columna-4 ul li a { color: #333333; font-size: 13px; font-family: 'Open Sans Semibold'; } nav .contenedor-1 .fila-1 .columna-4 ul li a:hover { color: #1216b3; text-decoration: none; } nav .contenedor-1 .fila-1 .columna-4 ul li a.disable { color: #c3c3c3 !important; cursor: default; } nav .contenedor-1 .columna-buscador a { display: block; text-align: center; } nav .contenedor-1 .columna-buscador a img { width: 90%; max-width: 300px; margin-bottom: 24px; } nav .contenedor-1 .columna-buscador form button i { position: absolute; top: 9px; right: 11px; } .cabeceras { background-color: #ffdc00; font-size: 14px; text-align: center; width: 100%; } .cabeceras a { color: black; } .cabeceras a:hover { color: black } .section-video { overflow: hidden; background-color: #f5f5f5; } .section-video video { min-width: 100%; min-height: 100%; z-index: -100; width: 100%; } .section-video img { width: 450px; margin-left: calc(50vw - 225px); margin-top: calc(315px - 125px); } .pasos .paso.clear { margin-bottom: 0 !important; } .pasos address {font-size: 12px; padding: 10px; background-color: #ffff; margin-bottom: 14px; border: 2px solid #e1e1e1; border-top: 0; } .wrap-categorias { overflow: hidden; } .wrap-categorias .wrap-texto { cursor: pointer; } .wrap-categorias.slim { height: 60px; } .wrap-marcas { overflow: hidden; margin-bottom: 20px; } .wrap-marcas .wrap-texto { cursor: pointer; } .wrap-marcas.slim { height: 60px; } .inicio .section-2 { min-height: auto; } .inicio .section-2 .carousel-products { min-height: inherit; } .inicio .section-2 .carousel-products .carousel-inner { min-height: inherit; } .inicio .section-2 .carousel-products .carousel-inner .carousel-item { background-color: #f5f5f5; background-size: cover; background-position: center; background-repeat: no-repeat; min-height: inherit; } .inicio .section-2 .carousel-products .carousel-control-next-icon, .inicio .section-2 .carousel-products .carousel-control-prev-icon { height:51px; width: 31px; } .inicio .section-2 .carousel-products .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffdc00' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important; } .inicio .section-2 .carousel-products .carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffdc00' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important; } .inicio .section-3 { background-color: #f5f5f5; padding: 17px 0; } .inicio .section-3 .contenedor-1 .fila-1 div[class*="columna"] .wrap { margin-left: 17px; } .inicio .section-3 .contenedor-1 .fila-1 div[class*="columna"] .wrap span:first-of-type { top: 3px; font-size: 14px; } .inicio .section-3 .contenedor-1 .fila-1 div[class*="columna"] .wrap span:last-of-type { bottom: 3px; font-family: 'Open Sans'; font-size: 14px; } .inicio .section-4 { padding: 28px 0; } .inicio .section-4 hr { width: 100%; top: 30px; } .inicio .section-4 .contenedor-1 .fila-1 .columna-1 h2 { border-bottom: 2px solid #fff; color: #fff; font-size: 14px; max-width: 225px; margin-bottom: 22px; font-family: Airbus; } .inicio .section-4 .contenedor-1 .fila-2 .productos-destacados { overflow: hidden; width: 100%; margin-bottom: 22px;} .inicio .section-4 .contenedor-1 .fila-2 .productos-destacados .producto-destacado { background-image: url("../images/default_cuadrada.jpg"); background-size: contain; background-repeat: no-repeat; width: 20%; height: calc(1140px / 5); float: left; text-align: center; overflow: hidden; position: relative; } .inicio .section-4 .contenedor-1 .fila-2 .productos-destacados .producto-destacado .mask { background-color: rgba(0,0,0,0.8); top: 100%; height: 100%; padding: 15px 0; } .inicio .section-4 .contenedor-1 .fila-2 .productos-destacados .producto-destacado a { background-color: #f4f4f4; color: #6f6e6c; font-family: 'Oswald'; font-size: 14px; height: 27px; width: 67px; } .inicio .section-4 .contenedor-1 .fila-2 .productos-destacados .producto-destacado a:hover { text-decoration: none; background-color: #2b2b2d; color: white; } .inicio .section-4 .contenedor-1 .fila-2 .productos-destacados .producto-destacado .mask .producto-mask-texto span { color: white; } .inicio .section-4 .contenedor-1 .fila-2 .productos-destacados .producto-destacado:hover .mask { top: 0 !important; } .inicio .section-4 .contenedor-1 .fila-2 .productos-destacados .producto-destacado .mask .producto-mask-texto span.titulo { font-size: 18px; padding: 0 10px; max-height: 90px; overflow: hidden; line-height: 30px; } .inicio .section-4 .contenedor-1 .fila-2 .productos-destacados .producto-destacado .mask .producto-mask-texto span.precio { font-size: 23px; padding-bottom: 0px; line-height: 26px; } .inicio .section-4 .contenedor-1 .fila-2 .productos-destacados .producto-destacado .mask .producto-mask-texto .wrap-precio-link { bottom: 15px; } .inicio .section-4 .contenedor-1 .fila-3 div[class*="columna"] img.banner-img { max-width: 100%; } .inicio .section-4 .contenedor-1 .fila-video .section-video { background-color: #FFF; margin-bottom: 25px; } .inicio .section-4 .contenedor-1 .fila-video .section-video a { width: 100%; } .inicio .section-5 { background: #969694; background-size: cover; /*background-repeat: no-repeat; background-attachment: fixed;*/ background-position: center; height: 450px; } .inicio .section-5 .contenedor-1 .fila-1 .columna-1 h2 { color: white; font-family: 'Open Sans Bold'; font-size: 50px; } .inicio .section-5 .contenedor-1 .fila-1 .columna-1 h2 span { color: #fff315; } .inicio .section-5 .contenedor-1 .fila-1 .columna-1 h3 { color: white; font-family: 'Open Sans Bold'; font-size: 20px; } .inicio .section-5 .contenedor-1 .fila-1 .columna-1 h3 span { color: #fff315; } .inicio .section-5 .contenedor-1 .fila-1 .columna-1 a { background-color: #ffdc00; border-radius: 10px; color: white; font-size: 13px; height: 41px; margin: 22px auto 0 auto; width: 158px; } .inicio .section-5 .contenedor-1 .fila-1 .columna-1 a:hover { background-color: #fff64b; text-decoration: none; } .inicio .section-6 { padding: 7.5px 0; } .inicio .section-6 .contenedor-1 .fila-1 .columna-1 #carousel-brands ul li { margin-right: 17px; margin-left: 17px; width: 153px; } .inicio .section-6 .contenedor-1 .fila-1 .columna-1 .carousel-inner { height: 120px; } .inicio .section-6 .contenedor-1 .fila-1 .columna-1 .carousel-inner img { max-height: 120px; } .inicio .section-6 #carousel-brands .carousel-control-next-icon, .inicio .section-6 #carousel-brands .carousel-control-prev-icon { height:51px; width: 31px; } .inicio .section-6 #carousel-brands .carousel-control-prev { justify-content: end; } .inicio .section-6 #carousel-brands .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important; } .inicio .section-6 #carousel-brands .carousel-control-next { justify-content: flex-end; } .inicio .section-6 #carousel-brands .carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important; } .inicio .section-7 { background-color: #f5f5f5; padding: 46px 0; } .inicio .section-7 .contenedor-1 .fila-1 div[class*="columna"] h6 { color: #333333; font-size: 14px; font-family: 'Open Sans Bold'; text-transform: uppercase; margin-bottom: 14px; } .inicio .section-7 .contenedor-1 .fila-1 div[class*="columna"] .producto { background-color: white; overflow: hidden; padding: 6px; min-height: 125px; position: relative; } .inicio .section-7 .contenedor-1 .fila-1 div[class*="columna"] .producto:not(:last-child) { margin-bottom: 8px; } .inicio .section-7 .contenedor-1 .fila-1 div[class*="columna"] .producto img { border: 2px solid #f5f5f5; height: 91px; width: 93px; } .inicio .section-7 .contenedor-1 .fila-1 div[class*="columna"] .producto .wrap { width: calc(100% - 103px); } .inicio .section-7 .contenedor-1 .fila-1 div[class*="columna"] .producto .wrap .nombre { color: #777; font-family: 'Open Sans'; font-size: 12px; height: 36px; overflow: hidden; } .inicio .section-7 .contenedor-1 .fila-1 div[class*="columna"] .producto .wrap .precio { color: #212529; font-size: 16px; } .inicio .section-7 .contenedor-1 .fila-1 div[class*="columna"] .producto .wrap .vermas { color: #333333; font-size: 14px; } .inicio .section-7 .contenedor-1 .fila-1 div[class*="columna"] .producto:hover { cursor: pointer; } .inicio .section-7 .contenedor-1 .fila-1 div[class*="columna"] .producto:hover .precio { color: #0508ae; } .inicio .section-7 .contenedor-1 .fila-1 div[class*="columna"] .producto:hover .vermas { color: #0508ae; } .login .section-1, .registro .section-1 { padding-bottom: 27px; } .login .section-1 .contenedor-1 .fila-1 .columna-1 h1, .registro .section-1 .contenedor-1 .fila-1 .columna-1 h1, .mi-cuenta .section-1 .contenedor-1 .fila-1 .columna-2 h2, .mi-cuenta-editar .section-1 .contenedor-1 .fila-1 .columna-2 h2, .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-2 h2, .libro-direcciones-nueva .section-1 .contenedor-1 .fila-1 .columna-2 h1, .mis-pedidos .section-1 .contenedor-1 .fila-1 .columna-2 h2, .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 h1, .mi-carrito .section-1 .contenedor-1 .fila-1 .columna-1 h1, .login-pago .section-1 .contenedor-1 .fila-1 .columna-1 h1, .info-facturacion .section-1 .contenedor-1 .fila-1 .columna-1 h1 { color: #0000a9; font-family: 'Open Sans Semibold'; font-size: 20px; margin-bottom: 22px; text-transform: uppercase; } .login .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper, .registro .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper, .mi-cuenta-editar .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper, .libro-direcciones-nueva .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper { border: 1px solid #eeeeee; border-top: 4px solid #ffdc00; overflow: hidden; -webkit-box-shadow: 0px 2px 5px 0px rgba(238,238,238,1); -moz-box-shadow: 0px 2px 5px 0px rgba(238,238,238,1); box-shadow: 0px 2px 5px 0px rgba(238,238,238,1); } .login .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper h2 { color: black; font-family: 'Open Sans Semibold'; font-size: 18px; margin-bottom: 20px; text-align: center; } .login .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper p { color: #878787; font-family: 'Open Sans Semibold'; font-size: 13px; } .login .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper div[class*="wrap"] { width: 50%; padding: 40px; min-height: 413px; } .login .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper div[class*="wrap"] .btn-blue, .mi-carrito .section-1 .contenedor-1 .fila-2 .columna-2 .btn-blue, .login-pago .section-1 .contenedor-1 .fila-1 .columna-1 .btn-blue, .info-facturacion .section-1 .contenedor-1 .fila-1 .columna-1 .btn-blue { background-color: #0408ae; color: white; font-size: 14px; border: none; height: 39px; } .login .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper div[class*="wrap"] .btn-blue:hover, .registro .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper .wrap-4 .btn-blue:hover, .mi-cuenta-editar .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper .wrap-4 .btn-blue:hover, .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-2 .texto .btn-blue:hover, .libro-direcciones-nueva .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper .wrap-4 .btn-blue:hover, .mi-carrito .section-1 .contenedor-1 .fila-2 .columna-2 .btn-blue:hover, .login-pago .section-1 .contenedor-1 .fila-1 .columna-1 .btn-blue:hover, .info-facturacion .section-1 .contenedor-1 .fila-1 .columna-1 .btn-blue:hover, .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .producto-detalle .btn-blue:hover { background-color: #0c12fd; cursor: pointer; text-decoration: none; } .login .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper .wrap-2 p { margin-bottom: 20px; } .login .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper .wrap-2 form label { color: #878787; font-family: 'Open Sans'; font-size: 14px; margin-bottom: 12px; } .login .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper .wrap-2 form label span, .registro .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper form .form-group label span, .mi-cuenta-editar .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper form .form-group label span, .libro-direcciones-nueva .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper form .form-group label span, .login-pago .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-body form label span, .pago-paso-3 .section-1 .contenedor-1 .fila-1 .columna-1 form .nueva-direccion label span, .pago-paso-5 .section-1 .contenedor-1 .fila-1 .columna-1 form label span { color: #eb350a !important; } .login .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper .wrap-2 form .requeridos { color: #eb350a; font-size: 11px; margin-bottom: 5px; } .login .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper .wrap-2 form .form-group { overflow: hidden; } .login .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper .wrap-2 form .form-group a.link, .registro .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper .wrap-4 a, .mi-cuenta-editar .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper .wrap-4 a, .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-2 .back, .libro-direcciones-nueva .section-1 .contenedor-1 .fila-1 .columna-2 .back, .mis-pedidos .contenedor-1 .fila-1 .columna-2 .back, .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 .back { color: #0000a9; font-family: 'Open Sans'; font-size: 13px; margin-top: 12px; } .login .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper .wrap-2 .btn-blue, .login-pago .section-1 .contenedor-1 .fila-1 .columna-1 .btn-blue { width: 116px; } .login .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper .wrap-1 h2 { margin-bottom: 60px; } .login .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper .wrap-1 p { font-size: 14px; text-align: center; margin-bottom: 34px; } .login .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper .wrap-1 .btn-registro { width: 100%; } .login .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper .wrap-2 { width: calc(50% - 2px) !important; } .login .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper .wrap-2 .form-group-contrasena { position: relative; } .login .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper .wrap-2 .form-group-contrasena .mostrar-contrasena { position: absolute; top: 2px; right: 0; } .login .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper .wrap-2 .form-group-contrasena .mostrar-contrasena a { color: #0408ae !important; font-size: 12px !important; } .login .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper .wrap-2 .form-group-contrasena .mostrar-contrasena a span.accion { color: #0408ae !important; } .login .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper .wrap-2 .btn-login { width: 100% !important; } .login .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper .wrap-2 .terminos { font-size: 12px !important; margin-top: 10px; } .login .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper .wrap-2 .terminos a { color: #0408ae !important; } .login .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper .wrap-2 .recuperar { font-size: 13px !important; text-align: center; margin-top: 30px; } .login .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper .wrap-3 { padding: 0 !important; width: 1px !important; border: 1px solid #eeeeee; margin-top: 30px; min-height: 376px !important; } .login .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper .wrap_recuperar { margin-left: 25%; } .registro .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper, .mi-cuenta-editar .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper, .libro-direcciones-nueva .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper {padding: 40px; } .registro .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper h2, .mi-cuenta-editar .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper h2, .libro-direcciones-nueva .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper h2 { color: #0000a9; font-family: 'Open Sans'; font-size: 18px; margin-bottom: 20px; } .registro .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper form .form-group.fijo { width: 493px; } .registro .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper form .form-group.margin { margin-right: 42px; } .registro .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper form div[class*="form"] label, .mi-cuenta-editar .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper form div[class*="form"] label, .libro-direcciones-nueva .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper form div[class*="form"] label, .libro-direcciones-nueva .section-1 .contenedor-1 .fila-1 .columna-2 .form-group select, .libro-direcciones-nueva .section-1 .contenedor-1 .fila-1 .columna-2 .form-group input, .login-pago .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-body form label, .registro .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper form input, .registro .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper form select { color: #878787; font-family: 'Open Sans'; font-size: 14px; } .registro .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper form input { min-height: 37px; } .registro .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper .wrap-1, .mi-cuenta-editar .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper .wrap-1 { margin-bottom: 42px; overflow: hidden; } .registro .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper .wrap-3 span, .mi-cuenta-editar .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper .wrap-3 span, .libro-direcciones-nueva .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper .wrap-3 span { color: #eb350a; font-size: 11px; } .registro .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper .wrap-4, .mi-cuenta-editar .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper .wrap-4, .libro-direcciones-nueva .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper .wrap-4 { margin-top: 14px; overflow: hidden; } .registro .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper .wrap-4 a i, .mi-cuenta-editar .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper .wrap-4 a i, .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-2 .back i, .libro-direcciones-nueva .section-1 .contenedor-1 .fila-1 .columna-2 .back i, .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 .back i { margin-right: 5px; } .registro .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper .wrap-4 .btn-blue, .mi-cuenta-editar .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper .wrap-4 .btn-blue, .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-2 .texto .btn-blue, .libro-direcciones-nueva .section-1 .contenedor-1 .fila-1 .columna-2 .btn-blue { background-color: #0408ae; color: white; font-size: 14px; border: none; height: 39px; width: 104px; } .section-1 .contenedor-1 .fila-1 .columna-1 ul li a.active { color: #0000a9 !important; } .mi-cuenta, .mi-cuenta-editar, .libro-direcciones, .libro-direcciones-nueva, .mis-pedidos, .mis-pedidos-detalle, .mi-carrito, .login-pago, .info-facturacion, .familias, .productos, .productos-detalle .section-1 { padding-bottom: 60px; } .mi-cuenta .section-1 .contenedor-1 .fila-1 .columna-1 h2, .mi-cuenta-editar .section-1 .contenedor-1 .fila-1 .columna-1 h2, .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-1 h2, .libro-direcciones-nueva .section-1 .contenedor-1 .fila-1 .columna-1 h2, .mis-pedidos .section-1 .contenedor-1 .fila-1 .columna-1 h2, .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-1 h2 { color: #303030; font-size: 16px; margin-bottom: 20px; } .mi-cuenta .section-1 .contenedor-1 .fila-1 .columna-1 ul li, .mi-cuenta-editar .section-1 .contenedor-1 .fila-1 .columna-1 ul li, .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-1 ul li, .libro-direcciones-nueva .section-1 .contenedor-1 .fila-1 .columna-1 ul li, .mis-pedidos .section-1 .contenedor-1 .fila-1 .columna-1 ul li, .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-1 ul li { border-bottom: 1px solid #dddddd; list-style-type: none; padding-bottom: 4px; } .mi-cuenta .section-1 .contenedor-1 .fila-1 .columna-1 ul li a, .mi-cuenta-editar .section-1 .contenedor-1 .fila-1 .columna-1 ul li a, .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-1 ul li a, .libro-direcciones-nueva .section-1 .contenedor-1 .fila-1 .columna-1 ul li a, .mis-pedidos .section-1 .contenedor-1 .fila-1 .columna-1 ul li a, .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-1 ul li a { color: #77777c; font-family: 'Open Sans'; font-size: 13px; } .mi-cuenta .section-1 .contenedor-1 .fila-1 .columna-1 ul li a:hover, .mi-cuenta-editar .section-1 .contenedor-1 .fila-1 .columna-1 ul li a:hover, .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-1 ul li a:hover, .libro-direcciones-nueva .section-1 .contenedor-1 .fila-1 .columna-1 ul li a:hover, .mis-pedidos .section-1 .contenedor-1 .fila-1 .columna-1 ul li a:hover, .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-1 ul li a:hover { color: #0000a9; text-decoration: none; } .mi-cuenta .section-1 .contenedor-1 .fila-1 .columna-1 ul li a i, .mi-cuenta-editar .section-1 .contenedor-1 .fila-1 .columna-1 ul li a i, .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-1 ul li a i, .libro-direcciones-nueva .section-1 .contenedor-1 .fila-1 .columna-1 ul li a i, .mis-pedidos .section-1 .contenedor-1 .fila-1 .columna-1 ul li a i, .mis-pedidos .contenedor-1 .fila-1 .columna-2 .back i, .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-1 ul li a i { color: #777777; margin-right: 5px; } .mi-cuenta .section-1 .contenedor-1 .fila-1 .columna-2 h2 { margin-bottom: 41px; } .mi-cuenta .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper, .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper { width: 46.5%; } .mi-cuenta .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper:first-of-type, .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper.margin { margin-right: 50px; } .mi-cuenta .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper .wrap-header, .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper .wrap-header, .mi-carrito .section-1 .contenedor-1 .fila-2 .columna-2 .wrapper .wrap-header, .login-pago .section-1 .contenedor-1 .fila-1 .columna-2 .pasos .paso, .info-facturacion .section-1 .contenedor-1 .fila-1 .columna-2 .pasos .paso { background-color: #f5f4f5; border: 2px solid #e1e1e1; padding: 12.5px 13px; overflow: hidden; line-height: 13px; } .mi-cuenta .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper .wrap-header h3, .mi-carrito .section-1 .contenedor-1 .fila-2 .columna-2 .wrapper .wrap-header h3 { color: #313131; font-size: 13px; font-family: 'Open Sans Bold'; } .mi-cuenta .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper .wrap-header a, .mis-pedidos .section-1 .contenedor-1 .fila-1 .columna-2 table tbody tr td a { color: #0000a9; font-family: 'Open Sans'; font-size: 13px; } .mi-cuenta .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper .wrap-body, .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper .wrap-body, .mi-carrito .section-1 .contenedor-1 .fila-2 .columna-2 .wrapper .wrap-body { background-color: #fbfbfc; border:2px solid #e1e1e1; border-top: 0; height: 190px; padding-left: 16px; padding-top: 20px; } .mi-cuenta .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper .wrap-body span, .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper .wrap-body span, .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper .wrap-body span { color: #777; font-size: 13px; font-family: 'Open Sans Semibold'; } .mi-cuenta .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper .wrap-body a, .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper .wrap-body a, .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 .texto .wrap-texto a { color: #0000a9; font-family: 'Open Sans Bold'; font-size: 13px; } .mi-cuenta .section-1 .contenedor-1 .fila-1 .columna-2 h4, .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-2 h4 { color: #222121; font-size: 16px; margin-bottom: 15px; } .mi-cuenta .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper:last-of-type { margin-top: 55px; } .mi-cuenta .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper:last-of-type .wrap-body { overflow: hidden; padding-bottom: 20px; } .mi-cuenta .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper:last-of-type .wrap-body h3, .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper h3, .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper .wrap-header h3 { color: #777c7e; font-size: 14px; font-family: 'Open Sans Bold'; margin-bottom: 8px; } .mi-cuenta .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper:last-of-type .wrap-body div[class*="wrap"] span, .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper .wrap-body span, .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper .wrap-body span { line-height: 14px; } .mi-cuenta-editar .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper { border-top-color: #007fc8; } .mi-cuenta-editar .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper form .form-group.fijo, .libro-direcciones-nueva .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper form .form-group.fijo { width: 355px; } .mi-cuenta-editar .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper form .form-group:first-of-type, .libro-direcciones-nueva .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper form .form-group:first-of-type, .libro-direcciones-nueva .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper form .form-group.margin { margin-right: 32px; } .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-2 h2 { margin-bottom: 0; } .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-2 .eliminar { color: #777c7e !important; font-size: 13px; font-family: 'Open Sans Bold'; } .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-2 .eliminar:hover { cursor: pointer; } .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-2 .opciones a {} .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-2 .opciones a:hover { cursor: pointer; text-decoration: underline; } .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-2 .wrap { width: 385px; } .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-2 .wrap.wrap-1 { margin-right: 50px; } .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-2 .wrap.wrap-2 .wrapper { padding: 0; } .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-2 .texto { margin-bottom: 41px; overflow: hidden; } .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-2 .texto .btn-blue { width: 193px !important; } .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper { border: 1px solid #e2e2e2; border-top-width: 2px; border-bottom-width: 2px; border-radius: 10px; padding: 16px; margin-bottom: 8px; } .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper div[class*="wrap"] { overflow: hidden; } .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper .wrap-header { border-bottom: none !important; line-height: 13px; } .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper .wrap-body { border-top: none !important; } .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper .wrap-body a { margin-top: 3px; } .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-2 .back { margin-top: 41px !important; } .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-2 .wrap:last-of-type .wrapper { border: none !important; } .libro-direcciones-nueva .section-1 .contenedor-1 .fila-1 .columna-2 .wrap-1 {overflow: hidden; } .libro-direcciones-nueva .section-1 .contenedor-1 .fila-1 .columna-2 .btn-blue { width: 150px !important; } .libro-direcciones-nueva .section-1 .contenedor-1 .fila-1 .columna-2 .wrap-2 .w-100 { margin-right: 0 !important;} .mis-pedidos .section-1 .contenedor-1 .fila-1 .columna-2 table thead, .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 table thead, .pago-paso-6 .section-1 .contenedor-1 .fila-1 .columna-1 table thead { background-color: #f6f5f6; } .mis-pedidos .section-1 .contenedor-1 .fila-1 .columna-2 table thead th, .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 table thead th, .pago-paso-6 .section-1 .contenedor-1 .fila-1 .columna-1 table thead th { border: 1px solid #d9d9d9; color: #7b7976; font-size: 14px; padding: 13px 10px; } .mis-pedidos .section-1 .contenedor-1 .fila-1 .columna-2 table thead th.pedido { width: 92px; } .mis-pedidos .section-1 .contenedor-1 .fila-1 .columna-2 table thead th.fecha { width: 80px; } .mis-pedidos .section-1 .contenedor-1 .fila-1 .columna-2 table thead th.envio { width: 370px; } .mis-pedidos .section-1 .contenedor-1 .fila-1 .columna-2 table tbody tr td, .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 table tbody tr td, .pago-paso-6 .section-1 .contenedor-1 .fila-1 .columna-1 table tbody tr td { border: 1px solid #d9d9d9; color: #77777c; font-family: 'Open Sans Semibold'; font-size: 14px; padding: 13px 10px; } .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 .texto .wrap-texto { overflow: hidden; margin-bottom: 22px; } .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 .texto .wrap-texto h1 { margin-bottom: 0 !important; } .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 .texto .wrap-texto-2 span, .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 .pedido span { color: #303030; font-family: 'Deja Vu Sans Bold'; font-size: 16px; } .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 .texto .wrap-texto-2 span:first-child { margin-right: 48px; } .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 .texto .wrap-texto-2 span:last-child { color: #777; font-family: 'Open Sans'; font-size: 14px; margin:10px 0; } .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper .wrap-header h3 { margin-bottom: 0; } .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 .envio, .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 .facturacion { margin-bottom: 50px; overflow: hidden; } .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 .pedido span { margin-bottom: 10px; } .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 table thead th.nombre-producto { width: 483px; } .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 table tbody tr td { color: #949494; } .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 table tbody tr td.costos-envio, .pago-paso-6 .section-1 .contenedor-1 .fila-1 .columna-1 table tbody tr td.costos-envio { border-top: none; border-bottom: none; padding: 8px; } .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 table tbody tr td.subtotal, .pago-paso-6 .section-1 .contenedor-1 .fila-1 .columna-1 table tbody tr td.subtotal { border-bottom: none; padding: 8px; } .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 table tbody tr td.total { border-top: none; padding: 8px; } .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 table tbody tr td.total span { color: #767676; } .mi-carrito .section-1 .contenedor-1 .fila-2 .columna-1 .wrapper-table { border: 1px solid #eeeeee; overflow: hidden; -webkit-box-shadow: 0px 2px 5px 2px rgba(238,238,238,1); -moz-box-shadow: 0px 2px 5px 2px rgba(238,238,238,1); box-shadow: 0px 2px 5px 2px rgba(238,238,238,1); padding: 30px; } .mi-carrito .section-1 .contenedor-1 .fila-2 .columna-1 .wrapper-table table { border-spacing: 0; empty-cells: show; font-size: 100%; } .mi-carrito .section-1 .contenedor-1 .fila-2 .columna-1 .wrapper-table table thead th { border: none; color: #777; font-size: 14px; font-weight: 600; padding: 15px 10px; white-space: nowrap; vertical-align: middle; } .mi-carrito .section-1 .contenedor-1 .fila-2 .columna-1 .wrapper-table table tbody tr td { border: none; border-bottom: 1px solid #dcdcdc; font-size: 14px; line-height: 1.3; padding: 15px 10px; vertical-align: middle; } .mi-carrito .section-1 .contenedor-1 .fila-2 .columna-1 .wrapper-table table tbody tr td.action-td { padding: 15px 0; } .mi-carrito .section-1 .contenedor-1 .fila-2 .columna-1 .wrapper-table table tbody tr td a.product-link { color: #0000a9; font-size: 18px; } .mi-carrito .section-1 .contenedor-1 .fila-2 .columna-1 .wrapper-table table tbody tr td.pr-img-td a.product-image img { max-width: none; min-width: 100px; } .mi-carrito .section-1 .contenedor-1 .fila-2 .columna-1 .wrapper-table table tbody tr td.product-name-td { font-size: 14px; } .mi-carrito .section-1 .contenedor-1 .fila-2 .columna-1 .wrapper-table table tbody tr td.product-name-td h2 { color: #6468ca; font-size: 14px; font-family: 'Poppins Medium'; line-height: 1.35; } .mi-carrito .section-1 .contenedor-1 .fila-2 .columna-1 .wrapper-table table tbody tr td .price { color: #777; font-family: 'Open Sans'; } .mi-carrito .section-1 .contenedor-1 .fila-2 .columna-1 .wrapper-table table tbody tr td .qty-holder { width: 100px; white-space: nowrap; } .mi-carrito .section-1 .contenedor-1 .fila-2 .columna-1 .wrapper-table table tbody tr td .qty-holder .table_qty_dec, .mi-carrito .section-1 .contenedor-1 .fila-2 .columna-1 .wrapper-table table tbody tr td .qty-holder .table_qty_inc { width: 30px; height: 30px; background: #f4f4f4; border: 1px solid #ccc; color: #777; line-height: 30px; border-radius: 0; font-size: 14px; font-weight: 700; text-decoration: none; vertical-align: top; } .mi-carrito .section-1 .contenedor-1 .fila-2 .columna-1 .wrapper-table table tbody tr td .qty-holder .input-text.qty { color: #777; width: 40px; border: 1px solid #ccc; border-radius: 0; margin: 0 -4px 0 -5px; height: 30px; border-color: #ccc; } .mi-carrito .section-1 .contenedor-1 .fila-2 .columna-1 .wrapper-table table tbody tr td.td-total span { color: #0000a9; font-family: 'Open Sans'; } .mi-carrito .section-1 .contenedor-1 .fila-2 .columna-1 .wrapper-table table tfoot tr td { padding: 15px 5px 0; } .mi-carrito .section-1 .contenedor-1 .fila-2 .columna-1 .wrapper-table table tfoot button { overflow: visible; width: auto; border: 1px solid #ccc; background: transparent; cursor: pointer; } .mi-carrito .section-1 .contenedor-1 .fila-2 .columna-1 .wrapper-table table tfoot button.btn-update { margin-left: 10px !important; } .mi-carrito .section-1 .contenedor-1 .fila-2 .columna-1 .wrapper-table table tfoot button span { background: #fff; color: #777; line-height: 32px; padding: 0 12px; font-size: 14px; font-family: 'Open Sans'; } .mi-carrito .section-1 .contenedor-1 .fila-2 .columna-2 .wrapper .wrap-body { padding-right: 16px; background-color: #fbfbfc; border:2px solid #e1e1e1; border-top: 0; height: 125px; padding-left: 16px; padding-top: 20px; } .mi-carrito .section-1 .contenedor-1 .fila-2 .columna-2 .wrapper .wrap-body .texto { margin-bottom: 20px; } .mi-carrito .section-1 .contenedor-1 .fila-2 .columna-2 .wrapper .wrap-body span:first-of-type { color: #777; font-family: 'Open Sans'; font-size: 15px; padding-left: 10px; } .mi-carrito .section-1 .contenedor-1 .fila-2 .columna-2 .wrapper .wrap-body span:last-of-type { padding-right: 10px; } .login-pago .box-shadow, .info-facturacion .box-shadow { -webkit-box-shadow: 0px 2px 5px 0px rgba(238,238,238,1); -moz-box-shadow: 0px 2px 5px 0px rgba(238,238,238,1); box-shadow: 0px 2px 5px 0px rgba(238,238,238,1); } .login-pago .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-header, .info-facturacion .section-1 .contenedor-1 .fila-1 .wrap-header { background-color: #f6f6f6; border: 1px solid #ddd; padding: 15px; } .login-pago .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-header span, .info-facturacion .section-1 .contenedor-1 .fila-1 .wrap-header span { color: #0000a9; } .login-pago .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion div[class*="w-50"] { min-height: 360px; } .login-pago .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion div[class*="w-50"] h2 { color: #7b7976; font-size: 16px; font-family: 'Open Sans Semibold'; margin-bottom: 10px; } .login-pago .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-body, .info-facturacion .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-body { padding: 23px 30px; border: 1px solid #ddd; overflow: hidden; border-top: 0; } .login-pago .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-body .wrap-1 ul { padding-left: 15px; } .login-pago .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-body .wrap-1 span, .login-pago .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-body .wrap-1 ul li, .login-pago .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-body .wrap-2 span { color: #777; font-size: 13px; } .login-pago .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-body .wrap-1 span { margin-bottom: 20px; } .login-pago .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-body .wrap-1 .btn-blue { bottom: 0; right: 0; width: 95px; } .login-pago .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-body .wrap-2 { padding-left: 25px; } .login-pago .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-body .wrap-2 span.span-1{ margin-bottom: 10px; } .login-pago .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-body .wrap-2 span.span-2 { margin-bottom: 15px; } .login-pago .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-body form { margin-bottom: 35px; } .login-pago .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-body form .form-group:last-of-type { margin-bottom: 0; } .login-pago .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-body .wrap-2 span.requeridos{ color: #eb350a; font-size: 11px; margin-bottom: 10px; } .login-pago .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-body .wrap-2 a { color: #0000a9; height: 39px; font-family: 'Open Sans'; font-size: 13px; margin-top: 15px; } .login-pago .section-1 .contenedor-1 .fila-1 .columna-1 .btn-blue { bottom: 0; right: 0; } .login-pago .section-1 .contenedor-1 .fila-1 .columna-1 .pasos .wrap-header, .info-facturacion .section-1 .contenedor-1 .fila-1 .wrap-header, .info-facturacion .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-body { margin-bottom: 5px; } .login-pago .section-1 .contenedor-1 .fila-1 .columna-1 .pasos .wrap-header:first-of-type { margin-top: 5px; } .login-pago .section-1 .contenedor-1 .fila-1 .columna-1 .pasos .wrap-header:last-of-type, .info-facturacion .section-1 .contenedor-1 .fila-1 .wrap-header.actual { margin-bottom: 0; } .login-pago .section-1 .contenedor-1 .fila-1 .columna-2 h2, .info-facturacion .section-1 .contenedor-1 .fila-1 .columna-2 h2 { color: #222234; font-family: 'Open Sans Bold'; font-size: 16px; margin-bottom: 26px; } .login-pago .section-1 .contenedor-1 .fila-1 .columna-2 .pasos .paso, .info-facturacion .section-1 .contenedor-1 .fila-1 .columna-2 .pasos .paso { font-family: 'Deja Vu Sans Bold'; font-size: 12px; margin-bottom: 14px; } .login-pago .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion h2 { color: black !important; text-align: center; } .login-pago .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion p { color: #878787; font-size: 14px; text-align: center; } .login-pago .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .btn-blue { height: 39px !important; width: 100% !important; position: relative !important; } .login-pago .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-1 { padding-right: 25px; } .login-pago .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-2 { width: calc(50% - 2px) !important; padding-right: 0; } .login-pago .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-1 p { margin-bottom: 30px; margin-top: 40px; } .login-pago .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-2 .requeridos { margin-bottom: 5px !important; } .login-pago .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-2 .terminos { font-size: 12px !important; margin-top: 10px; font-family: 'Open Sans Semibold'; } .login-pago .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-2 .terminos a { font-size: 12px !important; font-family: 'Open Sans Semibold'; } .login-pago .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-2 .recuperar { text-align: center; font-family: 'Open Sans Semibold'; } .login-pago .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-3 { padding: 0 !important; width: 1px !important; border: 1px solid #eeeeee; margin-top: 0; min-height: 360px !important; } .info-facturacion .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-body form label { color: #777; font-size: 14px; font-family: 'Open Sans Semibold'; } .info-facturacion .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-body form .form-group:first-of-type { margin-bottom: 24px; } .info-facturacion .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-body form select { color: #777; font-size: 13px; font-family: 'Open Sans Semibold'; } .info-facturacion .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-body form .form-check { margin-bottom: 10px; } .info-facturacion .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-body span.requeridos { color: #eb350a; font-size: 11px; margin-bottom: 10px; } .info-facturacion .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .nueva-direccion { display: none; } .info-facturacion .section-1 .contenedor-1 .fila-1 .columna-1 .btn-blue { border-radius: 0; width: 95px; } .pago-paso-3 .section-1 .contenedor-1 .fila-1 .columna-1 form .nueva-direccion label, .pago-paso-5 .section-1 .contenedor-1 .fila-1 .columna-1 form label { color: #878787 !important; font-family: 'Open Sans' !important; font-size: 14px !important; margin-bottom: 12px !important; } .pago-paso-3 .section-1 .contenedor-1 .fila-1 .columna-1 a { color: #0000a9; cursor: pointer !important; } .pago-paso-3 .section-1 .contenedor-1 .fila-1 .columna-1 #sucursal-recoger-select { margin-bottom: 20px; } .pago-paso-3 .section-1 .contenedor-1 .fila-1 .columna-1 iframe { width: 100%; height: 300px; } .pago-paso-4 .section-1 .contenedor-1 .fila-1 .columna-1 a { color: #0000a9; cursor: pointer !important; } .pago-paso-4 .section-1 .contenedor-1 .fila-1 .columna-1 iframe { width: 100%; height: 300px; } .pago-paso-6 .section-1 .contenedor-1 .fila-1 .columna-1 .tarjeta-credito { margin-left: 0px; } .pago-paso-6 .section-1 .contenedor-1 .fila-1 .columna-1 .tarjeta-credito h5 { color: #0000a9; margin-bottom: 10px; font-size: 20px; font-family: 'Open Sans Semibold'; } .pago-paso-6 .section-1 .contenedor-1 .fila-1 .columna-1 .tarjeta-credito .form-group { margin-bottom: 1rem !important; } .pago-paso-6 .section-1 .contenedor-1 .fila-1 .columna-1 .tarjeta-credito .form-group:last-of-type { overflow: hidden; } .pago-paso-6 .section-1 .contenedor-1 .fila-1 .columna-1 .tarjeta-credito .form-group label { font-size: 15px; font-family: 'Open Sans Semibold'; color: #777; outline: none !important; border-color: #ced4da; -webkit-box-shadow: none; box-shadow: none;} .pago-paso-6 .section-1 .contenedor-1 .fila-1 .columna-1 .tarjeta-credito .form-group input { font-size: 13px; font-family: 'Open Sans Semibold'; color: #777; outline: none !important; border-color: #ced4da; -webkit-box-shadow: none; box-shadow: none;} .pago-paso-6 .section-1 .contenedor-1 .fila-1 .columna-1 .tarjeta-credito .form-group select { font-size: 13px; font-family: 'Open Sans Semibold'; color: #777; outline: none !important; border-color: #ced4da; -webkit-box-shadow: none; box-shadow: none;} .pago-paso-6 .section-1 .contenedor-1 .fila-1 .columna-1 .tarjeta-credito .fecha-vencimiento .form-group:first-of-type { overflow: hidden; } .pago-paso-6 .section-1 .contenedor-1 .fila-1 .columna-1 .tarjeta-credito .fecha-vencimiento .meses { margin-right: 10px; width: 154px; } .pago-paso-6 .section-1 .contenedor-1 .fila-1 .columna-1 .tarjeta-credito .fecha-vencimiento .anios { width: 96px; } .pago-paso-6 .section-1 .contenedor-1 .fila-1 .columna-1 .tarjeta-credito .verificacion input { width: 70px; } .pago-paso-6 .section-1 .contenedor-1 .fila-1 .columna-1 .tarjeta-credito .verificacion input:focus{ outline: none !important; border-color: #ced4da; -webkit-box-shadow: none; box-shadow: none; } .pago-paso-6 .section-1 .contenedor-1 .fila-1 .columna-1 .tarjeta-credito .verificacion a { color: #0000a9; font-size: 11px; font-family: 'Open Sans'; height: 46px; margin-left: 10px; } .pago-paso-6 .section-1 .contenedor-1 .fila-1 .columna-1 .tarjeta-credito .requeridos { margin-top: 5px; } .pago-paso-6 .section-1 .contenedor-1 .fila-1 .columna-1 table { margin-bottom: 25px; } .pago-paso-6 .section-1 .contenedor-1 .fila-1 .columna-1 table thead th.nombre-producto { width: 421px; } .pago-paso-6 .section-1 .contenedor-1 .fila-1 .columna-1 table tbody tr.producto-tr td:last-of-type { color: #0000a9; } .pago-paso-6 .section-1 .contenedor-1 .fila-1 .columna-1 table tbody tr td.total { background-color: #f6f5f6; } .pago-paso-6 .section-1 .contenedor-1 .fila-1 .columna-1 .btn-blue { width: 150px; } .sucursales { margin-bottom: 47px; } .sucursales .section-1 .contenedor-1 .fila-1 .columna-1 h1 { font-size: 16px; font-family: 'Open Sans Bold'; margin-bottom: 50px; margin-top: 23px; text-transform: uppercase; } .familias .section-1 .contenedor-1 .fila-1 .columna-1 h1 { font-size: 16px; font-family: 'Open Sans Bold'; margin-bottom: 50px; margin-top: 23px; text-transform: uppercase; } .familias .section-1 .contenedor-1 .fila-1 .columna-1 ul li { width: calc(20% - 5px); padding: 10px; } .familias .section-1 .contenedor-1 .fila-1 .columna-1 ul li:last-of-type {margin-right: 0 !important; } .familias .section-1 .contenedor-1 .fila-1 .columna-1 ul li:nth-child(n+6){ margin-top: 25px; } .familias .section-1 .contenedor-1 .fila-1 .columna-1 ul li .imagen { width: 100%; background-size: cover; } .familias .section-1 .contenedor-1 .fila-1 .columna-1 ul li .imagen:before { content: ""; display: block; padding-top: 100%; } .familias .section-1 .contenedor-1 .fila-1 .columna-1 ul li img { /*height: 202px;*/ } .familias .section-1 .contenedor-1 .fila-1 .columna-1 ul li span { font-family: 'Open Sans Light'; font-size: 14px; margin-bottom: 17px; margin-top: 20px; } .familias .section-1 .contenedor-1 .fila-1 .columna-1 ul li a, .productos .section-1 .contenedor-1 .fila-2 .columna-2 .wrap-productos ul li .producto-detalle .agregar-carrito, .productos-detalle .section-2 .contenedor-1 .fila-2 .columna-1 ul li .producto-detalle .agregar-carrito { background-color: #f4f4f4; color: #6f6e6c; font-family: 'Oswald'; font-size: 12.5px; height: 32px; width: 80px; } .familias .section-1 .contenedor-1 .fila-1 .columna-1 ul li a.categoria-especial { padding: 5px 10px; height: auto; width: 160px; font-size: 14px; margin-top: 10px; } .familias .section-1 .contenedor-1 .fila-1 .columna-1 ul li a:hover, .productos .section-1 .contenedor-1 .fila-2 .columna-2 .wrap-productos ul li .producto-detalle .agregar-carrito:hover, .productos-detalle .section-2 .contenedor-1 .fila-2 .columna-1 ul li .producto-detalle .agregar-carrito:hover { background-color: #2b2b2d; color: white; text-decoration: none; } .familias .section-1 .contenedor-1 .fila-1 .columna-1 ul li a i, .productos .section-1 .contenedor-1 .fila-2 .columna-2 .wrap-productos ul li .producto-detalle .agregar-carrito i, .productos-detalle .section-2 .contenedor-1 .fila-2 .columna-1 ul li .producto-detalle .agregar-carrito i { margin-right: 5px; } .productos .section-1 .contenedor-1 .fila-1, .productos-detalle .section-1 .contenedor-1 .fila-1 { margin-bottom: 27px; } .productos .section-1 .contenedor-1 .fila-1 .columna-1 i, .productos-detalle .section-1 .contenedor-1 .fila-1 .columna-1 i { margin: 0 12px; font-size: 11px; color: #8e8e8e; line-height: 18px; } .productos .section-1 .contenedor-1 .fila-1 .columna-1 a, .productos-detalle .section-1 .contenedor-1 .fila-1 .columna-1 a { color: #8e8e8e; font-size: 13px; font-family: 'Open Sans'; } .productos .section-1 .contenedor-1 .fila-1 .columna-1 a.home, .productos-detalle .section-1 .contenedor-1 .fila-1 .columna-1 a.home { top: -3px; } .productos .section-1 .contenedor-1 .fila-1 .columna-1 a.home:hover, .productos-detalle .section-1 .contenedor-1 .fila-1 .columna-1 a.home:hover { text-decoration: none; } .productos .section-1 .contenedor-1 .fila-2 .columna-1 .wrap-categorias, .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-1 .wrap-categorias, .sucursales .section-1 .contenedor-1 .fila-2 .columna-1 .wrap-estados { border: 1px solid #dae2e6; border-radius: 3px; padding: 20px 12px; } .productos .section-1 .contenedor-1 .fila-2 .columna-1 .wrap-categorias .wrap-texto, .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-1 .wrap-categorias .wrap-texto, .sucursales .section-1 .contenedor-1 .fila-2 .columna-1 .wrap-estados .wrap-texto { overflow: hidden; margin-bottom: 15px; } .productos .section-1 .contenedor-1 .fila-2 .columna-1 .wrap-categorias .wrap-texto h2, .productos .section-1 .contenedor-1 .fila-2 .columna-2 h2, .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-1 .wrap-categorias .wrap-texto h2, .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 h2, .sucursales .section-1 .contenedor-1 .fila-2 .columna-1 .wrap-estados .wrap-texto h2, .sucursales .section-1 .contenedor-1 .fila-2 .columna-2 .wrap-sucursal .columna-sucursal h5 { color: #21293c; font-family: 'Open Sans Semibold'; font-size: 17px; } .productos .section-1 .contenedor-1 .fila-2 .columna-1 .wrap-categorias { overflow: hidden; } .productos .section-1 .contenedor-1 .fila-2 .columna-1 .wrap-categorias i, .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-1 .wrap-categorias i, .sucursales .section-1 .contenedor-1 .fila-2 .columna-1 .wrap-estados .wrap-texto i { font-size: 18px; } .productos .section-1 .contenedor-1 .fila-2 .columna-1 .wrap-categorias ul li, .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-1 .wrap-categorias ul li, .sucursales .section-1 .contenedor-1 .fila-2 .columna-1 .wrap-estados ul li { list-style-type: none; margin-bottom: 5px; overflow: hidden; } .productos .section-1 .contenedor-1 .fila-2 .columna-1 .wrap-categorias ul li a, .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-1 .wrap-categorias ul li a, .sucursales .section-1 .contenedor-1 .fila-2 .columna-1 .wrap-estados ul li a { color: #8e8e8e; font-size: 14px; font-family: 'Open Sans'; width: calc(100% - 11px); } .productos .section-1 .contenedor-1 .fila-2 .columna-1 .wrap-categorias ul li a.active, .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-1 .wrap-categorias ul li a.active, .sucursales .section-1 .contenedor-1 .fila-2 .columna-1 .wrap-estados ul li a.active { color: #0003b2; } .productos .section-1 .contenedor-1 .fila-2 .columna-1 .wrap-categorias ul li i.position-relative, .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-1 .wrap-categorias ul li i.position-relative, .sucursales .section-1 .contenedor-1 .fila-2 .columna-1 .wrap-estados ul li i.position-relative { top: 4px; } .productos .section-1 .contenedor-1 .fila-2 .columna-1 .wrap-categorias ul li i, .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-1 .wrap-categorias ul li i, .sucursales .section-1 .contenedor-1 .fila-2 .columna-1 .wrap-estados ul li i { font-size: 14px; } .productos .section-1 .contenedor-1 .fila-2 .columna-1 .wrap-categorias ul li i:hover, .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-1 .wrap-categorias ul li i:hover, .sucursales .section-1 .contenedor-1 .fila-2 .columna-1 .wrap-estados ul li i:hover { cursor: pointer; } .productos .section-1 .contenedor-1 .fila-2 .columna-1 .wrap-categorias ul .wrap-lista-hija ul, .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-1 .wrap-categorias ul .wrap-lista-hija ul, .sucursales .section-1 .contenedor-1 .fila-2 .columna-1 .wrap-estados ul .wrap-lista-hija ul { padding-left: 10px; } .productos .section-1 .contenedor-1 .fila-2 .columna-2 { padding-top: 32px; } .productos .section-1 .contenedor-1 .fila-2 .columna-2 h2 { margin-bottom: 15px; text-transform: uppercase; } .productos .section-1 .contenedor-1 .fila-2 .columna-2 ul { overflow: hidden; } .productos .section-1 .contenedor-1 .fila-2 .columna-2 ul li { width: calc(20% - 5px); padding: 10px; list-style-type: none; position: relative; } .productos .section-1 .contenedor-1 .fila-2 .columna-2 ul li .imagen {width: 100%; background-size: cover;} .productos .section-1 .contenedor-1 .fila-2 .columna-2 ul li .imagen:before { content: ""; display: block; padding-top: 100%; } .productos .section-1 .contenedor-1 .fila-2 .columna-2 ul li .producto-detalle { padding: 10px; margin-top: 10px; } .productos .section-1 .contenedor-1 .fila-2 .columna-2 ul li .producto-detalle .titulo, .productos-detalle .section-2 .contenedor-1 .fila-2 .columna-1 ul li .producto-detalle .titulo { color: #5b5b5f; font-size: 14px; font-family: 'Open Sans'; margin-bottom: 3px; } .productos .section-1 .contenedor-1 .fila-2 .columna-2 ul li .producto-detalle .precio, .productos-detalle .section-2 .contenedor-1 .fila-2 .columna-1 ul li .producto-detalle .precio { min-height: 27px; margin: 10px 0 5px; white-space: nowrap; } .productos .section-1 .contenedor-1 .fila-2 .columna-2 ul li .producto-detalle .precio .precio-regular, .productos-detalle .section-2 .contenedor-1 .fila-2 .columna-1 ul li .producto-detalle .precio .precio-regular { font-family: 'Oswald'; font-size: 18px; letter-spacing: 0.005em; color: #2b2b2d; } .productos .section-1 .contenedor-1 .fila-2 .columna-2 ul li .producto-detalle .precio .precio-viejo, .productos-detalle .section-2 .contenedor-1 .fila-2 .columna-1 ul li .producto-detalle .precio .precio-viejo { font-size: 14px; text-decoration: line-through; vertical-align: middle; line-height: 1; } .productos .section-1 .contenedor-1 .fila-2 .columna-2 ul li .producto-detalle .precio .precio-especial, .productos-detalle .section-2 .contenedor-1 .fila-2 .columna-1 ul li .producto-detalle .precio .precio-especial { font-family: 'Oswald'; font-size: 18px; color: #f00; vertical-align: middle; } .productos .section-1 .contenedor-1 .fila-2 .columna-2 .wrap-productos { overflow: hidden; margin-top: 27px; } .productos .section-1 .contenedor-1 .fila-2 .columna-2 .wrap-productos ul li .producto-detalle .agregar-carrito { font-size: 11px; padding: 5px; width: 100%; } .productos-detalle .section-2 .contenedor-1 .fila-2 .columna-1 ul li .producto-detalle .agregar-carrito { width: 150px; } /*.productos-detalle .section-1 .contenedor-1 .fila-2 { margin-bottom: 60px; }*/ .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .carousel { margin-right: 30px; width: 398px; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .carousel .carousel-item { border: 1px solid #dae2e6; width: 100%; height: 398px; background-color: #dae2e6; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .carousel .fila-imagenes { margin-top: 10px; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .carousel .fila-imagenes ul li { border: 1px solid #dae2e6; width: 24.2%; padding-top: calc(24.2% - 2px); position: relative; cursor: pointer; overflow: hidden; background-color: #dae2e6; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .carousel .fila-imagenes ul li.active { border-color: #0000a9 !important; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .carousel .fila-imagenes ul li img { cursor: pointer; position: absolute; top: 0; left: 0; max-width: 100%; max-height: 100%; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .producto-detalle { width: calc(100% - 428px); } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .producto-detalle h1 { margin-top: 10px; font-size: 25px; font-family: 'Open Sans Semibold'; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .producto-detalle .descripcion { margin: 15px 0; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .producto-detalle .descripcion strong, .productos-detalle .section-1 .contenedor-1 .fila-3 .columna-1 .contenido strong { font-family: 'Open Sans Semibold'; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .producto-detalle .descripcion p, .productos-detalle .section-1 .contenedor-1 .fila-3 .columna-1 .contenido p { color: #000; font-size: 14px; font-family: 'Open Sans'; line-height: 27px; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .producto-detalle .descripcion ul li, .productos-detalle .section-1 .contenedor-1 .fila-3 .columna-1 .contenido ul li { color: #000; font-size: 14px; font-family: 'Open Sans'; line-height: 27px; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .producto-detalle .info { border: 1px solid #ebebeb; border-right: 0; border-left: 0; padding: 23px 0; margin-bottom: 23px; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .producto-detalle .info.fin { border-top: 0; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .producto-detalle .info .disponibilidad { font-size: 15px; margin-bottom: 5px; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .producto-detalle .info .precio { color: #0000a9; font-size: 24px; font-family: 'Oswald Bold'; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .producto-detalle .info .enviar-email { color: #3c44be; font-family: 'Open Sans Semibold'; font-size: 14px; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .producto-detalle .info .wrap-precio { overflow: hidden; position: relative; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .producto-detalle .info .wrap-precio .columna { float: left; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .producto-detalle .info .wrap-precio .columna.columna-dato { width: 160px; margin: 5px 0 20px 0; font-family: 'Open Sans Semibold'; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .producto-detalle .info .wrap-precio .columna.columna-precio { width: 160px; margin: 25px 0 20px 0; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .producto-detalle .info .wrap-precio .columna.columna-boton { width: calc(100% - 160px); } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .producto-detalle .info .wrap-precio .columna.columna-boton button { border-radius: 0; margin: 20px 0; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .producto-detalle .info.info-precio { padding: 0; margin-bottom: 0; border-bottom: 0; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .producto-detalle .info.caracteristicas { border-top: 0; margin-top: 0; padding-top: 0; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .producto-detalle .info.caracteristicas .caracteristica { margin-bottom: 10px; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .producto-detalle .info.caracteristicas select { font-family: "Open Sans Semibold"; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .producto-detalle .info.caracteristicas .opciones .opcion { border: 1px solid #0408ae; color: #0408ae; border-radius: 5px; width: 100%; cursor: pointer; font-size: 14px; font-family: "Open Sans Semibold"; padding: 5px; text-align: center; margin-bottom: 5px; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .producto-detalle .info.caracteristicas .opciones .opcion.seleccionado { border-color: #0408ae; color: #fff; background-color: #0408ae; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .producto-detalle .info.caracteristicas .opciones .opcion.no-disponible { opacity: 0.3; border: 1px solid #ccc; color: #000; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .producto-detalle .info.caracteristicas .opciones .opcion.no-disponible.seleccionado { background-color: #ccc; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .producto-detalle .qty-holder { margin-right: 62px; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .producto-detalle .qty-holder .table_qty_dec, .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .producto-detalle .qty-holder .table_qty_inc { width: 30px; height: 46px; border: 1px solid #e6ebed; color: #9aa8b1; line-height: 46px; border-radius: 0; font-size: 20px; font-weight: 700; text-decoration: none; vertical-align: top; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .producto-detalle .qty-holder .input-text.qty { color: #777; width: 40px; border: 1px solid #e6ebed; border-radius: 0; margin: 0 -5px 0 -5px; height: 46px; border-color: #e6ebed; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .producto-detalle .wrap-agregar-carrito { border-bottom: 1px solid #ebebeb; padding-bottom: 20px; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .producto-detalle .btn-blue { background-color: #0408ae; color: white; font-family: 'Oswald'; height: 46px; width: 165px; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .producto-detalle .btn-blue i { margin-right: 10px; } .productos-detalle .section-1 .contenedor-1 .fila-3 { overflow: hidden;} .productos-detalle .section-1 .contenedor-1 .fila-3 .columna-1 h3 { border-bottom: 2px solid #0508ae; font-size: 14px; font-family: 'Open Sans Bold'; padding-bottom: 10px; max-width: 106px; } .productos-detalle .section-1 .contenedor-1 .fila-3 .columna-1 hr { margin-top: 0; } .productos-detalle .section-1 .contenedor-1 .fila-3 .columna-1 .contenido img { max-width: 100%; height: auto; } .productos-detalle .section-2 { background-color: #f4f4f4; padding: 40px 0 60px 0; } .productos-detalle .section-2 .contenedor-1 .fila-1 .columna-1 h2 { font-family: 'Open Sans Bold'; font-size: 16px; } .productos-detalle .section-2 .contenedor-1 .fila-2 .columna-1 ul { overflow: hidden; } .productos-detalle .section-2 .contenedor-1 .fila-2 .columna-1 ul li { list-style-type: none; width: 255px; margin-right: 30px; position: relative; } .productos-detalle .producto-badge { left: 15px; z-index: 10; } .productos-detalle .section-2 .contenedor-1 .fila-2 .columna-1 ul li .producto-badge { left: 10px; top: 10px; z-index: 10; } .buscar .section-1 .contenedor-1 .fila-2 .columna-2 { padding-top: 0; } .buscar .section-1 .contenedor-1 .fila-2 .columna-2 h2 { color: #2096d6; font-size: 20px; } .buscar .section-1 .contenedor-1 .fila-2 .columna-2 h2 span { text-transform: uppercase; } .productos-detalle .section-2 .contenedor-1 .fila-2 .columna-1 ul li:last-of-type { margin-right: 0; } .productos-detalle .section-2 .contenedor-1 .fila-2 .columna-1 ul li .producto-detalle .titulo { font-family: 'Open Sans Semibold'; font-size: 12px; margin-top: 13px; } .sucursales .section-1 iframe { height: 300px !important; width: 100% !important; } .sucursales .section-1 .contenedor-1 .fila-2 .columna-1 .wrap-estados ul li a.sucursal-link:hover { cursor: pointer; } .sucursales .section-1 .contenedor-1 .fila-2 .columna-2 .wrap-sucursal { overflow: hidden; } .sucursales .section-1 .contenedor-1 .fila-2 .columna-2 .wrap-sucursal .columna-mapa { width: 624px; height: 306px; background-color: #f5f5f5; } .sucursales .section-1 .contenedor-1 .fila-2 .columna-2 .wrap-sucursal .columna-sucursal { width: calc(100% - 639px); margin-left: 15px; } .sucursales .section-1 .contenedor-1 .fila-2 .columna-2 .wrap-sucursal .columna-sucursal p { color: #8e8e8e; font-size: 14px; font-family: 'Open Sans'; } .sucursales .columna-carousel { margin-top: 20px; width: 100%; } .sucursales .columna-carousel .carousel { width: 100%; } .sucursales .columna-carousel .carousel .carousel-item { border: 1px solid #dae2e6; width: 100%; /*height: 66.67%;*/ background-color: #dae2e6; overflow: hidden; } .sucursales .columna-carousel .carousel .fila-imagenes { margin-top: 10px; } .sucursales .columna-carousel .carousel .fila-imagenes ul li { border: 1px solid #dae2e6; width: 24.6%; /*padding-top: calc(16.13% - 2px);*/ position: relative; cursor: pointer; overflow: hidden; background-color: #dae2e6; } .sucursales .columna-carousel .carousel .fila-imagenes ul li.active { border-color: #0000a9 !important; } .sucursales .columna-carousel .carousel .fila-imagenes ul li img { cursor: pointer; /*position: absolute; top: 0;*/ max-width: 100%; max-height: 100%; } .contacto .section-1 .contenedor-1 .fila-1 h1 { font-size: 16px; font-family: 'Open Sans Bold'; margin-bottom: 50px; margin-top: 23px; text-transform: uppercase; } .contacto .section-1 .contenedor-1 .fila-2 .wrapper { padding: 40px; margin-bottom: 27px; width: 100%; border: 1px solid #eeeeee; border-top: 4px solid #ffdc00; overflow: hidden; -webkit-box-shadow: 0px 2px 5px 0px rgba(238,238,238,1); -moz-box-shadow: 0px 2px 5px 0px rgba(238,238,238,1); box-shadow: 0px 2px 5px 0px rgba(238,238,238,1); } .contacto .section-1 .contenedor-1 .fila-2 .wrapper h2 { font-family: 'Open Sans'; font-size: 16px; margin-bottom: 20px; } .contacto .section-1 .contenedor-1 .fila-2 .wrapper form div[class*="form"] label, .contacto .section-1 .contenedor-1 .fila-2 .wrapper form div[class*="form"] label, .contacto .section-1 .contenedor-1 .fila-2 .form-group select, .contacto .section-1 .contenedor-1 .fila-2 .form-group input, .contacto .section-1 .contenedor-1 .fila-2 .wrap-identificacion .wrap-body form label, .contacto .section-1 .contenedor-1 .fila-2 .wrapper form input, .contacto .section-1 .contenedor-1 .fila-2 .wrapper form select { color: #878787; font-family: 'Open Sans'; font-size: 14px; } .contacto .section-1 .contenedor-1 .fila-2 .wrapper form textarea { height: 150px; resize: none; color: #878787; font-family: 'Open Sans'; font-size: 14px; } .contacto .section-1 .contenedor-1 .fila-2 .wrapper form .form-group.fijo { width: 493px; } .contacto .section-1 .contenedor-1 .fila-2 .wrapper form .form-group.completo { width: 100%; } .contacto .section-1 .contenedor-1 .fila-2 .wrapper form .form-group.margin { margin-right: 42px; } .contacto .section-1 .contenedor-1 .fila-2 .wrapper form label span { color: #eb350a !important; } .contacto .section-1 .contenedor-1 .fila-2 .wrapper .wrap-1 { margin-bottom: 42px; overflow: hidden; } .contacto .section-1 .contenedor-1 .fila-2 .wrapper .wrap-3 span { color: #eb350a; font-size: 11px; } .contacto .section-1 .contenedor-1 .fila-2 .wrapper .wrap-4 { margin-top: 14px; overflow: hidden; } .contacto .section-1 .contenedor-1 .fila-2 .wrapper .wrap-4 a i { margin-right: 5px; } .contacto .section-1 .contenedor-1 .fila-2 .wrapper .wrap-4 .btn-blue { background-color: #0408ae; color: white; font-size: 14px; border: none; height: 39px; width: 104px; } .nosotros { margin-bottom: 27px; } .nosotros img { max-width: 80%; } .nosotros p { font-family: "Open Sans"; margin-bottom: 20px; width: 100%; } .nosotros b { font-family: "Open Sans Bold"; color: #000; } .nosotros .imagen { text-align: center; margin-bottom: 20px; } .nosotros .section-1 .contenedor-1 .fila-1 h1 { font-size: 16px; font-family: 'Open Sans Bold'; margin-bottom: 50px; margin-top: 23px; text-transform: uppercase; } .info-procesado .informacion { font-size: 14px; margin-bottom: 1rem; } .info-procesado .opciones { font-size: 12px; margin-bottom: 10px; } .info-procesado .data-horizontal { margin-bottom: 15px; } .info-procesado b { font-weight: bold; } .info-procesado dl.dl-horizontal { overflow: hidden; width: 100%; } .info-procesado dl.dl-horizontal.clear { margin-bottom: 0; } .info-procesado dl.dl-horizontal dt { float: left; width: 130px; text-align: right; font-weight: bold;} .info-procesado dl.dl-horizontal dd { float: right; width: calc(100% - 140px); margin-bottom: 0 !important; color: #666;} .info-procesado .panel { margin-bottom: 20px; } .info-procesado .panel .panel-heading { background-color: #f5f4f5; border: 2px solid #e1e1e1; padding: 12.5px 13px; overflow: hidden; line-height: 13px; font-size: 14px; } .info-procesado .panel .panel-body { background-color: #fbfbfc; border: 2px solid #e1e1e1; border-top: 0; height: auto; padding: 10px 16px 10px 16px; font-size: 12px; } .info-procesado a { color: #0000a9 !important; } .info-procesado .section-1 .contenedor-1 .fila-1 h1 { font-size: 30px !important; line-height: 30px; font-family: "Open Sans Bold" !important; margin-top: 25px; } .info-procesado .section-1 .contenedor-1 .fila-1 h1 small { color: #212529 !important; font-size: 20px; text-transform: initial; font-family: "Open Sans Semibold" !important; } .wrap-identificacion { position: relative; } .wrap-identificacion .a-regresar { position: absolute; bottom: 35px; left: 35px; color: #007bff !important; font-size: 12px; text-decoration: none; } .pago-comprobacion .form-resultado { color: #eb350a; font-size: 12px; } .info-facturacion.pago-paso-5 .ilustracion { padding-left: 20px; } .info-facturacion.pago-paso-5 .metodoPago-descripcion { padding-left: 20px; } .info-facturacion.pago-paso-5 table { width: 100%; } footer { background-color: #272724; padding:33px 0; border-width: 4px 0 4px 0; border-color: #ffdc00; border-style: solid; } footer a { color: #a8a8a1; } footer a:hover { color: #a8a8a1; } footer .contenedor-1 hr { background-color: #3d3d38; width: 100%; } footer .contenedor-1 .fila-1 .columna-1 h3 { color: white; font-size:15px; margin-bottom: 21px; } footer .contenedor-1 .fila-1 .columna-1 p { color: #777771; font-size: 12px; } footer .contenedor-1 .fila-1 .columna-2 form .wrap { overflow: hidden; width: 383px; margin: auto; } footer .contenedor-1 .fila-1 .columna-2 form input { font-family: 'Deja Vu Sans'; font-size: 13px; height: 49px; float: left; } footer .contenedor-1 .fila-1 .columna-2 form input:focus{ outline: none !important; } footer .contenedor-1 .fila-1 .columna-2 form input[type="email"]{ border: none; border-radius: 22px 0 0 22px; padding-left: 16px; width: 262px; } footer .contenedor-1 .fila-1 .columna-2 form input[type="submit"]{ background-color: #ffe200; border: none; border-radius: 0 22px 22px 0; color: #000; width: 121px; float: right; } footer .contenedor-1 .fila-1 .columna-2 form input[type="submit"]:hover { background-color: #ffe200; cursor: pointer; } footer .contenedor-1 .fila-1 .columna-3 .wrap { margin-left: 0; width: 267px;} footer .contenedor-1 .fila-1 .columna-3 ul { margin-bottom: 11px !important; } footer .contenedor-1 .fila-1 .columna-3 ul li { background-color: #33332e; height: 50px; width: 50px; } footer .contenedor-1 .fila-1 .columna-3 ul li a:hover { background-color: #6f6f65; text-decoration: none; } footer .contenedor-1 .fila-1 .columna-3 ul li a i { color: white; } footer .contenedor-1 .fila-1 .columna-3 span { color: #979d9b; font-size: 14px; } footer .contenedor-1 .fila-1 .columna-4 { margin-bottom: 10px; } footer .contenedor-1 .fila-2 .columna-1 h3 { color: white; font-size:15px; margin-bottom: 21px; } footer .contenedor-1 .fila-2 .columna-1 .wrap { margin-bottom: 27px; } footer .contenedor-1 .fila-2 .columna-1 .wrap h4 { color: white; font-size: 13px; font-family: 'Deja Vu Sans'; } footer .contenedor-1 .fila-2 .columna-1 .wrap span { color: #a8a8a1; font-family: 'Open Sans'; font-size: 13px; } footer .contenedor-1 .fila-2 .columna-2 hr { margin-top: 21px; } footer .contenedor-1 .fila-2 .columna-2 .wrapper-1 { overflow: hidden; } footer .contenedor-1 .fila-2 .columna-2 .wrapper-1 .wrap h3 { color: white; font-size:15px; margin-bottom: 21px; } footer .contenedor-1 .fila-2 .columna-2 .wrapper-1 .wrap ul li { list-style-type: none; } footer .contenedor-1 .fila-2 .columna-2 .wrapper-1 .wrap ul li a { color: #a8a8a1; font-family: 'Open Sans'; font-size: 13px; } footer .contenedor-1 .fila-2 .columna-2 .wrapper-1 .wrap-1 { overflow: hidden; } footer .contenedor-1 .fila-2 .columna-2 .wrapper-1 .wrap-1 ul { width: 172px; } footer .contenedor-1 .fila-2 .columna-2 .wrapper-1 .wrap-2 { overflow: hidden; } footer .contenedor-1 .fila-2 .columna-2 .wrapper-1 .wrap-2 ul:first-of-type { width: 252px; } footer .contenedor-1 .fila-2 .columna-2 .wrapper-2 { overflow: hidden; } footer .contenedor-1 .fila-2 .columna-2 .wrapper-2 .wrap span { color: #a8a8a1; font-family: 'Open Sans' !important; font-size: 13px; } footer .contenedor-1 .fila-2 .columna-2 .wrapper-2 .wrap-1 { width: 100%; } footer .contenedor-1 .fila-2 .columna-2 .wrapper-2 .wrap-2 { margin-right: 10px; } footer .contenedor-1 .fila-2 .columna-2 .wrapper-2 .wrap-2 .titulo { color: #FFF; font-size: 13px; font-family: 'Deja Vu Sans'; } footer .contenedor-1 .fila-2 .columna-2 .wrapper-2 .wrap-2 span:last-of-type { font-family: 'Deja Vu Sans Bold'; top: -6px; } footer .contenedor-1 .fila-2 .columna-2 .wrapper-2 .wrap-3 { overflow: hidden; } footer .contenedor-1 .fila-2 .columna-2 .wrapper-2 .wrap-3 ul { margin-top: 0px !important; } footer .contenedor-1 .fila-2 .columna-2 .wrapper-2 .wrap-3 ul li { display: inline-block; } footer .contenedor-1 .fila-2 .columna-2 .wrapper-2 .wrap-3 ul li img { height: 35px; margin-left: 15px; } footer .contenedor-1 .fila-2 .columna-2 .wrapper-2 .wrap-3 ul li:first-child img { margin-left: 0px; } /* | ================= | Elementos extras | ================= */ .alertas { width: 100%; } .alertas td { border: 1px solid #d9d9d9; } .alertas a { font-family: "Open Sans Bold"; color: black !important; } .alertas .icono { padding: 10px; width: 54px; } .alertas .icono .icono-contenedor { background-color: white; font-size: 22px; color: black; width: 33px;text-align: center; border-radius: 17px; } .alertas .texto { background-color: white; color: black !important; padding: 10px 20px !important; font-size: 14px; text-align: left; } .alertas.alertas-carrito td { border: 1px solid #d9d9d9 !important; } .alertas.alertas-success { background-color: #28a745; } .alertas.alertas-success td { border-color: #28a745 !important; } .alertas.alertas-success .icono .icono-contenedor { color: #28a745; } .alertas.alertas-primary { background-color: #0000a9; } .alertas.alertas-primary td { border-color: #0000a9 !important; } .alertas.alertas-primary .icono .icono-contenedor { color: #0000a9; } .alertas.alertas-warning { background-color: #ffdc00; } .alertas.alertas-warning td { border-color: #ffdc00 !important; } .alertas.alertas-warning .icono .icono-contenedor { color: #ffdc00; width: 0; height: 0; border-left: 16px solid transparent; border-right: 17px solid transparent; border-bottom: 29px solid white; border-radius: 0; background-color: #ffdc00; position: relative; } .alertas.alertas-warning .ico { position: absolute; top: 0; left: -3px; } .alertas.alertas-danger { background-color: #f91c2d; } .alertas.alertas-danger td { border-color: #f91c2d !important; } .alertas.alertas-danger .icono .icono-contenedor { color: #f91c2d; font-size: 17px; padding: 4px 0; } .modal-fichatecnica * { font-family: 'Open Sans Semibold'; } .modal-fichatecnica button { border-radius: 0 !important; font-family: 'Oswald'; font-size: 14px !important; height: 39px; } .float-whatsapp { position: fixed; bottom: 20px; right: 20px; z-index: 10; } .float-whatsapp a { cursor: pointer !important; display: block; } .float-whatsapp img { width: 60px; } .chaport-container .chaport-anim-show { bottom: 180px !important; } .chaport-container .chaport-launcher .chaport-launcher-button { bottom: 100px !important; } .chaport-container.chaport-container-positioned .chaport-window { bottom: 180px !important; } .swal2-popup .swal2-title { font-family: "Open Sans Semibold"; } .swal2-popup #swal2-content { font-family: "Open Sans Semibold"; } .swal2-popup #swal2-content { font-family: "Open Sans Semibold"; } .swal2-popup .swal2-styled.swal2-confirm { background-color: #0408ae !important; border-left-color: #0408ae !important; border-right-color: #0408ae !important; } .swal2-icon.swal2-warning { border-color: #ffdc00 !important; color: #ffdc00 !important; } /* | ================= | Media | ================= */ /* Large desktops and laptops */ @media (min-width: 1600px) { /*body { border: 2px solid brown;}/**/ .mis-pedidos .section-1 { min-height: 490px; } } @media (min-width: 1200px) { nav .contenedor-1 { padding: 0 45px; } .section-3 .container { max-width: 1400px } } @media (max-width: 1199px) { .inicio .section-2 { min-height: auto; } .inicio .section-2 .carousel-products { min-height: auto; } .inicio .section-2 .carousel-products .carousel-inner { min-height: auto; } .inicio .section-2 .carousel-products .carousel-inner .carousel-item { min-height: auto; } .mi-cuenta .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper, .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper { width: 100%; margin-bottom: 20px; } } /* Large desktops and laptops */ @media (min-width: 1200px) and (max-width: 1599px) { /*body { border: 2px solid yellow;}/**/ .mis-pedidos .section-1 { min-height: 490px; } .inicio .section-4 .contenedor-1 .fila-2 .productos-destacados .producto-destacado .mask .producto-mask-texto span.titulo { font-size: 25px; } .inicio .section-4 .contenedor-1 .fila-2 .productos-destacados .producto-destacado .mask .producto-mask-texto span.precio { font-size: 15px; padding-bottom: 0; } } /* Large desktops and laptops */ @media (min-width: 1200px) and (max-width: 1350px) { /*body { border: 2px solid yellow;}/**/ .hw-1350 { display: none !important; } nav .contenedor-1 .fila-1 .columna-4 ul li { margin: 0 10px; } } /* Portrait tablets and medium desktops */ @media (min-width: 992px) and (max-width: 1199px) { /*body { border: 2px solid green;}/**/ .hw-1350 { display: none !important; } nav .contenedor-1 .fila-1 .columna-4 ul li { margin: 0 10px; } .inicio .section-1 { height: 558px; } .registro .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper form .form-group.fijo, .mi-cuenta-editar .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper form .form-group.fijo, .libro-direcciones-nueva .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper form .form-group.fijo { width: 100%; } .registro .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper form .form-group:first-of-type { margin-right: 0; } .mi-cuenta .section-1 .contenedor-1 .fila-1 .columna-1 h2, .mi-cuenta-editar .section-1 .contenedor-1 .fila-1 .columna-1 h2, .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-1 h2, .libro-direcciones-nueva .section-1 .contenedor-1 .fila-1 .columna-1 h2, .mis-pedidos .section-1 .contenedor-1 .fila-1 .columna-1 h2, .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-1 h2 { margin-bottom: 10px; } .mi-cuenta .section-1 .contenedor-1 .fila-1 .columna-2 h2, .mi-cuenta-editar .section-1 .contenedor-1 .fila-1 .columna-2 h2, .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-2 h2, .libro-direcciones-nueva .section-1 .contenedor-1 .fila-1 .columna-2 h1, .mis-pedidos .section-1 .contenedor-1 .fila-1 .columna-2 h2, .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 h2 { margin-bottom: 15px; } .mi-cuenta .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper:last-of-type { margin-top: 0; } .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-2 .texto { margin-bottom: 20px; } .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-2 .wrap, .libro-direcciones-nueva .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper form .form-group:first-of-type, .libro-direcciones-nueva .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper form .form-group.margin { margin-right: 0; width: 100%; } .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-2 .back { margin: 20px 0 !important; } .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 .envio, .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 .facturacion { margin-bottom: 0; } .login-pago .section-1 .contenedor-1 .fila-1 .columna-2 .pasos .paso, .info-facturacion .section-1 .contenedor-1 .fila-1 .columna-2 .pasos .paso { font-size: 11px; } .login-pago .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion br.no-br { display: none; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-1 { margin-bottom: 30px; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .carousel .fila-imagenes ul { text-align: center; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .carousel .fila-imagenes ul li { width: 24.1%; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .producto-detalle h1 { margin-top: 27px; font-size: 18px; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .producto-detalle .descripcion { margin: 20px 0; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .producto-detalle .descripcion p { text-align: justify; } .productos-detalle .section-1 .contenedor-1 .fila-3 .columna-1 .contenido p { text-align: justify; } .productos-detalle .section-2 .contenedor-1 .fila-2 .columna-1 ul li { padding: 10px; width: 210px; } .productos-detalle .visible-desktop { display: none !important; } .productos-detalle .visible-mobile { display: inherit !important; } .sucursales .section-1 .contenedor-1 .fila-2 .columna-2 .wrap-sucursal .columna-mapa { float: none !important; width: 100%; } .sucursales .section-1 .contenedor-1 .fila-2 .columna-2 .wrap-sucursal .columna-sucursal { width: 100%; float: none !important; margin-left: 0; margin-top: 15px; } footer .contenedor-1 .fila-1 .columna-2 form .wrap { margin: initial; float: right; width: 361px; } footer .contenedor-1 .fila-1 .columna-2 form input[type="submit"] { width: 99px; } footer .contenedor-1 .fila-2 .columna-2 .wrapper-1 .wrap-1 ul { width: 100px; } footer .contenedor-1 .fila-2 .columna-2 .wrapper-1 .wrap-2 { float: right !important; } footer .contenedor-1 .fila-2 .columna-2 .wrapper-2 .wrap .rights { font-size: 12px; display: block; line-height: 35px; margin-bottom: 17px; } } /* Portrait tablets and small desktops */ @media (min-width: 768px) and (max-width: 991px) { /*body { border: 2px solid cyan;}/**/ header { height: auto; padding: 14px 0; } header .contenedor-1 .fila-1 { text-align: right; } header .contenedor-1 .fila-1 .columna-2 ul { float: none !important; } nav .contenedor-1 .fila-1 .columna-1 { text-align: center; } nav .contenedor-1 .fila-1 .columna-1 img { width: 200px; } nav .contenedor-1 .columna-buscador a img { display: none; } .inicio .section-1 { height: 432px; } .inicio .section-4 hr { top: 30px; } .inicio .section-4 .contenedor-1 .fila-2 .productos-destacados .producto-destacado.producto-destacado-9 { display: none; } .inicio .section-4 .contenedor-1 .fila-3 div[class*="columna"] { margin-bottom: 15px; } .inicio .section-4 .contenedor-1 .fila-3 div img { width: 90% !important; max-width: 650px !important; } .inicio .section-7 .contenedor-1 .fila-1 div[class*="columna"]:nth-child(n + 3) { margin-top: 15px; } .login .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper div[class*="wrap"] { min-height: 434px; } .registro .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper form .form-group.fijo, .mi-cuenta-editar .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper form .form-group.fijo, .libro-direcciones-nueva .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper form .form-group.fijo { width: 100%; } .registro .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper form .form-group:first-of-type, .mi-cuenta-editar .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper form .form-group:first-of-type, .libro-direcciones-nueva .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper form .form-group:first-of-type, .libro-direcciones-nueva .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper form .form-group.margin, .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper.margin { margin-right: 0; } .mi-cuenta .section-1 .contenedor-1 .fila-1 .columna-1 h2, .mi-cuenta-editar .section-1 .contenedor-1 .fila-1 .columna-1 h2, .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-1 h2, .libro-direcciones-nueva .section-1 .contenedor-1 .fila-1 .columna-1 h2, .mis-pedidos .section-1 .contenedor-1 .fila-1 .columna-1 h2, .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-1 h2 { margin-bottom: 10px; } .mi-cuenta .section-1 .contenedor-1 .fila-1 .columna-2 h2, .mi-cuenta-editar .section-1 .contenedor-1 .fila-1 .columna-2 h2, .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-2 h2, .libro-direcciones-nueva .section-1 .contenedor-1 .fila-1 .columna-2 h1, .mis-pedidos .section-1 .contenedor-1 .fila-1 .columna-2 h2, .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 h2 { margin-bottom: 15px; } .mi-cuenta .section-1 .contenedor-1 .fila-1 .columna-1 ul li a, .mi-cuenta-editar .section-1 .contenedor-1 .fila-1 .columna-1 ul li a, .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-1 ul li a, .libro-direcciones-nueva .section-1 .contenedor-1 .fila-1 .columna-1 ul li a, .mis-pedidos .section-1 .contenedor-1 .fila-1 .columna-1 ul li a, .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-1 ul li a { font-size: 11px; } .mi-cuenta .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper:last-of-type { margin-top: 0; } .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-2 h2 { float: none !important; text-align: center; } .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-2 .texto { margin-bottom: 20px; } .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-2 .btn-blue { float: none !important; margin: 0 auto; width: auto; } .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-2 .wrap { margin-right: 0; width: 100%; } .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-2 .back { margin: 20px 0 !important; } .mis-pedidos .section-1 .contenedor-1 .fila-1 .columna-2 table thead th, .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 table thead th, .pago-paso-6 .section-1 .contenedor-1 .fila-1 .columna-1 table thead th { padding: 10px 9px; font-size: 13px; } .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 .envio, .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 .facturacion { margin-bottom: 0; } .mi-carrito .section-1 .contenedor-1 .fila-2 .columna-1 .wrapper-table { margin-bottom: 60px; } .login-pago .section-1 .contenedor-1 .fila-1 .columna-2, .info-facturacion .section-1 .contenedor-1 .fila-1 .columna-2 { margin-top: 26px; } .login-pago .section-1 .contenedor-1 .fila-1 .columna-2 .pasos .paso, .info-facturacion .section-1 .contenedor-1 .fila-1 .columna-2 .pasos .paso { font-size: 11px; } .productos .section-1 .contenedor-1 .fila-2 .columna-2 ul li { width: calc(33% - 5px); } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-1 { margin-bottom: 30px; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .producto-detalle .btn-blue { font-size: 13px; width: 151px; } .productos-detalle .section-2 .contenedor-1 .fila-2 .columna-1 ul li { width: 50%; margin-right: 0; padding: 10px; } .buscar .section-1 .contenedor-1 .fila-2 .columna-1 { margin-bottom: 30px; } .sucursales .section-1 .contenedor-1 .fila-2 .columna-2 .wrap-sucursal .columna-mapa { float: none !important; width: 100%; } .sucursales .section-1 .contenedor-1 .fila-2 .columna-2 .wrap-sucursal .columna-sucursal { width: 100%; float: none !important; margin-left: 0; margin-top: 15px; } .contacto .section-1 .contenedor-1 .fila-2 .wrapper form .form-group { width: 100% !important; margin-right: 0 !important; } footer .contenedor-1 .fila-2 .columna-2 .wrapper-2 .wrap-1 { width: 100%; } footer .contenedor-1 .fila-2 .columna-2 .wrapper-1 .wrap-1 ul { width: 100px; } footer .contenedor-1 .fila-2 .columna-2 .wrapper-1 .wrap-2 { float: right !important; width: 189px; } footer .contenedor-1 .fila-2 .columna-2 .wrapper-2 .wrap .rights { font-size: 12px; display: block; line-height: 35px; margin-bottom: 17px; } footer .contenedor-1 .fila-2 .columna-2 .wrapper-2 .wrap-3 ul { margin-top: 12px !important; } } @media (max-width: 991px){ footer .fila-1 .logo { margin-top: 15px; text-align: center !important; margin-bottom: 10px; } footer .contenedor-1 .fila-1 .columna-2 form { margin-bottom: 15px; } nav .contenedor-1 .fila-1 .columna-3 .wrap { position: absolute; right: 21px; top: -130px; } .login .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper .wrap_recuperar { margin-left: 15%; width: 70% !important; } .visible-desktop { display: none !important; } .visible-mobile { display: inherit !important; } .productos .section-1 .contenedor-1 .fila-2 .columna-2 { padding-top: 0; } .productos .section-1 .contenedor-1 .fila-2 .columna-2 .wrap-productos { margin-top: 0; } .sucursales .section-1 .contenedor-1 .fila-2 .columna-2 .columna-carousel { padding-right: 15px; } .sucursales .section-1 .contenedor-1 .fila-2 .columna-2 .fila-imagenes { padding-right: 15px; } .sucursales .section-1 .contenedor-1 .fila-2 .columna-2 .fila-imagenes ul li { width: calc(25% - 3px); } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .carousel .carousel-item { height: auto; } .productos .section-1 .contenedor-1 .fila-1 .columna-1 i, .productos-detalle .section-1 .contenedor-1 .fila-1 .columna-1 i { margin: 0 6px; } .inicio .section-4 .contenedor-1 .fila-2 .productos-destacados .producto-destacado { background-size: 85%; width: 33%; height: calc(100vw / 3); } .inicio .section-4 .contenedor-1 .fila-2 .productos-destacados .producto-destacado .mask { display: none; } .inicio .section-7 .contenedor-1 .marcar-random-2 { display: none; } .inicio .section-7 .contenedor-1 .marcar-random-3 { display: none; } .wrap-select { margin-top: 5px; margin-bottom: 15px; } .login-pago .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion br.no-br { display: none; } } @media (min-width: 768px) and (max-width: 991px) { .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .producto-detalle .info .wrap-precio .columna.columna-boton { width: 100% !important; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .producto-detalle .info .wrap-precio .columna.columna-boton button { margin-top: 0; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .producto-detalle .btn-blue { margin-top: 15px; } } .visible-mobile-xs { display: none !important; } /* Landscape phones and portrait tablets */ @media (max-width: 767px) { /*body { border: 2px solid orange;}/**/ .visible-mobile-xs { display: inherit !important; } .hidden-mobile-xs { display: none !important; } .header-mobile-content { position: fixed; top: 0; left: 0; right: 0; background: white; z-index: 10; } body { padding-top: 83px; } header { height: auto; } header .logo img { max-width: auto; height: 34px; margin-bottom: 10px; } nav .contenedor-1 .fila-1 .columna-2 form { padding-top: 0; } nav .contenedor-1 .fila-1 .columna-3 .wrap img { max-width: 25px; } nav .contenedor-1 .fila-1 .columna-3 .wrap span { font-size: 13px; top: 0; } nav .contenedor-1 .fila-1 .columna-4 { display: none; } nav .contenedor-1 .fila-2 .columna-1 ul li { display: block !important; margin-right: 0; } .inicio .section-1 { height: 224px; margin-top: 16px; } .inicio .section-1 img { max-width: 200px; } .inicio .section-2 { height: auto; } .inicio .section-3 .wrap-img { width: 50px; text-align: center; } .inicio .section-3 .wrap-img img { max-width: 90%; } .inicio .section-3 .wrap { width: 120px; } .inicio .section-4 { padding: 14px 0; } .inicio .section-4 hr { top: 16px; } .inicio .section-4 .contenedor-1 .fila-1 .columna-1 h2 { margin-right: auto; margin-left: auto; } .inicio .section-4 .contenedor-1 .fila-3 div[class*="columna"] { margin-bottom: 15px; } .inicio .section-5 .contenedor-1 .fila-1 .columna-1 h2 { font-size: 30px; } .inicio .section-5 .contenedor-1 .fila-1 .columna-1 h3 { font-size: 15px; } .inicio .section-7 { padding: 14px 0; } .inicio .section-7 .contenedor-1 .fila-1 div[class*="columna"] .producto:not(:last-child) { margin-bottom: 15px; } .inicio .section-7 .contenedor-1 .fila-1 div[class*="columna"] .producto img { float: none !important; display: block; margin: 0 auto; } .inicio .section-7 .contenedor-1 .fila-1 div[class*="columna"] .producto .wrap { margin-top: 10px; width: 100%; text-align: center; } .inicio .section-7 .contenedor-1 .fila-1 div[class*="columna"] .producto .wrap .precio { margin: 10px 0; } .inicio .section-7 .contenedor-1 .fila-1 div[class*="columna"] .producto .wrap a { text-align: center !important; } .inicio .section-7 .contenedor-1 .fila-1 div[class*="columna"]:nth-child(2n) { padding-left: 0; } .inicio .section-7 .contenedor-1 .fila-1 div[class*="columna"]:nth-child(n + 3) { margin-top: 15px; } .inicio .section-4 .contenedor-1 .fila-2 .productos-destacados .producto-destacado { background-size: 85%; width: 50%; height: calc(100vw / 2); } .inicio .section-4 .contenedor-1 .fila-2 .productos-destacados .producto-destacado .mask { display: none; } .login .section-1 .contenedor-1 .fila-1 .columna-1 h1, .registro .section-1 .contenedor-1 .fila-1 .columna-1 h1 { font-size: 16px; text-align: center; } .login .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper div[class*="wrap"] { min-height: 100%; padding: 20px; width: 100%; } .login .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper p { text-align: justify; margin-bottom: 10px !important; } .login .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper h2 { font-size: 15px; margin-bottom: 10px; } .login .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper .wrap-1 .btn-blue { font-size: 13px; position: initial !important; margin: 18px auto 0 auto; } .login .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper .wrap-1 h2 { margin-bottom: 30px; } .login .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper .wrap-2 { width: 100% !important; } .login .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper .wrap-2 form .requeridos { width: 100%; margin-bottom: 10px; text-align: center; } .login .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper .wrap-3 { min-height: 0 !important; margin: 10px 20px; width: calc(100% - 40px) !important; } .login .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper .wrap_recuperar { margin-left: 0; } .registro .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper, .mi-cuenta-editar .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper, .libro-direcciones-nueva .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper { padding: 20px; } .registro .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper div[class*="wrap"] { padding: 0px; } .registro .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper form .form-group.fijo, .mi-cuenta-editar .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper form .form-group.fijo, .libro-direcciones-nueva .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper form .form-group.fijo { margin-right: 0; width: 100%; } .registro .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper h2 { font-size: 16px; margin-bottom: 20px; text-align: center; } .registro .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper .wrap-1 { margin-bottom: 0; } .registro .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper .wrap-2 h2 { margin-bottom: 20px; margin-top: 10px; } .registro .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper .wrap-3 { margin-bottom: 10px; } .registro .section-1 .contenedor-2 .fila-1 .columna-1 .wrapper .wrap-4 { margin-top: 0; } .mi-cuenta .section-1 .contenedor-1 .fila-1 .columna-1, .mi-cuenta-editar .section-1 .contenedor-1 .fila-1 .columna-1, .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-1, .libro-direcciones-nueva .section-1 .contenedor-1 .fila-1 .columna-1, .mis-pedidos .section-1 .contenedor-1 .fila-1 .columna-1, .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-1 { margin-bottom: 20px; } .mi-cuenta .section-1 .contenedor-1 .fila-1 .columna-1 h2, .mi-cuenta-editar .section-1 .contenedor-1 .fila-1 .columna-1 h2, .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-2 h2, .libro-direcciones-nueva .section-1 .contenedor-1 .fila-1 .columna-1 h2, .libro-direcciones-nueva .section-1 .contenedor-1 .fila-1 .columna-2 h2, .mis-pedidos .section-1 .contenedor-1 .fila-1 .columna-2 h2, .mi-carrito .section-1 .contenedor-1 .fila-1 .columna-1 h1, .login-pago .section-1 .contenedor-1 .fila-1 .columna-1 h1, .info-facturacion .section-1 .contenedor-1 .fila-1 .columna-1 h1 { font-size: 16px; margin-bottom: 10px; text-align: center; } .mi-cuenta .section-1 .contenedor-1 .fila-1 .columna-2 h2, .mi-cuenta-editar .section-1 .contenedor-1 .fila-1 .columna-2 h2, .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-1 h2, .libro-direcciones-nueva .section-1 .contenedor-1 .fila-1 .columna-2 h1, .mis-pedidos .section-1 .contenedor-1 .fila-1 .columna-1 h2, .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-1 h2, .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 h1, .familias .section-1 .contenedor-1 .fila-1 .columna-1 h1 { font-size: 16px; text-align: center; margin-bottom: 20px; } .mi-cuenta .section-1 .contenedor-1 .fila-1 .columna-2 h4, .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-2 h4 { text-align: center; margin-bottom: 20px; } .mi-cuenta .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper { margin-bottom: 20px; } .mi-cuenta .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper:last-of-type { margin-top: 0; } .mi-cuenta .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper:first-of-type div[class*="wrap"] .wrap-header, .mi-cuenta .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper:first-of-type div[class*="wrap"] .wrap-body { margin-left: 0; } .mi-cuenta .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper:first-of-type, .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper.margin { margin-right: 0; } .mi-cuenta .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper { width: 100%; } .mi-cuenta .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper .wrap-body div[class*="wrap"], .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper { width: 100% !important; margin-bottom: 20px; } .mi-cuenta .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper:last-of-type, .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 .envio { margin-bottom: 0 !important; } .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-2 h2 { float: none !important; } .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-2 .texto { margin-bottom: 20px; } .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-2 .btn-blue { float: none !important; margin: 0 auto; } .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-2 .wrap{ margin-right: 0; width: 100%; } .libro-direcciones .section-1 .contenedor-1 .fila-1 .columna-2 .back { margin: 20px 0 !important; } .libro-direcciones-nueva .section-1 .contenedor-1 .fila-1 .columna-2 .wrap-1 { margin-bottom: 20px; } .mis-pedidos .section-1 .contenedor-1 .fila-1 .columna-2 table thead th, .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 table thead th, .pago-paso-6 .section-1 .contenedor-1 .fila-1 .columna-1 table thead th { padding: 10px 9px; font-size: 13px; } .mis-pedidos .section-1 .contenedor-1 .fila-1 .columna-2 table thead { display: none; } .mis-pedidos .section-1 .contenedor-1 .fila-1 .columna-2 table tbody tr td { float: left; width: 100%; border-top: 0; border-bottom: 0; padding: 5px 20px; text-align: center !important; } .mis-pedidos .section-1 .contenedor-1 .fila-1 .columna-2 table tbody tr td:first-child { border-top: 1px solid #d9d9d9; padding-top: 20px; } .mis-pedidos .section-1 .contenedor-1 .fila-1 .columna-2 table tbody tr td:last-child { padding-bottom: 20px; } .mis-pedidos .section-1 .contenedor-1 .fila-1 .columna-2 table tbody tr:last-child td:last-child { border-bottom: 1px solid #d9d9d9; } .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 .texto .wrap-texto h1, .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 .texto .wrap-texto a { float: none !important; } .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 .texto .wrap-texto a { text-align: center; margin-top: 10px; } .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 .texto .wrap-texto-2 { text-align: center; } .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 .texto .wrap-texto-2 span:first-child { margin-right: 0; } .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 .texto .wrap-texto-2 span { display: block; } .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 table tbody tr td { float: left; width: 100%; border-top: 0; border-bottom: 0; padding: 5px 20px; text-align: center !important; } .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 table tbody tr td.visible-mobile-col-3 { width: 33%; padding-bottom: 20px; border: 0; } .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 table tbody tr td.visible-mobile-col-3.visible-mobile-precio { border-left: 1px solid #d9d9d9; } .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 table tbody tr td.visible-mobile-col-3:last-child { width: 34%; border-right: 1px solid #d9d9d9; } .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 table tbody tr td span { font-family: 'Open Sans Semibold' !important; margin-bottom: 0 !important; } .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 table tbody tr td:first-child { border: 1px solid #d9d9d9; border-bottom: 0; } .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 table tbody tr td:first-child img { width: 100px !important; } .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 table tbody tr td.td-producto-total { color: #0000a9; } .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 table tbody tr.tr-resumen td:first-child { padding-bottom: 0; } .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 table tbody tr.tr-resumen-total td:first-child span { color: #303030; } .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 table tbody tr.tr-resumen-total td:last-child { border-bottom: 1px solid #d9d9d9; } .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 table tbody tr.tr-resumen-total td:last-child span { color: #0000a9; } .mis-pedidos-detalle .section-1 .contenedor-1 .fila-1 .columna-2 .wrapper .wrap-body { height: auto !important; padding: 16px; } .mi-carrito .section-1 .contenedor-1 .fila-2 .columna-1 .wrapper-table { margin-bottom: 60px; padding: 10px 20px; } .mi-carrito .section-1 .contenedor-1 .fila-2 .columna-1 .wrapper-table > table, .mi-carrito .section-1 .contenedor-1 .fila-2 .columna-1 .wrapper-table > table tbody { display: block; } .mi-carrito .section-1 .contenedor-1 .fila-2 .columna-1 .wrapper-table > table > thead { display: none; } .mi-carrito .section-1 .contenedor-1 .fila-2 .columna-1 .wrapper-table > table > tbody > tr { border-bottom: 1px solid #dcdcdc; position: relative; display: block; clear: both; padding: 5px 0px; } .mi-carrito .section-1 .contenedor-1 .fila-2 .columna-1 .wrapper-table > table > tbody > tr > td { display: block; padding: 0; width: 100%; border-width: 0; text-align: center!important; margin-bottom: 15px; } .mi-carrito .section-1 .contenedor-1 .fila-2 .columna-1 .wrapper-table > table > tbody > tr > td.action-td { padding: 0; text-align: right !important; } .mi-carrito .section-1 .contenedor-1 .fila-2 .columna-1 .wrapper-table > table > tbody > tr > td.pr-img-td { clear: both; } .mi-carrito .section-1 .contenedor-1 .fila-2 .columna-1 .wrapper-table > table > tbody > tr > td .qty-holder { margin: 0 auto; } .mi-carrito .section-1 .contenedor-1 .fila-2 .columna-1 .wrapper-table > table > tfoot > button { float: none !important; width: 100%; margin-bottom: 10px !important; } .mi-carrito .section-1 .contenedor-1 .fila-2 .columna-1 .wrapper-table > table > tfoot > button.btn-update { margin-left: 0 !important; } .login-pago .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion div[class*="wrap-"] { height: auto; width: 100% !important; } .login-pago .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-body .wrap-1 .btn-blue { position: initial !important; margin-top: 15px; width: 100%; } .login-pago .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-body .wrap-2 { padding-left: 0; margin-top: 40px; } .login-pago .section-1 .contenedor-1 .fila-1 .columna-2, .info-facturacion .section-1 .contenedor-1 .fila-1 .columna-2 { margin-top: 26px; } .login-pago .section-1 .contenedor-1 .fila-1 .columna-2 h2, .info-facturacion .section-1 .contenedor-1 .fila-1 .columna-2 h2 { text-align: center; } .login-pago .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-2 { margin-top: 0 !important; } .login-pago .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-2 form { margin-bottom: 0 !important; } .login-pago .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-3 { min-height: 0 !important; margin: 30px 0; width: 100% !important; } .info-facturacion .section-1 .contenedor-1 .fila-1 .columna-1 .btn-blue { float: none; } .familias .section-1 .contenedor-1 .fila-1 .columna-1 ul li { margin-right: 0; margin-bottom: 50px; width: calc(50% - 5px); } .familias .section-1 .contenedor-1 .fila-1 .columna-1 ul li:nth-child(n+6) { margin-top: 0; } .productos .section-1 .contenedor-1 .fila-2 .columna-2 ul li { width: calc(50% - 5px); } .productos-detalle .section-1 .contenedor-1 .fila-2 { margin-bottom: 30px; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .carousel { width: 100%; margin-right: 0; float: none !important; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .producto-detalle { width: 100%; float: none !important; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .carousel .fila-imagenes ul { text-align: center; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .carousel .fila-imagenes ul li { width: calc(24.6% - 2px); } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .producto-detalle h1 { margin-top: 27px; font-size: 18px; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .producto-detalle .descripcion { margin: 20px 0; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .producto-detalle .descripcion p { text-align: justify; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .producto-detalle .info {text-align: center; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .producto-detalle .qty-holder { text-align: center; float: none !important; margin-right: 0; } .productos-detalle .section-1 .contenedor-1 .fila-2 .columna-2 .producto-detalle .btn-blue {margin-top: 10px;width:100%;} .productos-detalle .section-1 .contenedor-1 .fila-3 .columna-1 .contenido p { text-align: justify; } .productos-detalle .section-2 { padding: 20px 0; } .productos-detalle .section-2 .contenedor-1 .fila-1 .columna-1 h2 { text-align: center; } .productos-detalle .section-2 .contenedor-1 .fila-2 .columna-1 ul li { width: 50%; margin-right: 0; padding: 10px; } .buscar .section-1 .contenedor-1 .fila-2 .columna-1 { margin-bottom: 30px; } .buscar .section-1 .contenedor-1 .fila-2 .columna-2 h2 { font-size: 17px; text-align: center; } .sucursales .section-1 .contenedor-1 .fila-2 .columna-2 .wrap-sucursal .columna-mapa { float: none !important; width: 100%; } .sucursales .section-1 .contenedor-1 .fila-2 .columna-2 .wrap-sucursal .columna-sucursal { width: 100%; float: none !important; margin-left: 0; margin-top: 15px; } .contacto .section-1 .contenedor-1 .fila-2 .wrapper { padding: 20px; margin: 0 15px; margin-bottom: 30px; } .contacto .section-1 .contenedor-1 .fila-2 .wrapper form .form-group { width: 100% !important; margin-right: 0 !important; } .info-facturacion .wrap-identificacion a { overflow: hidden; margin-bottom: 10px; } .pago-paso-5 img { max-width: 100% !important; height: auto !important; } .pago-paso-6 .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-body { padding: 0 0 20px 0; } .pago-paso-6 .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-body table thead { display: none; } .pago-paso-6 .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-body table tbody tr td { float: left; width: 100%; border: 0; padding: 5px 20px; text-align: center !important; } .pago-paso-6 .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-body table tbody tr td:first-child { border-top: 1px solid #d9d9d9; padding-top: 10px; } .pago-paso-6 .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-body table tbody tr td:last-child { padding-bottom: 10px; } .pago-paso-6 .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-body table tbody tr td.visible-mobile-col-3 { width: 33%; padding-bottom: 20px; border: 0; } .pago-paso-6 .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-body table tbody tr td.visible-mobile-col-3.visible-mobile-precio { border-left: 1px solid #d9d9d9; } .pago-paso-6 .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-body table tbody tr td.visible-mobile-col-3:last-child { width: 34%; border-right: 1px solid #d9d9d9; } .pago-paso-6 .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-body table tbody tr td img { width: 100px !important; } .pago-paso-6 .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-body table tbody tr td.td-producto-total { color: #0000a9 !important; } .pago-paso-6 .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-body table tbody tr td span.visible-mobile-xs { font-family: 'Open Sans Semibold' !important; margin-bottom: 0 !important; color: black; } .pago-paso-6 .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-body table tbody tr.tr-resumen td:first-child { padding-bottom: 0; } .pago-paso-6 .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-body table tbody tr.tr-resumen-total td { font-size: 16px; } .pago-paso-6 .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-body table tbody tr.tr-resumen-total td:first-child span { color: #303030; } .pago-paso-6 .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-body table tbody tr.tr-resumen-total td:last-child { border-bottom: 1px solid #d9d9d9; } .pago-paso-6 .section-1 .contenedor-1 .fila-1 .columna-1 .wrap-identificacion .wrap-body table tbody tr.tr-resumen-total td:last-child span { color: #0000a9; } .info-procesado .section-1 .contenedor-1 .fila-1 .columna-1 table thead { display: none; } .info-procesado .section-1 .contenedor-1 .fila-1 .columna-1 table tbody tr td { float: left; width: 100%; border-top: 0; border-bottom: 0; padding: 5px 20px; text-align: center !important; } .info-procesado .section-1 .contenedor-1 .fila-1 .columna-1 table tbody tr td:first-child { border-top: 1px solid #d9d9d9; padding-top: 10px; } .info-procesado .section-1 .contenedor-1 .fila-1 .columna-1 table tbody tr td:last-child { padding-bottom: 10px; } .info-procesado .section-1 .contenedor-1 .fila-1 .columna-1 table tbody tr td.visible-mobile-col-3 { width: 33%; padding-bottom: 20px; border: 0; } .info-procesado .section-1 .contenedor-1 .fila-1 .columna-1 table tbody tr td.visible-mobile-col-3.visible-mobile-precio { border-left: 1px solid #d9d9d9; } .info-procesado .section-1 .contenedor-1 .fila-1 .columna-1 table tbody tr td.visible-mobile-col-3.td-producto-precio { border-left: 1px solid #d9d9d9; } .info-procesado .section-1 .contenedor-1 .fila-1 .columna-1 table tbody tr td.visible-mobile-col-3:last-child { width: 34%; border-right: 1px solid #d9d9d9; } .info-procesado .section-1 .contenedor-1 .fila-1 .columna-1 table tbody tr td img { width: 100px !important; } .info-procesado .section-1 .contenedor-1 .fila-1 .columna-1 table tbody tr td.td-producto-total { color: #0000a9 !important; } .info-procesado .section-1 .contenedor-1 .fila-1 .columna-1 table tbody tr td span.visible-mobile-xs { font-family: 'Open Sans Semibold' !important; margin-bottom: 0 !important; color: black; } .info-procesado .section-1 .contenedor-1 .fila-1 .columna-1 table tbody tr.tr-resumen td:first-child { padding-bottom: 0; } .info-procesado .section-1 .contenedor-1 .fila-1 .columna-1 table tbody tr.tr-resumen-total td { font-size: 16px; } .info-procesado .section-1 .contenedor-1 .fila-1 .columna-1 table tbody tr.tr-resumen-total td:first-child span { color: #303030; } .info-procesado .section-1 .contenedor-1 .fila-1 .columna-1 table tbody tr.tr-resumen-total td:last-child { border-bottom: 1px solid #d9d9d9; } .info-procesado .section-1 .contenedor-1 .fila-1 .columna-1 table tbody tr.tr-resumen-total td:last-child span { color: #0000a9; } footer .contenedor-1 .fila-1 .columna-1 { text-align: center !important; } footer .contenedor-1 .fila-1 .columna-1 h3 { margin-bottom: 13px; } footer .contenedor-1 .fila-1 .columna-1 p { margin-bottom: 40px; } footer .contenedor-1 .fila-2 .columna-1 .wrap { margin-bottom: 20px; } footer .contenedor-1 .fila-2 .columna-1 .wrap h4 { font-size: 11px; } footer .contenedor-1 .fila-2 .columna-1 .wrap span { font-size: 12px; } footer .contenedor-1 .fila-1 .columna-2 form input[type="email"] { width: 179px; } footer .contenedor-1 .fila-1 .columna-3 .wrap { margin: auto; margin-left: -15px; margin-bottom: 20px; } footer .contenedor-1 .fila-2 .columna-2 .wrapper-1 .wrap h3 { margin-bottom: 10px; } footer .contenedor-1 .fila-2 .columna-2 .wrapper-1 .wrap ul li { line-height: 25px; } footer .contenedor-1 .fila-2 .columna-2 .wrapper-1 .wrap ul li a { font-size: 11px; } footer .contenedor-1 .fila-2 .columna-2 .wrapper-1 .wrap-1 ul { height: 104px; width: 100%; } footer .contenedor-1 .fila-2 .columna-2 .wrapper-1 .wrap-2 ul { height: auto !important; overflow: hidden; width: 100%; display: block; } footer .contenedor-1 .fila-2 .columna-2 .wrapper-2 .wrap .rights { font-size: 12px; display: block; line-height: 35px; margin-bottom: 17px; } footer .contenedor-1 .fila-2 .columna-2 .wrapper-2 .wrap-1 { float: none !important; } footer .contenedor-1 .fila-2 .columna-2 .wrapper-2 .wrap-2 { float: none !important; margin-right: 0; margin-bottom: 18px; } footer .contenedor-1 .fila-2 .columna-2 .wrapper-2 .wrap-2 span{ font-size: 11px; } footer .contenedor-1 .fila-2 .columna-2 .wrapper-2 .wrap-2 span:first-of-type { color: white; } footer .contenedor-1 .fila-2 .columna-2 .wrapper-2 .wrap-3 { width: 100%; text-align: center; } footer .contenedor-1 .fila-2 .columna-2 .wrapper-2 .wrap-3 ul { margin-top: 10 !important; } footer .contenedor-1 .fila-1 .columna-2 form .wrap { width: 300px; } .mi-carrito .section-1 .contenedor-1 .fila-2 .columna-1 .wrapper-table table tfoot button { width: 100%; margin-bottom: 10px !important; } .wrap-identificacion .a-regresar { bottom: 20px; } .info-facturacion .section-1 .contenedor-1 .fila-1 .columna-1 .btn-blue { margin-right: 15px; } } /* Landscape phones and smaller */ @media (max-width: 480px) { /*body { border: 2px solid red;}/**/ footer .contenedor-1 .fila-2 .columna-2 .wrapper-2 .wrap-3 ul li { width: 31%; } footer .contenedor-1 .fila-2 .columna-2 .wrapper-2 .wrap-3 ul li img { max-width: 90%; height: auto;} } @media print { header.d-flex { display: none !important; } header .contenedor-1 { display: none !important; } nav .contenedor-1 .columna-4 { display: none !important; } nav .contenedor-1 .columna-2 { display: none !important; } nav img { display: none !important; } footer { display: none !important; } .info-procesado .contenedor-1 .fila-1 .columna-1 .impresion-logo { text-align: center; display: block !important; margin-bottom: 30px; } .info-procesado .contenedor-1 .fila-1 .columna-1 .impresion-logo img { height: 75px; } .info-procesado .contenedor-1 .fila-1 .columna-1 h1 { text-align: left !important; } .info-procesado .contenedor-1 .fila-1 .columna-1 .informacion { display: none !important; } .info-procesado .contenedor-1 .fila-1 .columna-1 .opciones { display: none !important; } .info-procesado .contenedor-1 .fila-1 .columna-1 .requiero-factura { display: none !important; } .info-procesado .contenedor-1 .fila-1 .columna-1 { width: 100% !important; } .info-procesado table { width: 100% !important; } .info-procesado .impresion-texto { text-align: right !important; display: block !important; } .info-procesado .impresion-texto h2 { font-family: 'Open Sans Semibold' !important; width: 100% !important; text-align: right !important; color: black !important; margin: 0 !important; } .info-procesado .impresion-texto b { font-family: 'Open Sans Bold' !important; } .mis-pedidos-detalle .contenedor-1 .columna-1 { display: none !important; } .mis-pedidos-detalle .contenedor-1 .columna-2 { width: 100% !important; max-width: 100% !important; flex: initial !important; } .mis-pedidos-detalle .contenedor-1 .columna-2 .texto .wrap-texto a { display: none !important; } .mis-pedidos-detalle .contenedor-1 .columna-2 .pedido .opciones { display: none !important; } .float-whatsapp { display: none !important; } .alertas { display: none !important; } } /* | ================= | Loading | ================= */ .lock { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100000; background-color: rgba( 255,255,255, 0.8 ); } .sk-spinner-wave.sk-spinner { margin: 0 auto; height: 30px; top: 40%; position: relative; text-align: center; color: #303030; } .sk-spinner-wave div { background-color: #0507b2; height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out; animation: sk-waveStretchDelay 1.2s infinite ease-in-out; } .sk-spinner-wave .sk-rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-spinner-wave .sk-rect3 { -webkit-animation-delay: -1s; animation-delay: -1s; } .sk-spinner-wave .sk-rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-spinner-wave .sk-rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes sk-waveStretchDelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); transform: scaleY(1); } } @keyframes sk-waveStretchDelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); transform: scaleY(1); } } /* | ================= | Fonts | ================= */ @font-face { font-family: Deja Vu Sans; src: url(../fonts/dejavu-sans/DejaVuSans.ttf); } @font-face { font-family: Deja Vu Sans Bold; src: url(../fonts/dejavu-sans/DejaVuSans-Bold.ttf); } @font-face { font-family: Open Sans; src: url(../fonts/Open_Sans/OpenSans-Regular.ttf); } @font-face { font-family: Open Sans Light; src: url(../fonts/Open_Sans/OpenSans-Light.ttf); } @font-face { font-family: Open Sans Semibold; src: url(../fonts/Open_Sans/OpenSans-SemiBold.ttf); } @font-face { font-family: Open Sans Bold; src: url(../fonts/Open_Sans/OpenSans-Bold.ttf); } @font-face { font-family: Open Sans ExtraBold; src: url(../fonts/Open_Sans/OpenSans-ExtraBold.ttf); } @font-face { font-family: Poppins Medium; src: url(../fonts/Poppins/Poppins-Medium.ttf); } @font-face { font-family: Oswald; src: url(../fonts/Oswald/Oswald-Regular.ttf); } @font-face { font-family: Oswald Bold; src: url(../fonts/Oswald/Oswald-Bold.ttf); } @font-face { font-family: Airbus; src: url(../fonts/aispec.ttf); }