.elementor-213 .elementor-element.elementor-element-2099865{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-213 .elementor-element.elementor-element-2099865:not(.elementor-motion-effects-element-type-background), .elementor-213 .elementor-element.elementor-element-2099865 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #F0F3F4 0%, #FFFFFF 100%);}.elementor-213 .elementor-element.elementor-element-e1782a6{--update-cart-automatically-display:none;--sections-border-type:solid;--sections-border-color:#0201011A;--sections-border-radius:8px 8px 8px 8px;--sections-padding:20px 20px 20px 20px;--sections-margin:5px;--sections-title-spacing:0px;--sections-descriptions-spacing:11px;--links-hover-color:var( --e-global-color-accent );--sections-radio-buttons-color:var( --e-global-color-primary );--forms-rows-gap:5px;--forms-fields-border-radius:6px 6px 6px 6px;--forms-buttons-normal-text-color:var( --e-global-color-primary );--forms-buttons-border-type:solid;--forms-buttons-border-color:var( --e-global-color-primary );--forms-buttons-border-radius:6px 6px 6px 6px;--forms-buttons-padding:9px 10px 9px 10px;--forms-buttons-width:auto;--order-summary-rows-gap-top:calc( 10px/2 );--order-summary-rows-gap-bottom:calc( 10px/2 );--order-summary-title-spacing:7px;--order-summary-items-divider-weight:1px;--totals-rows-gap-top:calc( 0px/2 );--totals-rows-gap-bottom:calc( 0px/2 );--totals-color:var( --e-global-color-secondary );--totals-divider-color:#D8D8D8;--totals-divider-weight:1px;--checkout-button-border-radius:25px 25px 25px 25px;}.elementor-213 .elementor-element.elementor-element-e1782a6 .woocommerce .wc-proceed-to-checkout .checkout-button{background-color:var( --e-global-color-primary );}.elementor-213 .elementor-element.elementor-element-e1782a6 .e-cart-section{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.07);border-width:1px 1px 1px 1px;}.elementor-213 .elementor-element.elementor-element-e1782a6 .cart_totals h2{font-size:18px;}.elementor-213 .elementor-element.elementor-element-e1782a6 {--sections-descriptions-color:var( --e-global-color-secondary );--forms-fields-padding:10px 10px 10px 10px;}.elementor-213 .elementor-element.elementor-element-e1782a6 .coupon .input-text, .elementor-213 .elementor-element.elementor-element-e1782a6 .cart-collaterals .input-text, .elementor-213 .elementor-element.elementor-element-e1782a6 select, .elementor-213 .elementor-element.elementor-element-e1782a6 .select2-selection--single{font-size:14px;font-weight:600;}.elementor-213 .elementor-element.elementor-element-e1782a6 .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:calc( (10px*2) + 16px );padding-left:10px;padding-right:10px;}.elementor-213 .elementor-element.elementor-element-e1782a6 .select2-container--default .select2-selection--single .select2-selection__arrow{height:calc( (10px*2) + 16px );right:10px;}.elementor-213 .elementor-element.elementor-element-e1782a6 .select2-container--default .select2-selection--single{height:auto;}.elementor-213 .elementor-element.elementor-element-e1782a6 .shop_table .button{font-size:14px;border-width:2px 2px 2px 2px;}.elementor-213 .elementor-element.elementor-element-e1782a6 .cart td span, .elementor-213 .elementor-element.elementor-element-e1782a6 .cart td, .elementor-213 .elementor-element.elementor-element-e1782a6 .input-text.qty{font-size:14px;}.elementor-213 .elementor-element.elementor-element-e1782a6 .cart_totals .shop_table td:before, .elementor-213 .elementor-element.elementor-element-e1782a6 .cart_totals .shop_table td .woocommerce-Price-amount{font-size:16px;font-weight:600;}/* Start custom CSS */td.product-thumbnail img {
    width: 80px !important;
    height: auto !important;
}
.premi-scritta {
    padding-bottom: 25px;
}

.boton-mas-menos-cantidad {
    display: none!important;
}

.premi-scritta {
    background: #ffc10740;
    padding: 10px;
    border-radius: 8px;
    padding-bottom: 10px;
}

.scritta2 a.btn-seguir-comprando {

}

.scritta2 a.btn-seguir-comprando:hover {
 
}


.elementor-widget-woocommerce-cart .woocommerce .cart_totals table.shop_table td .woocommerce-Price-amount, .elementor-widget-woocommerce-cart .woocommerce .cart_totals table.shop_table td:before {
    color: #222325;
    font-weight: 600 !important;
}

