/*
Theme Name: Storefront Child
Theme URI: https://woocommerce.com/products/storefront/
Template: storefront
Author: Automattic
Author URI: https://woocommerce.com/
Description: Storefront is the perfect theme for your next WooCommerce project. Designed and developed by WooCommerce Core developers, it features a bespoke integration with WooCommerce itself plus many of the most popular customer facing WooCommerce extensions. There are several layout & color options to personalise your shop, multiple widget regions, a responsive design and much more. Developers will love its lean and extensible codebase making it a joy to customize and extend. Looking for a WooCommerce theme? Look no further!
Tags: e-commerce,two-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,featured-images,full-width-template,threaded-comments,accessibility-ready,rtl-language-support,footer-widgets,sticky-post,theme-options,editor-style
Version: 4.6.0.1728019593
Updated: 2024-10-04 05:26:33

*/

/* SI - COLOR VINOTINTO DC MOVIL */
:root {
    --color-vinotinto-dcmovil: #990109;
    }
    
/* SI - CAMBIA EL TAMAÑO DEL LOGO EN LOS PC */
.custom-logo {
	width: 90%; /* Cambia el valor a la medida deseada */
}
    
.custon-logo-link {
    width: 100% !important;
}
    
/* SI - CAMBIA EL COLOR DEL VALOR A ROJO */
bdi {
	color: #CA0B0B; /* Color rojo oscuro */
    font-weight: bold; /* Negrita */
}
    
/* SI - SE ENCARGA DE MOVER AL CENTRO EL BUSCADOR Y OTRAS CARATERISTICAS */
.site-search {
	display: flex;
    justify-content: center; /* Centra el contenido horizontalmente */
    align-items: center;
    width: 80% !important; /* DEBE TENER EL IMPORTANT */
    padding-right: 10px; /* Añade un margen derecho */
    margin-top: 15px;
    margin-bottom: 0px;
    position: relative;
    right: 9%;
}
    
/* SI - TAMBIEN SE ENCARGA DE MOVER EL BUSCADOR Y OTRAS COSAS MAS */
.dgwt-wcas-search-wrapp {
	display: flex;
    justify-content: center; /* Centra el contenido horizontalmente */
    align-items: center;
    margin-left: 0%;
    margin-right: 0%;
    max-width: 92% !important; /* IMPORTAN - MUEVE EL BUSCADOR */
}
    
/* SI - CAMBIA EL ANCHO DEL CONTENEDOR DEL BUSCADO */
.dgwt-wcas-sf-wrapp {
	position: relative;
    display: flex;
    align-items: center;
    width: 100%; /* Asegura que el contenedor ocupe todo el ancho disponible */
}
    
/* SI - Input de búsqueda */
.dgwt-wcas-search-input {
	padding-left: 40px !important; /* SI FUNCIONA - DA EL ESPACIO ENTRE LA LUPA Y EL TEXTO A BUSCAR */
    min-width: 700px; /* SI FUNCIONA - Aumenta el ancho mínimo ajustable */
    height: 30px !important; /* IMPORTANT - SI FUNCIONA - REDUCE EL ALTO DEL BUSCADOR */
}
    
