
/*KITQUIERO*/

/* 
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

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


#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-productos TODO EL CONTENIDO DE LA FICHA DE PRODUCTO HASTA


#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-flotante-whatsapp

#idm-acordeon-faq

*/


/*
COLORES CORPORATIVOS
subir a qui los usados

Verde oliva cabecera: #6dc30017 confirmar en la cabecera de elementor pero creo que es este: flechas faq #7a8977

Gris OSCURO TEXTOS #666666
Gris más claro usado para iconos #666666

Rojo pálido añadir al carrito #cc6666

azul enlaces #006ecf



*/


/*@FUENTES ESPECIALES*/
/* Usamos Lexend para el cuerpo de texto (es muy legible) 
body {
    font-family: 'Lexend', sans-serif;
    font-size: 16px;
    line-height: 1.6;
}
*/


/****************************PARA PAGINA PRUEBAS FUENTES Y VER CÓM OQUEDAN*/
#cormorantGaramond{
    font-family: "Cormorant Garamond", 'Times New Roman', serif;
    /*font-family: "CormorantGaramond", 'Times New Roman', serif;*/
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}
#lexend{
    font-family: "Lexend", Arial, sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}
#alyana{
    font-family: "Alyana", 'Brush Script MT', cursive;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}
#dancingscript{
    /*font-family: "DancingScript", cursive;*/
    font-family: "Dancing Script", cursive;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}


/*CORRECCION DE FUENTES EN EL MENU PARA QUE SE VEA O SALTE A HAMBURGUESA - no hace falta porque en agosto 24 salta todo bien
@media only screen and (max-width: 1550px) and (min-width: 1025px) {
	#stickyheaders .elementor-item{
		font-size: 13px !important;
    }
    #stickyheaders .elementor-nav-menu a{
		padding-right: 10px !important;
        padding-left: 10px !important;
	}
.site-header .site-logo .is-logo-image{
	width: 160px !important;
}
}
*/


/*TIPOGRAFÍAS GENERAL*/
body{
    font-family: "Lexend", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    color: #666666;
    /*
    font-size: 0.9rem;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    line-height: 1.5rem;*/
}
p{
    line-height: 1.8rem;
}
a{
    color: #006ecf;
    text-decoration: none;
}
a:hover{
    text-decoration: underline;
    transition: all 0.3s ease !important;
}
/*

label{
    font-size: 0.9rem;
}
select {
    font-size: 0.9rem !important;
}
*/    
h1{
    /*font-family: "Poppins", sans-serif;*/
    font-weight: 400;
    /*font-style: normal;*/
    /*color: #333399;*/
    font-size: 1.6rem;
    /*text-transform: uppercase !important;*/
}
h2{
    font-size: 1.3rem;
    font-weight: 400;
}
.idm-h2-esp h2{
    font-family: "Dancing Script", cursive;
    font-size: 3rem !important;
    font-weight: 400;
    text-align: center !important;
}
h3{
    font-size: 1.2rem;
    font-weight: 400;
}
/*
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*/

/*AFECTA A LOS DOS*/
/*#stickyheaders, #stickyheaders-mov{
    background-color:  #6dc30017 !important;
}*/
header{
    background-color:  #ffffff !important;
}



/*@SUPERIOR*/
/*header_pop ESTE ES EL ID POR FEDECTO QUE PUSEO ELEMENTOR AL CREARLO
/*logo
#stickyheaders .elementor-widget-theme-site-logo, #stickyheaders .elementor-widget-image img:hover{
    filter: opacity(0.5);
}

#stickyheaders {
    background-color: #ffffff;
}
#idm-menu-en-menu-sup{
    margin-top: 15px;
}
*/
/*para la barra de más arriba*/
#stickyheaders #idm-barra-superior-de-menu a{
    color: #ffffff !important;
    height: 40px !important;
}
#stickyheaders #idm-barra-superior-de-menu .elementor-item-active{
    color: #000000 !important;
    /*background-color: #e7e7e7 !important;*/
}



#stickyheaders #logo-header:hover{
    filter: opacity(0.5);
}

#stickyheaders a{
    color: #666666;
}
#stickyheaders a:hover{
    text-decoration: underline;
    transition: all 0.3s ease !important;
}
/*solo para el icono del user*/
#stickyheaders .e-fas-user{
    margin-top: 10px !important;;
}
/*
#stickyheaders .elementor-nav-menu--main a{
    font-size: 0.9rem;
    text-transform: uppercase !important;
    text-decoration: none !important;
    padding-top: 10px;
    padding-bottom: 10px;
}
#stickyheaders .elementor-nav-menu a:hover{
    color: #ffffff !important;
    background-color: #3F444C !important;
    text-decoration: none !important;
}
*/

