/*
 * Academy — components.css
 * Estilos de componentes/patrones de la landing de la Formación Internacional
 * en Punción Seca.
 */

/* =====================================================
   HEADER
   ===================================================== */
.site-header__brand {
	margin: 0;
	line-height: 0;
}

.site-header__brand img {
	display: block;
	height: auto;
}

.site-header__nav a {
	color: #fff;
	text-decoration: none;
}

.site-header__nav a:hover {
	color: #ffe2d8;
}

.site-header__actions {
	gap: 1.25rem;
}

.site-header__cta .wp-block-button__link {
	white-space: nowrap;
}

/* Search reducido a icono blanco */
.site-header__search .wp-block-search__inside-wrapper {
	border: none;
	background: transparent;
}

.site-header__search button.wp-block-search__button {
	background: transparent;
	color: #fff;
	padding: 0;
	min-width: 0;
}

.site-header__search button.wp-block-search__button svg {
	fill: #fff;
}

/* =====================================================
   HERO
   ===================================================== */
.section--hero,
.academy-hero-slider .academy-slide {
	background: #e7eaf1;
}

.hero__content {
	padding-block: 2rem;
}

.hero__content h1 {
	letter-spacing: -0.01em;
	text-wrap: balance;
}

.hero__eyebrow,
.section__eyebrow {
	margin-bottom: 0.75rem;
}

/* =====================================================
   RUTA DE FORMACIÓN (3 niveles)
   ===================================================== */
.levels-grid {
	gap: 1.75rem;
}

.card {
	overflow: hidden;
	height: 100%;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.card--level:hover {
	transform: translateY(-5px);
	box-shadow: 0 18px 45px rgba(40, 48, 120, 0.16);
}

.card__media {
	position: relative;
	line-height: 0;
}

.card__media img {
	width: 100%;
	height: 210px;
	object-fit: cover;
	display: block;
}

.card__tag {
	position: absolute;
	left: 12px;
	bottom: 12px;
	display: inline-block;
	padding: 0.35rem 0.8rem;
	border-radius: 9999px;
	background: rgba(40, 48, 120, 0.88);
	color: #fff;
	font-size: 0.75rem;
	font-weight: 600;
	line-height: 1.4;
	backdrop-filter: blur(2px);
}

.card__body h3 {
	line-height: 1.3;
	margin: 0;
}

.level-meta {
	list-style: none;
	margin: 0.4rem 0 0;
	padding-top: 0.9rem;
	border-top: 1px solid #ececf3;
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
}

.level-meta li {
	display: flex;
	align-items: flex-start;
	gap: 0.55rem;
	color: var(--wp--preset--color--navy);
	font-size: 0.85rem;
	line-height: 1.4;
}

.level-meta svg {
	color: var(--wp--preset--color--blue);
	flex: 0 0 auto;
	margin-top: 0.15rem;
}

/* Cifras resumen */
.levels-summary {
	gap: 1rem 3rem;
}

.stat {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	min-width: 140px;
}

.stat strong {
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 1.1;
	color: var(--wp--preset--color--blue);
}

.stat span {
	font-size: 0.85rem;
	color: var(--wp--preset--color--muted);
}

/* =====================================================
   PROMO BANNER
   ===================================================== */
.section--promo .wp-block-cover__inner-container {
	max-width: 820px;
}

.section--promo h2 {
	letter-spacing: -0.01em;
	text-wrap: balance;
}

/* =====================================================
   PROGRAMACIÓN (fechas y horarios)
   ===================================================== */
.schedule-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.75rem;
}

.schedule-card {
	background: rgba(255, 255, 255, 0.07);
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 16px;
	padding: 1.75rem;
}

.schedule-card__level {
	margin: 0 0 1.25rem;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.schedule-card__block + .schedule-card__block {
	margin-top: 1.25rem;
	padding-top: 1.25rem;
	border-top: 1px solid rgba(255, 255, 255, 0.14);
}

.schedule-card__label {
	display: block;
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--wp--preset--color--orange);
	margin-bottom: 0.4rem;
}

.schedule-card__dates {
	list-style: none;
	margin: 0;
	padding: 0;
}

.schedule-card--soon {
	background: rgba(255, 255, 255, 0.04);
	border-style: dashed;
}

