.elementor-kit-8{--e-global-color-primary:#9F5ED9;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#9F5ED9;--e-global-color-fb1e966:#2EC099;--e-global-color-996fe12:#FFFFFF;--e-global-color-a47e338:#55595C;--e-global-color-3f2c647:#00081C;--e-global-color-2ff1032:#00CC66;--e-global-color-b569102:#F98600;--e-global-color-52ab71a:#9F5ED9;--e-global-color-881efc4:#F2F2F5;--e-global-color-660dfbe:#129EA2;--e-global-color-1e06187:#146ABA;--e-global-color-ec43c6b:#999999;--e-global-color-26b5b75:#239AA5;--e-global-color-7cac9e1:#FFE60D;--e-global-color-094a3c5:#EEF2F8;--e-global-color-f8bff94:#DAE0E9;--e-global-color-3c26d51:#702ECA;--e-global-color-1f3bff6:#EFEEEE;--e-global-color-db2fd8d:#666666;--e-global-color-000a4e6:#BA1A24;--e-global-color-d7af121:#222222;--e-global-color-21ab8ee:#F5F5F5;--e-global-color-9f340e8:#000000;--e-global-color-50b9714:#F3F3F3;--e-global-color-b372153:#CCCCCC;--e-global-typography-secondary-font-family:"Raleway";--e-global-typography-secondary-font-weight:400;--e-global-typography-accent-font-family:"Raleway";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-996fe12 );color:#222222;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:500;line-height:1.4em;}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{background-color:var( --e-global-color-000a4e6 );font-size:16px;font-weight:600;color:var( --e-global-color-996fe12 );border-radius:6px 6px 6px 6px;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 a{color:var( --e-global-color-9f340e8 );font-family:"Montserrat", Sans-serif;font-weight:600;text-decoration:underline;}.elementor-kit-8 h1{color:var( --e-global-color-3f2c647 );font-family:"Montserrat", Sans-serif;font-size:36px;font-weight:800;}.elementor-kit-8 h2{color:var( --e-global-color-3f2c647 );font-family:"Montserrat", Sans-serif;font-size:28px;font-weight:500;}.elementor-kit-8 h3{color:var( --e-global-color-3f2c647 );font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;}.elementor-kit-8 h4{color:var( --e-global-color-3f2c647 );}.elementor-kit-8 input:not([type="button"]):not([type="submit"]),.elementor-kit-8 textarea,.elementor-kit-8 .elementor-field-textual{border-radius:20px 20px 20px 20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */#billing_wooccm45_field,
    #billing_wooccm44_field,
    #billing_wooccm47_field {
        display: none;
    }
    
.cc-menu-dark a{
    text-decoration: none;
    color:#000 !important;
    font-weight: 500;
}

/* Estilos para la lista de subcategorías */
.cwo-subcategorias {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: -1%; /* Ajuste para compensar el margen positivo en los elementos */
}

/* Estilos para los elementos de la lista */
.cwo-li {
    box-sizing: border-box;
    padding: 15px; /* Espacio interno */
    width: 100%; /* 1 columna en móviles */
    text-align: center;
    border-radius: 6px; /* Bordes redondeados */
    background-color: #fff; /* Fondo blanco */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Sombra suave */
    transition: box-shadow 0.3s ease, transform 0.3s ease; /* Transiciones suaves */
    margin: 1%; /* Margen en porcentaje para una mejor distribución */
    overflow: hidden; /* Oculta el contenido que sobresale de los bordes redondeados */
}

/* Estilos para móviles (2 columnas) */
@media (max-width: 767px) {
    .cwo-li {
        width: 48%; /* 2 columnas en móviles */
    }
}

/* Estilos para tabletas (3 columnas) */
@media (min-width: 768px) and (max-width: 1023px) {
    .cwo-li {
        width: 30%; /* 3 columnas en tablet */
        margin: 1%; /* Margen en porcentaje */
    }
}

/* Estilos para pantallas más grandes (4 columnas) */
@media (min-width: 1024px) {
    .cwo-li {
        width: 22.5%; /* 4 columnas en pantallas grandes */
        margin: 1%; /* Margen en porcentaje */
    }
}

/* Estilo de las imágenes de la subcategoría */
.cwo-li img {
    max-width: 100%;
    height: auto; /* Mantiene la proporción de la imagen */
    display: block; /* Elimina el espacio en blanco debajo de la imagen */
    border-radius: 6px; /* Bordes redondeados para las imágenes */
    transition: transform 0.3s ease; /* Transición suave para el hover */
}

