/*
 * WAAD front page blog: heading, three article cards and the link to the blog page.
 * Everything is scoped to .waad-home-blog. Decorations are CSS backgrounds
 * (no extra requests) and never catch the pointer.
 */

.waad-home-blog {
	--blog-navy: #14284b;
	--blog-gold: #c29b57;
	--blog-gold-strong: #94703a;
	--blog-gold-hover: #7c5d2f;
	--blog-line: #eee4d3;
	--blog-ivory: #fbf8f2;
	--blog-text: #1e2a3b;
	--blog-muted: #5f6b7d;
	--blog-serif: Georgia, "Times New Roman", Times, serif;
	--blog-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
	position: relative;
	/* clip (not hidden): the section must not become a scroll container that focus could shift. */
	overflow: hidden;
	overflow: clip;
	padding: 84px 24px 96px;
	background: linear-gradient(180deg, var(--blog-ivory) 0%, #f9f4ea 100%);
	font-family: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	line-height: 1.5;
	color: var(--blog-text);
}

.waad-home-blog *,
.waad-home-blog *::before,
.waad-home-blog *::after {
	box-sizing: border-box;
}

/* Palm leaves (top left) and pyramids with palms along the bottom. */
.waad-home-blog::before,
.waad-home-blog::after {
	content: "";
	position: absolute;
	pointer-events: none;
	background-repeat: no-repeat;
}

.waad-home-blog::before {
	top: -10px;
	left: -30px;
	width: 300px;
	height: 260px;
	background-size: contain;
	opacity: 0.55;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 260' fill='none' stroke='%23e6d7bb' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M30 250C60 170 90 110 150 70'/%3E%3Cpath d='M150 70c-30-26-80-34-130-18M150 70c-18-34-56-56-100-58M150 70c4-36 28-60 66-68M150 70c30-14 74-12 110 10M150 70c34 4 70 24 90 56M150 70c-34 10-70 34-88 70'/%3E%3Cpath d='M44 52l8 12M64 40l6 14M86 34l4 15M106 36l2 15M126 44l0 14M60 22l10 10M82 16l8 12M104 14l5 13M124 20l3 13M190 18l-4 14M210 10l-6 14M232 6l-7 13M228 64l-8 10M248 72l-10 8M268 82l-11 6M220 100l-10 6M234 116l-11 3M98 104l10 6M84 120l11 4M74 138l11 1'/%3E%3C/svg%3E");
}

.waad-home-blog::after {
	right: 0;
	bottom: 0;
	left: 0;
	height: 150px;
	background-position: center bottom;
	background-size: auto 150px;
	background-repeat: repeat-x;
	opacity: 0.6;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 150' fill='%23efe4cf'%3E%3Cpath d='M40 150l120-112 120 112z'/%3E%3Cpath d='M200 150l80-70 80 70z' fill='%23f3eadb'/%3E%3Cpath d='M1060 150l70-58 70 58z' fill='%23f3eadb'/%3E%3Cpath d='M1150 150l100-90 100 90z'/%3E%3Cg stroke='%23e8dbc2' stroke-width='3' stroke-linecap='round' fill='none'%3E%3Cpath d='M1365 150c2-30 6-52 14-72'/%3E%3Cpath d='M1379 78c-10-8-26-10-38-4M1379 78c-2-12 6-24 18-28M1379 78c8-6 22-6 32 2M1379 78c-6 4-12 12-14 22'/%3E%3Cpath d='M1405 150c1-20 3-34 8-48'/%3E%3Cpath d='M1413 102c-7-6-18-7-26-3M1413 102c0-9 5-16 13-19M1413 102c6-4 16-4 22 1'/%3E%3C/g%3E%3C/svg%3E");
}

.waad-home-blog .waad-home-blog__inner {
	position: relative;
	z-index: 1;
	max-width: 1240px;
	margin: 0 auto;
}

/* Hieroglyph columns, top right. */
.waad-home-blog .waad-home-blog__inner::before {
	content: "";
	position: absolute;
	top: -60px;
	right: -40px;
	width: 120px;
	height: 210px;
	pointer-events: none;
	background-repeat: no-repeat;
	background-size: contain;
	opacity: 0.6;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 210' fill='none' stroke='%23e3d2b2' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 4h108M6 206h108M60 4v202'/%3E%3Ccircle cx='32' cy='22' r='8'/%3E%3Cpath d='M32 30v24M22 38h20'/%3E%3Cpath d='M22 70h20v28H22zM26 70v28M38 70v28'/%3E%3Cpath d='M18 116h28M18 124h28M18 132h28'/%3E%3Cpath d='M24 150c6-8 16-8 18 0s-8 14-14 10'/%3E%3Cpath d='M20 178h24l-4 16H24z'/%3E%3Ccircle cx='88' cy='22' r='7'/%3E%3Cpath d='M82 30c-4 16-4 40 0 64h12c4-24 4-48 0-64'/%3E%3Cpath d='M78 110c8-4 16-4 22 2l-6 12h-12z'/%3E%3Cpath d='M76 142h24M76 150h24'/%3E%3Cpath d='M80 166l8 10 8-10M80 184h16'/%3E%3C/svg%3E");
}

/* --------------------------------------------------------------------------
   Heading
   -------------------------------------------------------------------------- */

.waad-home-blog .waad-home-blog__header {
	max-width: 900px;
	margin: 0 auto 44px;
	text-align: center;
}

.waad-home-blog .waad-home-blog__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 12px;
	padding: 0;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--blog-gold-hover);
}

