:root {
    /*--colorOne: #685BC7;*/
    --colorOne: #6a11cb;
    /*Forma parte de la paleta de colores */
    --colorTwo: #fff;
    --colorThree: #c9c9c9;
    --colorFour: #ffc300;
    --colorFive: #000000;
    --colorSix: #5897fb;
    --colorOneHover: #675bc7cd;
    --colorSeven: #F3F0EB;
    /*Forma parte de la paleta de colores */
    --colorEight: #201E1F;
    /*Forma parte de la paleta de colores */
    --colorNine: #d53e3e;
    --colorTen: #A8A8A8;
    --alignText: right;
    --bannerBgSlide: https://via.placeholder.com/800x200;
}

.bg-header-navbar {
    background: var(--colorOne);
    color: var(--colorTwo);
    box-shadow: #0000007a 0px 5px 10px;
}

.p-number-phone {
    color: var(--colorTwo);
}

.p-number-phone span {
    padding-left: 10px;
}

.bg-footer-navbar {
    background: var(--colorOne);
    color: var(--colorTwo);
}

.section-title span {
    color: #685bc7;
}

#sliderBanners div.single-hero-slider {
    height: calc(100vh - 28vh);
    overflow-y: auto;
    display: flex;
    align-items: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#sliderBanners div.hero-slider-content-2 a {
    border: none;
}

/* Categorias Populares*/
#carausel-6-columns {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 7), 1fr));
    gap: 15px;
}

.card-1 {
    height: 200px;
}

.card-1 figure {
    height: 75%;
    width: 100%;
}

.card-1__img {
    height: 100%;
    width: auto;
}

.card-1 h5 {
    margin: auto;
}

@media only screen and (max-width: 1020px) {
    #carausel-6-columns {
        grid-template-columns: repeat(auto-fit, minmax(calc(100% / 5), 1fr));
    }
}

@media only screen and (max-width: 600px) {
    #carausel-6-columns {
        grid-template-columns: repeat(auto-fit, minmax(calc(100% / 3), 1fr));
    }
}

.hero-slider-content-2 h1,
.hero-slider-content-2 h2,
.hero-slider-content-2 h3,
.hero-slider-content-2 p {
    margin: 0 0 10px 0;
    color: inherit;

}

.hero-slider-content-2 p {
    font-size: 18px;
    line-height: 36px;
    margin: 7px 0 22px;
}

.card-slider-main {
    background-size: cover;
    background-repeat: no-repeat;
    height: 720px;
}

/* Contenedor de dots en fila */
ul.slick-dots {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 20px 0 0 0;
}

/* Botón base (inactivo) */
ul.slick-dots li button {
    width: 12px;
    height: 12px;
    background-color: transparent;
    border: 2px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    padding: 0;
    outline: none;
    transition: all 0.3s ease;
    font-size: 0;
    /* Oculta números si los hubiera */
}

/* Dot activo con estilo pill */
ul.slick-dots li.slick-active button {
    width: 28px;
    height: 12px;
    border-radius: 999px;
    background-color: var(--colorOne);
    /* Azul tipo Google */
    border-color: var(--colorOne);
}

.hero-slider-dots-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 6%;
}

/* Contenedor del slider y controles para facilitar el posicionamiento */
/* .hero-slider-wrapper {
    position: relative; 
    margin-bottom: 50px; 
} */

/* Estilos para las flechas de navegación */
.slider-arrow {
    position: absolute;
    top: 50%;
    /* Centra verticalmente */
    transform: translateY(-50%);
    width: 100%;
    /* Para que los botones puedan posicionarse a los extremos */
    display: flex;
    justify-content: space-between;
    /* Empuja los botones a los extremos */
    padding: 0 20px;
    /* Espacio desde los bordes */
    box-sizing: border-box;
    /* Incluye el padding en el ancho */
    z-index: 10;
    /* Asegura que estén por encima del contenido del slider */
    pointer-events: none;
    /* Permite clicks a través del contenedor, pero los botones son clickeables */
}

.slider-arrow .slick-arrow {
    background-color: rgba(255, 255, 255, 0.7);
    /* Fondo blanco semitransparente */
    border: none;
    border-radius: 50%;
    /* Forma circular */
    width: 50px;
    /* Tamaño del botón */
    height: 50px;
    /* Tamaño del botón */
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
    /* Sombra sutil */
    color: #333;
    /* Color del ícono */
    font-size: 20px;
    /* Tamaño del ícono */
    pointer-events: auto;
    /* Habilita clicks en los botones */
}

.slider-arrow .slick-arrow:hover {
    background-color: rgba(255, 255, 255, 0.9);
    /* Más opaco al pasar el ratón */
    color: var(--colorOneHover);
    /* Color de resaltado */
}

/* Ocultar las flechas por defecto de Slick si se generan */
.slick-prev:before,
.slick-next:before {
    display: none;
}

.terminos-condiciones .single-content h4 {
    font-size: 14px;
    margin-bottom: 0;
}

.terminos-condiciones p {
    text-align: justify;
}

.politica-privacidad .single-content h4 {
    font-size: 14px;
    margin-bottom: 0;
}

.politica-privacidad .single-content h5 {
    font-size: 12px;
    font-style: italic;
    margin-bottom: 0;
}

.politica-privacidad p {
    text-align: justify;
}

#productos_nuevos .product-cart-wrap .product-img-action-wrap .product-img a img,
#productos_destacados .product-cart-wrap .product-img-action-wrap .product-img a img {
    height: 405px;
}

#productos_nuevos .product-cart-wrap .product-img-action-wrap .product-img a img {
    height: 405px;
}

#productos_categorias .product-cart-wrap .product-img-action-wrap .product-img a img,
#productos_todos .product-cart-wrap .product-img-action-wrap .product-img a img {
    height: 405px;
}

