/**
 * ===================================================================
 *  Hoja de Estilos Personalizada para el Tema Cavare
 * ===================================================================
 *  Este archivo contiene todas las personalizaciones y sobrescrituras
 *  de los estilos base (template_cavare.css y style.css).
 */

/*--------------------------------------------------------------
>>> TABLA DE CONTENIDOS:
----------------------------------------------------------------
# Globales y Helpers
# Header y Navegación
# Footer
# WooCommerce / Tienda
# Componentes Específicos (Formularios, Sliders, Chat, etc.)
# Fondos y Secciones
# Media Queries (Ajustes para móviles)
--------------------------------------------------------------*/

/**------------------------------
 
Modificaciones 
 ---------------------------------*/

.header .header-title {
  font-size: 63px;
  font-weight: 300;
  color: var(--brand-primary);
  text-align: left;
}
.footer-column .btn {
    box-shadow:  none!important;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    border-radius: 0px;
    color: var(--button-text);
}
.place-order button {
    padding: 15px 20px;
    border: 0px solid;
    background-color: var(--button-bg);
    border-radius: 0px;
    text-align: center;
    color: var(--button-text);
    font-size: 33px;
    margin: 0 auto;
    text-transform: uppercase;
}
/* ===================================================================
   # Globales y Helpers
=================================================================== */
html {
    scroll-behavior: smooth;
}
body {
    margin-top: 0px;
    overflow-x: hidden;  
}
.text-primary {
    color: var(--c-primary) !important;
}

#miFormulario {
    color: #E6361F !important;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto,
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto,
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto,
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto,
.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    margin: 0px 0px !important;
}


/* ===================================================================
   # Header y Navegación
=================================================================== */
.fondotitulo {
    background-color: var(--c-primary) !important;
    color: var(--c-bg-light) !important;
    transition: background-color 0.3s ease;
}
.topbarrs {
    text-align: center;
}
.btn, .button, input[type="submit"] {
    background-color: var(--button-bg) !important; /* <-- CAMBIADO */
    /* ... */
}
.btn:hover, .button:hover, input[type="submit"]:hover {
    background-color: var(--button-bg-hover) !important; /* <-- CAMBIADO */
}
.btn, .button, input[type="submit"] {
    background-color: var(--button-bg) !important;
    color: var(--button-text) !important; /* <-- AÑADIDO */
}
.topbar-der ul li {
    padding: 0px 10px;
    text-transform: uppercase;
    font-size: 14px;
}
.topbar-der ul li a {
    color: var(--button-text);
}
.header-button  a:visited {
    color: var(--button-text-hover);
}
.navbar-collapse ul li {   
    text-transform: uppercase;
    font-size: 14px;
}
.btn:focus, .btn:hover, .btn:active {
    box-shadow: 0 4px 10px 0px rgba(173, 181, 189, 0.6) !important;
}
.cart-sidebar-col h3 {
        text-align: center;
    font-weight: 100;
    margin: 0px 0px 20px;
    border-bottom: 0.5px solid #424245;
    padding-bottom: 10px;

}
.shop_table tr th{
    text-align: center;
    font-weight: 400;
    font-size: 20px;
    font-weight: 100;
    font-size: 20px;
    padding: 0px 0px 10px;
}
.shop_table tr .product-total {
    text-align: center;
    font-weight: 400;
    font-size: 20px;
    font-weight: 400;
    font-size: 18px;
    padding: 0px 0px 10px;
}
.shop_table tfoot td {
  text-align: center;
  font-weight: 400;
  font-size: 20px;
  font-weight: 400;
  font-size: 16px;
  padding: 0px 0px 10px;
}
.woocommerce-customer-details{
    margin-top: 20px;
}
.cart_item td{
    text-align: center;
    font-size: 20px;
    font-weight: 100;
    padding: 0px 0px 10px;
}
.product-name a{
    color: var(--link-color);

}
/* --- REFACTORIZACIÓN COMPLETA CARRITO --- */

/* Contenedor Grid */
.cart-layout-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.cart-products-column { flex: 1; min-width: 60%; }
.cart-totals-column { flex: 0 0 350px; }

/* Tabla Estirada al 100% */
#cavare-cart-wrapper table.shop_table {
    width: 100% !important;
    border-collapse: collapse;
    margin-bottom: 0;
}

#cavare-cart-wrapper .cart-item-row {
    border-bottom: 1px solid #f0f0f2;
}

/* Celdas */
.product-info-cell { padding: 30px 0 !important; }
.product-subtotal-cell { padding: 30px 20px 30px 0 !important; vertical-align: top; }

