/**
 * Smash Balloon Instagram � Hendricks B/N: mismas variables que hendricks.css (sin tonos crema/dorado del sitio cl�sico).
 */

/* Espacio bajo el header fijo: solo .e-con-inner que envuelve #sb_instagram (Elementor) */
.e-con-inner{
	margin-top: 6rem!important;
}

@media (max-width: 768px) {
	.e-con-inner{
		margin-top: 5.5rem!important;
	}
}

.elementor-shape-bottom {
	display: none !important;
}

#sb_instagram #sbi_images .sbi_item {
	width: 18rem;
}

.sbi_photo {
	height: 12rem !important;
	width: unset !important;
	margin-top: 5%;
	margin-right: 10%;
	margin-left: 10%;
	border-radius: 0 !important;
}

.sbi-instagram-link-btn {
	display: none !important;
}

/* Caja alineada a tarjetas del tema: borde y fondo desde tokens, transici�n al cambiar claro/oscuro */
#sb_instagram.sbi-overlap.sbi-theme.sbi-style-boxed #sbi_images .sbi_item .sbi_inner_wrap {
	border-radius: 0 !important;
	border: 2px solid var(--border-color);
	box-shadow: var(--card-shadow);
	transition:
		background-color var(--transition-speed) ease,
		border-color var(--transition-speed) ease,
		box-shadow var(--transition-speed) ease;
}

.sbi_inner_wrap {
	background: var(--bg-secondary) !important;
	transition: background-color var(--transition-speed) ease;
}

/* Texto: cuerpo editorial Minion; metadatos / info en Bw Nista como en tarjetas y pie */
.sbi-user-info-inner {
	margin-top: 0 !important;
}

.sbi-user-info span {
	font-family: var(--font-secondary) !important;
	background-color: unset !important;
	color: var(--text-secondary);
}

.sbi_info_wrapper {
	font-family: var(--font-secondary) !important;
	color: var(--text-secondary);
}

.sbi_caption {
	font-family: var(--font-body) !important;
	font-size: 1rem !important;
	color: var(--text-primary);
	line-height: 1.5;
}

.sbi_likes svg,
.sbi_comments svg {
	stroke-width: 1px;
	border-width: 9px;
	stroke: var(--text-primary);
	color: transparent !important;
}

/* Enlaces de texto (no la foto): acento claro; en oscuro, contraste sin azul */
#sb_instagram .sbi_caption a,
#sb_instagram .sbi-user-info a,
#sb_instagram .sbi_info_wrapper a {
	color: var(--accent-color);
	transition: color 0.2s ease;
}

#sb_instagram .sbi_caption a:hover,
#sb_instagram .sbi-user-info a:hover,
#sb_instagram .sbi_info_wrapper a:hover {
	color: var(--accent-hover);
}

[data-theme="dark"] #sb_instagram .sbi_caption a,
[data-theme="dark"] #sb_instagram .sbi-user-info a,
[data-theme="dark"] #sb_instagram .sbi_info_wrapper a {
	color: var(--text-secondary);
}

[data-theme="dark"] #sb_instagram .sbi_caption a:hover,
[data-theme="dark"] #sb_instagram .sbi-user-info a:hover,
[data-theme="dark"] #sb_instagram .sbi_info_wrapper a:hover {
	color: var(--text-primary);
}