/*
 Theme Name:   Tu Mejor Recuerdo
 Theme URI:    https://www.tumejorrecuerdo.com
 Description:  Tema hijo oficial para Tu Mejor Recuerdo.
 Author:       Tu Mejor Recuerdo
 Template:     avanam
 Version:      1.0.7

*/

@media (max-width: 1024px) {
  /* Ajuste de widgets: menos espacio entre ellos */
  .footer-widget-area .footer-widget,
  .site-middle-footer-inner-wrap .widget {
    margin-bottom: 5px !important;
    margin-top: 0 !important;
  }

  /* Títulos clicables */
  .footer-widget-area .widget-title.clickable {
    cursor: pointer;
    position: relative;
    color: white;
    font-size: 30px;       /* tamaño del título */
    padding-right: 35px;   /* espacio para la flecha */
    padding-top: 2px;      /* menos espacio arriba */
    padding-bottom: 2px;   /* menos espacio abajo */
    display: block;
  }

  /* Flecha tipo V grande y centrada, más fina */
  .footer-widget-area .widget-title.clickable::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 24px;
    height: 24px;
    transform: translateY(-50%) rotate(0deg);
    transition: transform 0.3s ease;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M6 9l6 6 6-6" stroke="black" stroke-width="2" fill="none" stroke-linecap="round"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }

  .footer-widget-area .widget-title.clickable.open::after {
    transform: translateY(-50%) rotate(180deg);
  }

  /* Solo los menús desplegables de widgets */
  .footer-widget-area .widget:has(.widget-title.clickable) ul {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease;
    font-size: 14px;
    margin-top: 5px;
    padding-left: 0;
  }

  /* Al abrir el widget: mayor espacio entre enlaces */
  .footer-widget-area .widget.open ul li {
    margin-bottom: 10px;      /* más espacio entre enlaces */
    padding: 5px 0;           /* un poco de “aire” arriba y abajo */
    transition: all 0.3s ease; /* transición suave */
  }

  /* Enlaces que no están abiertos: espacio más pequeño */
  .footer-widget-area .widget:has(.widget-title.clickable) ul li {
    margin-bottom: 3px;       /* espacio compacto */
    padding: 2px 0;
  }

  /* Aumentar tamaño de los iconos sociales solo en "Síguenos" */
  .footer-social-wrap .footer-social-inner-wrap a {
    width: 50px;           /* caja cuadrada para icono */
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;       /* tamaño del icono SVG */
    color: white;          /* color del icono */
    text-decoration: none;
    margin-right: 10px;    /* espacio entre iconos */
  }

  /* Ocultar el texto dentro de cada enlace */
  .footer-social-wrap .footer-social-inner-wrap a .social-label {
    display: none;
  }

  /* Hover opcional: cambiar color al pasar el ratón */
  .footer-social-wrap .footer-social-inner-wrap a:hover {
    color: #FFD700; /* dorado, por ejemplo */
  }

  
    /* Flex column para el footer bottom */
  .site-bottom-footer-inner-wrap {
    display: flex;
    flex-direction: column; /* apila en vertical */
  }

  /* Sección de navegación primero */
  .site-footer-bottom-section-2 {
    order: 1;
  }

  /* Copyright después */
  .site-footer-bottom-section-1 {
    order: 2;
  }

  /* Menú legal del footer en columna */
  #footer-navigation .menu {
    display: flex;
    flex-direction: column;
    align-items: center;   /* centra los enlaces */
    justify-content: center;
    gap: 8px;              /* espacio entre enlaces */
    padding: 0;
    margin: 10px 0;
    list-style: none;
  }

  /* Enlaces centrados */
  #footer-navigation .menu li {
    text-align: center;
  }

  #footer-navigation .menu li a {
    display: block;
    font-size: 14px;
    color: white;
    text-decoration: none;
  }
}


/* 1. EL CONTENEDOR DE LA IMAGEN COMO ANCLAJE */
.wpcbm-wrapper-archive-image {
    position: relative !important;
}

/* 2. DISEÑO DEL BOTÓN GLASS PREMIUM REFINADO */
.wpcbm-wrapper-archive-image .woosw-btn {
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;
    z-index: 9 !important;
    
    /* Dimensiones perfectas */
    width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 50% !important;
    
    /* Centrado riguroso */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* EFECTO GLOSSY ELEGANTE (Cristal sutil, menos oscuro) */
    background: rgba(255, 255, 255, 0.25) !important; /* Base blanca ultra translúcida */
    backdrop-filter: blur(16px) saturate(120%) !important; /* Desenfoque fino que potencia los colores de la foto de fondo */
    -webkit-backdrop-filter: blur(16px) saturate(120%) !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important; /* Borde de cristal suave */
    
    /* Sombra elegante, dispersa y muy poco llamativa */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.02) !important;
    
    cursor: pointer !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* 3. LIMPIEZA ABSOLUTA DE BASURA DEL PLUGIN */