/* Bundle de Información */
.cart-item-bundle { display: flex; gap: 20px; }
.cart-item-image img { width: 110px; border-radius: 8px; border: 1px solid #eee; }

/* Tipografías de Datos */
.cart-item-name {
    font-size: 17px;
    font-weight: 600;
    color: var(--text-main);
    text-decoration: none;
    display: block;
}

.cart-item-desc p {
    font-size: 13px;
    color: #8e8e93;
    margin: 5px 0;
}

.cart-item-price-unit {
    font-size: 14px;
    color: var(--c-primary);
}

.item-subtotal-amount {
    font-size: 18px;
    font-weight: 700;
    color: var(--text-main);
}

/* Botón Basura SVG */
.cart-remove-button svg {
    width: 18px;
    height: 18px;
    stroke: #999;
    transition: 0.3s;
}
.cart-remove-button:hover svg {
    stroke: var(--c-alert) !important;
}

/* Selector de Cantidad Premium */
.quantity-nav-wrapper {
    display: inline-flex;
    align-items: center;
    background: #f5f5f7;
    border-radius: 8px;
    padding: 2px 10px;
    border: 1px solid #e5e5e7;
}
.quantity-nav-wrapper .qty {
    background: transparent !important;
    border: none !important;
    width: 35px !important;
    font-weight: 700;
    text-align: center;
}
.quantity-nav-wrapper .qty-btn {
    font-size: 20px;
    color: #666;
    background: transparent;
    border: none;
    cursor: pointer;
}

/* Barra de Cupones */
.cart-actions-bar {
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.coupon-area { display: flex; gap: 10px; }
.input-coupon {
    padding: 10px 15px;
    border-radius: 8px;
    border: 1px solid #ddd;
    font-size: 14px;
}

/* Caja de Totales Fija */
.cart-summary-box {
    background: #fff;
    padding: 25px;
    border-radius: 12px;
    border: 1px solid #eee;
    position: sticky;
    top: 100px;
}
.summary-title { font-size: 13px; letter-spacing: 1px; margin-bottom: 20px; }

/* Responsive */
@media (max-width: 768px) {
    .cart-layout-grid { flex-direction: column; }
    .cart-totals-column { width: 100%; }
    .cart-item-bundle { flex-direction: column; }
}
.header-button a {
    padding: 5px 15px;
    background-color: #424245;
    border-radius: 0px;
    text-align: center;
    color: #2F2F2F;
    margin: 0px;
    text-transform: uppercase;
}
.tituloh1 {
  margin-top: 93px;
}
.header-content {
  padding-bottom: 50px;
}
.logosvg {
    background-color: rgba(0, 0, 0, 0.7) !important;
    border-radius: 0% 0% 100% 100%;
    max-width: 333px;
    margin: 0 auto;
    padding: 13px 20px 40px;
    border: 1px solid #FFD700;
    border-top: 0px;
    z-index: 11;
}
/* ===================================================================
   # Footer
=================================================================== */
footer#colophon.site-footer {
    position: static; /* <-- CORRECCIÓN CLAVE */
    width: auto;
    text-align: center;
    padding: 30px 20px;
    font-size: 0.9rem;
    color: #777;
}
/* ===================================================================
   # WooCommerce / Tienda
=================================================================== */
/* Título de la página de la tienda o categoría */
#main .page-title {
  text-align: left;
  color: var(--bg-secondary);
  font-size: 23px;
  font-weight: 400;
}
.term-description{
   padding: 18px 0px 10px;
  width: 50%;
  text-align: center;
  margin: 0 auto;
}
.text-muted {
}
.description-video{
  color: var(--brand-hover);
  text-align: right;
}
.lead{
  color: var(--c-primary);
  font-weight: 500;
  font-size: 20px;
}
.section-services h2{
  
  text-align: center;
}
.section-services h3{
  text-align: center;
}
.display-3 {  
  line-height: 1.2;
}

.product_meta_container .meta-item  span {
  font-size: 14px !important;
}
.tecnologiasd .text-primary{
  color: var(--c-primary) !important;
  margin-bottom: 10px !important;
  margin-top: 25px !important;
}
.text-muted h3 {
  color: var(--brand-primary);
  font-size: 22px !important;
  font-weight: 300 !important;
  margin-bottom: 10px !important;
}
.listacoloresbroi {
    text-align: left;
    }
.titulossecvid {
 font-size: 43px !important;
  font-weight: 500 !important;
  color: var(--c-accent) !important;
  text-align: center;
}
.cavare-entry-content {
    font-size: 20px !important;
  font-weight: 500 !important;
  color: var(--c-accent) !important;
}
.media-header .title {
    color: var(--button-text);
  font-size: 33px;
}
.media-header .text-muted h4{
  color: #424245;
  font-size: 20px;
  font-weight: 300;
}
/* Título de cada producto en la cuadrícula */
.product h2 {
    font-size: 1.25rem;
    text-align: center;
    font-weight: normal;
    text-transform: uppercase;
    margin: 20px 0px;
}
/* ===================================================================
   # Componentes Específicos
=================================================================== */
/* --- Formularios --- */
.form-container {
    background-color: rgba(0, 0, 0, 0.7);
    border: 1px solid #FFD700;
    border-radius: 12px;
    max-width: 500px;
    margin: 40px auto;
    padding: 30px;
    backdrop-filter: blur(6px);
}

.form-container h2 {
    color: #FFD700;
    margin-bottom: 20px;
    font-size: 1.5rem;
}

.form-container input,
.form-container textarea {
    padding: 12px;
    margin-bottom: 15px;
    border: none;
    border-radius: 6px;
    background-color: #1a1a1a;
    color: #ffffff;
    font-size: 1rem;
}
.form-container button {
    background-color: #FF2800;
    color: white;
    padding: 12px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 1rem;
    transition: background 0.3s ease;
}
.page-hero-banner .entry-title{
    text-align: left;
    font-size: 33px;
    color: var(--c-primary);
}
.form-container button:hover {
    background-color: #cc2200;
}
#respuesta {
    color: #358E06;
    background-color: beige;
    padding: 10px;
    border-radius: 25px;
    max-width: 300px;
    margin: 0 auto 10px;
}

/* --- Slider de Clientes --- */
.slider-container {
    position: relative;
    width: 90%;
    max-width: 1200px;
    overflow: hidden;
}
.slider {
    display: flex;
    transition: transform 0.5s ease;
}
.slide {
    flex: 0 0 25%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 25px;
    box-sizing: border-box;
}
.logo-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    width: 180px;
}
.logo-wrapper img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    opacity: 0.8;
    transition: all 0.3s ease-in-out;
}

