/*
Theme Name: Dorlet Waste
Theme URI: https://dorletwaste.com/
Description: Child theme for Dorlet Waste based on Hello Elementor.
Author: Dorlet Waste
Template: hello-elementor
Version: 1.0.0
Text Domain: dorlet-waste
*/

body,html{
		width: 100%;
		overflow-x: hidden;
}
.carrousel-logos img {
				filter: grayscale(200) brightness(20000);
				transition: filter 0.3s ease;
				height: 24px !important;
}

.carrousel-logos img:hover {
				filter: grayscale(0%);
}
/* Layout de categorías */
.blog-categories-loop .elementor-post-info__terms-list{
	display:flex;
	flex-wrap:wrap;
	gap:8px;

	/* mata el nodo de texto ", " */
	font-size:0;
	line-height:0;
}

/* Cada categoría como botón */
.blog-categories-loop .elementor-post-info__terms-list-item{
	font-size:13px;      /* restaurar tipografía */
	line-height:1;
	display:inline-block;

	padding:6px 12px;
	text-decoration:none;

	background:#f2f2f2;
	border:1px solid #e2e2e2;
	border-radius:999px;

	color:#333;
	transition:all .2s ease;
}

.blog-categories-loop .elementor-post-info__terms-list-item:hover{
	background:#333;
	border-color:#333;
	color:#fff;
}

.blog-categories-loop  a  {
				font-size:12px !important;
				margin-right:5px !important;
}

.gtranslate_wrapper{
				background:none;
				border:1px solid #85A488;
				border-radius:1000px;
				padding:7px 15px;

}
.gtranslate_wrapper a{
						font-family: "Quicksand", Sans-serif;
		font-size: 14px;
		font-weight: 300;
				color:white !important;
}
.gtranslate_wrapper .notranslate{

				display:none;
} 
.gtranslate_wrapper .gt-current-lang{
display:inline-block;
} 
@media(max-width:700px){
				.gtranslate_wrapper .notranslate{
margin-left:10px;
				display:inline-block !important;

} 
				.gtranslate_wrapper .gt-current-lang{
								background:#85A488;
								padding:8px;
								border-radius:10000px;

} 
				.gtranslate_wrapper{
				background:none;
				border:0px solid #85A488;
				border-radius:1000px;
				padding:7px 15px;


}
}


/* Contenedor pill */
.wpml-ls-legacy-list-horizontal {
	border: 2px solid #85A488;
	border-radius: 999px;
	padding: 6px 8px;
	display: inline-flex;
	align-items: center;
	background: transparent;
}

/* UL */
.wpml-ls-legacy-list-horizontal ul {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
}

/* LI */
.wpml-ls-legacy-list-horizontal li {
	list-style: none;
	margin: 0 2px !important;
	padding: 0;
				position:relative;
}
.wpml-ls-legacy-list-horizontal li:after {
	position:absolute;
				top:-2px;
				right:-9px;

}
/* Links */
.wpml-ls-legacy-list-horizontal a {
	font-weight: 600;
	font-size: 14px;
	color: #fff !important
	text-decoration: none;
	padding: 2px 6px;
	transition: opacity 0.2s ease;
}
.wpml-ls-legacy-list-horizontal a span {
				color:white;
}
/* Separador / */
.wpml-ls-legacy-list-horizontal li:not(:last-child)::after {
	content: " / ";
	color: #85A488 !important;
	margin: 0 4px;
}

/* Idioma activo */
.wpml-ls-current-language a {
	color: #ffffff !important
}

/* Hover */
.wpml-ls-legacy-list-horizontal a:hover {
	opacity: 1;
}


/* =====================================================
	 FORMULARIO GRAVITY FORMS - COLOR CORPORATIVO #85A488
===================================================== */

/* Fondo general */
#gform_wrapper_2 {

}

/* Labels */
#gform_wrapper_2 .gfield_label,
#gform_wrapper_2 legend {
	color: #85A488;
	font-weight: 600;
}