/* Estilo para el título de la subcategoría */
.cwo-li h2 {
    font-size: 18px; /* Tamaño de fuente más grande */
    margin: 10px 0 0 0; /* Espacio superior */
    padding: 8px 12px; /* Espaciado interno */
    color: #333; /* Color del texto más oscuro */
    border-radius: 6px; /* Bordes redondeados */
    display: inline-block; /* Asegura que el padding se aplique correctamente */
    font-weight: bold; /* Negrita para el título */
    text-transform: uppercase; /* Texto en mayúsculas */
    background-color: rgba(255, 255, 255, 0.8); /* Fondo blanco semitransparente */
    transition: background-color 0.3s ease, color 0.3s ease; /* Transiciones suaves para el hover */
}

/* Estilo al pasar el ratón (hover) */
.cwo-li:hover {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); /* Sombra más pronunciada en hover */
    transform: scale(1.03); /* Escala ligeramente el elemento */
}

.cwo-li:hover img {
    transform: scale(1.1); /* Escala la imagen al pasar el ratón */
}

.cwo-li:hover h2 {
    background-color: rgba(255, 255, 255, 0.9); /* Fondo blanco más opaco al hover */
    color: #007BFF; /* Cambia el color del texto al hover */
}

/* Estilos para la categoría principal */
.cwo-categoria-principal {
    margin-bottom: 20px;
    text-align: center;
}

.cwo-categoria-principal h2 {
    font-size: 24px; /* Tamaño de fuente más grande para la categoría principal */
    margin-bottom: 10px;
}

.cwo-categoria-principal img {
    max-width: 100%;
    height: auto;
    border-radius: 8px; /* Bordes redondeados para la imagen de la categoría principal */
}


.cwf-filtro .cwf-rango-precio .priceLabel{
    display: flex !important;
    justify-content: space-between;
}
.cwf-rango-precio .price-text{
    display: none;
    display: none !important;
}
.cwf-filtro .ui-slider-handle{
      background-color: #8BC34A !important;  
}
.cwf-talla .wcpf-box-item:hover .wcpf-title{
    color:#fff!important;
}
.cwf-talla .selected .wcpf-title{
    color:#fff!important;
}

.cfvsw-selected-label{
    font-weight: 600;
}

.elementor-heading-title{
    line-height: 1.2!important;
}
.elementor-widget .elementor-icon-list-icon i {
    width: auto!important;

}
.cc-menu-categorias {
        list-style: none !important;
   margin-left: 0px!important;
}
.cc-menu-categorias a{
    display: inline-block;
    padding: 8px 10px;
    width: 100%;
}

.cc-menu-categorias a:hover{
    background-color: #222;
    color:#f6f6f6;
}


/*Filtro*/
.cwf-filtro .wcpf-field-title .text{
    font-weight: 800;
}
.cwf-filtro .wcpf-title-container .wcpf-title{
   color: #444; 
}
.cwf-filtro .wcpf-input-container{
   border: solid 1px #000!important; 
}
.elementor-search-form__container {
    min-height: auto 
    !important;
}
/*End Filtro*/
/* venta relacionada*/

.ventas-dirigidas {
    list-style: none;
    padding: 0;
    text-align: center;
}

.ventas-dirigidas li {
    display: inline-flex;
    align-items: center;
    margin: 10px 10px;
}

.ventas-dirigidas .titulo {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: inherit;
}

.ventas-dirigidas .circulo {
    width: 15px;
    height: 15px;
    border: 2px solid #000;
    border-radius: 50%;
    background-color: #fff;
    margin-right: 8px;
    flex-shrink: 0;
}

.ventas-dirigidas .circulo-negro {
    background-color: #000;
}

/* Estilos responsivos */
@media (max-width: 768px) {
    .ventas-dirigidas {
        padding: 0 15px;
    }

    .ventas-dirigidas li {
        margin: 5px 15px; /* Centrar elementos y agregar espacio entre ellos */
    }

    .ventas-dirigidas .titulo {
        font-size: 14px;
    }

    .ventas-dirigidas .circulo {
        width: 12px;
        height: 12px;
    }
}



/* end venta relacionada*/
.cc-m-logo{
    margin-right: auto;
}