.waad-home-blog .waad-home-blog__eyebrow::before,
.waad-home-blog .waad-home-blog__eyebrow::after {
	content: "";
	width: 32px;
	height: 1px;
	background: linear-gradient(90deg, rgba(194, 155, 87, 0), var(--blog-gold));
}

.waad-home-blog .waad-home-blog__eyebrow::after {
	background: linear-gradient(90deg, var(--blog-gold), rgba(194, 155, 87, 0));
}

.waad-home-blog .waad-home-blog__heading {
	margin: 0 0 12px;
	padding: 0;
	font-family: var(--blog-serif);
	font-size: clamp(28px, 2.6vw, 38px);
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.01em;
	text-transform: none;
	color: var(--blog-navy);
	text-wrap: balance;
}

.waad-home-blog .waad-home-blog__text {
	margin: 0 auto;
	padding: 0;
	max-width: 700px;
	font-size: 16px;
	line-height: 1.6;
	color: var(--blog-muted);
}

.waad-home-blog .waad-home-blog__divider {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	margin-top: 16px;
	color: var(--blog-gold);
}

.waad-home-blog .waad-home-blog__divider::before,
.waad-home-blog .waad-home-blog__divider::after {
	content: "";
	width: 54px;
	height: 1px;
	background: linear-gradient(90deg, rgba(194, 155, 87, 0), var(--blog-gold));
}

.waad-home-blog .waad-home-blog__divider::after {
	background: linear-gradient(90deg, var(--blog-gold), rgba(194, 155, 87, 0));
}

.waad-home-blog .waad-home-blog__divider svg {
	display: block;
	width: 22px;
	height: 22px;
}

/* --------------------------------------------------------------------------
   Cards
   -------------------------------------------------------------------------- */

/* Slider (Swiper via waad-slider.js). Until it starts, or without Swiper, the track is a
   native scroll-snap row with the same card widths. */
.waad-home-blog .waad-home-blog__slider.swiper {
	z-index: 1;
	margin: 0;
	padding: 0;
	overflow: visible;
	/* Room above and below for the card shadow and hover lift; slides past the sides stay hidden. */
	clip-path: inset(-12px -2px -40px -2px);
}

.waad-home-blog .waad-home-blog__slider:not(.swiper-initialized) .waad-home-blog__track {
	display: flex;
	gap: 24px;
	margin: -12px 0 -40px;
	padding: 12px 0 40px;
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
}

.waad-home-blog .waad-home-blog__slider:not(.swiper-initialized) .waad-home-blog__track::-webkit-scrollbar {
	display: none;
}

.waad-home-blog .waad-home-blog__slider:not(.swiper-initialized) .waad-home-blog__card {
	flex: 0 0 calc((100% - 48px) / 3);
	scroll-snap-align: start;
}

