/*SUENADIRECT*/

/* 
Theme Name: Hello Elementor Child
Description:  Child theme de Informática de Madrid. En nuestro child theme incluimos funciones y estilos personalizados. Personalización de elementos propios de plugins de Wordpress.
Author:       Informática de Madrid
Author URI:   https://www.informaticademadrid.com
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/





/*
    Add your custom styles here
*/


/*esto es para que lo coja explorer en contacto la aceptacion SI ES CON ELEMENTOR*/
.elementor-field-subgroup .elementor-field-option label{
	display: inline-block !important;
}

/*CLASES



#stickyheaders contenedor del menú superior
#idm-barra-superior-de-menu para la barra de más arriba del menú en desk
3idm-barra-superior-iconos para el contenedor de iconos de la derecha en DESK
#logo-header en la imagen dentro del stycky headers

#stickyheaders-mov para la cabecera contenedor en el móvil

idm-sticky-icon-hamburger Para el menú canvas



#idm-cont-banner-home-desk PARA TODO EL CONTENIDO DEL BANNER HOME DESK - segun grualroda
#idm-botones-banner-home-desk BOTONES EN BANNER HOME DESK - segun grualroda
#idm-contenedor-icons-serv-home-desk cont shortocode ICONOS SERVICIOS EN HOME DESK - segun grual roda
#idm-iconos-servicios en el shortcode de los ICONOS

#idm-banner-categorias-home Contenedor banner cateogorías home, también es el ancla del botón comprar equipamiento home

#idm-banner-equip-prof banner equipamiento profesional

#idm-banner-destacados-home

#idm-banner-low-cost-home

#idm-banner-marcas

#idm-forms-contacto el contenedor del formulario de conatcto por lo menos el que tiene privacidad el que no no lo se seguro
#idm-gtm-form-contacto el en propio formulario
##idm-gtm-form-contacto-productos   en el propio formulario

.idm-boton-blanco-morado
.idm-boton-blanco-verde
.idm-boton-morado-blanco

.idm-ver-producto ES UNA CLASE CREADA EN LA TRADUCCIÓN DEL BOTÓN VER DETALLES. Está en el functions NO EN ELEMENTOR

#idm-producto TODO EL CONTENIDO DE LA FICHA DE PRODUCTO HASTA
.idm-product-brand-logo para el logo en la ficha de producto (no está en elementor sino en función del plugin)
#idm-form-en-producto
#idm-templ-prod-related para los relacionados en la ficha de producto
#idm-cont-bot-envio-dev-en-prod para los botones de envíos y deoluciones en la ficha de producto
.idm-product-brand no está en elementor sino en función del plugin que muestra el logo de la marca en la ficha de producto


#idm-cats-y-prods-en-cont-templ-tags-cats conteiene las cateogorías y el producto
#idm-cats-en-cont-templ-tags-cats para la sección con categorías

#idm-cont-templ-brands contenedor del template brands
.idm-logo-marca   no está en elementor sino en función del plugin que muestra el logo en em template de marcas

#idm-cont-faq
#idm-titulo-seccion-faq para el título
.idm-faq-categoria no está en elementor sino en función del plugin que muestra las faq en cada categoría
.idm-faq-item para cada una no está en elementor sino en función del plugin que muestra las faq en cada categoría
.idm-faq-pregunta para el h3 no está en elementor sino en función del plugin que muestra las faq en cada categoría
.idm-faq-respuesta para la respuesta no está en elementor sino en función del plugin que muestra las faq en cada categoría
.idm-faq-abierta se crea en el javascript que va en el plugin
.idm-faq-product-cat-list se usa en el metabox de selección de categorías de producto en las entradas del tipo FAQ. no está en elementor sino en función del plugin que muestra el metabox
.idm-faq-product-category-links se usa para el shortcode que enlaza una entrada tipo FAQ con la categoría de producto con la que está asociada. no está en elementor sino en función del plugin
.idm-faq-product-category-link se usa para el shortcode que enlaza una entrada tipo FAQ con la categoría de producto con la que está asociada. no está en elementor sino en función del plugin
.idm-faq-product-category-separator se usa para el shortcode que enlaza una entrada tipo FAQ con la categoría de producto con la que está asociada. no está en elementor sino en función del plugin

.idm-sin-low-cost no está en elementor sino en función del plugin que oculta low cost si no hay ofertas

#idm-cont-templ-entradas todo el contenedor del template entradas
#idm-cont-templ-entradas-izda
#idm-cont-templ-entradas-dcha

#idm-cabecera-contacto
#idm-form-y-datos-pag-contacto
#idm-datos-pag-contacto para el contenedor derecho de la págin a de contacto con los datos de servicio
#idm-cont-final-pag-contacto para el banner de abajo del todo con icvonos y h2
#idm-cabecera-contacto-mov

#idm-cont-carrito
#idm-cont-checkout


-------------- DESDE AQUÍ ESTÁN SIN HACER

#idm-img-ppal-home para el banner con la imagen principal
3idm-cont-home pra el resto del conteenido
#idm-h2-home para el h2 de la home
.idm-h2-esp para algun h2 con fuente especial
#idm-p-esp-home para los p de la home
#idm-banner-4-img-home para el banner con cuatro imágenes de Expertas en regalar en la home

#idm-templ-cat-prod para el template de categorías




#idm-carrito todo el contenedor del carrito

#idm-pags-esp para páginas como contacto o sobre. Se pone en el contenedor pricniapcl

#idm-footer para el footer

#idm-banner-dudas-footer para el banner que va en el footer encima del footer

.idm-acordeon para todos los acrodeones
#idm-pest-descrp-larga-acord-prod para la pestaña descripción del producto en el acordeón de la ficha

#idm-flotante-whatsapp

#idm-acordeon-faq

*/