.logo-wrapper img:hover {
    filter: grayscale(0%) brightness(1.1) drop-shadow(0 0 8px #f0b90b);
    opacity: 1;
    transform: scale(1.05);
}
.slider-container .arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 2rem;
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
    border: none;
    cursor: pointer;
    z-index: 2;
    padding: 10px 15px;
    border-radius: 50%;
    transition: background 0.3s;
}
.slider-container .arrow:hover {
    background: rgba(255, 255, 255, 0.2);
}
.slider-container .arrow.left { left: 10px; }
.slider-container .arrow.right { right: 10px; }
/* --- Chat (N8N) --- */
.chat-window-wrapper .chat-window-toggle,
.chat-window-wrapper .chat-window-toggle:focus {
    transform: scale(1.00);
    background: rgba(0, 0, 0, 0.7);
}
.chat-window-wrapper .chat-window-toggle:hover,
.chat-window-wrapper .chat-window-toggle:focus {
    transform: scale(1.05);
}
/* Estilos para la ventana del chat */
#n8n-chat {
    border-radius: 12px;
    overflow: hidden;
    background-color: #1a1a1a;
}
/* ===================================================================
   # Fondos y Secciones
=================================================================== */
/* Video de fondo para la página de inicio */
video.bg-video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    z-index: -2; /* Detrás de todo */
}
/* Capa oscura sobre el video */
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.8);
    z-index: -1;
}
/* Fondo general para las páginas internas */
.seven {
    background-image: url(../imgs/fondo-templates.jpg);
    background-repeat: repeat;
}
/* Fondos específicos con superposición de color */
.n8nfondo,
.n8nfondo2 {
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(../imgs/templates_n8n_cavare.png);
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    color: white;
    position: relative;
    min-height: 663px;
    height: 100%;
}
/* ===================================================================
   # Media Queries (Ajustes para móviles)
=================================================================== */
@media (max-width: 768px) {
    .slide {
        flex: 0 0 50%;
    }
    .logo-wrapper {
        width: 140px;
        height: 80px;
    }
}
/* ===================================================================
   # WooCommerce / Tienda - Ajustes Adicionales
=================================================================== */

/**
 * Oculta el contador de productos que aparece junto al nombre
 * de las categorías en la página principal de la tienda.
 */
/* ===================================================================
   # Header - Estilos para Presets
=================================================================== */

/**
 * Estilos para el preset de "Logo Centrado".
 * Centra los elementos del menú usando Flexbox.
 */
.header-logo-center .main-navigation ul.menu {
    display: flex;
    justify-content: center;
    list-style: none;
    padding-left: 0;
}
/**
 * Estilos para el preset de "Menú Dividido".
 * Alinea cada mitad del menú hacia el logo.
 */
.header-logo-split .navigation-left ul.menu {
    display: flex;
    justify-content: flex-end; /* Alinea los items a la derecha */
    list-style: none;
    padding-left: 0;
}
.header-logo-split .navigation-right ul.menu {
    display: flex;
    justify-content: flex-start; /* Alinea los items a la izquierda */
    list-style: none;
    padding-left: 0;
}
/* ===================================================================
   # WordPress Admin / Customizer
=================================================================== */

/* Estilo para el indicador numérico en el deslizador del customizer */
.cavare-range-value-display {
    display: inline-block;
    background-color: #0073aa; /* Color primario de WordPress */
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 3px;
    margin-left: 10px;
    vertical-align: middle;
}
.menu-principal-container #primary-menu li {
    padding: 0px 10px;
    text-transform: uppercase;
    font-size: 14px;
}
.shop-content-area {
    padding: 30px 0px;

}
/* ===================================================================
   # WooCommerce - Estilos para Tarjeta de Producto Personalizada
=================================================================== */

