body.ce-kit-1{color:#000000;font-family:"Montserrat", sans-serif;background-color:#FFFFFF;}a, .elementor a{color:#000000;font-family:"Raleway", sans-serif;}a:hover, .elementor a:hover{color:#B0C38C;}body.ce-kit-1 h1{font-family:"Raleway", sans-serif;font-weight:500;}body.ce-kit-1 h2{font-family:"Raleway", sans-serif;font-weight:500;}body.ce-kit-1 h3{font-family:"Raleway", sans-serif;font-weight:500;}body.ce-kit-1 h4{font-family:"Raleway", sans-serif;font-weight:500;}body.ce-kit-1 h5{font-family:"Raleway", sans-serif;font-weight:500;}body.ce-kit-1 h6{font-family:"Raleway", sans-serif;font-weight:500;}body.ce-kit-1 .ce-display-small{font-size:16px;}body.ce-kit-1 .ce-display-medium{font-size:24px;}body.ce-kit-1 .ce-display-large{font-size:31px;}body.ce-kit-1 .ce-display-xl{font-size:38px;line-height:1.4em;}body.ce-kit-1 .ce-display-xxl{font-size:45px;}.elementor-button{font-family:"Raleway", sans-serif;font-weight:500;background-color:#0F8147;}.elementor-button, a.elementor-button:not(#e){color:#FFFFFF;}.elementor-button:hover, .elementor-button:focus, a.elementor-button:not(#e):hover, a.elementor-button:not(#e):focus{color:#FFFFFF;}.elementor-button:hover, .elementor-button:focus{background-color:#034F29;}.elementor-button.elementor-size-sm{border-radius:15px 15px 15px 15px;}.elementor-button.elementor-size-md{font-size:16px;border-radius:15px 15px 15px 15px;}.elementor-button.elementor-size-lg{border-radius:15px 15px 15px 15px;}.elementor-button.elementor-size-xs{border-radius:10px 10px 10px 10px;}.elementor-button-primary .elementor-button{font-weight:500;background-color:#0F8147;}.elementor-button-primary .elementor-button, .elementor-button-primary a.elementor-button:not(#e){color:#FFFFFF;}.elementor-button-primary .elementor-button:hover, .elementor-button-primary .elementor-button:focus, .elementor-button-primary a.elementor-button:not(#e):hover, .elementor-button-primary a.elementor-button:not(#e):focus{color:#FFFFFF;}.elementor-button-primary .elementor-button:hover, .elementor-button-primary .elementor-button:focus{background-color:#034F29;}.elementor-button-primary .elementor-button.elementor-size-sm{border-radius:15px 15px 15px 15px;}.elementor-button-primary .elementor-button.elementor-size-md{border-radius:15px 15px 15px 15px;}.elementor-button-primary .elementor-button.elementor-size-lg{border-radius:15px 15px 15px 15px;}.elementor-button-primary .elementor-button.elementor-size-xs{border-radius:10px 10px 10px 10px;}.elementor-button-secondary .elementor-button{font-weight:500;background-color:#2C2C2C;}.elementor-button-secondary .elementor-button, .elementor-button-secondary a.elementor-button:not(#e){color:#FFFFFF;}.elementor-button-secondary .elementor-button:hover, .elementor-button-secondary .elementor-button:focus, .elementor-button-secondary a.elementor-button:not(#e):hover, .elementor-button-secondary a.elementor-button:not(#e):focus{color:#FFFFFF;}.elementor-button-secondary .elementor-button:hover, .elementor-button-secondary .elementor-button:focus{background-color:#2C2C2C;}.elementor-button-secondary .elementor-button.elementor-size-sm{border-radius:15px 15px 15px 15px;}.elementor-button-secondary .elementor-button.elementor-size-md{border-radius:15px 15px 15px 15px;}.elementor-button-secondary .elementor-button.elementor-size-lg{border-radius:15px 15px 15px 15px;}.elementor-button-secondary .elementor-button.elementor-size-xs{border-radius:10px 10px 10px 10px;}.btn:not(.btn-primary, .btn-secondary){font-weight:500;background-color:#0F8147;border-radius:10px 10px 10px 10px;}.btn:not(.btn-primary, .btn-secondary), a.btn:not(.btn-primary, .btn-secondary){color:#FFFFFF;}.btn:not(.btn-primary, .btn-secondary):hover, .btn:not(.btn-primary, .btn-secondary):hover:active, .btn:not(.btn-primary, .btn-secondary):focus, a.btn:not(.btn-primary, .btn-secondary):hover, a.btn:not(.btn-primary, .btn-secondary):focus{color:#FFFFFF;}.btn:not(.btn-primary, .btn-secondary):hover, .btn:not(.btn-primary, .btn-secondary):hover:active, .btn:not(.btn-primary, .btn-secondary):focus{background-color:#034F29;}.btn-primary{font-weight:500;text-transform:none;background-color:#0F8147;padding:15px 30px 15px 30px;border-radius:15px 15px 15px 15px;}.btn-primary, a.btn-primary{color:#FFFFFF;}.btn-primary:hover, .btn-primary:hover:active, .btn-primary:focus, a.btn-primary:hover, a.btn-primary:focus{color:#FFFFFF;}.btn-primary:hover, .btn-primary:hover:active, .btn-primary:focus{background-color:#034F29;}.btn-secondary{font-weight:500;text-transform:none;background-color:#2C2C2C;border-radius:10px 10px 10px 10px;}.btn-secondary, a.btn-secondary{color:#FFFFFF;}.btn-secondary:hover, .btn-secondary:hover:active, .btn-secondary:focus, a.btn-secondary:hover, a.btn-secondary:focus{color:#FFFFFF;}.btn-secondary:hover, .btn-secondary:hover:active, .btn-secondary:focus{background-color:#2C2C2C;}.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-view-framed .elementor-icon, .elementor-view-default .elementor-icon{color:#FFFFFF;}body.ce-kit-1 label{font-family:"DM Sans", sans-serif;font-weight:500;}body.ce-kit-1 .form-control, body.ce-kit-1 .elementor-field-textual{background-color:#F8F8F8;border-style:solid;border-width:0px 0px 0px 0px;border-radius:10px 10px 10px 10px;padding:17px 17px 17px 17px;}body.ce-kit-1 .form-control:focus, body.ce-kit-1 .elementor-field-textual:focus{background-color:#F8F8F8;box-shadow:0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;outline-style:solid;border-style:solid;border-width:0px 0px 0px 0px;border-color:rgba(0, 0, 0, 0);}select.form-control:not([size]):not([multiple]){height:auto;}body.ce-kit-1 #wrapper{background-color:#FFFFFF;}body.ce-kit-1 .container{width:1600px;max-width:100%;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1600px;}body.ce-kit-1 .breadcrumb li:not(#e), body.ce-kit-1 .ce-breadcrumb__item{color:#2C2C2C;}@media(max-width:1024px){body.ce-kit-1 .ce-display-xl{font-size:30px;}body.ce-kit-1 .ce-display-xxl{font-size:38px;}}/* Start custom CSS for page-settings *//* Espacio general para las páginas internas */
#authentication #wrapper,
#cart #wrapper,
#password #wrapper,
#checkout #wrapper, 
#registration #wrapper {
    padding: 80px;
    margin-bottom: -15px;
}

