.vt-contact-actions {
	--vt-icon-mail-navy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f2466' stroke-width='2'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E");
	--vt-icon-mail-white: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E");
	--vt-icon-wa-navy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231f2466'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm0 18.2c-1.5 0-3-.4-4.2-1.1l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 1 1 12 20.2zm4.5-6.1c-.2-.1-1.5-.7-1.7-.8-.2-.1-.4-.1-.6.1l-.8 1c-.1.2-.3.2-.5.1-.7-.3-1.4-.7-2.1-1.3-.5-.5-1-1.1-1.3-1.7-.1-.2 0-.4.1-.5l.4-.4.2-.4v-.4l-.8-1.9c-.2-.5-.4-.4-.6-.4h-.5c-.2 0-.5.1-.7.3-.6.6-.9 1.4-.9 2.2.1.9.4 1.8 1 2.6 1.1 1.6 2.5 2.9 4.2 3.7.5.2.9.4 1.4.5.5.2 1 .2 1.5.1.6-.1 1.2-.5 1.5-1 .2-.4.2-.8.1-1.2l-.4-.2z'/%3E%3C/svg%3E");
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}

.vt-contact-actions.is-buttons {
	justify-content: center;
}

.vt-contact-actions.is-buttons .vt-contact-actions__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-width: 180px;
	padding: 14px 32px;
	border: 1px solid var(--wp--preset--color--navy, #1f2466);
	border-radius: 0;
	font-weight: 400;
	text-decoration: none;
}

.vt-contact-actions.is-buttons .vt-contact-actions__link::before {
	content: "";
	width: 18px;
	height: 18px;
	background: center / contain no-repeat;
}