/*COLORES CORPORATIVOS*/
verde del logo{colo: #4B9021;} /*enlaces y destacados*/
Verde más oscuro {color: #3f7a1c} /*hover como el añadir al carrito*/
morado del logo{color: #6D1F80;} /*para algunos destacados*/
casi negro {color: #1F2328; /*Texto principal / títulos: para el body, h1, h2, h3*/}
gris más oscuro{ color: #5a5a5a; /*fondo item active submenu*/}
negro más claro {color: #5F6368;} /*textos seundarios, para los p*/
negro mas claro {color: #7A7F85;} /*Texto muy secundario / metadatos: */
gris muy claro {color: #dddada;} /*fondo de hover de los ítmes del banner de las categorías en la home*/
gris muy claro {color: #f3f3f3;} /*fondo submenu superior, banner categorias home*/
rojo precio antiguo en oferta {color: #C62828 !important;}









/*@FUENTES ESPECIALES*/
/* 
manrope:
Uso	Peso
Texto normal	400
Menús / pequeños destacados	500–600
Nombres de producto	600
H2 / H3	700
H1 principal	700–800
Precios destacados	700




Usamos Lexend para el cuerpo de texto (es muy legible) 
body {
PENDIENTEEEEEEEEEE INDICAR
}
*/


@font-face {
    font-family: 'Manrope';
    src: url('fonts/Manrope-VariableFont_wght.woff2') format('woff2');
    font-weight: 200 800;
    font-style: normal;
    font-display: swap;
}


/*TIPOGRAFÍAS GENERAL*/

body{
    
    font-family: 'Manrope', sans-serif;
    color: #1F2328;
    /*font-size: 0.9rem;
    font-weight: 400;
    font-style: normal;
    line-height: 1.5rem;*/
}
p{
    font-weight: 400;
    line-height: 1.8rem;
}

a, .elementor a, #idm-cont-carrito a, p a{
    color: #1F2328;
    text-decoration: underline;
    transition: color 0.2s ease;
}
a:hover, .elementor a:hover, #idm-cont-carrito a:hover, p a:hover{
    color: #6D1F80;
}



/*@BOTON GENERAL*/
button, .elementor-button{
    color: #1F2328;
}
/*button .elementor-button-text, .elementor-button .elementor-button-text{
    text-decoration: underline;
    transition: color 0.2s ease;
}
button, .elementor-button:hover{
    color: #6D1F80;
}*/







label{
    color: #1F2328 !important;
}
/*
select {
    font-size: 0.9rem !important;
}
*/
h1{
    font-weight: 800;
    color: #1F2328;
    /*font-size: 1.6rem;*/
}
h2{
    font-weight: 700;
    color: #1F2328;
    font-size: 1.5rem;
    /*BANNER CATEGORÍAS HOME*/
}
/*
.idm-h2-esp h2{
    font-family: "Dancing Script", cursive;
    font-size: 3rem !important;
    font-weight: 400;
    text-align: center !important;
}*/
h3{
    font-weight: 400;
    color: #1F2328;
    font-size: 1rem;
    /*#idm-banner-categorias-home h3*/
}
/*
h4{
    font-size: 1.1rem;
	font-family: "Poppins", sans-serif !important;
    font-weight: 400;
    font-style: normal;
}
h5{
	font-family: "Poppins", sans-serif !important;
    font-weight: 400;
    font-style: normal;
}
h6{
	font-family: "Poppins", sans-serif !important;
    font-weight: 400;
    font-style: normal;
}

.fas {
	color: #333399;
}
*/

/*el placeholder
.elementor-field-textual{
    font-size: 0.9rem !important;
}*/

/************************** BANNERS*/

/******************** BREADCRUMBS
.woocommerce-breadcrumb a:hover{
    text-decoration: underline !important;
    transition: all 0.3s ease !important;
}
*/

/**************** ACORDEONES
.idm-acordeon .e-n-accordion-item:first-child{
    border-top: 1px solid black;
}
.idm-acordeon .e-n-accordion-item{
    border-bottom: 1px solid black;
}
*/


/*WHATSAPP*/
/*quita el marco negro que aparece desde abril 26

#idm-flotante-whatsapp .e-contact-buttons__content-wrapper {
    border: none !important;
    outline: none !important;
}
---------------------- quitamos border porque los botones lo llevan por defecto en esta hoja
#idm-flotante-whatsapp button{
    background-color: #25d366 !important;
    border: none !important;
    color: #ffffff !important;
}
#idm-flotante-whatsapp .e-contact-buttons__close-button{
    background: none !important;
}

------------FUENTES
#idm-flotante-whatsapp .e-contact-buttons__chat-button-container{
    padding-inline-end: 0px !important;
}
#idm-flotante-whatsapp{
    margin-bottom: 80px !important;
}

#idm-flotante-whatsapp .e-contact-buttons__top-bar-title{
    font-size: 1rem !important;
}
#idm-flotante-whatsapp .e-contact-buttons__top-bar-subtitle{
    font-size: 0.8rem !important;
}
#idm-flotante-whatsapp .e-contact-buttons__message-bubble-name{
    font-size: 0.8rem !important;
}
#idm-flotante-whatsapp .e-contact-buttons__message-bubble-body{
    font-size: 0.8rem !important;
}
#idm-flotante-whatsapp .e-contact-buttons__message-bubble-time{
    font-size: 0.8rem !important;
}
#idm-flotante-whatsapp .e-contact-buttons__send-cta{
    font-size: 0.8rem !important;
}




/********************@MENU SUPERIOR Y @CANVAS*/
/*
header{
    background-color:  #ffffff !important;
}
*/    
/*icono buscar ------------------------------------------------------------ ELIMINAR
#stickyheaders .elementor-search-form .e-font-icon-svg-container{
    background-color: transparent !important;
}
#stickyheaders .elementor-search-form svg{
    fill: #ffffff !important;
}
*/
/*@SUPERIOR*/

/*para la barra de más arriba
#stickyheaders #idm-barra-superior-de-menu a{
    color: #1F2328 !important;
    height: 40px !important;
}*/
/*
#stickyheaders #idm-barra-superior-de-menu .elementor-item-active{
    color: #000000 !important;
}
*/
/*solo para el icono del user
#stickyheaders .e-fas-user{
    margin-top: 10px !important;;
}
*/
/*alto contenedores menús*/
@media (min-width: 768px) and (max-width: 1299px){ /*MAMEN ok***********************************************************/
    #stickyheaders .e-con-full{
        padding-block-end: 0px !important;
    }
}
#stickyheaders #logo-header:hover{
    filter: opacity(0.5);
}
#stickyheaders :is(a, .sub-arrow){
    color: #1F2328;
}
#stickyheaders .sub-arrow{
    padding-left: 2px;
}
#stickyheaders a{
    text-transform: uppercase;
    font-size: 0.9rem;
    font-weight: 500;
    text-decoration: none !important;
}
@media (min-width: 768px) and (max-width: 1299px){ /*MAMEN ok***********************************************************/
    #stickyheaders a{
        font-size: 0.7rem;
        padding: 13px 8px;
    }
}
/*al hover en el menú*/
/*#stickyheaders a:hover{
    text-decoration: underline;
    transition: all 0.3s ease !important;
}*/
/*pone línea morada que se extiende*/
#stickyheaders .elementor-nav-menu--main > ul > li > a.elementor-item{
    position: relative;
    background-image: linear-gradient(#6D1F80, #6D1F80);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 0 3px;
    transition:
        background-size .2s ease,
        color .2s ease;
}
#stickyheaders .elementor-nav-menu--main > ul > li > a.elementor-item:hover{
    background-size: 100% 3px;
}

/*para el ítem PRODUCTOS"*/
#stickyheaders .menu-item-955 > a.elementor-item{
    color: #6D1F80;
    font-weight: 700;
    position: relative;
}


/*para el boton LOW COST Y TAMBIÉN EN EL CANVAS MÁS ABAJO*/
#stickyheaders p{
    margin-bottom: 0px !important;;
}
#stickyheaders p a[href*="/low-cost"]{
    border: 1px solid #6D1F80;
    color: #6D1F80;
    font-weight: bold;
    border-radius: 25px;
    padding: 5px; /*si es p si es ítem del menú hay que quitarlo*/
}
#stickyheaders p a[href*="/low-cost"]:hover{
    text-decoration: none !important;
    color: #ffffff;
    background-color: #6D1F80;
}
/*se oculta si está vacío low cost. Es p > a NO elemento del menú
esto veiene de una función que lo hace
ETAMBIÉN EN CANVAS QUE ESTÁ MÁS ABAJO
*/
.idm-sin-low-cost #stickyheaders p:has(a[href="/low-cost"]),
.idm-sin-low-cost #stickyheaders p:has(a[href="https://www.suenadirect.com/low-cost"]){
    display: none !important;
}


/*para el icono de carrito y del user*/
#idm-barra-superior-iconos a{
    background: none !important;
    border: none !important;
}
#idm-barra-superior-iconos :is(.e-fas-user, .e-eicon-cart-solid){
    width: 1.5rem !important;
}
#idm-barra-superior-iconos a[href="https://www.suenadirect.com/mi-cuenta"]{
    margin-top: 10px;
}
#idm-barra-superior-iconos svg{
    fill: #1F2328 !important;
}
/*MÓVIL*/
#stickyheaders-mov :is(.e-fas-user, .e-eicon-cart-solid){
    fill: #1F2328 !important;
}
#stickyheaders-mov .e-fas-user{
    width: 2rem !important;
}






