/*
Theme Name: Peggi Child
Theme URI: https://peggi.qodeinteractive.com/landing/
Description: A child theme of Peggi Theme
Author: Select Themes
Author URI: http://themeforest.net/user/select-themes
Version: 1.0.1
Text Domain: peggi
Template: peggi
*/

//Centrar el logo del footer
.logofooter{
	align-items:center
}

/*=========================================================================
 * ---------------------------HEADER---------------------------------------
 *=========================================================================*/

/* Ajusta el logo móvil en tablet a 75px */
@media only screen and (min-width: 480px) and (max-width: 1024px) {
    .qodef-mobile-logo-wrapper a {
        height: 75px !important;
        display: flex;
        align-items: center;
    }

    .qodef-mobile-logo-wrapper img {
        width: auto !important;
        height: 75px !important;
        max-height: 75px !important;
    }
}

/* Convierte la línea del menú en una barra real y evita que solo pinte el borde superior */
.qodef-main-menu > ul > li > a > span.item_outer .item_text:before,
.qodef-main-menu > ul > li > a > span.item_outer .item_text:after {
    top: calc(100% - 1px) !important;
    height: 2px !important;
    border: 0 !important;
    background: #ab0832 !important;
}

/* Cambia el color de los enlaces del menú del footer al pasar el ratón */
.menu-footer-custom-menu-container a:hover,
.menu-footer-custom-menu-container a:focus {
    color: #ab0832 !important;
}

/* Margen abajo en cada li del desplegable */
.qodef-drop-down .narrow .second .inner ul li{
	margin-bottom: 5px;
}

/*LOGO NAV*/

.qodef-page-header .qodef-menu-area .qodef-logo-wrapper {
    position: relative !important;
    top: -45px !important;
}

.qodef-page-header .qodef-menu-area .qodef-logo-wrapper a{
	max-height: 140px !important;
}

@media (min-width: 1025px) and (max-width: 1320px) {
	.qodef-main-menu > ul > li > a{
		padding: 0 20px !important;
	}
}

/*=========================================================================
 * ---------------------------BODY---------------------------------------
 *=========================================================================*/
/* Flechas Slider Revolution Peggi - color rojo oscuro */
sr7-arrow.peggi-navigation,
sr7-arrow.peggi-navigation span.qodef-nav-arrow,
sr7-arrow.peggi-navigation span.qodef-nav-arrow:before,
sr7-arrow.peggi-navigation span.qodef-nav-arrow:after{
    color: #ab0832 !important;
}

/* Cambia el color del separador del Section Title */
.qodef-st-separator {
    background-color: #ab0832 !important;
}

/*HOME*/
/* Quita solo el efecto hover del botón en el slider Shop-Home */
#SR7_11_1 .qodef-btn.qodef-hover-animation .qodef-blob-btn-inner {
    display: none !important;
}
/* Evita cualquier pequeño desplazamiento del botón al hacer hover */
#SR7_11_1 .qodef-btn.qodef-hover-animation,
#SR7_11_1 .qodef-btn.qodef-hover-animation:hover {
    transform: none !important;
    transition: none !important;
}
/* Cambia el fondo del botón al hacer hover en el slider Shop-Home */
#SR7_11_1 .qodef-btn.qodef-hover-animation:hover {
    background-color: #c42a52 !important;
    border-color: #c42a52 !important;
}

/* Botón de suscripción del formulario newsletter */
.qodef-newsletter .wpcf7-submit {
    background-color: #ab0832 !important;
    color: #ffffff !important;
    border: 1px solid #ab0832 !important;
    transition: all 0.25s ease !important;
}

/* Hover del botón de suscripción */
.qodef-newsletter .wpcf7-submit:hover {
    background-color: #c42a52 !important;
    border-color: #c42a52 !important;
    color: #ffffff !important;
}

/* ocultamos boton mi cuenta para pantallas destop pequeñas*/
/*@media (min-width: 1020px) and (max-width: 1275px) {
	.qodef-menu-area .qodef-divided-left-widget-area .qodef-button-widget a[href="/mi-cuenta"] {
		display: none;
	}
}*/


.juguetes-pestañas-home .wpb_column .wpb_wrapper .qodef-tabs-nav .ui-tabs-tab .ui-tabs-anchor:after{
	background-color: #ab0832 !important;
}

#iconos-compra-home .wpb_column .qodef-iwt-icon img {
	height: 100px !important;
    width: 100px !important;
	 filter: brightness(0) saturate(100%) invert(12%) sepia(92%) saturate(4898%) hue-rotate(337deg) brightness(70%) contrast(101%);
}
/*=========================================================================
 * ---------------------------FOOTER---------------------------------------
 *=========================================================================*/
