.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-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-border);
border-radius: var(--eje-r-md);
padding: 0.6rem 0.7rem;
}
.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 {
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-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 {
background: transparent;
color: var(--eje-brand-strong);
border: 1px solid var(--eje-brand);
}
.eje-alta-local-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__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__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; } @media (max-width: 40rem) {
.eje-dup-match { flex-wrap: wrap; align-items: stretch; }
.eje-dup-match__action .eje-btn { width: 100%; }
}