/*#stickyheaders .elementor-item-active{
    color: red !important;
}*/
#stickyheaders .sub-menu{
    background-color: #f3f3f3;
}
/*hace que no salgan por la derecha los nombres largos*/
#stickyheaders .sub-menu{
    min-width: 240px;
}
#stickyheaders .sub-menu a{
    display: block;
    width: 100%;
    white-space: normal !important;
    line-height: 1.3;
    overflow-wrap: break-word;
}




/*#stickyheaders .sub-menu{
    top: 150%!important;
}*/


/*para que le padre se quede como el hover cuando se selecciona a un hijo*/
#stickyheaders .current-menu-ancestor > a{
    color: #ffffff !important;
    background-color: #6D1F80;
}

#stickyheaders .current-menu-ancestor .sub-arrow svg{
    fill: #ffffff;
}

#stickyheaders .menu-item-has-children > .sub-menu {
    width: 100% !important;
}
#stickyheaders .sub-menu a {
    font-size: 0.7rem;
    color: #000;
    padding: 15px 5px 15px 0;
    background-color: #f3f3f3;
    transition:
        background-color .2s ease,
        color .2s ease,
        padding-left .2s ease;
}

#stickyheaders .sub-menu a:hover {
    color: #772080 !important;
    background-color: #eeeeee !important;
    padding-left: 5px;
    text-decoration: none;
}

/* Elemento hijo activo */
#stickyheaders .sub-menu .elementor-item-active {
    color: #fff !important;
    background-color: #5a5a5a !important;
}

/* Si pasas el ratón por el elemento activo, que no cambie */
#stickyheaders .sub-menu .elementor-item-active:hover {
    color: #fff !important;
    background-color: #5a5a5a !important;
    padding-left: 0;
}


/*
Texto principal / títulos: #1F2328
Texto secundario: #5F6368
Texto muy secundario / metadatos: #7A7F85

*/






/*QUITA A LA HAMBURGUESA el fondo que tienen todos los botones*/
#idm-sticky-icon-hamburger .elementor-button{
    background: none !important;
    color: #666666 !important;
    border: none !important;
}
#idm-sticky-icon-hamburger .elementor-button svg{
    fill: #666666 !important;
    width: 1.8rem !important;
    height: 1.8rem !important;
}
/*QUITA AL ICONO DEL CARRITO el fondo que tienen todos los botones
#stickyheaders .elementor-menu-cart__toggle_button{
    background: none !important;
    border: 0px !important;
}
#stickyheaders .elementor-menu-cart__toggle_button:hover{
    background: none !important;
    border: 0px !important;
}


#stickyheaders .sub-menu a{
    background-color: #ffffff !important;
}*/

/*items del submenu y el padre de ellos
#stickyheaders .elementor-item-active{
    background-color: #e7e7e7 !important;
}
#stickyheaders .sub-menu .elementor-item-active, #stickyheaders .current-menu-ancestor > a{
    background-color: #e7e7e7 !important;
}
.elementor-nav-menu--dropdown {
    min-width: inherit !important; --------------------------------/* Copia el ancho del elemento superior 
    width: 100% !important;
}
*/





/*@CANVAS*/
/* EL FONDO ESTÁ ANTES DEL MENU SUPERIOR CON EL MENU SUPERIOR*/

/*Evita cuadrado azul en el botón cerrar del menú canvas*/
.dialog-close-button{
    outline: none !important;
}


/*para quitar del icono carrito el estilo genérico de los botones de elementor
#stickyheaders-mov .elementor-button{
    background: none !important;
    border: 0px !important;
}
*/




   
#idm-menu-canvas{
    padding-bottom: 100px;
    padding-left: 10px;
    background-color: #f3f3f3 !important;
}
#idm-menu-canvas .elementor-widget-heading:first-of-type h2{
    margin-top: 80px;
}
#idm-menu-canvas .elementor-widget-nav-menu{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
#idm-menu-canvas a{
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
#idm-menu-canvas .elementor-item-active {
    color: #fff !important;
    background-color: #5a5a5a !important;
}


/*para el boton LOW COST Y TAMBIÉN EN EL STICKY MÁS ARRIBA*/
#idm-menu-canvas p{
    margin-bottom: 0px !important;;
}
#idm-menu-canvas p a[href*="/low-cost"]{
    border: 1px solid #6D1F80;
    color: #6D1F80;
    font-weight: bold;
    border-radius: 25px;
    padding: 5px; /*si es p si es ítem del menú hay que quitarlo*/
}
#idm-menu-canvas p a[href*="/low-cost"]:hover{
    text-decoration: none !important;
    color: #ffffff;
    background-color: #6D1F80;
}
/*se oculta si está vacío low cost. Es p > a NO elemento del menú
esto veiene de una función que lo hace
ETAMBIÉN EN EL STICKY MÁS ARRIBA
*/
.idm-sin-low-cost #idm-menu-canvas p:has(a[href="/low-cost"]),
.idm-sin-low-cost #idm-menu-canvas p:has(a[href="https://www.suenadirect.com/low-cost"]){
    display: none !important;
}




/*
#idm-menu-canvas .elementor-nav-menu--main ul li a:hover{
    text-decoration: none !important;
    background-color: #e00000 !important;
}
*/

/*el submenu*/
/*SUBMENU CANVAS mostrar desplegados los submenus
#idm-menu-canvas .menu-item-has-children .sub-menu {
    display: contents!important;
}
*/
/*NIETOS
#idm-menu-canvas .sub-menu .sub-menu a{
    padding-left: 18px !important;
    text-decoration:  none !important;
}
*/    

/*
#idm-menu-canvas .sub-menu .sub-menu a:before{
    content: "-";
    margin-right: 0.5rem;
}*/

/*para los activos y para que tienen submenu que el padre tenga el mismo color que el hijo visitado
#idm-menu-canvas .elementor-item-active{
    background-color: #666666 !important; 
    color: #fff !important;
}
*/



/******************** @BOTONES*/

/*LOS BOTONES DE COMPRA ESTÁN EN SUS SECCIONES*/

/*LOS BOTONES GENERALES ESTÁN AL PRINCIPIO JUNTO A <*/

/*BOTON FONDO BLANCO - TEXTO MORADO*/
.idm-boton-blanco-morado :is(button, .elementor-button){
    background-color: #ffffff;
    border: 1px solid #6D1F80;
    color: #6D1F80;
    transition: background-color .2s ease, color .2s ease;
    /*margin-left: 10px;*/
    margin-right: 10px;
    margin-bottom: 20px;
    text-decoration: none !important;
}
.idm-boton-blanco-morado svg{
    fill: #6D1F80;
}
.idm-boton-blanco-morado :is(button, .elementor-button):hover{
    color: #ffffff;
    background-color: #6D1F80;
    border: 1px solid #6D1F80;
    text-decoration: none !important; 
}
.idm-boton-blanco-morado:hover svg{
    fill: #ffffff;
}

/*BOTON FONDO VERDE - TEXTO BLANCO*/
.idm-boton-blanco-verde :is(button, .elementor-button){
    background-color: #4B9021;
    border: 1px solid #4B9021;
    color: #ffffff;
    transition: background-color .2s ease, color .2s ease;
   /* margin-left: 10px;*/
    margin-right: 10px;
    margin-bottom: 20px;
    text-decoration: none !important;
}
.idm-boton-blanco-verde svg{
    fill: #ffffff;
}
.idm-boton-blanco-verde :is(button, .elementor-button):hover{
    color: #ffffff;
    background-color: #3f7a1c;
    border: 1px solid #3f7a1c;
    text-decoration: none !important; 
}
.idm-boton-blanco-verde:hover svg{
    fill: #ffffff;
}

