/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: A lightweight and minimalist WordPress theme for Elementor page builder.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 2.8.1.1688897739
Updated: 2023-07-09 12:15:39

*/

/********************************************************************
VARIABLES CSS
********************************************************************/
:root {
    --morado: #b45ad3;
    --morado-hover: #532563;
    --turquesa: #7bddc0;
    --turquesa-hover: #257a61;
    --gris-oscuro: #252525;
    --gris-claro: #b8b8b8;
    --blanco: #fff;
    --negro: #000;
}

/********************************************************************
GENERALES
********************************************************************/
::selection {
	background-color: var(--morado);
	color: var(--blanco);
}
body {
    background-color: var(--negro) !important;
}
.jeg-elementor-kit.jkit-fun-fact .fun-fact-inner .content .number-wrapper {
    font-size: 35px;
}
.no-puntos-lista ul li {
    list-style: none;
}
.elementor-field::placeholder {
    color: #4d4d4d !important;
}
a {
    color: var(--blanco);
}
a:hover {
    color: var(--morado);
}
a.jkit-readmore svg {
    vertical-align: middle;
}
blockquote {
    background-color: #302f2f;
    color: var(--blanco);
    padding: 10px;
    border-left: 3px solid var(--morado);
}
.gap10 {
    gap: 10px;
}
.gallery-flex-gap {
    display: flex;
    gap: 10px;
}
.descuento-seccion p {
    margin: 0;
}
.grecaptcha-badge { 
    visibility: hidden;
}

/********************************************************************
PAGINA INICIO
********************************************************************/
.elementor-7 .elementor-element.elementor-element-137a0363 .jeg-elementor-kit.jkit-postblock .jkit-post-title a, .elementor-11 .elementor-element.elementor-element-67e66639 .jeg-elementor-kit.jkit-postblock .jkit-post-title a, .elementor-11 .elementor-element.elementor-element-67e66639 .jeg-elementor-kit.jkit-postblock .jkit-readmore {
    text-decoration: none;
    text-decoration-line: none;
}
.ultimos-articulos h3.jkit-post-title a {
    text-decoration: none !important;
}
.jeg-elementor-kit.jkit-portfolio-gallery .row-item-more a {
    display: inline-flex;
}
@media (max-width: 767px) {
    .elementor-7 .elementor-element.elementor-element-46324056 .jeg-elementor-kit.jkit-animated-text .animated-text .dynamic-wrapper.style-color .dynamic-text {
        font-size: 20px !important;
    }
}

/********************************************************************
PAGINAS LEGALES
********************************************************************/
.paginas-legales a, .pagina-mantenimiento a {
    text-decoration: none;
    font-weight: bold;
    color: var(--turquesa);
}
.paginas-legales a:hover, .pagina-mantenimiento a:hover {
    color: var(--turquesa-hover);
    font-weight: bold;
}
.paginas-legales h3 {
    font-family: var( --e-global-typography-secondary-font-family ), Sans-serif;
    color: var(--morado);
    font-size: 20px;
    font-weight: bold;
}
.paginas-legales li {
    margin-bottom: 1rem;
}

/********************************************************************
CONTACTO
********************************************************************/
.datos-contacto h3 {
    font-size: 24px;
    font-weight: 600 !important;
}
.estilo-texto-legal-formulario{
    font-size: 12px;
}
.estilo-texto-legal-formulario li {
    font-family: var( --e-global-typography-text-font-family ), Sans-serif;
}

/********************************************************************
WOOCOMMERCE
********************************************************************/
form.woocommerce-ordering select.orderby {
    background-color: var(--negro);
    color: var(--morado);
    border: 1px solid var(--morado);
}
.woocommerce .woocommerce-result-count {
    color: var(--morado);
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
    padding: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: none;
}
.woocommerce p.stars a {
    color: var(--turquesa);
}
.woocommerce #review_form #respond .form-submit input {
    background-color: var(--morado);
    color: var(--blanco);
}
.woocommerce #review_form #respond .form-submit input:hover {
    background-color: var(--morado-hover);
}
.woocommerce span.onsale {
    display: block;
    color: var( --negro );
    background-color: var( --turquesa );
    border-radius: 100%;
    min-width: 60px !important;
    min-height: 60px !important;
    line-height: 60px !important;
}
.woocommerce .elementor-1395 .elementor-element.elementor-element-47e054cb .price {
    font-size: 30px !important;
}
.woocommerce .elementor-1395 .elementor-element.elementor-element-47e054cb .price ins {
    font-size: 1.30em !important;
}
.woocommerce div.product p.price del, .woocommerce div.product span.price del {
    color: var(--gris-claro);
}
.woocommerce .star-rating span::before {
    color: var(--turquesa);
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
    border: 1px solid var(--morado);
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) #reviews #comments ol.commentlist li .meta {
    color: var(--morado);
}
.elementor-add-to-cart.elementor-product-variable {
    background-color: #1c1e1c;
}
.elementor-add-to-cart.elementor-product-variable:hover {
    background-color: #1c1e1c;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    color: var(--turquesa);
}
.woocommerce-variation.single_variation {
    background-color: var(--gris-oscuro);
}
.woocommerce table.shop_attributes td p {
    padding: 8px;
}

