/** Shopify CDN: Minification failed

Line 884:0 Unexpected "}"

**/
/* START_SECTION:yhm-locator (INDEX:49) */
/* ============================================================
BASE
============================================================ */
.ypts,
.ypts *,
.ypts *::before,
.ypts *::after {
box-sizing: border-box;
}
.ypts {
display: block;
width: 100%;
color: var(--ypts-text);
background: var(--ypts-bg);
font-family: var(--ypts-body-font);
font-size: var(--ypts-body-size);
font-style: var(--ypts-body-style);
font-weight: var(--ypts-body-weight);
line-height: 1.55;
}
.ypts [hidden] {
display: none !important;
}
.ypts img,
.ypts svg {
display: block;
}
.ypts a {
color: inherit;
text-decoration: none;
}
.ypts__shell {
width: min(
100%,
calc(
var(--ypts-max-width) +
(var(--ypts-edge) * 2)
)
);
margin-inline: auto;
padding:
var(--ypts-top)
var(--ypts-edge)
var(--ypts-bottom);
}
/* ============================================================
HEADER
============================================================ */
.ypts__header {
display: grid;
grid-template-columns:
minmax(0, 1.4fr)
minmax(280px, .7fr);
align-items: end;
gap: clamp(36px, 7vw, 110px);
margin-bottom: 64px;
}
.ypts__eyebrow,
.ypts__mini-eyebrow,
.ypts__heading,
.ypts__intro,
.ypts__intro > *,
.ypts__map-title,
.ypts__directory-title,
.ypts__store-name,
.ypts__location,
.ypts__online-title,
.ypts__online-text,
.ypts__online-text > *,
.ypts__online-kicker,
.ypts__online-name,
.ypts__map-footer p {
margin: 0;
}
.ypts__eyebrow,
.ypts__mini-eyebrow {
color: var(--ypts-accent);
font-size: 11px;
font-weight: 600;
line-height: 1.2;
letter-spacing: .16em;
text-transform: uppercase;
}
.ypts__eyebrow {
margin-bottom: 18px;
}
.ypts__mini-eyebrow {
margin-bottom: 7px;
}
.ypts__heading {
max-width: 14ch;
color: var(--ypts-text);
font-family: var(--ypts-heading-font);
font-size: var(--ypts-heading-size);
font-style: var(--ypts-heading-style);
font-weight: var(--ypts-heading-weight);
line-height: .98;
letter-spacing: -.04em;
}
.ypts__intro {
max-width: 40rem;
color: var(--ypts-muted);
line-height: 1.7;
}
/* ============================================================
LOCATOR
============================================================ */
.ypts__locator {
display: grid;
grid-template-columns:
minmax(0, 1fr)
minmax(360px, var(--ypts-directory-width));
height: var(--ypts-locator-height);
overflow: hidden;
border: 1px solid var(--ypts-line);
border-radius: var(--ypts-radius);
background: var(--ypts-panel);
}
/* ============================================================
MAPA
============================================================ */
.ypts__map {
display: flex;
min-width: 0;
min-height: 0;
flex-direction: column;
background: var(--ypts-map-bg);
}
.ypts__map-head {
display: flex;
min-height: 88px;
flex: 0 0 88px;
align-items: center;
justify-content: space-between;
gap: 30px;
padding: 18px 28px;
border-bottom: 1px solid var(--ypts-line);
background: var(--ypts-panel);
}
.ypts__map-title {
color: var(--ypts-text);
font-family: var(--ypts-heading-font);
font-size: 22px;
font-style: var(--ypts-heading-style);
font-weight: var(--ypts-heading-weight);
line-height: 1.12;
letter-spacing: -.025em;
}
.ypts__map-count {
color: var(--ypts-muted);
font-size: 10px;
font-weight: 600;
letter-spacing: .11em;
text-transform: uppercase;
}
.ypts__map-stage {
position: relative;
display: flex;
min-height: 0;
flex: 1 1 auto;
align-items: center;
justify-content: center;
overflow: hidden;
padding: 22px;
background:
linear-gradient(
rgba(255,255,255,.035) 1px,
transparent 1px
),
linear-gradient(
90deg,
rgba(255,255,255,.035) 1px,
transparent 1px
),
var(--ypts-map-bg);
background-size: 48px 48px;
}
.ypts__cr {
width: min(100%, 780px);
height: 100%;
overflow: visible;
}
.ypts__province {
outline: none;
}
.ypts__province path {
fill: transparent;
fill-rule: evenodd;
stroke: var(--ypts-line);
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
vector-effect: non-scaling-stroke;
transition:
fill 180ms ease,
stroke 180ms ease,
opacity 180ms ease;
}
.ypts__province.has-stores {
cursor: pointer;
}
.ypts__province.is-overview path {
fill: #0A0A0A;
stroke: var(--ypts-muted);
}
.ypts__province.has-stores:hover path,
.ypts__province.has-stores:focus-visible path {
fill: #0A0A0A;
stroke: var(--ypts-accent);
}
.ypts__province.is-active path {
fill: var(--ypts-accent);
stroke: var(--ypts-accent);
}
.ypts__province.is-dimmed path {
opacity: .25;
}
.ypts__province.is-disabled path {
fill: rgba(255,255,255,.015);
opacity: .35;
}