#lista_productos_relacionados .product-cart-wrap .product-content-wrap,
#productos_todos .product-cart-wrap .product-content-wrap,
#productos_categorias .product-cart-wrap .product-content-wrap {
    padding: 0px 20px 20px 20px;
    width: 100%;
}

#productos_categorias .product-cart-wrap .product-action-2 {
    position: relative;
    margin-top: 15px;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
}

#productos_todos .product-content-wrap h2,
#productos_categorias .product-content-wrap h2 {
    width: 100%;
    height: 45px;
    margin-top: 10px;
    padding-bottom: 5px;
    color: var(--colorOne);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-word;
}

.descripcion-corta {
    margin-bottom: 20px;
    width: 100%;
    height: 50px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-word;
}

button#btn_newsletter {
    background: var(--colorTwo);
    padding: 16px 40px;
    color: var(--colorOne);
    width: 90%;
    font-size: 16px;
    font-weight: 800;
}

button#btn_newsletter:hover {
    color: var(--colorOne);
    padding: 16px 40px;
    background: var(--colorSeven) !important;
    width: 90%;
    font-size: 16px;
    font-weight: 800;
}

.btn.btn-secondary-bw {
    background: var(--colorTwo);
    color: var(--colorOne);
}

.btn.btn-secondary-bw:hover {
    color: var(--colorOne);
    background: var(--colorSeven) !important;
}

button.slick-arrow i {
    color: var(--colorSix);
}

.product-cart-wrap .product-img-action-wrap .product-img a img.imagen-productos-default {
    width: 250px;
    height: 250px;
}

.section-carrito-pago {
    margin-top: 40px;
}

.pago-cupon {
    margin-bottom: 40px;
}

.pago-cupon-mensajes {
    margin-top: 15px;
}

.coupon button {
    width: 100%;
}



/* Nuevos */

#btn-cerrar-sesion {
    font-weight: 500;
    color: white;
    background: none;
    border: none;
}

.btn-favorito {
    padding: 12px;
    border-radius: 4px;
    border: 0;
}

.btn-favorito_activo {
    background-color: pink !important;
}

#calificacion_producto {
    width: 260px;
    height: 20px;
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: space-between;
    gap: 5px;
}

.input_estrella input[type=radio] {
    position: relative;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: none;
    border: none;
}

.input_estrella input[type=radio]::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: "";
    height: 20px;
    width: 20px;
    background-image: url('../imgs/icons/estrella-vacia.png');
    background-size: cover;
    opacity: 0.55;
}

.input_estrella.input_estrella_contada input[type=radio]::after,
.input_estrella input[type=radio]:checked::after {
    background-image: url('../imgs/icons/estrella.png');
    opacity: 1;
}

.carrusel_miniaturas {
    width: 150px;
    height: 80px;
}

.imagen_relacionados {
    width: 200px;
    height: 200px;
}

#productos_nuevos a,
.pagination a {
    color: var(--colorOne);
}

#productos_nuevos a:hover,
.pagination a:hover {
    color: var(--colorOneHover);
}

.img-carrusel {
    border-radius: 10px;
}

button.btn-eliminar {
    background: none;
    border: none;
}

.detail-extralink {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 80%;
    margin: 20px auto;
}

.product-cart-wrap .product-content-wrap .product-price span.precioNoDisponible {
    font-size: 10px;
}

.promo-temporizador .deal h5 {
    max-width: 360px;
    height: 35px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* Número de líneas visibles */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-word;
}

.promo-temporizador .deal h6 {
    max-width: 360px;
    height: 40px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* Número de líneas visibles */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-word;
}

#canvas-container {
    margin: 20px auto;
    border: 1px solid #ccc;
    width: 400px;
    border-radius: 10px;
}

.limpiar-carrito {
    border: none;
    background: none;
}

.caja-cantidad {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.button-cantidad {
    border: none;
    background: none;
}

.modal-confirmacion {
    padding: 30px;
    max-width: 400px;
    margin: 0 auto;
    text-align: center;
    background-color: var(--colorThree);
}

.modal-confirmacion button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40%;
    font-size: 15px;
    font-weight: 500;
    padding: 12px 40px;
    color: #ffffff;
    border: none;
    background-color: var(--colorOne);
    border-radius: 50px;
}

.form-group label.checkLabel {
    margin-bottom: 5px;
    align-items: center;
    display: flex;
    gap: 10px;
}

.form-group input.checkInput {
    background: #1e348c;
    border: 2px solid #2949ca;
    box-shadow: none;
    padding-left: 20px;
    font-size: 13px;
    color: #ffab9d;
    width: 7%;
}

li.shopping-cart-item .shopping-cart-title {
    max-width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: space-evenly;
}

li.shopping-cart-item .shopping-cart-title h4 {
    max-width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-word;
}

li.shopping-cart-item+li.shopping-cart-item {
    border-top: 2px solid #f3f3f3;
    padding-top: 12px;
}

.direccion label.checkLabel {
    margin-bottom: 5px;
    align-items: center;
    display: flex;
    gap: 10px;
}

.direccion input.checkInput {
    background: #1e348c;
    border: 2px solid #2949ca;
    box-shadow: none;
    padding-left: 20px;
    font-size: 13px;
    color: #ffab9d;
    width: 7%;
}

.card-header-direccion {
    padding: 0.5rem 1rem;
    margin-bottom: 0;
    background-color: #f7f8f9;
    border-bottom: 1px solid #eee;
    margin-bottom: 0;
}

.card-header-direccion label.checkLabel {
    width: 100%;
    margin-bottom: 0;
    align-items: center;
    display: flex;
    justify-content: flex-start;
    gap: 10px;
}