/*hamburguesa
#stickyheaders #idm-sticky-icon-hamburger a{
    background-color: #ffffff !important; 
    fill: #2b2b2b !important;
    font-size: 1.8em !important;
    padding-top: 15px;
    padding-right: 10px !important;
    padding-bottom: 15px;
    padding-left: 30px;
    border: none !important;
    margin-top: -7px !important;
}*/

/*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;
}
/*icono carrito
#stickyheaders #idm-sticky-cart{
    margin-top: -7px;
}
#stickyheaders #idm-sticky-cart .elementor-button{
    background: none !important;
    border: 0px !important;
}
#stickyheaders #idm-sticky-cart a svg{
    fill: #2b2b2b !important;
    font-size: 1em !important;
}*/

/*lupa buscar search
#idm-sticky-search .e-font-icon-svg-container{
    background: none !important;
}
#idm-sticky-search .e-font-icon-svg-container svg{
    transform: unset;
    fill: #2b2b2b !important;
    font-size: 1.3em !important;
}*/



/*submenu*/
/*quita la flecha de submenu aunque en eleentor le hayasmo dicho que no la queremos
.elementor-nav-menu .sub-arrow {
    display: none !important;
}*/
#stickyheaders .sub-menu a{
    background-color: #ffffff !important;
}
/*
#stickyheaders .sub-menu a:hover{
    background-color: #ffffff !important;
}
*/
/*items del submenu y el padre de ellos*/
#stickyheaders .elementor-item-active{
   /* color: #000000 !important;*/
    background-color: #e7e7e7 !important;
}
#stickyheaders .sub-menu .elementor-item-active, #stickyheaders .current-menu-ancestor > a{
    /*color: #000000 !important;*/
    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;
}

/*BOTON CERRAR
#elementor-popup-modal-80828 .dialog-close-button .eicon-close, #elementor-popup-modal-80828 .dialog-close-button .eicon-close{
    fill: #2b2b2b !important;
    font-size: 2em !important;
}
#idm-menu-canvas{
    margin-bottom: 100px;
}

#idm-menu-canvas ul li{
    margin-bottom: 0px !important; 
}*/

/*
#idm-menu-canvas .elementor-sub-item:hover {
    background-color: yellow !important;
    color: #ffffff !important;
}
*/
/*para queitar 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 a{
   color: #666666 !important;
  /* font-size: 0.9rem;
   border: none !important;*/
}
#idm-menu-canvas .elementor-nav-menu--main ul li a:hover{
    text-decoration: none !important;
    background-color: #e3e3e3 !important;
}

/*el submenu*/
/*SUBMENU CANVAS mostrar desplegados los submenus*/
#idm-menu-canvas .menu-item-has-children .sub-menu {
    display: contents!important;
}
/*ABUELOS
#idm-menu-canvas a{
    padding-left: 3px;
    text-decoration:  none;
    text-transform: uppercase !important;
    margin-top: 2px;    
}*/
/*PADRES
#idm-menu-canvas .sub-menu a{
    padding-top: 6px !important; 
    padding-left: 8px !important;
    text-decoration:  none !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;
}
/*QUITA EL ENLACE A LOS DOS ITEMS PRINCIPALES QUE ESTÁN ABIERTOS
#idm-menu-canvas a[title="Tienda online"]:hover, #idm-menu-canvas a[title="Nuestro catálogo de Azulejos"]:hover{
    color: #b1b1b1 !important;
    background-color: #fff !important;
    margin-bottom: 10px;
}*/



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

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

/* elementor, add to cart, add to cart disabled 
.elementor-button, .single_add_to_cart_button, .disabled{
    font-size: 0.9rem !important;
    background-color: #333399 !important;
    border: 1px solid #333399 !important;
    color: #ffffff !important;
    border-radius: 5px !important;
    padding: 20px !important;
    text-decoration: none !important;
    font-weight: normal !important;
}
.elementor-button:hover, .single_add_to_cart_button:hover{
    background-color: #1773B1 !important;
    border: 1px solid #1773B1  !important;
    color: #fff !important;
}*/