/* Inputs */
#gform_wrapper_2 input[type="text"],
#gform_wrapper_2 input[type="email"],
#gform_wrapper_2 input[type="tel"],
#gform_wrapper_2 input[type="number"],
#gform_wrapper_2 input[type="password"],
#gform_wrapper_2 textarea,
#gform_wrapper_2 select {
	border: 2px solid #85A488;
	border-radius: 8px;
	padding: 12px;
	background: #ffffff;
	transition: all 0.3s ease;
}

/* Focus */
#gform_wrapper_2 input:focus,
#gform_wrapper_2 textarea:focus,
#gform_wrapper_2 select:focus {
	outline: none;
	border-color: #6f8f76;
	box-shadow: 0 0 0 3px rgba(133, 164, 136, 0.25);
}

/* Botón */
#gform_wrapper_2 .gform_button {
	background-color: #85A488;
	color: #ffffff;
	border: none;
	padding: 14px 28px;
	border-radius: 8px;
	font-weight: 600;
	transition: all 0.3s ease;
}

/* Hover botón */
#gform_wrapper_2 .gform_button:hover {
	background-color: #6f8f76;
	transform: translateY(-1px);
	cursor: pointer;
}

/* Asterisco obligatorio */
#gform_wrapper_2 .gfield_required {
	color: #85A488;
}

/* =====================================================
	 VALIDACIONES / ERRORES
===================================================== */

/* Campo con error */
#gform_wrapper_2 .gfield_error input,
#gform_wrapper_2 .gfield_error textarea,
#gform_wrapper_2 .gfield_error select {
	border-color: #c94c4c;
	background: #fff5f5;
}

/* Mensaje de error */
#gform_wrapper_2 .validation_message {
	color: #c94c4c;
	font-size: 14px;
	font-weight: 500;
}

/* Caja superior de error */
#gform_wrapper_2 .gform_validation_errors {
	background: #fff5f5;
	border-left: 5px solid #c94c4c;
	padding: 15px;
	border-radius: 8px;
}

/* =====================================================
	 MENSAJE DE CONFIRMACIÓN (RESPONSE OK)
===================================================== */

#gform_confirmation_wrapper_2 {
	background: #f3f8f4;
	border: 1px solid #85A488;
	padding: 25px;
	border-radius: 12px;
	animation: fadeIn 0.4s ease-in-out;
}

#gform_confirmation_message_2 {
	color: #2f4f3a;
	font-size: 18px;
	font-weight: 600;
}

/* =====================================================
	 BARRA DE PROGRESO (si existe)
===================================================== */

#gform_wrapper_2 .gf_progressbar_percentage {
	background-color: #85A488 !important;
}

/* =====================================================
	 SPINNER
===================================================== */

#gform_wrapper_2 .gform_ajax_spinner {
	filter: hue-rotate(70deg) saturate(40%);
}

/* Animación suave */
@keyframes fadeIn {
	from {opacity: 0; transform: translateY(10px);}
	to {opacity: 1; transform: translateY(0);}
}

/* Aplica a cualquier elemento que tenga data-tooltip */
[data-tooltip] {
	position: relative;
	cursor: pointer;
}

/* Caja del tooltip */
[data-tooltip]::after {
	content: attr(data-tooltip);
	position: absolute;
	bottom: 130%; /* un poco más arriba para dejar espacio a la flecha */
	left: 50%;
	transform: translateX(-50%);
	min-width: 200px;
	max-width: 340px;
	text-align: center;
	background: #111;
	color: #fff;
	padding: 8px 12px;
	border-radius: 6px;
	font-size: 14px;
	white-space: normal;
	opacity: 0;
	transition: opacity 0.3s ease;
	pointer-events: none;
	z-index: 9999;
}

/* Flecha */
[data-tooltip]::before {
	content: "";
	position: absolute;
	bottom: 110%; /* justo debajo de la caja */
	left: 50%;
	transform: translateX(-50%);
	border-width: 6px;
	border-style: solid;
	border-color: #111 transparent transparent transparent;
	opacity: 0;
	transition: opacity 0.3s ease;
	z-index: 9999;
}

/* Mostrar */
[data-tooltip]:hover::after,
[data-tooltip]:hover::before {
	opacity: 1;
}