/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* ELIMINAR DIV  mal rollo PAG. INICIO **************************************************************************************  */
section #7c75993 { display: none; }

/* Enlaces del MENÚ en DOS LINEAS *******************************************************************************************************  */
@media (max-width: 1445px) {
.main-navigation li {
    /*width: 145px !important;*/
	padding-right: 6px;
	}
#menu-leanpio-2 .main-navigation li a {	
	line-height: 30px !important;
	}
#primary-menu a {
    LINE-HEIGHT: 1.2EM;
    /* text-transform: uppercase; 
     font-size: 19 px;*/
	}
.site-logo { margin-right: 60px !important; } /* ...margen para separar logo de los enlaces */
}
/* FIN Enlaces del MENÚ en DOS líneas */

/* MENÚ al utilizar SCROLL *******************************************************************************************************  */
#sticky-navigation { background-color: #fff; }

#sticky-navigation ul li > a {
    /*color: #0084b2;*/
   }
/* FIN MENÚ al utilizar SCROLL */

/* MENÚ en MOVIL *******************************************************************************************************  */

.main-navigation.offside {
   	width: 360px !important;
	 left: -360px !important;

	}
.offside--left.is-open, .offside-js--is-left .offside-sliding-element {
    transform: translate3d(280px,0,0) !important;
}
.slideout-overlay {background-color: rgba(0,0,0,.0) !important; 
	}

.main-navigation.slideout-navigation {
	background-color:#f2f2f2 !important;
}


.main-navigation .inside-navigation .main-nav > ul > li > ul.sub-menu > li > a{
	font-weight:500 !important;

}
.main-navigation .inside-navigation .main-nav > ul > li > ul.sub-menu > li.titulo > a{
	font-weight:900 !important;
}
.main-navigation .inside-navigation .main-nav > ul > li > ul.sub-menu > li.titulo:hover > a{
	color: #555555 !important;
}
.main-navigation .inside-navigation .main-nav > ul > li > ul.sub-menu > li.titulo2 > a{
	margin-top:20px;
	font-weight:900 !important;
}
.main-navigation .inside-navigation .main-nav > ul > li > ul.sub-menu > li.titulo2:hover > a{
	color: #555555 !important;
}


.main-navigation.slideout-navigation .main-nav > ul > li > a{
	margin-top:10px;
	line-height: 20px;
	font-weight:700 !important;
	background-color:  rgba(0,0,0,.0) !important;
	color:#555555 !important;
}

.main-navigation.slideout-navigation .main-nav > ul > li:hover > a{
	background-color:  rgba(0,0,0,.0) !important;
	font-weight:700 !important;
	color:#005878 !important;
}
.main-navigation.slideout-navigation .main-nav  > ul > li.current-menu-item > a:active{
	color:#0084b2 !important;
}
.main-navigation.slideout-navigation .inside-navigation .main-nav > ul > li > ul {
	background-color:  white !important;
}

.main-navigation.slideout-navigation .inside-navigation .main-nav > ul > li > ul > li > a{
	font-weight:500 !important;
	background-color:  rgba(0,0,0,.0) !important;
	color:#555555 !important;
	padding-left:20px;
}

.main-navigation.slideout-navigation .inside-navigation .main-nav > ul > li > ul > li:hover > a{
	background-color:  rgba(0,0,0,.0) !important;
	font-weight:500 !important;
	color:#005878 !important;
}


.main-navigation.slideout-navigation .inside-navigation .main-nav > ul > li > ul > li > ul > li > a{
	font-weight:700 !important;
	background-color:  rgba(0,0,0,.0) !important;
	color:#808080 !important;
	padding-left:40px;
}

.main-navigation.slideout-navigation .inside-navigation .main-nav > ul > li > ul> li > ul > li:hover > a{
	background-color:  rgba(0,0,0,.0) !important;
	font-weight:700 !important;
	color:#005878 !important;
}
.main-navigation.slideout-navigation .inside-navigation .main-nav > ul > li > ul > li.titulo:hover > a{
	font-weight:900 !important;
}
.main-navigation.slideout-navigation .inside-navigation .main-nav > ul > li > ul > li.titulo2:hover > a{
	font-weight:900 !important;
}