.cc-post .elementor-post__read-more{
  background-color: #ba1a24;
padding: 6px 12px;
border-radius: 4px;
width: 80%;
text-align: center;
margin-left: 10%;
}
.cc-post .elementor-post__title{
   
    border-bottom: solid 1px #ccc;
    padding-bottom: 10px;
}
.cc-post .elementor-pagination{
    margin-top: 20px;
}
.cc-post .elementor-pagination .page-numbers{
    background-color: #999;
    padding: 5px 30px;
    border-radius: 5px;
}
.cc-post .elementor-pagination .current{
    background-color: #ba1a24;
}
#ccb-whatsapp::before {
    content: "¿Necesitas Ayuda?";
    display: block;
    font-weight: 500;
    font-size: 12px;
    margin-bottom: 4px;
    color: #fff;
}
.ic-yellow i{
     color: #FFEB3B; 
}

#ic-yellow .elementor-button-icon i{
     color: #FFEB3B !important; 
}
.c-titulo-cotizar{
    font-size: 28px;
    font-weight: 700;
    color: #000;
}
.cc-table .elementor-kit-8 h3{
    color: #fff !important;
}

/*CAMPOS REPETIDOS*/
.custom-car-models-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 16px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.custom-car-models-list{
    width: 100%;
}
.custom-car-models-list li {
    background: #f5f5f5;
    padding: 20px;
    border: 1px solid #ddd;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.custom-car-models-list li a{
    width: 100%;
    display: block !important;
    text-align: center;
    border: solid 1px #222;
    padding: 5px;
    border-radius: 5px;
}
.custom-car-models-list li h3{
margin-bottom: 10px;
}
.custom-car-models-list li p{
    text-align: center;
   font-size: 12px;
   display: block !important;
}
/*END CAMPOS REPETIDOS*/
/* Cambiar el color del placeholder para los inputs en formularios de Elementor */
.elementor-widget-form input::placeholder, 
.elementor-widget-form textarea::placeholder {
    color: #444 !important; /* Ajusta este valor al tono de gris que prefieras */
    opacity: 1 !important; /* Asegúrate de que el placeholder tenga opacidad completa */
}

.validate-postcode{
    display: none !important;
}
.menu-categoria .menu-item{
    border-top:solid 1px #ccc;
}
.menu-categoria .menu-item i:before{
     margin-right: 4px;
    color: #129ea2;   
}
.main-nenu .elementor-nav-menu--dropdown i{
    margin-right: 4px;
}
.main-nenu .elementor-nav-menu--dropdown li{
text-align:center !important;
}    
.mb{
    font-size: 16px;
    
}
.menu-categoria .elementor-menu-toggle__icon--open:after{
    content: " Filtrar por Marca";
        font-family: "Montserrat", Sans-serif;
        font-weight:500;
}