/* Título con círculo de color */
.product-card-custom .product-title-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.product-card-custom .color-dot {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: #424245; /* Color por defecto */
    border-radius: 50%;
    margin-right: 10px;
    flex-shrink: 0;
}
/* Círculos de colores diferentes por producto (ejemplo) */
/* Necesitarías una forma de asignar estos colores, por ejemplo con atributos o categorías */
.post-132 .color-dot { background-color: #9d3dff; } /* Paquete Inicial */
.post-144 .color-dot { background-color: #4caf50; } /* Paquete Básico */
/* ...y así sucesivamente para los otros productos por su ID */
.product-card-custom h2.woocommerce-loop-product__title {
    font-size: 19px;
    color: #fff;
    margin: 0;
    text-transform: none;
    text-align: left;
    text-align: center;
    font-weight: 100;
}
.product-card-custom h2.woocommerce-loop-product__title a {
    color: #009ad8;
  text-decoration: none;
  font-size: 18px;
  font-weight: 400;
}

/* Precio */
.product-card-custom .price-wrapper {
    margin-bottom: 15px;
}
.product-card-custom .price {
    font-size: 2rem;
    font-weight: bold;
    color: #424245;
}
/* Descripción Corta */
.product-card-custom .short-description-wrapper .woocommerce-product-details__short-description {
    font-size: 14px;
    color: #ccc;
    line-height: 1.5;
    margin-bottom: 20px;
}
.wp-block-latest-posts.wp-block-latest-posts__list li {
  clear: both;
  overflow-wrap: break-word;
  border-bottom: 1px dotted #009ad8;
}
/* Botón de Añadir al Carrito */
.product-card-custom .add-to-cart-wrapper .button {
    width: 60%;
  text-align: center;
  padding: 3px 5px;
  font-weight: normal;
  font-size: 16px;
}
.product-card-custom .add-to-cart-wrapper .button:hover {
    background-color: #424245;
    color: #2b2b2b;
}
.onsale{
    background-color: #bc1d22;
  color: #f5f5f7;
  z-index: 20;
  position: absolute;
  left: 10px;
  top: 10px;
  padding: 5px;
  opacity: 0.8;
}
mark, ins {
    padding: 5px;
    background: transparent !important;
}
del {
    text-decoration: line-through;
}
.esteeslamiga {
    padding: 11px 11px 15px 10px;
    font-size: 14px;
    height: 42px;
}

/* ===================================================================
   # WooCommerce - Página de Producto Individual
=================================================================== */

/* Contenedor de los botones de acción */
.woocommerce div.product form.cart {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px; /* Espacio entre los botones */
}

/* Estilo para el botón de Compra Rápida */
.buy_now_button {
    background-color: #424245 !important; /* Color principal */
    color: #fff !important;
}
.buy_now_button:hover {
    background-color: #a58e0b !important;
}

/* Estructura para el layout de banner */
.layout-image-banner .product-banner-image {
    margin-bottom: 40px;
}
.layout-image-banner .summary {
    text-align: center;
}
.layout-image-banner .product_meta {
    text-align: left; /* Mantiene la meta data alineada a la izquierda */
}
.product-price-wrapper .price {
    text-align: center;
}

.woocommerce-product-details__short-description {
    text-align: center;
    margin-top: 30px;
}
.woocommerce-product-details__short-description p{
    
    font-size: 18px;
}
.product-price-wrapper p {
    color: #424245;
    font-weight: 100;
    white-space: nowrap;
    font-size: 36px;
    text-shadow: 1px 1px 4px #000;
}

.woocommerce-breadcrumb {
    margin-top: 9px;
    margin-bottom: 3px !important;
}
.single_add_to_cart_button {
    font-weight: 300;
    white-space: nowrap;
    font-size: 16px;
    background-color: #424245;
    text-transform: uppercase;
    border: 0px solid;
    margin: 20px 20px;
    text-align: center;
    align-items: center;
    padding: 15px 15px;
    border-radius: 0px;
}
.buy_now_button {
    font-weight: 300;
    white-space: nowrap;
    font-size: 16px;
    background-color: #424245;
    text-transform: uppercase;
    border: 0px solid;
    margin: 20px 20px;
    text-align: center;
    align-items: center;
    padding: 15px 15px;
    border-radius: 0px;
}

.product_meta_sku_wrapper {
    border-bottom: 1px solid #424245;
    margin-bottom: 5px;
    margin-top: 30px;
    font-size: 14px;
}
.product_meta_categories_wrapper {
    border-bottom: 1px solid #424245;
    margin-bottom: 5px;
}
.product_meta_tags_wrapper {
    border-bottom: 1px solid #424245;
    margin-bottom: 5px;
}
.product-title-container h1 {
    font-size: 23px;
    font-weight: 100;
}
.fondotitulo h1 {
  font-size: 23px;
  margin-top: 18px;
}
.product-category img {
    margin: 0 auto;
    min-width: 233px;
}
.quantity label {
    margin: 0 auto;
    min-width: 233px;
}
.quantity {
    margin: 0 auto;
    text-align: center;
}
.cart {
    margin: 0px;
    text-align: center;
}
.topbar-der #menu-menu-top{
    justify-content: right !important;
}
.wc-block-components-product-metadata__description {
    color: #424245;
}

.wc-block-cart-item__prices {
    color: #fff;
}
.wc-block-components-sidebar {
    color: var(--c-primary);
}
.wc-block-cart-items__header {
    color: #fff;
}

/* ===================================================================
   # WooCommerce - Proceso de Compra
=================================================================== */

/* Contenedor de los pasos del checkout */
.checkout-steps {
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    padding: 20px 0 0;
    margin: 0;
    position: relative;
    color: #fff;
}

.checkout-steps:before {
    content: '';
    position: absolute;
    top: 43%;
    left: 5%;
    right: 13%;
    height: 2px;
    background-color: #555;
    transform: translateY(-50%);
    z-index: 1;
}

.checkout-steps .step {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    z-index: 2;
    opacity: 0.5;
}

.checkout-steps .step.active {
    opacity: 1;
    font-weight: bold;
}

.checkout-steps .step .step-number {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    background-color: #555;
    margin-bottom: 10px;
    color: #fff;
    font-weight: bold;
}

.checkout-steps .step.active .step-number {
    background-color: #424245; /* Tu color primario */
}

.checkout-steps .step .step-title {
    font-size: 0.9rem;
}
.wc-proceed-to-checkout {
  font-weight: 100;
  white-space: nowrap;
  text-transform: uppercase;
  text-align: center;
  padding: 15px 15px;
  border-radius: 0px;
}
.hero-text-content {
  color: var(--c-text-body);
  font-weight: 300;
  text-align: left;
  width: 66%;
  font-size: 23px;
}
.front-page-hero-section .row .header-hero-contenedor {
    padding-top: 33% !important; 

}
.site-branding p {
  text-align: center;
  color: var(--c-secondary) !important;
  font-size: 13px;
  font-weight: 400;
}
.header-content h1 span {
    color:var(--c-bg-light);
    font-size: 23px;
}
.header-content h1 strong {
    color: var(--c-accent);
  font-size: 36px;
  font-weight: 400;
  text-transform: capitalize;
}
.header-content h2 {
    color: var(--c-primary);
  font-size: 44px;
  font-weight: 400;
  text-transform: capitalize;
}
.header-content h2 strong {
    color: var(--c-accent);
  font-size: 33px;
  font-weight: 600;
  text-transform: capitalize;
}
#menu-primary-menu a {
  color: #009ad8;
  font-size: 16px;
  letter-spacing: 1.3px;
}
.wc-proceed-to-checkout a:hover{ 
    background-color: #424245;
    color: #ccc;
}
.shop_table tbody tb{
    background-color: #424245;
    color: #ccc;
    margin:10px;
}
table.shop_table_responsive tr td {
    display: table-cell;
    margin: 0 auto;
    padding: 0px 0px 0px;
    text-align: center;
}

.shop_table .button {
    background-color: #424245;
    border: 0px solid;
    margin: 10px 15px;
    border-radius: 0px;
    text-transform: uppercase;
    font-size: 16px;
    padding: 11px 18px;
}
.centrarpasos {
    padding: 10px 10px 30px;
    margin: 0 auto !important;
}
.coupon .button{
    background-color: #424245;
    border: 0px solid;
    border-radius: 0px;
    line-height: 1;
    padding: 10px 20px;
    text-align: center;
    color: #2F2F2F;
    margin: 20px auto;
    text-transform: uppercase;
    font-size: 12px;
}
.cart-actions .button{
    background-color: #424245;
    border: 0px solid;
    border-radius: 0px;
    line-height: 1;
    padding: 10px 20px;
    text-align: center;
    color: #2F2F2F;
    margin: 20px auto;
    text-transform: uppercase;
    font-size: 12px;
}
.cart-collaterals {
    text-align: center;
    font-weight: 100;
}
.cart-collaterals h2{
    text-align: center;
    font-weight: 100;
}
.shop_table tr th {
  text-align: center !important;
  font-weight: 400;
  font-size: 16px;
  padding: 5px;
  text-transform: uppercase;
}
.woocommerce-orders-table__cell-order-actions .button{ 
    padding: 8px 20px;
    color: #222;
 }