/* SI - SE ENCARGA DE TODO EL DISEÑO EL ICO DE BUSCAR */
.dgwt-wcas-search-submit {
	position: absolute;
    border: none;
    background: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    left: 12px !important; /* IMPORTANT - SE ENCARGA MANTENER LA LUPA CUANDO SE BUSCA EL PRODUCTO */
    top: 16% !important; /* IMPORTANT - SI FUNCIONA - MUEVE EL ICONO DEL BUSCADOR (LA LUPA) */
}
    
    /* AJUSTES PARA DISPOSITIVOS MÓVILES */
    @media (max-width: 768px) {
        .site-branding .custom-logo {
         width: 230%;
         margin-bottom: 8px; /* Espacio adicional debajo del logo */
     }
     
    
     /* QUITA EL PRIMER MENU DEL CELULAR */
     #site-navigation-menu-toggle {
         display: none;
     }
    
     /* SI FUNCIONA - AJUSTA LOS PRODUCTOS EN DOS COLUMNAS */
     .woocommerce ul.products {
         display: flex;
         flex-wrap: wrap;
     }
    
     /* SI FUNCIONA - SE ENCARGA DEL ESPACIO ENTRE CADA PRODUCTO */
     .woocommerce ul.products li.product {
         width: 45%; /* Cambia esto si deseas ajustar el tamaño */
         box-sizing: border-box; /* Asegúrate de que el padding y el margen se incluyan en el ancho */
         margin-right:5%;
         left: 1.3%;
     }
    
     /* Ajustes para el buscador en dispositivos móviles */
     .site-search {
         justify-content: center; /* Centra el buscador en la pantalla de móviles */
         padding-right: 0;
         left: 0;
         top: 10px;
     }
     /* SI - MUEVE EL BUSCADOR ACIA EL LADO IZQUIERDO */
     .dgwt-wcas-search-wrapp {
         margin-left: 0;
         right: 10%; 
     }
    
     .dgwt-wcas-sf-wrapp {
         max-width: 100%; /* Ocupa el 100% del ancho disponible en móviles */
     }
    
     .dgwt-wcas-search-input {
         min-width: 100px; /* Ajusta el ancho mínimo según sea necesario */
         height: 30px; /* Reduce la altura del input en móviles */
     }
    
     .dgwt-wcas-search-submit {
         width: 10%; /* Ajusta el ancho del botón en móviles */
         height: 30px; /* Ajusta la altura del botón en móviles */
     }
    
     /* SI FUNCIONA SE ENCARGA AMPLIAR LA MARGEN DE LA PARTE SUPERIOR */
     #masthead {
         height: 15.5% !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 999 !important;
        background: #fff !important;
		 
		 
     }
    
     /* SI FUNCIONA - SE ENCARGA DE MOVER AL CENTRO EL BUSCADOR Y OTRAS CARATERISTICAS */
     .site-search {
         display: flex;
         justify-content: center; /* Centra el contenido horizontalmente */
         align-items: center;
         width: 72% !important;
         margin-top: 0;
         position: absolute;
         top: 0;
         left: 60%;
         transform: translateX(-50%);
     }
    
     /* SI FUNCIONA - SE ENCARGA DE TODO EL DISEÑO DEL ICONO DE BUSCAR */
     .dgwt-wcas-search-submit {
         position: absolute;
         border: none;
         background: none;
         cursor: pointer;
         display: flex;
         align-items: center;
         left: 12px !important;
         top: 16% !important; /* SI FUNCIONA - MUEVO EL ICONO DEL BUSCADOR */
     }
    
     /* SI FUNCIONA - CAMBIA EL TAMAÑO DE LA LETRA DEL BUSCADOR (BUSCAR PRODUCTOS) */
     #dgwt-wcas-search-input-1::placeholder {
         font-size: 85%;
     }
     
     /* DESDE AQUI SE EMPIEZA A MOFICAR EL PRIMER MENU Y EL TERCES MENU */
     
     /* SI FUNCIONA - SE ENCARGA EL LA MARGEN DEL TERCER MENU */
     #mega-menu-wrap-primary {
         padding-top: 3px; /* Ajusta el valor según sea necesario */
         padding-bottom: 1px; /* Ajusta el valor según sea necesario */
     }
    
     /* SI FUNCIONA - SE ENCARGA EL LA MARGEN DEL TERCER MENU */
     .mega-menu-toggle {
         margin-top: -3px; /* Ajusta el margen superior según sea necesario */
         margin-bottom: 3px; /* Ajusta el margen inferior según sea necesario */
     }
     
     /* SI FUNCIONA- SE ENCARGA DE LA MARGEN ENTRE CADA PRODUCTO HACIA ABAJO */
     ul.products li.product, ul.products .wc-block-grid__product, .wc-block-grid__products li.product, .wc-block-grid__products .wc-block-grid__product {
         margin-bottom: 11% !important;
     }
     
     
     
     /* SI FUNCIONA - DISMINUYE LA MARGEN ENRE EL NOMBRE DEL PRODUCTO Y EL VALOR */
     h2.woocommerce-loop-product__title {
         margin-bottom: 0% !important;
     }
     
     .site-header {
         margin-bottom: 0% !important;
         padding-top: 0% !important;
     }
     
         
     .home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header {
         margin-bottom: 0% !important;
         padding-bottom: 1% !important;
     }
     
     /* SI FUNCIONA - SE ENCARGA DE MOVER LOS MENUS HACIA ARRIBA */
     .mobile-menus-container {
         margin-top: 0px !important; /* Espacio adicional arriba de los menús */
         bottom: 48px;
		 width: 84% !important;
     }
     
     /* SI FUNCIONA - QUITA LA MARGEN ENTRE EL H1 Y EL SUBTITULO */
     h1 {
         margin-bottom: 0%;
         padding-left: 2%;
		 font-size: 142%
     }
     
            /* SI - SE ENCARGA DE TODO EL AJUSTE DEL CARRITO */
             .site-branding {
                 display: flex;
                 flex-direction: row;
                 align-items: center;
                 justify-content: flex-start;
                 padding: 0px 10px;
                 position: relative !important;
                 width: 100% !important;
                 right: 12px;
                 margin-bottom: 0 !important; /* Eliminado el margen inferior */
                 min-height: auto !important; /* Eliminada la altura mínima */
             }
    
             
    
             /* Mover el buscador hacia abajo */
             .site-search {
                 order: 3 !important;
                 width: 68% !important;
                 margin-top: 0px !important; /* Espacio arriba del buscador */
                 position: relative !important;
                 top: -51px !important; /* Ajusta este valor para bajar más o menos el buscador */
             }
    
             /* Estilos del carrito en móvil */
             #site-header-cart {
                 display: flex !important;
                 align-items: center !important;
                 justify-content: center !important;
                 position: absolute !important;
                 left: 215% !important;
                 transform: translateX(-20%) !important; /* Ajustado para centrar mejor */
                 margin: 0 !important;
                 padding: 0 !important;
                 top: 5px !important; /* Ajusta la posición vertical */
                 z-index: 100 !important; /* Asegura que esté por encima de otros elementos */
             }
    
             .site-header-cart .cart-contents {
                 display: flex !important;
                 align-items: center !important;
                 text-decoration: none !important;
                 color: inherit !important;
                 padding: 0 !important;
                 gap: 30px !important;
             }
    
             /* Mostrar el precio y la cantidad */
             .site-header-cart .cart-contents .amount,
             .site-header-cart .cart-contents .count {
                 display: inline-block !important;
                 font-size: 14px !important;
                 white-space: nowrap !important;
             }
    
             /* Ajustes del icono del carrito */
             .site-header-cart .cart-contents::after {
                 width: 25px !important;
                 height: 25px !important;
                 margin: 0 !important;
                 display: inline-block !important;
             }
           
            /* SI - SE ENCARGA DE LA MARGEN ENTRE LOS MENUS Y EL INICIO & */
                 body {
             padding-top: 30% !important;
			position: relative !important;					 
             }
     
     /* IR A LA TIENDA */
                         
     /* SI - CAMBIA EL TAMAÑO DEL ICONO (IR A LA TIENDA) */
             .stk-button {
                     padding: 10px 10px !important; /* Reduce el padding vertical y horizontal */
                 margin: 5px 0 !important; /* Ajusta el margen si es necesario */
                 border-radius: 8% !important;
             }
     /* SI - MODIFICA EL TAMÑO DE LA LETRA */
             .stk-button__inner-text {
                    font-size: 16px !important; /* Opcional: reduce el tamaño de la fuente */
                 line-height: 1.2 !important; /* Opcional: ajusta la altura de línea */
               }
     
     /* SI- MODIFICA LA MARGEN DEL ICONO IR A LA TIENDA */
             .wp-block-stackable-button-group {
                 margin-bottom: 1% !important; /* IMPORTANT */
             }
             
     
     /* ICONO WHATSAPP */
     
     /* SI- SE ENCARGA DE MOVER EL ICONO */
     .whatsapp-link {
         position: fixed; /* SI - MANTIENE EL ICONO EN SU SITIO */
           top: 14px; /* Ajusta este valor para mover el ícono más arriba o abajo */
         right: 20px; /* Ajusta este valor para mover el ícono más hacia la derecha o izquierda */
     }
    
     /* SI - SE ENCARGA DEL TAMAÑO DEL ICONO DE WHATSAPP */
     .whatsapp-icon {
         width: 50px; /* Ajusta este valor para cambiar el tamaño del ícono */
         height: 50px; /* Ajusta este valor para cambiar el tamaño del ícono */
	 }
     
                    
     /* SI FUNCIONA - OCULTA LA BARRA DE BAJO QUE CONTIENE MI PERFIL, EL BUSCADOR Y EL CARRITO - TAMBIEN OCULTA EL HECHO POR WOOCOMERCE */
     .site-footer {
         display: none;
     }
		/* SI - CORRE UN POCO A LA DERECHA EL LOS PRECIOS DE LOS PRODUCNTOS DEPENDIENDO DE LAS CANTIDADES */
		.tiered-pricing-blocks {
			position: relative;
			left: 2%;
		}
	
		/* SI - LE QUITA LA MARGEN AL H3 QUE ES LA DESCRIPCION DEL PRODUCTO */
		h3 {
			margin: 0% !important; /* IMPORTANT */
			font-size: 21px;
		}
		
		/* SI - AL H3 (LA DESCRIPCION DEL PRODUCTO) LE QUITA EL PADING DE LA PARTE SUPERIOS */
		.summary.entry-summary > *:not(.product_title):not(.stock):not(.woocommerce-product-details__short-description) {
           padding-top: 0%;
    }
		
		/* SI - MUEVE A LA DERECHA EL CUADRO DE LAS CANTIDADES DENTRO DE LA PAGINA DE CADA PRODUCTO */
		.single-product div.product form.cart .quantity {
			margin-left: 4%;
		}
		
	/* SI - LE PONE MARGEN A LOS VALORES Y CANTITADES AL CARRITO EN EL MENU ESTATICO */
	.site-header-cart .cart-contents .amount {
	margin-right: 0% !important;
	}
		
		#mega-menu-wrap-primary {
			display: none;
		}
			
}
    
    
/*  DISEÑO PARA PC */
    