.ypts__map-badge {
pointer-events: none;
}
.ypts__map-badge circle {
fill: transparent;
stroke: var(--ypts-accent);
stroke-width: 1.5;
vector-effect: non-scaling-stroke;
}
.ypts__map-badge text {
fill: var(--ypts-accent);
font-family: var(--ypts-body-font);
font-size: 13px;
font-weight: 500;
letter-spacing: 0;
text-anchor: middle;
dominant-baseline: central;
}
.ypts__map-badge.is-empty {
display: none;
}

.ypts__map-badge.is-hidden {
display: none !important;
}
.ypts__map-footer {
display: flex;
flex: 0 0 auto;
min-height: 64px;
align-items: center;
justify-content: space-between;
gap: 20px;
padding: 14px 28px;
color: var(--ypts-muted);
background: var(--ypts-panel);
border-top: 1px solid var(--ypts-line);
font-size: 10px;
}
.ypts__reset {
flex: 0 0 auto;
padding: 0;
border: 0;
color: var(--ypts-text);
background: transparent;
font: inherit;
font-weight: 600;
cursor: pointer;
}
/* ============================================================
DIRECTORIO
============================================================ */
.ypts__directory {
display: flex;
min-width: 0;
min-height: 0;
flex-direction: column;
border-left: 1px solid var(--ypts-line);
background: var(--ypts-panel);
}
.ypts__directory-head {
display: flex;
min-height: 88px;
flex: 0 0 88px;
align-items: center;
justify-content: space-between;
gap: 22px;
padding: 18px 28px;
border-bottom: 1px solid var(--ypts-line);
}
.ypts__directory-title,
.ypts__online-title {
color: var(--ypts-text);
font-family: var(--ypts-heading-font);
font-style: var(--ypts-heading-style);
font-weight: var(--ypts-heading-weight);
letter-spacing: -.02em;
}
.ypts__directory-title {
font-size: 20px;
}
.ypts__directory-province {
color: var(--ypts-accent);
font-size: 10px;
font-weight: 600;
letter-spacing: .12em;
text-transform: uppercase;
}
/* ============================================================
FILTERS
============================================================ */
.ypts__filters {
display: flex;
flex: 0 0 auto;
gap: 8px;
padding: 14px 28px;
overflow-x: auto;
border-bottom: 1px solid var(--ypts-line);
scrollbar-width: none;
}
.ypts__filters::-webkit-scrollbar {
display: none;
}
.ypts__filter {
min-height: 34px;
flex: 0 0 auto;
padding: 7px 14px;
color: var(--ypts-muted);
background: transparent;
border: 1px solid var(--ypts-line);
border-radius: 999px;
font: inherit;
font-size: 11px;
cursor: pointer;
}
.ypts__filter.is-active {
color: var(--ypts-accent);
border-color: var(--ypts-accent);
background: #000000;
}
.ypts__mobile-filter {
display: none;
}
/* ============================================================
PIZARRA / PUNTOS
============================================================ */

