.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*
 Theme Name: Hello Elementor Child
 Template: hello-elementor
 Version: 1.0.0
*/

/**
 * BejarPrime Custom Color Palette
 * Tema: Hello Elementor + WooCommerce
 * Última revisión: 2025
 */

/* =============================================
   VARIABLES GLOBALES
============================================== */
:root {
    --bg-primary:      #0a0e1a;
    --bg-secondary:    #141824;
    --bg-tertiary:     #1a1f2e;
    --bg-header:       #0f1419;
    --accent-neon:     #c8ff00;
    --accent-magenta:  #ff006e;
    --text-primary:    #ffffff;
    --text-secondary:  #e2e8f0;
}

/* =============================================
   BODY / FONDO GLOBAL
============================================== */
body,
.site,
#page {
    background-color: #0F1113 !important;
    color: #F7F7F8 !important;
}

/* =============================================
   CABECERA (Header)
============================================== */
header.site-header,
#site-header,
.e-con-full > header,
.elementor-location-header {
    background-color: #0F1113 !important;
}

/* Texto de navegación */
.elementor-nav-menu a,
.elementor-nav-menu .menu-item a {
    color: #e2e8f0 !important;
}

/* Hover y elemento activo en el menú principal */
.elementor-nav-menu a:hover,
.elementor-nav-menu .menu-item:hover > a,
.elementor-nav-menu .current-menu-item > a,
.elementor-nav-menu .current-menu-ancestor > a {
    color: #D1FE17 !important;
}

/* Iconos SVG del header (carrito, cuenta, etc.) */
.elementor-menu-cart__toggle svg,
.elementor-icon svg,
header svg {
    fill: #F7F7F8 !important;
}

/* Icono y burbuja del carrito del header */
.elementor-menu-cart__toggle_button,
.elementor-menu-cart__toggle_button .elementor-button-text {
    background-color: #ffffff !important;
    color: #131517 !important;
}
.elementor-menu-cart__counter {
    background-color: #ffffff !important;
    color: #131517 !important;
}

/* =============================================
   TÍTULOS GLOBALES
============================================== */
h1, h2, h3, h4, h5, h6,
.elementor-heading-title {
    color: #F7F7F8 !important;
}

/* =============================================
   CONTENIDO PRINCIPAL
============================================== */
main#content,
.site-main,
.page-content,
.elementor-section,
.e-con {
    background-color: #0F1113 !important;
}

/* Elementor widget container — fondo transparente para heredar */
.elementor-widget-container {
    background-color: transparent !important;
}