.main-navigation.slideout-navigation .inside-navigation .main-nav > ul > li > ul > li > ul {
	background-color:  white !important;
}



@media (max-width: 800px){
	.inside-navigation.grid-container.grid-parent{
		display:none !important;
	}

.site-logo.mobile-header-logo img { 
	height: 50px !important; 
	display:none !important;
	} /* ...reducir logo un poco */

	
.sticky-enabled .main-navigation.is_stuck { 
	background-color: #ffffff; 
	}
	
}

.slideout-navigation.main-navigation .main-nav ul li a {
	font-size: 16px !important;
	margin-left: 45px !important;
}
.menu-item-has-children .dropdown-menu-toggle {
    padding-right: 0px;
}

.main-navigation li { padding-bottom: 0 !important;}

.main-navigation .main-nav ul ul li a {
    padding: 5px 7px 5px 7px;
}

.titulo{
	font-weight:700;
	text-decoration-style:none !important;
	text-decoration:none !important;
}

/* FIN MENÚ en MOVIL */

/* *** FORMULARIO CONTACTO en COLUMNAS identicas ***************************************************************************************  */
#responsive-form{
	max-width:1000px; /*	-- cambiar para conseguir el ancho deseado --*/
	margin:0 auto;
	width:100%;
}
.form-row{
	width: 100% !important;
}
.column-half, .column-full, .column-3{
	float: left;
	position: relative;
	padding: 0px 10px;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin:0 !important;

}
.form-row input, select, textarea{
	border-radius: 5px !important;
	font-family: Montserrat;
	font-size: 14px;
	border: none !important;
	margin-top: 5px;
}

.form-row select{
	appearance: none;

	padding: 10px 15px !important;
	margin: 0;
	width: 100%;
	font-family: Montserrat;
	font-size: 14px;
	cursor: inherit;
	border-radius: 5px !important;
	border: none !important;
	margin-top: 5px;
}


.form-row select, textarea{
	background-color: #ffffff !important;
	display: flex !important;
	min-height: 100% !important;
	width: 100% !important;
}
.form-row textarea{
	height: 100px !important;
}

.form-row a{
	color: #ffffff !important;
	font-weight:700 !important;
}
.form-row a:hover{
	color: #e2e2e2 !important;
}

.form-row .boton{
	display: block !important;
	text-align: center !important;
}
.form-row .boton .wpcf7-spinner{
	display: block !important;
	text-align: center !important;

}

.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

select{
	box-shadow: none !important;
	outline: none !important;
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%22222260'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: center right 3% !important;
	cursor: pointer !important;
}

.new_form .form-row{
	width: 100% !important;
	margin:0 !important;

}

.new_form .form-row select{
	appearance: none;

	padding: 5px 15px !important;
	margin: 0;
	width: 100%;
	font-family: Montserrat;
	font-size: 14px;
	cursor: inherit;
	border-radius: 5px !important;
	border: 1px solid #222222 !important;
	margin-top: 2px;
}

.new_form .form-row select:hover{

	border: 1px solid #000000 !important;

}
.new_form .form-row input, select, textarea{
	padding: 5px 15px !important;
	border-radius: 5px !important;
	border: 1px solid #222222 !important;
	margin-top: 2px;
}

.new_form .form-row select, textarea{
	background-color: #ffffff !important;
	display: flex !important;
	min-height: 100% !important;
	width: 100% !important;
}

.new_form .form-row a span{
	color: #222222 !important;
	font-weight:400 !important;
	text-decoration:underline;
}
.new_form .form-row a span:hover{
	color: #003D52 !important;

}




/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) { 
	.column-half{
		width: 33.3% !important; /* DATO para DIVIDIR EL FORMULARIO en columnas identicas */
	}
	.column-3{
		width: 50% !important; /* DATO para DIVIDIR EL FORMULARIO en columnas identicas */
	}
}


@media (max-width: 425px){ 
	#responsive-form .column-full, 
	#ForBoletin input[type=email],
	#ForBoletin input[type=submit] {font-size: 16px;}
	
	#responsive-form .column-full { text-align: left;}
	.noMovil {
		display: none !important; /* DIV que no aparece en versión movil */ 
	}


}