/* SI - Espacio alrededor del enlace del carrito */
.site-header-cart .cart-contents {
	margin: 0; /* Ajusta este valor según tus necesidades */
    padding: 5px 10px; /* Ajusta este valor según tus necesidades */
}
    
/* SI FUNCIONA - DISMINUYE LA MARGEN ENTRE EL LOGO Y LA PARTE SUPERIOR */
.site-header {
	padding-top: 0px; /* Ajusta este valor según tus necesidades */
}
    
/* SI FUNCIONA - SE ENCARGA DEL CAMBIO DEL ICONO DEL CARRITO */
.site-header-cart .cart-contents::after {
	display: none; /* Oculta el icono del carrito */
    content: ''; /* Crea un nuevo elemento */
    display: inline-block; /* Asegura que se muestre como un bloque en línea */
    width: 31px; /* Ajusta el tamaño según sea necesario */
    height: 31px; /* Ajusta el tamaño según sea necesario */
    background-image: url('https://mayorista.dcmovil.co/wp-content/uploads/2024/11/ZZ-carrito-de-compras.webp'); /* Reemplaza con la URL de tu nuevo icono */
    background-size: contain; /* Asegura que la imagen se ajuste al tamaño */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
    margin-left: 5px; /* Espacio entre el texto y el icono, ajusta si es necesario */
    vertical-align: middle; /* Alinea verticalmente si es necesario */
}

