/*
 * Fuente única de color: paleta global de Kadence.
 * 1 = principal, 2 = principal oscuro, 3 = títulos, 4 = texto,
 * 7/8 = superficies claras, 9 = blanco/superficie principal.
 */
[class*="wp-block-team-plususa-"] {
	--tp-brand: var(--global-palette1, #3ca200);
	--tp-brand-dark: var(--global-palette2, #174b05);
	--tp-heading: var(--global-palette3, #1d2227);
	--tp-copy: var(--global-palette4, #646d75);
	--tp-line: var(--global-palette6, #d8dfd3);
	--tp-soft: var(--global-palette7, #e9f7d5);
	--tp-softest: var(--global-palette8, #f5f7f3);
	--tp-surface: var(--global-palette9, #fff);
}

/* Variables internas de bloques anteriores. */
.tp-home-hero { --tp-accent: var(--tp-brand) !important; --tp-dark: var(--tp-heading) !important; --tp-body: var(--tp-copy) !important; --tp-warm: var(--tp-soft) !important; }
.tp-stats-strip { --tp-stats-green: var(--tp-brand) !important; --tp-stats-pale: var(--tp-soft) !important; --tp-dark: var(--tp-heading) !important; --tp-body: var(--tp-copy) !important; }
.tp-home-faq { --tp-faq-green: var(--tp-brand) !important; --tp-faq-pale: var(--tp-soft) !important; --tp-faq-dark: var(--tp-heading) !important; --tp-faq-body: var(--tp-copy) !important; }
.tp-about-media { --tp-about-green: var(--tp-brand) !important; }
.tp-about-team-intro { --tp-team-green: var(--tp-brand) !important; }
.tp-services-showcase { --tp-services-green: var(--tp-brand) !important; --tp-services-bg: var(--tp-brand-dark) !important; }
.tp-contact-form-section { --tp-form-accent: var(--tp-brand) !important; --tp-form-dark: var(--tp-heading) !important; --tp-form-body: var(--tp-copy) !important; }
.tp-application-form { --tp-app-green: var(--tp-brand) !important; --tp-app-pale: var(--tp-soft) !important; --tp-app-dark: var(--tp-heading) !important; --tp-app-body: var(--tp-copy) !important; }
.tp-contact-cards { --tp-contact-icon-color: var(--tp-brand) !important; }
.tp-internal-hero { --tp-inner-overlay: var(--tp-brand-dark) !important; }

.tp-internal-hero {
	background-color: var(--tp-brand-dark);
}



.tp-home-faq__question i {
	color: var(--tp-brand-dark);
}

/* Etiquetas y acentos. */
.tp-home-faq__eyebrow,
.tp-about-media__eyebrow,
.tp-about-team-intro__eyebrow,
.tp-application-form__eyebrow {
	border-color: color-mix(in srgb, var(--tp-brand) 55%, transparent);
	color: var(--tp-brand);
}

.tp-about-team-intro__counter strong,
.tp-about-team-intro__heading,
.tp-home-faq__eyebrow {
	color: var(--tp-brand);
}

/* Superficies, iconos y botones. */
.tp-home-faq,
.tp-home-faq__question i,
.tp-services-showcase,
.tp-services-showcase .tp-service-card__icon,
.tp-services-showcase__arrow,
.tp-contact-card,
.tp-application-form.style-white .tp-application-form__card {
	background-color: var(--tp-surface);
}

.tp-about-media__media,
.tp-about-media__cta,
.tp-contact-form-section.style-soft .tp-contact-form-section__form,
.tp-home-faq__media,
.editor-styles-wrapper .tp-control-group {
	
}

.tp-about-media__video,
.tp-about-media__video span,
.tp-home-faq__question,
.tp-application-form__card {
	background-color: var(--tp-soft);
}

.tp-about-media li::before,
.tp-about-media__button,
.tp-contact-card__icon,
.tp-application-form input[type="submit"] {
	background-color: var(--tp-brand);
}

.tp-contact-form-section.style-dark .tp-contact-form-section__form,
.tp-contact-form-section.style-dark select option {
	background-color: var(--tp-brand-dark);
}

.tp-contact-form-section.style-dark {
	--tp-form-accent: var(--tp-brand);
}

.tp-contact-form-section.style-dark input[type="submit"] {
	background: var(--tp-brand);
	color: var(--tp-surface);
}

.tp-about-media__phone i {
	background: var(--tp-brand);
	color: var(--tp-surface);
}

.tp-internal-hero__breadcrumb li,
.tp-internal-hero__breadcrumb strong {
	color: var(--tp-brand);
}

/* Bordes y estados de foco. */
.tp-application-form__card,
.tp-application-form__eyebrow {
	border-color: color-mix(in srgb, var(--tp-brand) 35%, transparent);
}

.tp-application-form input:focus,
.tp-application-form textarea:focus,
.tp-application-form select:focus {
	border-color: var(--tp-brand);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--tp-brand) 14%, transparent);
}

/* Separadores Stats: usan el color principal de Kadence. */
@media (min-width: 901px) {
	.tp-stats-strip__item:not(:nth-child(3n))::after {
		background:
			radial-gradient(circle at center, color-mix(in srgb, var(--tp-brand) 72%, transparent) 0 3px, var(--tp-surface) 3.5px 5px, transparent 5.5px),
			linear-gradient(to bottom, transparent 0%, color-mix(in srgb, var(--tp-brand) 16%, transparent) 15%, color-mix(in srgb, var(--tp-brand) 48%, transparent) 50%, color-mix(in srgb, var(--tp-brand) 16%, transparent) 85%, transparent 100%) center / 1px 100% no-repeat;
	}
}

@media (max-width: 680px) {
	.tp-stats-strip__item:not(:last-child)::after {
		background:
			radial-gradient(circle at center, color-mix(in srgb, var(--tp-brand) 72%, transparent) 0 3px, var(--tp-surface) 3.5px 5px, transparent 5.5px),
			linear-gradient(to right, transparent 0%, color-mix(in srgb, var(--tp-brand) 16%, transparent) 15%, color-mix(in srgb, var(--tp-brand) 48%, transparent) 50%, color-mix(in srgb, var(--tp-brand) 16%, transparent) 85%, transparent 100%) center / 100% 1px no-repeat;
	}
}

/* Indicador contextual del editor. */
.editor-styles-wrapper .tp-editor-field-target {
	outline-color: var(--global-palette1, #3ca200) !important;
}

.editor-styles-wrapper .tp-editor-field-target::before {
	background: var(--global-palette2, #174b05);
}