.form-flat p {
    text-align: center;
}
.form-flat p .wpcf7-form-control-wrap input {
    width: 100%;
    max-height: 200px;
}
.form-flat .button {
    padding: 10px 20px;
    background-color: #424245;
    border-radius: 0px;
    color: #2F2F2F;
    text-transform: uppercase;
    font-size: 16px;
    border: 0px;
    width: 100%;
}
.footer-navigation #menu-principal-1 li {
    padding: 5px 0px 8px !important;
    border-bottom: 0.5px solid #BEA10D;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 100;
}
.product-main-content  {
    margin-top: 20px;
}
.quantity .input-text{
    max-width: 50px;
    padding: 3px 0px 3px 13px;
}
.remove {
  font-size: 12px;
}
.remove svg {
    font-size: 12px;
  overflow: hidden;
  vertical-align: middle;
  max-width: 18px;
}
.product-total .woocommerce-Price-amount  {
    font-size: 20px;
    font-weight: 400;
}
.logo-container {
    display: inline-block;
    max-width: 100%;
}
.custom-logo-link {
    display: inline-block !important; 
}
.site-header .custom-logo-link .custom-logo {
    width: 100%;
    margin: 15px 0px;
}
.product-name .align-items-center span{
  width: 100%;
  margin: 15px 10px;
  font-weight: 100;
  font-size: 16px;
} 
.navbar-expand-lg .navbar-nav {
        color: #009ad8;
  font-size: 16px;
  letter-spacing: 1.3px;
    }
 #menu-main li a{
   color: #009ad8;
  font-size: 16px;
  letter-spacing: 1.0px;
  font-weight: 500;
  }
#menu-principal-1  {
    padding: 0px !important;
}
.social-media-links li {
    padding: 5px 5px;
}
.woocommerce-tabs ul.tabs {
    display: none;
}
footer#colophon.site-footer {
    position: static;
    width: auto;
    text-align: center;
    padding: 30px 20px 0px;
    font-size: 12px;
}
.footer-completo {
    padding: 30px 20px 0px;   
}
.footer-wrapper h4 {
  background-color: var(--c-secondary) !important;
  padding: 20px 0px 14px !important;
  color: #f5f5f7 !important;
  text-align: center;
  margin-bottom: 20px;
  font-weight: 400;
  border-bottom: 0.5px solid;
  text-transform: uppercase;
}
.footer-wrapper ul li a {  
   color: var(--c-bg-light) !important; 
   text-transform: uppercase;
}
.footer-wrapper p {  
  color: #f5f5f7 !important;
  text-align: center;
  font-size: 16px;
}
.wc-block-checkout__actions_row a {
    color: var(--link-color);
}
.wc-block-checkout__actions_row a:hover {
    color: var(--link-hover-color);
}
.text-white h1{  
  margin: 15px 0px 15px;
  text-align: left;
  color: var(--c-bg-light);
  font-weight: 400;
}
.shop-page-title-section h1{  
  margin: 0px 0px 15px !important;
  text-align: left;
  color: var(--c-bg-light);
  font-weight: 400;
  font-size: 23px;
  padding: 10px 0px 0px 0px;
}
.cavare-product-card{
    margin: 20px 0px;
}
.footer-wrapper ul li {  
   padding: 0px 0px 10px !important;
}
.menufooter ul li {
    padding: 6px 0px 8px !important;
    color: var(--c-bg-light);
    text-align: center;
    font-weight: 200;
    border-bottom: 0.5px solid;
    list-style: none;
    font-size: 17px;
}
.menufooter ul {
    padding: 0px 0px 0px !important;
    margin: 0px auto;
}
.woocommerce-checkout .form-row label {
    display: table !important;
    text-align: center;
    width: 100%;
}
.woocommerce-info, .woocommerce-noreviews, p.no-comments {
    background-color: #3d9cd2;
    padding: 15px 35px;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
}
.woocommerce-billing-fields h3 {
    text-align: center;
    font-weight: 100;
    margin: 0px 0px 20px;
    border-bottom: 0.5px solid #BEA10D;
    padding-bottom: 10px;
}
.woocommerce-billing-fields__field-wrapper h3 {
    text-align: center;
    width: 100%;
    margin: 10px auto;
    align-items: center;
}
.woocommerce-input-wrapper textarea {
    width: 100%;
    min-width: 333px;
    min-height: 154px;
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    width: 100%;
    min-width: 187px;
}
.contenido-arriba {
       margin-top: 20px;
}
.woocommerce-MyAccount-content .woocommerce-info {
    background-color: transparent;
    padding: 15px 35px;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
}
.woocommerce-MyAccount-content .woocommerce-info .button {
    background-color: #BEA10D;
    border: 0px solid;
    margin: 10px 15px;
    border-radius: 0px;
    text-transform: uppercase;
    font-size: 16px;
    padding: 11px 18px;
    color: #2F2F2F;
}
.woocommerce-form-coupon-toggle .woocommerce-info {
    color: var(--c-primary);
    background-color: transparent;
    padding: 15px 35px;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
}
.woocommerce-form-coupon-toggle .woocommerce-info a {
    background-color: var(--c-primary);
    border: 0px solid;
    margin: 10px 15px;
    border-radius: 0px;
    text-transform: uppercase;
    font-size: 16px;
    padding: 11px 18px;
    color: var(--c-bg-light);
}
.form-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
    text-align: center;
    margin: 0ps auto;
    justify-content: left;
}
.checkout_coupon .button {
    background-color: #BEA10D;
    border: 0px solid;
    margin: 10px 15px;
    border-radius: 0px;
    text-transform: uppercase;
    font-size: 16px;
    padding: 11px 18px;
    color: #2F2F2F;
}
.checkout_coupon .form-row span {
    margin: 10px;
}