/*  SI - MUEVE EL CARRITO EN EL MENU ESTATICO */
.woocommerce-active .site-header .site-header-cart {
	right: 21%;
}

/* SI - LE CAMBIA EL COLOR CARRITO EN EL MENU ESTATICO */
.site-header-cart .cart-contents span {
	color: #CA0B0B;
	font-weight: 570;
}

/* SI - LE PONE NEGRITA A LOS PRODUCTOS EN EL CARRITO DEL MENU ESTATICO */
.site-header-cart .cart-contents .count {
	font-weight: 540;
}

/* SI - LE PONE MARGEN A LOS VALORES Y CANTITADES AL CARRITO EN EL MENU ESTATICO */
.site-header-cart .cart-contents .amount {
	margin-right: 11%;
}
    
/* SI FUNCIONA - SE ENCARGA DE MOVER Y EL ANCHO DEL BUSCADOR */
.dgwt-wcas-sf-wrapp {
	width: 94%; /* TAMBIEN SE ENCARGA DEL ANCHO DEL BUSCADOR */
    right: -4%; /* SE ENCARGA DE MOVER EL BUSCADOR HACIA LA DERECHA */
}
    
/* SI FUNCIONA - SE ENCARGA DE LA MARGEN ENTRE LOS 3 MENUS HACIA LOS LA PARTE DE LOS PRODUCTOS */
	.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header {
    margin-bottom: 17px;
}
    