/* =============================================
   BARRA DE BÚSQUEDA
============================================== */
input[type="search"],
input.search-field,
.elementor-search-form__input {
    background: linear-gradient(135deg, #1a1f2e 0%, #0f1419 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
    border-radius: 8px;
}

/* =============================================
   FOOTER
============================================== */
footer.site-footer,
#site-footer,
.elementor-location-footer {
    background-color: #0F1113 !important;
    color: #F7F7F8 !important;
}

/* =============================================
   BOTONES GLOBALES
============================================== */
a.elementor-button,
.elementor-button,
button.elementor-button {
    background-color: #D1FE17 !important;
    border-color: #D1FE17 !important;
    color: #131517 !important;
}
a.elementor-button:hover,
.elementor-button:hover {
    background-color: #bceb15 !important;
    border-color: #bceb15 !important;
    color: #131517 !important;
}

/* =============================================
   DROPDOWNS / SUBMENÚS
============================================== */
.elementor-nav-menu .sub-menu {
    background-color: #1C1E20 !important;
}
.elementor-nav-menu .sub-menu a {
    color: #F7F7F8 !important;
}
.elementor-nav-menu .sub-menu a:hover {
    color: #D1FE17 !important;
}

/* =============================================
   ETIQUETAS DE PRODUCTO (Badges)
============================================== */
.woocommerce-badge,
.woocommerce span.onsale,
.product .onsale {
    background-color: #ff1b8d !important;
    color: #131517 !important;
    border-color: #ff1b8d !important;
}

/* =============================================
   CARRITO LATERAL (Off-canvas / Drawer)
============================================== */
.elementor-menu-cart__main,
.elementor-menu-cart__products-area,
.elementor-menu-cart__footer-area,
.widget_shopping_cart_content {
    background-color: #0F1113 !important;
}

/* Títulos y textos del carrito lateral */
.elementor-menu-cart__main .woocommerce-mini-cart__total,
.elementor-menu-cart__main .woocommerce-Price-amount,
.elementor-menu-cart__products-area .cart-item-link,
.elementor-menu-cart__counter {
    color: #F7F7F8 !important;
}

/* Bordes separadores */
.elementor-menu-cart__main .woocommerce-mini-cart__total,
.widget_shopping_cart .cart_list li {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Botón cerrar y eliminar item */
.elementor-menu-cart__close-button,
.widget_shopping_cart .remove {
    color: #F7F7F8 !important;
}
.elementor-menu-cart__close-button:hover,
.widget_shopping_cart .remove:hover {
    color: #ff006e !important;
}

/* Hover sobre nombre de producto */
.elementor-menu-cart__products-area a:hover {
    color: #D1FE17 !important;
}

/* Botones pie del carrito lateral */
.elementor-menu-cart__footer-area .woocommerce-mini-cart__buttons .button {
    background-color: #D1FE17 !important;
    color: #131517 !important;
    border: none !important;
}
.elementor-menu-cart__footer-area .btn-cart {
    background-color: transparent !important;
    color: #F7F7F8 !important;
    border: 1px solid #F7F7F8 !important;
}
.elementor-menu-cart__footer-area .btn-cart:hover {
    border-color: #D1FE17 !important;
    color: #D1FE17 !important;
}

/* =============================================
   PAGE TITLE / BREADCRUMBS
============================================== */
.page-header,
.entry-header,
.elementor-page-title {
    background-color: #1C1E20 !important;
    color: #F7F7F8 !important;
}

/* Breadcrumbs y pasos del checkout */
.woocommerce-breadcrumb,
.elementor-breadcrumbs {
    color: #F7F7F8 !important;
}

/* =============================================
   CARRITO PRINCIPAL (Cart Page)
============================================== */
.woocommerce-cart-form,
.cart-collaterals .cart_totals {
    background-color: #1C1E20 !important;
    color: #F7F7F8 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px;
}

/* Cabeceras de tabla */
table.shop_table th,
table.shop_table td {
    background-color: transparent !important;
    color: #F7F7F8 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}
table.shop_table tbody tr:hover td {
    background-color: rgba(255, 255, 255, 0.02) !important;
}

/* Nombres de producto en tabla */
table.shop_table td.product-name a {
    color: #F7F7F8 !important;
}
table.shop_table td.product-name a:hover {
    color: #D1FE17 !important;
}

/* Precios en tabla */
table.shop_table td.product-price .amount,
table.shop_table td.product-subtotal .amount {
    color: #D1FE17 !important;
}
.woocommerce-Price-amount.amount,
.cart-collaterals .cart_totals .amount {
    color: #F7F7F8 !important;
}

/* Botones WooCommerce globales */
.woocommerce button.button,
.woocommerce button.button.alt,
.woocommerce a.button.alt,
.woocommerce a.checkout-button,
.woocommerce input.button {
    background-color: #D1FE17 !important;
    color: #131517 !important;
    border: none !important;
    font-weight: 600 !important;
}
.woocommerce button.button:hover,
.woocommerce button.button.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce a.checkout-button:hover,
.woocommerce input.button:hover {
    background-color: #bceb15 !important;
    color: #131517 !important;
}

/* Inputs globales de WooCommerce */
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="tel"],
.woocommerce textarea {
    background-color: #0F1113 !important;
    color: #F7F7F8 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* =============================================
   FICHA DE PRODUCTO (Single Product)
============================================== */
h1.product_title {
    color: #F7F7F8 !important;
}

/* Descripción corta y tabs */
.woocommerce-product-details__short-description,
.woocommerce-product-details__short-description p,
.woocommerce-product-details__short-description li,
.woocommerce-Tabs-panel p,
.woocommerce-Tabs-panel li {
    color: #e2e8f0 !important;
}
.woocommerce-product-details__short-description h3,
.woocommerce-product-details__short-description h4,
.woocommerce-Tabs-panel h3,
.woocommerce-Tabs-panel h4 {
    color: #F7F7F8 !important;
}

/* Meta del producto */
.product_meta span,
.product_meta a,
.woocommerce-product-attributes td,
.woocommerce-product-attributes th {
    color: #F7F7F8 !important;
}
.product_meta a:hover {
    color: #D1FE17 !important;
}

/* =============================================
   GRID DE PRODUCTOS
============================================== */
/* Tarjeta */
.products .product,
.products li.product,
ul.products li.product {
    background-color: #141820 !important;
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 12px;
}
.products li.product:hover {
    border-color: rgba(209, 254, 23, 0.3) !important;
    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.8), 0 0 15px rgba(209, 254, 23, 0.05) !important;
}

/* Título en grid */
.products .woocommerce-loop-product__title,
.products h2.woocommerce-loop-product__title {
    color: #F7F7F8 !important;
}

/* Precio en grid */
.products .price,
.products .price .amount {
    color: #D1FE17 !important;
}

/* Categoría */
.products .product-category a {
    color: #888 !important;
}
.products .product-category a:hover {
    color: #D1FE17 !important;
}

/* Botón añadir al carrito */
.products a.add_to_cart_button,
.products .add_to_cart_button {
    background-color: #D6FF00 !important;
    color: #131517 !important;
    border-color: #D6FF00 !important;
    font-weight: 800 !important;
    border-radius: 8px !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    transition: all 0.25s ease !important;
}
.products a.add_to_cart_button:hover {
    background-color: #bceb15 !important;
    color: #131517 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(214, 255, 0, 0.2) !important;
}

/* Mensaje membresía */
.yith-wcmbs-product-message {
    color: #D6FF00 !important;
    font-weight: 800 !important;
    margin-bottom: 2px !important;
}

/* Ocultar stock "In Stock" */
.products .stock.in-stock {
    display: none !important;
}

/* Ordenar por (select) */
.woocommerce-ordering select.orderby {
    background-color: #141820 !important;
    color: #F7F7F8 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px !important;
    padding: 8px 30px 8px 15px !important;
}
.woocommerce-ordering select.orderby:focus {
    border-color: rgba(209, 254, 23, 0.4) !important;
    outline: none !important;
}

/* Paginación */
.woocommerce-pagination .page-numbers li a,
.woocommerce-pagination .page-numbers li span {
    background-color: #1C1E20 !important;
    color: #888 !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
}
.woocommerce-pagination .page-numbers li a:hover {
    color: #F7F7F8 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}
.woocommerce-pagination .page-numbers li span.current {
    background-color: #D1FE17 !important;
    color: #131517 !important;
    border-color: #D1FE17 !important;
    font-weight: 800 !important;
}

/* =============================================
   LOGIN / REGISTRO (Mi Cuenta)
============================================== */
.woocommerce-form-login,
.woocommerce-form-register {
    background-color: #1C1E20 !important;
    border-radius: 8px;
}

h2.woocommerce-column__title,
.woocommerce-MyAccount-content h2,
.login h2 {
    color: #F7F7F8 !important;
}

.woocommerce-form-login label,
.woocommerce-form-register label,
.woocommerce-form label {
    color: #F7F7F8 !important;
}

.woocommerce-form-login .input-text,
.woocommerce-form-register .input-text,
#customer_login .input-text,
#customer_login input[type="text"],
#customer_login input[type="email"],
#customer_login input[type="password"] {
    background-color: #1C1E20 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #F7F7F8 !important;
    border-radius: 8px;
}
#customer_login input:focus {
    border-color: rgba(209, 254, 23, 0.4) !important;
    outline: none !important;
}

/* Botón Registrarse */
.woocommerce-form-register .button,
#customer_login .col-register .button {
    background-color: #D1FE17 !important;
    border-color: #D1FE17 !important;
    color: #131517 !important;
    font-weight: 700 !important;
}