.woocommerce-input-wrapper .quantity, body, button, input, select, optgroup, textarea {
    color: #404040;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", "Inter", sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    margin-left: 0px;

}
.list-unstyled {
    margin: 0px !important;
}
.woocommerce-form__input {
    width: 50px;
}

#woocommerce-checkout-form-coupon .form-row {

  justify-content: center;
}
.woocommerce table.shop_table td,
.woocommerce table.shop_table th {
    padding: 12px 15px;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
}
.product-quantity .quantity input  {
    max-width: 50px;
}
.woocommerce-table tbody .woocommerce-table__line-item {
    border:2px solid #BEA10D;
}
.woocommerce-form__label .woocommerce-terms-and-conditions-checkbox-text {
    margin: 10px;
}
.woocommerce-ordering {
    text-align: right;
    margin: 20px 0px;
}
.summary .product_meta {
    margin: 40px 0px 0px;
    font-size: 14px;
    color: #BEA10D;
}
.summary .product_meta .sku_wrapper{
    border-bottom: 0.5px solid #BEA10D;
    padding: 5px 0px 10px;
}
.summary .product_meta .posted_in{
    border-bottom: 0.5px solid #BEA10D;
    padding: 5px 0px 10px;
}
.summary .product_meta .tagged_as{
    border-bottom: 0.5px solid #BEA10D;
    padding: 5px 0px 10px;
}
.price .amount {
  font-weight: 600;
  color: var(--c-accent);
  font-size: 39px;
  margin: 20px auto;
}
.woocommerce-variation-price .price .amount {
  font-weight: 600;
  color: var(--c-primary);
  font-size: 39px;
}
.price ins .amount bdi{  
    font-size: 39px;
  font-weight: 600;
  color: var(--c-accent);
}
/* Asegurar que el Zoom de WooCommerce sea visible */
.woocommerce-product-gallery--with-images {
    opacity: 1 !important;
    position: relative;
    z-index: 10; /* Para que la lupa vuele sobre el texto */
}

.zoomImg {
    z-index: 9999 !important;
    cursor: crosshair;
}

/* Evitar que contenedores padres corten el zoom */
.single-product div.product {
    overflow: visible !important;
}
.meta-item-tag a {
    color: var(--c-primary);
  text-decoration: underline;
  line-height: 1.2;
  border: 1px solid var(--c-primary);
  border-radius: 5px;
  padding: 3px;
}
.container-migadepan { 
    margin: 20px 0px;

}
.areadecontenido { 
    margin: 20px 0px 5px; 
}
.areadecontenido h2 a{ 
    color: var(--link-color) !important;
    font-size: 20px;
    line-height: 0.9 !important;
}
.areadecontenido h2 a:hover{ 
    color: var(--link-hover-color) !important;
    font-size: 20px;
    line-height: 0.9 !important;
}
.price del .amount bdi{  
      font-size: 20px;
      text-decoration: line-through;
      color: #6ac5bf;
}
.carritocabeza {  
      padding: 5px 0px 2px;
}
.price  {
      text-align: center;
      margin: 0 auto;
      color: var(--c-accent) !important;
}

.header-title {
    /* font-size: 2.4rem; */
    font-weight: 300;
    opacity: .8;
    /* color: #212529; */
}
.header-content h3 span{
    color: #dee2e6 !important   ;
    font-weight: 100;
}

.cart-sidebar-col > div {
    position: sticky;
    top: 100px; /* Ajusta según la altura de tu header */
    z-index: 10;
}
.mini_cart_item a{
    color: #424245 !important;
    font-size: 14px;
}
.site-header-cart .mini_cart_item remove{
    color: #009ad8 !important;
    font-size: 12px;
}
.redessocialestop .cart-total span bdi span{
    font-size: 12px;
    color: #f5f5f7;
}
.redessocialestop .cart-total span bdi {
    font-size: 12px;
    color: #f5f5f7;
}
p {
    font-weight: 100;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 300; 
}
.preciosespe ul, ol {
    
    font-size: 14px;
}
.preciosespe ul, ol, li{
    
    font-size: 14px;
    margin: 5px;
}

.product-gallery-wrapper .woocommerce-product-gallery li {
  display: table-cell;
  font-size: 14px;
  margin-left: 0px !important;
  padding: 10px;
}
.product-gallery-wrapper .woocommerce-product-gallery ol {
  padding-left: 0px;
  margin-left: 0px !important;
  
}

.list-group-item {
    position: relative;
    display: block;
    padding: 5px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}
.product-banner-image .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
    text-align: center;
    margin-top: 23px;
}
.woocommerce-billing-fields__field-wrapper p {
    margin-bottom: 9px;
}
.preciosespe {
    margin: 9px 0px;
}
#pricing .text-center .preciosespe {
    margin: 0px 0px !important;
    padding: 13px;
}
.justify-content-between {
    text-align: center;
}
.mensajeoficial{
    font-size: 42px !important;
    font-weight: 100;
}
.cavare-customizer-notice {
    background-color: #ffd700; /* Un color de fondo llamativo */
    color: #000;
    text-align: center;
    padding: 10px;
    font-size: 12px;
}
/*
 * Estilos para el Header Móvil
 * =============================================
 */

    .woocommerce table.shop_table_responsive {
        border: none;
    }

    /* Ocultamos la cabecera de la tabla en móvil */
    .woocommerce table.shop_table_responsive thead {
        display: none;
    }

    .woocommerce table.shop_table_responsive tr {
        display: block;
        margin-bottom: 2rem;
        border: 1px solid rgba(0,0,0,0.1);
        padding: 1rem;
    }
    
   

    /* La magia: mostramos el título de la columna antes del contenido */
    .woocommerce table.shop_table_responsive td::before {
       
        position: absolute;
        left: 1rem;
        font-weight: bold;
        text-align: left;
        color: inherit; /* Hereda el color del texto */
    }

    /* Ajustes específicos para que se vea bien */
    .woocommerce table.shop_table_responsive td.product-thumbnail {
        text-align: center !important;
        padding-left: 1rem !important; /* Quitamos el padding para centrar la imagen */
    }
    .woocommerce table.shop_table_responsive td.product-thumbnail::before {
        display: none; /* No necesitamos el título "Image" */
    }
    .woocommerce table.shop_table_responsive td.actions {
        padding-left: 1rem !important;
    }
    .woocommerce table.shop_table_responsive td.actions::before {
        display: none; /* No necesitamos título para la fila de acciones */
    }
    .woocommerce .coupon, .woocommerce .cart-actions {
        display: flex;
        flex-direction: column;
    }
    .woocommerce .coupon .button, .woocommerce .cart-actions .button {
        width: 100%;
        margin-top: 10px;
    }