/* Ajustes para pantallas más pequeñas (tabletas, móviles) */
@media (max-width: 768px) {
    #authentication #wrapper,
    #cart #wrapper,
    #password #wrapper,
    #checkout #wrapper, 
    #registration #wrapper {
        padding: 20px; /* Reducir el padding en pantallas pequeñas */
        margin-bottom: -20px; /* Corregir margen */
    }
}

/* Ajustes adicionales para pantallas móviles */
@media (max-width: 480px) {
    #authentication #wrapper,
    #cart #wrapper,
    #password #wrapper,
    #checkout #wrapper, 
    #registration #wrapper {
        padding: 20px; /* Menos padding en pantallas muy pequeñas */
        margin-bottom: -20px; /* Corregir margen */
    }
}


/*Añade back blanco redondo en microbanners del home */



/*Borde redondeado para campo de email en form de suscripcon en seccion de home*/
.elementor-1170101 .elementor-element.elementor-element-b97c9ad input[type=email] {
  
    border-radius: 15px;
}


/*Redondear bordes de miniaturas de productos*/
.elementor-widget .elementor-product-miniature {

    border: 1px solid;
    border-radius: 15px;
}

/*Redondear bordes de popup de entrada*/
.cp-inner {
    position: relative;
    width: 100%;
    height: 100%;
    background-position: center center;
    z-index: 30;
    border-radius: 20px;
}