button.woosl-btn-add {
    background: #e2e2e2;
    border: 1px solid #7c7c7c;
    padding: 1px 10px;
    border-radius: 25px;
    font-size: 12px;
    color: #000000;
    font-weight: 600;
}

.elementor-widget-woocommerce-cart .woocommerce a:not(.add_to_cart_button):not(.restore-item):not(.wc-backward):not(.wc-forward) {
    color: #000000;
}

.e-shop-table.e-cart-section::before {
    content: 'Resumen de tus productos';
    font-size: 16px;
    font-weight: 600;
}

th.product-name {
    display: block !important;
}

table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents {
    margin-top: 7px;
}

.form-row.coupon-col {
    display: flex
;
    flex-wrap: wrap;
}

i.fa.fa-check.fa-1x {
    border: 2px solid #2ebc73;
    padding: 2px 3px;
    border-radius: 50px;
    color: #2ebc73;
}

.carrito p{
    font-family: "Proxima Nova", Sans-serif!important;
    font-size:14px!important;
}

table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents {
    margin-bottom: 10px;
}


.fee span.woocommerce-Price-amount.amount {
    background: #01b969!important;
    padding: 3px;
    border-radius: 3px;
    margin-bottom:10px!important;
    color:#fff!important;
    font-weight: 600!important;
    font-family: "Proxima Nova", Sans-serif!important;
    font-size:14px!important;
}

tr.order-total td::before {
    font-weight: 600!important;
    font-family: "Proxima Nova", Sans-serif!important;
    font-size:18px!important;
}


tr.fee td {
    padding-top: 10px !important;
    padding-bottom: 10px !important;

}

tr.fee td {
    font-weight: 600!important;
    font-family: "Proxima Nova", Sans-serif!important;
}

tr.order-total td {
    padding: 10px 0px !important;
}

ul#shipping_method {
    padding-bottom: 10px !important;
    border-bottom: 1px solid #acacac;
}

p.woocommerce-shipping-destination {
     padding-bottom: 10px !important;
     padding-top: 10px !important;
    border-bottom: 1px solid #acacac;
}

small.sequra-educational-popup.sequra-educational-popup--pp3 {
    font-size: 14px;
    font-family: 'Proxima Nova';
    color: #01b969 !important;
    width: 100% !important;
    padding-right: 80px; /* Añadir espacio para separar el texto de la imagen */
    font-weight: 600;
    position: relative; /* Necesario para colocar el before en relación con el elemento */
}

small.sequra-educational-popup.sequra-educational-popup--pp3::after {
    content: ''; /* Necesario para crear el pseudoelemento */
    position: absolute; /* Posicionamos la imagen dentro del contenedor */
    right: 0; /* Coloca la imagen a la derecha del contenedor */
    top: 50%; /* Centra la imagen verticalmente */
    transform: translateY(-50%); /* Ajuste fino para centrar la imagen verticalmente */
    width: 62px; /* Ajustamos el tamaño de la imagen */
    height: 20px; /* Ajustamos el tamaño de la imagen */
    background-image: url('https://resinpro.es/wp-content/uploads/2024/10/Logotipo-seQura-pastilla.png'); /* Ruta de la imagen que quieras mostrar */
    background-size: cover; /* Aseguramos que la imagen cubra el espacio */
    background-position: center; /* Centra la imagen dentro del pseudoelemento */
}



span.woocommerce-Price-amount.amount {
    font-size: 17px!important;
    font-weight: 500!important;
    font-family: "Proxima Nova", Sans-serif!important;
}

p.descuento-general {
    font-weight: 600 !important;
    font-size: 16px !important;
}

.carrito p {
    font-family: "Proxima Nova", Sans-serif !important;
    font-size: 14px !important;
    margin-bottom: -7px;
}

p.note {
    margin-top: 10px;
}



.descuento-general {
    font-size: 17px!important;
    font-weight: 500!important;
    font-family: "Proxima Nova", Sans-serif!important;
}


input {
    font-family: "Proxima Nova", Sans-serif!important;
}

.scritta3 {
    font-size: 16px;
    color: #000!important;
    font-family: "Proxima Nova", Sans-serif!important;
}

tr.woocommerce-shipping-totals.shipping {
     font-family: "Proxima Nova", Sans-serif!important;
}

label {
    font-family: "Proxima Nova", Sans-serif !important;
}

.elementor-widget-woocommerce-cart .woocommerce table.shop_table {
    border: 1px solid #dadada;
    padding: 10px;
}

/* Contenedor principal */
.envio-gratis-container {
    padding: 15px;
    background-color: #f3f8f4; /* Fondo suave */
    border-radius: 8px;
    margin-bottom: 20px;
}