.footer-navigation ul{
    list-style: none;
    margin: 0px 0px !important;
    text-align: center;
}

/*
 * Estilos para la tabla responsive del carrito en móvil
 * =========================================================
 */
@media screen and (max-width: 767px) {

    .woocommerce table.shop_table_responsive {
        border: none;
    }

    /* Ocultamos la cabecera de la tabla en móvil */
    .woocommerce table.shop_table_responsive thead {
        display: none;
    }

    .woocommerce table.shop_table_responsive tr {
        display: block;
        margin-bottom: 2rem;
        border: 1px solid rgba(0,0,0,0.1);
        padding: 1rem;
        border: 0.5px solid #BEA10D;
    }
    .woocommerce table.shop_table_responsive tr img {
        border: 0.5px solid #BEA10D;
        max-width: 190px;
        padding: 10px;
    }
    
    .woocommerce table.shop_table_responsive td {
        display: block;
        text-align: right !important; /* Alineamos el contenido a la derecha */
        border: none;
        padding-left: 50% !important; /* Creamos espacio para el título */
        position: relative;
    }

    /* La magia: mostramos el título de la columna antes del contenido */
    .woocommerce table.shop_table_responsive td::before {
        content: attr(data-title); /* Leemos el atributo data-title */
        position: absolute;
        left: 1rem;
        font-weight: bold;
        text-align: left;
        color: inherit; /* Hereda el color del texto */
    }

    /* Ajustes específicos para que se vea bien */
    .woocommerce table.shop_table_responsive td.product-thumbnail {
        text-align: center !important;
        padding-left: 1rem !important; /* Quitamos el padding para centrar la imagen */
    }
    .woocommerce table.shop_table_responsive td.product-thumbnail::before {
        display: none; /* No necesitamos el título "Image" */
    }
    .woocommerce table.shop_table_responsive td.actions {
        padding-left: 1rem !important;
    }
    .woocommerce table.shop_table_responsive td.actions::before {
        display: none; /* No necesitamos título para la fila de acciones */
    }
    .woocommerce .coupon, .woocommerce .cart-actions {
        display: flex;
        flex-direction: column;
    }
    .woocommerce .coupon .button, .woocommerce .cart-actions .button {
        width: 100%;
        margin-top: 10px;
    }
}

/* Contenedor del Top Bar Móvil */
.mobile-top-bar-wrapper {
    background-color: #333; /* Un color de fondo oscuro de ejemplo */
    padding: 8px 0;
    border-bottom: 1px solid #444;
}

/* Enlaces del Top Bar Móvil */
.mobile-top-bar-nav .nav-link {
    color: #fff;
    font-size: 0.8rem;
    padding: 5px 10px;
}

/* Barra principal del Header Móvil */


/* Menú principal desplegable */
#primary-menu-collapse-mobile {
    border-bottom: 0.5px solid #BEA10D;
    padding: 20px 10px 23px 10px;
    margin: 0 auto;
}
.woocommerce-billing-fields__field-wrapper p{
    margin: 20px auto;
}
.woocommerce-billing-fields__field-wrapper p .woocommerce-input-wrapper{
    margin: 0px auto;
}
/* Enlaces del menú principal desplegable */
#primary-menu-collapse-mobile .navbar-nav .nav-link {
    color: #fff;
    padding: 10px 0;
    border-bottom: 1px solid #333;
}
/*
 * Corrección para el menú del Top Bar
 * =============================================
 * Anula la regla 'flex-direction: column' para que este menú sea horizontal.
 */
.top-bar-nav {
    flex-direction: row !important;
}

/* Opcional: Añade un poco de espacio entre los elementos del menú del top bar */
.top-bar-nav .menu-item {
    margin-left: 1rem; /* Ajusta este valor a tu gusto */
}

/*
==========================================================================
 ESTRUCTURA RESPONSIVE DEL TEMA CAVARE - Mobile First
==========================================================================
*/

/* -------------------------------------------------------------------------- */
/* 1. ESTILOS BASE (MÓVILES) - (Pantallas < 576px)                            */
/* -------------------------------------------------------------------------- */
/* Aquí van todos los estilos por defecto. Piensa en un iPhone vertical.     */

.header-main .navbar-brand {
    /* En móvil, el logo puede ser un poco más pequeño */
    max-width: 150px;
}
.woocommerce-Tabs-panel ul{
 margin-left: 0px;
}
.topbarrs {
    /* En móvil, el texto del top-bar puede ser más pequeño */
    font-size: 0.8rem;
    text-align: center; /* Centramos todo en móvil */
}

.topbarrs .row > div {
    /* Hacemos que las columnas del top-bar se apilen verticalmente */
    width: 100%;
    margin-bottom: 0px;
}

.topbarrs .nav {
    justify-content: center !important; /* Forzamos el centrado de los menús */
}