@media (min-width: 425px){ 
	.soloMovil {
		display: none !important; /* DIV que SOLO aparece en versión movil */
	}
	.form-row input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea{
		width:100% !important;
	}

}




/**---------------- MAQUETACION ----------------**/

.button, input[type="submit"]{
    color: #ffffff !important;
	background-color: #0084b2 !important  ;
    border-radius: 4px !important;
	border: 1px white solid !important;
    /*  -webkit-box-shadow: rgb(2 62 83 / 100%) 0px !important; */
	-webkit-box-shadow: none !important;
	padding: 10px 30px !important;
	}
input[type="submit"]:hover {
		color: #0084b2 !important;
		background-color: white !important;
		border: 1px white solid !important;
		/*transition: .2s background-color ease-in-out; */
			}
input[type="submit"]:active {
		background-color: #f0f0f0 !important;
		border: 1px #f0f0f0 solid !important;
			}

input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    border-radius: 5px !important;
	background-color: white !important;
    padding: 10px 15px !important;
    max-width: 100% !important;
}
label { 
	color: #FFFFFF;
	line-height: 1; 
}

.new_form input[type="submit"]{
    color: #003D52 !important;
	background-color: white !important  ;
    border-radius: 4px !important;
	border: 1px white #003D52 !important;
    /*  -webkit-box-shadow: rgb(2 62 83 / 100%) 0px !important; */
	-webkit-box-shadow: none !important;
	padding: 10px 30px !important;
	}

.new_form .boton_ancho input[type="submit"]{
	width:100% !important;
}
.new_form .boton_ancho{
	width:100% !important;
}

.new_form input[type="submit"]:hover {
		color: #0084B2 !important;
		background-color: white !important;
		border: 1px solid #0084B2 !important;
		/*transition: .2s background-color ease-in-out; */
			}
.new_form input[type="submit"]:active {
		color: #2596BD !important;
		background-color: white !important;
		border: 1px solid #2596BD !important;
		/*transition: .2s background-color ease-in-out; */
			}

.new_form input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea{
    border-radius: 5px !important;
	font-family: Montserrat;
	font-size:14px;
	color: #222222;
	border: 1px #222222 solid;
    max-width: 100% !important;
}
.new_form input[type=email]:hover, input[type=number]:hover, input[type=password]:hover, input[type=search]:hover, input[type=tel]:hover, input[type=text]:hover, input[type=url]:hover, textarea:hover {
    border-radius: 5px !important;
	border: 1px #000000 solid !important;
    max-width: 100% !important;
}

.new_form label { 
	color: #222222;
	line-height: 1; 
}

.new_form .boton_azul input[type="submit"]{
    color: white !important;
	background-color: #003D52 !important  ;
    border-radius: 4px !important;
	border: none !important;
    /*  -webkit-box-shadow: rgb(2 62 83 / 100%) 0px !important; */
	-webkit-box-shadow: none !important;
	padding: 10px 30px !important;
	}


.new_form .boton_azul input[type="submit"]:hover {
		color: white !important;
		background-color: #0084B2 !important;
		border: none !important;
		/*transition: .2s background-color ease-in-out; */
			}
.new_form .boton_azul input[type="submit"]:active {
		color: white !important;
		background-color: #2596BD !important;
		border: none !important;
		/*transition: .2s background-color ease-in-out; */
			}

.wpcf7-not-valid-tip, .wpcf7-response-output {
	color: #003D52;
	border-color:#003D52 !important;

 	margin: 12px 0 0 !important; /* conserva el margen superior cuando aparezca */
} 

/* Muéstralo solo cuando CF7 tenga algo que decir */
#responsive-form .wpcf7-response-output:not(:empty),
#responsive-form .wpcf7-form.sent  .wpcf7-response-output,
#responsive-form .wpcf7-form.invalid .wpcf7-response-output,
#responsive-form .wpcf7-form.spam .wpcf7-response-output,
#responsive-form .wpcf7-form.failed .wpcf7-response-output,
#responsive-form .wpcf7-form.aborted .wpcf7-response-output{
	display: inline-block !important;
  	padding: 15px 15px !important;   /* el mismo relleno de antes */
}

/* color CAMPO OBLIGATORIO */