/* Contenedor para el texto "Envío gratis" y el botón "Seguir comprando" */
.envio-gratis-header {
    display: flex;
    justify-content: space-between; /* Espacio entre los elementos */
    align-items: center; /* Alineación vertical */
    margin-bottom: 10px;
}


/* Barra de progreso */
.goal-progress-bar {
    background-color: #e0e0e0; /* Color de fondo de la barra */
    height: 8px; /* Altura de la barra */
    border-radius: 4px; /* Bordes redondeados */
    overflow: hidden;
    margin-top: 10px;
}

/* Barra de progreso activa */
.progress {
    background-color: #00b969; /* Color verde para la barra de progreso */
    height: 100%; /* Asegura que la barra ocupe toda la altura del contenedor */
}

/* Barra completa (cuando se alcanza el objetivo) */
.progress-complete {
    background-color: #4caf50; /* Color verde cuando se ha alcanzado el objetivo */
    height: 100%;
}

/* Estilo para el mensaje de avance */
.scritta2 {
    font-size: 14px;
    color: #333;
    margin-top: 10px;
}

/* Estilo del mensaje cuando se alcanza el envío gratis */
.goal-reached {
    font-size: 14px;
    color: #008000;
    margin-top: 10px;
}




.ventas-cruzadas button {
    display: inline-block;
    font-weight: 600;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: #4ac27f;
    border: 1px solid #4ac27f;
    padding: 3px;
    font-size: 1rem;
    border-radius: 3px;
    transition: all .3s;
    width: 100%;
}

.ventas-cruzadas .producto-imagen {
    position: relative;
    width: 100%;
    height: 200px; /* Ajusta la altura según tus necesidades */
    background-size: cover;
    background-position: center center;
}





/* spinner en boton de añadir al carrito */

.loading {
    position: relative;
    pointer-events: none;
    opacity: 0.7;
}

.loading::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: #ffffff;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}


.card-product, .card-product-2 {
box-shadow: 0px 8px 3px rgba(0, 0, 0, 0.01), 0px 4px 3px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.09), 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1);
}

.card-product:hover, .card-product-2:hover{
box-shadow: 
0px 10px 3px rgba(0, 0, 0, 0.05),
0px 4px 3px rgba(0, 0, 0, 0.05),
0px 2px 2px rgba(0, 0, 0, 0.09),
0px 0px 1px rgba(0, 0, 0, 0.1),
0px 0px 0px rgba(0, 0, 0, 0.1);
}


.producto-info-destacada {
    display: flex;
    gap: 10px;
    flex-direction: row;
}



a.seguir-comprando, a.tramirar-pedido {
    padding: 5px 10px;
    background: #2ebc73;
    color: #ffffff;
    font-weight: 500;
    border-radius: 3px;
}

a.seguir-comprando:hover, a.tramirar-pedido:hover {
    background: #2ebc73;
    color: #ffffff!important;
}

.producto-info {
    padding: 0px;
    border: px solid #dadada;
    max-width: fit-content;
    border-radius: 4px;
    align-items: flex-start;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
}

p.producto-variacion {
    margin-bottom: 0px;
    font-size: 14px;
}

.card-product span.woocommerce-Price-amount.amount {
    font-size: 16px;
    font-weight: 500;
}



span.woocommerce-Price-amount.amount {
    font-size: 20px;
    font-weight: 500;
}



/* Contenedor de las secciones */
.ventas-cruzadas-secciones {
    margin-bottom: 40px;
}

.ventas-cruzadas-secciones h3 {
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 20px;
    text-align: initial;
}

/* Grid de productos */
.productos-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr); /* Seis columnas en desktop */
    gap: 10px;
    margin-bottom: 20px;
}