/*botones carrito
#idm-carrito .e-apply-coupon{
    font-size: 1rem;
    background-color: #333399 !important;
    border: 1px solid #333399 !important;
    color: #ffffff !important;
    padding: 20px;
    font-weight: normal;
}
#idm-carrito .e-apply-coupon:hover{
    background-color: #1773B1 !important;
    border: 1px solid #1773B1  !important;
    color: #fff !important;
}

#idm-carrito .wc-proceed-to-checkout a{
    text-decoration: none !important;
}
#idm-carrito .checkout-button{
    font-size: 1rem;
    background-color: #333399 !important;
    border: 1px solid #333399 !important;
    color: #ffffff !important;
    padding: 20px;
    font-weight: normal;
}
#idm-carrito .checkout-button:hover{
    background-color: #1773B1 !important;
    border: 1px solid #1773B1  !important;
    color: #fff !important;
}*/
/*botone smenos importantes*/
/*cambiar dirección
#idm-carrito .shipping-calculator-button{
    color: #2b2b2b !important;
}
#idm-carrito .shipping-calculator-button:hover{
    color: #1773B1 !important;
}*/
/*actualizar dirección
#idm-carrito .shipping-calculator-form button{
    font-size: 1rem;
    background-color: #919191 !important;
    border: 1px solid #919191 !important;
    color: #fff !important;
    padding: 20px;
    font-weight: normal;
}
#idm-carrito .shipping-calculator-form button:hover{
    background-color: #e7e7e7 !important;
    border: 1px solid #e7e7e7 !important;
    color: #2b2b2b !important;
}*/

/*
.elementor-cta__button {
    background-color: #ffffff !important;
    border: 1px solid #2B3E81  !important;
    color: #2B3E81  !important;
    border-radius: 5px !important;
    padding: 20px;
    font-size: 1.2xxxxxxxx rem;   
}
.elementor-cta__button:hover{
    background-color: #2B3E81 !important;
    border: 1px solid #2B3E81 !important;
    color: #ffffff !important;
}
#idm-boton-a-presupuesto{
    margin-top: 75px;
}
#idm-boton-a-presupuesto .elementor-button{
    background-color: #ffa500 !important;
    border: 1px solid #ffa500  !important;
    color: #2B3E81  !important;
}
#idm-boton-a-presupuesto .elementor-button:hover{
    background-color: #ffffff !important;
    border: 1px solid #2B3E81  !important;
    color: #2B3E81  !important;
}
#idm-dos-botones {
    margin-top: 75px;
}


botones checkout
#submit_redsys_payment_form {
	padding-top: 12px !important;
	padding-bottom: 13px !important;
	background-color: #393185 !important;
	margin-right: 10px !important;
}
*/

button, .elementor-button{
    font-size: 0.8rem !important;
    font-weight: 300 !important;
    background-color: #666666 !important;
    border: 1px solid #666666 !important;
    color: #ffffff !important;
    /*border-radius: 5px !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*/

#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.8rem;
    }
}
#idm-cont-home #idm-h2-home h2{
    font-size: 2rem !important;
    /*font-weight: 900;*/
}


#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;
}




/*********************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 Y ETIQUETAS de productos y de posts*/

#idm-templ-cat-prod h1{
    font-family: "Cormorant Garamond", 'Times New Roman', serif;
    font-size: 3rem;
}





/*************** @SEARCH @BUSQUEDA
#idm-templ-busqueda{
    margin-top: 25px;
}
#idm-templ-busqueda .elementor-heading-title{
    border-bottom: 1px solid #2b2b2b;
    margin-top: 25px;
}
#idm-templ-busqueda .elementor-post__title a{
    text-decoration: none !important;
}
#idm-templ-busqueda .idm-templ-busqueda-loop{
    margin-top: 25px;
}*/

/*********************** @POSTS*/


/*********************** @WOOCOMMERCE*/
/* los botones están en @botones*/

/*#onsale @oferta 
span.onsale{
    background-color: #333399 !important;
    transform: rotateZ(-15deg) !important;
    padding: 19px !important;
    border-radius: 50% !important;
    margin: 0px !important; 
}*/
/*quitar el subrayado del enlace al precio final
.price ins{
    text-decoration: none !important;
}*/

/******************************** @LOOPS*/


/*********************** @PRODUCTOS*/



/*BOTÓN BOTON AÑADIR AL CARRITO*/
#idm-productos .elementor-widget-woocommerce-product-add-to-cart 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;
}
#idm-productos .elementor-widget-woocommerce-product-add-to-cart button:hover {
    background-color: #993333 !important;
    transition: all 0.3s ease !important;
}
a.add_to_cart_button:hover{
    color: #ffffff;
}

#idm-productos .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;
    text-align: center !important;
}
#idm-productos .button:hover {
    background-color: #993333 !important;
    transition: all 0.3s ease !important;
}

/*ventas cruzadas*/
#idm-productos .elementor-widget-woocommerce-product-upsell {
    margin-top: 30px;
}
#idm-productos .elementor-widget-woocommerce-product-upsell ul{
    margin-top: 30px;
}
#idm-productos .elementor-widget-woocommerce-product-upsell h2{
    color: #666666;
}
#idm-productos .elementor-widget-woocommerce-product-upsell h2:hover{
    text-decoration: underline !important;
}

/*el popup de de carrito de la derecha está en la sección @CARRITO*/