.form-row .column-full a span {color: #fff;} /* color blanco para enlace a pag.Politica de Privacidad*/
.form-row .column-full a span:hover {text-decoration: underline;}




.gb-container-2f0cf445 > .gb-inside-container{
	width:1200px !important;

}
.gb-container-1e0b5c60 > .gb-inside-container{
	padding:0px !important;
}
.gb-container-1e0b5c60{
	margin: 0px !important;
}
.wp-show-posts-columns#wpsp-2276{
	justify-content: center!important; /* Centra horizontalmente */
}
#wpsp-2276{
	width: 1200px!important;
	justify-content: center!important; /* Centra horizontalmente */
}

.wp-show-posts-image{
	max-width: 300px !important;
	height: 150px !important;
	
}
.wp-show-posts-image a{
	display: block !important; /* Asegura que el enlace ocupe todo el espacio */
	width: 100% !important !important; /* Ajusta el ancho de la imagen */
	height: 100% !important; /* Ajusta la altura de la imagen */
	overflow: hidden !important; /* Oculta las partes de la imagen que no caben */
}
.wp-show-posts-image a img{
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}

.wp-show-posts-read-more{
    color: #0084b2 !important;
	border: none !important;
	font-size:12pt !important;
	margin:0px !important;
	padding: 0px !important;
	background-color:none !important;
	-webkit-box-shadow: none !important;
	text-decoration: underline!important;
	margin: 10px 20px 20px 20px !important;
}
.wp-show-posts-read-more:hover {
	color: #2596BD !important;
	background-color:none !important;
	background:none !important;
}
.wp-show-posts-read-more:active {
	color: #2596BD !important;
	background-color:none !important;
}

.wp-show-posts-entry-summary{
	margin: 20px 20px 10px 20px !important;
}
.wp-show-posts-entry-header{
	margin: 20px!important;
}
.wp-show-posts-entry-title{
	font-size: 12pt !important;
}

.wp-show-posts-inner{
	margin: 20px!important;
	
}

.wpsp-read-more{
	background-color:none !important;
}
.wp-show-posts-inner{
	background-color: #f0f0f0;
	border:1px #cccccc solid;
	margin:10px;
}

/* 1. Cada tarjeta individual: forzamos misma altura en todas */
.wp-show-posts .wp-show-posts-single {
    display: flex !important;
    flex-direction: column !important;
    min-height: 400px !important; /* AJUSTA esto hasta que todas queden igual de altas */
    box-sizing: border-box;
}

/* 2. La imagen de arriba no debe deformar nada */
.wp-show-posts .wp-show-posts-image,
.wp-show-posts .wp-show-posts-entry-image {
    flex-shrink: 0 !important;
    width: 100%;
    display: block;
}

/* 3. El bloque gris de debajo de la imagen (texto de la card) */
.wp-show-posts .wp-show-posts-inner {
	position: relative;
    flex: 1 1 auto !important;        /* ocupa todo el espacio restante bajo la imagen */
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box;

}

/* 4. Dentro de esa caja gris, el contenido principal (título, categorías, leer más...) */
.wp-show-posts .wp-show-posts-entry-content {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
}

/* 5. Este es el bloque que contiene TÍTULO y CATEGORÍAS juntos.
      Lo invertimos para que las categorías aparezcan POR ENCIMA del título. */
.wp-show-posts .wp-show-posts-entry-header {
    display: flex !important;
    flex-direction: column-reverse !important;
	margin-top:0 !important;
}

/* 6. El título ahora va debajo visualmente */
.wp-show-posts .wp-show-posts-entry-title{
    line-height: 1;
    color: #000000 !important; 
}

/* 7. Las categorías (meta) ahora quedan arriba del título */
.wp-show-posts .wp-show-posts-meta,
.wp-show-posts .wp-show-posts-entry-meta {
    font-size: 0.95rem;
    line-height: 1;
	margin: 0 0 1em 0 !important;
    color: #2596BD !important;
}

.wp-show-posts .wp-show-posts-meta a:link,
.wp-show-posts .wp-show-posts-meta a:visited,
.wp-show-posts .wp-show-posts-entry-meta a:link,
.wp-show-posts .wp-show-posts-entry-meta a:visited {
    color: #2596BD !important;

}

