.vpp{margin-block:clamp(2.5rem,6vw,5rem);padding:clamp(1rem,3vw,2.5rem);border-radius:20px;background:var(--wp--preset--color--beige);color:var(--wp--preset--color--negro);min-width:0;font-family:var(--wp--preset--font-family--body)}
.vpp__heading{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.25rem;margin-bottom:1.5rem}
.vpp__heading>div:first-child{flex:1 1 560px;min-width:0;max-width:760px}
.vp .vpp h2{font-size:clamp(1.8rem,3.2vw,3.25rem);margin:0 0 1rem}
.vpp__eyebrow{margin:0 0 .6rem;color:var(--wp--preset--color--arcilla);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}
.vpp__intro{margin:0;font-size:1rem;overflow-wrap:anywhere}
.vpp__controls{display:flex;align-items:center;gap:.65rem}.vpp__controls[hidden]{display:none}
.vpp__controls button{display:grid;place-items:center;width:48px;min-height:48px;padding:10px;border:1px solid var(--wp--preset--color--arena);border-radius:50%;background:var(--wp--preset--color--blanco);color:inherit;cursor:pointer}
.vpp__controls button:disabled{opacity:.4;cursor:default}.vpp__controls svg{width:24px;height:24px}.vpp__controls span{font-size:.875rem;min-width:3.5em;text-align:center}
.vpp .vpp__track{position:relative;display:flex;gap:1rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;list-style:none;padding:4px 4px 16px;margin:0;max-width:100%;scrollbar-width:thin;scrollbar-color:var(--wp--preset--color--arena) transparent}
.vpp__step{flex:0 0 88%;min-width:0;scroll-snap-align:start;display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:var(--wp--preset--color--blanco)}
.vpp__photo{position:relative;aspect-ratio:4/3;background:var(--wp--preset--color--arena)}
.vpp__photo>img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0}
.vpp__placeholder{position:absolute;inset:0;display:grid;place-items:center}.vpp__placeholder svg{width:64px;height:64px}
.vpp__number{position:absolute;top:.75rem;left:.75rem;display:grid;place-items:center;min-width:44px;min-height:44px;padding:.4rem;border-radius:50%;background:var(--wp--preset--color--blanco);color:var(--wp--preset--color--negro);font-size:.875rem}
.vpp__copy{padding:clamp(1rem,2vw,1.5rem);flex:1;overflow-wrap:anywhere}
.vp .vpp__copy h3{font-size:clamp(1.35rem,1.8vw,1.7rem);margin:0 0 .8rem}.vpp__copy p{font-size:1rem;margin:0;line-height:1.65}
.vpp__step:nth-child(2) .vpp__photo,.vpp__step:nth-child(5) .vpp__photo{background:var(--wp--preset--color--salvia);color:var(--wp--preset--color--blanco)}
.vpp__step:nth-child(3) .vpp__photo{background:var(--wp--preset--color--terracota)}
.vpp__video-row{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(1.5rem,4vw,3rem);align-items:center;border-top:1px solid var(--wp--preset--color--arena);margin-top:clamp(1.5rem,4vw,3rem);padding-top:clamp(1.5rem,4vw,3rem)}
.vpp__video{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:var(--wp--preset--color--negro)}
.vpp__video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.vpp__video-copy{min-width:0;max-width:40em;overflow-wrap:anywhere}
.vp .vpp__video-copy h3{font-size:clamp(1.5rem,2.5vw,2.5rem);margin:0 0 1rem}.vpp__video-copy p{margin:0;font-size:1rem;line-height:1.7}
.vpp :focus-visible{outline:2px solid var(--wp--preset--color--arcilla);outline-offset:3px}
@media(min-width:600px){.vpp__step{flex-basis:calc((100% - 1rem)/2)}}
@media(min-width:782px){.vpp__video-row{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}}
@media(min-width:1024px){.vpp__step{flex-basis:calc((100% - 3rem)/4)}}