.eje-rating-input {
--eje-canvas: var(--vulcano-color-canvas, var(--wp--preset--color--canvas));
--eje-surface: var(--vulcano-color-surface, var(--wp--preset--color--surface));
--eje-text: var(--vulcano-color-text, var(--wp--preset--color--text));
--eje-text-soft: var(--vulcano-color-text-soft, var(--wp--preset--color--text-soft));
--eje-brand-strong: var(--vulcano-color-brand-strong, var(--wp--preset--color--brand-strong));
--eje-accent: var(--vulcano-color-accent, var(--wp--preset--color--accent));
--eje-border: var(--vulcano-color-border, var(--wp--preset--color--border));
--eje-sp-2xs: var(--vulcano-space-2xs, 0.25rem);
--eje-sp-xs: var(--vulcano-space-xs, 0.5rem);
--eje-sp-s: var(--vulcano-space-s, 0.75rem);
--eje-sp-m: var(--vulcano-space-m, 1rem);
--eje-sp-l: var(--vulcano-space-l, 1.5rem);
--eje-r-sm: var(--vulcano-radius-sm, 0.25rem);
--eje-fs-xs: var(--vulcano-font-size-xs, 0.85rem);
--eje-focus: var(--vulcano-focus-color, var(--wp--preset--color--accent, var(--eje-accent)));
color: var(--eje-text);
} .eje-rating-input .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.eje-rating-input__note {
color: var(--eje-text-soft);
font-size: var(--eje-fs-xs);
margin: 0 0 var(--eje-sp-m);
}
.eje-rating-input .req {
color: var(--eje-brand-strong);
font-weight: 700;
} .eje-rating-input .axis {
border: 0;
padding: 0;
margin: 0 0 var(--eje-sp-m);
min-width: 0;
}
.eje-rating-input .axis__legend {
font-weight: 700;
padding: 0;
margin-bottom: var(--eje-sp-2xs);
color: var(--eje-text);
} .eje-axis-icon {
width: 1em;
height: 1em;
flex: 0 0 auto;
vertical-align: -0.125em;
margin-inline-end: 0.35em;
}
.eje-rating-input .axis__opt,
.eje-rating-input .axis__req-label {
font-weight: 400;
color: var(--eje-text-soft);
}
.eje-rating-input .glossa {
color: var(--eje-text-soft);
font-size: var(--eje-fs-xs);
margin: 0 0 var(--eje-sp-xs);
} .eje-rating-input .starfield {
display: inline-flex;
gap: 0.15rem;
} .eje-rating-input .star {
position: relative;
display: inline-grid;
place-items: center;
width: 2.75rem;
height: 2.75rem;
cursor: pointer;
} .eje-rating-input .star input[type="radio"] {
-webkit-appearance: none;
appearance: none;
position: absolute;
inset: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border: 0;
background: transparent;
cursor: pointer;
border-radius: var(--eje-r-sm);
} .eje-rating-input .star input[type="radio"]:focus-visible {
outline: 3px solid var(--eje-focus);
outline-offset: 2px;
} .eje-rating-input .star .st {
font-size: 2rem;
line-height: 1;
color: var(--eje-text-soft);
pointer-events: none;
}
.eje-rating-input .star .st::before {
content: "\2606"; } .eje-rating-input .star input[type="radio"]:checked ~ .st {
color: var(--eje-accent);
}
.eje-rating-input .star input[type="radio"]:checked ~ .st::before {
content: "\2605"; } .eje-rating-input .starfield:has(input[value="1"]:checked) .star:nth-of-type(-n+1) .st,
.eje-rating-input .starfield:has(input[value="2"]:checked) .star:nth-of-type(-n+2) .st,
.eje-rating-input .starfield:has(input[value="3"]:checked) .star:nth-of-type(-n+3) .st,
.eje-rating-input .starfield:has(input[value="4"]:checked) .star:nth-of-type(-n+4) .st,
.eje-rating-input .starfield:has(input[value="5"]:checked) .star:nth-of-type(-n+5) .st {
color: var(--eje-accent);
}
.eje-rating-input .starfield:has(input[value="1"]:checked) .star:nth-of-type(-n+1) .st::before,
.eje-rating-input .starfield:has(input[value="2"]:checked) .star:nth-of-type(-n+2) .st::before,
.eje-rating-input .starfield:has(input[value="3"]:checked) .star:nth-of-type(-n+3) .st::before,
.eje-rating-input .starfield:has(input[value="4"]:checked) .star:nth-of-type(-n+4) .st::before,
.eje-rating-input .starfield:has(input[value="5"]:checked) .star:nth-of-type(-n+5) .st::before {
content: "\2605"; } .eje-rating-input .starfield:has(.star:nth-of-type(1):hover) .star:nth-of-type(-n+1) .st,
.eje-rating-input .starfield:has(.star:nth-of-type(2):hover) .star:nth-of-type(-n+2) .st,
.eje-rating-input .starfield:has(.star:nth-of-type(3):hover) .star:nth-of-type(-n+3) .st,
.eje-rating-input .starfield:has(.star:nth-of-type(4):hover) .star:nth-of-type(-n+4) .st,
.eje-rating-input .starfield:has(.star:nth-of-type(5):hover) .star:nth-of-type(-n+5) .st {
color: var(--eje-accent);
}
.eje-rating-input .starfield:has(.star:nth-of-type(1):hover) .star:nth-of-type(-n+1) .st::before,
.eje-rating-input .starfield:has(.star:nth-of-type(2):hover) .star:nth-of-type(-n+2) .st::before,
.eje-rating-input .starfield:has(.star:nth-of-type(3):hover) .star:nth-of-type(-n+3) .st::before,
.eje-rating-input .starfield:has(.star:nth-of-type(4):hover) .star:nth-of-type(-n+4) .st::before,
.eje-rating-input .starfield:has(.star:nth-of-type(5):hover) .star:nth-of-type(-n+5) .st::before {
content: "\2605";
}
.eje-rating-input .chosen {
display: inline-block;
margin-left: var(--eje-sp-s);
font-size: var(--eje-fs-xs);
color: var(--eje-text-soft);
} .eje-rating-input .field-error {
color: var(--eje-brand-strong);
font-weight: 600;
font-size: var(--eje-fs-xs);
margin-top: var(--eje-sp-2xs);
display: flex;
gap: 0.3rem;
align-items: center;
} @media (prefers-reduced-motion: reduce) {
.eje-rating-input * {
transition: none !important;
}
} .eje-alta-resena-block {
--eje-canvas: var(--vulcano-color-canvas, var(--wp--preset--color--canvas));
--eje-surface: var(--vulcano-color-surface, var(--wp--preset--color--surface));
--eje-text: var(--vulcano-color-text, var(--wp--preset--color--text));
--eje-text-soft: var(--vulcano-color-text-soft, var(--wp--preset--color--text-soft));
--eje-brand: var(--vulcano-color-brand, var(--wp--preset--color--brand));
--eje-brand-strong: var(--vulcano-color-brand-strong, var(--wp--preset--color--brand-strong));
--eje-accent: var(--vulcano-color-accent, var(--wp--preset--color--accent));
--eje-accent-2: var(--vulcano-color-accent-2, var(--wp--preset--color--accent-2));
--eje-inverse: var(--vulcano-color-inverse, var(--wp--preset--color--inverse));
--eje-border: var(--vulcano-color-border, var(--wp--preset--color--border));
--eje-sp-2xs: var(--vulcano-space-2xs, 0.25rem);
--eje-sp-xs: var(--vulcano-space-xs, 0.5rem);
--eje-sp-s: var(--vulcano-space-s, 0.75rem);
--eje-sp-m: var(--vulcano-space-m, 1rem);
--eje-sp-l: var(--vulcano-space-l, 1.5rem);
--eje-sp-xl: var(--vulcano-space-xl, 2rem);
--eje-r-sm: var(--vulcano-radius-sm, 0.25rem);
--eje-r-md: var(--vulcano-radius-md, 0.375rem);
--eje-r-lg: var(--vulcano-radius-lg, 0.75rem);
--eje-r-pill: var(--vulcano-radius-pill, 999px);
--eje-shadow-sm: 0 1px 2px color-mix(in srgb, var(--eje-text) 8%, transparent);
--eje-focus: var(--vulcano-focus-color, var(--wp--preset--color--accent, var(--eje-accent)));
color: var(--eje-text);
} .eje-alta-resena-block.eje-alta-resena-block {
max-width: 48rem;
margin-inline: auto;
}
.eje-alta-resena-block .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
} .eje-alta-resena-block a:focus-visible,
.eje-alta-resena-block button:focus-visible,
.eje-alta-resena-block input:focus-visible,
.eje-alta-resena-block select:focus-visible,
.eje-alta-resena-block textarea:focus-visible,
.eje-alta-resena-block [tabindex]:focus-visible {
outline: 3px solid var(--eje-focus);
outline-offset: 2px;
border-radius: var(--eje-r-sm);
}
.eje-alta-resena-block a { color: var(--eje-brand-strong); }
.eje-review__reqnote {
color: var(--eje-text-soft);
font-size: 0.85rem;
margin: 0 0 var(--eje-sp-l);
}
.eje-alta-resena-block .req { color: var(--eje-brand-strong); font-weight: 700; } .eje-alta-resena-block .eje-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.4rem;
min-height: 2.75rem;
padding: 0.55rem 1.15rem;
border-radius: var(--eje-r-md);
font: inherit;
font-weight: 600;
text-decoration: none;
cursor: pointer;
}
.eje-alta-resena-block .eje-btn--primary {
background: var(--eje-brand);
color: var(--eje-inverse);
border: 1px solid var(--eje-brand);
}
.eje-alta-resena-block .eje-btn--primary:hover {
background: var(--eje-brand-strong);
border-color: var(--eje-brand-strong);
} .eje-review-context {
display: flex;
align-items: center;
gap: var(--eje-sp-m);
background: var(--eje-surface);
border: 1px solid var(--eje-border);
border-radius: var(--eje-r-lg);
padding: var(--eje-sp-m);
margin-bottom: var(--eje-sp-l);
box-shadow: var(--eje-shadow-sm);
}
.eje-review-context__thumb {
width: 3.5rem;
height: 3.5rem;
border-radius: var(--eje-r-md);
background: linear-gradient(135deg, var(--eje-accent-2), var(--eje-brand));
flex: none;
}
.eje-review-context__info { flex: 1; min-width: 0; }
.eje-review-context__info strong { display: block; }
.eje-review-context__info span { color: var(--eje-text-soft); font-size: 0.85rem; }
.eje-review-context__change { font-size: 0.85rem; font-weight: 600; white-space: nowrap; } .eje-review-alert {
border-radius: var(--eje-r-md);
padding: var(--eje-sp-m);
margin-bottom: var(--eje-sp-m);
display: flex;
gap: var(--eje-sp-s);
align-items: flex-start;
background: var(--eje-surface);
border: 1px solid var(--eje-accent-2);
}
.eje-review-alert__ico { flex: none; font-size: 1.2rem; color: var(--eje-accent-2); }
.eje-review-alert p { margin: 0 0 var(--eje-sp-2xs); }
.eje-review-alert p:last-child { margin-bottom: 0; }
.eje-review-alert__actions { font-size: 0.85rem; } .eje-review-errors {
border: 2px solid var(--eje-brand-strong);
border-radius: var(--eje-r-md);
padding: var(--eje-sp-m);
margin-bottom: var(--eje-sp-l);
background: var(--eje-surface);
}
.eje-review-errors__title {
font-size: 1.05rem;
margin: 0 0 var(--eje-sp-xs);
color: var(--eje-brand-strong);
}
.eje-review-errors__list { margin: 0; padding-left: 1.25rem; }
.eje-review-errors__list a { color: var(--eje-brand-strong); font-weight: 600; } .eje-review-errors p { margin: 0 0 var(--eje-sp-xs); }
.eje-review-errors p:last-child { margin-bottom: 0; } .eje-review-section {
border: 1px solid var(--eje-border);
border-radius: var(--eje-r-lg);
padding: var(--eje-sp-l);
margin: 0 0 var(--eje-sp-l);
background: var(--eje-surface);
}
.eje-review-section__title {
font-size: 1.15rem;
font-weight: 700;
margin: 0 0 var(--eje-sp-m);
} .eje-field { margin: 0 0 var(--eje-sp-s); }
.eje-field__label { display: block; font-weight: 600; margin-bottom: var(--eje-sp-2xs); } .eje-field__control {
width: 100%;
max-width: 100%;
font: inherit;
color: var(--eje-text);
background: var(--eje-canvas);
border: 1px solid var(--eje-text-soft);
border-radius: var(--eje-r-md);
padding: 0.6rem 0.7rem;
} .eje-field__control::placeholder {
color: var(--eje-text-soft);
opacity: 1;
}
.eje-review-texto { min-height: 8rem; resize: vertical; }
.eje-review-charcount { font-size: 0.85rem; color: var(--eje-text-soft); margin: var(--eje-sp-2xs) 0 0; } .eje-review-uploader__help { color: var(--eje-text-soft); font-size: 0.85rem; margin: 0 0 var(--eje-sp-s); }
.eje-review-uploader__field input[type="file"] {
min-height: 2.75rem;
padding: 0.5rem;
} .eje-alta-resena-block .eje-field-error,
.eje-alta-local-block .eje-field-error {
color: var(--eje-brand-strong);
font-weight: 600;
font-size: 0.85rem;
margin-top: var(--eje-sp-2xs);
display: flex;
gap: 0.3rem;
align-items: center;
} .eje-vis { border: 0; padding: 0; margin: 0; min-width: 0; }
.eje-vis-option {
border: 1px solid var(--eje-border);
border-radius: var(--eje-r-md);
padding: var(--eje-sp-m);
margin-bottom: var(--eje-sp-s);
}
.eje-vis-option.is-selected { border-color: var(--eje-brand); box-shadow: 0 0 0 1px var(--eje-brand); }
.eje-vis-option__row { display: flex; align-items: flex-start; gap: var(--eje-sp-xs); }
.eje-vis-option input[type="radio"] {
width: 1.3rem;
height: 1.3rem;
margin-top: 0.15rem;
accent-color: var(--eje-brand);
flex: none;
}
.eje-vis-option__label { font-weight: 600; }
.eje-vis-option__tag {
display: inline-block;
font-size: 0.72rem;
font-weight: 700;
color: var(--eje-accent-2);
border: 1px solid var(--eje-accent-2);
border-radius: var(--eje-r-pill);
padding: 0.05rem 0.5rem;
margin-left: var(--eje-sp-2xs);
}
.eje-vis-option__desc { color: var(--eje-text-soft); font-size: 0.85rem; margin: 0.2rem 0 0 1.75rem; }
.eje-vis-nested {
margin: var(--eje-sp-s) 0 0 1.75rem;
border: 1px solid var(--eje-border);
border-radius: var(--eje-r-md);
padding: var(--eje-sp-m);
min-width: 0;
}
.eje-vis-nested__legend {
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 0.04em;
color: var(--eje-text-soft);
padding: 0;
}
.eje-vis-nested__empty { color: var(--eje-text-soft); font-size: 0.85rem; margin: var(--eje-sp-2xs) 0 0; }
.eje-vis-checkline { display: flex; align-items: center; gap: var(--eje-sp-xs); margin-top: var(--eje-sp-2xs); }
.eje-vis-checkline input { width: 1.2rem; height: 1.2rem; accent-color: var(--eje-brand); flex: none; } .eje-review-actions {
display: flex;
gap: var(--eje-sp-m);
align-items: center;
margin-top: var(--eje-sp-l);
}
.eje-review-cancel { font-weight: 600; }
.eje-review-empty { color: var(--eje-text-soft); }   .eje-step0-form {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
gap: var(--eje-sp-s);
}
.eje-step0-form .eje-field { flex: 1 1 18rem; margin-bottom: 0; }
.eje-step0-form .eje-review-actions { margin-top: 0; } .eje-step0-count { font-weight: 600; margin: var(--eje-sp-m) 0 0; } .eje-step0-note { color: var(--eje-text-soft); margin: var(--eje-sp-m) 0 0; } .eje-step0-nomatch { margin-top: var(--eje-sp-m); }
.eje-step0-nomatch p { margin: 0; }  .eje-step0-group .eje-step0-list { margin-bottom: 0; } .eje-step0-list > .eje-dup-match:last-child { margin-bottom: 0; }
.eje-step0-more {
color: var(--eje-text-soft);
font-size: var(--wp--preset--font-size--xs, 0.875rem);
margin: var(--eje-sp-s) 0 0;
} .eje-step0-addnew {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: var(--eje-sp-s);
margin: 0 0 var(--eje-sp-l);
}
.eje-step0-addnew__lead { color: var(--eje-text-soft); } .eje-review-success {
display: flex;
gap: var(--eje-sp-s);
align-items: flex-start;
border-radius: var(--eje-r-md);
padding: var(--eje-sp-m);
margin-bottom: var(--eje-sp-l);
background: var(--vulcano-color-surface, var(--wp--preset--color--surface));
border: 1px solid var(--vulcano-color-brand, var(--wp--preset--color--brand));
color: var(--vulcano-color-text, var(--wp--preset--color--text));
}
.eje-review-success__ico {
flex: none;
font-weight: 700;
color: var(--vulcano-color-brand, var(--wp--preset--color--brand));
}
.eje-review-success p { margin: 0; }
.eje-review-success__note {
font-size: 0.85rem;
color: var(--vulcano-color-text-soft, var(--wp--preset--color--text-soft));
margin-top: var(--eje-sp-2xs) !important;
} @media (max-width: 40rem) {
.eje-review-context { flex-wrap: wrap; }
.eje-review-actions { flex-wrap: wrap; align-items: stretch; }
} .eje-alta-local-block {
--eje-canvas: var(--vulcano-color-canvas, var(--wp--preset--color--canvas));
--eje-surface: var(--vulcano-color-surface, var(--wp--preset--color--surface));
--eje-text: var(--vulcano-color-text, var(--wp--preset--color--text));
--eje-text-soft: var(--vulcano-color-text-soft, var(--wp--preset--color--text-soft));
--eje-brand: var(--vulcano-color-brand, var(--wp--preset--color--brand));
--eje-brand-strong: var(--vulcano-color-brand-strong, var(--wp--preset--color--brand-strong));
--eje-accent: var(--vulcano-color-accent, var(--wp--preset--color--accent));
--eje-accent-2: var(--vulcano-color-accent-2, var(--wp--preset--color--accent-2));
--eje-inverse: var(--vulcano-color-inverse, var(--wp--preset--color--inverse));
--eje-border: var(--vulcano-color-border, var(--wp--preset--color--border));
--eje-sp-2xs: var(--vulcano-space-2xs, 0.25rem);
--eje-sp-xs: var(--vulcano-space-xs, 0.5rem);
--eje-sp-s: var(--vulcano-space-s, 0.75rem);
--eje-sp-m: var(--vulcano-space-m, 1rem);
--eje-sp-l: var(--vulcano-space-l, 1.5rem);
--eje-sp-xl: var(--vulcano-space-xl, 2rem);
--eje-r-sm: var(--vulcano-radius-sm, 0.25rem);
--eje-r-md: var(--vulcano-radius-md, 0.375rem);
--eje-r-lg: var(--vulcano-radius-lg, 0.75rem);
--eje-r-pill: var(--vulcano-radius-pill, 999px);
--eje-shadow-sm: 0 1px 2px color-mix(in srgb, var(--eje-text) 8%, transparent);
--eje-focus: var(--vulcano-focus-color, var(--wp--preset--color--accent, var(--eje-accent)));
color: var(--eje-text);
} .eje-alta-local-block.eje-alta-local-block {
max-width: 48rem;
margin-inline: auto;
}
.eje-alta-local-block .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
} .eje-alta-local-block a:focus-visible,
.eje-alta-local-block button:focus-visible,
.eje-alta-local-block input:focus-visible,
.eje-alta-local-block select:focus-visible,
.eje-alta-local-block textarea:focus-visible,
.eje-alta-local-block [tabindex]:focus-visible {
outline: 3px solid var(--eje-focus);
outline-offset: 2px;
border-radius: var(--eje-r-sm);
}
.eje-alta-local-block a { color: var(--eje-brand-strong); }
.eje-alta-local-block .req { color: var(--eje-brand-strong); font-weight: 700; } .eje-alta-local-block .eje-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.4rem;
min-height: 2.75rem;
padding: 0.55rem 1.15rem;
border-radius: var(--eje-r-md);
font: inherit;
font-weight: 600;
text-decoration: none;
cursor: pointer;
}
.eje-alta-local-block .eje-btn--primary {
background: var(--eje-brand);
color: var(--eje-inverse);
border: 1px solid var(--eje-brand);
}
.eje-alta-local-block .eje-btn--primary:hover {
background: var(--eje-brand-strong);
border-color: var(--eje-brand-strong);
} .eje-alta-local-block .eje-btn--secondary,
.eje-alta-resena-block .eje-btn--secondary {
background: transparent;
color: var(--eje-brand-strong);
border: 1px solid var(--eje-brand);
}
.eje-alta-local-block .eje-btn--secondary:hover,
.eje-alta-resena-block .eje-btn--secondary:hover {
background: var(--eje-surface);
}
.eje-alta-local__intro { color: var(--eje-text-soft); margin: 0 0 var(--eje-sp-m); } .eje-alta-local-count { font-weight: 600; margin: 0 0 var(--eje-sp-s); } .eje-dup-matches { list-style: none; margin: 0 0 var(--eje-sp-m); padding: 0; }
.eje-dup-match {
display: flex;
align-items: center;
gap: var(--eje-sp-m);
background: var(--eje-surface);
border: 1px solid var(--eje-border);
border-radius: var(--eje-r-lg);
padding: var(--eje-sp-m);
margin-bottom: var(--eje-sp-s);
box-shadow: var(--eje-shadow-sm);
}
.eje-dup-match__info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 0.15rem; }
.eje-dup-match__name { font-size: 1.05rem; } .eje-dup-match__link {
color: var(--eje-brand-strong);
text-decoration: underline;
text-underline-offset: 0.15em; padding-block: 0.15rem;
}
.eje-dup-match__link:hover { text-decoration-thickness: 2px; }
.eje-dup-match__meta { color: var(--eje-text-soft); font-size: 0.85rem; }
.eje-dup-match__status {
align-self: flex-start;
font-size: 0.75rem;
font-weight: 600;
color: var(--eje-text-soft);
} .eje-dup-match__status--pending {
background: var(--eje-canvas);
border: 1px dashed var(--eje-text-soft);
border-radius: var(--eje-r-sm);
padding: 0.14rem 0.6rem;
min-height: 1.5rem;
font-size: var(--wp--preset--font-size--xs, 0.875rem);
}
.eje-dup-match__action { margin: 0; flex: none; } .eje-alta-local-createnew {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: var(--eje-sp-s);
margin: var(--eje-sp-m) 0 0;
}
.eje-alta-local-created { align-items: flex-start; } .eje-checkgroup {
border: 0;
padding: 0;
margin: 0 0 var(--eje-sp-s);
min-width: 0;
}
.eje-checkgroup > legend {
padding: 0;
}
.eje-checkgroup__hint {
color: var(--eje-text-soft);
font-size: var(--eje-fs-xs, 0.85rem);
margin: 0 0 var(--eje-sp-xs);
}
.eje-checkgroup__list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
gap: 0 var(--eje-sp-m);
}
.eje-checkgroup__option > label {
display: flex;
align-items: center;
gap: var(--eje-sp-xs);
min-height: 2.25rem;
padding: 0.15rem 0;
cursor: pointer;
}
.eje-checkgroup__option input[type="checkbox"] {
width: 1.3rem;
height: 1.3rem;
accent-color: var(--eje-brand);
flex: none;
}  .eje-alta-local-block .eje-hours {
border: 0;
padding: 0;
margin: 0 0 var(--eje-sp-s);
min-width: 0;
}
.eje-alta-local-block .eje-hours > legend { padding: 0; }
.eje-alta-local-block .eje-hours__hint {
color: var(--eje-text-soft);
font-size: var(--eje-fs-xs, 0.85rem);
margin: 0 0 var(--eje-sp-xs);
}
.eje-alta-local-block .eje-hours-day {
border: 1px solid var(--eje-border);
border-radius: var(--eje-r-md);
padding: var(--eje-sp-xs) var(--eje-sp-s) var(--eje-sp-s);
margin: 0 0 var(--eje-sp-xs);
min-width: 0;
}
.eje-alta-local-block .eje-hours-day > legend {
font-weight: 600;
padding: 0 var(--eje-sp-2xs);
} .eje-alta-local-block .eje-hours-day__closed { margin: 0; }
.eje-alta-local-block .eje-hours-day__closed > label {
display: flex;
align-items: center;
gap: var(--eje-sp-xs);
min-height: 2.25rem;
cursor: pointer;
}
.eje-alta-local-block .eje-hours-day__closed input[type="checkbox"] {
width: 1.3rem;
height: 1.3rem;
accent-color: var(--eje-brand);
flex: none;
} .eje-alta-local-block .eje-hours-slot {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--eje-sp-2xs) var(--eje-sp-xs);
margin: var(--eje-sp-xs) 0 0;
}
.eje-alta-local-block .eje-hours-slot__label {
color: var(--eje-text-soft);
font-size: var(--eje-fs-xs, 0.85rem);
} .eje-alta-local-block .eje-hours-slot input[type="time"] {
font: inherit;
color: var(--eje-text);
background: var(--eje-canvas);
border: 1px solid var(--eje-text-soft);
border-radius: var(--eje-r-md);
padding: 0.4rem 0.5rem;
min-height: 2.75rem;
} @media (max-width: 40rem) {
.eje-dup-match { flex-wrap: wrap; align-items: stretch; }
.eje-dup-match__action .eje-btn { width: 100%; }
.eje-checkgroup__list { grid-template-columns: 1fr; } .eje-alta-local-block .eje-hours-slot input[type="time"] { flex: 1 1 7rem; }
} @media (max-width: 22.5rem) {
.eje-dup-match__info { flex: 1 1 100%; }
.eje-dup-match__action { width: 100%; }
}.eje-ficha-block {
--eje-canvas: var(--vulcano-color-canvas, var(--wp--preset--color--canvas));
--eje-surface: var(--vulcano-color-surface, var(--wp--preset--color--surface));
--eje-text: var(--vulcano-color-text, var(--wp--preset--color--text));
--eje-text-soft: var(--vulcano-color-text-soft, var(--wp--preset--color--text-soft));
--eje-brand: var(--vulcano-color-brand, var(--wp--preset--color--brand));
--eje-brand-strong: var(--vulcano-color-brand-strong, var(--wp--preset--color--brand-strong));
--eje-accent: var(--vulcano-color-accent, var(--wp--preset--color--accent));
--eje-accent-2: var(--vulcano-color-accent-2, var(--wp--preset--color--accent-2));
--eje-inverse: var(--vulcano-color-inverse, var(--wp--preset--color--inverse));
--eje-border: var(--vulcano-color-border, var(--wp--preset--color--border));
--eje-sp-2xs: var(--vulcano-space-2xs, 0.25rem);
--eje-sp-xs: var(--vulcano-space-xs, 0.5rem);
--eje-sp-s: var(--vulcano-space-s, 0.75rem);
--eje-sp-m: var(--vulcano-space-m, 1rem);
--eje-sp-l: var(--vulcano-space-l, 1.5rem);
--eje-sp-xl: var(--vulcano-space-xl, 2rem);
--eje-sp-2xl: var(--vulcano-space-2xl, 3rem);
--eje-r-sm: var(--vulcano-radius-sm, 0.25rem);
--eje-r-md: var(--vulcano-radius-md, 0.375rem);
--eje-r-lg: var(--vulcano-radius-lg, 0.75rem);
--eje-r-pill: var(--vulcano-radius-pill, 999px); --eje-shadow-sm: 0 1px 2px color-mix(in srgb, var(--eje-text) 8%, transparent);
--eje-focus: var(--vulcano-focus-color, var(--wp--preset--color--accent, var(--eje-accent)));
color: var(--eje-text);
} .eje-ficha-block .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
} .eje-ficha-block a:focus-visible,
.eje-ficha-block button:focus-visible,
.eje-ficha-block summary:focus-visible {
outline: 3px solid var(--eje-focus);
outline-offset: 2px;
border-radius: var(--eje-r-sm);
} .eje-ficha__crumbs {
font-size: 0.875rem;
color: var(--eje-text-soft);
margin-bottom: var(--eje-sp-s);
}
.eje-ficha__crumbs-list {
list-style: none;
display: flex;
flex-wrap: wrap;
gap: var(--eje-sp-2xs);
margin: 0;
padding: 0;
}
.eje-ficha__crumbs-list li:not(:last-child)::after {
content: "›";
margin-left: var(--eje-sp-2xs);
color: var(--eje-text-soft);
}
.eje-ficha__crumbs a { color: var(--eje-brand-strong); }  .eje-ficha__gallery {
display: grid;
grid-template-columns: 2fr 1fr 1fr;
grid-template-rows: 1fr 1fr;
height: 20rem;
gap: var(--eje-sp-2xs);
border-radius: var(--eje-r-lg);
overflow: hidden;
margin-bottom: var(--eje-sp-l);
} .eje-ficha__tile {
position: relative;
min-height: 0;
aspect-ratio: 16 / 11;
margin: 0;
display: block;
}
.eje-ficha__tile--1 {
grid-row: 1 / 3;
} .eje-ficha__tile-link {
display: block;
height: 100%;
} .eje-ficha__tile:focus-within { z-index: 1; } .eje-ficha__tile-link:hover .eje-ficha__img { filter: brightness(0.92); }
.eje-ficha__img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
} .eje-ficha__gallery--tiles-1,
.eje-ficha__gallery--tiles-2 { grid-template-rows: 1fr; }
.eje-ficha__gallery--tiles-1 { grid-template-columns: 1fr; }
.eje-ficha__gallery--tiles-1 .eje-ficha__tile--1,
.eje-ficha__gallery--tiles-2 .eje-ficha__tile--1 { grid-row: 1; }
.eje-ficha__gallery--tiles-2 .eje-ficha__tile--2 { grid-column: 2 / 4; }
.eje-ficha__gallery--tiles-3 .eje-ficha__tile--2,
.eje-ficha__gallery--tiles-3 .eje-ficha__tile--3 { grid-column: 2 / 4; }
.eje-ficha__gallery--tiles-4 .eje-ficha__tile--4 { grid-column: 2 / 4; }
.eje-ficha__gallery--tiles-1 .eje-ficha__tile--1 > .eje-ficha__img,
.eje-ficha__gallery--tiles-2 .eje-ficha__tile--2 > .eje-ficha__img,
.eje-ficha__gallery--tiles-3 .eje-ficha__tile--2 > .eje-ficha__img,
.eje-ficha__gallery--tiles-3 .eje-ficha__tile--3 > .eje-ficha__img,
.eje-ficha__gallery--tiles-4 .eje-ficha__tile--4 > .eje-ficha__img,
.eje-ficha__gallery--tiles-1 .eje-ficha__tile--1 > .eje-ficha__tile-link,
.eje-ficha__gallery--tiles-2 .eje-ficha__tile--2 > .eje-ficha__tile-link,
.eje-ficha__gallery--tiles-3 .eje-ficha__tile--2 > .eje-ficha__tile-link,
.eje-ficha__gallery--tiles-3 .eje-ficha__tile--3 > .eje-ficha__tile-link,
.eje-ficha__gallery--tiles-4 .eje-ficha__tile--4 > .eje-ficha__tile-link { position: absolute; inset: 0; } .eje-ficha__tile--empty { background: var(--eje-border); }
.eje-ficha__tile--1.eje-ficha__tile--empty { background: linear-gradient(135deg, var(--eje-accent-2), var(--eje-brand)); }
.eje-ficha__tile--2.eje-ficha__tile--empty { background: linear-gradient(135deg, var(--eje-brand), var(--eje-accent)); }
.eje-ficha__tile--3.eje-ficha__tile--empty { background: linear-gradient(160deg, var(--eje-accent), var(--eje-brand-strong)); }
.eje-ficha__tile--4.eje-ficha__tile--empty { background: linear-gradient(135deg, var(--eje-accent-2), var(--eje-brand-strong)); }
.eje-ficha__tile--5.eje-ficha__tile--empty { background: linear-gradient(160deg, var(--eje-brand), var(--eje-accent-2)); } .eje-ficha__more {
position: absolute;
inset: 0;
display: grid;
place-items: center;
background: var(--eje-text);
color: var(--eje-inverse);
font-weight: 700;
} .eje-ficha__credit {
position: absolute;
inset-inline: 0;
bottom: 0;
background: var(--eje-text);
color: var(--eje-inverse);
font-size: var(--wp--preset--font-size--xs, 0.875rem);
font-weight: 600;
padding: var(--eje-sp-2xs) var(--eje-sp-xs);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
pointer-events: none;
} .eje-ficha__head {
display: grid;
grid-template-columns: 1fr 20rem;
gap: var(--eje-sp-xl);
align-items: start;
}
.eje-ficha__name {
font-size: clamp(1.8rem, 3vw + 1rem, 2.6rem);
margin-bottom: var(--eje-sp-2xs);
}
.eje-ficha__badges {
display: flex;
gap: var(--eje-sp-xs);
flex-wrap: wrap;
align-items: center;
margin-bottom: var(--eje-sp-s);
}
.eje-ficha__loc { color: var(--eje-text-soft); margin: 0 0 var(--eje-sp-s); }
.eje-ficha__pin {
display: inline-block;
width: 1rem;
height: 1rem;
margin-right: var(--eje-sp-2xs);
border-radius: 50% 50% 50% 2px;
transform: rotate(45deg);
background: linear-gradient(135deg, var(--eje-accent-2), var(--eje-brand));
vertical-align: -0.1rem;
} .eje-badge {
display: inline-flex;
align-items: center;
gap: 0.3rem;
font-size: 0.75rem;
border-radius: var(--eje-r-pill);
padding: 0.15rem 0.6rem;
}
.eje-badge--cat { background: var(--eje-canvas); color: var(--eje-text); border: 1px solid var(--eje-border); }
.eje-badge__icon {
width: 0.8rem;
height: 0.8rem;
border-radius: 50%;
background: linear-gradient(135deg, var(--eje-accent-2), var(--eje-brand));
}
.eje-badge--open { background: var(--eje-brand-strong); color: var(--eje-inverse); font-weight: 600; border-radius: var(--eje-r-sm); }
.eje-badge--closed { background: var(--eje-canvas); color: var(--eje-text-soft); border: 1px solid var(--eje-border); border-radius: var(--eje-r-sm); }
.eje-badge--pending {
background: var(--eje-canvas);
color: var(--eje-text-soft);
border: 1px dashed var(--eje-text-soft);
border-radius: var(--eje-r-sm);
} .eje-badge--validated {
background: var(--eje-text);
color: var(--eje-inverse);
font-weight: 600;
border-radius: var(--eje-r-sm);
} .eje-badge--rejected {
background: var(--eje-canvas);
color: var(--eje-text);
border: 2px solid var(--eje-text);
border-radius: var(--eje-r-sm);
font-weight: 600;
} .eje-ficha__rating {
display: flex;
align-items: center;
gap: var(--eje-sp-xs);
flex-wrap: wrap;
margin: 0 0 var(--eje-sp-s);
}
.eje-ficha__rating--empty { color: var(--eje-text-soft); }
.eje-stars { color: var(--eje-accent); letter-spacing: 0.05em; }
.eje-ficha__rating .eje-stars { font-size: 1.3rem; }
.eje-ficha__rating-origin {
font-size: 0.75rem;
font-weight: 600;
color: var(--eje-accent-2);
border: 1.5px solid var(--eje-accent-2);
border-radius: var(--eje-r-pill);
padding: 0.1rem 0.5rem;
}
.eje-ficha__rating-num { font-size: 1.2rem; }
.eje-ficha__rating-count { color: var(--eje-text-soft); }
.eje-ficha__priceline { font-weight: 600; margin: 0 0 var(--eje-sp-xs); }
.eje-ficha__openline { color: var(--eje-brand-strong); font-weight: 600; margin: 0 0 var(--eje-sp-s); } .eje-ficha__keypanel {
background: var(--eje-surface);
border: 1px solid var(--eje-border);
border-radius: var(--eje-r-lg);
box-shadow: var(--eje-shadow-sm);
padding: var(--eje-sp-l);
position: sticky;
top: var(--eje-sp-m);
}
.eje-ficha__keypanel-title { font-size: 1.125rem; margin-bottom: var(--eje-sp-s); }
.eje-ficha__data {
margin: 0 0 var(--eje-sp-m);
display: grid;
grid-template-columns: auto 1fr;
gap: var(--eje-sp-2xs) var(--eje-sp-s);
font-size: 0.875rem;
}
.eje-ficha__data dt { color: var(--eje-text-soft); }
.eje-ficha__data dd { margin: 0; font-weight: 600; } .eje-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.4rem;
min-height: 2.75rem;
padding: 0.55rem 1.15rem;
border-radius: var(--eje-r-md);
font: inherit;
font-weight: 600;
text-decoration: none;
cursor: pointer;
}
.eje-btn--primary {
background: var(--eje-brand);
color: var(--eje-inverse);
border: 1px solid var(--eje-brand);
}
.eje-btn--primary:hover { background: var(--eje-brand-strong); border-color: var(--eje-brand-strong); }
.eje-ficha__cta { width: 100%; } .eje-ficha__share {
border-top: 1px solid var(--eje-border);
margin-top: var(--eje-sp-m);
padding-top: var(--eje-sp-m);
}
.eje-ficha__share-title {
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 0.04em;
color: var(--eje-text-soft);
margin-bottom: var(--eje-sp-xs);
}
.eje-ficha__share-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
gap: var(--eje-sp-xs);
flex-wrap: wrap;
}
.eje-ficha__share-link {
display: inline-flex;
align-items: center;
gap: 0.35rem;
min-height: 2.4rem;
min-width: 2.4rem;
padding: 0.35rem 0.7rem;
border: 1px solid var(--eje-border);
border-radius: var(--eje-r-md);
text-decoration: none;
color: var(--eje-text);
font-size: 0.875rem;
font-weight: 600;
}
.eje-ficha__share-link:hover { border-color: var(--eje-brand); color: var(--eje-brand-strong); } .eje-ficha__section { margin-top: var(--eje-sp-2xl); }
.eje-ficha__section-title {
margin-bottom: var(--eje-sp-m);
border-bottom: 2px solid var(--eje-border);
padding-bottom: var(--eje-sp-xs);
} .eje-ficha__review {
background: var(--eje-surface);
border: 1px solid var(--eje-border);
border-radius: var(--eje-r-lg);
box-shadow: var(--eje-shadow-sm);
padding: var(--eje-sp-l);
margin-bottom: var(--eje-sp-m);
}
.eje-ficha__review-head {
display: flex;
align-items: center;
gap: var(--eje-sp-s);
margin-bottom: var(--eje-sp-s);
flex-wrap: wrap;
}
.eje-ficha__avatar {
width: 2.6rem;
height: 2.6rem;
border-radius: 50%;
background: linear-gradient(135deg, var(--eje-accent-2), var(--eje-accent));
flex: none;
}
.eje-ficha__review-who { font-weight: 600; }
.eje-ficha__review-head time { color: var(--eje-text-soft); font-size: 0.875rem; }
.eje-ficha__criteria {
list-style: none;
margin: 0 0 var(--eje-sp-s);
padding: 0;
display: flex;
gap: var(--eje-sp-m);
flex-wrap: wrap;
}
.eje-ficha__criteria-item { font-size: 0.875rem; }
.eje-ficha__criteria .eje-stars { font-size: 1rem; } .eje-axis-icon {
width: 1em;
height: 1em;
flex: 0 0 auto;
vertical-align: -0.125em;
margin-inline-end: 0.35em;
} .eje-ficha__criteria-none,
.eje-ficha__criteria-info { color: var(--eje-text-soft); }
.eje-ficha__criteria-none { font-style: italic; } .eje-ficha__criteria-item--retired { color: var(--eje-text-soft); }
.eje-ficha__criteria-item--retired .eje-stars { color: var(--eje-text-soft); }
.eje-ficha__criteria-retired { font-style: italic; font-size: 0.8125rem; }
.eje-ficha__review-body { margin: 0; color: var(--eje-text); } .eje-ficha__review .eje-resena__photos {
display: grid;
grid-template-columns: repeat(3, minmax(0, 6.5rem));
justify-content: start;
gap: var(--eje-sp-xs);
margin: 0 0 var(--eje-sp-s);
}
.eje-ficha__review .eje-resena__photo {
margin: 0;
position: relative; } .eje-ficha__review .eje-resena__photo-link { display: block; }
.eje-ficha__review .eje-resena__photo-img {
display: block;
width: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;
border-radius: var(--eje-r-md);
} .eje-ficha__review .eje-resena__photo-link:hover .eje-resena__photo-img { filter: brightness(0.92); }
.eje-ficha__review .eje-ficha__more { border-radius: var(--eje-r-md); } .eje-ficha__review-foot { margin: var(--eje-sp-s) 0 0; }
.eje-ficha__review-link {
display: inline-flex;
align-items: center;
min-height: 1.5rem;
padding-block: 0.3rem;
color: var(--eje-brand-strong);
text-decoration: underline;
text-underline-offset: 0.15em;
}
.eje-ficha__review-link:hover { text-decoration-thickness: 2px; } .eje-ficha__hours {
background: var(--eje-surface);
border: 1px solid var(--eje-border);
border-radius: var(--eje-r-md);
padding: var(--eje-sp-s) var(--eje-sp-m);
}
.eje-ficha__hours summary { font-weight: 600; cursor: pointer; }
.eje-ficha__hours-table {
width: 100%;
border-collapse: collapse;
margin-top: var(--eje-sp-s);
font-size: 0.875rem;
}
.eje-ficha__hours-table td,
.eje-ficha__hours-table th {
padding: 0.3rem 0;
border-top: 1px solid var(--eje-border);
text-align: left;
}
.eje-ficha__hours-day { color: var(--eje-text-soft); font-weight: 400; } .eje-ficha__mapgate {
border: 1px solid var(--eje-border);
border-radius: var(--eje-r-lg);
background: repeating-linear-gradient(45deg, var(--eje-canvas) 0 22px, var(--eje-surface) 22px 44px);
padding: var(--eje-sp-xl);
text-align: center;
} .eje-ficha__mapgate[data-eje-map='loaded'] {
display: block;
padding: 0;
min-height: 0;
border: 0;
background: none;
text-align: left;
} .eje-ficha__mapgate[data-eje-map='loaded'] .eje-map__status {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.eje-ficha__mapgate-icon {
width: 3rem;
height: 3rem;
margin: 0 auto var(--eje-sp-s);
border-radius: var(--eje-r-md);
background: linear-gradient(135deg, var(--eje-accent-2), var(--eje-brand));
display: grid;
place-items: center;
color: var(--eje-inverse);
font-size: 1.4rem;
}
.eje-ficha__mapgate-title { margin-bottom: var(--eje-sp-s); }
.eje-ficha__mapgate p { color: var(--eje-text-soft); max-width: 34rem; margin: 0 auto var(--eje-sp-m); }
.eje-ficha__mapgate-addr { font-weight: 600; color: var(--eje-text); }
.eje-ficha__mapgate-help { margin-top: var(--eje-sp-s); font-size: 0.875rem; }
.eje-ficha__mapgate-help a { color: var(--eje-brand-strong); } .eje-ficha__amenities {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: var(--eje-sp-m);
}
.eje-ficha__amenity {
display: flex;
align-items: center;
gap: var(--eje-sp-xs);
background: var(--eje-surface);
border: 1px solid var(--eje-border);
border-radius: var(--eje-r-md);
padding: var(--eje-sp-s);
}
.eje-ficha__amenity-icon {
width: 2rem;
height: 2rem;
border-radius: var(--eje-r-sm);
background: linear-gradient(135deg, var(--eje-accent-2), var(--eje-brand));
flex: none;
}
.eje-ficha__empty {
background: var(--eje-surface);
border: 1px solid var(--eje-border);
border-radius: var(--eje-r-lg);
padding: var(--eje-sp-l);
text-align: center;
}
.eje-ficha__empty p { margin: 0 0 var(--eje-sp-m); color: var(--eje-text-soft); }
.eje-ficha-block.eje-ficha-block--placeholder {
border: 1px dashed var(--eje-border, currentColor);
border-radius: 0.375rem;
padding: 1rem;
color: var(--eje-text-soft);
} @media (max-width: 63.9375rem) {
.eje-ficha__head { grid-template-columns: 1fr; }
.eje-ficha__keypanel { position: static; }
.eje-ficha__amenities { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 37.5rem) { .eje-ficha__gallery { grid-template-columns: 1fr 1fr; height: auto; }
.eje-ficha__tile--1 { grid-row: auto; grid-column: 1 / 3; }
.eje-ficha__amenities { grid-template-columns: 1fr; } .eje-ficha__credit {
white-space: normal;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
overflow-wrap: anywhere;
} .eje-ficha__gallery--tiles-1,
.eje-ficha__gallery--tiles-2,
.eje-ficha__gallery--tiles-3,
.eje-ficha__gallery--tiles-4 { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
.eje-ficha__gallery--tiles-1 .eje-ficha__tile--1,
.eje-ficha__gallery--tiles-2 .eje-ficha__tile--1 { grid-row: auto; grid-column: 1 / 3; }
.eje-ficha__gallery--tiles-3 .eje-ficha__tile--2,
.eje-ficha__gallery--tiles-3 .eje-ficha__tile--3 { grid-column: auto; }
.eje-ficha__gallery--tiles-2 .eje-ficha__tile--2 { grid-column: 1 / 3; }
.eje-ficha__gallery--tiles-4 .eje-ficha__tile--4 { grid-column: 1 / 3; } .eje-ficha__gallery--tiles-3 .eje-ficha__tile--2 > .eje-ficha__img,
.eje-ficha__gallery--tiles-3 .eje-ficha__tile--3 > .eje-ficha__img,
.eje-ficha__gallery--tiles-3 .eje-ficha__tile--2 > .eje-ficha__tile-link,
.eje-ficha__gallery--tiles-3 .eje-ficha__tile--3 > .eje-ficha__tile-link { position: static; }
}.eje-map,
.eje-map-block { --eje-canvas: var(--vulcano-color-canvas, var(--wp--preset--color--canvas));
--eje-surface: var(--vulcano-color-surface, var(--wp--preset--color--surface));
--eje-text: var(--vulcano-color-text, var(--wp--preset--color--text));
--eje-text-soft: var(--vulcano-color-text-soft, var(--wp--preset--color--text-soft));
--eje-brand: var(--vulcano-color-brand, var(--wp--preset--color--brand));
--eje-brand-strong: var(--vulcano-color-brand-strong, var(--wp--preset--color--brand-strong));
--eje-accent: var(--vulcano-color-accent, var(--wp--preset--color--accent));
--eje-accent-2: var(--vulcano-color-accent-2, var(--wp--preset--color--accent-2));
--eje-inverse: var(--vulcano-color-inverse, var(--wp--preset--color--inverse));
--eje-border: var(--vulcano-color-border, var(--wp--preset--color--border)); --eje-sp-2xs: var(--vulcano-space-2xs, 0.25rem);
--eje-sp-xs: var(--vulcano-space-xs, 0.5rem);
--eje-sp-s: var(--vulcano-space-s, 0.75rem);
--eje-sp-m: var(--vulcano-space-m, 1rem);
--eje-sp-l: var(--vulcano-space-l, 1.5rem);
--eje-sp-xl: var(--vulcano-space-xl, 2rem);
--eje-r-sm: var(--vulcano-radius-sm, 0.25rem);
--eje-r-md: var(--vulcano-radius-md, 0.375rem);
--eje-r-lg: var(--vulcano-radius-lg, 0.75rem);
--eje-focus: var(--vulcano-focus-color, var(--wp--preset--color--accent, var(--eje-accent)));
} .eje-map__canvas {
width: 100%;
min-height: var(--eje-map-h, 24rem);
border: 1px solid var(--eje-border);
border-radius: var(--eje-r-lg);
overflow: hidden;
}
.eje-map__canvas:focus-visible {
outline: 3px solid var(--eje-focus);
outline-offset: 2px;
} .eje-map__status {
color: var(--eje-text-soft);
margin: var(--eje-sp-s) 0 0;
}
.eje-map__status:empty {
margin: 0;
} .eje-map__note {
color: var(--eje-text);
font-weight: 600;
max-width: 34rem;
margin: 0 auto;
} .eje-map__error {
margin: var(--eje-sp-s) auto 0;
max-width: 34rem;
padding: var(--eje-sp-s) var(--eje-sp-m);
border: 1px solid var(--eje-accent);
border-left-width: 4px;
border-radius: var(--eje-r-md);
background: var(--eje-surface);
color: var(--eje-text);
} .eje-map__revoke {
display: inline-block;
margin-top: var(--eje-sp-s);
min-height: 44px;
padding: var(--eje-sp-xs) var(--eje-sp-m);
border: 1px solid var(--eje-border);
border-radius: var(--eje-r-md);
background: var(--eje-surface);
color: var(--eje-text-soft);
font: inherit;
font-size: 0.875rem;
cursor: pointer;
}
.eje-map__revoke:hover {
color: var(--eje-text);
border-color: var(--eje-text-soft);
}
.eje-map__revoke:focus-visible {
outline: 3px solid var(--eje-focus);
outline-offset: 2px;
} .eje-map-block__gate {
border: 1px solid var(--eje-border);
border-radius: var(--eje-r-lg);
background: repeating-linear-gradient(45deg, var(--eje-canvas) 0 22px, var(--eje-surface) 22px 44px);
padding: var(--eje-sp-xl);
text-align: center; min-height: var(--eje-map-h, 28rem);
display: grid;
place-content: center;
} .eje-map-block__gate[data-eje-map='loaded'] {
display: block;
padding: 0;
min-height: 0;
border: 0;
background: none;
text-align: left;
} .eje-map-block__gate[data-eje-map='loaded'] .eje-map__status {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.eje-map-block__icon {
width: 3rem;
height: 3rem;
margin: 0 auto var(--eje-sp-s);
border-radius: var(--eje-r-md);
background: linear-gradient(135deg, var(--eje-accent-2), var(--eje-brand));
display: grid;
place-items: center;
color: var(--eje-inverse);
font-size: 1.4rem;
}
.eje-map-block__title {
margin: 0 0 var(--eje-sp-s);
font-size: 1.25rem;
}
.eje-map-block__gate p {
color: var(--eje-text-soft);
max-width: 34rem;
margin: 0 auto var(--eje-sp-m);
}
.eje-map-block__btn {
justify-self: center;
min-height: 44px;
padding: var(--eje-sp-xs) var(--eje-sp-l);
border: 1px solid var(--eje-brand);
border-radius: var(--eje-r-md);
background: var(--eje-brand);
color: var(--eje-inverse);
font: inherit;
font-weight: 600;
cursor: pointer;
}
.eje-map-block__btn:hover {
background: var(--eje-brand-strong);
border-color: var(--eje-brand-strong);
}
.eje-map-block__btn:focus-visible {
outline: 3px solid var(--eje-focus);
outline-offset: 2px;
}
.eje-map-block__policy {
margin-top: var(--eje-sp-s);
font-size: 0.875rem;
}
.eje-map-block__policy a {
color: var(--eje-brand-strong);
} .eje-map-active {
outline: 3px solid var(--vulcano-color-accent, var(--wp--preset--color--accent));
outline-offset: 2px;
border-radius: var(--vulcano-radius-lg, 0.75rem);
}