.schedule-card__soon {
	margin: 0;
	color: var(--wp--preset--color--orange);
	font-size: 1.05rem;
	font-weight: 600;
	line-height: 1.6;
}

.schedule-card__dates li,
.schedule-card__value {
	margin: 0;
	color: #fff;
	font-size: 1.05rem;
	font-weight: 500;
	line-height: 1.6;
}

/* =====================================================
   PROGRAMA · TEMARIO (acordeón nativo)
   ===================================================== */
.program-accordion {
	max-width: 900px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.program-item {
	background: #fff;
	border-radius: 16px;
	box-shadow: var(--wp--preset--shadow--soft);
	overflow: hidden;
}

.program-item__summary {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.25rem 1rem;
	padding: 1.35rem 3rem 1.35rem 1.75rem;
	cursor: pointer;
	position: relative;
	list-style: none;
}

.program-item__summary::-webkit-details-marker {
	display: none;
}

.program-item__summary::after {
	content: "";
	position: absolute;
	right: 1.75rem;
	top: 50%;
	width: 10px;
	height: 10px;
	margin-top: -6px;
	border-right: 2px solid var(--wp--preset--color--blue);
	border-bottom: 2px solid var(--wp--preset--color--blue);
	transform: rotate(45deg);
	transition: transform 0.2s ease;
}

.program-item[open] .program-item__summary::after {
	transform: rotate(-135deg);
	margin-top: -2px;
}

.program-item__summary:focus-visible {
	outline: 3px solid var(--wp--preset--color--blue);
	outline-offset: -3px;
}

.program-item__title {
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--wp--preset--color--navy);
}

.program-item__meta {
	font-size: 0.85rem;
	color: var(--wp--preset--color--muted);
}

.program-item__body {
	padding: 0 1.75rem 1.75rem;
	border-top: 1px solid #ececf3;
}

.program-item__subtitle {
	margin: 1.5rem 0 0.6rem;
	font-size: 0.95rem;
	font-weight: 700;
	color: var(--wp--preset--color--blue);
}

.program-item__list {
	margin: 0;
	padding-left: 1.1rem;
	color: var(--wp--preset--color--navy);
	font-size: 0.95rem;
	line-height: 1.7;
}

.program-item__list li {
	margin-bottom: 0.25rem;
}

/* =====================================================
   DOCENTE
   ===================================================== */
.instructor-photo img {
	width: 100%;
	height: auto;
	display: block;
}

.credentials {
	list-style: none;
	margin: 1.75rem 0 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.25rem;
}

.credential {
	position: relative;
	padding-left: 1.15rem;
}

.credential::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.45rem;
	width: 4px;
	height: calc(100% - 0.6rem);
	border-radius: 4px;
	background: var(--wp--preset--color--orange);
}

.credential__title {
	display: block;
	color: var(--wp--preset--color--navy);
	font-size: 0.95rem;
	font-weight: 700;
	margin-bottom: 0.2rem;
}

.credential__text {
	color: var(--wp--preset--color--muted);
	font-size: 0.875rem;
	line-height: 1.6;
}

/* =====================================================
   MATERIAL ACADÉMICO
   ===================================================== */
.section--materials {
	overflow: hidden;
}

.materials-list {
	list-style: none;
	margin: 1.75rem 0 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0.75rem 1.5rem;
}

.materials-list li {
	position: relative;
	padding-left: 1.75rem;
	color: #fff;
	font-size: 0.95rem;
	line-height: 1.5;
}

.materials-list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.15rem;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: var(--wp--preset--color--orange)
		center / 11px 11px no-repeat
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5 9.5 18 20 6.5'/%3E%3C/svg%3E");
}

.materials-photo img {
	width: 100%;
	height: auto;
	display: block;
}

/* =====================================================
   TESTIMONIOS
   ===================================================== */
.testimonials-avatars {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1.5rem;
	margin-top: 2rem;
}

.testimonials-avatars img {
	border-radius: 50%;
	object-fit: cover;
	background: #fff;
	box-shadow: 0 8px 24px rgba(5, 0, 57, 0.12);
}

.testimonials-avatars__main {
	width: 104px;
	height: 104px;
}

.testimonials-avatars__side {
	width: 74px;
	height: 74px;
	opacity: 0.75;
}

.testimonial-quote {
	border: none;
	padding: 0;
	margin-inline: 0;
}