.wpcbm-wrapper-archive-image .woosw-btn .woosw-btn-icon,
.wpcbm-wrapper-archive-image .woosw-btn span,
.wpcbm-wrapper-archive-image .woosw-btn::after {
    display: none !important;
    content: "" !important;
}

/* 4. EL NUEVO CORAZÓN ESTILIZADO (POR DEFECTO) */
/* Cambiamos el icono por el código SVG de un corazón minimalista, limpio y moderno */
.wpcbm-wrapper-archive-image .woosw-btn::before {
    display: inline-block !important;
    content: "" !important;
    width: 18px !important;
    height: 18px !important;
    background-color: #111111 !important; /* Color del trazo (Negro elegante / Gris oscuro) */
    
    /* Máscara SVG para pintar el corazón perfecto sin depender de fuentes rotas */
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2'><path stroke-linecap='round' stroke-linejoin='round' d='M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z'/></svg>") center/contain no-repeat !important;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2'><path stroke-linecap='round' stroke-linejoin='round' d='M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z'/></svg>") center/contain no-repeat !important;
    
    transition: all 0.3s ease !important;
    transform: translate(0, 0) !important; /* Reset de posición inicial */
}

/* 5. ESTADO AÑADIDO (RELLENO, CORREGIDO EL DESPLAZAMIENTO) */
.wpcbm-wrapper-archive-image .woosw-btn.woosw-added::before {
    background-color: #ff385c !important; /* Tu color rosa/rojo corporativo */
    
    /* Cambiamos la máscara al corazón completamente relleno */
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M11.645 20.91l-.007-.003-.022-.012a15.247 15.247 0 01-.383-.218 25.18 25.18 0 01-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25 2.25 5.322 4.714 3 7.688 3c1.749 0 3.3 1.01 4.061 2.472C12.51 4.01 14.062 3 15.811 3c2.974 0 5.438 2.322 5.438 5.25 0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 01-4.244 3.17 15.247 15.247 0 01-.383.219l-.022.012-.007.004-.003.001a.752.752 0 01-.704 0l-.003-.001z'/></svg>") center/contain no-repeat !important;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M11.645 20.91l-.007-.003-.022-.012a15.247 15.247 0 01-.383-.218 25.18 25.18 0 01-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25 2.25 5.322 4.714 3 7.688 3c1.749 0 3.3 1.01 4.061 2.472C12.51 4.01 14.062 3 15.811 3c2.974 0 5.438 2.322 5.438 5.25 0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 01-4.244 3.17 15.247 15.247 0 01-.383.219l-.022.012-.007.004-.003.001a.752.752 0 01-.704 0l-.003-.001z'/></svg>") center/contain no-repeat !important;

    /* Forzamos el micro-ajuste horizontal para que no se desplace a la izquierda */
    transform: translate(0.5px, 0.5px) scale(1.05) !important;
}

/* 6. INTERACCIÓN HOVER SUAVE */
.wpcbm-wrapper-archive-image .woosw-btn:hover {
    transform: scale(1.05) !important;
    background: rgba(255, 255, 255, 0.4) !important; /* Se aclara sutilmente el cristal */
    border-color: rgba(255, 255, 255, 0.6) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important; /* Sombra sutil expandida */
}

.wpcbm-wrapper-archive-image .woosw-btn:hover::before {
    transform: scale(1.1) !important;
}

.wpcbm-wrapper-archive-image .woosw-btn.woosw-added:hover::before {
    /* Mantiene el microajuste del corazón relleno incluso en hover */
    transform: translate(0.5px, 0.5px) scale(1.1) !important;
}



/* CONTENEDOR GENERAL DEL LOADER */
.tmr-scroll-loader-container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px;
    padding: 40px 0;
    width: 100%;
    clear: both;
}

/* EL SPINNER (Círculo giratorio elegante) */
.tmr-spinner {
    width: 26px;
    height: 26px;
    border: 2px solid rgba(0, 0, 0, 0.08); /* Fondo del círculo muy suave */
    border-top-color: #111111; /* El color del filamento que gira (Negro elegante) */
    border-radius: 50%;
    animation: tmrGirar 0.8s linear infinite;
}

/* TEXTO DE CARGA */
.tmr-scroll-loader-text {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.8px;
    color: #666666;
    text-transform: uppercase;
    font-family: inherit;
}