.menu-categoria .elementor-menu-toggle__icon--close:after{
    content: " Cerrar Filtrar";
        font-family: "Montserrat", Sans-serif;
        font-weight:500;
}
.menu-categoria .elementor-menu-toggle{
  display: block;
    width: 100%;
    text-align: center;
    padding: 12px;
}
.white{color:#fff;}
.yellow{color:#FFE60D;}
.purple{color:#702ECA;}
.promomes{
    color: #fff !important;
    background-color: #9f5ed9;
    content: "dd" !important;
    padding: 0px 6px;
    border-radius: 10px;
}
.precio-regular{
 text-decoration: line-through;
    font-weight: 400;
}
.pr{
    font-weight: 400;
}
.cpromo{
    text-align: center;
    margin-bottom: 0px;
    font-size: 24px;
    color: #9f5ed9 !important;
    width: 100% !important;
    float: left;
}

.text-white{
color: #fff !important;
}
.text-white h1{
color: #fff !important;
}
.green{
    color:#0CE787;
}

.servicios-ux {
    overflow: hidden;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 12%);
}

.servicios-ux h3::after{
        content: "";
    display: block;
    border-radius: 2px;
    margin-top: 12px;
    width: 30%;
    height: 3px;
    background: rgb(0,72,255);
    background: linear-gradient(90deg, rgba(0,72,255,1) 0%, rgba(0,255,255,1) 100%);
}
.c-incluye span{font-size:22px;
    font-weight: 3
}

.cc-brand{
        filter: grayscale(100%);
}
.cc-brand .gallery-item .gallery-icon{
    padding: 6px 20px; 
}

.elementor-widget-divider{
    flex-grow: 0 !important;
}
.wc-deposits-payment-plan-description strong{
background-color: #777;
color: #fff;
border-radius: 12px;
padding: 0px 6px 2px 6px;
}

.ccg-box .gchoice{
    text-align: center;
    float: left;
    width: 32%;
    margin-left: 2%;
}
.ccg-box .gchoice:first-child{
    margin-left: 0%;
}

.ccg-box .gfield-choice-input{
  display: none !important;
}

.ccg-box label {
  border: 1px solid #fff;
  padding: 12px 0px;
  box-sizing: border-box;
  display: block;
  position: relative;
  cursor: pointer;
  background-color: #f7f7f7;
  border-radius:6px;
  overflow: hidden;
  width: 100%;
  max-width: 100% !important;
}
.ccg-box :checked + label {
  border-color: #ddd;
  background-color: #129ea2;
  color: #fff;
  box-shadow: 0px 0px 7px rgba(0,0,0,0.12);
  font-weight: 700;
}

.ccg-box label:before {
  font-size: 22px;
  margin-bottom: 4px;
  content: "\f058";
font-family: "Font Awesome 5 Free";
font-weight: 900;
  text-align: center;
  transition-duration: 0.4s;
  display: block;
  color: #bbb;
}


.ccg-box :checked + label:before {
  content: "\f058";
      font-family: "Font Awesome 5 Free";
    font-weight: 900;
  z-index:1;
  color: #FFE60D;
}

.elementor-nav-menu--main i{
    margin-right: 4px;
    color:#129ea2;
}
.elementor-nav-menu--main .m-tienda i{
    color:#fff;
}
.elementor-nav-menu--main .m-tienda a{
    background-color:#9f5ed9;
    color:#fff !important;
    border-radius: 12px;
}
.simcar{
    display: block;
    width: 52px !important;
    margin: 0 auto;
}


.bloque-center{
    text-align: center;
}
.bloque-center i{
font-size: 52px;
    
}
.dos-full{
    width: 100% !important;
}
.box-yellow{
  background-image: radial-gradient(circle at 42% 35%, #fff200, #ffe000 107%);
  padding: 25px;
  box-sizing: border-box;
  border-radius: 12px;
  text-align:center;
  margin-top: 20px;
}
.box-yellow .y-logo{
    width: 120px !important;
}

.box-yellow h2{
    max-width: 460px;
    margin: 0 auto;
}
.box-yellow .todo{
    margin-top: -40px;
}
/* Cimark woocommerce */
.woocommerce-MyAccount-navigation{
    background-color: #000;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1184ee",endColorstr="#146dc0",GradientType=1);
border-radius: 4px;
padding: 20px;
}


.woocommerce-MyAccount-navigation-link--dashboard a:before {
     content: "\e065";
        font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 6px;
}
.woocommerce-MyAccount-navigation-link--orders a:before {
    content: "\f291";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 6px;
}
.woocommerce-MyAccount-navigation-link--edit-address a:before {
    content: "\f5a0";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 6px;
}
.woocommerce-MyAccount-navigation-link--edit-account a:before {
    content: "\f007";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 6px;
}
.woocommerce-MyAccount-navigation-link--customer-logout a:before {
    content: "\f2f5";
     font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 6px;
}

.cart_totals h2{
color:#ccc !important;
}
.wy .fa-whatsapp:before{
     color: #FFEB3B;
}
.fa-whatsapp:before{
    font-weight: 900;  
}
#cc-destacados .woocommerce-loop-product__title{
   display: none; 
}
#cc-destacados .price{
   display: none; 
}   
#cc-destacados .button{
display: none;     
}
#cc-destacados .attachment-woocommerce_thumbnail{
 margin-bottom: 0pX;   
}
.wayra-coc-button{
    width: 100%;
}

.cc-colorproducto .variations_form .variations{
   background-color: #fff;
}

.cc-form .elementor-field-textual{
    min-height:30px !important;
    padding: 5px 10px !important;
}

.cc-color-producto .value{
 background-color: white!important;   
}

/* Cantidad Woo */
.cc-carrito .quantity .input-text {
    min-height: 40px !important;
    text-align: center !important;
}
/* Estilo para el contenedor del campo de cantidad */
.woocommerce div.quantity,
.woocommerce-page div.quantity {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0; /* Añade margen para separar de otros elementos */
}

/* Ajustes opcionales para la columna de cantidad */
.woocommerce-cart-table th.product-quantity {
    text-align: left;
}

/* Eliminar las flechas del campo de cantidad en todos los navegadores */
.woocommerce div.quantity input.qty,
.woocommerce-page div.quantity input.qty {
    -moz-appearance: textfield; /* Firefox */
}
.woocommerce div.quantity input.qty::-webkit-outer-spin-button,
.woocommerce div.quantity input.qty::-webkit-inner-spin-button,
.woocommerce-page div.quantity input.qty::-webkit-outer-spin-button,
.woocommerce-page div.quantity input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none; /* Chrome, Safari, Edge, Opera */
    margin: 0; /* Eliminar margen */
}