.testimonial-quote p {
	color: var(--wp--preset--color--navy);
	font-weight: 500;
	line-height: 1.5;
	text-wrap: balance;
}

.testimonial-quote cite {
	display: block;
	text-align: center;
	font-style: normal;
	font-size: 0.85rem;
	color: var(--wp--preset--color--muted);
	margin-top: 1rem;
}

/* =====================================================
   ASÍ SE VIVE LA FORMACIÓN (destacado + cards)
   ===================================================== */
.blog-layout {
	gap: 1.75rem;
}

.blog-featured {
	position: relative;
	border-radius: 16px;
	overflow: hidden;
	height: 100%;
	min-height: 320px;
}

.blog-featured__img {
	width: 100%;
	height: 100%;
	min-height: 320px;
	object-fit: cover;
	display: block;
}

.blog-featured__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(40, 48, 120, 0.15) 0%, rgba(40, 48, 120, 0.85) 100%);
}

.date-badge {
	position: absolute;
	top: 16px;
	right: 16px;
	display: flex;
	flex-direction: column;
	align-items: center;
	background: #fff;
	border-radius: 10px;
	padding: 0.5rem 0.85rem;
	line-height: 1.1;
	box-shadow: 0 6px 18px rgba(5, 0, 57, 0.2);
}

.date-badge__day {
	font-size: 1.4rem;
	font-weight: 700;
	color: var(--wp--preset--color--navy);
}

.date-badge__month {
	font-size: 0.8rem;
	font-weight: 600;
	color: var(--wp--preset--color--navy);
}

.blog-featured__content {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 1.5rem;
	color: #fff;
}

.blog-featured__title {
	font-size: 1.15rem;
	font-weight: 600;
	margin: 0 0 0.75rem;
}

.blog-featured__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 1.25rem;
	font-size: 0.8125rem;
	color: #dfe3ff;
}

.blog-mini {
	display: flex;
	gap: 1rem;
	align-items: stretch;
	margin-bottom: 1.25rem;
}

.blog-mini:last-child {
	margin-bottom: 0;
}

.blog-mini__img {
	width: 120px;
	height: 110px;
	object-fit: cover;
	border-radius: 12px;
	flex: 0 0 auto;
}