/* SI FUNCIONA - SE ENCARGA DE QUE LOS TRES MENUS SIEMPRE ESTEN ESTATICOS EN LA PARTE SUPERIOR */
#masthead {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000; /* Asegúrate de que esté por encima de otros elementos */
}
    
/* SI FUNCIONA - SE ENCARGA DEL MARGEN ENTRE LOS 3 MENUS Y LA PARTE DE ABAJO DE LOS PRODUCTOS */
	body {
    padding-top: 11%; /* Ajusta este valor según la altura de tu header */
    margin: 0%;
}
    
/* SI FUNCIONA - SE PONE EN NEGRITA LOS TÍTULOS (INICIO - TIENDA - ETC) */
	h1, .wc-block-grid__product-title {
    color: #333333;
    font-weight: bold; /* Añadido para poner el texto en negrita */ 
}
    
/* SI FUNCIONA - CAMBIA EL TAMAÑO DE LA CAJA QUE CONTIENE EL LOGO DE DC MOVIL */
.site-branding {
	width: 100px !important; /* CAMBIA EL ANCHO DE LA CAJA QUE CONTIENE EL LOGO DE DC MOVIL */
    margin-right: 0% !important; /* QUITAMOS LA MARGEN DEL LADO DERECHO DE LA CAJA QUE CONTIENE EL LOGO */
    margin-bottom: 0% !important; /* QUITAMOS LA MARGEN DE LA PARTE INFERIOR DE LA CAJA QUE CONTIENE EL LOGO */
}
    
/* SI FUNCIONA - DISMINUYE LA MARGEN QUE HAY ENTRE VALOR DEL PRODUCTO Y EL MENSAJE DE AÑADIR AL CARRITO */
	ul.products li.product .price, ul.products .wc-block-grid__product .price, .wc-block-grid__products li.product .price, .wc-block-grid__products .wc-block-grid__product .price {
    margin-bottom: 1%;
}
    
/* SI FUNCIONA - DISMINUYE EL TAMAÑO DE LA LETRA DEL PRODUCTO DENTRO DE LA PAGINA DE CADA PRODUCTO */
	.product_title {
    font-size: 25px; /* Ajusta el tamaño a tu preferencia */
}
    
/* SI FUNCIONA - CAMBIA EL COLOR Y LE PONE NEGRITA A EL VALOR DE LOS PRODUCNTOS DENTRO DE LA PAGINA DE CADA PRODUCTO */
    .single-product div.product p.price {
    color: #CA0B0B; /* Color rojo oscuro */
    font-weight: bold; /* Negrita */
}
    
/* SI FUNCIONA - MEJORA UN POQUITO EL CUADRO DE LAS CANTIDADES DENTRO DE LA PAGINA DE CADA PRODUCTO */
/* Estilo del input de cantidad */
	.quantity input {
    border: 1px solid #007cba; /* Color del borde */
    border-radius: 4px; /* Bordes redondeados */
}
    
/* SI FUNCIONA- SE ENCARGA DE LA MARGEN ENTRE CADA PRODUCTO HACIA ABAJO */
	ul.products li.product, ul.products .wc-block-grid__product, .wc-block-grid__products li.product, .wc-block-grid__products .wc-block-grid__product {
    margin-bottom: 1%;
}

/* SI - QUITA LA PARTE DE ABOJA (HECHO POR WOOCOMERCE) */
#colophon {
	display: none;
}

/* SI - CAMBIA LA ALTURA DE CAJA DEL CARRITO */
.products li.product .button-container > * {
    height: 30px;
}

/* SI - SUBE UN POCO EL CARRITO HACIA EL VALOR */
.products li.product .price {
    margin-bottom: -2% !important; /* IMPORTANT */
}

/* SI - SE ENCARGA DE TODO EL DISEÑO DEL CUADRO DE CANTIDADES QUE ESTA EN LA PAGINA TIENDA */
.quantity-selector-shop {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 12px auto 10px auto;
    position: relative;
    width: 100%;
    max-width: 120px;
    order: -1; /* Asegura que aparezca antes del botón de añadir al carrito */
}