/*BOTON FONDO MORADO - TEXTO BLANCO*/
.idm-boton-morado-blanco :is(button, .elementor-button){
    background-color: #6D1F80;
    border: 1px solid #6D1F80;
    color: #ffffff;
    transition: background-color .2s ease, color .2s ease;
    /*margin-left: 10px;*/
    margin-right: 10px;
    margin-bottom: 20px;
    text-decoration: none !important;
}
.idm-boton-morado-blanco svg{
    fill: #ffffff;
}
.idm-boton-morado-blanco :is(button, .elementor-button):hover{
    color: #ffffff;
    background-color: #1F2328;
    border: 1px solid #1F2328;
    text-decoration: none !important; 
}
.idm-boton-morado-blanco:hover svg{
    fill: #ffffff;
}

/*
.button, .elementor-button, .elementor-cta__button{
    font-size: 1rem;
    font-weight: 300;
    background-color: #4B9021;
    border: 1px solid #4B9021;
    color: #ffffff;
    text-decoration: none;
}
button:hover, .elementor-button:hover, .elementor-cta__button:hover{
    background-color: #000000;
    border: 1px solid #000000;
    color: #ffffff;
    text-decoration: none;
}
*/


/*
button, .elementor-button{
    font-size: 0.8rem !important;
    font-weight: 300 !important;
    background-color: #666666 !important;
    border: 1px solid #666666 !important;
    color: #ffffff !important;
    padding: 20px !important;
    text-decoration: none !important;
}
button:hover, .elementor-button:hover{
    background-color: #000000 !important;
    border: 1px solid #000000  !important;
    color: #ffffff !important;
}
*/

/***************************** @PAGINAS*/

/*@HOME*/
  
/*BANNER HOME*/
/*H1 Equipamiento profesional*/
#idm-cont-banner-home-desk h1{
    color: #1F2328;
    font-size: 3rem;
    margin-top: 5%;
    margin-left: 5%;
}
@media (min-width: 768px) and (max-width: 1299px){ /*MÓVIL A MAMEN*//**************************************************PTE*/
    #idm-cont-banner-home-desk h1{
        margin-top: 8%;
    }
}
/*h2 la tienda online de área suena*/  /******************************************ok*/  
#idm-cont-banner-home-desk h2{
    max-width: 50%;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2rem;
    color: #000000;
    margin-top: 2%;
    margin-left: 5%;
}
@media (min-width: 768px) and (max-width: 1299px){ /*MÓVIL A MAMEN*//**************************************************PTE*/
    #idm-cont-banner-home-desk h2{
        max-width: 45%;
    }
}
/*MÓVIL*/
@media (max-width: 767px){
    #idm-cont-banner-home-desk h1{
        color: #1F2328;
        font-size: 2.2rem;
    }
    #idm-cont-banner-home-desk{
        background: none !important;
    }
    #idm-cont-banner-home-desk h2{
        margin-top: 25px;
        margin-bottom: 25px;
        max-width: 100%;
        font-size: 1rem;
        line-height: 1.7rem;
        font-weight: 400;
    }
}
/*botones en el banner*/
/*DESK*/
#idm-botones-banner-home-desk{/******************************************ok*/
    padding-top: 2%;
    padding-left: 5%;
    padding-right: 5%;
}

/*ICONOS EN SHORTCODE*/
#idm-contenedor-icons-serv-home-desk{/******************************************ok*/
    max-width: 40%;
    padding-top: 2%;
    padding-left: 5%;
}
@media (min-width: 768px) and (max-width: 1299px){ /*MÓVIL A MAMEN*//**************************************************PTE*/
    #idm-contenedor-icons-serv-home-desk{
        max-width: 50%;
    }
}
/*MÓVIL*/
@media (max-width: 767px){
    #idm-contenedor-icons-serv-home-desk{
        max-width: 100%;
    }
}

#idm-contenedor-icons-serv-home-desk h3{/****************************************************ok*/
    font-size: 1rem;
}
@media (min-width: 768px) and (max-width: 1299px){ /*MÓVIL A MAMEN*//*MÓVIL A MAMEN*//**************************************************PTE*/
    #idm-contenedor-icons-serv-home-desk h3{
        font-size: 0.8rem;
    }
}
#idm-cont-banner-home-desk #idm-iconos-servicios svg path{ /****************************************************ok*/
    fill: #6D1F80;
}
/*MÓVIL*/
@media (max-width: 767px){
    #idm-botones-banner-home-desk .idm-boton-blanco-verde, #idm-botones-banner-home-desk .idm-boton-blanco-morado{
        width: 100% !important;
    }
    #idm-botones-banner-home-desk .elementor-button{
        width: 100% !important;
    }
    #idm-iconos-servicios svg{
        width: 2.2rem;
    }
    #idm-contenedor-icons-serv-home-desk h3{
        margin-top: 15px;
    }
}






/*BANNER CATEGORÍAS HOME*/
#idm-banner-categorias-home{
    margin-top: 100px;
}
@media (max-width: 767px){
    #idm-banner-categorias-home{
        margin-top: 50px;
    }
}
#idm-banner-categorias-home h2{
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    gap: 12px;
}
#idm-banner-categorias-home h2::before{
    content: "";
    width: 28px;
    height: 4px;
    background-color: #4B9021;
    border-radius: 2px;
    flex: 0 0 auto;
}
/*en el hover crece la image y se pone más oscuro*/
#idm-banner-categorias-home a{
    text-decoration: none !important;
}
#idm-banner-categorias-home .elementor-widget-image-box:hover{
    background-color: #dddada;
    border-color: #dddada;
}
#idm-banner-categorias-home .elementor-widget-image-box:hover .elementor-image-box-img img{
    transform: scale(1.07);
}
@media (min-width: 768px) and (max-width: 1299px){ /*OK *****MÓVIL A MAMEN*//*MÓVIL A MAMEN*/
    #idm-banner-categorias-home h3{
        font-size: 0.7rem;
    }
    #idm-banner-categorias-home figure{
        margin-right: 5px;
    }
}
/*VERSIÓN MÓVIL*/
@media (max-width: 767px){
    /* El grid pasa a una única columna */
    #idm-banner-categorias-home{
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 7px !important;
    }
    /* Cada categoría se convierte en una tarjeta horizontal */
    #idm-banner-categorias-home .elementor-widget-image-box{
        width: 100%;
        background: #f3f3f3;
        border: 1px solid #dddada;
        border-radius: 7px;
        overflow: hidden;
        margin: 0 !important;
    }
    #idm-banner-categorias-home .elementor-image-box-wrapper{
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        width: 100%;
        min-height: 70px;
    }
    /* Imagen */
    #idm-banner-categorias-home .elementor-image-box-img{
        width: 95px !important;
        min-width: 95px !important;
        margin: 0 !important;
        padding: 4px 8px;
    }
    #idm-banner-categorias-home .elementor-image-box-img img{
        width: 100% !important;
        height: 62px !important;
        object-fit: contain;
        display: block;
    }
    /* Zona del título */
    #idm-banner-categorias-home .elementor-image-box-content{
        flex: 1;
        min-width: 0;
        padding: 0 12px 0 4px;
    }
    #idm-banner-categorias-home .elementor-image-box-title{
        margin: 0 !important;
        font-size: 15px !important;
        font-weight: 600;
        line-height: 1.25;
    }
    /* El enlace ocupa todo el espacio restante */
    #idm-banner-categorias-home .elementor-image-box-title a{
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        width: 100%;
        color: #1F2328;
        text-decoration: none;
    }
    /* Flecha corporativa verde */
    #idm-banner-categorias-home .elementor-image-box-title a::after{
        content: "›";
        flex: 0 0 auto;
        color: #4B9021;
        font-size: 27px;
        font-weight: 400;
        line-height: 1;
    }

}