.waad-home-blog .waad-home-blog__slider.swiper-initialized .waad-home-blog__card {
	height: auto;
}

.waad-home-blog .waad-home-blog__card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	margin: 0;
	overflow: hidden;
	background: #fff;
	border: 1px solid var(--blog-line);
	border-radius: 16px;
	box-shadow: 0 10px 30px rgba(20, 40, 75, 0.07);
	transition: transform 0.35s var(--blog-ease), box-shadow 0.35s var(--blog-ease);
}

.waad-home-blog .waad-home-blog__card:hover {
	transform: translateY(-4px);
	box-shadow: 0 18px 40px rgba(20, 40, 75, 0.12);
}

.waad-home-blog .waad-home-blog__media {
	position: relative;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: linear-gradient(135deg, #1f3a64, var(--blog-navy));
}

.waad-home-blog .waad-home-blog__image {
	display: block;
	width: 100%;
	max-width: none;
	height: 100%;
	margin: 0;
	object-fit: cover;
	transition: transform 0.6s var(--blog-ease);
}

.waad-home-blog .waad-home-blog__card:hover .waad-home-blog__image {
	transform: scale(1.05);
}

.waad-home-blog .waad-home-blog__placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: rgba(236, 214, 168, 0.7);
}

.waad-home-blog .waad-home-blog__placeholder svg {
	width: 56px;
	height: 56px;
}

.waad-home-blog .waad-home-blog__badge {
	position: absolute;
	top: 14px;
	right: 14px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	max-width: calc(100% - 28px);
	padding: 6px 12px;
	border-radius: 999px;
	background: rgba(124, 93, 47, 0.92);
	box-shadow: 0 4px 12px rgba(12, 29, 59, 0.18);
	font-size: 12px;
	font-weight: 600;
	line-height: 1.3;
	color: #fff;
}

.waad-home-blog .waad-home-blog__badge span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.waad-home-blog .waad-home-blog__badge svg {
	flex: 0 0 auto;
	width: 14px;
	height: 14px;
}

.waad-home-blog .waad-home-blog__content {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	padding: 22px 24px 22px;
}

.waad-home-blog .waad-home-blog__title {
	margin: 0 0 10px;
	padding: 0;
	font-family: var(--blog-serif);
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0;
	text-transform: none;
	color: var(--blog-navy);
}

.waad-home-blog .waad-home-blog__title-link {
	color: inherit;
	text-decoration: none;
	outline: none;
}

/* The title link covers the whole card; the "Ver Artículo" link sits above it. */
.waad-home-blog .waad-home-blog__title-link::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	border-radius: 16px;
}

.waad-home-blog .waad-home-blog__title-link:hover {
	color: var(--blog-gold-hover);
}

.waad-home-blog .waad-home-blog__title-link:focus-visible::after {
	outline: 3px solid var(--blog-gold-strong);
	outline-offset: -3px;
}

.waad-home-blog .waad-home-blog__excerpt {
	display: -webkit-box;
	margin: 0 0 20px;
	padding: 0;
	overflow: hidden;
	font-size: 14.5px;
	line-height: 1.65;
	color: var(--blog-muted);
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	line-clamp: 4;
}

.waad-home-blog .waad-home-blog__meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin-top: auto;
}

.waad-home-blog .waad-home-blog__byline {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}

.waad-home-blog .waad-home-blog__logo {
	flex: 0 0 auto;
	width: 40px;
	max-width: none;
	height: 40px;
	margin: 0;
	border-radius: 50%;
	object-fit: contain;
	background: #fff;
	box-shadow: 0 0 0 1px var(--blog-line);
}

.waad-home-blog .waad-home-blog__byline-text {
	display: flex;
	flex-direction: column;
	min-width: 0;
	margin: 0;
	padding: 0;
	line-height: 1.35;
}

.waad-home-blog .waad-home-blog__author {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.02em;
	color: var(--blog-navy);
}

.waad-home-blog .waad-home-blog__date {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-size: 12.5px;
	color: var(--blog-muted);
}