.card-header-direccion label input {
    background: #f4f5f9;
    border: 2px solid #f4f5f9;
    border-radius: 50px;
    height: 20px;
    box-shadow: none;
    padding-left: 20px;
    font-size: 13px;
    color: #4f5d77;
    width: auto;
}

img.img-miniatura {
    height: 70px;
}

.figure-detalle {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    max-width: 490px;
    background-color: var(--colorThree);
    left: -942px;
    top: 0px;
    z-index: 999;
    opacity: 1;
    display: flex !important;
    justify-content: center;
    align-items: center;
}

#carrusel_miniaturas .slick-slide {
    width: 70px !important;
}

input[type=number]::-webkit-inner-spin-button {
    opacity: 1
}

.caja-acciones {
    max-width: 350px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0 auto;
}

.caja-acciones .button.button-add-to-cart {
    padding: 10px;
}

#acciones-producto {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
}

div.sort-controls {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: end;
}

.sort-control,
.sort-control div,
.sort-control div div,
.sort-control div div span {
    display: inherit;
    flex-direction: inherit;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: inherit;
    font-size: inherit !important;
}

button.btn-colorTwo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    padding: 12px 40px;
    color: #ffffff;
    border: none;
    background-color: var(--colorOne);
    border-radius: 50px;
}


button.btn-type-secondary {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40%;
    font-size: 15px;
    font-weight: 500;
    padding: 12px 40px;
    color: #ffffff;
    border: none;
    background-color: var(--colorThree);
    border-radius: 50px;
}

.whatsapp {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
}

.iconWhats {
    margin: auto;
    width: 35px;
    height: 35px;
}

.banner-icon img {
    width: 90px;
    height: 75px;
}

.fa-chevron-down:before {
    margin-right: 30px;
}

.product-cart-wrap .product-content-wrap .product-price {
    height: 22px;
}

.button-simple.eliminar-tarjeta {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 10%;
    font-size: 15px;
    font-weight: 500;
    color: var(--colorNine);
    border: none;
    background-color: transparent;
    border-radius: 50px;
}

.button-simple.editar-tarjeta {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 10%;
    font-size: 15px;
    font-weight: 500;
    color: var(--colorOne);
    border: none;
    background-color: transparent;
    border-radius: 50px;
}

#card-element {
    background: #f4f5f9;
    border: 2px solid #f4f5f9;
    height: 45px;
    box-shadow: none;
    padding-left: 20px;
    font-size: 13px;
    color: #4f5d77;
    width: 100%;
    padding: 12px 10px;
}

.grid-card-paymets {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5px 25px;
}

.titulo-tarjeta {
    font-size: 16px;
    font-weight: 600;
    color: var(--colorEight);
    width: 90%;
}

input[type="radio"].card_payments {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.caja-loading {
    margin-top: 50px;
    height: 100vh;
    width: 100%;
    align-items: center;
}

/*page loading*/
.preloaderItem {
    background-color: #f7f7f700;
    width: 100vw;
    height: 100vh;
    /*position: fixed;*/
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
    transition: 0.6s;
    margin: 0 auto;
}

.preloaderItem img.jump {
    max-height: 100px;
}

/*custom amine*/
.loader,
.bar {
    width: 100px;
    height: 20px;
}

.bar {
    position: absolute;
    display: flex;
    align-items: center;
}

.bar::before,
.bar::after {
    content: "";
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    background: var(--colorOne);
    opacity: 0;
    border-radius: 10px;
    animation: slideleft 3s ease-in-out infinite;
}

.bar1::before {
    animation-delay: 0s;
}

.bar1::after {
    animation-delay: 0.3s;
}

.bar2::before {
    animation-delay: 0.6s;
}

.bar2::after {
    animation-delay: 0.9s;
}

.bar3::before {
    animation-delay: 1.2s;
}

.bar3::after {
    animation-delay: 1.5s;
}

.categorias.link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    color: var(--colorOne);
    width: 100%;
}

.tag {
    color: var(--colorOne);
    padding: 5px 0;
    font-size: 12px;
}

.lista-carrito {
    max-height: 200px;
    overflow-y: auto;
}

.servicios_index {
    padding: 30px 0
}

.contenedor-productos {
    margin-top: 40px;
    margin-bottom: 20px;
}

.card-product {
    margin-bottom: 30px;
}

.pagination-area-bottom {
    padding-top: 0;
    margin-bottom: 30px;
}

#categoria_section .pagination-area,
#productos_section .pagination-area {
    margin-top: 15px;
    margin-bottom: 25px;
}

#categoria_section .shop-product-fillter.style-2,
#productos_section .shop-product-fillter.style-2 {
    padding-bottom: 0;
}

.inicio-sesion {
    padding: 150px 0 150px;
}

.favoritos-section {
    padding: 60px 0 60px;
}

.pago-section .product-name a,
.carrito-section .product-name a,
.favoritos-section .product-name a {
    color: var(--colorOne);
}

.cuenta-section {
    padding: 60px 0 60px;
}

.carrito-section {
    padding: 30px 0 60px;
}

.buscar-section {
    margin-top: 60px;
    margin-bottom: 60px;
}


.carrito-section .cart-action {
    text-align: right;
}

.pagototal-card {
    margin: 20px 0 40px;
}

.detalle-producto-section {
    padding: 60px 0 60px;
}

#lista_productos_relacionados {
    display: flex;
    gap: 10px;
}

.product-cart-wrap .product-action-1 button.carrito-action:after {
    bottom: 100%;
    /*left: 50%;*/
    left: -30%;
    position: absolute;
    white-space: nowrap;
    border-radius: 5px;
    font-size: 11px;
    padding: 7px 10px;
    color: #ffffff;
    background-color: var(--colorOne);
    content: attr(aria-label);
    line-height: 1.3;
    transition-delay: 0.1s;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1);
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50%) translateY(0px);
}