/* Redes sociales minimalistas del footer */
.footer-social-minimal{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:22px;
  margin: 10px auto 50px;
}

.footer-social-minimal a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  text-decoration:none;
  opacity:.9;
  transition:transform .2s ease, opacity .2s ease;
}

.footer-social-minimal a svg{
  width:20px;
  height:20px;
  fill:#b1b2b2;
  transition:fill .2s ease, opacity .2s ease;
}

.footer-social-minimal a:hover{
  transform:translateY(-1px);
  opacity:1;
}

.footer-social-minimal a:hover svg{
  fill:#d56a36;
}

.footer-social-minimal a[aria-label="Facebook"] svg{
  margin-bottom: 5px;
}

/*HOVERS*/
/* Hover general de enlaces e iconos del footer */
.qodef-footer-top-inner a:hover,
.qodef-footer-top-inner a:focus,
.qodef-footer-top-inner .widget a:hover,
.qodef-footer-top-inner .widget a:focus,
.qodef-footer-top-inner .menu li a:hover,
.qodef-footer-top-inner .menu li a:focus {
    color: #ab0832 !important;
}

/* Hover específico para SVG de redes sociales */
.qodef-footer-top-inner .footer-social-minimal a:hover svg,
.qodef-footer-top-inner .footer-social-minimal a:focus svg {
    color: #ab0832 !important;
    fill: #ab0832 !important;
}

/* Asegura que los paths internos del SVG hereden el color */
.qodef-footer-top-inner .footer-social-minimal a:hover svg path,
.qodef-footer-top-inner .footer-social-minimal a:focus svg path {
    fill: #ab0832 !important;
}

/* Hover para enlaces con color inline, como condiciones/cookies */
.qodef-footer-top-inner p a:hover,
.qodef-footer-top-inner p a:focus {
    color: #ab0832 !important;
}

/*=========================================================================
 * ---------------------------GENERAL---------------------------------------
 *=========================================================================*/
/* botón scroll hacia arriba */
.qodef-icon-stack{
	background-color: #ab0832 !important;
}

/* Botón rojo predeterminado */
.qodef-btn.qodef-btn-solid {
    background-color: #ab0832 !important;
    border-color: #ab0832 !important;
    color: #ffffff !important;
    transition: all 0.25s ease !important;
}

.qodef-btn.qodef-btn-solid:not(.qodef-btn-custom-border-hover):hover {
    background-color: #c42a52 !important;
    border-color: #c42a52 !important;
    color: #ffffff !important;
}

/* Icono del carrito en el header */
.lf-header-cart {
    color: #ab0832 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    text-decoration: none !important;
    vertical-align: middle;
}