/* Fuerza color dorado en estrellas usando Material Icons */
.material-icons.progress-stars,
.material-icons.progress-stars.star_custom_size,
i.material-icons.progress-stars,
i.material-icons.progress-stars.star_custom_size {
  color: #ffc107 !important;
  fill: #ffc107 !important;
  -webkit-text-fill-color: #ffc107 !important;
  text-shadow: none !important;
  background: none !important;
}

/* bottom submit popup sin borde */
input.cp-layer {
    border: none !important;
}

/* borde fica products mas gris */
.elementor-widget .elementor-product-miniature {
    border: 1px solid #e7e7e7;
}

/* borde redondeado etiqueta descuento ficha producto */
.elementor-badge.elementor-badge-sale, 
.elementor-badge.elementor-badge-new {
    border-radius: 10px;
}

/* Selecciona la primera columna de todas las tablas en la página de producto */
#product table td:first-child {
    font-weight: 600;
}

/* Aplica margin-left de 25px a las celdas de la segunda columna */
#product table td:nth-child(2) {
    padding-left: 50px !important; /* Utiliza padding en lugar de margin */
}

#product .elementor-widget-container table {
    margin-top: 30px !important;
}

/* Establecer el color predeterminado para el icono con la clase icon1 */
.icon1 path {
    fill: #a5a5a5;
    transition: fill 0.3s ease; /* Transición suave para el cambio de color */
}

/* fondo de todas las páginas en blanco */
#wrapper {
    background: #fff;
}

/* ocultar titulo de paginas internas */
#wrapper .breadcrumb {
    display: none;
}

header.page-header {
    display: none;
}


/* Estilo solo para la página de productos (#product) */
body#product .elementor-swiper-button-prev,
body#product .elementor-swiper-button-next {
  background-color: #fff;
  color: #000;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 10px rgba(0,0,0,0.08);
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  z-index: 10;
}

/* Estilo del ícono de flecha */
.elementor-swiper-button-prev i,
.elementor-swiper-button-next i {
  font-size: 18px;
  color: #000;
}

/* Hover limpio y profesional */
.elementor-swiper-button-prev:hover,
.elementor-swiper-button-next:hover {
  background-color: #eaeaea;         /* Un gris suave al pasar el mouse */
  /* box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);  Sombra más marcada */
}

.elementor-swiper-button-prev i, .elementor-swiper-button-next i {
    box-shadow: none !important;
}

a.elementor-item.elementor-item-active::after {
    content: none !important;
}

.elementor-nav--layout-horizontal .elementor-nav a {
    white-space: nowrap;
    color: black;
    font-size: inherit;
    font-weight: 700;
}


/* para que las flechas al hacer zoom en el prodiucto no se descuadren */
.elementor-lightbox .elementor-swiper-button-next, .elementor-lightbox .elementor-swiper-button-prev {
    height: 35px;
    width: 35px;
}

/* para que la imagen este sin sombra */
img.elementor-lightbox-image.elementor-lightbox-prevent-close {
    box-shadow: none;
    border-radius: 15px;
}

.elementor-4170101 .elementor-element.elementor-element-39bde096 > .elementor-container > .elementor-nav-tabs a.elementor-item:not(#e) {
    font-size: 20px;
}


/*Estos dan estilo al microslider del topbar*/

#header a:hover {
    color: #ffffff;
    text-decoration: none;
}

#header a {
    color: #ffffff;
}

#header, #header .header-top {
    background-color: #ffffff00;
}

/* Cambiar el color del enlace en hover */
#product .elementor-icon-box-title a:hover {
  color: #000 !important;
}

#product .elementor-carousel-image {
    border: solid 1px #a5a5a5;
    border-radius: 15px
}

/* Estilos pagina de inicio de sesion */
.page-authentication #content, .page-registration #content {
    background-color: #f5f5f5;
    border-radius: 15px;
}

.form-control {
    border-radius: 10px;
}