/*BANNER EQUIPAMIENTO PROFESIONAL*/
#idm-banner-equip-prof{
    margin-top: 100px;
    padding: 20px
}
#idm-banner-equip-prof h2{/*AREA SUENA*/
    color: #4B9021;
}
#idm-banner-equip-prof h1{
    margin-top: 20px;
    width: 60%;
}
#idm-banner-equip-prof p{
    margin-top: 20px;
    width: 60%;
}
/*movil*/
@media (max-width: 767px){
    #idm-banner-equip-prof h1{
        width: 100%;
    }
    #idm-banner-equip-prof p{
        width: 100%;
        font-weight: 700;
    }
}






/*CONTENEDOR DESTACADOS Se oculta con función si no hay ninguno*/
#idm-banner-destacados-home{
    margin-top: 100px;
}
#idm-banner-destacados-home .elementor-widget-heading > h2 {
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    gap: 12px;
}
#idm-banner-destacados-home .elementor-widget-heading > h2::before {
    content: "";
    width: 28px;
    height: 4px;
    background-color: #4B9021;
    border-radius: 2px;
    flex: 0 0 auto;
}
#idm-banner-destacados-home li{
    border: 1px solid #f3f3f3;
    padding: 5px;
 }




/*BANNER LOW COST Se oculta con función si no hay ninguno*/
#idm-banner-low-cost-home{
    margin-top: 100px;
    background: linear-gradient(
        to bottom,
        #8a01ff12 0%,
        #FFFFFF 100%
    );
}
#idm-banner-low-cost-home .elementor-widget-heading > h2 {
    font-size: 1.5rem;
    text-transform: uppercase;
    color: #6D1F80;
    font-weight: 700;
}
#idm-banner-low-cost-home  li{
    border: 1px solid #f3f3f3;
    padding: 5px;
 }

/*BANNER MARCAS*/
 #idm-banner-marcas{
    margin-top: 100px;
 }





/*
#idm-img-ppal-home h1{
    font-family: "Cormorant Garamond", 'Times New Roman', serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: italic;
    font-size: 4rem;
    color: #ffffff;
    text-transform: uppercase;
}
@media(max-width: 767px){
    #idm-img-ppal-home h1{
        font-size: 2.2rem;
        color: #000000;
        margin: 25px;
    }
}
#idm-cont-home #idm-h2-home h2{
    font-size: 2rem !important;
}


#idm-p-esp-home{
    font-size: 1.5rem;
}

#idm-banner-4-img-home h3{
    font-family: "Cormorant Garamond", 'Times New Roman', serif;
    font-size: 1.5rem;
}
*/


/************** @CONTACTO PÁGINA*/
#idm-cabecera-contacto{
    padding-top: 25px;
    padding-bottom: 25px;
}
#idm-cabecera-contacto svg path{
    fill: #4B9021;
}
#idm-form-y-datos-pag-contacto{
    margin-top: 50px;
}
#idm-datos-pag-contacto{
    background-color: #f3f3f3;
}
#idm-datos-pag-contacto svg{
    fill: #4B9021;
}
#idm-cont-final-pag-contacto{
    background-color: #f3f3f3;
    margin-top: 50px;
    padding-top: 25px;
    padding-bottom: 25px;
}
/*iconos del banner del finalfinal*/
#idm-cont-final-pag-contacto .elementor-widget-shortcode{
    margin-top: 25px;
}
#idm-cont-final-pag-contacto svg path{
    fill: #4B9021;
}


/*MÓVIL*/
#idm-cabecera-contacto-mov svg path{
    fill: #4B9021;
}


/*********************páginas especiales como contacto, o sobre
#idm-pags-esp h1{
    font-family: "Dancing Script", cursive;
    font-size: 3rem !important;
    font-weight: 400;
    text-align: center;
}*/
/*@faq
#idm-acordeon-faq .e-n-accordion-item .e-n-accordion-item-title{
    padding: 25px 10px 25px 10px;
    border-bottom: 1px solid black;;
}
#idm-acordeon-faq .e-n-accordion-item .e-n-accordion-item-title[aria-expanded="true"] {
    font-weight: bold;
}
#idm-acordeon-faq .e-n-accordion-item .e-n-accordion-item-title[aria-expanded="false"] {
    font-weight: normal;
}*/
/*el icono
#idm-acordeon-faq .e-n-accordion-item-title-icon svg{
    margin-top: -12px;
    height: 40px;
    width: 40px;
}
#idm-acordeon-faq .e-closed svg{
    fill: #c9c9c9 !important;
}
#idm-acordeon-faq .e-opened svg{
    fill: #7a8977 !important;
}*/
/*la respuesta
#idm-acordeon-faq .e-n-accordion-item .elementor-element{
    margin-bottom: 50px;
    border: none !important;
}

*/



/* @paginas legales*/
/************** ESTILO PARA PÁGINAS LEGALES y PAGINAS QUE SE CONSTRYUEN IGUAL COMO LAS DE escoger la talla correcta de cada cosa
EN CR TENEMOS UNOS ESTILOS MÁS COMPLETOS
*/
.idm-legales-cabecera h1{
    margin-top: 50px;
    border-bottom: 1px solid #b9b9b9;
}
.idm-legales-contenido h2:not(:first-child){ 
    margin-top: 5% !important;
}
.idm-legales-contenido h2{ 
    /*font-size: 1.4rem;*/
    font-family: "Open Sans", sans-serif !important;
}
.idm-legales-contenido h3{
    /*font-size: 1.2rem;*/
    margin-top: 5%;
    font-family: "Open Sans", sans-serif !important;
}
.idm-legales-contenido h4{
    /*font-size: 1.2rem;*/
    font-family: "Open Sans", sans-serif !important;
    margin-top: 3%;
}
.idm-legales-contenido ul{
    margin-bottom: 2%;
}


/******************** @CATEGORÍAS template TAGS de productos*/

/*LAS FAQ EN CATEGORÍAS Y EN FICHA DE PRODUCTO ESTÁN NADA MÁS EMPEZAR @WOOCOMMERCE*/

/*si es CAT no se muestra la cabecera de tag ni brands*/
.tax-product_cat #idm-cont-templ-tags-cabecera{
    display: none;
}
/*si es TAG no se muestra la cabecera de cat ni brands*/
.tax-product_tag #idm-cont-templ-cats-cabecera{
    display: none;
}
/*SI CAMBIAMOS ALGO HACERLO TAMBIÉN EN LOS DEL TEMPLATE DE CATEGORÍAS DE PRODUCTO*/
/*impide que sean desplegables los menús*/
#idm-cats-en-cont-templ-tags-cats .sub-menu,
#idm-cats-en-cont-templ-tags-cats .sub-arrow{
    display: none !important;
}
#idm-cats-en-cont-templ-tags-cats a{
    color: #1F2328;
}
#idm-cats-en-cont-templ-tags-cats :is(ul li a) {
    color: #1F2328;
    text-decoration: none;
    transition: color .2s ease;
    display: inline-block;
}
#idm-cats-en-cont-templ-tags-cats a:hover{
    color: #6D1F80;
    transform: translateX(5px);
}
/*el activo*/
#idm-cats-en-cont-templ-tags-cats ul li .elementor-item-active{
        color: #1F2328;
        font-weight: 700;;
}
/*contenedor con los productos*/
.elementor-widget-woocommerce-products{
    margin-top: 40px;
}







/****** template @MARCAS @BRANDS*/
@media(min-width: 768px){
    #idm-cont-templ-brands .idm-logo-marca {
        width: 50%;
    }
}



/*FORMULARIOS DE CONTACTO GENERALES*/
 