/* BANNER DE FIN DE CONTENIDO ULTRA ELEGANTE */
.tmr-scroll-fin {
    text-align: center;
    padding: 50px 0;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    color: #999999; /* Gris suave discreto */
    text-transform: uppercase;
    font-family: inherit;
    width: 100%;
    clear: both;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Pequeñas líneas decorativas laterales automáticas para el "FIN DEL CONTENIDO" */
.tmr-scroll-fin::before,
.tmr-scroll-fin::after {
    content: "";
    html-user-select: none;
    width: 40px;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.1);
    margin: 0 15px;
    display: inline-block;
}

/* ANIMACIÓN ROTACIÓN */
@keyframes tmrGirar {
    to { transform: rotate(360deg); }
}

.wpcbm-badge {
    font-size:11px;
}

/* CONTENEDOR PRINCIPAL ESTILO NOTIFICACIÓN DE LUJO */
.tmr-notification-premium {
    display: inline-flex !important;
    align-items: center !important;
    background: #ffffff !important;
    border: 1px solid #eaeaea !important;
    padding: 8px 16px 8px 10px !important;
    border-radius: 30px !important; /* Bordes totalmente redondeados estilo píldora */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important; /* Sombra levísima */
    margin: 18px 0 !important;
    font-family: inherit;
    transition: all 0.3s ease;
}

/* El círculo que envuelve al fuego */
.tmr-badge-flame {
    width: 28px;
    height: 28px;
    background: #fff0f2; /* Fondo rosa pastel ultra suave */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    flex-shrink: 0;
}

/* LA LLAMA CON EFECTO DE PARPADEO REALISTA (FLICKER) */
.tmr-flame {
    font-size: 14px;
    display: inline-block;
    animation: tmrFuegoParpadeo 1.5s infinite alternate ease-in-out;
}

/* TEXTO DE LA NOTIFICACIÓN */
.tmr-notification-text {
    font-size: 13px !important;
    color: #555555 !important;
    letter-spacing: 0.1px !important;
    line-height: 1.2 !important;
}

/* Destacamos las palabras clave en negro puro o el rosa de tu marca */
.tmr-notification-text strong {
    color: #111111 !important; /* O cambia por #ff385c si prefieres tu color corporativo */
    font-weight: 600 !important;
}

/* ANIMACIÓN DE PARPADEO ORGÁNICO DE LA LLAMA */
@keyframes tmrFuegoParpadeo {
    0% {
        transform: scale(0.95) rotate(-1deg);
        opacity: 0.85;
    }
    25% {
        transform: scale(1.05) rotate(2deg);
        opacity: 1;
    }
    50% {
        transform: scale(0.98) rotate(-2deg);
        opacity: 0.9;
    }
    75% {
        transform: scale(1.08) rotate(1deg);
        opacity: 1;
    }
    100% {
        transform: scale(1) rotate(0deg);
        opacity: 0.95;
    }
}

/* CONTENEDOR GENERAL ESTILO LIVE PREVIEW */
.tmr-live-views-container {
    display: inline-flex !important;
    align-items: center !important;
    background: #ffffff !important;
    border: 1px solid #ededed !important;
    padding: 10px 16px !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02) !important;
    margin: 15px 0 !important;
    font-family: inherit;
    gap: 12px;
}

