.elementor-19 .elementor-element.elementor-element-dbf4982{--display:flex;}/* Start custom CSS *//* ==========================================================================
   KURANA - DIRECCIÓN DE ARTE & LUXURY SEAMLESS SHOP
   ========================================================================== */

/* --- 1. Variables de Diseño (El ADN de la Marca) --- */
:root {
    --color-flour-base: #FAF6F0;      /* Tono harina de piedra */
    --color-flour-light: #FCFAF7;     /* Tono flor de harina */
    --color-charcoal: #202221;        /* Carbón vegetal (contraste perfecto) */
    --color-moss: #4A5D4E;            /* Verde musgo Kurana */
    --color-moss-deep: #344237;       /* Sombra de bosque */
    --ease-luxury: cubic-bezier(0.25, 1, 0.5, 1); /* Curva de movimiento suave */
}

/* --- 2. El Lienzo: Fondo Tridimensional de "Harina Espolvoreada" --- */
body, #page, .site-content, .elementor-page, #content {
    background-color: var(--color-flour-base) !important;
    /* Doble capa: Gradiente radial para simular luz de estudio + Filtro SVG de textura táctil */
    background-image: 
        radial-gradient(circle at 50% 30%, var(--color-flour-light) 0%, transparent 70%),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cdefs%3E%3Cfilter id='flourTexture'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='%23FAF6F0'/%3E%3Crect width='100%25' height='100%25' filter='url(%23flourTexture)' opacity='0.045'/%3E%3C/svg%3E") !important;
    background-attachment: fixed !important;
    background-repeat: repeat !important;
}

/* --- 3. Filosofía de "Fronteras Invisibles" (Borderless & Seamless) --- */
/* Eliminamos cualquier recuadro, contenedor rígido o borde en toda la tienda */
.elementor-column,
.elementor-column-wrap,
.elementor-widget-wrap,
.elementor-section,
.e-con,
.e-container,
.woocommerce div.product,
.woocommerce ul.products li.product,
.product-category,
.summary {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* --- 4. Tipografía Avanzada (Legibilidad y Ritmo Editorial) --- */
body, p, span, li, a, input, select, textarea {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    color: var(--color-charcoal) !important;
    line-height: 1.75 !important;
    letter-spacing: -0.015em !important;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Títulos flotantes en Playfair Display */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Playfair Display', Georgia, serif !important;
    color: var(--color-charcoal) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.02em !important;
}

/* --- 5. Las Imágenes de Producto: Efecto "Relieve Orgánico" --- */
/* Las fotos parecen flotar sobre la harina, con una sombra muy difusa y orgánica */
.woocommerce ul.products li.product img,
.woocommerce div.product .woocommerce-product-gallery img,
.product img {
    border-radius: 20px !important;
    box-shadow: 0 15px 45px rgba(32, 34, 33, 0.03) !important; /* Sombra sumamente sutil y extendida */
    transition: 
        transform 0.8s var(--ease-luxury), 
        box-shadow 0.8s var(--ease-luxury) !important;
}

/* Efecto hover premium de la foto: se eleva y la sombra se suaviza, simulando luz natural */
.woocommerce ul.products li.product:hover img,
.product:hover img {
    transform: translateY(-8px) scale(1.01) !important;
    box-shadow: 0 30px 60px rgba(74, 93, 78, 0.06) !important; /* Tono de sombra ligeramente verde musgo */
}

/* --- 6. El Botón "Kurana" (El punto focal táctil) --- */
/* El botón no tiene bordes duros; tiene una ligera amortiguación al presionarlo */
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button,
.elementor-button {
    background-color: var(--color-moss) !important;
    color: #FFFFFF !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    letter-spacing: 0.03em !important;
    padding: 18px 36px !important;
    border-radius: 40px !important; /* Forma orgánica ovalada (como un banneton) */
    border: none !important;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: 
        background-color 0.4s var(--ease-luxury), 
        transform 0.4s var(--ease-luxury), 
        box-shadow 0.4s var(--ease-luxury) !important;
    box-shadow: 0 10px 25px rgba(74, 93, 78, 0.15) !important;
}

/* Hover de botón de alta gama */
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover,
.elementor-button:hover {
    background-color: var(--color-moss-deep) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 15px 35px rgba(74, 93, 78, 0.25) !important;
}

/* Sensación táctil física de "click" */
.woocommerce #respond input#submit:active, 
.woocommerce a.button:active, 
.woocommerce button.button:active, 
.woocommerce input.button:active,
.elementor-button:active {
    transform: translateY(1px) !important;
}

/* --- 7. Detalles del "Diseñador Top" --- */

/* Custom Selection: Al seleccionar texto se tiñe de verde musgo muy sutil */
::selection {
    background-color: rgba(74, 93, 78, 0.15);
    color: var(--color-moss-deep);
}

/* Barra de scroll premium minimalista a juego con el sitio */
::-webkit-scrollbar {
    width: 8px;
    background-color: var(--color-flour-base);
}
::-webkit-scrollbar-thumb {
    background-color: rgba(74, 93, 78, 0.2);
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background-color: var(--color-moss);
}/* End custom CSS */