/********************************************************************
DISEÑO FINAL: BUSCADOR NEGRO TRANSPARENTE
********************************************************************/

/* 1. Fondo negro transparente */
html body #buscador-oculto {
    display: none !important; 
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    background-color: rgba(0, 0, 0, 0.80) !important; /* Negro al 90% */
    z-index: 999999 !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* Activar visualización */
html body #buscador-oculto.pantalla-activa {
    display: flex !important;
}


/* 2. Estilo del input (Línea blanca centrada) */
#buscador-oculto .elementor-search-form__input {
    border: none !important;
    border-bottom: 2px solid #ffffff !important; 
    background: transparent !important;
    font-size: 35px !important;
    color: #ffffff !important;
    text-align: center !important;
    width: 85% !important;
    max-width: 700px !important;
    border-radius: 0 !important;
}

/* 3. Estilo del input (Línea blanca al 100%) */
#buscador-oculto .elementor-search-form__input {
    border: none !important;
    border-bottom: 2px solid #ffffff !important; 
    background: transparent !important;
    font-size: 35px !important;
    color: #ffffff !important;
    text-align: center !important;
    width: 100% !important; /* Ahora ocupa todo el ancho */
    max-width: 100% !important; /* Eliminamos cualquier restricción */
    border-radius: 0 !important;
}

/* 4. Ajuste del formulario para que sea pantalla completa */
#buscador-oculto .elementor-search-form {
    width: 100% !important; /* El formulario se estira al máximo */
    max-width: 100% !important;
    padding: 0 50px !important; /* Margen a los lados para que el texto no toque los bordes de la pantalla */
    margin: 0 auto !important;
}

/********************************************************************
BOTON FLOTANTE DE WHATSAPP PARA MARKET DE OFERTAS SEMANALES
********************************************************************/

/* PESTAÑA HORIZONTAL INFERIOR IZQUIERDA */
.whatsapp-market-lateral {
    position: fixed;
    left: 15px;
    bottom: 15px; /* Separación del borde inferior */
    background-color: var(--morado); /* Tu morado corporativo */
    display: flex;
    align-items: center;
    padding: 12px 20px;
    border-radius: 12px;
    color: var(--blanco) !important;
    text-decoration: none !important;
    z-index: 999999;
    box-shadow: 4px 4px 15px rgba(0,0,0,0.3)!important;
    transition: all 0.3s ease;
}

/* Caja del icono */
.whatsapp-icon-box {
    font-size: 28px;
    margin-right: 15px;
    display: flex;
    align-items: center;
}

/* Caja de textos */
.whatsapp-text-box {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.text-market {
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.text-sub {
    font-size: 11px;
    opacity: 0.9;
    white-space: nowrap;
}

/* Efecto al pasar el ratón: se desplaza un poco */
.whatsapp-market-lateral:hover {
    padding-left: 30px;
    background-color: var(--morado);
}

/* Ajuste para móviles para que no tape contenido */
@media (max-width: 768px) {
    .whatsapp-market-lateral {
        bottom: 20px;
        padding: 10px 15px;
    }
    .text-market { font-size: 14px; }
    .text-sub { font-size: 10px; }
}

/********************************************************************
COLABORACIONES Y EVENTOS
********************************************************************/

.colab .mgl-tiles .mgl-row .mgl-box .mgl-item .mgl-icon img {
    object-fit: contain;
}
.evento-destacado span {
    background-color: var(--morado);
    color: var(--blanco);
}

/********************************************************************
RESPONSIVE
********************************************************************/
@media (max-width: 1024px) {
    .elementor-widget-wc-archive-products .products {
      grid-template-columns: repeat(2,1fr) !important;
    }
}
@media (max-width: 767px) {
    .elementor-widget-wc-archive-products .products {
      grid-template-columns: repeat(1,1fr) !important;
    }

    .jeg-elementor-kit.jkit-heading .heading-title {
        font-size: 18px !important;
    }
}