.input-group .input-group-btn>.btn[data-action=show-password] {
    background: #848484;
}

#authentication .btn:not(.btn-primary, .btn-secondary):hover, .btn:not(.btn-primary, .btn-secondary):hover:active, .btn:not(.btn-primary, .btn-secondary):focus {
    background-color: #848484;
    color: #fff;
}

#login-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 500px; /* Ajusta el ancho máximo del formulario */
    margin: 0 auto;
    padding: 20px;
    background-color: #f5f5f5;
    border-radius: 15px;
}

#login-form .form-group {
    width: 130%;
    margin-bottom: 15px;
}

#login-form .form-control {
    width: 100%;
}

#login-form footer {
    width: 100%;
    text-align: center;
}

#login-form label.col-md-3.form-control-label.required {
    width: 30%;
    text-align: left;
}

#login-form input#field-email {
    margin-top: 10px;
}

/* Estilos pagina de carrito de compras */
#cart #subcategories ul li .subcategory-name:hover, .block-categories .arrows .arrow-down:hover, .block-categories .arrows .arrow-right:hover, .block-categories .collapse-icons .add:hover, .block-categories .collapse-icons .remove:hover, .cart-grid-body a.label:hover {
    color: #000;
}

#cart span.price {
    color: #678762;
}

#cart #stores .page-stores .store-picture img, .product-line-grid-left img {
    max-width: 100%;
    border: solid 1px #d0d0d0;
    border-radius: 15px;
}

#cart .input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 10px;
}

#cart .btn:not(.btn-primary, .btn-secondary) {
    background-color: transparent;
    border-radius: 5px!important;
    border: none;
    margin-left: -24px;
    z-index: 10;
    color: #000;
    margin-top: 1px;
}

#cart i.material-icons.touchspin-up {
    margin-top: 2px;
}

#cart i.material-icons.touchspin-down {
    margin-top: -2px;
}

#cart .product-line-grid-body>.product-line-info>.label: focus {
    color: #000 !important;
    text-decoration: none !important;
}

.block-promo .promo-code-button.cancel-promo {
    color: #000;
}

.block-promo .promo-input {
    width: 50%;
    height: 2.5rem;
    border-radius: 10px;
    margin-right: 10px;
}

.block-promo .promo-input+button {
    margin-top: -4px;
    margin-left: -1px;
    text-transform: capitalize;
    border: none;
    padding: 12px 25px;
}

button.btn.btn-primary.disabled {
    color: #000 !important;
}

/* Estilos pagina de checkout */
body#checkout a:hover {
    color: #0f8147 !important;
}

body#checkout .product-name a {
    color: #000;
}

/* Rescatar el color blanco en el menu, en la pagina de checkout al hacer hover */
.elementor-2170101 .elementor-element.elementor-element-5ba56946 .elementor-nav--main a.elementor-item:not(#e):hover, .elementor-2170101 .elementor-element.elementor-element-5ba56946 .elementor-nav--main a.elementor-item:not(#e):focus {
    color: #fff !important;
}

/* Quitar espacio en blanco del footer en la pagina de checkout */
body#checkout #footer {
    padding: 0rem;
    background: #000;
}

a.js-show-details {
    color: #000;
}

a.js-show-details: hover {
    color: #000;
}

span.product-price.float-xs-right {
    color: #000;
}

#checkout .form-control {
    padding: 10px !important;
    border-radius: 10px !important;
}

#checkout .input-group .input-group-btn>.btn[data-action=show-password] {
    background: #848484;
    border-radius: 10px;
    margin-left: 10px;
    color: #fff;
}

span.step-number {
    background-color: #0f8147 !important;
    color: #fff;
    border: none !important;
}

.bg-success {
    background-color: #0F8147 !important;
    border-radius: 5px;
}

.progress {
    background: #dbdbdb;
    border-radius: 5px;
}

.text-success {
    color: #0F8147 !important;
}

.custom-checkbox input[type=checkbox]+span .checkbox-checked {
    background-color: #0F8147;
    border-radius: 5px;
    color: #fff;
}

/* chechbox en inactivo */
.custom-checkbox input[type=checkbox]+span {
    border-radius: 5px;
}

#checkout .custom-radio input[type=radio]:checked+span {
    background-color: #000;
}

