/* Ported verbatim from the live "comprar" section on vovocorp.com */
.vlc{
  --c-tinta:#2F3A3D; --c-texto:#4A5558; --c-suave:#6F7C80; --c-linea:rgba(47,58,61,.14); --c-acento:#1E8B9A;
  font-family:var(--font-body--family,"Inter",sans-serif);color:var(--c-texto);-webkit-font-smoothing:antialiased;
  background:#fff;
  padding:clamp(60px,10vh,120px) 0 clamp(70px,12vh,140px);
}
.vlc *,.vlc *::before,.vlc *::after{box-sizing:border-box}
:where(.vlc) :where(h2,p,ul){margin:0;padding:0}
.vlc ul{list-style:none}
.vlc img{display:block;max-width:100%}
.vlc svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.vlc-wrap{max-width:1240px;margin:0 auto;padding:0 clamp(16px,6vw,96px)}
.vlc-eyebrow{font-weight:700;font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:var(--c-acento)}
.vlc-cab h2{font-family:inherit;font-weight:700;font-size:clamp(34px,4.6vw,66px);line-height:1.03;letter-spacing:-.035em;color:var(--c-tinta);margin-top:14px;text-transform:none}
.vlc-cab h2 em{font-style:normal;color:var(--c-acento)}

.vlc-card{margin-top:clamp(32px,5vh,56px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:stretch;
          border:1px solid #E7EFF1;border-radius:32px;padding:clamp(16px,2.4vw,32px);background:#F7FAFB}

.vlc-foto{position:relative;border-radius:24px;overflow:hidden;min-height:clamp(380px,60vh,620px);perspective:1700px;
          background:radial-gradient(70% 60% at 50% 45%,#ffffff 0%,#F6FAFB 75%,#EDF4F5 100%)}
.vlc-3d{position:absolute;left:50%;top:8%;height:80%;aspect-ratio:711/1286;transform-style:preserve-3d;
        transition:transform .9s cubic-bezier(.2,.8,.2,1), opacity .6s ease}
.vlc-cara{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.vlc-frente{transform:translateZ(var(--t,10px))}
.vlc-detras{transform:rotateY(180deg) translateZ(var(--t,10px))}
.vlc-cara > img{width:100%;height:100%}
.vlc-scr{position:absolute;left:16.41%;top:19.43%;width:65.22%;height:9.95%;overflow:hidden;border-radius:2px}
.vlc-scr img{width:100%;height:100%}
.vlc-capa{position:absolute;inset:0;background:#1b1e20;
          -webkit-mask:var(--vlc-sil) center / 100% 100% no-repeat;mask:var(--vlc-sil) center / 100% 100% no-repeat}
.vlc-capa.vlc-borde{background:#2a2e31}
.vlc-lente{position:absolute;left:51.6%;top:47.6%;width:10%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);
           border:2px solid rgba(120,232,240,.95);box-shadow:0 0 16px 3px rgba(86,197,210,.55);animation:vlc-lente 2.4s ease-in-out infinite}
@keyframes vlc-lente{0%,100%{opacity:.25;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}}
.vlc-sombra{position:absolute;bottom:9%;height:4%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(13,62,64,.35),rgba(13,62,64,0) 70%);
            transition:transform .9s cubic-bezier(.2,.8,.2,1), opacity .6s ease}
.vlc-sombra-1{left:30%;width:40%}
.vlc-sombra-2{left:40%;width:40%;opacity:0}
.vlc-uno{transform:translateX(-50%) rotateY(0deg)}
.vlc-dos{transform:translateX(-50%) translateZ(-160px) rotateY(180deg);opacity:0}
.vlc[data-m="cam"] .vlc-uno{transform:translateX(-86%) translateZ(40px) rotateY(16deg)}
.vlc[data-m="cam"] .vlc-dos{transform:translateX(-12%) translateZ(-90px) rotateY(212deg);opacity:1}
.vlc[data-m="cam"] .vlc-sombra-1{transform:translateX(-22%)}
.vlc[data-m="cam"] .vlc-sombra-2{opacity:1;transform:translateX(18%)}
.vlc-nota-cam{position:absolute;right:5%;bottom:5%;display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:500;color:var(--c-tinta);
              background:rgba(255,255,255,.85);border:1px solid rgba(255,255,255,.95);border-radius:999px;padding:8px 14px;
              -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .5s ease .3s, transform .5s ease .3s}
.vlc-nota-cam svg{width:18px;height:18px;color:var(--c-acento)}
.vlc[data-m="base"] .vlc-nota-cam{opacity:0;transform:translateY(8px);transition-delay:0s}

.vlc-info{padding:clamp(4px,1vw,16px) clamp(4px,1vw,12px) clamp(4px,1vw,12px) 0;display:flex;flex-direction:column}
.vlc-selector{position:relative;display:grid;grid-template-columns:1fr 1fr;background:#E9F0F2;border-radius:999px;padding:5px}
.vlc-selector button{position:relative;z-index:1;font:inherit;font-size:15.5px;font-weight:500;color:var(--c-texto);background:none;border:0;border-radius:999px;padding:12px 10px;cursor:pointer;transition:color .3s ease}
.vlc-selector button[aria-checked="true"]{color:var(--c-tinta)}
.vlc-pastilla{position:absolute;top:5px;bottom:5px;left:5px;width:calc(50% - 5px);border-radius:999px;background:#fff;
              box-shadow:0 1px 2px rgba(13,62,64,.12),0 6px 16px -8px rgba(13,62,64,.3);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.vlc[data-m="base"] .vlc-pastilla{transform:translateX(100%)}

.vlc-modelo{margin-top:24px}
.vlc[data-m="cam"] .vlc-solo-base,.vlc[data-m="base"] .vlc-solo-cam{display:none}
.vlc-nombre{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-weight:700;font-size:clamp(21px,1.9vw,26px);letter-spacing:-.025em;color:var(--c-tinta);line-height:1.15}
.vlc-tag{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#0E6E7A;background:rgba(86,197,210,.2);padding:4px 10px;border-radius:999px}
.vlc-precio{font-weight:400;font-size:clamp(44px,4.4vw,62px);letter-spacing:-.04em;color:var(--c-tinta);line-height:1.05;margin-top:6px;font-variant-numeric:tabular-nums}
.vlc-lista{margin-top:14px}
.vlc-lista li{display:flex;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--c-linea);font-size:16px;color:var(--c-tinta)}
.vlc-lista svg{flex:none;width:24px;height:24px;color:var(--c-acento)}

.vlc-comun{margin:14px 0 18px;border-radius:16px;background:#fff;border:1px solid #E7EFF1}
.vlc-comun summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;padding:13px 16px;
                   font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--c-suave)}
.vlc-comun summary::-webkit-details-marker{display:none}
.vlc-flecha{width:18px;height:18px;transition:transform .3s ease}
.vlc-comun[open] .vlc-flecha{transform:rotate(180deg)}
.vlc-comun ul{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;padding:0 16px 16px}
.vlc-comun li{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--c-texto);line-height:1.3}
.vlc-comun li svg{flex:none;width:20px;height:20px;color:var(--c-acento)}

.vlc-btn{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:.5em;font-weight:500;font-size:17px;text-decoration:none;color:#fff;
         background:linear-gradient(135deg,#56C5D2,#1E8B9A);padding:18px 28px;border-radius:999px;transition:filter .3s ease, transform .3s ease}
.vlc-btn:hover{filter:brightness(1.06);transform:translateY(-1px);color:#fff}
.vlc-pie{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 18px;margin-top:12px;font-size:13.5px;color:var(--c-suave)}
.vlc-pie span{display:flex;align-items:center;gap:6px}
.vlc-pie svg{width:16px;height:16px;color:var(--c-acento)}
.vlc-link{align-self:center;margin-top:14px;font-weight:500;font-size:15px;color:var(--c-tinta);text-decoration:none;border-bottom:1px solid rgba(47,58,61,.3);padding-bottom:2px}
.vlc-link:hover{border-color:var(--c-tinta);color:var(--c-tinta)}

@media (max-width:860px){
  .vlc-card{grid-template-columns:1fr}
  .vlc-foto{min-height:clamp(320px,48vh,440px)}
  .vlc-info{padding:0}
  .vlc-btn{margin-top:18px}
}
@media (max-width:420px){
  .vlc-comun ul{grid-template-columns:1fr}
}
@media (prefers-reduced-motion: reduce){
  .vlc-3d,.vlc-sombra{transition:none}
  .vlc-lente{animation:none}
}