/* CONTENEDOR DE LAS ANIMACIONES DEL PUNTO NARANJA */
.tmr-pulse-dot-wrapper {
    position: relative;
    width: 10px;
    height: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* El punto central fijo (Naranja premium) */
.tmr-pulse-dot {
    width: 8px;
    height: 8px;
    background: #f97316; /* ¡CAMBIADO A NARANJA! */
    border-radius: 50%;
    z-index: 2;
}

/* El anillo exterior que hace el efecto de onda/radar */
.tmr-pulse-ring {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #f97314;
    border-radius: 50%;
    opacity: 0.6;
    z-index: 1;
    animation: tmrOndaRadar 1.8s infinite cubic-bezier(0.25, 0, 0, 1);
}

/* TEXTO DE VISITAS */
.tmr-live-views-text {
    font-size: 13px !important;
    color: #444444 !important;
    letter-spacing: 0.1px !important;
    line-height: 1.3 !important;
}

.tmr-live-views-text strong {
    color: #111111 !important;
    font-weight: 600 !important;
}

/* ANIMACIÓN DE ONDA EXPANSIVA (RADAR DE ACTIVIDAD) */
@keyframes tmrOndaRadar {
    0% {
        transform: scale(0.8);
        opacity: 0.7;
    }
    100% {
        transform: scale(3);
        opacity: 0;
    }
}

/* =========================================================================
   ESTILO GLASSMORPHISM PREMIUM PARA EL MENÚ OFF-CANVAS
   ========================================================================= */

/* 1. Limpieza y estructura del contenedor del menú */
.elementor-shortcode .primary-menu-container.header-menu-container {
    padding: 20px 10px;
    width: 100%;
    box-sizing: border-box;
}

.elementor-shortcode .header-menu-container ul.menu {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 12px; /* Separación entre botones de cristal */
}

/* 2. Estilo base de los botones "Glass" */
.elementor-shortcode .header-menu-container ul.menu li.menu-item {
    margin: 0 !important;
    padding: 0 !important;
    display: block;
    width: 100%;
}

.elementor-shortcode .header-menu-container ul.menu li.menu-item a {
    display: flex;
    align-items: center;
    padding: 14px 20px;
    font-size: 15px;
    font-weight: 600;
    color: #1e293b !important; /* Texto oscuro elegante */
    text-decoration: none !important;
    letter-spacing: 0.5px;
    
    /* El truco del Glassmorphism: Fondo blanco translúcido + desenfoque */
    background: rgba(255, 255, 255, 0.45) !important; 
    backdrop-filter: blur(12px) -webkit-backdrop-filter: blur(12px);
    
    /* Bordes estilo cristal reflectante */
    border: 1px solid rgba(255, 255, 255, 0.6) !important;
    border-radius: 14px; /* Esquinas curvas premium */
    
    /* Sombra muy suave para dar profundidad tridimensional */
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03);
    
    /* Transición suave para los efectos hover */
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* 3. Efecto Hover (Al pasar el ratón por encima) */
.elementor-shortcode .header-menu-container ul.menu li.menu-item a:hover {
    background: rgba(255, 255, 255, 0.7) !important;
    color: #f97316 !important; /* Tu Naranja Premium */
    border-color: rgba(249, 115, 22, 0.3) !important; /* Borde sutil naranja */
    transform: translateX(6px); /* Desplazamiento lateral sutil */
    box-shadow: 0 4px 20px rgba(249, 115, 22, 0.08);
}

/* 4. Estilo para el elemento Activo/Ancestro (Categoría actual donde está el usuario) */
.elementor-shortcode .header-menu-container ul.menu li.current-menu-item a,
.elementor-shortcode .header-menu-container ul.menu li.current-product_cat-ancestor a {
    background: rgba(249, 115, 22, 0.08) !important; /* Fondo naranja súper lavado */
    backdrop-filter: blur(16px) -webkit-backdrop-filter: blur(16px);
    color: #f97316 !important; /* Texto en naranja */
    border-color: rgba(249, 115, 22, 0.4) !important; /* Borde definido naranja cristal */
    font-weight: 700;
    box-shadow: inset 0 0 8px rgba(249, 115, 22, 0.05);
}

/* Indicador luminoso dinámico a la izquierda solo en el hover y activo */
.elementor-shortcode .header-menu-container ul.menu li.menu-item a::before {
    content: '';
    width: 4px;
    height: 0;
    background: #f97316;
    border-radius: 10px;
    margin-right: 0;
    transition: all 0.3s ease;
    opacity: 0;
}

.elementor-shortcode .header-menu-container ul.menu li.menu-item a:hover::before,
.elementor-shortcode .header-menu-container ul.menu li.current-product_cat-ancestor a::before {
    height: 16px;
    margin-right: 10px;
    opacity: 1;
}



/* =========================================================================
   ESTILOS PREMIUM PARA EL SHORTCODE DE SUBCATEGORÍAS GLASS
   ========================================================================= */
.glass-subcategories-container {
    width: 100%;
    padding: 15px 10px;
    box-sizing: border-box;
}

.glass-subcategories-title {
    font-size: 11px;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 15px;
    padding-left: 5px;
}

.glass-subcategories-menu {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.glass-subcategories-menu li.subcat-item {
    margin: 0 !important;
    padding: 0 !important;
    display: block;
    width: 100%;
}

.glass-subcategories-menu li.subcat-item a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 18px;
    text-decoration: none !important;
    
    /* El ADN Glassmorphism idéntico a tu menú */
    background: rgba(255, 255, 255, 0.45) !important;
    backdrop-filter: blur(12px) -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.6) !important;
    border-radius: 12px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.02);
    
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* Estructura del texto interno */
.subcat-text-row {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.subcat-name {
    font-size: 14px;
    font-weight: 600;
    color: #1e293b;
    transition: color 0.3s ease;
}

.subcat-count {
    font-size: 11px;
    color: #64748b;
    font-weight: 400;
}

/* Flecha de interacción */
.subcat-arrow {
    display: flex;
    align-items: center;
    color: #94a3b8;
    transform: translateX(0);
    transition: all 0.3s ease;
    opacity: 0.7;
}

/* =========================================================================
   EFECTOS HOVER (Sincronizados con tu identidad de marca)
   ========================================================================= */
.glass-subcategories-menu li.subcat-item a:hover {
    background: rgba(255, 255, 255, 0.7) !important;
    border-color: rgba(249, 115, 22, 0.3) !important; /* Tu Naranja */
    box-shadow: 0 4px 20px rgba(249, 115, 22, 0.06);
}

.glass-subcategories-menu li.subcat-item a:hover .subcat-name {
    color: #f97316; /* Nombre en Naranja */
}

.glass-subcategories-menu li.subcat-item a:hover .subcat-arrow {
    color: #f97316;
    transform: translateX(4px); /* Animación de avance hacia la derecha */
    opacity: 1;
}


/* =========================================================================
   NUEVO ESTILO DEL PRECIO MARKETING
   ========================================================================= */
   
/* Contenedor general: Añadimos un poco de aire */
.tmr-contenedor-precios-wrapper {
    display: inline-flex !important;
    align-items: baseline !important; /* El precio antiguo descanse en la misma línea visual profunda */
    gap: 16px !important; /* Más espacio de separación, respira mejor */
}

/* El prefijo "Desde" para productos variables */
.tmr-precio-desde-prefijo {
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
    color: #666666 !important;
    font-weight: 600 !important;
    margin-right: -4px !important;
    text-transform: lowercase;
}

/* El precio antiguo tachado: Ultra minimalista */
.tmr-contenedor-precios-wrapper .tmr-precio-antiguo-tachado {
    font-family: "Montserrat", sans-serif !important;
    font-size: 15px !important; 
    color: #999999 !important; /* Gris más claro y etéreo */
    text-decoration: line-through !important;
    font-weight: 500 !important; /* Trazo súper fino */
    letter-spacing: 0.5px !important;
}

/* ==========================================
   EL PRECIO NUEVO / NORMAL (Estilo Premium)
   ========================================== */
.tmr-bloque-precio {
    display: inline-flex !important;
    align-items: flex-start !important;
    font-family: "Montserrat", sans-serif !important;
    color: #1c1c1c !important; /* Un negro grafito mate */
    line-height: 1 !important;
}

/* ==========================================
   EL PRECIO REBAJADO (Rojo Puro + Más Peso)
   ========================================== */
.tmr-bloque-precio.en-oferta {
    color: #e53935 !important; /* Tu ROJO ROJO potente y llamativo de rebajas */
}

/* Forzamos que los números enteros ganen peso e impacto visual SOLO en oferta */
.tmr-bloque-precio.en-oferta .tmr-precio-enteros {
    font-weight: 600 !important; /* Subimos el peso tipográfico sin tocar nada más */
}

/* El número entero grande */
.tmr-bloque-precio .tmr-precio-enteros {
    font-size: 28px !important; 
    font-weight: 600 !important; /* Peso estándar para el precio normal */
    line-height: 0.9 !important;
    letter-spacing: 0px !important; 
}

/* El símbolo de moneda (€) flotante */
.tmr-bloque-precio .tmr-precio-simbolo {
    font-size: 12px !important; 
    font-weight: 500 !important; 
    margin-top: 1px !important;
    margin-right: 4px !important; 
}

/* Los decimales elevados */
.tmr-bloque-precio .tmr-precio-decimales {
    font-size: 12px !important; 
    font-weight: 500 !important; 
    margin-top: 1px !important;
    margin-left: 3px !important; 
    letter-spacing: 0.5px !important;
}


/* ==========================================
  COLORES PREGUNTAS Y RESPUESTAS
   ========================================== */
.cr-qna-block .cr-qna-search-block .cr-qna-ask-button {

    background: #ff8300;

}

.cr-qna-block .cr-qna-search-block .cr-qna-ask-button:hover {
    background: #ff8300;
}


.cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit, .cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit, .cr-reviews-grid .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit, .cr-qna-block .cr-review-form-buttons .cr-review-form-submit {
background: #ff8300;
}


.cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit, .cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit, .cr-reviews-grid .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit, .cr-qna-block .cr-review-form-buttons .cr-review-form-submit:hover {
background: #ff8300;
}

#reviews.cr-reviews-ajax-reviews .cr-qna-search-icon, .cr-all-reviews-shortcode .cr-qna-search-icon, .cr-qna-block .cr-qna-search-block .cr-qna-search-icon {
fill: #ff8300;
}