/* Sin overlay café / oliva */
.ypts__store,
.ypts__store:hover,
.ypts__store:focus,
.ypts__store:focus-within,
.ypts__chain-row,
.ypts__chain-row:hover,
.ypts__chain-row:focus,
.ypts__chain-row:focus-within {
  background: var(--ypts-card-bg) !important;
}

.ypts__filter,
.ypts__filter:hover,
.ypts__filter:focus-visible,
.ypts__filter.is-active {
  background: transparent !important;
}

.ypts__province.is-overview path,
.ypts__province.has-stores:hover path,
.ypts__province.has-stores:focus-visible path {
  fill: var(--ypts-map-bg) !important;
}

.ypts__stores {
min-height: 0;
flex: 1 1 auto;
overflow-y: auto;
overscroll-behavior: contain;
scrollbar-width: thin;
scrollbar-color: var(--ypts-accent) transparent;
}
.ypts__stores::-webkit-scrollbar { width: 6px; }
.ypts__stores::-webkit-scrollbar-track { background: transparent; }
.ypts__stores::-webkit-scrollbar-thumb {
background: var(--ypts-accent);
border-radius: 999px;
}
.ypts__store,
.ypts__chain-row {
border-bottom: 1px solid var(--ypts-line);
background: var(--ypts-card-bg);
}
.ypts__store-main,
.ypts__chain-row {
display: grid;
grid-template-columns: 64px minmax(0,1fr) auto;
align-items: center;
gap: 16px;
min-height: 92px;
padding: 14px 24px;
}
.ypts__store-logo-wrap,
.ypts__chain-logo-wrap {
display: grid;
width: 64px;
height: 64px;
min-width: 64px;
min-height: 64px;
place-items: center;
padding: var(--ypts-logo-padding, 7px);
background: #FFFFFF;
border: 0;
border-radius: 8px;
overflow: hidden;
box-shadow: none;
}
.ypts__store-logo,
.ypts__chain-logo {
display: block;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
object-fit: var(--ypts-logo-fit, contain);
object-position: center;
border: 0;
border-radius: 0;
box-shadow: none;
}
.ypts__store-copy,
.ypts__chain-copy { min-width: 0; }
.ypts__store-name,
.ypts__chain-name {
margin: 0;
color: var(--ypts-text);
font-family: var(--ypts-heading-font);
font-size: var(--ypts-store-name-size);
font-style: var(--ypts-heading-style);
font-weight: var(--ypts-heading-weight);
line-height: 1.12;
letter-spacing: -.02em;
}
.ypts__location,
.ypts__chain-location {
margin: 6px 0 0;
color: var(--ypts-accent);
font-size: 10px;
font-weight: 600;
line-height: 1.35;
letter-spacing: .10em;
text-transform: uppercase;
}
.ypts__icon-actions {
display: flex;
align-items: center;
gap: 8px;
}
.ypts__icon-link {
display: grid;
width: 36px;
height: 36px;
place-items: center;
color: var(--ypts-muted);
border: 1px solid var(--ypts-line);
border-radius: 50%;
transition: color 180ms ease, border-color 180ms ease, background-color 180ms ease;
}
.ypts__icon-link:hover {
color: #000;
border-color: var(--ypts-accent);
background: var(--ypts-accent);
}
.ypts__icon-link svg {
width: 16px;
height: 16px;
fill: none;
stroke: currentColor;
stroke-width: 1.5;
stroke-linecap: round;
stroke-linejoin: round;
}
.ypts__chain-source { display:none !important; }