/* SI - SE ENCARGA DEL DISEÑO DE LA CAJA DONDE ESTAN LAS CANTIDADES */
.quantity-selector-shop .qty-input {
    width: 50px;
    text-align: center;
    border: 1px solid #ddd;
    padding: 5px;
    margin: 0 5px;
    height: 35px;
    -moz-appearance: textfield;
    order: 2; /* Coloca el input en el medio */
}

/* SI - EN CAJA DE CANTIDADES SE ENCARGA DE CENTRAR EL NUMERO */
.quantity-selector-shop .qty-input::-webkit-outer-spin-button,
.quantity-selector-shop .qty-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* SI - SE ENCARGA DEL DISEÑO DE LOS BOTONES - Y + DE EN LA CAJA DE CANTIDADES - EN LA PAGINA DE TIENDA */ 
.quantity-selector-shop .quantity-button {
    background: #f5f5f5;
    border: 1px solid #ddd;
    padding: 5px 10px;
    cursor: pointer;
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.quantity-selector-shop .quantity-button.minus {
    order: 1; /* Coloca el botón menos primero */
}

.quantity-selector-shop .quantity-button.plus {
    order: 3; /* Coloca el botón más al final */
}

/* SI - SE ENCARGA DEL COLOR AL MOMENTO DE PASAR EL MOUSE DE LA CAJA DE CANTIDADES - EN LA PAGINA DE TIENDA */
.quantity-selector-shop .quantity-button:hover {
    background: #e5e5e5;
}

/* SI - SE ENCARGA DEL DISEÑO DE  LA CAJA DE CANTIDADES - EN LA PAGINA DE PRODUCTO INDIVIDUAL */
.quantity-selector-product {
    display: flex;
    align-items: centert;
    justify-content: flex-start;
    margin-bottom: 2.5%;
	margin-top: 3.5%;
    width: fit-content;
}

/* SI - SE ENCARGA DEL DISEÑO DE  LA CAJA DE CANTIDADES - EN LA PAGINA DE PRODUCTO INDIVIDUAL */
.quantity-selector-product input.qty {
    width: 50px;
    text-align: center;
    border: 1px solid #ddd;
    padding: 5px;
    margin: 0 5px;
    height: 35px;
    -moz-appearance: textfield;
}

/* SI - OCULTA LA CAJA DE CANTIDADES ANTERIOR */
.quantity-selector-product input.qty::-webkit-outer-spin-button,
.quantity-selector-product input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
    display: none;
}