/* Si quieres que el título (que también es un enlace) sea azul siempre */
.wp-show-posts .wp-show-posts-entry-title a:link,
.wp-show-posts .wp-show-posts-entry-title a:visited {
    color: #000000 !important;
}


/* 9. El enlace "Leer más" va AL FONDO de la tarjeta */
.wp-show-posts .wp-show-posts-read-more,
.wp-show-posts .more-link,
.wp-show-posts a.read-more {
    position: absolute;
    left: 0px;      /* alinea con el padding izquierdo de .wp-show-posts-inner */
    right: 10px;     /* opcional: si quieres que ocupe todo el ancho; si no, bórralo */
    bottom: 10px;    /* lo pega al borde inferior interno */
    margin: 0;
    display: inline-block;
}

/* FIN FORMULARIO CONTACTO en COLUMNAS identicas */

/* Quitar la flecha extra que añade Elementor (pseudo-elementos) */
.lp-lang-form .elementor-select-wrapper::after,
.lp-lang-form .elementor-select-wrapper::before,
.lp-lang-form .elementor-field-type-select .elementor-select-wrapper::after,
.lp-lang-form .elementor-field-type-select .elementor-select-wrapper::before{
  content: none !important;
  display: none !important;
}

/* Quitar cualquier icono real que Elementor meta dentro del wrapper */
.lp-lang-form .elementor-select-wrapper i,
.lp-lang-form .elementor-select-wrapper svg,
.lp-lang-form .elementor-select-wrapper .eicon,
.lp-lang-form .elementor-select-wrapper [class*="caret"],
.lp-lang-form .elementor-select-wrapper [class*="arrow"]{
  display: none !important;
}

/* Quitar fondos “flecha” que Elementor pueda meter al wrapper */
.lp-lang-form .elementor-select-wrapper{
  background-image: none !important;
}
/* FAQ's *************************************************************************************** */
.gb-container .accordion {font-size: 19px !important;}
.panel p:first-child, .panel p, .panel ul li { font-size: 17px !important;}

/* FIN faQ's */


/* IMAGEN en Widgets *************,ul li************************************************************************** */
.wp-image-1722 {
	width: 100px;
    margin: auto; 
    display: block;
}
.textwidget p a img:hover {opacity: 75%; }

/* FIN Centrar imagen en Widgets */