/*BOTON FONDO VERDE - TEXTO BLANCO*/
#idm-forms-contacto :is(button, .elementor-button){
    background-color: #4B9021;
    border: 1px solid #4B9021;
    color: #ffffff;
    transition: background-color .2s ease, color .2s ease;
   /* margin-left: 10px;*/
    margin-right: 10px;
    margin-bottom: 20px;
    text-decoration: none !important;
}
#idm-forms-contacto :is(button, .elementor-button):hover{
    color: #ffffff;
    background-color: #3f7a1c;
    border: 1px solid #3f7a1c;
    text-decoration: none !important; 
}







/*************** @SEARCH @BUSQUEDA
/*para el advanced search*/
.aws-search-form{
    margin-top: 13px;
}
.aws-container .aws-search-field{
    border-radius: 25px 0px 0px 25px !important;
}
.aws-search-form .aws-search-btn{
    border-radius: 0px 25px 25px 0px !important;
    background-color: #6D1F80 !important;
}
.aws-search-btn .aws-search-btn_icon svg{
    fill: #ffffff;
}
/*MÓVIL*/
@media (max-width: 767px){
    .aws-container{
        margin: 5px 10px 0px 10px;
    }
    /*.aws-search-form{
        margin-top: 5px;
    }*/
   /* .aws-search-form input[type="search"]{
        border-radius: 0px 0px 0px 0px !important;
    }*/
    .aws-container .aws-search-field{
        border-radius: 0px !important;
        border-right: 0px !important;
    }
    .aws-search-form .aws-search-btn{
        border-radius: 0px !important;
        background-color: #f3f3f3 !important;
    }
    .aws-search-btn .aws-search-btn_icon svg{
        fill: #7A7F85;
    }
}





/*********************** @POSTS*/
/*EN OCTUBRE 26 SOLO HAY ENTRADAS TIPO @FAQ*/
/*
#idm-cont-templ-entradas
#idm-cont-templ-entradas-izda
#idm-cont-templ-entradas-dcha
*/
/*SI CAMBIAMOS ALGO HACERLO TAMBIÉN EN LOS DEL TEMPLATE DE CATEGORÍAS DE PRODUCTO*/
/*impide que sean desplegables los menús*/
#idm-cont-templ-entradas-izda .sub-menu,
#idm-cont-templ-entradas-izda .sub-arrow{
    display: none !important;
}
#idm-cont-templ-entradas-izda a{
    color: #1F2328;
}
#idm-cont-templ-entradas-izda :is(ul li a) {
    color: #1F2328;
    text-decoration: none;
    transition: color .2s ease;
    display: inline-block;
}
#idm-cont-templ-entradas-izda a:hover{
    color: #6D1F80;
    transform: translateX(5px);
}
/*el activo*/
#idm-cont-templ-entradas-izda ul li .elementor-item-active{
        color: #1F2328;
        font-weight: 700;;
}



/*LADO DEL CONTENIDO*/
/*Título de todo el contenedor faq*/
#idm-cont-templ-entradas-dcha h1{
    position: relative;
    display: flex;
    align-items: center;
    min-height: 64px;
    padding: 14px 18px 14px 72px;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    line-height: 1.3;
    color: #1F2328;
}
/* Icono interrogación */
#idm-cont-templ-entradas-dcha h1::before{
    content: "?";
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 2px solid #6D1F80;
    border-radius: 50%;
    color: #6D1F80;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
}
/* pequeña "cola" del bocadillo */
#idm-cont-templ-entradas-dcha h1::after{
    content: "";
    position: absolute;
    left: 24px;
    top: calc(50% + 12px);
    width: 8px;
    height: 8px;
    border-left: 2px solid #6D1F80;
    border-bottom: 2px solid #6D1F80;
    background: #fff;
    transform: rotate(-25deg);
}
/*título ver otras preguntas*/
#idm-cont-templ-entradas-dcha .elementor-widget-text-editor{
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 50px;
    margin-top: 50px;
    border-top: 1px solid black;
    padding-top: 35px;
}
/*botón ver productos de la categoría*/
.idm-faq-product-category-links{
    margin-bottom: 50px;
    margin-top: 50px;
    border-top: 1px solid black;
    padding-top: 35px;
}
.idm-faq-product-category-link{
    background-color: #6D1F80;
    border: 1px solid #6D1F80;
    transition: background-color .2s ease, color .2s ease;
    padding: 15px;
    margin-right: 10px;
    margin-bottom: 20px;
    text-decoration: none !important;
}
.idm-faq-product-category-links a{
    color: #ffffff;
    transition: background-color .2s ease, color .2s ease;
}
.idm-faq-product-category-link:hover{
    background-color: #1F2328;
    border: 1px solid #1F2328;
    text-decoration: none !important; 
}
.idm-faq-product-category-links a:hover{
    color: #ffffff;
}












/*********************** @WOOCOMMERCE*/

/*@FAQ EN CATEGORÍAS Y FICHA DE PRODUCTO*/
#idm-cont-faq{
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    padding: 5px 28px;
    box-shadow: 0 4px 16px rgba(0,0,0,.04);
    margin: 40px 0 0 0;
}
@media (max-width: 767px){
    #idm-cont-faq{
        padding: 0px 0px;
    }
}

/*Título de todo el contenedor faq*/
#idm-titulo-seccion-faq{
    margin: 0px !important;
    position: relative;
    display: flex;
    align-items: center;
    min-height: 64px;
    padding: 14px 18px 14px 72px;
    font-family: 'Manrope', sans-serif;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.3;
    color: #1F2328;
}
/* Icono interrogación */
#idm-titulo-seccion-faq::before{
    content: "?";
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 2px solid #6D1F80;
    border-radius: 50%;
    color: #6D1F80;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
}
/* pequeña "cola" del bocadillo */
#idm-titulo-seccion-faq::after{
    content: "";
    position: absolute;
    left: 24px;
    top: calc(50% + 12px);
    width: 8px;
    height: 8px;
    border-left: 2px solid #6D1F80;
    border-bottom: 2px solid #6D1F80;
    background: #fff;
    transform: rotate(-25deg);
}

/*contenidos de faq*/
.idm-faq-item{
    border-bottom: 1px solid #e5e5e5;
    transition: background-color .2s ease;
}
.idm-faq-item:last-child{
    border-bottom: 0;
}
.idm-faq-pregunta{
    position: relative;
    margin: 0;
    padding: 10px 42px 10px 20px;
    cursor: pointer;
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.35;
    color: #1F2328;
}
.idm-faq-pregunta::after{
    content: "+";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #6D1F80;
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
}
.idm-faq-item.idm-faq-abierta{
    background-color: #F8F6F9;
}
.idm-faq-item.idm-faq-abierta .idm-faq-pregunta::after{
    content: "−";
}
.idm-faq-respuesta{
    display: none;
    padding: 0 42px 20px 20px;
    font-family: 'Manrope', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6;
    color: #5F6368;
}
.idm-faq-item.idm-faq-abierta .idm-faq-respuesta{
    display: block;
}



/*@PRODUCTO FICHA Y @LOOPS*/

/*quita el tachado que pone woocommerce en el precio caro*/
.woocommerce .price del,
.woocommerce .price del * {
    text-decoration: none ;
}
.woocommerce .price ins,
.woocommerce .price ins * {
    text-decoration: none ;
}
/* Estilo del precio */
.woocommerce-Price-amount {
    font-size: 1rem;
    color: #4B9021 !important;
    font-weight: 700 !important;
}
/*pone en color rojo los precios antiguos cuando están rebajados*/
.price del .woocommerce-Price-amount {
    color: #C62828 !important;
    text-decoration: line-through !important;
}
/*badge de low cost*/
.woocommerce span.onsale {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;

    padding: 0 !important;
    border-radius: 50% !important;

    display: flex !important;
    align-items: center;
    justify-content: center;

    line-height: 1.1 !important;
    text-align: center;

    background-color: #C62828 !important;
    color: #fff !important;
    font-weight: 700;
    font-size: .857em;

    position: absolute;
    top: -.5em;
    left: -.5em;
    z-index: 9;
}