.waad-home-blog .waad-home-blog__date-icon {
	flex: none;
	width: 14px;
	height: 14px;
}

.waad-home-blog .waad-home-blog__link {
	position: relative;
	z-index: 2;
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	gap: 6px;
	padding: 4px 0 5px;
	border-bottom: 2px solid var(--blog-gold);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.3;
	color: var(--blog-navy);
	text-decoration: none;
	transition: color 0.2s ease, border-color 0.2s ease;
}

.waad-home-blog .waad-home-blog__link svg {
	width: 16px;
	height: 16px;
	transition: transform 0.25s var(--blog-ease);
}

.waad-home-blog .waad-home-blog__link:hover {
	color: var(--blog-gold-hover);
	border-color: var(--blog-gold-hover);
}

.waad-home-blog .waad-home-blog__link:hover svg,
.waad-home-blog .waad-home-blog__card:hover .waad-home-blog__link svg {
	transform: translateX(3px);
}

.waad-home-blog .waad-home-blog__link:focus-visible {
	outline: 2px solid var(--blog-gold-strong);
	outline-offset: 3px;
	border-radius: 2px;
}

.waad-home-blog .waad-home-blog__sr {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* --------------------------------------------------------------------------
   Button
   -------------------------------------------------------------------------- */

/* Slider arrows on both sides of the button: outlined, so the gold button stays the one primary action. */
.waad-home-blog .waad-home-blog__actions {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	margin-top: 40px;
}

.waad-home-blog .waad-home-blog__arrow {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 1px solid #e2d4bc;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 6px 16px rgba(20, 40, 75, 0.08);
	font: inherit;
	line-height: 0;
	text-transform: none;
	color: var(--blog-navy);
	cursor: pointer;
	transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease, transform 0.25s var(--blog-ease);
}

.waad-home-blog .waad-home-blog__arrow svg {
	width: 20px;
	height: 20px;
}

.waad-home-blog .waad-home-blog__prev svg {
	transform: rotate(180deg);
}

.waad-home-blog .waad-home-blog__arrow:hover {
	border-color: var(--blog-navy);
	background: var(--blog-navy);
	box-shadow: 0 10px 20px rgba(20, 40, 75, 0.18);
	color: #fff;
	transform: translateY(-1px);
}

.waad-home-blog .waad-home-blog__arrow:focus-visible {
	outline: 3px solid var(--blog-gold-strong);
	outline-offset: 3px;
}

.waad-home-blog .waad-home-blog__arrow.is-disabled {
	opacity: 0.4;
	box-shadow: none;
	cursor: default;
	pointer-events: none;
}

/* Arrows only work once the slider runs; hidden (space kept) before, removed when nothing scrolls. */
.waad-home-blog .waad-home-blog__carousel:not(.is-slider-ready) .waad-home-blog__arrow {
	visibility: hidden;
}

.waad-home-blog .waad-home-blog__arrow.is-locked {
	display: none;
}

.waad-home-blog .waad-home-blog__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	min-height: 52px;
	margin: 0;
	padding: 14px 28px 14px 30px;
	border: 0;
	border-radius: 10px;
	background: #8c6a35;
	box-shadow: 0 12px 24px -12px rgba(124, 93, 47, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.16);
	font-size: 15px;
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: 0.02em;
	white-space: nowrap;
	color: #fff;
	text-decoration: none;
	transition: background-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s var(--blog-ease);
}

.waad-home-blog .waad-home-blog__button svg {
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	transition: transform 0.25s var(--blog-ease);
}

.waad-home-blog .waad-home-blog__button:hover {
	background: #765829;
	box-shadow: 0 16px 28px -12px rgba(118, 88, 41, 0.75), inset 0 1px 0 rgba(255, 255, 255, 0.16);
	color: #fff;
	transform: translateY(-2px);
}

.waad-home-blog .waad-home-blog__button:hover svg {
	transform: translateX(3px);
}

.waad-home-blog .waad-home-blog__button:active {
	transform: translateY(0);
}

.waad-home-blog .waad-home-blog__button:focus-visible {
	outline: 3px solid var(--blog-navy);
	outline-offset: 3px;
	color: #fff;
}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */

@media (max-width: 1099.98px) {
	.waad-home-blog {
		padding: 72px 22px 88px;
	}

	.waad-home-blog .waad-home-blog__slider:not(.swiper-initialized) .waad-home-blog__track {
		gap: 20px;
	}

	.waad-home-blog .waad-home-blog__slider:not(.swiper-initialized) .waad-home-blog__card {
		flex-basis: calc((100% - 20px) / 2);
	}

	.waad-home-blog::before {
		width: 220px;
		height: 190px;
		opacity: 0.4;
	}

	.waad-home-blog .waad-home-blog__inner::before {
		right: -20px;
		opacity: 0.4;
	}
}

@media (max-width: 767.98px) {
	.waad-home-blog {
		padding: 56px 20px 72px;
	}

	.waad-home-blog::before,
	.waad-home-blog .waad-home-blog__inner::before {
		display: none;
	}

	.waad-home-blog::after {
		height: 90px;
		background-size: auto 90px;
		opacity: 0.45;
	}

	.waad-home-blog .waad-home-blog__header {
		margin-bottom: 32px;
	}

	.waad-home-blog .waad-home-blog__text {
		font-size: 15px;
	}

	/* Full-bleed row: the card starts at a 16px gutter and the next one peeks in at the
	   right edge. Card widths match waad-slider.js (1.15 slides per screen, 12px gap). */
	.waad-home-blog .waad-home-blog__slider.swiper {
		margin: 0 -20px;
		clip-path: inset(-12px 0 -40px 0);
	}

	.waad-home-blog .waad-home-blog__slider:not(.swiper-initialized) .waad-home-blog__track {
		gap: 12px;
		padding-inline: 16px;
		scroll-padding-inline: 16px;
	}

	.waad-home-blog .waad-home-blog__slider:not(.swiper-initialized) .waad-home-blog__card {
		flex-basis: calc((100% + 32px - 1.8px) / 1.15);
	}

	.waad-home-blog .waad-home-blog__card:hover {
		transform: none;
	}

	.waad-home-blog .waad-home-blog__content {
		padding: 20px 20px 20px;
	}

	.waad-home-blog .waad-home-blog__title {
		font-size: 19px;
	}

	.waad-home-blog .waad-home-blog__actions {
		gap: 12px;
		margin-top: 28px;
	}

	.waad-home-blog .waad-home-blog__arrow {
		width: 44px;
		height: 44px;
	}

	.waad-home-blog .waad-home-blog__button {
		min-height: 48px;
		padding: 13px 22px 13px 24px;
		font-size: 14.5px;
	}
}

/* Narrow phones: arrows on their own row above the button. */
@media (max-width: 399.98px) {
	.waad-home-blog .waad-home-blog__actions {
		flex-wrap: wrap;
		row-gap: 0;
	}

	/* Line break between the arrows and the button. */
	.waad-home-blog .waad-home-blog__actions::before {
		content: "";
		flex-basis: 100%;
		order: 2;
		height: 0;
	}

	.waad-home-blog .waad-home-blog__button {
		order: 3;
		margin-top: 16px;
	}
}

@media (max-width: 359.98px) {
	.waad-home-blog .waad-home-blog__meta {
		flex-wrap: wrap;
	}

	.waad-home-blog .waad-home-blog__slider:not(.swiper-initialized) .waad-home-blog__card {
		flex-basis: calc((100% + 32px - 2.04px) / 1.17);
	}
}

@media (prefers-reduced-motion: reduce) {
	.waad-home-blog .waad-home-blog__card,
	.waad-home-blog .waad-home-blog__image,
	.waad-home-blog .waad-home-blog__link svg,
	.waad-home-blog .waad-home-blog__button,
	.waad-home-blog .waad-home-blog__button svg,
	.waad-home-blog .waad-home-blog__arrow {
		transition: none;
	}

	.waad-home-blog .waad-home-blog__card:hover,
	.waad-home-blog .waad-home-blog__button:hover,
	.waad-home-blog .waad-home-blog__arrow:hover,
	.waad-home-blog .waad-home-blog__card:hover .waad-home-blog__image {
		transform: none;
	}
}