/*STICKY BAR*/
.header-middle-ptb-1 {
    background-color: var(--colorTwo);
}

.login_footer.form-group a.politica-privacidad,
.login_footer.form-group a.leer-mas {
    color: var(--colorOne);
}

.login_footer.form-group .custome-checkbox {
    max-width: 280px;
    width: 100%;
}


/**MODAL PARA NOMBRE DE LA MASCOTA**/
.pet-modal {
    position: fixed;
    inset: 0;
    display: none
}

.pet-modal[aria-hidden="false"] {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10000;
}

.pet-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .45)
}

.pet-modal__dialog {
    position: relative;
    z-index: 1;
    max-width: 520px;
    margin: 7vh auto;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .2);
    padding: 22px 22px 18px
}

.pet-modal__close {
    position: absolute;
    right: 10px;
    top: 6px;
    border: none;
    background: transparent;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    color: #777
}

.pet-modal__title {
    margin: 6px 0 4px;
    font: 700 22px/1.2 system-ui, Arial;
    color: #222
}

.pet-modal__subtitle {
    margin: 0 0 14px;
    color: #666;
    font: 400 14px/1.5 system-ui, Arial
}

.pet-label {
    display: block;
    margin: 8px 0 6px;
    color: #333;
    font: 600 14px/1.3 system-ui, Arial
}

.pet-req {
    color: #d32f2f;
    margin-left: 4px
}

.pet-input {
    width: 100%;
    padding: 12px 12px;
    border: 1px solid #dcdce5;
    border-radius: 10px;
    font: 500 15px/1.2 system-ui, Arial;
    outline: none
}

.pet-input:focus {
    border-color: #685BC7;
    box-shadow: 0 0 0 3px rgba(104, 91, 199, .18)
}

.pet-error {
    margin: 6px 2px 0;
    color: #d32f2f;
    font: 500 13px/1.2 system-ui, Arial
}

.pet-actions {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    margin-top: 16px
}

.pet-btn {
    background: #685BC7;
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 10px 14px;
    cursor: pointer;
    font: 700 14px/1 system-ui
}

.pet-btn:hover {
    filter: brightness(0.95)
}

.pet-btn--ghost {
    background: #f2f2f7;
    color: #333
}


button.ver-ordenes {
    background: var(--colorOne);
    color: var(--colorSeven);
    font-size: 16px;
    font-weight: 800;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40px;
    border-radius: 50px;
}

.modal-orden {
    position: fixed;
    inset: 0;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow-y: hidden;
    z-index: 20000;
}

.modal-orden-bg {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .45);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.tarjeta-orden {
    width: 1200px;
    margin: 30px auto 0;
}

.tarjeta-orden .card-header div.row {
    justify-content: flex-start;
}


.buttons-ordenes {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: end;
    justify-content: flex-end;
}

.buttons-ordenes button.print {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20%;
    font-size: 20px;
    font-weight: 500;
    padding: 4px 25px;
    color: var(--colorSeven);
    border: none;
    background-color: var(--colorOne);
    border-radius: 3px;
}

.cerrar_orden {
    background-color: var(--colorNine);
    border: 1px solid var(--colorNine);
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    width: 20%;
    font-size: 20px;
    font-weight: 500;
    padding: 4px 25px;
    color: var(--colorSeven);
    border-radius: 3px;
}

.titulo-orden {
    font-size: 14px;
    line-height: 14px;
    color: var(--colorOne);
}

@media print {

    .modal-orden,
    .modal-orden-bg {
        height: auto !important;
        /* Permite que el contenido ocupe su altura real */
        overflow: visible !important;
        /* Muestra todo contenido */
        position: static !important;
        /* Evita fixed que rompe impresión */
    }

    .tarjeta-orden {
        width: 100% !important;
        max-width: 800px !important;
        /* Ajusta al tamaño de página */
        margin: 0 auto !important;
        page-break-inside: avoid;
        transform: scale(1) !important;
        /* Sin escalado forzado */
    }

    body * {
        visibility: hidden;
    }

    .modal-orden,
    .modal-orden * {
        visibility: visible;
    }

    /* Oculta botones */
    .buttons-ordenes,
    .cerrar_orden,
    .print {
        display: none;
    }
}

/* Subir imagen */
.upload-box {
    /* width: 400px;
  height: 200px; */
    border: 2px dashed #cbd5e0;
    border-radius: 15px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: border-color 0.3s;
}

.upload-box.dragover {
    border-color: #4a90e2;
    background: #f0f8ff;
}

.upload-content {
    text-align: center;
    color: #333;
}

.upload-content img {
    width: 50px;
    margin-bottom: 10px;
    opacity: 0.7;
}

.upload-content p {
    font-size: 14px;
}

.upload-content span {
    color: #4a90e2;
    cursor: pointer;
    text-decoration: underline;
}

.status {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 14px;
    color: #555;
}

.status.success {
    color: green;
}

.status.error {
    color: red;
}

.img-comentarios img {
    border: 1px solid var(--colorOne);
    border-radius: 8px;
    width: 50px;
    height: 50px;
    margin-right: 10px;
}

.img-comentarios img {
    width: 80px;
    height: 80px;
    margin: 5px;
    cursor: pointer;
    border-radius: 8px;
    transition: transform 0.2s;
}

.img-comentarios img:hover {
    transform: scale(1.1);
}

/* Modal */
.modal-imagen-comentario {
    display: none;
    position: fixed;
    z-index: 1000;
    padding-top: 60px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.8);
}

.modal-imagen-comentario .modal-content {
    display: block;
    margin: auto;
    max-width: 80%;
    max-height: 80%;
    border-radius: 12px;
    box-shadow: 0px 0px 20px #000;
    background-color: var(--colorOne);
    object-fit: contain;
}