/* -------------------------------------------------------------------------- */
/* 2. TABLETS PEQUEÑAS (Pantallas ≥ 576px)                                  */
/* -------------------------------------------------------------------------- */
@media (min-width: 576px) {
    /* Aquí añadimos o modificamos estilos para tablets pequeñas y superiores. */
    /* Bootstrap usa este breakpoint para 'sm' */
    
    .header-main .site-branding {
        /* Ejemplo: Aumentamos un poco el tamaño del logo */
       
    }

}


/* -------------------------------------------------------------------------- */
/* 3. TABLETS (Pantallas ≥ 768px)                                           */
/* -------------------------------------------------------------------------- */
@media (min-width: 768px) {
    /* Aquí van los estilos para tablets en vertical y superiores. */
    /* Bootstrap usa este breakpoint para 'md' */

    .topbarrs {
        text-align: left; /* Volvemos a alinear a la izquierda */
    }

    .topbarrs .row > div {
        /* Restablecemos el ancho automático de las columnas */
        width: auto;
        margin-bottom: 0;
    }
    
    .topbarrs .nav {
        justify-content: flex-start !important; /* Alineamos los menús a la izquierda */
    }
    
    /* En tu top-bar, el menú secundario y el botón se alinean a la derecha */
    .topbarrs .col-md-7 .d-flex {
        justify-content: flex-end !important;
    }
}


/* -------------------------------------------------------------------------- */
/* 4. ESCRITORIOS (Pantallas ≥ 992px)                                       */
/* -------------------------------------------------------------------------- */
@media (min-width: 992px) {
    /* Estilos para laptops y escritorios. */
    /* Bootstrap usa este breakpoint para 'lg' y es donde tu menú hamburguesa desaparece. */

    .header-main .navbar-brand {
        /* Tamaño final del logo en escritorio */
        max-width: 220px;
    }

    /* Aquí puedes poner estilos que SOLO se apliquen al menú de escritorio */
    .header-main .navbar-nav .nav-link {
        padding: 1rem 1.5rem;
        text-transform: uppercase;
    }
    .header-main .navbar-nav .nav-link a:hover {
        padding: 1rem 1.5rem;
        color: var(--c-text-body);
        text-transform: uppercase;
    }
    
    #primary-menu-collapse .header-main .navbar-nav .nav-link:hover {
        color: var(--link-hover-color);
    }
}


/* -------------------------------------------------------------------------- */
/* 5. ESCRITORIOS GRANDES (Pantallas ≥ 1200px)                              */
/* -------------------------------------------------------------------------- */
@media (min-width: 1200px) {
    /* Estilos para pantallas más grandes, si es necesario. */
    /* Bootstrap usa este breakpoint para 'xl' */

    .container {
        /* Podemos hacer el contenedor un poco más ancho en pantallas muy grandes */
        max-width: 1140px;
    }
}

/*
==========================================================================
 EJEMPLO CON MAX-WIDTH (Para ocultar cosas en pantallas MUY pequeñas)
==========================================================================
*/
/* Este tipo de query se usa para casos especiales, como el que mencionaste. */

@media (max-width: 380px) {
    .topbarrs .html_topbar_right {
        /* Oculta el teléfono en pantallas extremadamente estrechas para que no se rompa el diseño */
        display: none;
    }
}
/*
 * Estilos para los Iconos de Redes Sociales
 * =============================================
 */
.social-media-links {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.social-media-links li {
    margin: 0 10px;
}

.social-media-links .social-icon {
    display: inline-block;
    transition: transform 0.2s ease-in-out;
}

.social-media-links .social-icon:hover {
    transform: scale(1.1);
    color: #FFD700; /* Color al pasar el ratón */
}

.social-media-links .social-icon svg {
    width: 23px;
    height: 23px;
}
/* =========================================
   PÁGINA THANK YOU (ORDER RECEIVED)
   ========================================= */

/* Icono de éxito */
.success-icon svg {
    margin: 0 auto;
}

/* Tarjeta Principal */
.cavare-thankyou-card {
    border: 1px solid var(--border-color);
}

/* Lista de Resumen (Horizontal) */
ul.woocommerce-order-overview {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    list-style: none;
    padding: 20px 0;
    margin: 30px 0 0;
    border-top: 1px solid var(--bg-secondary);
}

ul.woocommerce-order-overview li {
    font-size: 0.9rem;
    color: var(--text-light);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 0 15px;
    border-right: 1px solid #eee;
}

ul.woocommerce-order-overview li:last-child {
    border-right: none;
}

ul.woocommerce-order-overview li strong {
    display: block;
    font-size: 1.1rem;
    color: var(--text-main);
    margin-top: 5px;
    font-weight: 700;
    text-transform: none;
}

/* Detalles completos (Tabla que inyecta WooCommerce) */
.woocommerce-order-details {
    background: #fff;
    padding: 30px;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-soft);
    border: 1px solid var(--border-color);
    margin-top: 30px;
}

.woocommerce-order-details__title {
    font-size: 1.5rem;
    border-bottom: 1px solid var(--c-primary);
    padding-bottom: 15px;
    margin-bottom: 20px;
    display: inline-block;
}

/* En Móvil */
@media (max-width: 768px) {
    ul.woocommerce-order-overview {
        flex-direction: column;
        gap: 15px;
    }
    ul.woocommerce-order-overview li {
        border-right: none;
        border-bottom: 1px solid #eee;
        padding-bottom: 10px;
    }
}

.espaciostitulos {
        margin: 15px 0px 0px !important;
  height: 40px; 
    }
/* Sidebar Sticky (Fijo al hacer scroll) */
@media (min-width: 992px) {
    .sidebar-wrapper.sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 110px; /* Ajusta según la altura de tu header */
        z-index: 10;
    }
}
.espacios {
    height: 30px;

}

/* Ajuste del botón cargar más */
#cavare-load-more-btn {
min-width: 200px;
  font-weight: 400;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
  padding: 20px 20px !important;
  border-radius: 0px !important;
}
#cavare-load-more-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
/* ============================================================
   REJILLA MAESTRA CAVARE - BLOQUEO TOTAL DE CONFLICTOS
   ============================================================ */