.llw-card__eu-item,
.llw-single__eu-box {
	border: 0;
	font: inherit;
	flex: 0 0 auto;
	box-sizing: border-box;
}
.llw-card__eu-item:not(.llw-card__eu-item--unevaluated),
.llw-single__eu-box:not(.llw-single__eu-box--unevaluated) {
	cursor: pointer;
}

/* Ruido: cuadrado verde (no círculo); misma altura y tipografía que C/B; "70 db" en una línea */
.llw-card__eu-item--noise,
.llw-single__eu-box--noise {
	flex-direction: row;
	border-radius: 3px !important;
	width: auto !important;
	min-width: 1.65rem !important;
	max-width: none !important;
	height: 1.65rem !important;
	min-height: 1.65rem !important;
	padding: 0 0.32rem !important;
	border: 1px solid rgba(22, 101, 52, 0.32) !important;
	background: #4ade80 !important;
	color: #fff !important;
	font-size: 0.68rem !important;
	font-weight: 800;
	line-height: 1;
	white-space: nowrap;
	letter-spacing: 0;
}

.llw-single__eu-box--noise {
	min-width: 1.85rem !important;
	height: 1.85rem !important;
	min-height: 1.85rem !important;
	font-size: 0.72rem !important;
	padding: 0 0.36rem !important;
}

.llw-card__eu-item--unevaluated,
.llw-single__eu-box--unevaluated {
	cursor: default;
	-webkit-tap-highlight-color: transparent;
}

.llw-eu-tip {
	position: relative;
}

.llw-eu-tip::after {
	content: attr(data-llw-eu-tip);
	position: absolute;
	z-index: 12;
	bottom: calc(100% + 7px);
	left: 50%;
	transform: translateX(-50%) translateY(4px);
	padding: 0.35rem 0.55rem;
	border-radius: 8px;
	background: #1f2937;
	color: #fff;
	font-size: 0.72rem;
	font-weight: 600;
	line-height: 1.2;
	white-space: nowrap;
	box-shadow: 0 8px 20px rgba(15, 23, 42, 0.18);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.16s ease, transform 0.16s ease, visibility 0.16s ease;
}

.llw-eu-tip::before {
	content: '';
	position: absolute;
	z-index: 12;
	bottom: calc(100% + 1px);
	left: 50%;
	transform: translateX(-50%);
	border: 5px solid transparent;
	border-top-color: #1f2937;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.16s ease, visibility 0.16s ease;
}

.llw-eu-tip:hover::after,
.llw-eu-tip:hover::before,
.llw-eu-tip:focus-visible::after,
.llw-eu-tip:focus-visible::before,
.llw-eu-tip.is-tip-visible::after,
.llw-eu-tip.is-tip-visible::before {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) translateY(0);
}

.llw-eu-tip:focus {
	outline: none;
}.llw-eu-modal[hidden] { display: none; }
.llw-eu-modal { position: fixed; inset: 0; z-index: 100001; display: grid; place-items: center; padding: 20px; }
.llw-eu-modal__backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.58); }
.llw-eu-modal__dialog { position: relative; z-index: 1; width: min(850px,100%); max-height: min(720px,calc(100vh - 40px)); overflow-y: auto; padding: 32px; background: #fff; border-radius: 26px; color: #303442; }
.llw-eu-modal h2 { margin: 0 35px 20px; color: #e30613; font-size: 1.35rem; text-align: center; }
.llw-eu-modal h3 { margin: 18px 0 8px; font-size: 1.15rem; }
.llw-eu-modal p { line-height: 1.55; }
.llw-eu-modal img { display: block; width: min(430px,100%); max-height: 220px; object-fit: contain; margin: 18px auto; }
.llw-eu-modal img[src=""] { display: none; }
.llw-eu-modal__close { position: absolute; z-index: 3; top: 14px; right: 14px; display:grid; place-items:center; width:36px; height:36px; padding:0; border:0; border-radius:50%; background:#ef233c; color:#fff; font-family:Arial,sans-serif; font-size:25px; font-weight:700; line-height:1; cursor:pointer; }
.llw-eu-modal__tabs { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; border-bottom: 1px solid #e5e7eb; padding-bottom: 12px; }
.llw-eu-modal__tabs button { display:grid; place-items:center; min-width:48px; height:42px; padding:0 12px; border:1px solid #d7dbe5; border-radius:8px; background:#fff; color:#3d4256; font-weight:800; cursor:pointer; }
.llw-eu-modal__tabs button[data-llw-eu-tab="fuel"] { border-color:#d9ad19; color:#8a6800; }
.llw-eu-modal__tabs button[data-llw-eu-tab="wet"] { border-color:#4c8ce9; color:#1760c6; }
.llw-eu-modal__tabs button[data-llw-eu-tab="noise"] { border-color:#27a95a; color:#167a3c; }
.llw-eu-modal__tabs button.is-active { color:#fff; background:#e30613; border-color:#e30613; }
.llw-eu-modal__more { border:1px solid #e30613; border-radius:999px; padding:9px 14px; background:#e30613; color:#fff; font-weight:700; cursor:pointer; }
.llw-eu-modal__content > div { display: none; }
.llw-eu-modal__content > div.is-active { display: block; }
.llw-eu-modal__more { display:block; margin:16px auto 0; }
.llw-eu-modal__more-content { margin-top: 16px; padding-top: 12px; border-top: 1px solid #e5e7eb; }
.llw-eu-modal.is-info .llw-eu-modal__tabs,
.llw-eu-modal.is-info .llw-eu-modal__content,
.llw-eu-modal.is-info .llw-eu-modal__more { display:none; }
.llw-eu-modal__more-content h3 { margin:24px 0 8px; font-size:1.2rem; }
.llw-eu-modal__more-content h4 { margin:18px 0 4px; font-size:1rem; }
.llw-eu-modal__more-content img { display:block; width:min(440px,100%); margin:18px auto; }
.llw-eu-modal__more-content img[src*="Frame-1984079102"] { width:160px; max-height:110px; object-fit:contain; }
@media (max-width: 600px) { .llw-eu-modal { padding: 12px; } .llw-eu-modal__dialog { max-height: calc(100vh - 24px); padding: 24px 18px; border-radius: 18px; } }