/* ¿Olvidaste la contraseña? */
.woocommerce-LostPassword a,
.lost_password a {
    color: #888 !important;
    text-decoration: none !important;
}
.woocommerce-LostPassword a:hover,
.lost_password a:hover {
    color: #D1FE17 !important;
}

/* Textos secundarios */
.woocommerce-form-login .woocommerce-form__label-for-checkbox {
    color: #888 !important;
}

/* =============================================
   CHECKOUT
============================================== */
.woocommerce-checkout h3,
.woocommerce-checkout .elementor-heading-title {
    color: #F7F7F8 !important;
}

.woocommerce-checkout label,
.woocommerce-checkout th,
.woocommerce-checkout td,
.woocommerce-checkout p {
    color: #e2e8f0 !important;
}

.woocommerce-checkout .required {
    color: #ff4747 !important;
    text-decoration: none !important;
}

/* Inputs del checkout */
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="password"],
.woocommerce-checkout textarea,
.select2-container--default .select2-selection--single {
    background-color: #1C1E20 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #F7F7F8 !important;
    border-radius: 8px !important;
    padding: 10px 15px !important;
    height: auto !important;
    width: 100% !important;
    max-width: 100% !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #F7F7F8 !important;
    padding-left: 0 !important;
}
.woocommerce-checkout input:focus,
.woocommerce-checkout textarea:focus,
.select2-container--default.select2-container--open .select2-selection--single {
    border-color: rgba(209, 254, 23, 0.4) !important;
    outline: none !important;
    box-shadow: 0 0 10px rgba(209, 254, 23, 0.1) !important;
}