.blog-mini__body {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.blog-mini__date {
	font-size: 0.75rem;
	color: var(--wp--preset--color--muted);
}

.blog-mini__cat {
	font-size: 0.8rem;
	font-weight: 600;
	color: var(--wp--preset--color--blue);
	margin: 0.25rem 0 0.15rem;
}

.blog-mini__text {
	margin: 0;
	font-size: 0.95rem;
	color: var(--wp--preset--color--navy);
}

.blog-more a {
	color: var(--wp--preset--color--navy);
	text-decoration: none;
}

.blog-more a:hover {
	color: var(--wp--preset--color--orange);
}

/* =====================================================
   FECHAS (página de eventos)
   ===================================================== */
.events-list {
	max-width: 1000px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 1.75rem;
}

.event-row {
	display: flex;
	gap: 1.75rem;
	align-items: center;
}

.event-row__media {
	position: relative;
	flex: 0 0 300px;
	line-height: 0;
}

.event-row__media img {
	width: 300px;
	height: 180px;
	object-fit: cover;
	border-radius: 14px;
	display: block;
}

.event-row__body {
	color: #fff;
}

.event-row__title {
	color: #fff;
	font-size: 1.4rem;
	font-weight: 700;
	margin: 0 0 0.5rem;
}

.event-row__desc {
	color: #c7cbe8;
	font-size: 0.9rem;
	margin: 0 0 1rem;
	max-width: 520px;
}

.event-row__meta {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.event-row__meta li {
	display: flex;
	align-items: flex-start;
	gap: 0.55rem;
	color: #fff;
	font-size: 0.85rem;
	line-height: 1.45;
}

.event-row__meta svg {
	color: var(--wp--preset--color--blue);
	flex: 0 0 auto;
	margin-top: 0.15rem;
}

@media (max-width: 781px) {
	.event-row {
		flex-direction: column;
		align-items: stretch;
	}
	.event-row__media,
	.event-row__media img {
		flex-basis: auto;
		width: 100%;
	}
}

/* =====================================================
   ALIADOS
   ===================================================== */
.partners-row {
	align-items: center;
}

.partner-logo {
	opacity: 0.35;
	filter: grayscale(1);
	transition: opacity 0.2s ease;
	margin: 0;
}

.partner-logo:hover {
	opacity: 0.7;
}

.partner-logo--full,
.partner-logo--full:hover {
	opacity: 1;
	filter: none;
}

.partner-note {
	max-width: 340px;
}

.partner-note p {
	margin: 0 0 0.35rem;
}

/* =====================================================
   FOOTER
   ===================================================== */

/*
 * Tokens locales del footer: un solo lugar donde ajustar el contraste del
 * texto sobre el fondo `ink`. `muted` (#8A8FA8) se queda corto en cuerpos
 * pequeños, así que aquí usamos blancos translúcidos.
 */
.site-footer {
	--footer-text: rgba(255, 255, 255, 0.72);
	--footer-line: rgba(255, 255, 255, 0.12);
	position: relative;
}

/* Filete de marca que separa el footer de la sección clara anterior. */
.site-footer::before {
	content: "";
	position: absolute;
	inset-inline: 0;
	top: 0;
	height: 3px;
	background: linear-gradient(
		90deg,
		var(--wp--preset--color--orange) 0%,
		var(--wp--preset--color--blue) 55%,
		var(--wp--preset--color--navy) 100%
	);
}

/* Rejilla principal: marca + 3 columnas de enlaces + panel de reserva. */
.site-footer__top {
	display: grid;
	grid-template-columns:
		minmax(240px, 1.4fr)
		repeat(3, minmax(120px, 0.8fr))
		minmax(296px, 1.1fr);
	gap: 3rem 2.5rem;
	align-items: start;
}

/* --- Columna de marca --- */
.site-footer__logo {
	margin: 0;
	line-height: 0;
}

.site-footer__logo img {
	display: block;
	height: auto;
}

.site-footer__pitch {
	color: var(--footer-text);
	line-height: 1.65;
	margin: 0;
	max-width: 34ch;
}

.site-footer__contact-item {
	color: var(--footer-text);
	margin: 0;
	padding-left: 1.75rem;
	position: relative;
}

/* Iconos de línea (estilo del kit de marca) pintados con mask, sin peticiones. */
.site-footer__contact-item::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.1em;
	width: 1.05rem;
	height: 1.05rem;
	background-color: var(--wp--preset--color--orange);
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
}

.site-footer__contact-item.is-place::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='2.6'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='2.6'/%3E%3C/svg%3E");
}

.site-footer__contact-item.is-chat::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.5 11.5a8.5 8.5 0 0 1-12.3 7.6L3.5 20.5l1.4-4.7A8.5 8.5 0 1 1 20.5 11.5Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.5 11.5a8.5 8.5 0 0 1-12.3 7.6L3.5 20.5l1.4-4.7A8.5 8.5 0 1 1 20.5 11.5Z'/%3E%3C/svg%3E");
}

.site-footer__contact-item a {
	color: #fff;
	font-weight: 500;
	text-decoration: none;
}

.site-footer__contact-item a:hover,
.site-footer__contact-item a:focus-visible {
	color: var(--wp--preset--color--orange);
}

/* --- Columnas de enlaces --- */
.site-footer__col h4 {
	color: #fff;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.16em;
	margin: 0.35rem 0 0;
	text-transform: uppercase;
}

.site-footer__col .wp-block-navigation__container {
	gap: 0.75rem;
}

/*
 * El bloque Navigation fuerza `color: inherit` en sus enlaces, así que el color
 * se define en el contenedor y se refuerza en el enlace.
 */
.site-footer__col .wp-block-navigation,
.site-footer .site-footer__col a,
.site-footer .site-footer__col .wp-block-navigation-item__content {
	color: var(--footer-text);
	text-decoration: none;
	transition: color 0.2s ease, transform 0.2s ease;
}

.site-footer .site-footer__col a:hover,
.site-footer .site-footer__col a:focus-visible,
.site-footer .site-footer__col .wp-block-navigation-item__content:hover,
.site-footer .site-footer__col .wp-block-navigation-item__content:focus-visible {
	color: #fff;
	transform: translateX(3px);
}

/* --- Panel de reserva --- */
.site-footer__cta {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid var(--footer-line);
	border-radius: 20px;
	padding: 1.75rem;
}