.modal-imagen-comentario .close {
    position: absolute;
    top: 15px;
    right: 25px;
    color: #fff;
    font-size: 35px;
    font-weight: bold;
    cursor: pointer;
}

.modal-imagen-comentario .close:hover {
    color: #bbb;
}

.titulo-recuperar-contrasena {
    text-align: center;
}

.text-recuperar-contrasena {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    margin-bottom: 20px;
}


/* Medias query para Movil */
@media screen and (max-width: 980px) {
    #ofertas_promocionales {
        display: none;
    }

    #cuenta-favoritos-mobile {
        background-color: var(--colorSeven);
        color: var(--colorOne);
    }

    #acciones-carrito-mobile a span.pro-count.blue {
        background-color: var(--colorSeven);
        color: var(--colorOne);
    }

}

@media screen and (max-width: 768px) {
    .sort-control {
        margin-bottom: 10px;
    }
}


@media screen and (max-width: 568px) {
    #container_mobile .mobile-header-logo a {
        display: flex;
    }

    #container_mobile .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-top .mobile-header-logo a img {
        vertical-align: bottom;
    }

    #container_mobile .mobile-header-top {
        padding: 10px;
        align-items: center;
    }

    #container_mobile .close-style-wrap.close-style-position-inherit {
        position: inherit;
        display: flex;
    }

    #container_mobile .mobile-search {
        padding: 0 0 30px;
    }

    .sort-controls,
    .sort-controls div {
        font-size: 10px;
    }

    .hero-2 {
        padding: 100px 0 65px;
        min-height: 640px;
    }

    #services {
        padding: 50px 0 30px;
    }

    .header-wrap {
        height: 55px;
    }

    .hero-slider-content-2 {
        text-align: center !important;
        width: 100% !important;
    }

    form.form-subcriber {
        margin-top: 1.3rem;
        width: 100%;
    }

    button#btn_newsletter {
        width: 100%;
    }

    #buscar_section .page-header.breadcrumb-wrap,
    #pago_section .page-header.breadcrumb-wrap,
    #carrito_section .page-header.breadcrumb-wrap,
    #favoritos_section .page-header.breadcrumb-wrap,
    #productos_section .page-header.breadcrumb-wrap,
    #categoria_section .page-header.breadcrumb-wrap {
        padding: 20px 0;
        margin-bottom: 0;
    }

    div.hero-slider-content-2 h1 {
        margin-top: 20px;
        font-size: 28px;
        line-height: 0.4;
        margin-block-start: 0.70em;
        text-align: left;
    }

    .hero-slider-content-2 p {
        font-size: 15px;
        line-height: 1.4;
        margin-top: 1rem;
        text-align: left;
    }

    .hero-slider-content-2 p:last-of-type {
        margin-top: -2rem;
    }

    .hero-slider-content-2 a.btn-default {
        padding: 7px 28px;
        font-size: 12px;
        position: absolute;
        left: 15px;
    }

    .hero-slider-dots-wrapper {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 1%;
    }

    .servicios_index {
        padding: 15px 0;
    }

    .servicios_index .banner-left-icon.style-2 {
        position: relative;
        padding: 10px 20px;
        margin-bottom: 0;
    }

    #lista_productos_relacionados {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(calc(100% / 2), 1fr));
        place-items: center;
        gap: 0;

    }

    #lista_productos_relacionados .tarjeta_producto {
        width: 90%;
        margin-bottom: 10px;
    }

    .product-grid-4 {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(calc(100% / 2), 1fr));
        gap: 15px 0;
    }

    .product-grid-4> :last-child {
        grid-column: 1 / -1;
        display: block;
    }

    #productos_destacados .product-cart-wrap .product-img-action-wrap .product-img a img,
    #productos_nuevos .product-cart-wrap .product-img-action-wrap .product-img a img {
        height: 280px;
    }

    .product-cart-wrap .product-content-wrap h2.nombre-descripcion a {
        width: 148px;
    }

    #categoria_section .product-cart-wrap .product-action-1 button.favoritos-action,
    #categoria_section .product-cart-wrap .product-action-1 a.action-btn,
    #productos-destacados-nuevos .product-cart-wrap .product-action-1 button.favoritos-action,
    #productos-destacados-nuevos .product-cart-wrap .product-action-1 a.action-btn,
    #productos_section .product-cart-wrap .product-action-1 button.favoritos-action,
    #productos_section .product-cart-wrap .product-action-1 a.action-btn {
        width: 35px;
        height: 35px;
        line-height: 35px;
    }

    /* #productos_destacados .product-cart-wrap .product-action-1 button,
    .product-cart-wrap .product-action-1 a.action-btn {
        width: 40px;
        height: 40px;
        line-height: 40px;
    } */

    .product-cart-wrap .product-content-wrap .product-price span {
        font-size: 13px;
        font-weight: bold;
        color: var(--colorOne);
    }

    #banner-middle .banner-img img {
        height: 225px;
        object-fit: cover;
        object-position: right;
    }

    #banner-middle .banner-img a {
        padding: 10px 20px;
    }

    .banner-text.middle h1 {
        font-size: 18px;
        line-height: 0.2;
    }

    #banner-bottom .banner-img img {
        height: 225px;
        object-fit: cover;
        object-position: left;
    }

    #banner-bottom .banner-img a {
        padding: 10px 20px;
    }

    #team .row.wow.fadeIn {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(calc(100% / 2), 1fr));
    }

    .buttons-services p a {
        flex-direction: column;
        gap: 10px;
    }

    #productos_categorias .product-cart-wrap .product-badges.product-badges-position {
        left: 0px;
        top: 4px;
        width: 88%;
    }

    #productos_categorias {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(calc(75% / 2), 1fr));
        gap: 10px;
    }

    .tarjeta_producto .product-cart-wrap .product-content-wrap,
    #productos_categorias .product-cart-wrap .product-content-wrap {
        width: 100%;
    }

    #productos_categorias .tarjeta_producto .product-content-wrap p:nth-of-type(2) {
        width: 100%;
        height: 45px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        /* Número de líneas visibles */
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        word-break: break-word;
    }

    #productos-destacados-nuevos .product-cart-wrap .product-content-wrap .product-price span:first-child,
    #productos_todos .product-cart-wrap .product-content-wrap .product-price span:first-child,
    #productos_categorias .product-cart-wrap .product-content-wrap .product-price span:first-child {
        font-size: 14px;
    }

    .product-content-wrap .nombre-descripcion {
        padding-top: 20px;
    }

    .product-category {
        display: none;
    }

    #productos_categorias.product-grid-3,
    #productos_todos.product-grid-3 {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(calc(100% / 2), 1fr));
        gap: 15px 0;
    }

    #productos_sidebar {
        margin-top: 20px;
    }

    .product-list .product-cart-wrap h2 {
        font-size: 18px;
        width: 100%;
        height: 60px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        word-break: break-word;
    }

    .descripcion-corta {
        font-size: 18px;
        width: 100%;
        height: 50px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        word-break: break-word;
    }

    #productos_categorias .product-cart-wrap .product-img-action-wrap .product-img a img,
    #productos_todos .product-cart-wrap .product-img-action-wrap .product-img a img {
        height: 290px;
    }

    section .page-header .breadcrumb span {
        text-align: left;
        display: inline-block;
        width: 100%;
    }

    .contenedor-productos {
        margin-top: 30px;
        margin-bottom: 10px;
    }

    .card-product {
        margin-bottom: 10px;
    }

    .contenedor-productos .widget_categories {
        margin-top: 20px;
    }

    .tarjeta_producto .product-cart-wrap .product-content-wrap h2 {
        height: 45px;
    }

    .pagination-area-bottom {
        padding-top: 20px;
        margin-bottom: 0;
    }

    #buscar_section .pagination-area,
    #categoria_section .pagination-area,
    #productos_section .pagination-area {
        margin-top: 10px;
        margin-bottom: 25px;
    }

    #buscar_section .pagination-area-bottom,
    #categoria_section .pagination-area-bottom,
    #productos_section .pagination-area-bottom {
        margin-top: 0;
        margin-bottom: 15px;
    }

    .descripcion-corta {
        margin-bottom: 10px;
    }

    #categoria_section .product-cart-wrap .product-action-1.show,
    #productos_section .product-cart-wrap .product-action-1.show {
        visibility: visible;
        opacity: 1;
        bottom: 10px;
        left: unset;
        right: 10px;
        top: unset;
        transform: none;
    }

    #categoria_section .product-cart-wrap .product-content-wrap .product-price span.old-price,
    #productos_section .product-cart-wrap .product-content-wrap .product-price span.old-price {
        margin: 0;
    }

    #categoria_section .product-cart-wrap .product-content-wrap .product-price,
    #productos_section .product-cart-wrap .product-content-wrap .product-price {
        height: 65px;
    }

    .inicio-sesion {
        padding: 20px 0 20px;
    }

    .login_wrap {
        margin-bottom: 20px;
    }

    .favoritos-section {
        padding: 20px 0 20px;
    }

    .detalle-producto-section {
        padding: 20px 0 20px;
    }

    .cuenta-section {
        padding: 20px 0 0;
    }

    .buscar-section {
        margin-top: 20px;
        margin-bottom: 0;
    }

    .carrito-section {
        padding: 30px 0 30px;
    }

    .mobile-header .header-action-2 .header-action-icon-2>a span.pro-count.blue {
        background-color: var(--colorSeven);
    }

    #acciones-carrito-mobile .cart-dropdown-wrap .shopping-cart-footer .shopping-cart-total {
        border-top: 2px solid #f3f3f3;
        margin: 0;
        padding: 13px 0;
    }

    #acciones-carrito-mobile button.btn-type-secondary {
        width: 45%;
        padding: 0px 20px;
        border-radius: 50px;
    }

    #acciones-carrito-mobile .lista-carrito {
        max-height: 188px;
    }

    .carrito-section .cart-action {
        text-align: center;
    }

    .carrito-section .cart-action a {
        width: 100%;
        gap: 10px;
    }

    .carrito-section .cart-action a:first-child {
        margin-bottom: 10px;
    }

    .section-carrito-pago {
        margin-top: 15px;
    }


    .cupones-section {
        margin-bottom: 20px;
    }

    #calculaEnvio {
        width: 100%;
    }

    #pagarCarrito {
        width: 100%;
    }

    #carrusel_miniaturas .slick-track {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .product-detail .tab-content.shop_info_tab {
        padding: 0 20px;
    }

    .login_footer.form-group .custome-checkbox {
        max-width: 128px;
        width: 100%;
        font-size: 10px;
    }

    .login_footer.form-group a.politica-privacidad,
    .login_footer.form-group a.leer-mas {
        font-size: 10px;
    }

    #btn-login-normal,
    #btn-crear-normal {
        width: 100%;
    }

    #sliderBanners div.single-hero-slider {
        align-items: flex-start;
    }

    #modal_detalles .card.tarjeta-orden {
        width: 100%;
        margin: 0;
    }
    header.card-header div.row .col-lg-9 {
        order: 2;
        margin-top: 1rem;
    }
    /*Tabla Movil Ordenes*/
