/**
 * Vemax — Canais de Atendimento.
 *
 * Scoped under .vemax-canais. Link cards are <a> elements, so the theme's
 * generic anchor/button styling is neutralised explicitly (Hello Elementor
 * paints links and buttons with its own palette).
 */

.vemax-canais {
	width: 100%;
	font-family: "Open Sans", system-ui, -apple-system, sans-serif;
}

.vemax-canais * {
	box-sizing: border-box;
}

.vemax-canais__heading {
	color: #1C325A;
	font-size: 20px;
	font-weight: 800;
	line-height: 1.3;
	margin: 0 0 20px;
}

.vemax-canais__list {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

/* ---------- Card ---------- */

.vemax-canais .vemax-canal {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	padding: 20px;
	background-color: #FFFFFF;
	border: 1px solid #F3F4F6;
	border-radius: 12px;
	text-decoration: none;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

/* Neutralise the theme's default link colouring/underline on the card. */
.vemax-canais a.vemax-canal,
.vemax-canais a.vemax-canal:hover,
.vemax-canais a.vemax-canal:focus,
.vemax-canais a.vemax-canal:active {
	color: inherit;
	text-decoration: none;
	background-image: none;
}

.vemax-canais a.vemax-canal:hover {
	border-color: #1C325A;
	box-shadow: 0 4px 12px -2px rgba(15, 30, 56, 0.12);
}

.vemax-canais a.vemax-canal:focus-visible {
	outline: 2px solid #FFD301;
	outline-offset: 3px;
}

.vemax-canais .vemax-canal--highlight {
	background-color: rgba(255, 211, 1, 0.10);
	border-color: rgba(255, 211, 1, 0.30);
}

/* ---------- Icon badge ---------- */

.vemax-canais .vemax-canal__icon {
	flex: 0 0 auto;
	width: 48px;
	height: 48px;
	border-radius: 12px;
	background-color: #1C325A;
	color: #FFD301;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 0;
}

.vemax-canais .vemax-canal__icon svg {
	width: 20px;
	height: 20px;
	display: block;
}

/* Instagram brand gradient, matching the original page. */
.vemax-canais .vemax-canal__icon--gradient {
	background-image: linear-gradient(135deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}

/* ---------- Texts ---------- */

.vemax-canais .vemax-canal__body {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.vemax-canais .vemax-canal__title {
	color: #1C325A;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.35;
}

.vemax-canais .vemax-canal__text {
	color: #4B5563;
	font-size: 14px;
	line-height: 1.55;
	word-break: break-word;
}

.vemax-canais .vemax-canal__note {
	color: #9CA3AF;
	font-size: 12px;
	line-height: 1.45;
	margin-top: 2px;
}