html, body { position: relative; overflow-x: hidden; font-size: 1rem; background-color: #ffffff !important; } a { color: #007185; text-decoration: none !important; background-color: transparent; } a:hover { text-decoration: underline; color: #B12704; } .badge-primary { color: #fff; background-color: #007185; } .badge-primary:hover { color: #fff; background-color: #B12704 !important; } .badge-primary a:hover { color: #fff !important; } .navbar-brand { margin-left: 10px; } input[type=text], input[type=email], input[type=password] { font-size: 1rem; } .p-totales { margin-bottom: 0 !important } .p-total { margin-bottom: 0 !important; font-weight: 700; font-size: 1.5rem } h2 { font-weight: 400 !important; } .bs-canvas-right, .bs-canvas-left, .bs-canvas-content { background-color: #ededed; } .metodos-pago img { max-height: 37px; margin-right: 2px; margin-bottom: 4px; border: 1px solid #edf1f2; border-radius: 4px; padding: 2px; } .container-fluid { padding-left: 0px; padding-right: 0px; } .bg_verde { background-color: #27963c !important; } .bg-b { background-color: #09da5c !important; } .bg-body { background-color: #ededed !important; } .bg-header, .bg-a { background-color: #232f3e !important; } .bg-footer { background-color: #232f3e !important; } .bg-card { background-color: #ffffff !important; } .bg-whats { background-color: #128c7e !important; } .bg-newsletter { background-color: #ffffff !important; } .cl-body { color: #232f3e !important; } .cl-header { color: #09da5c !important; } .cl-footer { color: #303d58 !important; } .cl-card { color: #232f3e !important; } .cl-a { color: #232f3e !important; } .cl-b { color: #09da5c !important; } .cl-r { color: #232f3e !important; } .cl-wa { color: #25d366 !important } .modal-header-kart { background-color: #232f3e; color: #ffffff; } .badge { padding: 0.6em 0.6em !important } .text-alerta { color: #ff1493 !important; } .btn { padding: 7px 8px 7px 8px !important; border-radius 3px !important; font-size: 1rem !important; font-weight: 600 !important; } .btn-sm { padding: 5px 5px 5px 5px !important; }.btn-primary { background-color: #09da5c !important; border-color: #09da5c !important; color: #ffffff !important; } .btn-default { background-color: #dae0ec !important; border-color: #dae0ec !important; color: #3c4e71 !important; } .btn-a { background-color: #232f3e !important; border-color: #232f3e !important; color: #232f3e !important; } .btn-b { background-color: #09da5c !important; border-color: #09da5c !important; color: #09da5c !important; } .btn-c { background-color: #232f3e !important; border-color: #232f3e !important; color: #232f3e !important; } .btn-r { background-color: #232f3e !important; border-color: #232f3e !important; color: #232f3e !important; } .btn-kart { background-color: #09da5c !important; border-color: #09da5c !important; color: #232f3e !important; } .btn-kart:hover { background-color: #232f3e !important; border-color: #232f3e !important; color: #ffffff !important; } .btn-info { background-color: #232f3e !important; border-color: #232f3e !important; color: #ffffff !important; } .btn-mercadopago { background-color: #0494d4; border-color: #0494d4; color: #08208f; } .btn-pagotarjeta { background-color: #000000; border-color: #000000; color: #ffffff; } .btn-pagooxxo { background-color: #db001e; border-color: #db001e; color: #ffffff; } .btn-pagomoney { background-color: #f1c501; border-color: #f1c501; color: #000000; } .btn-pagotransfer { background-color: #517823; border-color: #517823; color: #ffffff; } .btn-pagobitcoin { background-color: #f27500; border-color: #f27500; color: #ffffff; } .btn-pagoconekta { background-color: #5e56f2; border-color: #5e56f2; color: #ffffff; } .btn-buscar { background-color: #09da5c !important; border-color: #09da5c !important; color: #ffffff !important; } .btn-newsletter { background-color: #09da5c !important; border-color: #09da5c !important; height: 59px; } .btn-whatsapp { background-color: #128c7e !important; border-color: #128c7e !important; color: #ffffff !important; } .card-compraron { display: none; position: fixed; bottom: 5px; left: 5px; padding: 10px; width: 200px; background-color: #232f3e; border-radius: 5px; font-size: 14px; color: #ffffff; font-weight: 600; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); z-index: 9999; } .link-blog { font-weight: 700; color: #007185 !important; } .link-kart { font-size: 1.563rem; } .product-name-kart { line-height: 0px !important; } .h1, h1 { font-size: 1.1875rem; } .ticket-separator { border-bottom: dashed 2px #7a7a7a; } .ui-button.ui-state-active:hover, .ui-button:active, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active { border: 1px solid #09da5c; background: #09da5c; } .wa-float { padding-top:5px; position: fixed; width: 140px; height: 40px; bottom: 12px; right: 9px; background-color: #25d366; color: #232f3e; border-radius: 5px; text-align: center; font-size: 19px; box-shadow: 2px 2px 3px #999; z-index: 100; font-weight: 500; } .wa-my-float { margin-top: 11px; } .ocultar { display: none !important; } .pointer { cursor } ; /*intro pills*/ .pills-titulo { font-size: 1.3125rem; margin-bottom: 0.5rem; font-weight: 600; line-height: 1.2; } /*features*/ .features-icon { color: #232f3e; } /*atributos*/ .ds-icon-r { color: #09da5c; } .ds-icon-l { color: #09da5c; } .single-atributos-r { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; } .single-atributos-l { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; } .atributos-titulo { font-size: 1.125rem; font-weight: 700; text-transform: uppercase; margin-bottom: 10px; } /*media*/ .media-overflow { overflow: hidden; padding-top: 30px; padding-bottom: 30px; } .media-shape { position: absolute; right: 0; top: -2px; z-index: -1; } .card { background-color: #f7f7f7; border: none; } .media-bg { background-image: url(https://www.nutriseller.com/image/nutriseller/media.jpg); min-height: 500px; background-position: center; background-size: cover; position: relative; z-index: 1; } .media-content { padding-top: 60px; } .media-content h2 { font-size: 56px; font-weight: 900; line-height: 50px; color: #fff; margin-bottom: 15px; text-shadow: 0px 1px 5px rgb(150 150 150); } .media-btn .btn { padding: 10px 35px !important; } .media-btn .btn-wa { padding: 18px 35px !important; margin-right: 20px !important; } .banderas { margin: -15px 0px 0px 0px; width: 30px; border-radius: 3px; } /*productos*/ .product-badge { position: absolute; left: 0px; background-color: #232f3e; color: #ffffff; z-index: 1; } .product-badge-item { position: absolute; left: 8px; top: 13px; background-color: #fab000; color: #ffffff; z-index: 1; } .promo-badge { position: absolute; left: 0px; bottom: 74px; background-color: #232f3e; color: #ffffff; } .swal2-content { padding: 10px; } .cat-nombre a { text-decoration: none !important; } .cat-precio { font-size: 1rem; } .text-beneficios { font-size: 3px; color: #f7f7f7; } .texto-beneficios { font-size: 3px; color: #f7f7f7; } .icon-producto { width: 100px !important } ; .table-escalas td { padding: 3px 3px 3px 3px !important; } #table_escalas td { padding: 3px 3px 3px 3px !important; } .descripcion-corta { font-size: 1rem; } .descripcion-texto { font-size: 1rem; } .descripcion-beneficios { font-size: 10px; color: #ffffff; } .descripcion-negrita { font-weight: 800; font-size: 1rem; } /*detalle*/ .sh-fb { color: #000000; text-decoration: none; } .sh-tw { color: #000000; text-decoration: none; } .sh-pt { color: #000000; text-decoration: none; } .seccion-descripcion {} .img-principal { width: 100% !important; } ; .hurry-li { font-size: 1.09375rem; margin-bottom: 0.5rem; line-height: 1.2; } /*blog*/ .blog-post-titulo { font-size: 24px; margin-bottom: 15px; color: #564c73; } .single-blog-post { box-shadow: 0px 0px 10px 0px rgb(89 75 128 / 9%); border-radius: 6px; } .blog-content { padding: 40px 30px 35px; border: 1px solid #f3f3f3; border-top: none; background: #fafdfe; } .blog-content h3 { font-size: 24px; margin-bottom: 15px; color: #564c73; } .blog-content p { margin-bottom: 30px; font-size: 1rem; color: #786d99; font-weight: 400; } .blog-content>a { font-size: 0.875rem; font-weight: 500; color: #58468c; } #container_post img { width: 100% !important; } /*footer*/ .titulo-footer { font-weight: 700; font-size: 24px; color: #232f3e !important; } .link-footer { font-weight: 400; font-size: 16px; text-decoration: none; color: #969696; } .link-footer:hover { font-weight: 400; font-size: 16; text-decoration: none; color: #ebeef4; } .icon-footer { color: #232f3e !important; } .bar { height: 2px; width: 165px; background: #232f3e; margin: 20px auto 30px; position: relative; border-radius: 50%; } .bar::before { content: ''; position: absolute; left: 0; top: -3px; height: 8px; width: 8px; border-radius: 50%; background: #232f3e; } .form-control { display: block; width: 100%; height: calc(1.5em + .75rem + 8px) } ; br-4 { border-radius: 4px; } br-6 { border-radius: 6px; } br-8 { border-radius: 8px; } br-10 { border-radius: 10px; } .pd-descripcion a { color: #232f3e !important; text-decoration: none !important; } /* font size */ .fs-10 { font-size: 10px !important; } .fs-12 { font-size: 12px !important; } .fs-13 { font-size: 13px !important; } .fs-15 { font-size: 1rem !important; } .fs-20 { font-size: 1.25rem !important; } .fs-25 { font-size: 1.563rem !important; } .fs-30 { font-size: 30px !important; } .fs-35 { font-size: 35px !important; } .fs-40 { font-size: 40px !important; } .fs-45 { font-size: 45px !important; } .fs-50 { font-size: 50px !important; } .fs-100 { font-size: 100% !important; } .fs-150 { font-size: 150% !important; } /* font weight */ .fw-900 { font-weight: 900 !important; } .fw-800 { font-weight: 800 !important; } .fw-700 { font-weight: 700 !important; } .fw-600 { font-weight: 600 !important; } .fw-500 { font-weight: 500 !important; } .fw-400 { font-weight: 400 !important; } .fw-300 { font-weight: 300 !important; } .fw-200 { font-weight: 200 !important; } .transparent-header { position: absolute; width: 100%; left: 0; top: 0px; z-index: 9; border-bottom: 1px solid rgba(255, 255, 255, .12); padding: 10px 0; } .transparent-header.sticky-menu { left: 0; margin: auto; position: fixed; top: 0; width: 100%; z-index: 99; -webkit-animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown; animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown; -webkit-box-shadow: 0 10px 15px rgb(25 25 25 / 10%); box-shadow: 0 10px 15px rgb(25 25 25 / 10%); border-radius: 0; padding: 0; border-bottom: none; } .sticky { position: fixed; top: 0; width: 100%; } .container-buscar { top: 70px; } .card .card-cat { background-color: #f7f7f7 !important; border: none !important; } .img-border { border: 1px solid #edf1f2; padding: 2px; } .card-header { border-radius: 9px 9px 0px 0px !important; } .card-footer { border-radius: 0px 0px 9px 9px !important; } .card-cat .card-header { padding: 9px; border-bottom: none; background-color: #f7f7f7 !important; } .card-cat:hover { box-shadow: 0 0 11px rgba(33, 33, 33, .2); } .card-header-cat img { transition: 0.3s; border-radius: 6px; } .card-cat:hover .card-header-cat img { transform: scale(1.05); } .card-header-cat img:hover { transform: scale(1.05); } card-cat a:hover { text-decoration: none; } .card-footer-cat { padding: 10px !important; border-top: none; background-color: #f7f7f7 !important; } .product-rating ul { display: inline-block; margin-right: 30px; } .product-rating ul li { display: inline-block; font-size: 12px; margin-left: -3px; } .product-rating ul li:first-child { margin-left: 0px; } .cart-plus { width: 134px; position: relative; margin-right: 30px; } .cart-plus-minus { position: relative; } .inc.qtybutton { right: 3px; left: auto; } .dec.qtybutton { font-size: 23px; } .qtybutton { position: absolute; top: 50%; transform: translateY(-50%); left: 6px; font-size: 1.25rem; color: #ed1d24; cursor: pointer; user-select: none; font-weight: normal; width: 35px; text-align: center; height: 40px; line-height: 40px; } .cart-plus-minus input { width: 100%; border: 2px solid #ed1d24; padding: 11px 40px; text-align: center; color: #ed1d24; font-size: 1rem; } .app-header { height: 100px !important; } #buscador { z-index: 1060; top: 10px; width: 100%; } .input-group-text-buscar { font-size: 1.125rem !important; font-weight: 600 !important; padding: 0.375rem 1.35rem !important; } .highlighted-item { background-color: #d5d5d5; } .dropdown-item { word-break: break-word; font-size: 14px; padding: 3px 10px !important; } .autocomplete-results { max-width: 100vw; } .autocomplete-results .dropdown-item { white-space: nowrap; /* Evita que el texto pase a la siguiente línea */ overflow: hidden; /* Esconde el contenido desbordado */ text-overflow: ellipsis; /* Muestra "..." cuando el contenido se desborda */ max-width: 100%; /* Define un ancho máximo para el contenido */ } .bs-canvas-overlay { opacity: 0; z-index: -1; } .pointer { cursor: pointer !important; } #left_card { width: 300px; position: fixed; left: -310px; /* Asumimos un margen de 10px */ top: 10px; bottom: 10px; background-color: #ededed; overflow-y: auto; z-index: 9999; transition: left 0.5s ease-in-out; } #side_kart { width: 300px; position: fixed; right: -310px; /* Sumamos 10px para tener en cuenta el margen derecho al inicio */ top: 10px; bottom: 10px; background-color: #ededed; overflow-y: auto; z-index: 9999; /* Esto hace que el card esté por encima de todos los elementos */ transition: right 0.5s ease-in-out; } #backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); /* Color negro con 70% de transparencia */ z-index: 9998; /* Menor que el card pero más alto que otros elementos */ } .bs-canvas-overlay.show { opacity: 0.85; z-index: 1100; } .bs-canvas { top: 0; width: 0; z-index: 1110; overflow-x: hidden; overflow-y: auto; } .bs-canvas-left { left: 0; } .bs-canvas-right { right: 0px !important; } .bs-canvas-anim { transition: all .3s ease-out; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; } .no-rounded { border-radius: 0px !important; } .rounded-left { border-radius: 6px 0px 0px 6px !important; } .rounded-right { border-radius: 0pc 6px 6px 0px !important; } .slider-overflow { overflow: hidden; } .slider-shape { position: absolute; right: 0; top: -2px; z-index: -1; } .slider-bg { background-image: url(https://www.nutriseller.com/image/nutriseller/intro.jpg); min-height: 666px; background-position: center; background-size: cover; position: relative; z-index: 1; } .slider-content h1 { font-size: 56px; font-weight: 900; line-height: 1.2; color: #fff; margin-bottom: 15px; text-shadow: 0px 1px 5px rgb(150 150 150); } .slider-btn .btn { padding: 18px 35px !important; } .slider-btn .btn-wa { padding: 18px 35px !important; margin-right: 20px !important; } .video-bg { background-image: url(https://www.nutriseller.com/image/nutriseller/fondo-media.jpg); overflow: hidden; background-position: center; background-size: cover; } .video-overlay { position: relative; z-index: 1; } .video-title { padding: 60px 0px 190px 0px; padding-left: 70px; } .video-title>span { font-size: 1.125rem; font-weight: 700; color: #e08600; padding: 11px 15px; background: #f9f9f9; line-height: 1; display: inline-block; margin-left: 10px; margin-bottom: 20px; position: relative; font-style: italic; } .video-play { text-align: center; } .video-play a { display: inline-block; position: relative; } .video-title h2 { text-transform: uppercase; color: #fff; line-height: 1; margin-bottom: 35px; text-shadow: 0px 1px 5px rgb(150 150 150); } .faq-bg { background-position: center; background-size: cover; } .faq-wrapper .card { margin-bottom: 8px; box-shadow: 0px 0px 70px 0px rgb(45 3 91 / 5%); } .faq-img img { width: 100%; } .newsletter-wrap { border-radius: 6px; box-shadow: 0px 2px 12.09px 0.91px rgb(68 68 68 / 24%); background: #fff; padding: 40px 50px; background-position: center; margin-bottom: -60px; } .newsletter-form form { display: flex; align-items: center; justify-content: flex-end; } .newsletter-form form input { padding: 19px 25px; border: none; background: #edecec; font-size: 0.875rem; width: 465px; } .footer-text p { color: #969696; margin-bottom: 25px; font-size: 1rem; font-weight: 400; } .footer-social ul li a { display: block; height: 40px; width: 40px; text-align: center; line-height: 40px; color: #949697; background: #252526; border-radius: 50%; font-size: 0.875rem; } .footer-social ul li { display: inline-block; margin-right: 5px; } .copyright-wrap { background: #0c0b0d; padding: 35px 0; } .copyright-text p { color: #8e8e8e !important } .leyenda-footer p { font-size: 12px !important; text-align: justify; line-height: 14px; color: #8e8e8e !important } ul { list-style-type: none; margin: 0px; padding: 0px; } .p-10 { padding: 10px !important; } .p-20 { padding: 20px !important; } .p-30 { padding: 30px !important; } .p-40 { padding: 40px !important; } .p-50 { padding: 50px !important; } .p-60 { padding: 60px !important; } .p-70 { padding: 70px !important; } .p-80 { padding: 80px !important; } .p-90 { padding: 90px !important; } .p-100 { padding: 100px !important; } .pt-10 { padding-top: 10px !important; } .pt-20 { padding-top: 20px !important; } .pt-30 { padding-top: 30px !important; } .pt-40 { padding-top: 40px !important; } .pt-50 { padding-top: 50px !important; } .pt-60 { padding-top: 60px !important; } .pt-70 { padding-top: 70px !important; } .pt-80 { padding-top: 80px !important; } .pt-90 { padding-top: 90px !important; } .pt-100 { padding-top: 100px !important; } .pb-10 { padding-bottom: 10px !important; } .pb-20 { padding-bottom: 20px !important; } .pb-30 { padding-bottom: 30px !important; } .pb-40 { padding-bottom: 40px !important; } .pb-50 { padding-bottom: 50px !important; } .pb-60 { padding-bottom: 60px !important; } .pb-70 { padding-bottom: 70px !important; } .pb-80 { padding-bottom: 80px !important; } .pb-90 { padding-bottom: 90px !important; } .pb-100 { padding-bottom: 100px !important; } .pl-10 { padding-left: 10px !important; } .pl-15 { padding-left: 15px !important; } .pl-20 { padding-left: 20px !important; } .pl-30 { padding-left: 30px !important; } .pl-40 { padding-left: 40px !important; } .pl-50 { padding-left: 50px !important; } .pl-60 { padding-left: 60px !important; } .pl-70 { padding-left: 70px !important; } .pl-80 { padding-left: 80px !important; } .pl-90 { padding-left: 90px !important; } .pl-100 { padding-left: 100px !important; } .pr-10 { padding-right: 10px !important; } .pr-15 { padding-right: 15px !important; } .pr-20 { padding-right: 20px !important; } .pr-30 { padding-right: 30px !important; } .pr-40 { padding-right: 40px !important; } .pr-50 { padding-right: 50px !important; } .pr-60 { padding-right: 60px !important; } .pr-70 { padding-right: 70px !important; } .pr-80 { padding-right: 80px !important; } .pr-90 { padding-right: 90px !important; } .pr-100 { padding-right: 100px !important; } .m-10 { margin: 10px !important; } .m-20 { margin: 20px !important; } .m-30 { margin: 30px !important; } .m-40 { margin: 40px !important; } .m-50 { margin: 50px !important; } .m-60 { margin: 60px !important; } .m-70 { margin: 70px !important; } .m-80 { margin: 80px !important; } .m-90 { margin: 90px !important; } .m-100 { margin: 100px !important; } .mt-10 { margin-top: 10px !important; } .mt-20 { margin-top: 20px !important; } .mt-30 { margin-top: 30px !important; } .mt-40 { margin-top: 40px !important; } .mt-50 { margin-top: 50px !important; } .mt-60 { margin-top: 60px !important; } .mt-70 { margin-top: 70px !important; } .mt-75 { margin-top: 75px !important; } .mt-80 { margin-top: 80px !important; } .mt-90 { margin-top: 90px !important; } .mt-100 { margin-top: 100px !important; } .mb-10 { margin-bottom: 10px !important; } .mb-20 { margin-bottom: 20px !important; } .mb-30 { margin-bottom: 30px !important; } .mb-40 { margin-bottom: 40px !important; } .mb-50 { margin-bottom: 50px !important; } .mb-60 { margin-bottom: 60px !important; } .mb-70 { margin-bottom: 70px !important; } .mb-80 { margin-bottom: 80px !important; } .mb-90 { margin-bottom: 90px !important; } .mb-100 { margin-bottom: 100px !important; } .brl-7 { border-left: solid 7px #09da5c; } .brr-7 { border-right: solid 7px #09da5c; } .brt-7 { border-top: solid 7px #09da5c; } .brb-7 { border-bottom: solid 7px #09da5c; } .brl-7-verde { border-left: solid 7px #27963C; } .brr-7-verde { border-right: solid 7px #27963C; } .brt-7-verde { border-top: solid 7px #27963C; } .brb-7-verde { border-bottom: solid 7px #27963C; } .navbar-toggler .collapsed { position: absolute; top: 29px; right: 100px; } .navbar-toggler { position: absolute; top: 29px; right: 100px; } .logo-tienda { position: relative; } .carousel-item .img-fluid { width: 100%; } .carousel-item img { transition: 0.3s; } .carousel-item a { display: block; width: 100%; } .text-escondido { font-size: 1px !important; color: transparent !important; } /*buscador*/ .resultados { background-color: #ffffff; width: 100%; box-shadow: 0px 6px 6px rgb(31 107 255 / 10%); padding: 10px; margin-top: 3px; border: solid 1px #d5d5d5; border-radius: 6px; width: 79%; } .ft-image:hover { -webkit-filter: drop-shadow(5px 5px 5px #222); filter: drop-shadow(1px 1px 5px #445); translateY(-0.50rem); } .card-feature { background-color: #ffffff !important; } .card-header-feature { background-color: #ffffff !important; border: none !important; } .card-body-feature { background-color: #ffffff !important; } .pagination li, .pagination-bottom li { margin: 0px 3px 0px 3px !important; } .pagination-bottom { display: flex; padding-left: 0; list-style: none; border-radius: 6px; } .dropdown-menu { z-index: 1; } .dd-item { color: #232f3e !important; ?> } .nav-link { display: block; padding: 0.2rem 0.5rem 0.5rem 1rem; } .navbar-expand .navbar-nav .nav-link { padding-right: 0rem; padding-left: 0.6rem; } .dropdown-menu { z-index: 1000 !important; } .carousel-inner { border-radius: 0px; } .carousel-control-next, .carousel-control-prev { width: 6%; margin: 20px 20px 20px 20px; } .carousel-control-next:hover, .carousel-control-prev:hover { width: 6%; border: 2px solid #000001; border-radius: 6px; margin: 20px 20px 20px 20px; background: rgba(0, 0, 0, 0.22) no-repeat scroll 0 0; } * { box-sizing: border-box } /*Bootstrap 4 breakpoints*/ .cat-nombre a { font-size: 15px; } .card-body { padding: 10px 10px 10px 10px; } .card-body-cat { padding: 0px 8px 8px 8px; height: 152px; } .count-kart { top: -21px; right: 18px; font-size: 1.1rem; font-weight: 800; position: relative; } .container-after-header{margin-top:135px;} /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) { .card-columns { column-count: 2; } .cat-nombre a { font-size: 13px; } .card-body-cat { padding: 0px 8px 8px 8px; height: 160px; } .container-after-header{margin-top:82px;} } /* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */ @media (min-width: 768px) { .cat-nombre a { font-size: 13px; } .card-body-cat { padding: 0px 8px 8px 8px; height: 160px; } .container-after-header{margin-top:82px;} } /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) { .cat-nombre a { font-size: 15px; } .card-body-cat { padding: 0px 8px 8px 8px; height: 160px; } .container-after-header{margin-top:82px;} } /* Extra large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { .card-body-cat { padding: 0px 8px 8px 8px; height: 160px; } .container-after-header{margin-top:82px;} } .slideshow-container { position: relative; margin: auto; } .home-slides, .content-slides, .side-slides { display: none; } .fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; -webkit-animation-fill-mode: forwards; animation-name: fade; animation-duration: 1.5s; animation-fill-mode: forwards; } @keyframes fade { from { opacity: .4 } to { opacity: 1 } } .card-envios { padding: 10px !important; } .li-formapago:hover { background-color: #232f3e !important; color: #09da5c !important; cursor: pointer !important; } .li-metodoenvio:hover, .li-metodoenvio:active, .li-metodoenvio:focus { background-color: #dae0ec; color: #232f3e !important; cursor: pointer !important; } .li-metodoenvio-selected, .li-metodoenvio-selected:hover { background-color: #232f3e !important; color: #09da5c !important; cursor: pointer !important; } .li-domicilio:hover { background-color: #232f3e !important; color: #09da5c !important; cursor: pointer !important; } .card-venta { padding: 12px !important } .descuento-badge { font-size: 12px; font-weight: 700; } .modal-img { width: 100%; } .modal-backdrop { background-color: rgb(33 40 55 / 79%); } .border-hl { border: solid 3px #dae0ec; border-radius: 12px; } .subtituloProducto { font-size: 1.1rem; } .breadcrumb-item.active { color: #232f3e !important; } #google-reviews { display: flex; flex-wrap: wrap; /*display: grid; grid-template-columns: repeat( auto-fit, minmax(320px, 1fr));*/ } span.review-profile-image { float: left; padding: 0px 15px 0px 0px; } span.review-profile-image img { width: 40px; } .modal-backdrop.in { display: none; } .review-item { border-bottom: solid 1px rgba(190, 190, 190, .35); margin: 5px auto; display: block; width: 100%; padding: 15px 0px; } @media ( max-width:1200px) { .review-item { flex: 1 1 40%; } } @media ( max-width:450px) { #txt_atc_buscar{width:193px} .review-item { flex: 1 1 90%; } } .review-content { display: flex; align-items: center; } .review-content .stars { margin-right: 10px; } .max-tres-lineas { display: -webkit-box; /* Usar el modelo de caja flexible de WebKit */ -webkit-box-orient: vertical; /* Orientación vertical del contenido */ -webkit-line-clamp: 3; /* Limitar a 3 líneas */ overflow: hidden; /* Ocultar el contenido que excede el límite */ text-overflow: ellipsis; /* Mostrar puntos suspensivos al final de la última línea */ }/*fileupload*/ .fileupload input.upload { cursor: pointer !important; font-size: 20px; margin: 0; opacity: 0; padding: 0; position: absolute !important; right: 0; top: 0; } .fileupload { overflow: hidden !important; position: relative !important; } .lbl-promocion{font-weight:800; font-size:29px} #confetti-canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } #botonGirar { background-color: #ff0000; color: #ffffff; border: none; padding: 10px 20px; border-radius: 50%; cursor: pointer; } #botonGirar:hover { background-color: #e60000; } .card-body-cat {line-height: 1.4;}
.btn-tienda-asignada {
width: 30px; /* Tamaño del botón */
height: 30px; /* Tamaño del botón */
padding: 0; /* Elimina el padding para que el texto se centre */
line-height: 30px; /* Centra el texto verticalmente */
text-align: center; /* Centra el texto horizontalmente */
margin-right: 5px; /* Espaciado entre botones */
font-size: 12px; /* Tamaño del texto */
}
/* Estilos adicionales si necesitas cambiar el color de fondo, etc. */
.btn-tienda-asignada {
background-color: #color-deseado; /* Color de fondo */
color: #color-del-texto; /* Color del texto */
border: none; /* Elimina el borde si lo deseas */
}
#marcas-row .marcas-col {
display: none; /* Oculta todas las columnas inicialmente */
transition: transform 0.5s ease; /* Suaviza la transición de desplazamiento */
}
#marcas-row .marcas-col.visible {
display: block; /* Muestra las columnas con la clase 'visible' */
}
.card-review{
border: 2px solid #efefef
}
@media (min-width: 768px) {
.card-columns {
column-count: 3;
}
}
@media (min-width: 992px) {
.card-columns {
column-count: 4;
}
}
@media (min-width: 1200px) {
.card-columns {
column-count: 5;
}
}
.dropdown-menu.show {
width: 333px;
}
.review-rating { color: #999; } .review-rating .full-star { color: #ffcc00; } .review-date { line-height: 2rem; font-weight: 500; }
.full-review-star { color: #ffcc00; font-size: 24px;}
.empty-review-star { color: #gray; font-size: 24px;}
.star-rating {
cursor: pointer;
font-size: 24px;
color: grey;
}
.star-rating:hover {
color: gold;
}
.ui-autocomplete {
max-height: 200px;
overflow-y: auto;
overflow-x: hidden;
border:1px solid #222;
position:absolute;
width:333px;
}
.progress-bar.bg-warning {
background-color: gold; /* Color de la barra de progreso */
}