div.table-responsive table#ordenes_table {
        border-collapse: collapse !important;
        margin-bottom: 10px !important;
        display: grid !important;
}

table#ordenes_table tr {
    /* grid-column: 2/3; */
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    border: 1px solid #eee;
    width: 100%;
}

table#ordenes_table tr td {
    display: flex;
    justify-content: start;
    border: none;
}

table#ordenes_table tr td.id-order {
    grid-column: 1/4;
    /* grid-row: 1; */
    padding: 8px 8px 0 8px;
}
table#ordenes_table tr td.fecha-order {
    grid-column: 1/4;
    /* grid-row: 2; */
    padding: 8px 8px 0 8px;
}

table#ordenes_table tr td.estatus-order {
    grid-column: 1/4;
    /* grid-row: 3; */
    padding: 8px 8px 0 8px;
}
table#ordenes_table tr td.total-order {
    grid-column: 1/4;
    /* grid-row: 4; */
    padding: 8px 8px 0 8px;
}
table#ordenes_table tr td.botones-order {
    grid-column: 1/4;
    /* grid-row: 5; */
    padding: 8px 8px 0 8px;
}

table#ordenes_table tr td.botones-order button.ver-ordenes{
    margin-bottom: 10px;
}

table#ordenes_table tr td.id-order::before {
    display: block;
    content: "Orden: ";
    font-weight: normal;
    margin-right: 10px;
}