/* SI - EN LA CAJA DE CANTIDADES EN EL PRODUCTO INDIVIDUAL, SE ENCARGA DEL DISEÑO DEL - Y EL + */
.quantity-selector-product .quantity-button {
    background: #f5f5f5 !important;
    border: 1px solid #ddd !important;
    padding: 5px 10px !important;
    cursor: pointer !important;
    height: 35px !important;
    width: 35px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* SI- ES EL COLOR AL MOMENTO DE PASAR EL MOUSE POR EL - Y + DE LA CAJA DE CANTIDADES DE CADA PRODCUTO */
.quantity-selector-product .quantity-button:hover {
    background: #e5e5e5;
}

/* SI - OCULTA LA CAJA DE CANTIDAD PREDETERMINADA EN LA PAGINA DE PRODUCTO INDIVIDUAL */
.woocommerce div.product form.cart div.quantity:not(.quantity-selector-product) {
    display: none !important; /* IMPORTANT */
}	

/* SI - EN PRODUCTO INDIVIDUAL - APLICA UN FLEXBOX PARA ORGANIZAR TODOS LOS ELEMENTOS */
.summary.entry-summary {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

/* Título del producto */
.product_title.entry-title {
    order: 1 !important;
    margin-bottom: 10px !important;
}

/* Precio dinámico */
.price {
    order: 2 !important;
    margin: 0 !important;
}

/* Stock status */
.stock.in-stock {
    order: 3 !important;
    margin: 0 !important;
}

/* SI - ORDEN 4 */
.woocommerce-product-details__short-description {
	order: 4
}

/* Contenedor de precios escalonados */
.tpt__tiered-pricing {
    order: 5 !important;
}

/* Título de precios escalonados */
.tiered-pricing-wrapper h3 {
    order: 6 !important;
    margin-top: 0% !important;
}

/* Bloques de precios escalonados */
.tiered-pricing-blocks {
    order: 7 !important;
    width: 100% !important;
}

/* Selector de cantidad personalizado */
.quantity-selector-product {
    order: 8 !important;
    width: fit-content !important;
    margin: 15px 0 !important;
}

/* Ocultar selector de cantidad original */
.quantity:not(.quantity-selector-product) {
    display: none !important;
}

/* Contenedor de botones */
form.cart {
    order: 9 !important;
    display: flex !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
}

/* Botón añadir al carrito */
.single_add_to_cart_button {
    order: 10 !important;
    margin: 0 !important;
	width: 20%;
}

/* Lista de deseos */
.yith-wcwl-add-to-wishlist {
    order: 11 !important;
    margin: 1% !important;
	width: 10%;
	position: relative;
	left: 5%;
}

/* SI - EN PRODUCTO INDIVIDUAL PONE ESTE ELEMENTO DE ULTIMO */
.product_meta {
    order: 12 !important;
    margin-top: 20px !important;
}

/* SI - EN PRODUCTO INDIVIDUAL - APLICA LA COLUMNA A ESE ELEMENTO */
.single-product form.cart {
    display: flex !important;
	flex-direction: column;
   
}

/* SI - EN PRODUCTO INDIVIDUAL - LE CAMBIA EL COLOR Y EL TAMAÑO AL TEXTO "EL PRECIO SE ACTUALIZA " */
h3 {
	font-size: 17px;
	color: #990109;
	font-weight: 400;
}

/* SI - EN PRODUCTO INDIVIDUAL LE QUITA LA MARGEN Y EL PADIG AL CONTENEDOR DEL PRECIO */
.single-product div.product form.cart {
	margin-bottom: 0%;
	padding: 0;
}

/* SI - EN PRODUCTO INDIVIDUAL - PONE EN NEGRITA EL PRECIO CON DESCUENTO */
.price ins {
	font-weight: bold;
}

/* SI - CENTRA EL H2 - PRODCUTOS NUEVOS */
h2 {
	text-align:center !important;
}

/* SI - LE PONE SCROLL A LOS SUBMENUS */
.mega-sub-menu {
    max-height: 430px !important; /* Altura máxima que desees */
    overflow-y: auto !important; /* Agrega scroll vertical cuando sea necesario */
    overflow-x: hidden !important; /* Oculta el scroll horizontal */
}

	/* SI - Cambios específicos para esta tablet en orientación vertical */
	@media (max-width: 920px) and (min-width: 840px) {
		.dgwt-wcas-search-input {
		min-width: 105%; /* SI FUNCIONA - Aumenta el ancho mínimo ajustable */
	}
		.woocommerce-active .site-header .site-header-cart{
			right: 15%;
	}
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-12345 a.mega-menu-link:before {
    content: "";
    display: inline-block;
    width: 24px; /* Ajusta el tamaño del logo */
    height: 24px;
    background-image: url('https://xmayor.dcmovil.com/wp-content/uploads/2024/11/ZZ-Whatsapp.webp');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 8px; /* Espaciado entre el logo y el texto */
}

 /* SI - PONE NEGRILLA Y COLOR ROJO AL TOTAL EN EL CARRITO */
.wc-block-cart-item__total-price-and-sale-badge-wrapper {
	font-weight: bold;
	color: #CA0B0B;
}

/* SI - EN LA PAGINA CARRITO LE PONE NEGRITA AL VALOR DEL PRODUCTO INDIVIDUAL */
.wc-block-components-formatted-money-amount {
	font-weight: bold;
}

/* SI - EN LA PAGINA CARRITO LE PONE NEGRITA EL EL TEXTO SUBTOTAL Y ENTREGA */
.wc-block-components-totals-item__label {
	font-weight: bold;
}

/* SI - EN LA PAGINA CARRITO PONE EN COLOR ROJO EL TOTO Y PRECIO */
.wc-block-cart .wc-block-components-totals-footer-item, .wc-block-cart .wc-block-components-totals-taxes {
	color: #CA0B0B;
}

/* SI - PONE EN COLOR ROJO EL SUBTOTAL EN LA PAGINA DE CARRITO */
span.wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-totals-item__value {
    color: #CA0B0B;
}

.wc-block-components-totals-item__value > strong {
    color: #CA0B0B;
}

.wc-block-components-checkbox .wc-block-components-checkbox__label, .wc-block-components-checkbox>span {
	font-weight: bold;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
	color: #CA0B0B;
}

.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-formatted-money-amount {
	color: #CA0B0B;
}