/****** @LOOPS SÓLO*/

/* Pone la misma altura a todos los productos del loop */
.woocommerce .products li {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}
/* El enlace ocupa todo el espacio disponible antes del botón */
.woocommerce .products li .woocommerce-LoopProduct-link {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
}
/* Empuja el precio al fondo del bloque del producto */
.woocommerce .products li .price {
    margin-top: auto !important;
}
/*@BOTON El botón queda siempre al final */
.woocommerce .products li .button {
    margin-top: 10px !important;
    color: #ffffff;
    background-color: #4B9021;
    border: 1px solid #4B9021;
    transition: background-color .2s ease, color .2s ease;
    padding: 0.7rem 1rem !important;
}
@media (min-width: 768px) and (max-width: 1299px){ /*MAMEN ok***********************************************************/
    .woocommerce .products li .button{
        font-size: 0.8rem;
    }
}
.woocommerce .products li .button:hover{
    color: #ffffff;
    background-color: #3f7a1c;
    border: 1px solid #3f7a1c;
}



/***** @PRODUCTO FICHA*/

/*LAS FAQ EN CATEGORÍAS Y EN FICHA DE PRODUCTO ESTÁN NADA MÁS EMPEZAR @WOOCOMMERCE*/

/*tamaño del logo en el producto*/
#idm-producto .idm-product-brand-logo {
    display: block;
    width: 6rem;
    height: auto;
}
/*precio*/
#idm-producto .woocommerce-Price-amount {
    font-size: 1.7rem;
}
/*selector cantidad*/
#idm-producto .qty{
    font-size: 1.5rem;
}
/*BOTÓN BOTON AÑADIR AL CARRITO*/
.single_add_to_cart_button{
    background-color: #4B9021 !important;
    color: #fff !important;
    padding: 14px 24px !important;
    min-height: 48px;
    font-weight: 600;
    border-radius: 4px;
}
.single_add_to_cart_button:hover{
    background-color: #3f7a1c !important;
}
.elementor-widget-woocommerce-product-add-to-cart{
    margin-top: 25px;
}
/*METADATOS*/
.product_meta{
    margin-top: 25px;
}
.elementor-woo-meta--view-inline .product_meta {
    display: block;
    font-size: 0.8rem;
}
/*pone línea entre items y negrita*/
.product_meta > span{
    display: inline;
}
.product_meta > span:not(:last-child){
    border-right: 1px solid #999;
    padding-right: 8px;
    margin-right: 8px;
}
.posted_in{
    font-weight: 700;
}






/*botones envío y devoluciones*/
#idm-cont-bot-envio-dev-en-prod .elementor-button{
    background: none !important;
    padding: 0px;
}







/*FORMULARIO FICHA*/
/*para el texto de arriba*/
#idm-form-en-producto{
    margin-top: 50px;
}
#idm-form-en-producto .elementor-field-type-html{
    font-weight: 700;
}
#idm-form-en-producto button,
#idm-form-en-producto input[type="submit"]{
    background-color: #6D1F80 !important;
    color: #fff !important;
    min-height: 48px;
    font-weight: 600;
    border: none;
    border-radius: 4px;
    transition: background-color .2s ease;
}
#idm-form-en-producto button:hover,
#idm-form-en-producto input[type="submit"]:hover{
    background-color: #591868 !important;
}

/*ACORDEON MÁS INFO*/
.wp-singular .elementor-widget-n-accordion{
    background-color: #f3f3f3;
}
.wp-singular .e-n-accordion-item-title-text{
    font-weight: 700;
}

/*RELACIONADOS*/
#idm-templ-prod-related{
    margin-top: 75px;
}
#idm-templ-prod-related .related > h2 {
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    gap: 12px;
}
#idm-templ-prod-related .related > h2::before {
    content: "";
    width: 28px;
    height: 4px;
    background-color: #4B9021;
    border-radius: 2px;
    flex: 0 0 auto;
}








/*ventas cruzadas
.elementor-widget-woocommerce-product-upsell {
    margin-top: 30px;
}
.elementor-widget-woocommerce-product-upsell .up-sells ul{
    margin-top: 30px !important;
}
.elementor-widget-woocommerce-product-upsell .up-sells h2{
    color: #666666 !important;
}
.elementor-widget-woocommerce-product-upsell .up-sells h2:hover{
    text-decoration: underline !important;
}
*/
/*el popup de de carrito de la derecha está en la sección @CARRITO*/



/*@ACORDEON FICHA PRODUCTO

#idm-elemento-talla-acordeon-producto {
    display: none;
}
.postid-7955 #idm-elemento-talla-acordeon-producto {
    display: block !important;
}
*/

/*TABLAS DE TALLAS
@media(max-width: 767px){
    .idm-t-t-table{
        width: 100%;
    }    
}
@media(min-width: 768px){
    .idm-t-t-table{
        width: 100%;
        margin-right: 0%; 
        margin-left: 0%; 
    }    
}
.idm-t-t-table { text-align: center; margin-top: 3%; border-collapse: collapse; }
.idm-t-t-header {text-align:center; background-color: #cacaca; border: 0.5px solid grey; border-collapse: collapse; padding-top: 10px; padding-bottom: 10px;}
.idm-t-t-name td {text-align:center; width: 25%; background-color: #cacaca; border: 0.5px solid grey; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;}
*/
/*@OPCIONES*/

/*separa laas opciones
.tc-container {
    margin-bottom: 25px !important;
}*/
/*el nombre de las opciones, para los textos descriptivos
.tc-label-text, .tm-element-description{
    font-size: 0.8rem !important;
}*/
/*precios de colores
.tc-price-wrap {
    width: 100% !important;
    display: block !important;
}
.tmhexcolorimage-li-nowh{
    max-width: 20% !important;
}*/

/*muestra de colores
.tmhexcolorimage {
    width: 50px !important;
}
.tmhexcolorimage .tc-image{
    border-radius: 25px !important;
    border: 1px solid #d1d1d1 !important;
}*/
/*para los aleatorios
.tm-transparent-swatch {
    background-image: url('https://www.kitquiero.es/wp-content/uploads/2026/04/color-surtido.png');
    background-size: cover;      ------------ Ajusta la imagen para cubrir todo el espacio 
    background-position: center;  ------------------- Centra la imagen 
    background-repeat: no-repeat; -------------- Evita que la imagen se duplique 
    border-radius: 25px !important;
}*/
/*cambia en los seleccionados*/
/*muestra colores
.tc-active .tmhexcolorimage .tc-image{
    border: 1px solid #000000 !important;
}*/
/*nombre opción
.tc-active .radio-image-label{
    background-color: #000000 !important;
    color: #ffffff !important;
}*/
/*para el precio de los elementos
.tc-active  .tc-price-wrap .woocommerce-Price-amount{
    background-color: #000000 !important;
    color: #ffffff !important;
}
*/
/*quita el color azul de los desplegables en móvil por lo menos en apple
select {
    -webkit-appearance: none; ----------- Elimina el estilo nativo en Safari/Chrome iOS 
    -moz-appearance: none;     -----------  Para Firefox 
    appearance: none;          -----------  Estándar 
    color: #000000 !important;  -----------  Fuerza el color negro 
    opacity: 1;                 -----------  Safari a veces aplica opacidad por defecto 
    
     -----------  Añadido para recuperar la flecha 
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;  -----------  Ajusta la posición de la flecha 
    background-size: 12px;
    padding-right: 30px;  -----------  Deja espacio para que el texto no pise la flecha 
}

select option {
    color: #000000;
}
*/
/*ETIQUETAS PRODUCTOS*/