.site-footer__cta h4 {
	font-size: 1.25rem;
	line-height: 1.25;
	margin: 0;
}

.site-footer__cta p {
	color: var(--footer-text);
	line-height: 1.6;
	margin: 0;
}

.site-footer__cta .wp-block-buttons,
.site-footer__cta .wp-block-button {
	width: 100%;
}

.site-footer__cta .wp-block-button__link {
	box-sizing: border-box;
	display: block;
	font-size: 0.9rem;
	line-height: 1.35;
	padding-left: 1rem;
	padding-right: 1rem;
	text-align: center;
	white-space: nowrap;
	width: 100%;
}

/* --- Separador y barra inferior --- */
.site-footer__divider {
	border: 0;
	height: 1px;
	max-width: none;
	opacity: 1;
	width: 100%;
}

.site-footer__bottom {
	gap: 1.5rem 2rem;
}

.site-footer__claim {
	color: #fff;
	font-size: 0.9rem;
	font-weight: 600;
	margin: 0;
}

.site-footer__copy {
	color: var(--footer-text);
	margin: 0;
}

.site-footer__social .wp-social-link {
	background: transparent;
	border: 1px solid var(--footer-line);
	transition: background-color 0.2s ease, border-color 0.2s ease,
		transform 0.2s ease;
}

.site-footer__social .wp-social-link:hover,
.site-footer__social .wp-social-link:focus-within {
	background: var(--wp--preset--color--orange);
	border-color: var(--wp--preset--color--orange);
	transform: translateY(-2px);
}

@media (prefers-reduced-motion: reduce) {
	.site-footer .site-footer__col a,
	.site-footer .site-footer__col .wp-block-navigation-item__content,
	.site-footer__social .wp-social-link {
		transition: none;
	}

	.site-footer .site-footer__col a:hover,
	.site-footer .site-footer__col .wp-block-navigation-item__content:hover,
	.site-footer__social .wp-social-link:hover {
		transform: none;
	}
}

/* =====================================================
   RESPONSIVE
   ===================================================== */
@media (max-width: 1024px) {
	.levels-grid {
		grid-template-columns: repeat(2, 1fr) !important;
	}
	.credentials {
		grid-template-columns: 1fr;
	}
	/* Footer: marca arriba, las 3 columnas de enlaces en fila, reserva abajo. */
	.site-footer__top {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 2.5rem 2rem;
	}
	.site-footer__about,
	.site-footer__cta {
		grid-column: 1 / -1;
	}
	.site-footer__pitch {
		max-width: 52ch;
	}
	.site-footer__cta .wp-block-button__link {
		display: inline-block;
		width: auto;
	}
}

@media (max-width: 781px) {
	.levels-grid {
		grid-template-columns: 1fr !important;
	}
	.schedule-grid {
		grid-template-columns: 1fr;
	}
	.materials-list {
		grid-template-columns: 1fr;
	}
	.blog-layout {
		flex-direction: column;
	}
	.blog-layout .wp-block-column {
		flex-basis: 100% !important;
	}
	.instructor-layout .wp-block-column {
		flex-basis: 100% !important;
	}
	.site-header__cta {
		display: none;
	}
	.levels-summary {
		gap: 1.5rem 2rem;
	}
	.site-footer__top {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.site-footer__bottom {
		justify-content: flex-start;
	}
}

/* Móviles estrechos: enlaces algo menores para que no partan en dos líneas. */
@media (max-width: 440px) {
	.site-footer__top {
		column-gap: 1.25rem;
	}
	.site-footer .site-footer__col a,
	.site-footer .site-footer__col .wp-block-navigation-item__content {
		font-size: 0.9375rem;
	}
}

@media (max-width: 600px) {
	.blog-mini__img {
		width: 90px;
		height: 90px;
	}
	.stat {
		min-width: 120px;
	}
	.stat strong {
		font-size: 2rem;
	}
	.program-item__summary {
		padding-right: 2.5rem;
	}
	.testimonials-avatars {
		gap: 1rem;
	}
	.testimonials-avatars__main {
		width: 84px;
		height: 84px;
	}
	.testimonials-avatars__side {
		width: 60px;
		height: 60px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.card,
	.card--level:hover {
		transform: none;
		transition: none;
	}
}