/* Formulario CALCULADORA CO2 ************************************************************************* */
.paxxoUserinputImageWrapper {display: none; }
.paxxoUserinputLabel { font-size: 18px; color: #000 !important; }
.paxxoGuideBoxLink {    font-size: 17px; }
.gb-container-1a8eb311 { background-color: #EEF2F3 !important; }
.paxxoUserinputMegaWrapper {margin: 0 auto; }

hr.paxxoDontPrint  { display: none !important; }

form .paxxoDoPrint {min-width: 150px !important; }

@media screen and (min-width: 940px) {
	.paxxoUserinputTable{width: 850px;}
	.paxxoUserinputMegaWrapper { width: auto !important; }
	.paxxoUserinputRow {width: 800px;}
	.paxxoUserinputLabelCell {width: 630px;}
	.paxxoUserinputBoxCell{width: 50px;}
}
@media screen and (max-width: 768px) {
	form .paxxoDoPrint {min-width: 100px !important; }
}

@media screen and (max-width: 509px) {
.paxxoUserinputBoxCell {
	width: 285px;}
input.paxxoUserinputBox {
	width: 285px !important;
	}

}


/*
.paxxoUserinputMegaWrapper { width: auto; }
	.paxxoUserinputBoxCell {width: 100% !important;}


.paxxoUserinputTable, .paxxoUserinputRow {width: 1200px !important ; }
.paxxoUserinputLabelCell {width: 1000px !important; }


.paxxoUserinputGuideRow {float: ridge; width: 1000px; }



*/

/* FIN CALCULADORA CO2 */


/* PLUGIN blog WP-SHoW-POST ****************************************************************************************
 * --> para añadir entradas en las páginas ************************************************************************* */
.wp-show-posts .wp-show-posts-entry-title {
        font-size: 21px;
}

/* Ocultar YARPP completo en todas las páginas /pl */
html[lang^="pl"] .yarpp.yarpp-related {
  display: none !important;
}

/* FIN PLUGIN blog WP-SHoW-POST */

/* PLUGIN blog "Yet Another Related Posts Plugin (YARPP)"  */
.yarpp-thumbnails-horizontal {text-align: center;}

/* FIN PLUGIN blog "Yet Another Related Posts Plugin (YARPP)"  */

/* WIDGET del blog **************************************************************************************** */
.buscar-blog .wp-block-search__button { background: #63a70a;}
#search-icon {fill: #fff; }

/* fin WIDGETS del blog **************************************************************************************** */


/* FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER  **************************************************************************************** */ 
.icono-footer .gb-button { text-align: left !important; }

@media (max-width: 480px){
.botonEnvio input[type="submit"] {padding: 4px 70px !important;}
}

.site-footer {
    border-top: none !important;
}

/* fin FOOTER */


/* ************************************************************************************************************** */
/* ESTILOS ESTILOS ESTILOS ESTILOS ESTILOS ESTILOS  */
/* ESTILOS ESTILOS ESTILOS ESTILOS ESTILOS ESTILOS  */

.LEANpio-link-azul h3 a:hover { color: #0084B1 !important; }
.LEANpio-link-verde h3 a:hover { color: #61a830 !important; }

.texto-justificado {text-align: justify !important;}

.vinetasLEANpio {line-height: 1.6;}
.vineta-IZQ {text-align: left !important; }


.txtBlanco a { color: #fff !important; }

/* FIN  ESTILOS ESTILOS ESTILOS ESTILOS ESTILOS  */


/* PAGINAS PAGINAS PAGINAS PAGINAS PAGINAS PAGINAS PAGINAS PAGINAS PAGINAS PAGINAS PAGINAS PAGINAS PAGINAS PAGINAS PAGINAS PAGINAS PAGINAS PAGINAS PAGINAS PAGINAS PAGINAS PAGINAS PAGINAS PAGINAS PAGINAS PAGINAS PAGINAS PAGINAS PAGINAS PAGINAS PAGINAS PAGINAS PAGINAS PAGINAS PAGINAS PAGINAS PAGINAS PAGINAS PAGINAS PAGINAS PAGINAS PAGINAS PAGINAS PAGINAS PAGINAS PAGINAS PAGINAS PAGINAS PAGINAS PAGINAS PAGINAS PAGINAS */

/* ************************************************************************************************************** */
/* pagina GESTION DE RESIDUOS */

.post-1974 .gb-button-text {text-align: left; }

/* ACORDEON desplegable  **************************************************************************************** */ 
.accordion {
  background-color: #0084b2;
  color: #fff;
  cursor: pointer;
  padding: 18px;
	margin-bottom: 20px;
    line-height: 1.2em;
    font-weight: 400;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 25px;
  transition: 0.4s;
}

.active, .accordion:hover {
  background-color: #15a4d3;
}

.accordion:after {
  content: '\002B';
  color: #fff;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
	color: #fff;
}

.panel {	
  padding: 0 25px;
  background-color: #ffffffe0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.panel p:first-child {
  font-size: 19px;
	padding: 25px 6px 0px;
}

.panel li {
  list-style-type: circle;
}

@media (max-width: 480px){
#post-1974 .accordion { font-size: 20px; }
}

/* FIN ACORDEON */

/* *** FIN pagina GESTION DE RESIDUOS */


/* ************************************************************************************************************** */
/* pagina COMPACTADORAS DE RESIDUOS */
/* caja BOTONES productos  **************************************************************************************** */ 

	@media (min-width: 1200px) {
   #botonera-compactadoras {
        position: -webkit-sticky;
        position: sticky;
        top: 90px;
	   height: auto;	
	  
    }
}
/* FIN pagina COMPACTADORAS DE RESIDUOS */

/* ************************************************************************************************************** */
/* pagina COMPOSTADORES INDUSTRIALES */
/* TABLA  **************************************************************************************** */ 

.tabla-compostadores table { text-align: center;}
.tabla-compostadores table, th, td { border: 1px solid black;}
.tabla-compostadores  th {
  background-color: #61a830;
  color: white;
}
.tabla-compostadores td:first-child {font-weight: bold; }

/* TABLA responsive para MOVIL */
/*El ancho máximo antes de que esta tabla PARTICULAR se vuelva desagradable. Esta consulta tendrá efecto para cualquier pantalla de menos de 760 px y también para iPads específicamente.
  */
  @media (max-width: 480px)

   /* only screen 
    and (max-width: 760px), (min-device-width: 768px) 
    and (max-device-width: 1024px) */ {

/* Forzar la tabla para que ya no sea como tablas */
    table, thead, tbody, th, td, tr {
      display: block;
    }

    /* Ocultar encabezados de tabla (pero no mostrar: ninguno ;, para accesibilidad) */  .tabla-compostadores tr:first-child { display: none;}
    thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px;
    }

    tr {margin: 0 0 1rem 0; }      
   
.tabla-compostadores  td:first-child {
  background-color: #61a830;
  color: white;
	}
.tabla-compostadores td::before {
	font-weight: bold !important; 
	text-align: left;	
	padding: 8px;
	}
    
    td {
      /* Comportarse como una "fila" */
      border: none;
      border-bottom: 1px solid #eee;
      position: relative;
      padding-left: 50%;
    }

    td:before {
      /* Ahora como un encabezado de tabla */
      position: absolute;
      /* Los valores superior / izquierdo imitan el relleno */
      top: 0;
      left: 6px;
      width: 45%;
      padding-right: 10px;
      white-space: nowrap;
    }



/* fin TABLA responsive para MOVIL */



/* FIN pagina COMPOSTADORES INDUSTRIALES */

/* ************************************************************************************************************** */
/* pagina LEGALES */
.paginasLegales ol, ul {
    margin: 0 0 1em 1em;
}



/* ***************************** */
/* pagina BLOG */
/* ***************************** */
/* posición "absoluta" del MENU  **************************************************************************************** */ 
/* ...para que la foto de cabecera se suba por debajo del menu en la pagina del BLOG 
blog #site-navigation {position: absolute !important;}*/
/*.site-logo { margin-right: 250px; }  ...margen para separar logo de los enlaces */





/* Creación de un MEGA MENU simple **************************************************************************************** 
@media (min-width: 769px) {
    nav .main-nav .mega-menu {
        position: static;
    }

    nav .main-nav .mega-menu > ul {
        position: absolute;
        width: 100%;
        left: 0 !important;
        display: flex;
        flex-wrap: wrap;
    }

    nav .main-nav .mega-menu > ul > li > a {
        font-weight: bold;
    }

    nav .main-nav .mega-menu>ul>li {
        display: inline-block;
        width: 25%;
        vertical-align: top;
    }

    nav .main-nav .mega-menu.mega-menu-col-2>ul>li {
        width: 50%;
    }

    nav .main-nav .mega-menu.mega-menu-col-3>ul>li {
        width: 33.3333%;
    }

    nav .main-nav .mega-menu.mega-menu-col-5>ul>li {
        width: 20%;
    }

    nav .main-nav .mega-menu > ul > li:hover > a,
    nav .main-nav .mega-menu > ul > li:focus > a,
    nav .main-nav .mega-menu > ul > li[class*="current-"] > a,
    nav .main-nav .mega-menu ul ul {
        background-color: transparent !important;
        color: inherit;
    }

    nav .main-nav .mega-menu ul .sub-menu {
        position: static;
        display: block;
        opacity: 1;
        visibility: visible;
        width: 100%;
        box-shadow: 0 0 0;
        left: 0;
        height: auto;
    }

    nav .main-nav .mega-menu ul.toggled-on .sub-menu {
        pointer-events: auto;
    }

    nav .main-nav .mega-menu .sub-menu .menu-item-has-children .dropdown-menu-toggle {
        display: none;
    }
}
/* FIN Creación de un mega menú simple */

/* Para ocultar bloques */
.hide-this { display: none; }

/* Imagen de calculadora que no se haga muy grande */
.img-save-co2 {
	max-width: 200px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.elementor-801 .elementor-element.elementor-element-902000e {
	padding: 0px 0px 0px 0px !important;
}