/*POUP DEL CARRITO QUE SE MUESTRA EN EL LATERAL*/




/*@BOTON CARRITO Y CHECKOUT*/

#idm-cont-carrito .checkout-button, .elementor-widget-woocommerce-checkout-page .woocommerce-checkout #payment #place_order{
    background-color: #6D1F80;
    border: 1px solid #6D1F80;
    color: #ffffff;
    transition: background-color .2s ease, color .2s ease;
    /*margin-left: 10px;*/
    margin-right: 10px;
    margin-bottom: 20px;
    text-decoration: none !important;
}
#idm-cont-carrito .checkout-button:hover,  .elementor-widget-woocommerce-checkout-page .woocommerce-checkout #payment #place_order:hover{
    background-color: #1F2328;
    border: 1px solid #1F2328;
    text-decoration: none !important; 
    color: #ffffff;
}



/*@CARRITO*/
/*aplicar cupón*/
#idm-cont-carrito .e-apply-coupon{
    border-color: #1F2328;
    color: #1F2328;
}
#idm-cont-carrito .e-apply-coupon:hover{
    background-color: #1F2328;
    color: #ffffff;
}
/*actualizar carrito*/
.elementor-widget-woocommerce-cart .woocommerce table.shop_table.cart .actions .button {
    border-color: #1F2328;
    color: #1F2328;
}




/*
.elementor-menu-cart__main .elementor-button{
    background-color: #cc6666 !important;
    border: none !important;
    padding: 15px !important;
    font-size: 0.8rem !important;
    font-weight: 300 !important;   
    text-transform: none !important;
}
.elementor-menu-cart__main .elementor-button:hover{
    background-color: #993333 !important;
    transition: all 0.3s ease !important;
}
*/



/*PRECIO DEL PRODUCTO
.elementor-menu-cart__product-price {
    color: #666666 !important;
}*/
/*borrar*/
/* el círculo
.elementor-menu-cart__product-remove{
    border-color: #666666 !important;     
}
.elementor-menu-cart__product-remove:hover{
    border-color: #000000 !important;     
    background-color: #000000 !important;   
}*/
/*el aspa de dentro
.elementor-menu-cart__product-remove:before{
    background: #666666 !important;     
}
.elementor-menu-cart__product-remove:before:hover{
    background: #ffffff !important;     
}*/
/*subtotal
.elementor-menu-cart__subtotal{
    font-size: 1rem !important;
}*/
/*botones
.elementor-menu-cart__footer-buttons a{
    color: #ffffff !important;
}
.elementor-menu-cart__footer-buttons a:hover{
    text-decoration: none !important;
}

*/




/*PAGINA CARRITO*/
/*
.checkout-button{
    background-color: #cc6666 !important;
    border: none !important;
    padding: 15px !important;
    font-size: 0.8rem !important;
    font-weight: 300 !important;   
    text-transform: none !important;
}
.checkout-button:hover{
    background-color: #993333 !important;
    transition: all 0.3s ease !important;
}
*/








/*
.wc-block-components-button{
    background-color: #6D1F80;
    border: 1px solid #6D1F80;
    color: #ffffff;
    transition: background-color .2s ease, color .2s ease;
    margin-bottom: 20px;
    text-decoration: none !important;
}
.wc-block-components-button:hover{
    color: #ffffff;
    background-color: #1F2328;
    border: 1px solid #1F2328;
    text-decoration: none !important; 
}
*/






/*ver carrito lateral*/
#idm-barra-superior-iconos .elementor-menu-cart__footer-buttons a{
    background-color: #6D1F80 !important;
    border: 1px solid #6D1F80 !important;
    color: #ffffff;
    transition: background-color .2s ease, color .2s ease;
    /*margin-left: 10px;*/
    margin-right: 10px;
    margin-bottom: 20px;
    text-decoration: none !important;
}
#idm-barra-superior-iconos .elementor-menu-cart__footer-buttons a:hover{
    color: #ffffff;
    background-color: #1F2328 !important;
    border: 1px solid #1F2328 !important;
    text-decoration: none !important; 
}













/*
.elementor-widget-woocommerce-products .add_to_cart_button{
    background-color: #cc6666 !important;
    border: none !important;
    padding: 15px !important;
    font-size: 0.8rem !important;
    font-weight: 300 !important;   
    text-transform: none !important;
}
.elementor-widget-woocommerce-products a.add_to_cart_button {
    color: #ffffff !important;
}
.elementor-widget-woocommerce-products .add_to_cart_button:hover{
    background-color: #993333 !important;
    transition: all 0.3s ease !important;
}
.elementor-widget-woocommerce-products .woocommerce-loop-product__title{
    color: #666666 !important;
}
.elementor-widget-woocommerce-products .woocommerce-loop-product__title:hover{
    text-decoration: underline !important;
}
.elementor-widget-woocommerce-products .price, .woocommerce-Price-amount --------------------------este es lara los relacionados
    color: #666666 !important;
}
*/






/*********************** @CHECKOUT*/

#idm-cont-checkout .input-text{
    border: 1px solid #dddada !important;
    background: none !important;
}
#idm-cont-checkout #billing_country{
    width: 100% !important;
    background: none !important;
    border: 1px solid #dddada !important;
}
#idm-cont-checkout .select2-selection{
    background: none !important;
    border: 1px solid #dddada !important;
}
/*
gris muy claro {color: #dddada;}
gris muy claro {color: #f3f3f3;}
*/

/*CHECKOUT
.checkout button{
    background-color: #cc6666 !important;
    border: none !important;
    color: #ffffff;
    padding: 15px !important;
    font-size: 0.8rem !important;
    font-weight: 300 !important;   
    text-transform: none !important;
}
.checkout button:hover {
    background-color: #993333 !important;
    transition: all 0.3s ease !important;
}
*/



/**********************POLÍTICA DE COOKIES plugin Plugin GDPR Cookie Compliance – 
estilo para tabla de política de cookies y plugin de cookies lo toma de IDM POR CÓDIGO PERSONALIZADO DE ELEMENTOR
ACTUALIZADO 12/2/24*/

/*oculta el banner de cookies en la política de cookies de cada página */
.page-id-91 #moove_gdpr_cookie_info_bar{
    display: none !important;
}






/*RANK MATH*/
/*breadcrumbs*/
.rank-math-breadcrumb :is(a,.last) {
    background-color: #f0efee;
    padding: 10px;
    border: 1px solid #f0efee;
    border-radius: 11px;
}



/*********************** @FOOTER*/

#idm-footer, #idm-footer-creditos{
    background-color: #F8F6F9;
}
#idm-footer{
    margin-top: 50px;
    padding-top: 25px;
    padding-bottom: 35px;
}
#idm-footer h3{
    font-size: 18px;
    font-weight: 700;
    color: #1F2328;
   /* margin-bottom: 22px;*/
}
#idm-footer :is(ul li a, p a) {
    padding: 10px 20px 5px 0px!important;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.3;
    /*color: #6D1F80;*/
    color: #1F2328;
    text-decoration: none;
    transition: color .2s ease;
    display: inline-block;
}
/*para contactar*/
#idm-footer p a {
    text-decoration: underline !important;
    transform: none !important;
}
/*para que no lo aplique al logo del footer*/
#idm-footer a:not(:has(img)):hover{
    color: #6D1F80;
    transform: translateX(5px);
}
#idm-footer-creditos{
    border-top: 1px solid #dedede;
    font-size: 13px;
    color: #6b6b6b;
    padding: 18px 0;
    text-align: center;
}