/* Víctor SEO WEB Widgets 2.0 · vs2-mapa.css · generado por tools/css2.py a partir de web/assets/css/site.css. No editar a mano. */

.vs2 .vs-reach{display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(40px, 6vw, 88px); align-items: center;}
.vs2 .vs-map{margin: 0; padding: clamp(12px, 2vw, 24px); background: var(--vs-soft); border: 1px solid var(--vs-line); border-radius: var(--vs-r-lg);}
.vs2 .vs-map__svg{display: block; width: 100%; height: auto; overflow: visible;}
.vs2 .vs-map__land{opacity: .9;}
.vs2 .vs-map__countries path{opacity: .55; transition: opacity .35s;}
.vs2 .vs-map[data-active] .vs-map__countries path{opacity: .2;}
.vs2 .vs-map[data-active="pe"] .vs-map__countries [data-c="pe"], .vs2 .vs-map[data-active="us"] .vs-map__countries [data-c="us"], .vs2 .vs-map[data-active="es"] .vs-map__countries [data-c="es"], .vs2 .vs-map[data-active="ar"] .vs-map__countries [data-c="ar"]{opacity: 1;}
.vs2 .vs-map__arcs path{fill: none; stroke: var(--vs-brand); stroke-width: 2; stroke-linecap: round; stroke-dasharray: 1; stroke-dashoffset: 0; opacity: .7; transition: stroke-dashoffset 1.6s var(--vs-ease), opacity .3s; transition-delay: calc(.5s + var(--i) * .25s), 0s;}
.vs2-reveal .vs2 .vs-map:not(.is-in) .vs-map__arcs path{stroke-dashoffset: 1;}
.vs2 .vs-pin__dot{fill: var(--vs-brand); stroke: #fff; stroke-width: 2.5;}
.vs2 .vs-pin__pulse{fill: rgba(91, 61, 245, .35); transform-box: fill-box; transform-origin: center; animation: vs-pinpulse 2.6s ease-out infinite; animation-delay: calc(var(--i) * .35s);}
.vs2 .vs-pin--base .vs-pin__dot{fill: var(--vs-ink); stroke-width: 3;}
.vs2 .vs-pin__label{font-family: var(--vs-font); font-size: 21px; font-weight: 600; fill: var(--vs-ink); paint-order: stroke; stroke: var(--vs-soft); stroke-width: 5px; stroke-linejoin: round;}
.vs2 .vs-pin{transition: opacity .3s;}
.vs2 .vs-pin > circle, .vs2 .vs-pin > text{transition: transform .5s var(--vs-ease), opacity .5s;}
.vs2-reveal .vs2 .vs-map:not(.is-in) .vs-pin > :is(.vs-pin__dot, .vs-pin__label){opacity: 0;}
.vs2 .vs-map.is-in .vs-pin > :is(.vs-pin__dot, .vs-pin__label){transition-delay: calc(.3s + var(--i) * .15s);}
.vs2 .vs-map[data-active] .vs-pin:not([data-c]){opacity: .4;}
.vs2 .vs-map[data-active="pe"] .vs-pin:not([data-c="pe"]), .vs2 .vs-map[data-active="us"] .vs-pin:not([data-c="us"]), .vs2 .vs-map[data-active="es"] .vs-pin:not([data-c="es"]), .vs2 .vs-map[data-active="ar"] .vs-pin:not([data-c="ar"]){opacity: .35;}
.vs2 .vs-map[data-active="us"] .vs-map__arcs path:not([data-c="us"]), .vs2 .vs-map[data-active="es"] .vs-map__arcs path:not([data-c="es"]), .vs2 .vs-map[data-active="ar"] .vs-map__arcs path:not([data-c="ar"]){opacity: .15;}
.vs2 .vs-reach__text .vs-kicker{margin-bottom: 14px;}
.vs2 .vs-reach__text .vs-lead{margin-top: 16px;}
.vs2 .vs-reach__label{margin: 32px 0 12px; font-size: .9375rem; font-weight: 600; color: var(--vs-slate);}
.vs2 .vs-countries{list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 12px;}
.vs2 .vs-countries li{display: flex; align-items: center; gap: 12px; padding: 16px 18px; border: 1px solid var(--vs-line); border-radius: var(--vs-r); background: #fff; font-weight: 600; cursor: default; transition: border-color .25s, box-shadow .25s, transform .25s var(--vs-ease);}
.vs2 .vs-countries li:hover, .vs2 .vs-countries li.is-on{border-color: var(--vs-brand); box-shadow: 0 12px 26px -18px rgba(91, 61, 245, .7); transform: translateY(-2px);}
.vs2 .vs-countries svg{width: 20px; height: 20px; flex: none; fill: none; stroke: var(--vs-brand); stroke-width: 1.8; stroke-linejoin: round;}
@media (max-width: 1099px){.vs2 .vs-reach{grid-template-columns: 1fr;}.vs2 .vs-map{max-width: 720px;}}
@media (max-width: 639px){.vs2 .vs-countries{gap: 10px;}.vs2 .vs-countries li{padding: 14px; font-size: .9375rem;}}
@media (prefers-reduced-motion: reduce){.vs2 .vs-pin__pulse{animation: none !important;}.vs2 .vs-pin__pulse{display: none;}}