#checkout #login-form {
    background-color: transparent;
}

body#checkout section.checkout-step .forgot-password {
    margin-left: 150px;
}

#checkout button.continue.btn.btn-primary.float-xs-right {
    margin-top: 10px;
}

#checkout footer.form-footer {
    text-align: center;
    width: 100%;
}

#checkout footer.form-footer .continue {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
}

.bg-danger {
    background-color: #ff4c4c!important;
    border-radius: 5px;
}

body#checkout section.checkout-step .delivery-options .delivery-option {
    border-radius: 15px;
}

body#checkout #delivery textarea, body#checkout #gift_message textarea {
    border-radius: 10px;
}

body#checkout section.checkout-step .address-item.selected {
    border: solid 1px #a5a5a5;
    border-radius: 15px;
}

/* Estilos pagina recuperar contrasena */
#password .forgotten-password .form-fields label.required {
    width: 169px;
    text-align: left;
    margin-top: -10px;
}

#password .btn-primary {
    text-transform: none;
    background-color: transparent;
    padding: 0px;
}

#password .btn-primary, a.btn-primary {
    color: #000;
    text-decoration: underline;
    margin-left: 15px;
}

/* Responsive */
@media (max-width: 1024px) {
  /* Elimina márgenes y el espacio a la derecha */
  body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden; /* Elimina el desplazamiento horizontal */
  }

  /* Asegúrate de que el contenedor principal tenga el 100% de ancho */
  .container, .elementor-container {
    max-width: 100%;
    padding: 0;
    margin: 0;
  }

  /* Asegura que las imágenes y los elementos internos no excedan el ancho del contenedor */
  img, video, .elementor-widget {
    max-width: 100%;
    height: auto;
  }

 

/* Estilos flechas siguiente de sliders */
.elementor-swiper-button-prev i, .elementor-swiper-button-next i {
    background-color: #fff;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
    padding: 5px;
    border-radius: 50px;
}

.elementor-swiper-button-prev:hover, .elementor-swiper-button-next:hover {
    border-radius: 50px;
}

@media screen and (max-width: 768px) {
    button.elementor-button.elementor-size-md {
        padding: 10px 2px;
    }
}


/* Estilos del scrollbar solo para celular */
@media screen and (max-width: 768px) {
  ul.elementor-nav.ce-scrollbar-x--auto {
    scrollbar-width: thin;
    scrollbar-color: #0F8147 #e0e0e0; /* Personalización del color */
    margin-top: 10px; /* Añadir margen superior para espacio entre los botones y la barra */
    padding-bottom: 10px; /* Añadir padding inferior si es necesario */
  }

  ul.elementor-nav.ce-scrollbar-x--auto::-webkit-scrollbar {
    width: 12px; /* Ancho del scrollbar */
    height: 12px; /* Altura del scrollbar horizontal */
  }

  ul.elementor-nav.ce-scrollbar-x--auto::-webkit-scrollbar-track {
    background: #e0e0e0; /* Color de fondo del track */
  }

  ul.elementor-nav.ce-scrollbar-x--auto::-webkit-scrollbar-thumb {
    background-color: #0F8147; /* Color del thumb */
    border-radius: 6px; /* Bordes redondeados */
  }
}

#cart .btn-primary {
    text-transform: none;
    text-decoration: none !important;
    color: #fff;
}

#cart .btn-primary:hover {
    text-transform: none;
    text-decoration: none !important;
    color: #fff;
}

@media screen and (max-width: 768px) {
    body.ce-kit-1 .form-control,
    body.ce-kit-1 .elementor-field-textual {
        padding: 13px !important; /* Añadir padding solo en dispositivos móviles */
    }
}


/* Quitar estilo subrayado boton testimoniales */
a.btn.btn-lg.btn-primary.bt_see_all {
    text-decoration: none;
}



/* Sombra en los textos principales del menú */
.elementor-nav > li > a {
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
}

/* Sombra también en los submenús desplegables */
.elementor-nav .sub-menu li > a {
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
}

.elementor-nav--layout-horizontal .elementor-nav a {
    white-space: nowrap;
    color: black;
    font-size: 38px;
    font-weight: 500;
    text-shadow: none;
       padding-left: 0px !important;
}/* End custom CSS */