/* Dibuja el carrito mediante CSS para evitar problemas con SVG inline en widgets */
.lf-header-cart-icon {
    display: block;
    width: 22px;
    height: 22px;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 18c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm10 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2ZM7.2 14.8c-.75 0-1.4-.42-1.73-1.04L2 4H0V2h3.31l.94 2H22l-3.6 7.59c-.34.72-1.06 1.16-1.86 1.16H8.1l-1.1 2H20v2H7.2Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 18c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm10 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2ZM7.2 14.8c-.75 0-1.4-.42-1.73-1.04L2 4H0V2h3.31l.94 2H22l-3.6 7.59c-.34.72-1.06 1.16-1.86 1.16H8.1l-1.1 2H20v2H7.2Z'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

/* Hover del carrito */
.lf-header-cart:hover {
    color: #c42a52 !important;
}

/* MOVIL - coloca el carrito a la izquierda de la hamburguesa sin mover el menú */
@media only screen and (max-width: 1024px) {
	/* Cambia el color del icono del menú móvil */
	.qodef-mobile-menu-icon .qodef-icon-font-elegant.icon_menu{
		color: #ab0832 !important;
	}

    .qodef-mobile-header-holder .qodef-mobile-menu-opener {
        position: relative !important;
        float: right !important;
        right: auto !important;
        top: auto !important;
        transform: none !important;
        z-index: 10 !important;
    }

    .qodef-mobile-header-holder .lf-mobile-cart {
        position: relative !important;
        float: right !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 34px !important;
        height: 100% !important;
        min-width: 34px !important;
        margin-right: 5px !important;
        color: #ab0832 !important;
        text-decoration: none !important;
        line-height: 1 !important;
        z-index: 10 !important;
    }

    .qodef-mobile-header-holder .lf-header-cart-icon {
        display: block !important;
        width: 22px !important;
        height: 22px !important;
        background-color: currentColor !important;
    }

    .qodef-mobile-header-holder .lf-mobile-cart:hover {
        color: #c42a52 !important;
    }
}

/* Icono de login en el header */
.lf-header-login {
    color: #ab0832 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    text-decoration: none !important;
    vertical-align: middle;
}

/* Dibuja el login mediante CSS para mantenerlo homogéneo con el carrito */
.lf-header-login-icon {
    display: block;
    width: 22px;
    height: 22px;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 12c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5Zm0 2c-4.42 0-8 2.24-8 5v3h16v-3c0-2.76-3.58-5-8-5Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 12c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5Zm0 2c-4.42 0-8 2.24-8 5v3h16v-3c0-2.76-3.58-5-8-5Z'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

/* Hover del login */
.lf-header-login:hover {
    color: #c42a52 !important;
}

/* MÓVIL - coloca el login a la izquierda del carrito */
@media only screen and (max-width: 1024px) {
    .qodef-mobile-header-holder .lf-mobile-login {
        position: relative !important;
        float: right !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 34px !important;
        height: 100% !important;
        min-width: 34px !important;
        margin-right: 2px !important;
        color: #ab0832 !important;
        text-decoration: none !important;
        line-height: 1 !important;
        z-index: 10 !important;
    }

    .qodef-mobile-header-holder .lf-header-login-icon {
        display: block !important;
        width: 22px !important;
        height: 22px !important;
        background-color: currentColor !important;
    }

    .qodef-mobile-header-holder .lf-mobile-login:hover {
        color: #c42a52 !important;
    }
}

/* Cambia el color de todos los separadores de título */
.qodef-title-separator,
.qodef-title-separator::before,
.qodef-title-separator::after {
    background-color: #ab0832 !important;
    border-color: #ab0832 !important;
}

/*Aumentamos la altura de los desplegables de los filtros*/
.select2-container--default .select2-results>.select2-results__options {
	max-height: 70vh !important;
}

/* ================================
   WooCommerce / Peggi - Colores Lobo Feliz
   Rojo oscuro: #ab0832
   Rojo claro:  #c42a52
   ================================ */
.qodef-pl-holder .qodef-pli-inner .qodef-pli-image .qodef-pli-out-of-stock {
    right: 25px !important;
}

/* Inputs activos / focus */
.woocommerce-page .qodef-content input[type=text]:focus,
.woocommerce-page .qodef-content input[type=email]:focus,
.woocommerce-page .qodef-content input[type=tel]:focus,
.woocommerce-page .qodef-content input[type=password]:focus,
.woocommerce-page .qodef-content textarea:focus,
div.woocommerce input[type=text]:focus,
div.woocommerce input[type=email]:focus,
div.woocommerce input[type=tel]:focus,
div.woocommerce input[type=password]:focus,
div.woocommerce textarea:focus {
    border-color: #ab0832 !important;
}


/* Botones WooCommerce generales */
.woocommerce-page .qodef-content a.button,
.woocommerce-page .qodef-content a.added_to_cart,
.woocommerce-page .qodef-content input[type=submit],
.woocommerce-page .qodef-content button[type=submit]:not(.qodef-woo-search-widget-button):not(.qodef-search-submit),
.woocommerce-page .qodef-content .wc-forward:not(.added_to_cart):not(.checkout-button),
div.woocommerce a.button,
div.woocommerce a.added_to_cart,
div.woocommerce input[type=submit],
div.woocommerce button[type=submit]:not(.qodef-woo-search-widget-button):not(.qodef-search-submit),
div.woocommerce .wc-forward:not(.added_to_cart):not(.checkout-button) {
    background-color: #ab0832 !important;
    color: #ffffff !important;
}


/* Hover de botones WooCommerce generales */
.woocommerce-page .qodef-content a.button:hover,
.woocommerce-page .qodef-content a.added_to_cart:hover,
.woocommerce-page .qodef-content input[type=submit]:hover,
.woocommerce-page .qodef-content button[type=submit]:not(.qodef-woo-search-widget-button):not(.qodef-search-submit):hover,
.woocommerce-page .qodef-content .wc-forward:not(.added_to_cart):not(.checkout-button):hover,
div.woocommerce a.button:hover,
div.woocommerce a.added_to_cart:hover,
div.woocommerce input[type=submit]:hover,
div.woocommerce button[type=submit]:not(.qodef-woo-search-widget-button):not(.qodef-search-submit):hover,
div.woocommerce .wc-forward:not(.added_to_cart):not(.checkout-button):hover {
    background-color: #c42a52 !important;
    color: #ffffff !important;
}


/* Badge Sale / Out of Stock / New en ficha de producto */
.woocommerce .qodef-onsale,
.woocommerce .qodef-out-of-stock,
.woocommerce .qodef-new-product {
    background-color: #c42a52 !important;
    color: #ffffff !important;
}


/* Badge Sale / Out of Stock / New en listado de productos */
.qodef-pl-holder .qodef-pli-inner .qodef-pli-image .qodef-pli-onsale,
.qodef-pl-holder .qodef-pli-inner .qodef-pli-image .qodef-pli-out-of-stock,
.qodef-pl-holder .qodef-pli-inner .qodef-pli-image .qodef-pli-new-product {
    background-color: #c42a52 !important;
    color: #ffffff !important;
}


/* Badge Sale / Out of Stock / New en carrusel de productos */
.qodef-plc-holder .qodef-plc-item .qodef-plc-image-outer .qodef-plc-image .qodef-plc-onsale,
.qodef-plc-holder .qodef-plc-item .qodef-plc-image-outer .qodef-plc-image .qodef-plc-out-of-stock,
.qodef-plc-holder .qodef-plc-item .qodef-plc-image-outer .qodef-plc-image .qodef-plc-new-product {
    background-color: #c42a52 !important;
    color: #ffffff !important;
}


/* Precios rebajados */
ul.products > .product .price ins,
.qodef-woo-single-page .qodef-single-product-summary .price ins,
.qodef-plc-holder .qodef-plc-item .qodef-plc-price ins,
.qodef-pls-holder .qodef-pls-text .qodef-pls-price ins,
.qodef-pl-holder .qodef-pli .qodef-pli-price ins {
    color: #c42a52 !important;
}


/* Estrellas / ratings */
.qodef-pl-holder .qodef-pli .qodef-pli-rating,
.qodef-pls-holder .qodef-pls-text .qodef-pls-rating,
.qodef-plc-holder .qodef-plc-item .qodef-plc-rating,
.qodef-product-info .qodef-pi-rating,
.woocommerce .star-rating {
    color: #c42a52 !important;
}


/* Paginación WooCommerce */
.woocommerce-pagination .page-numbers li a:hover,
.woocommerce-pagination .page-numbers li a.current,
.woocommerce-pagination .page-numbers li span:hover,
.woocommerce-pagination .page-numbers li span.current {
    background-color: #ab0832 !important;
    color: #ffffff !important;
}


/* Líneas decorativas en producto individual, tabs y relacionados */
.qodef-woo-single-page .qodef-single-product-summary .qodef-single-product-title:after,
.qodef-woo-single-page .woocommerce-tabs ul.tabs > li a:after,
.qodef-woo-single-page .related.products > h2:after,
.qodef-woo-single-page .upsells.products > h2:after {
    background-color: #ab0832 !important;
}


/* Botones dentro de carruseles/listados de producto */
.qodef-plc-holder .qodef-plc-item .qodef-plc-add-to-cart.qodef-default-skin .button,
.qodef-plc-holder .qodef-plc-item .qodef-plc-add-to-cart.qodef-default-skin .added_to_cart,
.qodef-pl-holder .qodef-pli-inner .qodef-pli-text-inner .qodef-pli-add-to-cart.qodef-default-skin .button,
.qodef-pl-holder .qodef-pli-inner .qodef-pli-text-inner .qodef-pli-add-to-cart.qodef-default-skin .added_to_cart {
    background-color: #ab0832 !important;
    color: #ffffff !important;
}


/* Hover de botones dentro de carruseles/listados de producto */
.qodef-plc-holder .qodef-plc-item .qodef-plc-add-to-cart.qodef-default-skin .button:hover,
.qodef-plc-holder .qodef-plc-item .qodef-plc-add-to-cart.qodef-default-skin .added_to_cart:hover,
.qodef-pl-holder .qodef-pli-inner .qodef-pli-text-inner .qodef-pli-add-to-cart.qodef-default-skin .button:hover,
.qodef-pl-holder .qodef-pli-inner .qodef-pli-text-inner .qodef-pli-add-to-cart.qodef-default-skin .added_to_cart:hover {
    background-color: #c42a52 !important;
    color: #ffffff !important;
}


/* Carrito del header / mini cart */
.qodef-dark-header .qodef-page-header > div:not(.qodef-sticky-header):not(.fixed) .qodef-shopping-cart-holder .qodef-header-cart:hover,
.qodef-light-header .qodef-page-header > div:not(.qodef-sticky-header):not(.fixed) .qodef-shopping-cart-holder .qodef-header-cart:hover {
    color: #ab0832 !important;
}

.qodef-shopping-cart-dropdown .qodef-cart-bottom .qodef-view-checkout {
    background-color: #ab0832 !important;
    color: #ffffff !important;
}

.qodef-shopping-cart-dropdown .qodef-cart-bottom .qodef-view-cart:hover {
    background-color: #ab0832 !important;
}

.qodef-shopping-cart-dropdown .qodef-cart-bottom .qodef-view-checkout:hover {
    background-color: #c42a52 !important;
}


/* Widgets WooCommerce: filtros, categorías, etiquetas */
.widget.woocommerce.widget_layered_nav ul li.chosen a,
.widget.woocommerce.widget_product_categories ul li a:hover,
.widget.woocommerce.widget_product_tag_cloud .tagcloud a:hover {
    color: #ab0832 !important;
}


/* Slider de precio WooCommerce */
.widget.woocommerce.widget_price_filter .price_slider_wrapper .ui-widget-content .ui-slider-handle,
.widget.woocommerce.widget_price_filter .price_slider_wrapper .ui-widget-content .ui-slider-range {
    background-color: #c42a52 !important;
}

/* Selecciona el bloque de "Recuérdame" + botón Acceso en el login de Mi cuenta */
body.woocommerce-account .woocommerce form.woocommerce-form-login.login > p.form-row {
	display:flex !important;
	flex-direction: column !important;
}

/* Selecciona solo el botón "Acceso" del formulario login de Mi cuenta */
body.woocommerce-account .woocommerce form.woocommerce-form-login.login button.woocommerce-form-login__submit[name="login"]{
    margin-top: 25px !important;
}

/* ============================================
   CONTACT FORM 7 - CONTACTO LOBO FELIZ
   Fuerza borde focus y botón en color corporativo
   ============================================ */

/* Campos normales del formulario */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea {
    border: 1px solid #e5e5e5 !important;
    outline: none !important;
    box-shadow: none !important;
    color: #4c494a !important;
    background-color: #ffffff !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

/* Borde rojo corporativo al hacer click/focus */
.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form textarea:focus {
    border-color: #ab0832 !important;
    outline: none !important;
    box-shadow: 0 0 0 1px #ab0832 !important;
}

/* Botón enviar */
.wpcf7-form input[type="submit"],
.wpcf7-form .wpcf7-submit {
    background-color: #ab0832 !important;
    border: 1px solid #ab0832 !important;
    color: #ffffff !important;
    box-shadow: none !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

/* Hover del botón */
.wpcf7-form input[type="submit"]:hover,
.wpcf7-form .wpcf7-submit:hover {
    background-color: #c42a52 !important;
    border-color: #c42a52 !important;
    color: #ffffff !important;
}

/* Active/focus del botón */
.wpcf7-form input[type="submit"]:focus,
.wpcf7-form input[type="submit"]:active,
.wpcf7-form .wpcf7-submit:focus,
.wpcf7-form .wpcf7-submit:active {
    background-color: #ab0832 !important;
    border-color: #ab0832 !important;
    color: #ffffff !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(171, 8, 50, 0.25) !important;
}

/*Botón sin animación*/
/* Quita la animación tipo blob del tema */
.qodef-btn.qodef-btn-solid.qodef-btn-custom-hover-bg.qodef-hover-animation .qodef-blob-btn-inner,
.qodef-btn.qodef-btn-solid.qodef-btn-custom-hover-bg.qodef-hover-animation .qodef-blob-btn-blobs,
.qodef-btn.qodef-btn-solid.qodef-btn-custom-hover-bg.qodef-hover-animation .qodef-blob-btn-blob {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    animation: none !important;
    transition: none !important;
    transform: none !important;
}

/* Hover: fondo rojo claro y texto blanco */
.qodef-btn.qodef-btn-solid.qodef-btn-custom-hover-bg.qodef-hover-animation:hover {
    background-color: #c42a52 !important;
    border-color: #c42a52 !important;
    color: #ffffff !important;
    transform: none !important;
    box-shadow: none !important;
    animation: none !important;
}

/* Texto interno blanco en hover */
.qodef-btn.qodef-btn-solid.qodef-btn-custom-hover-bg.qodef-hover-animation:hover .qodef-btn-text {
    color: #ffffff !important;
}

/* Hover, foco y enlace activo global */
a:hover,
a:focus,
a:active {
    color: #ab0832 !important;
}

/* Ancho del side menu hamburguesa solo entre 2300px y 2700px*/
@media (min-width: 2300px) and (max-width: 2700px) {
    .qodef-side-menu-slide-from-right .qodef-side-menu {
        width: 500px !important;
    }
}

/* Tamaño texto burbuja productos*/
.qodef-pli-out-of-stock, .woocommerce .qodef-out-of-stock{
	font-size: 12px !important;
	letter-spacing: 0 !important;
}

/* ============================================
    UTILS
   ============================================ */
.centrar-horizontal {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
}

.centrar-elemento {
    display: flex !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.final-elemento {
    display: flex !important;
    width: fit-content !important;
    min-width: unset !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: 0 !important;
}


@media only screen and (max-width: 480px) {
    .qodef-container-inner, .qodef-content-inner>.tribe-events, .qodef-grid, .qodef-row-grid-section {
        width: 340px!important;
    }
}


/* === Listado de productos: 2 columnas en móvil === */
@media (max-width: 768px) {
    .woocommerce ul.products,
    ul.products.columns-4,
    ul.products.columns-3,
    ul.products.columns-2,
    ul.products {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 16px !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    .woocommerce ul.products li.product,
    ul.products li.product {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        clear: none !important;
    }

    /* Ajustes opcionales para que el contenido se adapte */
    ul.products li.product .qodef-pl-image img {
        width: 100%;
        height: auto;
        display: block;
    }

    ul.products li.product .qodef-product-list-title {
        font-size: 14px;
        line-height: 1.3;
    }

    ul.products li.product .price {
        font-size: 13px;
    }
}

/* === Listado Qode product-list: 2 columnas en móvil === */
@media (max-width: 768px) {
    .qodef-pl-holder .qodef-pl-outer {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 16px !important;
    }

    .qodef-pl-holder .qodef-pli,
    .qodef-pl-holder .qodef-pli.qodef-item-space {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        clear: none !important;
    }

    /* Imagen al 100% */
    .qodef-pl-holder .qodef-pli .qodef-pli-image img {
        width: 100%;
        height: auto;
        display: block;
    }

    /* Reducimos el margen inferior inline tan grande (57px) que mete el theme */
    .qodef-pl-holder .qodef-pli .qodef-pli-text-wrapper[style] {
        margin-bottom: 16px !important;
    }

    /* Tamaños proporcionados al espacio disponible */
    .qodef-pl-holder .qodef-pli-title {
        font-size: 14px;
        line-height: 1.3;
    }
    .qodef-pl-holder .qodef-pli-price {
        font-size: 13px;
    }
	.qodef-title-holder {   
    padding: 40px 10px;
}
}


/* ============================================
   CONDICIONES GENERALES Y COOKIES
   ============================================ */

.lf-legal-page {
    max-width: 960px;
    margin: 0 auto;
    padding: 70px 20px 90px;
    color: #2b2b2b;
}

.lf-legal-page * {
    box-sizing: border-box;
}

.lf-legal-hero {
    max-width: 760px;
    margin-bottom: 36px;
}

.lf-legal-kicker {
    display: block;
    margin-bottom: 8px;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #ab0832;
}

.lf-legal-hero h1,
.lf-legal-content h2,
.lf-legal-footer-box h2 {
    margin: 0 0 18px;
    font-size: 30px;
    line-height: 1.05;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #232323;
}

.lf-legal-hero h1::after,
.lf-legal-content h2::after,
.lf-legal-footer-box h2::after {
    content: "";
    display: block;
    width: 46px;
    height: 3px;
    margin-top: 14px;
    background: #ab0832;
}

.lf-legal-hero p {
    max-width: 690px;
    margin: 0;
    font-size: 15px;
    line-height: 1.8;
}

.lf-legal-index {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin: 34px 0 44px;
}

.lf-legal-index a {
    display: flex;
    align-items: center;
    min-height: 54px;
    padding: 13px 16px;
    background: #ffffff;
    color: #232323;
    font-size: 12px;
    line-height: 1.25;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-decoration: none;
    border-left: 4px solid #ab0832;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08);
    transition: all 0.2s ease;
}

.lf-legal-index a:hover {
    transform: translateY(-2px);
}

.lf-legal-card {
    display: grid;
    grid-template-columns: 82px 1fr;
    gap: 22px;
    margin-bottom: 28px;
    padding: 34px;
    background: #ffffff;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.08);
}

.lf-legal-number {
    display: block;
    font-size: 34px;
    line-height: 1;
    font-weight: 900;
    color: #ab0832;
}

.lf-legal-content h2 {
    font-size: 24px;
}

.lf-legal-content h3 {
    margin: 30px 0 10px;
    font-size: 15px;
    line-height: 1.25;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #232323;
}

.lf-legal-content p,
.lf-legal-content li,
.lf-legal-footer-box p {
    font-size: 14px;
    line-height: 1.9;
    color: #444444;
}

.lf-legal-content p {
    margin: 0 0 16px;
}

.lf-legal-content strong {
    color: #232323;
    font-weight: 800;
}

.lf-legal-content ol,
.lf-legal-content ul {
    margin: 18px 0 22px;
    padding-left: 22px;
}

.lf-legal-content li {
    margin-bottom: 10px;
    padding-left: 4px;
}

.lf-legal-highlight {
    margin: 26px 0;
    padding: 18px 20px;
    background: #f8f0f2;
    border-left: 5px solid #ab0832;
    color: #ab0832;
    font-size: 13px;
    line-height: 1.65;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.lf-legal-mini-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    margin-top: 20px;
}

.lf-legal-mini-card {
    padding: 24px;
    background: #fbfbfb;
    border-top: 4px solid #ab0832;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.06);
}

.lf-legal-mini-card h3 {
    margin-top: 0;
}

.lf-legal-footer-box {
    margin-top: 44px;
    padding: 34px;
    background: #232323;
    color: #ffffff;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.12);
}

.lf-legal-footer-box h2,
.lf-legal-footer-box p {
    color: #ffffff;
}

.lf-legal-footer-box a {
    color: #ffffff;
    font-weight: 800;
    text-decoration: underline;
}

@media (max-width: 768px) {
    .lf-legal-page {
        padding: 48px 16px 70px;
    }

    .lf-legal-hero h1,
    .lf-legal-content h2,
    .lf-legal-footer-box h2 {
        font-size: 23px;
    }

    .lf-legal-index {
        grid-template-columns: 1fr;
    }

    .lf-legal-card {
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 26px 20px;
    }

    .lf-legal-number {
        font-size: 28px;
    }

    .lf-legal-mini-grid {
        grid-template-columns: 1fr;
    }
}



/* =============================================
   FONDO CABECERA - LOBO FELIZ
   Cambia entre cabecera1 y cabecera2 comentando/descomentando
   ============================================= */

.qodef-page-header {
    /*background-image: url(https://lobofeliz.rearmachine.com/wp-content/uploads/2026/05/cabecera1-scaled.png);
     background-image: url(https://lobofeliz.rearmachine.com/wp-content/uploads/2026/05/cabecera2.png); 
	background-image: url(https://lobofeliz.rearmachine.com/wp-content/uploads/2026/05/fondo_lobo3.jpg);*/
	background-image: url(https://lobofeliz.rearmachine.com/wp-content/uploads/2026/05/fondo_lobo3-1-scaled.jpg);
	
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    padding: 95px 40px 00px 40px;
    background-size: inherit;
}

/* También aplicarlo al área del menú por si tiene fondo propio */
.qodef-page-header .qodef-menu-area {
    background-color: transparent !important;
    background-image: none !important;
}

header .widget.qodef-button-widget{position: absolute;
    top: -70px;}
header .qodef-position-right-inner-wrap {
    position: absolute;
    top: -70px;
    display: flex !important;
    right: 0px;
	align-items: center;
}

.qodef-content{background-image: url(https://lobofeliz.rearmachine.com/wp-content/uploads/2026/05/columnas.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;    
    background-size: inherit;
}



/* =========================================
   Galería de marcas Lobo Feliz - versión final
   ========================================= */

.lobo-marcas-grid {
    display: grid !important;
    grid-template-columns: repeat(var(--lobo-brand-columns, 3), minmax(0, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Tarjeta de marca */
.lobo-marca-card {
    position: relative !important;
    display: grid !important;
    grid-template-rows: 1fr auto auto !important;
    align-items: center !important;
    justify-items: center !important;
    aspect-ratio: 1 / 1 !important;
    padding: 18px 22px 22px !important;
    background: #ffffff !important;
    border: 1px solid #eadfd7 !important;
    border-radius: 18px !important;
    text-align: center !important;
    text-decoration: none !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.035) !important;
    overflow: hidden !important;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease !important;
}

/* Elimina decoraciones de versiones anteriores */
.lobo-marca-card::before,
.lobo-marca-card::after {
    content: none !important;
}

/* Hover de la tarjeta */
.lobo-marca-card:hover {
    transform: translateY(-4px) !important;
    border-color: #ab0832 !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08) !important;
}

/* Zona del logo */
.lobo-marca-image-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    /*min-height: 180px !important;*/
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

/* Imagen del logo */
.lobo-marca-img {
	width: 60% !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
}

/* Efecto suave sobre el logo */
.lobo-marca-card:hover .lobo-marca-img {
    transform: scale(1.06) !important;
}

/* Placeholder si una marca no tiene imagen */
.lobo-marca-placeholder {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 96px !important;
    height: 96px !important;
    border-radius: 50% !important;
    background: #ab0832 !important;
    color: #ffffff !important;
    font-size: 36px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

/* Nombre de la marca */
.lobo-marca-name {
    display: block !important;
    margin: 10px 0 6px !important;
    color: #222222 !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.01em !important;
    text-transform: uppercase !important;
}

/* Cantidad de productos */
.lobo-marca-count {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    color: #777777 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
}

/* Mensaje si no hay marcas */
.lobo-marcas-empty {
    margin: 0 !important;
    color: #777777 !important;
    text-align: center !important;
}

/* Tablet */
@media (max-width: 1024px) {
    .lobo-marcas-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 20px !important;
    }

    .lobo-marca-card {
        padding: 18px 20px 22px !important;
    }

    .lobo-marca-image-wrap {
        min-height: 165px !important;
    }

    .lobo-marca-name {
        font-size: 17px !important;
    }

    .lobo-marca-count {
        font-size: 14px !important;
    }
}

/* Móvil: una sola columna */
@media (max-width: 767px) {
    .lobo-marcas-grid {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    .lobo-marca-card {
        aspect-ratio: auto !important;
        min-height: 270px !important;
        padding: 22px 24px 24px !important;
        border-radius: 18px !important;
    }

    .lobo-marca-image-wrap {
        min-height: 155px !important;
    }

    .lobo-marca-name {
        margin: 8px 0 6px !important;
        font-size: 17px !important;
    }

    .lobo-marca-count {
        font-size: 14px !important;
    }
}

/*PAGINA QUIENES SOMOS*/
#SR7_5_1 .qodef-btn-text {
    color: #ab0832 !important;
}

.qodef-eh-item-inner .qodef-eh-item-content .qodef-st-inner a .qodef-btn-text{
	color:  #ab0832 !important;
}

.qodef-iwt-button-holder .qodef-btn-text{
	color:  #ab0832 !important;
}

.bloque-logotipo .qodef-eh-item-inner .qodef-eh-item-content .qodef-section-title-holder .qodef-st-inner .qodef-btn-simple .qodef-btn-text{
	color:  #ab0832 !important;
}

.qodef-btn.qodef-btn-simple .qodef-btn-text::after {
    filter: brightness(0) saturate(100%) invert(12%) sepia(92%) saturate(4627%) hue-rotate(333deg) brightness(87%) contrast(101%);
}

/*BOTONES*/
.boton-navega:hover,
.boton-contactar:hover {
    background-color: #ab0832 !important;
}
.qodef-btn.qodef-btn-solid.qodef-hover-animation:not(.qodef-btn-custom-hover-bg):hover{
	background-color: #c42a52 !important;
}

.qodef-blob-btn-blob{
	background-color: #ab0832 !important;
}

.qodef-tabs.qodef-tabs-boxed .qodef-tabs-nav li.ui-state-active a {
	background-color: #ab0832 !important;
}

.tabs-juguetes .qodef-tabs-nav li:hover a {
    color: white !important;
}

.qodef-tabs.qodef-tabs-boxed .qodef-tabs-nav li a{
	color: white !important;
}

.tabs-juguetes.qodef-tabs .qodef-tabs-nav li.ui-state-hover a,
.tabs-juguetes.qodef-tabs .qodef-tabs-nav li:hover a {
    background: #ab0832 !important;
    background-color: #ab0832 !important;
    background-image: none !important;
    color: #ffffff !important;
}

.qodef-tabs.qodef-tabs-boxed .qodef-tabs-nav li a{
	background-color: #797b7e70 !important;
}
ul.products>.product .qodef-pl-inner,.qodef-pl-holder .qodef-pli-inner .qodef-pli-image {
padding:8px;
    background: #F3F3F3;
}
.qodef-mobile-header .qodef-mobile-logo-wrapper img {
    max-height: 70px!important;
}