/* Tabla resumen de pedido */
.woocommerce-checkout .shop_table,
.woocommerce-checkout-review-order-table {
    background-color: #141820 !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    padding: 25px !important;
}
.woocommerce-checkout .shop_table th,
.woocommerce-checkout .shop_table td,
.woocommerce-checkout .shop_table tfoot th,
.woocommerce-checkout .shop_table tfoot td {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-top: none !important;
}

/* Métodos de pago */
#payment.woocommerce-checkout-payment {
    background-color: transparent !important;
}
#payment.woocommerce-checkout-payment ul.payment_methods {
    background-color: transparent !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}
#payment .payment_box,
.wc-stripe-elements-field {
    background-color: #141820 !important;
    color: #e2e8f0 !important;
    border-radius: 8px !important;
    padding: 25px !important;
}
.payment_box p {
    color: #e2e8f0 !important;
}

/* Botón "Realizar Pedido" */
#place_order,
.woocommerce-checkout button[type="submit"] {
    background-color: #D6FF00 !important;
    color: #131517 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    border-radius: 8px !important;
    padding: 15px 30px !important;
    width: 100% !important;
    font-size: 16px !important;
    border: none !important;
    transition: all 0.25s ease !important;
}
#place_order:hover,
.woocommerce-checkout button[type="submit"]:hover {
    background-color: #bceb15 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(214, 255, 0, 0.2) !important;
}

/* Info de cupón */
.woocommerce-info,
.woocommerce-form-coupon-toggle .woocommerce-info {
    background-color: #1C1E20 !important;
    border-top-color: #D1FE17 !important;
    color: #e2e8f0 !important;
    display: block !important;
}
.woocommerce-info a {
    color: #D1FE17 !important;
    font-weight: bold !important;
}

/* Ocultar avisos de descuento para miembros */
.woocommerce-NoticeGroup .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-message,
.wc-memberships-message,
.wc-memberships-notice {
    display: none !important;
}

/* Ancho completo en filas del formulario checkout */
.woocommerce-checkout .form-row {
    width: 100% !important;
    float: none !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.woocommerce-checkout .woocommerce-input-wrapper {
    width: 100% !important;
    display: block !important;
}
.woocommerce-checkout div.create-account {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
}

/* =============================================
   BLOG (Contenido de Artículos)
============================================== */
.elementor-widget-theme-post-content h2,
.elementor-widget-theme-post-content h3,
.elementor-widget-theme-post-content h4,
.elementor-widget-theme-post-content h5,
.elementor-widget-theme-post-content h6,
.elementor-widget-text-editor h2,
.elementor-widget-text-editor h3,
.elementor-widget-text-editor h4,
.elementor-widget-text-editor h5,
.elementor-widget-text-editor h6 {
    color: #F7F7F8 !important;
}

.elementor-widget-theme-post-content,
.elementor-widget-theme-post-content p,
.elementor-widget-theme-post-content li,
.elementor-widget-theme-post-content span,
.elementor-widget-text-editor,
.elementor-widget-text-editor p,
.elementor-widget-text-editor li,
.elementor-widget-text-editor span {
    color: #e2e8f0 !important;
}

.elementor-widget-theme-post-content a,
.elementor-widget-text-editor a {
    color: #D1FE17 !important;
    text-decoration: underline;
}
.elementor-widget-theme-post-content a:hover,
.elementor-widget-text-editor a:hover {
    color: #bceb15 !important;
}

/* =============================================
   BLOG SIDEBAR STICKY
============================================== */
.bp-sidebar-col {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 100px !important;
    height: max-content;
    align-self: flex-start;
}

/* Logo SVG - transparente (hereda el color del SVG original) */
.bp-hdr-logo svg {
    fill: unset !important;
}

.elementor-menu-cart__toggle svg,
.elementor-icon svg,
header svg {
    fill: transparent !important;
}/* End custom CSS */