.vt-contact-actions.is-buttons .vt-contact-actions__link--mail {
	background: var(--wp--preset--color--navy, #1f2466);
	color: #fff;
}

.vt-contact-actions.is-buttons .vt-contact-actions__link--mail::before {
	background-image: var(--vt-icon-mail-white);
}

.vt-contact-actions.is-buttons .vt-contact-actions__link--whatsapp {
	background: #fff;
	color: var(--wp--preset--color--navy, #1f2466);
}

.vt-contact-actions.is-buttons .vt-contact-actions__link--whatsapp::before {
	background-image: var(--vt-icon-wa-navy);
}

.vt-contact-actions.is-buttons .vt-contact-actions__link:hover {
	filter: brightness(1.15);
}

.vt-contact-actions.is-icons .vt-contact-actions__link {
	display: block;
	width: 26px;
	height: 26px;
	background: center / contain no-repeat;
}

.vt-contact-actions.is-icons .vt-contact-actions__link--mail {
	background-image: var(--vt-icon-mail-navy);
}

.vt-contact-actions.is-icons .vt-contact-actions__link--whatsapp {
	background-image: var(--vt-icon-wa-navy);
}

/* Variante "cta": dos botones de color, como los de compra en basworld. */
.vt-contact-actions.is-cta {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.vt-contact-actions__cta {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 46px;
	padding: 10px 16px;
	border-radius: var(--wp--custom--radius--small, 5px);
	font-weight: 600;
	text-align: center;
	text-decoration: none;
}

.vt-contact-actions__cta:hover {
	filter: brightness(0.95);
	text-decoration: none;
}

.vt-contact-actions__cta--offer {
	background: var(--wp--preset--color--yellow, #fcbc34);
	color: var(--wp--preset--color--ink, #000);
}

.vt-contact-actions__cta--whatsapp {
	background: var(--wp--preset--color--green-dark, #01a73d);
	color: #fff;
}

.vt-contact-actions__cta--whatsapp::before {
	content: "";
	width: 18px;
	height: 18px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm0 18.2c-1.5 0-3-.4-4.2-1.1l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 1 1 12 20.2zm4.5-6.1c-.2-.1-1.5-.7-1.7-.8-.2-.1-.4-.1-.6.1l-.8 1c-.1.2-.3.2-.5.1-.7-.3-1.4-.7-2.1-1.3-.5-.5-1-1.1-1.3-1.7-.1-.2 0-.4.1-.5l.4-.4.2-.4v-.4l-.8-1.9c-.2-.5-.4-.4-.6-.4h-.5c-.2 0-.5.1-.7.3-.6.6-.9 1.4-.9 2.2.1.9.4 1.8 1 2.6 1.1 1.6 2.5 2.9 4.2 3.7.5.2.9.4 1.4.5.5.2 1 .2 1.5.1.6-.1 1.2-.5 1.5-1 .2-.4.2-.8.1-1.2l-.4-.2z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.vt-contact-actions {
	--vt-icon-share-navy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f2466' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cpath d='m8.6 13.5 6.8 4M15.4 6.5l-6.8 4'/%3E%3C/svg%3E");
}

.vt-contact-actions.is-icons {
	gap: 8px;
}

.vt-contact-actions.is-icons .vt-contact-actions__link {
	width: 42px;
	height: 42px;
	border: 1px solid var(--wp--preset--color--line-soft, #e8e8e8);
	border-radius: 50%;
	background-color: #fff;
	background-size: 20px;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.vt-contact-actions.is-icons .vt-contact-actions__link:hover {
	border-color: var(--wp--preset--color--navy, #1f2466);
	box-shadow: 0 6px 16px -8px rgba(31, 36, 102, 0.5);
	transform: translateY(-2px);
}

.vt-contact-actions.is-icons .vt-contact-actions__link--share {
	background-image: var(--vt-icon-share-navy);
}

/* Barra fija inferior (solo móvil) */
.vt-contact-actions.is-bar {
	display: none;
}

@media (max-width: 900px) {
	.vt-contact-actions.is-bar {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 90;
		display: flex;
		gap: 8px;
		padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
		background: rgba(255, 255, 255, 0.96);
		backdrop-filter: blur(8px);
		box-shadow: 0 -8px 24px -12px rgba(0, 0, 0, 0.25);
		transform: translateY(110%);
		transition: transform 0.3s ease;
	}

	.vt-contact-actions.is-bar.is-visible {
		transform: none;
	}
}

.vt-bar__offer {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	border-radius: 8px;
	background: var(--wp--preset--color--yellow, #fcbc34);
	color: #000;
	font-weight: 700;
	text-decoration: none;
}

.vt-bar__icon {
	flex: 0 0 46px;
	height: 46px;
	border-radius: 8px;
	background: var(--wp--preset--color--navy, #1f2466) center / 22px no-repeat;
}

.vt-bar__icon--whatsapp {
	background-color: var(--wp--preset--color--green-dark, #01a73d);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm0 18.2c-1.5 0-3-.4-4.2-1.1l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 1 1 12 20.2zm4.5-6.1c-.2-.1-1.5-.7-1.7-.8-.2-.1-.4-.1-.6.1l-.8 1c-.1.2-.3.2-.5.1-.7-.3-1.4-.7-2.1-1.3-.5-.5-1-1.1-1.3-1.7-.1-.2 0-.4.1-.5l.4-.4.2-.4v-.4l-.8-1.9c-.2-.5-.4-.4-.6-.4h-.5c-.2 0-.5.1-.7.3-.6.6-.9 1.4-.9 2.2.1.9.4 1.8 1 2.6 1.1 1.6 2.5 2.9 4.2 3.7.5.2.9.4 1.4.5.5.2 1 .2 1.5.1.6-.1 1.2-.5 1.5-1 .2-.4.2-.8.1-1.2l-.4-.2z'/%3E%3C/svg%3E");
}

.vt-bar__icon--phone {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E");
}

/* Aviso flotante ("Enlace copiado") */
.vt-toast {
	position: fixed;
	left: 50%;
	bottom: 32px;
	z-index: 1000;
	padding: 12px 20px;
	border-radius: 999px;
	background: var(--wp--preset--color--dark, #111827);
	color: #fff;
	font-weight: 600;
	box-shadow: 0 12px 30px -10px rgba(0, 0, 0, 0.5);
	opacity: 0;
	transform: translate(-50%, 12px);
	transition: opacity 0.25s ease, transform 0.25s ease;
}

.vt-toast.is-visible {
	opacity: 1;
	transform: translate(-50%, 0);
}

/* Los disparadores de formulario son <button>: mismo aspecto que los enlaces. */
.vt-contact-actions button,
button.vt-bar__offer {
	border: 0;
	font: inherit;
	cursor: pointer;
}

.vt-contact-actions.is-buttons button.vt-contact-actions__link--mail {
	border: 1px solid var(--wp--preset--color--navy, #1f2466);
}