/* Estilo para cada producto dentro del grid */
.producto {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.producto:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.producto-imagen img {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
}

/* Nombre y precio del producto */
.producto-info {
    margin-top: 10px;
}

a.carrito {
    padding: 5px;
    border: 1px solid #2ebc74;
    border-radius: 3px;
    color: #2ebc74;
    width: 100% !important;
    margin-left: 10px;
}

p.producto-nombre {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    max-height: 51px;
    overflow: hidden;
    text-align: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: 
    vertical;
}

.producto-precio {
    font-size: 1.2rem;
    color: #333;
}

/* Media Queries para Responsividad */

/* Tabletas: 3 columnas */
@media (max-width: 1024px) {
    .productos-grid {
        grid-template-columns: repeat(3, 1fr); /* Tres columnas en tablet */
    }
}

/* Móviles: 2 columnas */
@media (max-width: 768px) {
    .productos-grid {
        grid-template-columns: repeat(2, 1fr); /* Dos columnas en móviles */
    }

    /* Estilo para la imagen y texto en móviles */
    .producto-imagen img {
        max-width: 100%;
    }

    .producto-nombre {
        font-size: 0.9rem; /* Reducir tamaño del nombre en móvil */
    }

    .producto-precio {
        font-size: 1rem; /* Reducir tamaño del precio en móvil */
    }
}

/* Desktop: 1 fila con 6 columnas */
@media (min-width: 1025px) {
    .productos-grid {
        grid-template-columns: repeat(6, 1fr);
    }
}

.ventas-cruzadas button {
    display: inline-block;
    font-weight: 600;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: #4ac27f;
    border: 1px solid #4ac27f;
    padding: 3px;
    font-size: 1rem;
    border-radius: 3px;
    transition: all .3s;
    width: 100%;
}

.ventas-cruzadas .producto-imagen {
    position: relative;
    width: 100%;
    height: 200px; /* Ajusta la altura según tus necesidades */
    background-size: cover;
    background-position: center center;
}





/* spinner en boton de añadir al carrito */

.loading {
    position: relative;
    pointer-events: none;
    opacity: 0.7;
}

.loading::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: #ffffff;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}


.card-product, .card-product-2 {
box-shadow: 0px 8px 3px rgba(0, 0, 0, 0.01), 0px 4px 3px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.09), 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1);
}

.card-product:hover, .card-product-2:hover{
box-shadow: 
0px 10px 3px rgba(0, 0, 0, 0.05),
0px 4px 3px rgba(0, 0, 0, 0.05),
0px 2px 2px rgba(0, 0, 0, 0.09),
0px 0px 1px rgba(0, 0, 0, 0.1),
0px 0px 0px rgba(0, 0, 0, 0.1);
}


.producto-info-destacada {
    display: flex;
    gap: 10px;
    flex-direction: row;
}



a.seguir-comprando, a.tramirar-pedido {
    padding: 5px 10px;
    background: #2ebc73;
    color: #ffffff;
    font-weight: 500;
    border-radius: 3px;
}

a.seguir-comprando:hover, a.tramirar-pedido:hover {
    background: #2ebc73;
    color: #ffffff!important;
}

.producto-info {
    padding: 0px;
    border: px solid #dadada;
    max-width: fit-content;
    border-radius: 4px;
    align-items: flex-start;
    margin-bottom: 00px;
    display: flex;
    flex-direction: column;
}

p.producto-variacion {
    margin-bottom: 0px;
    font-size: 14px;
}

.card-product span.woocommerce-Price-amount.amount {
    font-size: 16px;
    font-weight: 500;
}



span.woocommerce-Price-amount.amount {
    font-size: 20px;
    font-weight: 500;
}



/* Contenedor de las secciones */
.ventas-cruzadas-secciones {
    margin-bottom: 40px;
}

.ventas-cruzadas-secciones h3 {
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 20px;
    text-align: initial;
}

/* Grid de productos */
.productos-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr); /* Seis columnas en desktop */
    gap: 10px;
    margin-bottom: 20px;
}

/* Estilo para cada producto dentro del grid */
.producto {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.producto:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.producto-imagen img {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
}

/* Nombre y precio del producto */
.producto-info {
    margin-top: 10px;
}

a.carrito {
    padding: 5px;
    border: 1px solid #2ebc74;
    border-radius: 3px;
    color: #2ebc74;
    width: 100% !important;
    margin-left: 10px;
}

p.producto-nombre {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    max-height: 51px;
    overflow: hidden;
    text-align: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: 
    vertical;
}

.producto-precio {
    font-size: 1.2rem;
    color: #333;
}

button.button.añadir-al-carrito {
    background: #2cbc72;
    color: #ffffff;
    border: 1px solid #2cbc72;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 600;
    width: 100%;
    padding: 4px 0px;
}

/* Media Queries para Responsividad */

/* Tabletas: 3 columnas */
@media (max-width: 1024px) {
    .productos-grid {
        grid-template-columns: repeat(3, 1fr); /* Tres columnas en tablet */
    }
}

/* Móviles: 2 columnas */
@media (max-width: 768px) {
    .productos-grid {
        grid-template-columns: repeat(2, 1fr); /* Dos columnas en móviles */
    }

    /* Estilo para la imagen y texto en móviles */
    .producto-imagen img {
        max-width: 100%;
    }

    .producto-nombre {
        font-size: 0.9rem; /* Reducir tamaño del nombre en móvil */
    }

    .producto-precio {
        font-size: 1rem; /* Reducir tamaño del precio en móvil */
    }
}

/* Desktop: 1 fila con 6 columnas */
@media (min-width: 1025px) {
    .productos-grid {
        grid-template-columns: repeat(6, 1fr); /* Seis columnas en desktop */
    }
}/* End custom CSS */