/* ============================================================
NO RESULTS
============================================================ */
.ypts__no-results {
padding: 44px 24px;
color: var(--ypts-muted);
text-align: center;
font-size: 13px;
}
/* ============================================================
ACCESSIBILITY
============================================================ */
.ypts-visually-hidden {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
border: 0 !important;
white-space: nowrap !important;
}
.ypts :focus-visible {
outline: 2px solid var(--ypts-accent);
outline-offset: 3px;
}
/* ============================================================
TABLET
============================================================ */
@media screen and (max-width: 989px) {
.ypts__header {
grid-template-columns: 1fr;
align-items: start;
gap: 24px;
}
.ypts__locator {
display: flex;
height: auto;
flex-direction: column;
}
.ypts__map {
min-height: var(--ypts-map-mobile-height);
}
.ypts__map-stage {
min-height: 400px;
}
.ypts__directory {
border-top: 1px solid var(--ypts-line);
border-left: 0;
}
.ypts__stores {
display: block;
max-height: 560px;
overflow-y: auto;
overflow-x: hidden;
}
}
/* ============================================================
MOBILE
============================================================ */
@media screen and (max-width: 749px) {
.ypts {
font-size: var(--ypts-body-size-mobile);
}

.ypts__shell {
width: 100%;
padding:
var(--ypts-top-mobile)
var(--ypts-edge-mobile)
var(--ypts-bottom-mobile);
}

.ypts__header {
margin-bottom: 42px;
}

.ypts__heading {
font-size: var(--ypts-heading-size-mobile);
line-height: 1.01;
}

/* LOCALIZADOR */
.ypts__locator {
display: flex;
width: auto;
height: auto;
margin-inline: 0;
flex-direction: column;
overflow: hidden;
border-inline: 0;
border-radius: 0;
}

.ypts__map {
width: 100%;
min-height: var(--ypts-map-mobile-height);
}

.ypts__map-head,
.ypts__directory-head {
min-height: 76px;
flex-basis: auto;
}

.ypts__map-head {
padding: 15px 20px;
}

.ypts__map-title {
font-size: 20px;
}

.ypts__map-stage {
min-height: 300px;
padding: 10px 5px;
background-size: 36px 36px;
}

.ypts__map-footer {
align-items: flex-start;
padding: 14px 20px;
}

/* DIRECTORIO */
.ypts__directory {
width: 100%;
min-width: 0;
border-top: 1px solid var(--ypts-line);
border-left: 0;
}

.ypts__directory-head {
padding: 18px 20px 16px;
}

.ypts__directory-title {
font-size: 19px;
}

.ypts__filters {
display: none;
}

.ypts__mobile-filter {
display: block;
padding: 14px 20px 14px;
border-bottom: 1px solid var(--ypts-line);
}

.ypts__select-label {
display: block;
margin-bottom: 7px;
color: var(--ypts-muted);
font-size: 9px;
font-weight: 600;
letter-spacing: .12em;
text-transform: uppercase;
}

.ypts__select-wrap {
position: relative;
}

.ypts__select {
width: 100%;
min-height: 44px;
appearance: none;
padding: 9px 42px 9px 14px;
color: var(--ypts-text);
background: var(--ypts-panel);
border: 1px solid var(--ypts-line);
border-radius: var(--ypts-button-radius);
font: inherit;
}

.ypts__select-wrap svg {
position: absolute;
top: 50%;
right: 14px;
width: 18px;
height: 18px;
fill: none;
stroke: var(--ypts-accent);
stroke-width: 1.5;
transform: translateY(-50%);
pointer-events: none;
}

/* CARRUSEL DE PUNTOS: independientes + cadenas */
.ypts__stores {
display: flex;
width: 100%;
max-height: none;
gap: 10px;
overflow-x: auto;
overflow-y: hidden;
padding: 12px 20px 16px;
scroll-snap-type: x mandatory;
scroll-padding-inline: 20px;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
overscroll-behavior-x: contain;
touch-action: pan-x;
}

.ypts__stores::-webkit-scrollbar {
display: none;
}

/* Importantísimo: evita que las cadenas ocupen "un bloque dividido" */
.ypts__chain-results {
display: contents;
}

.ypts__store,
.ypts__chain-row {
flex: 0 0 min(66vw, 248px);
width: min(66vw, 248px);
max-width: 248px;
min-width: 0;
min-height: 86px;
border: 1px solid var(--ypts-line);
border-radius: var(--ypts-card-radius);
background: var(--ypts-card-bg);
scroll-snap-align: start;
scroll-snap-stop: always;
overflow: hidden;
}

.ypts__store-main,
.ypts__chain-row {
display: grid;
grid-template-columns: 46px minmax(0, 1fr) auto;
align-items: center;
gap: 10px;
width: 100%;
min-width: 0;
min-height: 86px;
padding: 11px;
}

.ypts__store-logo-wrap,
.ypts__chain-logo-wrap {
display: grid;
width: 46px;
height: 46px;
min-width: 46px;
min-height: 46px;
place-items: center;
padding: var(--ypts-logo-padding, 5px);
background: #FFFFFF;
border: 0;
border-radius: 7px;
overflow: hidden;
box-shadow: none;
}

.ypts__store-copy,
.ypts__chain-copy {
min-width: 0;
overflow: hidden;
}

.ypts__store-name,
.ypts__chain-name {
overflow: hidden;
font-size: min(var(--ypts-store-name-size), 17px);
line-height: 1.12;
text-overflow: ellipsis;
white-space: nowrap;
}

.ypts__location,
.ypts__chain-location {
margin-top: 4px;
overflow: hidden;
font-size: 8px;
line-height: 1.3;
text-overflow: ellipsis;
white-space: nowrap;
}

.ypts__icon-actions {
display: flex;
flex: 0 0 auto;
gap: 5px;
}

.ypts__icon-link {
width: 31px;
height: 31px;
}

.ypts__icon-link svg {
width: 14px;
height: 14px;
}

}