/*Precios*/
/*cuando no hay oferta*/
#idm-productos .woocommerce-Price-amount{
    color: #666666;
}
/*cuando hay oferta*/
#idm-productos del{
    color: #cc6666;
}
#idm-productos ins{
    text-decoration: none !important;
    font-weight: inherit !important;
    color: #666666;
}


/*acordeón de guía de tallas

/************ ACORDEONES EN FICHA DE PRODUCTO*/
/*para que se muestre el elemento de CALCULA TU TALLA
Se pone en el elemento del acordeón en la caja ID de CSS
ESTO HAY QUE INCLUIRLO TAMBIÉN EN LA FUNCIÓN idm_size_chart_shortcode
*/

#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;
}
/*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 /*.tc-mode-color*/ .radio-image-label{
    background-color: #000000 !important;
    color: #ffffff !important;
}




/*ETIQUETAS PRODUCTOS*/

/*RELACIUONADOS*/
/*#idm-productos-related{
    margin-bottom: 75px;
}*/



/*POUP DEL CARRITO QUE SE MUESTRA EN EL LATERAL*/
/*color de los botones
#stickyheaders #idm-sticky-cart .elementor-menu-cart__footer-buttons .elementor-button{
    font-size: 0.8rem !important;
    background-color: #333399 !important;
    border: 1px solid #333399 !important;
    color: #ffffff !important;
    padding: 10px;
    min-height: 70px !important;
    font-weight: normal !important;
    text-transform: uppercase !important;
}
#stickyheaders #idm-sticky-cart .elementor-menu-cart__footer-buttons .elementor-button:hover{
    background-color: #0c71c3 !important;
    border: 1px solid #0c71c3 !important;
    color: #ffffff !important;
}*/
/*fuente de subtotal
.widget_shopping_cart_content .elementor-menu-cart__subtotal {
    font-size: initial !important;
}*/
/*fuente de cada total
.elementor-menu-cart__product-price {
    color: #2b2b2b !important;
}*/

/*icono borrar item
.elementor-menu-cart__product-remove {
    border: 1px solid var(--remove-item-button-color,#2b2b2b) !important;
}*/
/*el aspa
.elementor-menu-cart__product-remove:before {
    background-color: #2b2b2b !important;
}
.elementor-menu-cart__product-remove:after {
    background-color: #2b2b2b !important;
}*/



/*@CARRITO*/

/*quizás estén en los botones*/

/*el CARRITO en popup derecho que aparece estando en la ficha de producto*/
.elementor-menu-cart__main{
    z-index: 9999 !important;
}
/*nombre producto*/
#stickyheaders #idm-barra-superior-de-menu .elementor-menu-cart__main .elementor-menu-cart__product-name a {
    color: #666666 !important;
    text-decoration: underline !important;
}
/*LAS OPCIONES OPTIONS*/
.elementor-menu-cart__main .tc-epo-metadata {
    display: block !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;     
    /*background-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;
}
.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;
}


/*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;
}
.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{
    color: #666666 !important;
}






/*********************** @CHECKOUT*/
/*los botones están en botones*/

/*enlace a política de privacidad
#idm-checkout .e-show-coupon-form, .woocommerce-privacy-policy-link, .woocommerce-terms-and-conditions-link{
    color: #2b2b2b !important;

/*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-4578 #moove_gdpr_cookie_info_bar{
    display: none !important;
}





/*********************** @FOOTER*/
/*SE OCULTA EL BANNER DE TIENES DUDAS EN LA PÁGINA DE CONTACTO*/
.page-id-610 #idm-banner-dudas-footer{
    display: none !important;
}

#idm-banner-dudas-footer{
    margin-top: 50px;
}
#idm-footer, #idm-footer-creditos{
    background-color: #f5f5f5;
}

#idm-footer a, #idm-footer-creditos a{
    color: #666666;
}
#idm-footer a:hover{
    text-decoration: underline;
    transition: all 0.3s ease !important;
}

#idm-footer{
    margin-top: 75px;
    padding-top: 50px;
}
/*

#idm-footer h3 {
    text-transform: uppercase !important;
}
    */
#idm-footer ul li a {
    padding: 10px 20px 10px 0px!important;
}
/*
@media(max-width: 767px){
    #idm-footer-logo{
        width: 60% !important;
    }
    #idm-footer-cards img{
        width: 60% !important;
    }
}*/
/*#idm-footer p, #idm-footer-creditos p{
    font-size: 16px;
    /*color: #fff;
}*/
/*#idm-footer a, #idm-footer-creditos a{
    font-size: 16px;
    color: #0c71c3 !important;
    padding: 10px 20px 10px 0;
}
#idm-footer a:hover, #idm-footer-creditos a:hover {
    color: #0c71c3 !important;
}*/