table#ordenes_table tr td.fecha-order::before {
    display: block;
    content: "Fecha: ";
    font-weight: normal;
    margin-right: 10px;
}

table#ordenes_table tr td.estatus-order::before {
    display: block;
    content: "Estatus: ";
    font-weight: normal;
    margin-right: 10px;
}
table#ordenes_table tr td.total-order::before {
    display: block;
    content: "Total: ";
    font-weight: normal;
    margin-right: 10px;
}

table#ordenes_table.dataTable thead {
    display: none !important;
}

    .dt-column-header span:nth-child(2) {
        display: none;
    }
}

@media screen and (max-width: 320px) {

    #productos_categorias .product-cart-wrap .product-img-action-wrap .product-img a img,
    #productos_todos .product-cart-wrap .product-img-action-wrap .product-img a img {
        height: 210px;
    }
}

/** Envio Gratis (Oscar) **/

.fs-container {
    background: #f7f7f7;
    padding: 12px 14px;
    border-radius: 10px;
    margin: 10px 12px
}

.fs-text {
    font: 600 14px/1.4 system-ui, Arial;
    margin-bottom: 8px;
    color: #333;
    text-align: center
}

.fs-bar {
    height: 10px;
    background: #e6e6ef;
    border-radius: 999px;
    overflow: hidden
}

.fs-fill {
    height: 100%;
    width: 0%;
    background: #685BC7;
    transition: width .35s ease
}

.fs-win {
    color: #2e7d32
}

.fs-near {
    color: #8a6d3b
}


.footer-bottom {
    background: linear-gradient(90deg, #6a11cb, #2575fc);
    /* morado → azul */
    color: white;
}

.footer-bottom p {
    color: white !important;
}

a.tiktok {
    background-color: #000;
    /* color oficial de TikTok */
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 4px;
    margin-right: 8px;
}

a.tiktok:hover {
    background-color: #ff0050;
    /* color de hover estilo TikTok */
}

.sizes-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
    gap: 10px;
}

.size-opt {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #d1d5db;
    border-radius: 9999px;
    background: #fff;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    transition: border-color .15s, box-shadow .15s, transform .02s;
}

.size-opt:hover {
    border-color: #94a3b8;
}

.size-opt:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .2);
}

.size-opt.is-active {
    border-color: #2563eb;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, .25) inset;
}

.size-opt.is-out {
    opacity: .45;
    cursor: not-allowed;
    text-decoration: line-through;
}

/* Carrito y Carrito Invitado */
div.cart-action a#comprarAhoraInvitado2 ,
div.cart-totals.invitado-total {
    display: none !important;
}