.ypts__online-head {
display: block;
margin-bottom: 18px;
}

.ypts__online-title {
font-size: 22px;
}

.ypts__online-text {
margin-top: 10px;
}

.ypts__online-rail {
display: grid;
grid-auto-flow: column;
grid-auto-columns: min(66vw, 248px);
gap: 10px;
width: auto;
max-width: none;
margin-inline: 0;
padding: 2px 0 14px;
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
scroll-padding-inline: 0;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
overscroll-behavior-x: contain;
touch-action: pan-x;
}

.ypts__online-rail::-webkit-scrollbar {
display: none;
}

.ypts__online-card {
display: flex;
width: 100%;
min-width: 0;
min-height: 236px;
flex-direction: column;
scroll-snap-align: start;
scroll-snap-stop: always;
}

.ypts__online-logo-stage {
min-height: 126px;
padding: 16px;
}

.ypts__online-logo {
max-width: var(--ypts-online-logo-width-mobile);
max-height: var(--ypts-online-logo-height-mobile);
}

.ypts__online-content {
min-height: 102px;
padding: 14px;
}

.ypts__online-name {
font-size: 14px;
}

.ypts__online-button {
min-height: 30px;
padding: 6px 10px;
font-size: 9px;
}

.ypts__online-dots {
display: flex;
justify-content: center;
gap: 7px;
margin-top: 10px;
}

.ypts__online-dot {
width: 7px;
height: 7px;
padding: 0;
border: 0;
border-radius: 50%;
background: var(--ypts-line);
cursor: pointer;
}

.ypts__online-dot.is-active {
background: var(--ypts-accent);
}
}
@media (prefers-reduced-motion: reduce) {
.ypts *,
.ypts *::before,
.ypts *::after {
scroll-behavior: auto !important;
transition-duration: .01ms !important;
animation-duration: .01ms !important;
}
}
/* END_SECTION:yhm-locator */