body.auth-page {
  --site-color-text: #2a2022;
  --site-color-secondary-text: #695d60;
  background: #fffaf6;
}
.auth-page .auth-background { background: #fffaf6 url("../img/voice-route/fondo-voces.09cbd614144a.webp") center / cover no-repeat; }
.auth-page .auth-background::after { background: rgba(255, 255, 255, .08); }
.auth-page .auth-background img { display: none; }
.auth-page .landing-header { min-height: 5.5rem; background: rgba(255, 252, 249, .94); border-bottom-color: color-mix(in srgb, var(--site-color-primary) 35%, transparent); backdrop-filter: none; -webkit-backdrop-filter: none; }
.auth-page .landing-brand { width: clamp(7.5rem, 11vw, 10rem); height: 4.25rem; color: transparent; background: url("../img/voice-route/logo-ruta-voces.9529419b6720.webp") left center / contain no-repeat; overflow: hidden; }
.auth-page .landing-brand > * { visibility: hidden; }
.auth-page .landing-brand:focus-visible { outline-color: var(--site-color-primary); }
.auth-page:has(.voice-public-profile) .landing-header { display: none; }
body.auth-page:has(.voice-public-profile) { height: 100dvh; overflow: hidden; }
.auth-page .auth-shell:has(.voice-public-profile) { width: 100%; height: 100dvh; min-height: 100dvh; grid-template-rows: minmax(0, 1fr) auto; overflow: hidden; }
.auth-page .landing-header .site-button { color: var(--site-color-primary); border-color: color-mix(in srgb, var(--site-color-primary) 55%, transparent); background: rgba(255, 255, 255, .76); }
.auth-page :is(.site-button-primary, .button-primary) { color: #fff; }
.auth-page .select2-container--default.select2-container--focus .select2-selection,
.auth-page .select2-container--default.select2-container--open .select2-selection {
  border-color: var(--site-color-primary);
  box-shadow: 0 0 0 .14rem color-mix(in srgb, var(--site-color-accent) 24%, transparent);
}
.auth-page .select2-container--open .select2-dropdown {
  border-color: color-mix(in srgb, var(--site-color-primary) 45%, var(--border));
}
.auth-page .select2-container--default .select2-search--dropdown .select2-search__field:focus {
  border-color: var(--site-color-primary);
  outline: 0;
  box-shadow: 0 0 0 .14rem color-mix(in srgb, var(--site-color-accent) 26%, transparent);
}
.auth-page .select2-container--default .select2-results__option--highlighted[aria-selected] {
  color: #fff;
  background: var(--site-color-primary);
}
.auth-page .select2-container--default .select2-results__option[aria-selected="true"] {
  color: var(--site-color-primary);
  background: color-mix(in srgb, var(--site-color-primary) 12%, #fff);
}
.auth-page .standard-form .select2-selection--multiple .select2-selection__choice {
  color: var(--site-color-primary);
  border-color: color-mix(in srgb, var(--site-color-primary) 38%, var(--border));
  background: color-mix(in srgb, var(--site-color-primary) 8%, #fff);
}
.auth-page .standard-form .select2-selection--multiple .select2-selection__choice__remove {
  color: var(--site-color-primary);
}
.auth-page .dirty-guard-icon {
  color: var(--site-color-primary);
  background: color-mix(in srgb, var(--site-color-accent) 18%, #fff);
}
.auth-page .dirty-guard-message {
  --message-warning-color: var(--site-color-primary);
  --message-warning-background: color-mix(in srgb, var(--site-color-accent) 14%, #fff);
}
.auth-page .dirty-guard-actions .button-info {
  color: #fff;
  border-color: var(--site-color-primary);
  background: var(--site-color-primary);
}
.auth-page .dirty-guard-actions .button-info:not(:disabled):hover {
  color: #fff;
  border-color: var(--site-color-secondary);
  background: var(--site-color-secondary);
}
.auth-page .dirty-guard-actions .button-warning {
  color: var(--site-color-primary);
  border-color: var(--site-color-primary);
  background: color-mix(in srgb, var(--site-color-primary) 5%, #fff);
}
.auth-page .dirty-guard-actions .button-warning:not(:disabled):hover {
  color: var(--site-color-primary);
  border-color: var(--site-color-primary);
  background: color-mix(in srgb, var(--site-color-primary) 12%, #fff);
}
.auth-page .landing-footer {
  min-height: clamp(5.5rem, 5.5vw, 6.75rem);
  position: relative;
  color: var(--site-color-primary);
  border-top-color: color-mix(in srgb, var(--site-color-primary) 22%, transparent);
  background-color: #fffaf6;
  background-image: url("../img/voice-route/logos-cintillo.22626fa9e148.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: min(76rem, 86vw) auto;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.auth-page .landing-footer .footer-identity { visibility: hidden; }
.auth-page .landing-footer-actions { display: none; }

.voice-public-card { width: min(100%, 42rem); height: auto; min-height: 0; }
.voice-public-home, .voice-public-success { gap: 1.25rem; padding-block: 2rem; }
.voice-public-options { display: grid; gap: .85rem; }
.voice-public-option { width: 100%; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .85rem; align-items: center; padding: 1rem; color: var(--site-color-background); border: 1px solid color-mix(in srgb, var(--site-color-primary) 30%, #dce2e8); border-radius: .8rem; background: color-mix(in srgb, var(--site-color-primary) 5%, #fff); font: inherit; text-align: left; text-decoration: none; }
.voice-public-option:hover { border-color: var(--site-color-primary); transform: translateY(-1px); }
.voice-public-option:focus-visible { outline: 3px solid var(--site-color-accent); outline-offset: 3px; }
.voice-public-option > .bi { width: 1.6rem; height: 1.6rem; color: var(--site-color-primary); fill: currentColor; }
.voice-public-option span { display: grid; gap: .2rem; min-width: 0; }
.voice-public-option small { color: #5d6e82; line-height: 1.4; }
.voice-public-option--disabled { color: color-mix(in srgb, var(--site-color-background) 58%, #fff); border-color: color-mix(in srgb, var(--site-color-primary) 13%, #dce2e8); background: color-mix(in srgb, var(--site-color-primary) 2%, #fff); cursor: not-allowed; opacity: .7; }
.voice-public-option--disabled:hover { border-color: color-mix(in srgb, var(--site-color-primary) 13%, #dce2e8); transform: none; }
.voice-public-option--disabled > .bi { color: color-mix(in srgb, var(--site-color-primary) 45%, #fff); }
.auth-main:has(.voice-public-registration) { min-width: 0; align-items: stretch; padding: clamp(.45rem, .8vw, .75rem); }
.voice-public-registration { width: 100%; max-width: 100%; height: 100%; max-height: none; min-width: 0; min-height: 0; border-radius: .8rem; }
.voice-public-registration .auth-card-inner { position: relative; width: 100%; max-width: 100%; min-width: 0; justify-content: flex-start; gap: 0; padding: clamp(.7rem, 1.15vw, 1rem) clamp(.8rem, 1.45vw, 1.25rem); overflow-y: auto; }
.voice-public-registration [data-voice-wizard] { opacity: 1; transition: opacity .12s ease; }
.voice-public-registration [data-voice-wizard]:not([data-wizard-ready="true"]) { visibility: hidden; opacity: 0; }
.voice-public-registration .auth-card-inner:has([data-voice-wizard]:not([data-wizard-ready="true"]))::after { position: absolute; content: "Preparando formulario\2026"; top: 54%; left: 50%; padding: .55rem .85rem; color: var(--site-color-primary); border: 1px solid color-mix(in srgb, var(--site-color-primary) 18%, #dce2e8); border-radius: 999px; background: #fff; box-shadow: 0 .35rem 1rem rgba(var(--site-color-background-rgb), .08); font-size: .74rem; font-weight: 700; transform: translate(-50%, -50%); }
.voice-public-registration .auth-card-inner:has(.standard-form[data-wizard-ready="true"]) { overflow: hidden; }
.voice-public-registration .standard-form-grid { grid-template-columns: repeat(12, minmax(0, 1fr)); }
.voice-public-registration .standard-form-field { grid-column: span 3; }
.voice-public-registration :is(.standard-form-field--nombre, .standard-form-field--apellido_paterno, .standard-form-field--apellido_materno, .standard-form-field--genero) { grid-column: span 3; }
.voice-public-registration :is(.standard-form-field--fecha_nacimiento, .standard-form-field--curp, .standard-form-field--whatsapp, .standard-form-field--correo) { grid-column: span 3; }
.voice-public-registration .standard-form-field--calle { grid-column: span 4; }
.voice-public-registration :is(.standard-form-field--numero_exterior, .standard-form-field--numero_interior) { grid-column: span 2; }
.voice-public-registration .standard-form-field--asentamiento { grid-column: span 4; }
.voice-public-registration :is(.standard-form-field--semblanza, .standard-form-field--tipos_servicio, .standard-form-field--acepta_aviso_privacidad, .standard-form-field--acepta_terminos_condiciones, .standard-form-field--captcha) { grid-column: 1 / -1; }
.voice-public-registration .voice-public-wizard-grid--identity { grid-template-columns: repeat(20, minmax(0, 1fr)); }
.voice-public-wizard-grid--identity :is(.standard-form-field--nombre, .standard-form-field--apellido_paterno, .standard-form-field--apellido_materno, .standard-form-field--nombre_artistico, .standard-form-field--genero) { grid-column: span 4; }
.voice-public-wizard-grid--identity :is(.standard-form-field--fecha_nacimiento, .standard-form-field--curp, .standard-form-field--whatsapp, .standard-form-field--correo) { grid-column: span 5; }
.voice-public-wizard-grid--identity .standard-form-field--calle { grid-column: span 7; }
.voice-public-wizard-grid--identity :is(.standard-form-field--numero_exterior, .standard-form-field--numero_interior) { grid-column: span 3; }
.voice-public-wizard-grid--identity .standard-form-field--asentamiento { grid-column: span 7; }
.voice-public-registration .voice-public-wizard-grid--artistic { grid-template-columns: repeat(20, minmax(0, 1fr)); }
.voice-public-wizard-grid--artistic :is(.standard-form-field--instagram, .standard-form-field--facebook, .standard-form-field--tiktok, .standard-form-field--youtube, .standard-form-field--spotify) { grid-column: span 4; }
.voice-public-registration .voice-public-wizard-grid--artistic :is(.standard-form-field--foto, .standard-form-field--video, .standard-form-field--musical_genre, .standard-form-field--lenguas) { grid-column: span 5; }
.voice-public-wizard-grid--artistic :is(.standard-form-field--tipos_servicio, .standard-form-field--semblanza) { grid-column: 1 / -1; }
.voice-public-registration :is(.standard-form-field--foto, .standard-form-field--video, .standard-form-field--identificacion_oficial, .standard-form-field--documento_curp, .standard-form-field--comprobante_domiciliario) { grid-column: span 6; }
.voice-public-registration .voice-public-wizard-grid--files :is(.standard-form-field--identificacion_oficial, .standard-form-field--documento_curp, .standard-form-field--comprobante_domiciliario) { grid-column: span 4; }
.voice-public-registration .standard-form-field--tipos_servicio > .form-check-label { display: flex; flex-direction: column; align-items: stretch; gap: .45rem; }
.voice-public-registration .standard-form-field--tipos_servicio > .form-check-label > span { order: -1; color: var(--site-color-background); font-size: .76rem; font-weight: 600; }
.voice-public-registration .standard-form-field--tipos_servicio .checkboxselectmultiple { display: flex; flex-wrap: wrap; gap: .55rem; max-width: 100%; padding: .1rem .05rem .55rem; }
.voice-public-registration .standard-form-field--tipos_servicio .checkboxselectmultiple > div { flex: 0 0 auto; }
.voice-public-registration .standard-form-field--tipos_servicio .checkboxselectmultiple label { min-height: 2.45rem; display: flex; align-items: center; gap: .5rem; padding: .5rem .7rem; color: var(--site-color-background); border: 1px solid color-mix(in srgb, var(--site-color-primary) 28%, var(--border)); border-radius: .65rem; background: color-mix(in srgb, var(--site-color-primary) 4%, #fff); font-size: .8rem; font-weight: 600; white-space: nowrap; cursor: pointer; }
.voice-public-registration .standard-form-field--tipos_servicio .checkboxselectmultiple label:hover { border-color: var(--site-color-primary); background: color-mix(in srgb, var(--site-color-accent) 11%, #fff); }
.voice-public-registration .standard-form-field--tipos_servicio .checkboxselectmultiple label:has(input:checked) { color: var(--site-color-background); border-color: var(--site-color-primary); background: color-mix(in srgb, var(--site-color-accent) 24%, #fff); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--site-color-primary) 20%, transparent); }
.voice-public-registration .standard-form-field--tipos_servicio .checkboxselectmultiple input { width: 1rem; height: 1rem; flex: 0 0 auto; margin: 0; accent-color: var(--site-color-primary); }
.voice-public-registration :is(.standard-form-field--acepta_aviso_privacidad, .standard-form-field--acepta_terminos_condiciones) a { color: var(--site-color-primary); font-weight: 700; }
.voice-public-registration .standard-form-field--captcha { grid-column: 1 / -1; }
.voice-public-registration .standard-form-field--captcha > .form-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.voice-public-registration .auth-flow-header { flex: 0 0 auto; max-width: none; margin: 0 0 .55rem; padding: 0; }
.voice-public-registration .auth-flow-header:not(.auth-login-header)::before { margin-bottom: .16rem; font-size: .58rem; }
.voice-public-registration .auth-flow-header .auth-eyebrow { margin: 0; font-size: .62rem; }
.voice-public-registration .auth-flow-header h1 { margin: .1rem 0 0; font-size: clamp(1.35rem, 2.2vw, 1.7rem); line-height: 1.08; }
.voice-public-registration .auth-flow-header p:last-child { margin-top: .22rem; font-size: .72rem; line-height: 1.25; }
.voice-public-registration .standard-form[data-wizard-ready="true"] { width: 100%; max-width: 100%; min-width: 0; min-height: 0; display: flex; flex: 1 1 auto; flex-direction: column; gap: 0; overflow: hidden; }
.voice-public-wizard-nav { position: relative; z-index: 8; width: 100%; max-width: 100%; min-width: 0; flex: 0 0 auto; margin: 0 0 .65rem; padding: .55rem .75rem .48rem; overflow: hidden; border: 1px solid color-mix(in srgb, var(--site-color-primary) 14%, #dce2e8); border-radius: .8rem; background: rgba(255, 255, 255, .96); box-shadow: 0 .3rem .85rem rgba(var(--site-color-background-rgb), .065); }
.voice-public-wizard-progress { height: .2rem; overflow: hidden; margin: 0 .55rem .45rem; border-radius: 999px; background: color-mix(in srgb, var(--site-color-primary) 10%, #ece7e8); }
.voice-public-wizard-progress-bar { width: var(--wizard-progress, 25%); height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg, var(--site-color-primary), var(--site-color-accent)); transition: width .22s ease; }
.voice-public-wizard-nav ol { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .35rem; margin: 0; padding: 0; list-style: none; }
.voice-public-wizard-step { width: 100%; min-width: 0; display: flex; align-items: center; gap: .48rem; padding: .38rem .52rem; color: #75686b; border: 1px solid transparent; border-radius: .65rem; background: transparent; font: inherit; text-align: left; cursor: pointer; }
.voice-public-wizard-step:hover:not(:disabled) { color: var(--site-color-primary); background: color-mix(in srgb, var(--site-color-primary) 5%, #fff); }
.voice-public-wizard-step[aria-current="step"] { color: var(--site-color-primary); border-color: color-mix(in srgb, var(--site-color-primary) 22%, #dce2e8); background: color-mix(in srgb, var(--site-color-primary) 7%, #fff); }
.voice-public-wizard-step:disabled { opacity: .58; cursor: default; }
.voice-public-wizard-step-number { width: 1.55rem; height: 1.55rem; display: grid; place-items: center; flex: 0 0 auto; color: var(--site-color-primary); border: 1px solid color-mix(in srgb, var(--site-color-primary) 28%, #dce2e8); border-radius: 50%; background: #fff; font-size: .66rem; font-weight: 800; }
.voice-public-wizard-step[aria-current="step"] .voice-public-wizard-step-number,
.voice-public-wizard-step.is-complete .voice-public-wizard-step-number { color: #fff; border-color: var(--site-color-primary); background: var(--site-color-primary); }
.voice-public-wizard-step > span:last-child { min-width: 0; display: grid; gap: .12rem; }
.voice-public-wizard-step strong { overflow: hidden; color: inherit; font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.voice-public-wizard-step small { overflow: hidden; color: #8b8083; font-size: .6rem; text-overflow: ellipsis; white-space: nowrap; }
.voice-public-wizard-status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.voice-public-file-total { margin: .75rem 0 0; padding: .65rem .75rem; color: #665b5e; border: 1px solid color-mix(in srgb, var(--site-color-primary) 14%, #dce2e8); border-radius: .65rem; background: color-mix(in srgb, var(--site-color-primary) 3%, #fff); font-size: .72rem; line-height: 1.4; }
.voice-public-file-total.is-invalid { color: var(--site-color-primary); border-color: color-mix(in srgb, var(--site-color-primary) 55%, #dce2e8); background: color-mix(in srgb, var(--site-color-primary) 8%, #fff); font-weight: 700; }
.voice-public-file-total:focus { outline: 3px solid var(--site-color-accent); outline-offset: 2px; }
.voice-public-wizard-panels { width: 100%; max-width: 100%; min-width: 0; min-height: 0; flex: 1 1 auto; overflow-x: hidden; overflow-y: auto; scrollbar-gutter: stable; }
.voice-public-wizard-panel { width: 100%; max-width: 100%; min-width: 0; min-height: 100%; padding: clamp(.78rem, 1.3vw, 1rem); border: 1px solid color-mix(in srgb, var(--site-color-primary) 13%, #dce2e8); border-radius: .85rem; background: color-mix(in srgb, var(--site-color-primary) 1.5%, #fff); }
.voice-public-wizard-panel[hidden] { display: none; }
.voice-public-wizard-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: .7rem; padding-bottom: .55rem; border-bottom: 1px solid color-mix(in srgb, var(--site-color-primary) 11%, #dce2e8); }
.voice-public-wizard-heading span { color: var(--site-color-primary); font-size: .65rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.voice-public-wizard-heading h2 { margin: .14rem 0 0; color: var(--site-color-background); font: 600 clamp(1.2rem, 2vw, 1.5rem)/1.15 var(--site-font-heading); }
.voice-public-wizard-heading p { max-width: 30rem; margin: 0; color: #75686b; font-size: .76rem; text-align: right; }
.voice-public-wizard-grid { width: 100%; max-width: 100%; min-width: 0; align-items: start; }
.voice-public-wizard-actions { display: flex; align-items: center; justify-content: flex-end; gap: .55rem; margin-top: .55rem; padding-top: .55rem; border-top: 1px solid color-mix(in srgb, var(--site-color-primary) 10%, #dce2e8); }
.voice-public-wizard-panel > .standard-form-actions { margin-top: .55rem; padding-top: .55rem; border-top: 1px solid color-mix(in srgb, var(--site-color-primary) 10%, #dce2e8); }
.voice-public-wizard-field--invalid :is(.form-control, .form-select, .select2-selection) { border-color: var(--message-danger-color, #d5222a) !important; box-shadow: 0 0 0 .15rem color-mix(in srgb, var(--message-danger-color, #d5222a) 15%, transparent); }
.voice-public-registration .voice-public-wizard-grid--confirmation { grid-template-columns: minmax(0, 1fr); gap: .75rem; }
.voice-public-wizard-grid--confirmation .standard-form-field { width: 100%; grid-column: 1 / -1; }
.voice-public-wizard-grid--confirmation .standard-form-field--acepta_aviso_privacidad { min-height: 4rem; padding: .9rem 1rem; border: 1px solid color-mix(in srgb, var(--site-color-primary) 20%, #dce2e8); border-left: .24rem solid var(--site-color-primary); border-radius: .7rem; background: linear-gradient(90deg, color-mix(in srgb, var(--site-color-primary) 5%, #fff), #fff 42%); box-shadow: 0 .2rem .65rem rgba(var(--site-color-background-rgb), .045); }
.voice-public-wizard-grid--confirmation .standard-form-field--acepta_aviso_privacidad .form-check-label { width: 100%; min-width: 0; align-items: center; gap: .75rem; font-size: .86rem; line-height: 1.45; }
.voice-public-wizard-grid--confirmation .standard-form-field--acepta_aviso_privacidad .form-check-input { width: 1.25rem; height: 1.25rem; flex: 0 0 auto; }
.voice-public-wizard-grid--confirmation .standard-form-field--acepta_aviso_privacidad .form-check-label > span { min-width: 0; overflow-wrap: anywhere; }
.voice-public-access-card { height: auto; min-height: 0; }
.voice-public-access-card .auth-card-inner { gap: 1rem; padding-block: 2rem; }
.voice-public-access-form .standard-form-grid { grid-template-columns: 1fr; }
.voice-public-folio { display: block; padding: 1rem; color: var(--site-color-background); border: 2px dashed var(--site-color-primary); border-radius: .7rem; background: color-mix(in srgb, var(--site-color-primary) 8%, #fff); font: 700 clamp(1.25rem, 5vw, 1.8rem)/1.2 var(--site-font-heading); text-align: center; letter-spacing: .06em; }
.auth-main:has(.voice-public-profile) { height: 100%; min-height: 0; align-items: stretch; padding: clamp(.45rem, .75vw, .7rem) clamp(.65rem, 1.4vw, 1.25rem); overflow: hidden; }
.voice-public-profile { width: 100%; height: 100%; max-height: none; min-height: 0; border-radius: .85rem; }
.voice-public-profile .auth-card-inner { justify-content: flex-start; gap: 0; padding: clamp(1rem, 2vw, 1.5rem); overflow: hidden; }
.voice-public-profile-header { display: flex; align-items: center; justify-content: space-between; gap: 1.25rem; flex: 0 0 auto; padding-bottom: 1rem; }
.voice-public-profile-header h1 { margin: .12rem 0 0; overflow-wrap: anywhere; font-size: clamp(1.45rem, 3vw, 2rem); line-height: 1.08; }
.voice-public-profile-identity { min-width: 0; display: flex; align-items: center; gap: 1rem; }
.voice-public-profile-avatar { width: 4.6rem; height: 4.6rem; display: grid; place-items: center; flex: 0 0 auto; overflow: hidden; color: #fff; border: 3px solid color-mix(in srgb, var(--site-color-accent) 45%, #fff); border-radius: 50%; background: var(--site-color-primary); box-shadow: 0 .35rem .9rem rgba(var(--site-color-background-rgb), .18); }
.voice-public-profile-avatar img { width: 100%; height: 100%; display: block; object-fit: cover; }
.voice-public-profile-avatar .bi { width: 2rem; height: 2rem; fill: currentColor; }
.voice-public-profile-meta { display: flex; align-items: center; flex-wrap: wrap; gap: .55rem; margin-top: .55rem; }
.voice-public-socials { display: flex; align-items: center; flex-wrap: wrap; gap: .38rem; margin-top: .65rem; }
.voice-public-social { width: 2rem; height: 2rem; display: grid; place-items: center; color: var(--site-color-primary); border: 1px solid color-mix(in srgb, var(--site-color-primary) 28%, #dce2e8); border-radius: 50%; background: #fff; transition: color .16s ease, border-color .16s ease, background-color .16s ease, transform .16s ease; }
.voice-public-social svg { width: 1rem; height: 1rem; overflow: visible; fill: currentColor; stroke: currentColor; stroke-width: 1.65; }
.voice-public-social path { stroke: none; }
.voice-public-social-dot { fill: currentColor; stroke: none; }
a.voice-public-social:hover { color: #fff; border-color: var(--site-color-primary); background: var(--site-color-primary); transform: translateY(-1px); }
.voice-public-social:focus-visible { outline: 3px solid var(--site-color-accent); outline-offset: 2px; }
.voice-public-social--disabled { color: #a9a1a3; border-color: #ded9da; background: #f4f2f2; opacity: .62; cursor: not-allowed; }
.voice-public-profile-folio { color: var(--site-color-primary); font-weight: 800; letter-spacing: .05em; }
.voice-public-status { max-width: 18rem; padding: .32rem .62rem; color: var(--site-color-background); border: 1px solid color-mix(in srgb, var(--site-color-accent) 48%, transparent); border-radius: 999px; background: color-mix(in srgb, var(--site-color-accent) 22%, #fff); font-size: .72rem; font-weight: 700; text-align: center; }
.voice-public-profile-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: .5rem; margin: 0; }
.voice-public-profile-actions form { margin: 0; }
.voice-public-profile-actions .button { min-height: 2.45rem; padding: .55rem .8rem; white-space: nowrap; }
.voice-public-readonly-notice { flex: 0 0 auto; margin: 0 0 .8rem; padding: .68rem .85rem; color: var(--site-color-background); border: 1px solid color-mix(in srgb, var(--site-color-primary) 28%, #dce2e8); border-radius: .6rem; background: color-mix(in srgb, var(--site-color-accent) 12%, #fff); font-size: .82rem; line-height: 1.4; }
.voice-public-profile-tabs { min-width: 0; display: flex; align-items: stretch; justify-content: space-between; flex: 0 0 auto; gap: 1rem; overflow-x: auto; border-bottom: 1px solid color-mix(in srgb, var(--site-color-primary) 20%, #dce2e8); scrollbar-width: thin; }
.voice-public-profile-tab-group { min-width: max-content; display: flex; align-items: stretch; gap: .2rem; }
.voice-public-profile-tab-group--settings { margin-left: auto; }
.voice-public-profile-tab { min-height: 3rem; display: flex; align-items: center; justify-content: center; gap: .45rem; flex: 0 0 auto; padding: .65rem clamp(.9rem, 2vw, 1.35rem); color: #665b5e; border: 0; border-bottom: 3px solid transparent; background: transparent; font: 700 .78rem/1.2 var(--site-font-base); cursor: pointer; }
.voice-public-profile-tab:hover { color: var(--site-color-primary); background: color-mix(in srgb, var(--site-color-primary) 4%, #fff); }
.voice-public-profile-tab[aria-selected="true"] { color: var(--site-color-primary); border-bottom-color: var(--site-color-primary); background: color-mix(in srgb, var(--site-color-primary) 7%, #fff); }
.voice-public-profile-tab:focus-visible { position: relative; z-index: 1; outline: 3px solid var(--site-color-accent); outline-offset: -3px; }
.voice-public-profile-tab .bi { width: 1rem; height: 1rem; flex: 0 0 auto; fill: currentColor; }
.voice-public-tab-count { min-width: 1.35rem; padding: .12rem .35rem; border-radius: 999px; color: #fff; background: var(--site-color-primary); font-size: .66rem; text-align: center; }
.voice-public-profile-panels { min-width: 0; min-height: 0; flex: 1 1 auto; overflow: hidden; }
.voice-public-profile-panel { height: 100%; min-width: 0; overflow-y: auto; padding: 1.45rem .35rem .5rem; scrollbar-gutter: stable; }
.voice-public-profile-panel[hidden] { display: none; }
.voice-public-profile-panel:focus { outline: 0; }
.voice-public-panel-heading { display: flex; align-items: end; justify-content: space-between; gap: 1.5rem; margin-bottom: 1.35rem; }
.voice-public-panel-heading-title { min-width: 0; display: flex; align-items: center; gap: .75rem; }
.voice-public-panel-icon { width: 2.55rem; height: 2.55rem; display: grid; place-items: center; flex: 0 0 auto; color: var(--site-color-primary); border: 1px solid color-mix(in srgb, var(--site-color-accent) 42%, #fff); border-radius: 50%; background: color-mix(in srgb, var(--site-color-accent) 10%, #fff); }
.voice-public-panel-icon .bi { width: 1.2rem; height: 1.2rem; fill: currentColor; }
.voice-public-panel-heading-title > div > span { color: var(--site-color-primary); font-size: .66rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.voice-public-panel-heading h2 { margin: .15rem 0 0; color: var(--site-color-background); font: 600 clamp(1.25rem, 2vw, 1.55rem)/1.1 var(--site-font-heading); }
.voice-public-panel-heading p { max-width: 32rem; margin: 0; color: #695d60; font-size: .8rem; text-align: right; }
.voice-public-panel-heading--action { align-items: center; }
.voice-public-panel-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.voice-public-section, .voice-public-feature-card { position: relative; min-width: 0; overflow: hidden; padding: 1.15rem; border: 1px solid color-mix(in srgb, var(--site-color-primary) 14%, #dce2e8); border-radius: .75rem; background: #fff; }
.voice-public-section::before, .voice-public-feature-card::before { display: none; }
.voice-public-section--full { grid-column: 1 / -1; }
.voice-public-section h3 { margin: 0 0 .8rem; color: var(--site-color-background); font-size: .95rem; }
.voice-public-section-header { display: flex; align-items: center; gap: .7rem; margin-bottom: 1rem; padding-bottom: .75rem; border-bottom: 1px solid color-mix(in srgb, var(--site-color-primary) 10%, #dce2e8); }
.voice-public-section-header > span { width: 2rem; height: 2rem; display: grid; place-items: center; flex: 0 0 auto; color: var(--site-color-primary); border-radius: 50%; background: color-mix(in srgb, var(--site-color-primary) 7%, #fff); }
.voice-public-section-header > span .bi { width: 1rem; height: 1rem; fill: currentColor; }
.voice-public-section-header h3 { margin: 0; color: var(--site-color-background); font-size: .9rem; }
.voice-public-section-header p { margin: .1rem 0 0; color: #75686b; font-size: .68rem; }
.voice-public-details { display: grid; gap: .55rem; margin: 0; }
.voice-public-details > div { min-width: 0; display: grid; grid-template-columns: minmax(7rem, .42fr) minmax(0, 1fr); gap: .65rem; }
.voice-public-details dt { color: #695d60; font-size: .73rem; font-weight: 700; }
.voice-public-details dd { margin: 0; overflow-wrap: anywhere; }
.voice-public-details--stacked { gap: .35rem; }
.voice-public-details--stacked > div { align-items: center; padding: .48rem 0; border-bottom: 1px solid color-mix(in srgb, var(--site-color-primary) 8%, #e5e7eb); }
.voice-public-details--stacked > div:last-child { border-bottom: 0; }
.voice-public-details--stacked dt { display: flex; align-items: center; gap: .38rem; }
.voice-public-details--stacked dt .bi { width: .78rem; height: .78rem; color: var(--site-color-primary); fill: currentColor; }
.voice-public-details--cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
.voice-public-details--cards > div { display: block; min-height: 4.2rem; padding: .75rem .85rem; border: 1px solid color-mix(in srgb, var(--site-color-primary) 14%, #dce2e8); border-radius: .65rem; background: color-mix(in srgb, var(--site-color-primary) 2%, #fff); }
.voice-public-details--cards dt { margin-bottom: .28rem; }
.voice-public-detail-wide { grid-column: 1 / -1; }
.voice-public-details--address { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.voice-public-details--address > div { display: block; padding: .25rem .75rem; border-left: 1px solid color-mix(in srgb, var(--site-color-primary) 12%, #dce2e8); }
.voice-public-details--address > div:first-child { border-left: 0; padding-left: 0; }
.voice-public-data-sheet { display: grid; grid-template-columns: minmax(15rem, .72fr) minmax(0, 2fr); overflow: hidden; border: 1px solid color-mix(in srgb, var(--site-color-primary) 15%, #dce2e8); border-radius: .8rem; background: #fff; }
.voice-public-data-sheet-intro { display: flex; align-items: center; gap: .8rem; padding: 1.35rem; color: #fff; background: linear-gradient(145deg, var(--site-color-background), var(--site-color-primary)); }
.voice-public-data-sheet-intro > span { width: 2.65rem; height: 2.65rem; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid rgba(255, 255, 255, .26); border-radius: 50%; background: rgba(255, 255, 255, .1); }
.voice-public-data-sheet-intro .bi { width: 1.15rem; height: 1.15rem; fill: currentColor; }
.voice-public-data-sheet-intro div { min-width: 0; }
.voice-public-data-sheet-intro strong { display: block; font-size: .9rem; }
.voice-public-data-sheet-intro p { margin: .25rem 0 0; color: rgba(255, 255, 255, .72); font-size: .72rem; line-height: 1.4; }
.voice-public-data-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; padding: .35rem 1.2rem; }
.voice-public-data-list > div { min-width: 0; padding: 1rem .8rem; border-bottom: 1px solid color-mix(in srgb, var(--site-color-primary) 9%, #dce2e8); }
.voice-public-data-list > div:nth-last-child(-n + 2) { border-bottom: 0; }
.voice-public-data-list > .voice-public-data-contact { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; padding: .85rem 0; border-bottom: 0; }
.voice-public-data-contact > div { min-width: 0; padding: .2rem .8rem; border-left: 1px solid color-mix(in srgb, var(--site-color-primary) 10%, #dce2e8); }
.voice-public-data-contact > div:first-child { border-left: 0; }
.voice-public-data-contact dt { display: flex; align-items: center; gap: .38rem; }
.voice-public-data-contact dt .bi { width: .8rem; height: .8rem; color: var(--site-color-primary); fill: currentColor; }
.voice-public-data-contact dd { margin-top: .3rem; }
.voice-public-data-list > .voice-public-data-address { grid-column: 1 / -1; padding-top: .95rem; border-top: 1px solid color-mix(in srgb, var(--site-color-primary) 9%, #dce2e8); border-bottom: 0; }
.voice-public-data-address dd { display: flex; align-items: flex-start; gap: .5rem; line-height: 1.5; }
.voice-public-data-address dd .bi { width: 1rem; height: 1rem; flex: 0 0 auto; margin-top: .15rem; color: var(--site-color-primary); fill: currentColor; }
.voice-public-data-list dt { margin-bottom: .3rem; color: #75686b; font-size: .68rem; font-weight: 700; }
.voice-public-data-list dd { margin: 0; overflow-wrap: anywhere; color: var(--site-color-background); font-size: .9rem; font-weight: 700; }
.voice-public-artistic-identity { min-width: 0; display: flex; align-items: center; gap: .85rem; margin-bottom: .8rem; padding: 1rem 1.15rem; border: 1px solid color-mix(in srgb, var(--site-color-accent) 35%, #dce2e8); border-radius: .75rem; background: color-mix(in srgb, var(--site-color-accent) 8%, #fff); }
.voice-public-artistic-identity-icon { width: 2.7rem; height: 2.7rem; display: grid; place-items: center; flex: 0 0 auto; color: #fff; border-radius: 50%; background: var(--site-color-primary); }
.voice-public-artistic-identity-icon .bi { width: 1.15rem; height: 1.15rem; fill: currentColor; }
.voice-public-artistic-identity > div { min-width: 0; display: grid; gap: .12rem; }
.voice-public-artistic-identity small { color: #75686b; font-size: .68rem; font-weight: 700; }
.voice-public-artistic-identity strong { overflow-wrap: anywhere; color: var(--site-color-background); font: 600 clamp(1.15rem, 2vw, 1.4rem)/1.2 var(--site-font-heading); }
.voice-public-artistic-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin-bottom: 1rem; overflow: hidden; border: 1px solid color-mix(in srgb, var(--site-color-primary) 14%, #dce2e8); border-radius: .75rem; background: #fff; }
.voice-public-artistic-summary article { min-width: 0; min-height: 5.2rem; display: flex; align-items: center; gap: .65rem; padding: .95rem; color: var(--site-color-background); border-right: 1px solid color-mix(in srgb, var(--site-color-primary) 10%, #dce2e8); background: #fff; }
.voice-public-artistic-summary article:last-child { border-right: 0; }
.voice-public-artistic-summary article > span { width: 2.2rem; height: 2.2rem; display: grid; place-items: center; flex: 0 0 auto; color: var(--site-color-primary); border-radius: 50%; background: color-mix(in srgb, var(--site-color-primary) 7%, #fff); }
.voice-public-artistic-summary .bi { width: 1rem; height: 1rem; fill: currentColor; }
.voice-public-artistic-summary article > div { min-width: 0; display: grid; gap: .15rem; }
.voice-public-artistic-summary small { color: #75686b; font-size: .66rem; }
.voice-public-artistic-summary strong { overflow-wrap: anywhere; font-size: .82rem; }
.voice-public-feature-card { margin-bottom: .8rem; }
.voice-public-story-grid { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(15rem, .85fr); gap: .8rem; }
.voice-public-story-grid .voice-public-feature-card { height: 100%; margin: 0; }
.voice-public-feature-card--story::before { width: 4px; }
.voice-public-prose { color: var(--site-color-background); font-size: .84rem; line-height: 1.58; }
.voice-public-tags { display: flex; flex-wrap: wrap; gap: .35rem; }
.voice-public-tags span { padding: .38rem .62rem; color: var(--site-color-primary); border: 1px solid color-mix(in srgb, var(--site-color-primary) 25%, #dce2e8); border-radius: 999px; background: #fff; box-shadow: 0 .15rem .35rem rgba(var(--site-color-background-rgb), .05); font-size: .73rem; font-weight: 700; }
.voice-public-files, .voice-public-evidence-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr)); gap: .7rem; }
.voice-public-files a, .voice-public-evidence-list a { min-width: 0; min-height: 4.5rem; display: flex; align-items: center; gap: .7rem; padding: .8rem; color: var(--site-color-background); border: 1px solid color-mix(in srgb, var(--site-color-primary) 24%, #dce2e8); border-radius: .7rem; background: color-mix(in srgb, var(--site-color-primary) 3%, #fff); text-decoration: none; }
.voice-public-files a:hover, .voice-public-evidence-list a:hover { color: var(--site-color-primary); border-color: var(--site-color-primary); background: color-mix(in srgb, var(--site-color-primary) 7%, #fff); }
.voice-public-files a:focus-visible, .voice-public-evidence-list a:focus-visible { outline: 3px solid var(--site-color-accent); outline-offset: 2px; }
.voice-public-files a > .bi, .voice-public-evidence-list a > .bi { width: 1.55rem; height: 1.55rem; flex: 0 0 auto; color: var(--site-color-primary); fill: currentColor; }
.voice-public-files a > span, .voice-public-evidence-list a > span { min-width: 0; display: grid; gap: .12rem; }
.voice-public-files strong, .voice-public-evidence-list strong { overflow-wrap: anywhere; font-size: .82rem; }
.voice-public-files small, .voice-public-evidence-list small { color: #695d60; font-size: .72rem; }
.voice-public-files a { min-height: 6rem; position: relative; padding: 1rem; background: linear-gradient(145deg, #fff, color-mix(in srgb, var(--site-color-accent) 7%, #fff)); box-shadow: 0 .3rem .85rem rgba(var(--site-color-background-rgb), .06); }
.voice-public-files a::after { position: absolute; content: "Abrir"; right: .75rem; bottom: .55rem; color: var(--site-color-primary); font-size: .62rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.voice-public-files a > .bi { width: 2.7rem; height: 2.7rem; padding: .68rem; color: #fff; border-radius: .7rem; background: linear-gradient(145deg, var(--site-color-primary), var(--site-color-secondary)); box-shadow: 0 .25rem .65rem color-mix(in srgb, var(--site-color-primary) 18%, transparent); }
.voice-public-evidence-list a { min-height: 7.5rem; align-items: flex-end; position: relative; overflow: hidden; padding: 1rem; color: #fff; border: 0; background: linear-gradient(135deg, var(--site-color-background), var(--site-color-primary)); box-shadow: 0 .5rem 1rem rgba(var(--site-color-background-rgb), .16); }
.voice-public-evidence-list a::after { position: absolute; content: ""; width: 8rem; height: 8rem; top: -4rem; right: -2.5rem; border-radius: 50%; background: color-mix(in srgb, var(--site-color-accent) 35%, transparent); }
.voice-public-evidence-list a:hover { color: #fff; border-color: transparent; background: linear-gradient(135deg, var(--site-color-primary), var(--site-color-secondary)); transform: translateY(-2px); }
.voice-public-evidence-list a > .bi { width: 2.8rem; height: 2.8rem; padding: .7rem; color: #fff; border-radius: 50%; background: rgba(255, 255, 255, .15); }
.voice-public-evidence-list a > span { position: relative; z-index: 1; }
.voice-public-evidence-list strong { color: #fff; }
.voice-public-evidence-list small { color: rgba(255, 255, 255, .72); }
.voice-public-qr-icon { fill: currentColor; }
.voice-public-qr-card { min-width: 0; display: grid; grid-template-columns: minmax(12rem, .62fr) minmax(18rem, 1.38fr); gap: clamp(1.25rem, 3vw, 2.5rem); align-items: center; max-width: 56rem; margin: 0 auto; padding: clamp(1.25rem, 3vw, 2.25rem); border: 1px solid color-mix(in srgb, var(--site-color-primary) 18%, #dce2e8); border-radius: 1rem; background: linear-gradient(145deg, #fff, color-mix(in srgb, var(--site-color-accent) 7%, #fff)); box-shadow: 0 .75rem 1.8rem rgba(var(--site-color-background-rgb), .08); }
.voice-public-qr-visual { width: min(100%, 15rem); aspect-ratio: 1; display: grid; place-items: center; justify-self: center; padding: .75rem; border: 1px solid color-mix(in srgb, var(--site-color-primary) 18%, #dce2e8); border-radius: .9rem; background: #fffaf6; box-shadow: 0 .4rem 1rem rgba(var(--site-color-background-rgb), .1); }
.voice-public-qr-visual img { width: 100%; height: 100%; display: block; object-fit: contain; }
.voice-public-qr-copy { min-width: 0; display: grid; justify-items: start; gap: .65rem; }
.voice-public-qr-copy > span { color: var(--site-color-primary); font-size: .68rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.voice-public-qr-copy h3 { margin: 0; color: var(--site-color-background); font: 700 clamp(1.25rem, 2vw, 1.7rem)/1.15 var(--site-font-heading); }
.voice-public-qr-copy p { max-width: 38rem; margin: 0; color: #695d60; font-size: .82rem; line-height: 1.55; }
.voice-public-qr-copy code { width: 100%; overflow: hidden; padding: .55rem .65rem; color: #695d60; border-radius: .45rem; background: color-mix(in srgb, var(--site-color-primary) 5%, #fff); font-size: .67rem; text-overflow: ellipsis; white-space: nowrap; }
.voice-public-credential-workspace { min-width: 0; display: grid; grid-template-columns: minmax(17rem, .78fr) minmax(18rem, .62fr); gap: clamp(1.5rem, 3.5vw, 3.5rem); align-items: center; max-width: 64rem; margin: 0 auto; }
.voice-public-credential-preview { width: min(100%, 23rem); min-width: 0; justify-self: center; margin: 0; padding: .65rem; border: 1px solid color-mix(in srgb, var(--site-color-primary) 18%, #dce2e8); border-radius: 1rem; background: #fff; box-shadow: 0 1rem 2.5rem rgba(var(--site-color-background-rgb), .14); }
.voice-public-credential-preview img { width: 100%; aspect-ratio: 750 / 1200; display: block; border-radius: .7rem; object-fit: contain; }
.voice-public-credential-copy { min-width: 0; display: grid; align-content: center; justify-items: start; gap: .75rem; }
.voice-public-credential-copy > span { color: var(--site-color-primary); font-size: .7rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.voice-public-credential-copy h3 { margin: 0; color: var(--site-color-background); font: 700 clamp(1.35rem, 2vw, 1.8rem)/1.12 var(--site-font-heading); }
.voice-public-credential-copy > p { margin: 0; color: #695d60; font-size: .84rem; line-height: 1.55; }
.voice-public-credential-actions { width: 100%; display: grid; gap: .55rem; margin-top: .35rem; }
.voice-public-credential-actions .button { width: 100%; justify-content: center; }
.voice-public-credential-actions .button:disabled { cursor: not-allowed; opacity: .48; box-shadow: none; }
.voice-public-credential-status { min-height: 1.2rem; color: var(--site-color-primary) !important; font-weight: 700; }
.voice-public-credential-lock { display: flex; align-items: flex-start; gap: .55rem; padding: .75rem .85rem; color: var(--site-color-primary) !important; border: 1px solid color-mix(in srgb, var(--site-color-accent) 35%, #fff); border-radius: .65rem; background: color-mix(in srgb, var(--site-color-accent) 12%, #fff); font-size: .78rem !important; font-weight: 700; line-height: 1.4 !important; }
.voice-public-credential-lock .bi { width: 1rem; height: 1rem; flex: 0 0 auto; margin-top: .08rem; }
.voice-public-empty { grid-column: 1 / -1; margin: 0; padding: 1.5rem; color: #695d60; border: 1px dashed color-mix(in srgb, var(--site-color-primary) 30%, #dce2e8); border-radius: .75rem; background: color-mix(in srgb, var(--site-color-primary) 2%, #fff); text-align: center; }
.voice-public-specialty + .voice-public-specialty { margin-top: .75rem; padding-top: .75rem; border-top: 1px solid #dce2e8; }
.voice-public-specialty header { display: flex; justify-content: space-between; gap: .75rem; }
.voice-public-specialty header span { color: #5d6e82; font-size: .8rem; }
.voice-public-terms { width: min(100%, 58rem); height: auto; min-height: 0; }
.voice-public-legal-copy { padding: 1rem; border: 1px solid #dce2e8; border-radius: .75rem; background: #fff; line-height: 1.6; }
.voice-public-legal-copy > :first-child { margin-top: 0; }
.voice-public-legal-copy > :last-child { margin-bottom: 0; }
.voice-public-legal-copy section { margin-top: 1.5rem; }
.voice-public-legal-copy h2 { margin: 0 0 .6rem; color: var(--site-color-primary); font-size: 1.05rem; line-height: 1.35; }
.voice-public-legal-copy a { color: var(--site-color-primary); font-weight: 700; overflow-wrap: anywhere; }
.voice-public-legal-copy li + li { margin-top: .45rem; }
.voice-public-legal-kicker { color: var(--site-color-primary); font-size: 1.05rem; text-transform: uppercase; letter-spacing: .04em; }
.voice-public-legal-table-wrap { max-width: 100%; overflow-x: auto; }
.voice-public-legal-table { width: 100%; min-width: 36rem; border-collapse: collapse; font-size: .9rem; }
.voice-public-legal-table :is(th, td) { padding: .7rem; border: 1px solid #dce2e8; text-align: left; vertical-align: top; }
.voice-public-legal-table th { color: #fff; background: var(--site-color-primary); }
.voice-public-legal-date { margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid #dce2e8; }
.voice-public-video-card { height: auto; min-height: 0; }

/* Perfil artístico público */
.voice-public-profile .auth-card-inner { padding: 0; }
.voice-public-artist-hero { position: relative; min-height: 12rem; flex: 0 0 auto; overflow: hidden; color: #fff; background: linear-gradient(115deg, #270b14 0%, var(--site-color-background) 42%, var(--site-color-primary) 100%); }
.voice-public-artist-hero::before { position: absolute; z-index: 1; content: ""; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(35, 7, 16, .98) 0%, rgba(61, 10, 26, .93) 48%, rgba(61, 10, 26, .58) 100%); }
.voice-public-artist-hero::after { position: absolute; z-index: 1; content: ""; width: 28rem; height: 28rem; right: -7rem; bottom: -20rem; pointer-events: none; border: 1px solid rgba(255, 255, 255, .13); border-radius: 50%; box-shadow: 0 0 0 4rem rgba(255, 255, 255, .025), 0 0 0 8rem rgba(255, 255, 255, .02); }
.voice-public-artist-hero-media { position: absolute; inset: 0 0 0 45%; overflow: hidden; }
.voice-public-artist-hero-media img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center 35%; filter: grayscale(.2) saturate(.7) contrast(1.08); transform: scale(1.08); }
.voice-public-artist-hero-content { position: relative; z-index: 2; min-height: 12rem; display: grid; grid-template-columns: auto minmax(18rem, 1fr) minmax(25rem, auto); align-items: center; gap: 1.35rem; padding: 1.15rem clamp(1.25rem, 2.6vw, 2.4rem); }
.voice-public-artist-hero .voice-public-profile-avatar { width: 8.2rem; height: 8.2rem; border-width: 4px; border-color: color-mix(in srgb, var(--site-color-accent) 70%, #fff); box-shadow: 0 .8rem 1.8rem rgba(0, 0, 0, .34); }
.voice-public-artist-identity { min-width: 0; }
.voice-public-artist-verification { width: fit-content; display: flex; align-items: center; gap: .38rem; margin-bottom: .45rem; padding: .3rem .55rem; color: #fff4d2; border-radius: 999px; background: rgba(0, 0, 0, .2); font-size: .67rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.voice-public-artist-verification .bi { width: .9rem; height: .9rem; color: var(--site-color-accent); fill: currentColor; }
.voice-public-artist-hero h1 { margin: 0; overflow-wrap: anywhere; color: #fff; font: 700 clamp(1.75rem, 3vw, 2.7rem)/1.02 var(--site-font-heading); }
.voice-public-artist-byline { display: flex; align-items: center; flex-wrap: wrap; gap: .45rem 1rem; margin-top: .55rem; color: rgba(255, 255, 255, .78); font-size: .8rem; }
.voice-public-credential-verified { width: fit-content; display: inline-flex; align-items: center; gap: .4rem; margin-top: .45rem; padding: .35rem .6rem; color: #f8e3b9; border: 1px solid rgba(248, 227, 185, .42); border-radius: 999px; background: rgba(37, 7, 16, .42); font-size: .66rem; font-weight: 800; letter-spacing: .025em; }
.voice-public-credential-verified .bi { width: .85rem; height: .85rem; }
.voice-public-artist-byline strong { color: #fff; font-weight: 700; }
.voice-public-artist-byline span { display: inline-flex; align-items: center; gap: .3rem; }
.voice-public-artist-byline .bi { width: .82rem; height: .82rem; fill: currentColor; }
.voice-public-artist-folio { padding: .18rem .4rem; border: 1px solid rgba(255, 255, 255, .22); border-radius: 999px; font-size: .66rem; font-weight: 800; letter-spacing: .04em; }
.voice-public-artist-hero .voice-public-social { color: #fff; border-color: rgba(255, 255, 255, .28); background: rgba(255, 255, 255, .08); }
.voice-public-artist-hero a.voice-public-social:hover { color: var(--site-color-primary); border-color: #fff; background: #fff; }
.voice-public-artist-hero .voice-public-social--disabled { color: rgba(255, 255, 255, .44); border-color: rgba(255, 255, 255, .14); background: rgba(255, 255, 255, .04); }
.voice-public-artist-hero-aside { min-width: 0; display: grid; justify-items: end; gap: .9rem; }
.voice-public-artist-hero-summary { min-width: 0; display: flex; align-items: center; justify-content: flex-end; gap: .9rem; }
.voice-public-artist-hero-logo { width: 6.25rem; height: 4.8rem; display: grid; place-items: center; flex: 0 0 auto; padding: .38rem .52rem; border: 1px solid rgba(255, 255, 255, .28); border-radius: .7rem; background: rgba(255, 252, 249, .92); box-shadow: 0 .55rem 1.25rem rgba(0, 0, 0, .2); transition: background-color .16s ease, transform .16s ease; }
.voice-public-artist-hero-logo img { width: 100%; height: 100%; display: block; object-fit: contain; }
.voice-public-artist-hero-logo:hover { background: #fff; transform: translateY(-1px); }
.voice-public-artist-hero-logo:focus-visible { outline: 3px solid var(--site-color-accent); outline-offset: 3px; }
.voice-public-artist-stats { display: flex; align-items: stretch; margin: 0; color: #fff; }
.voice-public-artist-stats > div { min-width: 5.5rem; padding: .2rem 1rem; border-left: 1px solid rgba(255, 255, 255, .22); text-align: center; }
.voice-public-artist-stats dt { font-size: 1.05rem; font-weight: 800; }
.voice-public-artist-stats dd { margin: .2rem 0 0; color: rgba(255, 255, 255, .67); font-size: .64rem; white-space: nowrap; }
.voice-public-artist-hero .voice-public-profile-actions { justify-content: flex-end; }
.voice-public-artist-hero .voice-public-profile-actions .button { min-height: 2.2rem; padding: .45rem .7rem; border-color: rgba(255, 255, 255, .62); font-size: .72rem; }
.voice-public-artist-hero .voice-public-profile-actions .button-outline { color: #fff; background: rgba(255, 255, 255, .07); }
.voice-public-artist-hero .voice-public-profile-actions .button-outline:hover { color: var(--site-color-primary); border-color: #fff; background: #fff; }
.auth-page .voice-public-artist-hero .voice-public-profile-actions .button-primary { color: var(--site-color-background); border-color: var(--site-color-accent); background: var(--site-color-accent); box-shadow: 0 .4rem .85rem rgba(0, 0, 0, .18); }
.auth-page .voice-public-artist-hero .voice-public-profile-actions .button-primary:hover { color: var(--site-color-background); background: color-mix(in srgb, var(--site-color-accent) 84%, #fff); }
.voice-public-profile .voice-public-profile-tabs { padding-inline: clamp(.75rem, 2vw, 1.75rem); background: #fff; }
.voice-public-profile .voice-public-profile-tab { min-height: 3.35rem; }
.voice-public-profile .voice-public-profile-panels { background: color-mix(in srgb, var(--site-color-primary) 1.5%, #fff); }
.voice-public-profile .voice-public-profile-panel { padding: 1.2rem clamp(1rem, 2vw, 1.75rem) .85rem; }
.voice-public-profile-panel--overview { padding-top: .85rem; }
.voice-public-overview-grid { display: grid; grid-template-columns: minmax(0, 2fr) minmax(18rem, .75fr); gap: 1rem; align-items: start; }
.voice-public-showcase, .voice-public-about-card { min-width: 0; padding: 1rem; border: 1px solid color-mix(in srgb, var(--site-color-primary) 10%, #dce2e8); border-radius: .8rem; background: #fff; box-shadow: 0 .35rem 1rem rgba(var(--site-color-background-rgb), .05); }
.voice-public-showcase-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: .85rem; }
.voice-public-showcase-heading > div { min-width: 0; display: flex; align-items: center; gap: .65rem; }
.voice-public-showcase-heading > div > span, .voice-public-about-card header > span { width: 2.15rem; height: 2.15rem; display: grid; place-items: center; flex: 0 0 auto; color: #fff; border-radius: 50%; background: var(--site-color-primary); }
.voice-public-showcase-heading .bi, .voice-public-about-card header .bi { width: 1rem; height: 1rem; fill: currentColor; }
.voice-public-showcase-heading h2, .voice-public-about-card h2 { margin: 0; color: var(--site-color-background); font-size: .98rem; }
.voice-public-showcase-heading p { margin: .12rem 0 0; color: #75686b; font-size: .68rem; }
.voice-public-showcase-heading button, .voice-public-about-card button { flex: 0 0 auto; padding: .35rem; color: var(--site-color-primary); border: 0; background: transparent; font: 700 .7rem/1 var(--site-font-base); cursor: pointer; }
.voice-public-showcase-heading button:hover, .voice-public-about-card button:hover { text-decoration: underline; }
.voice-public-artist-aside { min-width: 0; display: grid; gap: .8rem; }
.voice-public-about-card header { display: flex; align-items: center; gap: .55rem; margin-bottom: .7rem; }
.voice-public-about-copy { color: #554a4d; font-size: .76rem; line-height: 1.55; }
.voice-public-about-card button { margin-top: .75rem; padding-left: 0; }
.voice-public-about-card--profile header button { margin: 0 0 0 auto; padding: .3rem 0 .3rem .5rem; }
.voice-public-about-sections { display: grid; gap: .9rem; margin-top: .95rem; padding-top: .9rem; border-top: 1px solid color-mix(in srgb, var(--site-color-primary) 12%, #dce2e8); }
.voice-public-about-sections > section { min-width: 0; }
.voice-public-about-section-title { display: flex; align-items: center; gap: .42rem; margin: 0 0 .55rem; color: var(--site-color-background); font-size: .82rem; }
.voice-public-about-section-title .bi { width: 1rem; height: 1rem; color: var(--site-color-primary); fill: currentColor; }
.voice-public-tags .voice-public-tag-muted { color: #8d8385; border-style: dashed; background: #f7f4f5; font-weight: 600; }
.voice-public-video-gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.15rem .9rem; }
.voice-public-video-item { min-width: 0; background: transparent; }
.voice-public-video-media { position: relative; aspect-ratio: 16 / 9; overflow: hidden; border-radius: .62rem; background: linear-gradient(135deg, var(--site-color-background), var(--site-color-primary)); box-shadow: 0 .22rem .6rem rgba(var(--site-color-background-rgb), .13); transition: box-shadow .18s ease, transform .18s ease; }
.voice-public-video-item:hover .voice-public-video-media { box-shadow: 0 .48rem 1rem rgba(var(--site-color-background-rgb), .2); transform: translateY(-2px); }
.voice-public-video-media video { width: 100%; height: 100%; display: block; background: #160a0e; object-fit: contain; }
.voice-public-video-media > a { width: 100%; height: 100%; display: grid; place-items: center; align-content: center; gap: .55rem; color: #fff; text-decoration: none; background: radial-gradient(circle at 70% 20%, color-mix(in srgb, var(--site-color-accent) 38%, transparent), transparent 38%), linear-gradient(135deg, var(--site-color-background), var(--site-color-primary)); }
.voice-public-video-media > a .bi { width: 3.25rem; height: 3.25rem; fill: currentColor; }
.voice-public-video-media > a span { font-size: .72rem; font-weight: 700; }
.voice-public-video-copy { min-width: 0; display: grid; gap: .28rem; padding: .52rem .06rem 0; }
.voice-public-video-copy h3 { margin: 0; overflow-wrap: anywhere; color: var(--site-color-background); font-size: .82rem; line-height: 1.28; }
.voice-public-video-copy p { margin: 0; color: #75686b; font-size: .68rem; line-height: 1.4; }
.voice-public-video-description { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.voice-public-video-meta { color: #897d80 !important; }
.voice-public-video-tags { display: flex; flex-wrap: wrap; gap: .32rem; margin-top: .12rem; }
.voice-public-video-tags span { max-width: 100%; overflow: hidden; padding: .25rem .52rem; color: #665b5e; border-radius: 999px; background: #f1edef; font-size: .62rem; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.voice-public-video-empty { grid-column: 1 / -1; min-height: 11rem; display: flex; align-items: center; justify-content: center; gap: .8rem; padding: 1.25rem; border: 1px dashed color-mix(in srgb, var(--site-color-primary) 28%, #dce2e8); border-radius: .75rem; background: color-mix(in srgb, var(--site-color-primary) 2%, #fff); }
.voice-public-video-empty > span { width: 2.8rem; height: 2.8rem; display: grid; place-items: center; flex: 0 0 auto; color: var(--site-color-primary); border-radius: 50%; background: color-mix(in srgb, var(--site-color-primary) 8%, #fff); }
.voice-public-video-empty .bi { width: 1.3rem; height: 1.3rem; fill: currentColor; }
.voice-public-video-empty div { min-width: 0; }
.voice-public-video-empty strong { color: var(--site-color-background); font-size: .86rem; }
.voice-public-video-empty p { margin: .2rem 0 0; color: #75686b; font-size: .7rem; }
.voice-public-video-empty .button { margin-left: auto; }

@media (max-width: 1100px) {
  .voice-public-artist-hero-content { grid-template-columns: auto minmax(0, 1fr); }
  .voice-public-artist-hero-aside { width: 100%; grid-column: 1 / -1; grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
  .voice-public-artist-hero-summary { justify-content: flex-start; }
  .voice-public-video-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .voice-public-overview-grid { grid-template-columns: 1fr; }
  .voice-public-artist-aside { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .voice-public-artistic-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .voice-public-artistic-summary article:nth-child(even) { border-right: 0; }
  .voice-public-artistic-summary article:nth-child(-n + 2) { border-bottom: 1px solid color-mix(in srgb, var(--site-color-primary) 10%, #dce2e8); }
}

@media (max-width: 760px) {
  body.auth-page:has(.voice-public-registration) { overflow-x: hidden; }
  .auth-page .auth-shell:has(.voice-public-registration),
  .auth-main:has(.voice-public-registration) { width: 100%; max-width: 100%; min-width: 0; }
  .auth-main:has(.voice-public-registration) { padding: .5rem; overflow-x: hidden; }
  .voice-public-registration .auth-card-inner { padding: .75rem .65rem; overflow-x: hidden; }
  .voice-public-registration .auth-flow-header { width: 100%; max-width: 100%; min-width: 0; }
  .voice-public-registration .auth-flow-header :is(h1, p) { max-width: 100%; overflow-wrap: anywhere; }
  .voice-public-registration .standard-form-grid,
  .voice-public-registration .voice-public-wizard-grid { width: 100%; max-width: 100%; min-width: 0; grid-template-columns: minmax(0, 1fr); }
  .voice-public-registration .standard-form-field,
  .voice-public-registration :is(.form-control, .form-select, .select2-container, .select2-selection) { max-width: 100%; min-width: 0; }
  .auth-page .landing-footer {
    min-height: clamp(7.25rem, 29vw, 8.25rem);
    overflow: hidden;
    background-image: none;
  }
  .auth-page .landing-footer::before,
  .auth-page .landing-footer::after {
    content: "";
    position: absolute;
    left: 4%;
    width: 92%;
    pointer-events: none;
    background-image: url("../img/voice-route/logos-cintillo.22626fa9e148.webp");
    background-repeat: no-repeat;
  }
  .auth-page .landing-footer::before {
    top: 0;
    height: 56%;
    background-position: left center;
    background-size: 233% auto;
  }
  .auth-page .landing-footer::after {
    bottom: 0;
    height: 44%;
    background-position: right center;
    background-size: 176% auto;
  }
  .voice-public-wizard-nav { margin-bottom: .75rem; padding: .7rem .6rem .55rem; }
  .voice-public-wizard-progress { margin-inline: .3rem; }
  .voice-public-wizard-nav ol { width: 100%; max-width: 100%; min-width: 0; display: flex; gap: .4rem; overflow-x: auto; overflow-y: hidden; padding-bottom: .2rem; scrollbar-width: thin; }
  .voice-public-wizard-nav li { flex: 0 0 auto; }
  .voice-public-wizard-step { width: auto; min-width: 8.75rem; }
  .voice-public-wizard-step small { display: none; }
  .voice-public-wizard-panel { padding: .85rem; }
  .voice-public-wizard-heading { align-items: flex-start; flex-direction: column; gap: .25rem; }
  .voice-public-wizard-heading p { text-align: left; }
  .voice-public-wizard-actions, .voice-public-wizard-panel > .standard-form-actions { flex-wrap: wrap; }
  .voice-public-wizard-actions .button, .voice-public-wizard-panel > .standard-form-actions .button { flex: 1 1 8rem; }
  .voice-public-registration .standard-form-field,
  .voice-public-registration :is(.standard-form-field--nombre, .standard-form-field--apellido_paterno, .standard-form-field--apellido_materno, .standard-form-field--whatsapp, .standard-form-field--correo, .standard-form-field--calle, .standard-form-field--numero_exterior, .standard-form-field--numero_interior, .standard-form-field--asentamiento, .standard-form-field--foto, .standard-form-field--video, .standard-form-field--identificacion_oficial, .standard-form-field--documento_curp, .standard-form-field--comprobante_domiciliario) { grid-column: 1; }
  .auth-main:has(.voice-public-profile) { padding: .4rem .5rem; }
  .voice-public-profile { border-radius: .55rem; }
  .voice-public-profile .auth-card-inner { padding: 0; }
  .voice-public-artist-hero-content { grid-template-columns: auto minmax(0, 1fr); gap: .8rem; padding: .9rem; }
  .voice-public-artist-hero .voice-public-profile-avatar { width: 5.5rem; height: 5.5rem; border-width: 3px; }
  .voice-public-artist-hero h1 { font-size: clamp(1.35rem, 7vw, 1.75rem); }
  .voice-public-artist-byline { align-items: flex-start; flex-direction: column; gap: .25rem; }
  .voice-public-artist-hero-aside { grid-template-columns: 1fr; justify-items: stretch; gap: .75rem; }
  .voice-public-artist-hero-summary { width: 100%; justify-content: space-between; }
  .voice-public-artist-hero-logo { width: 5rem; height: 3.9rem; }
  .voice-public-artist-stats { min-width: 0; flex: 1 1 auto; justify-content: flex-end; }
  .voice-public-artist-stats > div { min-width: 0; flex: 1 1 0; padding-inline: .45rem; }
  .voice-public-artist-stats > div:first-child { border-left: 0; }
  .voice-public-artist-hero-media { left: 30%; opacity: .55; }
  .voice-public-profile .voice-public-profile-tabs { padding-inline: .35rem; }
  .voice-public-profile-tab-group--settings { margin-left: 1rem; }
  .voice-public-profile .voice-public-profile-panel { padding: .8rem; }
  .voice-public-artist-aside { grid-template-columns: 1fr; }
  .voice-public-showcase, .voice-public-about-card { padding: .8rem; }
  .voice-public-showcase-heading { align-items: flex-start; }
  .voice-public-showcase-heading p { display: none; }
  .voice-public-video-gallery { grid-template-columns: 1fr; }
  .voice-public-video-empty { align-items: flex-start; flex-direction: column; min-height: 0; }
  .voice-public-video-empty .button { width: 100%; margin-left: 0; }
  .voice-public-profile-header { align-items: flex-start; flex-direction: column; gap: .8rem; }
  .voice-public-profile-identity { align-items: flex-start; }
  .voice-public-profile-avatar { width: 3.7rem; height: 3.7rem; }
  .voice-public-profile-actions { width: 100%; justify-content: stretch; }
  .voice-public-profile-actions > .button, .voice-public-profile-actions > form { flex: 1 1 9rem; }
  .voice-public-profile-actions > form .button { width: 100%; }
  .voice-public-profile-actions .button { min-width: 0; justify-content: center; }
  .voice-public-status { max-width: 100%; }
  .voice-public-profile-tab { flex: 0 0 auto; min-width: 9.5rem; }
  .voice-public-profile-panel { padding-top: .9rem; scrollbar-gutter: auto; }
  .voice-public-panel-heading { align-items: flex-start; flex-direction: column; gap: .35rem; }
  .voice-public-panel-heading-title { align-items: flex-start; }
  .voice-public-panel-heading p { text-align: left; }
  .voice-public-panel-heading--action .button { width: 100%; }
  .voice-public-panel-grid, .voice-public-details--cards, .voice-public-artistic-summary, .voice-public-story-grid { grid-template-columns: 1fr; }
  .voice-public-data-sheet { grid-template-columns: 1fr; }
  .voice-public-data-list { grid-template-columns: 1fr; padding-block: .2rem; }
  .voice-public-data-list > div, .voice-public-data-list > div:nth-last-child(-n + 2) { border-bottom: 1px solid color-mix(in srgb, var(--site-color-primary) 9%, #dce2e8); }
  .voice-public-data-list > div:last-child { border-bottom: 0; }
  .voice-public-data-list > .voice-public-data-contact { grid-template-columns: 1fr; padding: .35rem 0; }
  .voice-public-data-contact > div, .voice-public-data-contact > div:first-child { padding: .65rem 0; border-left: 0; border-bottom: 1px solid color-mix(in srgb, var(--site-color-primary) 9%, #dce2e8); }
  .voice-public-data-contact > div:last-child { border-bottom: 0; }
  .voice-public-artistic-summary article, .voice-public-artistic-summary article:nth-child(even), .voice-public-artistic-summary article:nth-child(-n + 2) { border-right: 0; border-bottom: 1px solid color-mix(in srgb, var(--site-color-primary) 10%, #dce2e8); }
  .voice-public-artistic-summary article:last-child { border-bottom: 0; }
  .voice-public-section--full, .voice-public-detail-wide { grid-column: auto; }
  .voice-public-qr-card { grid-template-columns: 1fr; padding: 1rem; }
  .voice-public-qr-copy { justify-items: stretch; text-align: center; }
  .voice-public-qr-copy .button { justify-content: center; }
  .voice-public-credential-workspace { grid-template-columns: 1fr; }
  .voice-public-credential-preview { width: min(100%, 20rem); }
  .voice-public-credential-copy { justify-items: stretch; text-align: center; }
  .voice-public-details--address { grid-template-columns: 1fr; }
  .voice-public-details--address > div, .voice-public-details--address > div:first-child { padding: .55rem 0; border-left: 0; border-bottom: 1px solid color-mix(in srgb, var(--site-color-primary) 9%, #dce2e8); }
  .voice-public-details--address > div:last-child { border-bottom: 0; }
  .voice-public-details > div { grid-template-columns: 1fr; gap: .15rem; }
}

/* El perfil prioriza el contenido artístico sobre el cintillo institucional. */
.auth-page:has(.voice-public-profile) .landing-footer {
  height: 5.25rem;
  min-height: 5.25rem;
  box-sizing: border-box;
  padding: .5rem 0;
  border-top-color: color-mix(in srgb, var(--site-color-primary) 18%, transparent);
  background-color: #fff;
  background-image: url("../img/voice-route/logos-cintillo.22626fa9e148.webp"), linear-gradient(#fff, #fff);
  background-origin: content-box, border-box;
  background-clip: content-box, border-box;
  background-position: center, center;
  background-size: min(68rem, 78vw) auto, 100% 100%;
  box-shadow: 0 -.25rem .8rem rgba(var(--site-color-background-rgb), .04);
}

@media (max-width: 760px) {
  body.auth-page:has(.voice-public-profile) {
    width: 100%;
    height: auto;
    min-height: 100svh;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .auth-page .auth-shell:has(.voice-public-profile) {
    width: 100%;
    height: auto;
    min-height: 100svh;
    grid-template-rows: auto auto;
    overflow: visible;
  }
  .auth-main:has(.voice-public-profile) {
    width: 100%;
    height: auto;
    min-width: 0;
    min-height: 0;
    overflow: visible;
  }
  .voice-public-profile,
  .voice-public-profile .auth-card-inner {
    height: auto;
    min-height: 0;
    overflow: visible;
  }
  .voice-public-profile .voice-public-profile-tabs {
    display: flex;
    flex-direction: column;
    gap: 0;
    overflow: visible;
  }
  .voice-public-profile .voice-public-profile-tab-group {
    width: 100%;
    min-width: 0;
  }
  .voice-public-profile .voice-public-profile-tab-group--settings {
    margin-left: 0;
    border-top: 1px solid color-mix(in srgb, var(--site-color-primary) 10%, #dce2e8);
  }
  .voice-public-profile .voice-public-profile-tab {
    min-width: 0;
    flex: 1 1 0;
    padding-inline: .45rem;
  }
  .voice-public-profile .voice-public-profile-panels {
    min-height: 0;
    flex: 0 0 auto;
    overflow: visible;
  }
  .voice-public-profile .voice-public-profile-panel {
    height: auto;
    min-height: 0;
    overflow: visible;
  }
  .auth-page:has(.voice-public-profile) .landing-footer {
    height: auto;
    min-height: clamp(7.25rem, 29vw, 8.25rem);
    padding: 0;
    background-color: #fff;
    background-image: none;
  }
  .auth-page:has(.voice-public-profile) .landing-footer::before,
  .auth-page:has(.voice-public-profile) .landing-footer::after {
    left: 4%;
    width: 92%;
    opacity: 1;
  }
  .auth-page:has(.voice-public-profile) .landing-footer::before {
    top: 0;
    height: 56%;
    background-size: 233% auto;
  }
  .auth-page:has(.voice-public-profile) .landing-footer::after {
    bottom: 0;
    height: 44%;
    background-size: 176% auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .voice-public-option, .voice-public-evidence-list a, .voice-public-video-media { transition: none; }
  .voice-public-evidence-list a:hover, .voice-public-video-item:hover .voice-public-video-media { transform: none; }
}