@media screen and (max-width: 480px) {

    div#area-carrito div div {
        display: flex;
        flex-direction: column;
    }

    div#area-paqueteria div.cart-totals {
        display: block !important;
        padding: 20px 30px !important;
    }

    div#area-paqueteria div.section-carrito-pago div.cart-totals div.total-amount div.coupon div.form-group.col-lg-6 {
        height: auto !important;
        margin-bottom: 0 !important;
    }

    div.table-responsive {
        order: 1;
    }

    div.table-responsive table#tabla-carrito-invitado,
    div.table-responsive table#tabla-carrito {
        border-collapse: collapse !important;
        margin-bottom: 10px !important;
    }

    div#freeShipCart {
        order: 2;
        margin-top: 0;
    }

    div.cart-action.carrito {
        order: 3;
    }

    table#tabla-carrito-invitado tr.tarjeta_producto,
    table#tabla-carrito tr.tarjeta_producto {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 28px 32px auto;
        border: 1px solid #eee;
    }

    table#tabla-carrito-invitado tr.tarjeta_producto td,
    table#tabla-carrito tr.tarjeta_producto td,
    div.section-carrito-pago table.table tr td {
        border: none;
    }

    table#tabla-carrito-invitado tr.tarjeta_producto td.product-thumbnail,
    table#tabla-carrito-invitado tr.tarjeta_producto td.product-name,
    table#tabla-carrito-invitado tr.tarjeta_producto td.eliminar,
    table#tabla-carrito-invitado tr.tarjeta_producto td.stock,
    table#tabla-carrito-invitado tr.tarjeta_producto td.cart,
    div.section-carrito-pago table.table tr td,
    table#tabla-carrito tr.tarjeta_producto td.product-thumbnail,
    table#tabla-carrito tr.tarjeta_producto td.product-name,
    table#tabla-carrito tr.tarjeta_producto td.eliminar,
    table#tabla-carrito tr.tarjeta_producto td.stock,
    table#tabla-carrito tr.tarjeta_producto td.cart {
        display: flex;
        justify-content: start;
    }

    table#tabla-carrito-invitado tr.tarjeta_producto td.product-thumbnail,
    table#tabla-carrito tr.tarjeta_producto td.product-thumbnail {
        grid-column: 1;
        grid-row: 1/4;
        justify-content: center;
        align-items: center;
        padding: 8px 0;
    }

    table#tabla-carrito-invitado tr.tarjeta_producto td.product-thumbnail img,
    table#tabla-carrito tr.tarjeta_producto td.product-thumbnail img {
        height: 100%;
        width: auto;
    }

    table#tabla-carrito-invitado tr.tarjeta_producto td.product-name,
    table#tabla-carrito tr.tarjeta_producto td.product-name {
        grid-column: 2/4;
        grid-row: 1;
        padding: 8px 8px 0 8px;
    }

    table#tabla-carrito-invitado tr.tarjeta_producto td.product-name a,
    table#tabla-carrito tr.tarjeta_producto td.product-name a {
        font-weight: bold;
    }

    table#tabla-carrito-invitado tr.tarjeta_producto td.eliminar,
    table#tabla-carrito tr.tarjeta_producto td.eliminar {
        grid-column: 2/4;
        grid-row: 2;
        padding: 0;
        /* margin-top: -10px */
    }

    table#tabla-carrito tr.tarjeta_producto td.product-name.stock {
        grid-column: 2/4;
        grid-row: 2;
    }

    table#tabla-carrito tr.tarjeta_producto td.product-name.stock::before {
        display: block;
        content: "Cantidad: ";
        font-weight: normal;
    }

    table#tabla-carrito-invitado tr.tarjeta_producto td.eliminar i::before,
    table#tabla-carrito tr.tarjeta_producto td.eliminar i::before {
        content: "Eliminar";
        display: block;
        font-family: system-ui, Arial;
        font-weight: 500;
        margin: 0 2px;
    }

    table#tabla-carrito-invitado tr.tarjeta_producto td.stock,
    table#tabla-carrito tr.tarjeta_producto td.stock {
        grid-column: 2;
        grid-row: 3;
    }

    table#tabla-carrito.tabla-modal tr.tarjeta_producto td.stock {
        grid-column: 2;
        grid-row: 2;

    }

    table#tabla-carrito.tabla-modal tr.tarjeta_producto td.stock span::before {
        content: "Cantidad: ";
        font-weight: normal;
    }

    table#tabla-carrito-invitado tr.tarjeta_producto td.stock div.detail-qty,
    table#tabla-carrito tr.tarjeta_producto td.stock div.detail-qty {
        flex-direction: row !important;
    }

    table#tabla-carrito-invitado tr.tarjeta_producto td.cart,
    table#tabla-carrito tr.tarjeta_producto td.cart {
        grid-column: 3;
        grid-row: 3;
        justify-content: end;
        align-items: end;
        /* font-size: 1rem; */
    }

    table#tabla-carrito-invitado tr.tarjeta_producto td.product-name .descripcion-corta,
    table#tabla-carrito-invitado tr.tarjeta_producto td.price,
    table#tabla-carrito-invitado tr.tarjeta_producto td::before,
    div.cart-action a#comprarAhoraInvitado,
    button#pagarCarritoInvitado,
    table#tabla-carrito tr.tarjeta_producto td.product-name .descripcion-corta,
    table#tabla-carrito tr.tarjeta_producto td.price,
    table#tabla-carrito tr.tarjeta_producto td::before {
        display: none;
    }

    table#tabla-carrito-invitado tr.tarjeta_producto td.stock div.detail-qty,
    table#tabla-carrito tr.tarjeta_producto td.stock div.detail-qty {
        padding: 0;
    }

    table#tabla-carrito-invitado tr.tarjeta_producto td.stock div.detail-qty span,
    table#tabla-carrito tr.tarjeta_producto td.stock div.detail-qty span {
        width: 100%;
    }

    div.section-carrito-pago table.table tr {
        display: flex;
        flex-direction: row;
        border: none;
    }

    div.section-carrito-pago table.table tr td.cart_total_amount {
        justify-content: end;
    }

    div.cart-totals a#comprarAhoraInvitado2 {
        display: flex;
        width: 100% !important;
        justify-content: center;
    }
}

#ordenes_table_wrapper .dt-info {
  display: flex;
  justify-content: center;
  margin: 1.2rem 0;
}

#ordenes_table_wrapper .dt-paging nav {
  display: flex;
  justify-content: center;
}

#modal_detalles .card.tarjeta-orden {
    overflow-y: scroll;
    position: fixed;
    height: 100vh;
}

#ordenes_table_wrapper .dt-paging-button.current {
    background-color: var(--colorOne);
    color: var(--colorSeven) !important;
    border-radius: 50px;
    border: 1px solid var(--colorOne);
}

#ordenes_table_wrapper .dt-paging .dt-paging-button.previous,
#ordenes_table_wrapper .dt-paging .dt-paging-button.next,
#ordenes_table_wrapper .dt-paging .dt-paging-button.first,
#ordenes_table_wrapper .dt-paging .dt-paging-button.last {
    background: rgba(255, 255, 0, 0) !important;
    border: none !important;
}

#ordenes_table_wrapper .dt-paging .dt-paging-button:hover:not(.disabled):not(.previous):not(.first):not(.next):not(.last) {
    background: var(--colorOneHover) !important;
    color: var(--colorSeven) !important;
    border-radius: 50px;
    border: 1px solid var(--colorOneHover);
}

#ordenes_table_wrapper div.dt-container .dt-paging .dt-paging-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;

}