.elementor-323 .elementor-element.elementor-element-b3a1720{--display:flex;--min-height:718px;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:91px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-323 .elementor-element.elementor-element-1bf168d{--display:flex;}.elementor-323 .elementor-element.elementor-element-066f9b4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.woocommerce .elementor-323 .elementor-element.elementor-element-066f9b4 .woocommerce-product-gallery__trigger + .woocommerce-product-gallery__wrapper,
					.woocommerce .elementor-323 .elementor-element.elementor-element-066f9b4 .flex-viewport{border-radius:0px 0px 0px 0px;}.woocommerce .elementor-323 .elementor-element.elementor-element-066f9b4 .flex-control-thumbs img{border-radius:0px 0px 0px 0px;}.woocommerce .elementor-323 .elementor-element.elementor-element-066f9b4 .flex-control-thumbs li{padding-right:calc(0px / 2);padding-left:calc(0px / 2);padding-bottom:0px;}.woocommerce .elementor-323 .elementor-element.elementor-element-066f9b4 .flex-control-thumbs{margin-right:calc(-0px / 2);margin-left:calc(-0px / 2);}.elementor-323 .elementor-element.elementor-element-1a17638{--display:flex;--justify-content:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:14%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-323 .elementor-element.elementor-element-4d16b75 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:89px;font-weight:700;text-transform:uppercase;}.elementor-widget-woocommerce-product-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.woocommerce .elementor-widget-woocommerce-product-price .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-323 .elementor-element.elementor-element-ea48575 .cart button, .elementor-323 .elementor-element.elementor-element-ea48575 .cart .button{transition:all 0.2s;}.elementor-323 .elementor-element.elementor-element-ea48575 .quantity .qty{transition:all 0.2s;}.elementor-323 .elementor-element.elementor-element-f53e8b7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:40px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-323 .elementor-element.elementor-element-71dd5ac .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:89px;font-weight:600;}.elementor-323 .elementor-element.elementor-element-cbf3009{--swiper-slides-to-display:5;--swiper-offset-size:0px;--swiper-slides-gap:40px;}.elementor-323 .elementor-element.elementor-element-b54d92d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:1024px){.elementor-323 .elementor-element.elementor-element-b3a1720{--padding-top:12%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-323 .elementor-element.elementor-element-cbf3009{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-323 .elementor-element.elementor-element-b3a1720{--padding-top:55px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-323 .elementor-element.elementor-element-1a17638{--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-19px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-323 .elementor-element.elementor-element-4d16b75 .elementor-heading-title{font-size:36px;}.elementor-323 .elementor-element.elementor-element-f53e8b7{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-323 .elementor-element.elementor-element-71dd5ac .elementor-heading-title{font-size:36px;}.elementor-323 .elementor-element.elementor-element-cbf3009{--swiper-slides-to-display:1;--swiper-offset-size:80px;}}/* Start custom CSS *//* === ESTILO SOFT POP PARA ELEMENTOR/WOOCOMMERCE === */

/* 1. Contenedor Principal y Fondo */
.product.type-product {
    background-color: #fdfdfd; /* Fondo muy suave */
    border-radius: 30px;
    padding: 20px !important;
}

/* 2. Imágenes (Galería) */
.woocommerce-product-gallery {
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 15px 40px rgba(165, 94, 234, 0.1); /* Sombra morada suave */
    border: 4px solid #fff;
    transition: transform 0.3s ease;
}
.woocommerce-product-gallery:hover {
    transform: translateY(-5px);
}

/* 3. Título y Textos */
.product_title.entry-title {
    font-family: 'Poppins', sans-serif !important;
    color: #2d3436;
    font-weight: 800 !important;
    letter-spacing: -0.5px;
}

/* 4. Precio "Pop" */
p.price, span.price {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 700 !important;
    color: #00d2ff !important; /* Cyan vibrante */
    text-shadow: 2px 2px 0px rgba(0, 210, 255, 0.1);
    font-size: 28px !important;
}

/* 5. Inputs de Cantidad (Estilo Cápsula) */
.quantity {
    background: #fff;
    border-radius: 50px !important;
    padding: 5px;
    border: 2px solid #eee;
    box-shadow: 0 5px 15px rgba(0,0,0,0.03);
    display: inline-flex !important;
    align-items: center;
}

.quantity input.qty {
    border: none !important;
    background: transparent !important;
    font-weight: 700 !important;
    color: #2d3436 !important;
    border-radius: 0 !important;
}

/* 6. Botón de Añadir al Carrito (Gradiente + Sombra) */
button.single_add_to_cart_button {
    background: linear-gradient(135deg, #a55eea 0%, #4bcffa 100%) !important;
    color: white !important;
    border-radius: 50px !important;
    padding: 15px 40px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none !important;
    box-shadow: 0 10px 25px rgba(165, 94, 234, 0.3) !important;
    transition: all 0.3s ease !important;
    margin-left: 10px !important; /* Separar del input cantidad */
}

button.single_add_to_cart_button:hover {
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 15px 35px rgba(165, 94, 234, 0.5) !important;
}

/* 7. Tabs / Descripción (Cajas Blancas Flotantes) */
.woocommerce-tabs {
    background: #fff;
    border-radius: 25px;
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    margin-top: 40px;
    border: 1px solid #f0f0f0;
}

.woocommerce-tabs ul.tabs li {
    background: transparent !important;
    border: none !important;
}
.woocommerce-tabs ul.tabs li.active a {
    color: #a55eea !important;
    border-bottom: 3px solid #a55eea !important;
}






/* --- Variables (Igual que tu menú) --- */
:root {
    --sp-cyan: #22d3ee;
    --sp-purple: #c084fc;
    --sp-grad: linear-gradient(135deg, var(--sp-cyan), var(--sp-purple));
}

/* Contenedor Flotante (Invisible por defecto) */
.sp-sticky-pill-container {
    position: fixed;
    bottom: 20px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    z-index: 9999;
    pointer-events: none; /* Para que no bloquee clics alrededor */
    opacity: 0;
    transform: translateY(50px); /* Empieza más abajo */
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* Estado Visible (Activado por JS) */
.sp-sticky-pill-container.visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

/* La Píldora (Caja de Cristal) */
.sp-pill-content {
    background: rgba(255, 255, 255, 0.85); /* Blanco translúcido */
    backdrop-filter: blur(12px); /* Efecto Vidrio */
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 50px; /* Bordes totalmente redondos */
    padding: 6px 6px 6px 8px; /* Padding interno ajustado */
    box-shadow: 0 10px 25px rgba(192, 132, 252, 0.25);
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: 90%;
    width: auto;
}

/* 1. Imagen del Producto (Círculo) */
.sp-pill-img img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid white;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* 2. Información (Precio) */
.sp-pill-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.sp-pill-price {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    color: #334155;
    font-size: 0.95rem;
    line-height: 1;
}

/* Ocultar precios tachados para ahorrar espacio en móvil */
.sp-pill-price del {
    display: none; 
}
.sp-pill-price ins {
    text-decoration: none;
    color: var(--sp-purple);
}

/* 3. Botón de Acción (Degradado) */
.sp-pill-btn {
    background: var(--sp-grad);
    color: white !important;
    text-decoration: none;
    padding: 8px 18px;
    border-radius: 30px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: 0.3s;
    box-shadow: 0 4px 12px rgba(34, 211, 238, 0.3);
    white-space: nowrap; /* Evita que el texto se rompa */
}

.sp-pill-btn:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 15px rgba(192, 132, 252, 0.5);
}

/* Icono dentro del botón */
.sp-cart-icon {
    width: 16px;
    height: 16px;
    stroke-width: 2.5px;
}

/* Animación de carga (WooCommerce suele añadir la clase 'loading') */
.sp-pill-btn.loading {
    opacity: 0.7;
    cursor: wait;
}

/* Cuando se añade al carrito (Feedback visual) */
.sp-pill-btn.added::after {
    font-family: 'WooCommerce';
    content: 'e017'; /* Checkmark */
    margin-left: 5px;
}

/* Responsive Extremo (Pantallas muy pequeñas) */
@media (max-width: 360px) {
    .sp-pill-img { display: none; } /* Ocultar imagen si es muy estrecho */
    .sp-pill-content { padding: 8px 15px; }
}/* End custom CSS */