.vidaytu-clientes-testimonials {
padding-block: var(--wp--preset--spacing--70, var(--wp--preset--spacing--60));
}
.vidaytu-clientes-testimonials.is-bg-default {
background: var(--wp--preset--color--bg);
}
.vidaytu-clientes-testimonials.is-bg-soft {
background: var(--wp--preset--color--bg-soft);
}
.vidaytu-clientes-testimonials.is-bg-muted {
background: var(--wp--preset--color--bg-muted);
}
.vidaytu-clientes-testimonials__inner {
max-width: var(--wp--style--global--wide-size);
margin-inline: auto;
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--50);
}
.vidaytu-clientes-testimonials.alignfull .vidaytu-clientes-testimonials__inner {
max-width: none;
padding-inline: var(--wp--preset--spacing--40);
} .vidaytu-clientes-testimonials__header {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: space-between;
gap: var(--wp--preset--spacing--40);
}
.vidaytu-clientes-testimonials.is-header-center .vidaytu-clientes-testimonials__header {
justify-content: center;
text-align: center;
}
.vidaytu-clientes-testimonials.is-header-center .vidaytu-clientes-testimonials__header-text {
margin-inline: auto;
align-items: center;
}
.vidaytu-clientes-testimonials__header-text {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--20);
max-width: 56rem;
flex: 1 1 36rem;
min-width: 0;
}
.vidaytu-clientes-testimonials__kicker {
margin: 0;
font-size: var(--wp--preset--font-size--sm);
font-weight: 500;
color: var(--wp--preset--color--text-muted);
letter-spacing: 0.01em;
text-wrap: pretty;
}
.vidaytu-clientes-testimonials__heading {
margin: 0;
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--3xl);
font-weight: 700;
line-height: 1.15;
letter-spacing: -0.02em;
color: var(--wp--preset--color--primary);
text-wrap: balance;
}
.vidaytu-clientes-testimonials__intro {
color: var(--wp--preset--color--text-muted);
font-size: var(--wp--preset--font-size--md);
line-height: 1.6;
}
.vidaytu-clientes-testimonials__intro p {
margin: 0 0 var(--wp--preset--spacing--20);
}
.vidaytu-clientes-testimonials__intro p:last-child {
margin-bottom: 0;
} .vidaytu-clientes-testimonials__trust {
display: inline-flex;
align-items: center;
gap: var(--wp--preset--spacing--10);
font-size: var(--wp--preset--font-size--sm);
color: var(--wp--preset--color--text-muted);
text-decoration: none;
flex-shrink: 0;
}
.vidaytu-clientes-testimonials__trust--link {
transition: color 160ms ease, transform 160ms ease;
}
.vidaytu-clientes-testimonials__trust--link:hover,
.vidaytu-clientes-testimonials__trust--link:focus-visible {
color: var(--wp--preset--color--text);
transform: translateY(-1px);
}
.vidaytu-clientes-testimonials__trust--link:focus-visible {
outline: 3px solid var(--wp--preset--color--accent);
outline-offset: 3px;
border-radius: var(--wp--custom--radius--sm);
}
.vidaytu-clientes-testimonials__trust-text {
font-weight: 500;
}
.vidaytu-clientes-testimonials__trust-mark {
display: inline-flex;
align-items: center;
justify-content: center;
width: 1.25rem;
height: 1.25rem;
}
.vidaytu-clientes-testimonials__trust-mark svg {
width: 100%;
height: 100%;
display: block;
}
.vidaytu-clientes-testimonials__trust-mark--custom {
width: auto;
height: auto;
font-weight: 600;
color: var(--wp--preset--color--text);
} .vidaytu-clientes-testimonials__viewport {
overflow-x: auto;
overflow-y: visible;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
scrollbar-width: none;
-ms-overflow-style: none;
margin-inline: calc(var(--wp--preset--spacing--30) * -1);
padding-inline: var(--wp--preset--spacing--30);
padding-block: var(--wp--preset--spacing--10);
}
.vidaytu-clientes-testimonials__viewport::-webkit-scrollbar {
display: none;
}
.vidaytu-clientes-testimonials__viewport:focus-visible {
outline: 3px solid var(--wp--preset--color--accent);
outline-offset: 4px;
border-radius: var(--wp--custom--radius--md);
}
.vidaytu-clientes-testimonials__track {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-auto-flow: column;
grid-auto-columns: calc(
(100% - (var(--vidaytu-testimonials-spv, 3) - 1) * var(--wp--preset--spacing--40))
/ var(--vidaytu-testimonials-spv, 3)
);
gap: var(--wp--preset--spacing--40);
}
.vidaytu-clientes-testimonials__slide {
scroll-snap-align: start;
scroll-snap-stop: always;
min-width: 0;
} .vidaytu-clientes-testimonials__card {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--30);
height: 100%;
padding: var(--wp--preset--spacing--40);
background: var(--wp--preset--color--bg);
border-radius: var(--wp--custom--radius--md);
box-shadow: var(--wp--custom--shadow--sm);
transition: box-shadow 200ms ease, transform 200ms ease;
}
.vidaytu-clientes-testimonials.is-card-clean .vidaytu-clientes-testimonials__card {
background: transparent;
box-shadow: none;
padding: 0;
border-radius: 0;
}
.vidaytu-clientes-testimonials.is-bg-default .vidaytu-clientes-testimonials__card {
background: var(--wp--preset--color--bg-soft);
}
.vidaytu-clientes-testimonials.is-bg-default.is-card-clean .vidaytu-clientes-testimonials__card {
background: transparent;
}
.vidaytu-clientes-testimonials__quote {
margin: 0;
font-size: var(--wp--preset--font-size--md);
line-height: 1.6;
color: var(--wp--preset--color--text);
font-style: normal;
quotes: none;
}
.vidaytu-clientes-testimonials__quote::before,
.vidaytu-clientes-testimonials__quote::after {
content: '';
}
.vidaytu-clientes-testimonials__author {
margin: 0;
display: flex;
flex-direction: column;
gap: 2px;
font-size: var(--wp--preset--font-size--sm);
color: var(--wp--preset--color--text-muted);
margin-top: auto;
}
.vidaytu-clientes-testimonials__author-link,
.vidaytu-clientes-testimonials__author-name {
font-weight: 500;
color: var(--wp--preset--color--primary);
}
.vidaytu-clientes-testimonials__author-link {
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1px;
transition: color 160ms ease;
}
.vidaytu-clientes-testimonials__author-link:hover,
.vidaytu-clientes-testimonials__author-link:focus-visible {
color: var(--wp--preset--color--primary-hover);
}
.vidaytu-clientes-testimonials__author-link:focus-visible {
outline: 3px solid var(--wp--preset--color--accent);
outline-offset: 3px;
border-radius: var(--wp--custom--radius--sm);
text-decoration: none;
}
.vidaytu-clientes-testimonials__author-role {
color: var(--wp--preset--color--text-muted);
} .vidaytu-clientes-testimonials__controls {
display: flex;
align-items: center;
gap: var(--wp--preset--spacing--40);
flex-wrap: wrap;
}
.vidaytu-clientes-testimonials.is-arrows-below-left .vidaytu-clientes-testimonials__controls {
justify-content: flex-start;
}
.vidaytu-clientes-testimonials.is-arrows-below-center .vidaytu-clientes-testimonials__controls {
justify-content: center;
}
.vidaytu-clientes-testimonials.is-arrows-below-right .vidaytu-clientes-testimonials__controls {
justify-content: flex-end;
}
.vidaytu-clientes-testimonials__arrows {
display: inline-flex;
gap: var(--wp--preset--spacing--20);
}
.vidaytu-clientes-testimonials__arrow {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
padding: 0;
border: 1px solid var(--wp--preset--color--border);
border-radius: var(--wp--custom--radius--pill);
background: var(--wp--preset--color--bg);
color: var(--wp--preset--color--text);
cursor: pointer;
transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease, transform 160ms ease;
}
.vidaytu-clientes-testimonials__arrow svg {
width: 1rem;
height: 1rem;
display: block;
}
.vidaytu-clientes-testimonials__arrow:hover,
.vidaytu-clientes-testimonials__arrow:focus-visible {
background: var(--wp--preset--color--primary);
color: var(--wp--preset--color--bg);
border-color: var(--wp--preset--color--primary);
}
.vidaytu-clientes-testimonials__arrow:focus-visible {
outline: 3px solid var(--wp--preset--color--accent);
outline-offset: 2px;
}
.vidaytu-clientes-testimonials__arrow:active {
transform: scale(0.96);
}
.vidaytu-clientes-testimonials__arrow[disabled] {
opacity: 0.4;
cursor: not-allowed;
} .vidaytu-clientes-testimonials__dots {
display: inline-flex;
gap: var(--wp--preset--spacing--10);
align-items: center;
}
.vidaytu-clientes-testimonials__dot {
width: 0.625rem;
height: 0.625rem;
padding: 0;
border: 0;
border-radius: var(--wp--custom--radius--pill);
background: var(--wp--preset--color--border);
cursor: pointer;
transition: background-color 160ms ease, transform 160ms ease;
}
.vidaytu-clientes-testimonials__dot.is-active {
background: var(--wp--preset--color--primary);
transform: scale(1.2);
}
.vidaytu-clientes-testimonials__dot:focus-visible {
outline: 3px solid var(--wp--preset--color--accent);
outline-offset: 2px;
} @media (max-width: 1024px) {
.vidaytu-clientes-testimonials__track {
grid-auto-columns: calc(
(100% - var(--wp--preset--spacing--40))
/ min(var(--vidaytu-testimonials-spv, 3), 2)
);
}
}
@media (max-width: 640px) {
.vidaytu-clientes-testimonials__track {
grid-auto-columns: 85%;
}
.vidaytu-clientes-testimonials__heading {
font-size: var(--wp--preset--font-size--2xl);
}
.vidaytu-clientes-testimonials__header {
align-items: flex-start;
}
.vidaytu-clientes-testimonials__trust {
align-self: flex-start;
}
} @media (prefers-reduced-motion: reduce) {
.vidaytu-clientes-testimonials__viewport {
scroll-behavior: auto;
}
.vidaytu-clientes-testimonials__arrow,
.vidaytu-clientes-testimonials__trust--link,
.vidaytu-clientes-testimonials__dot,
.vidaytu-clientes-testimonials__card {
transition: none;
}
}