/* Estilo para el campo de cantidad */
.woocommerce div.quantity input.qty,
.woocommerce-page div.quantity input.qty {
    border: 0px;
    width: 50px; /* Ajusta el ancho del campo */
    height: 40px; /* Ajusta la altura del campo */
    text-align: center; /* Centra el texto */
    border-radius: 5px; /* Bordes redondeados */
    background-color: #fff; /* Color de fondo */
    font-size: 16px; /* Tamaño de la fuente */
    padding: 0; /* Quita el padding */
    /* box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); Sombra interior */
    margin: 0px; /* Espaciado entre el campo y los botones */
}

/* Estilo para los botones de cantidad */
.woocommerce div.quantity .qty-button,
.woocommerce-page div.quantity .qty-button {
    background-color: #fff !important; /* Color de fondo */
    border: 0px solid #ddd; /* Color del borde */
    color: #666; /* Color del texto */
    cursor: pointer; /* Cambia el cursor al pasar el ratón */
    height: 40px; /* Ajusta la altura del botón */
    width: 40px; /* Ajusta el ancho del botón */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px; /* Botones con bordes redondeados */
    margin: 0; /* Sin margen adicional */
    font-size: 18px; /* Tamaño de la fuente */
    transition: background-color 0.3s ease; /* Transición suave al cambiar el color */
}

/* Hover y focus para los botones de cantidad */
.woocommerce div.quantity .qty-button:hover,
.woocommerce div.quantity .qty-button:focus,
.woocommerce-page div.quantity .qty-button:hover,
.woocommerce-page div.quantity .qty-button:focus {
    background-color: #f0f0f0; /* Color de fondo al pasar el ratón */
    border-color: #ccc; /* Color del borde al pasar el ratón */
}

/* Estilo para el botón de incremento */
.woocommerce div.quantity .qty-button.plus::before,
.woocommerce-page div.quantity .qty-button.plus::before {
    color: #666;
    content: ''; /* Texto del botón */
}

/* Estilo para el botón de decremento */
.woocommerce div.quantity .qty-button.minus::before,
.woocommerce-page div.quantity .qty-button.minus::before {
    color: #666;
    content: ''; /* Texto del botón */
}

/* Ocultar subtotal y total en el carrito */

.single_add_to_cart_button{
    min-height: 40px;
}
.woocommerce-variation-add-to-cart .quantity{
    border: solid 1px #ddd;
    border-radius: 3px;
}
.quantity .input-text {
    font-weight: 600;
}
/*Producto variations*/
.single-product .variations .label{
   padding-bottom: 0px !important;
}
.single-product .cfvsw-swatches-option{
    min-height: 50px!important;
    min-width: 50px !important;
}
.single-product .value{
   padding: 10px !important 
}
.woocommerce-product-attributes-item__value p{
    padding: 10px !important;
}
.single-product .woocommerce-breadcrumb{
    padding-top: 30px !important;
    text-align: center;
}
.elementor-menu-cart__main .qty-button{
    display: none;
}
.cfvsw-shop-variations tr td{
   justify-content: center; 
}

/* End Cantidad Woo */

/*Related product*/
.single-product .woocommerce-product-attributes .woocommerce-product-attributes-item__value{
padding-left:10px;
}
.single-product .related .products .product{
    text-align: center;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 12px;
    padding: 20px 20px 20px 20px;
    background-color: var(--e-global-color-996fe12 );
    border-color: #EEEEEE;
}
.single-product .related .products .product .price{
    color: var(--e-global-color-3f2c647 );
    font-size: 22px;
    font-weight: 700;
}

.button{
    background-color: #000 !important;
    color: #fff !important;
    margin-bottom: 0px !important;
}
/* CSS PRODUCT Related*/ 
/* PC */
@media screen and (min-width: 1024px){

}
/* End PC */
/* Tablet */
@media screen and (min-width: 768px) and (max-width:1023px) {

}
/* End Tablet */
/* Movil */
@media screen and (max-width: 767px){
.cc-brand .gallery-item{
    width:33% !important;
    box-sizing: border-box !important;
}
.cc-brand .gallery-item .gallery-icon{
    padding: 6px 6px; 
}
.ccg-box label{
    font-size:12px !important;
}

}
/* End Movil *//* End custom CSS */