/* /Components/Admin/DashboardAgenda.razor.rz.scp.css */
.ag[b-gn3vv5pwpg] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.ag-dias[b-gn3vv5pwpg] {
    padding: 12px;
}

.ag-dias-cabeza[b-gn3vv5pwpg] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 10px;
}

.ag-mes[b-gn3vv5pwpg] {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-size: 1rem;
}

/* El selector de fecha queda escondido: se abre con el botón del calendario */
.ag-mes[b-gn3vv5pwpg]  .ag-selector {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

.ag-hoy[b-gn3vv5pwpg] {
    height: 32px;
    padding: 0 12px;
    border: 1px solid var(--bc-line);
    border-radius: var(--bc-radius-btn);
    background: transparent;
    color: var(--bc-text);
    font: inherit;
    font-size: .84rem;
    font-weight: 700;
    cursor: pointer;
}

.ag-semana[b-gn3vv5pwpg] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 4px;
}

.ag-dia[b-gn3vv5pwpg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    padding: 8px 0;
    border: 0;
    border-radius: var(--bc-radius-sm);
    background: transparent;
    color: var(--bc-text);
    font: inherit;
    cursor: pointer;
    transition: background-color .2s, color .2s;
}

.ag-dia:hover[b-gn3vv5pwpg] {
    background: var(--bc-surface-2);
}

.ag-dia-nombre[b-gn3vv5pwpg] {
    font-size: .7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--bc-text-muted);
}

.ag-dia-numero[b-gn3vv5pwpg] {
    font-size: 1.15rem;
    font-weight: 800;
    font-variant-numeric: lining-nums tabular-nums;
}

.ag-dia-hoy .ag-dia-numero[b-gn3vv5pwpg] {
    color: var(--bc-accent-text);
}

.ag-dia-elegido[b-gn3vv5pwpg],
.ag-dia-elegido:hover[b-gn3vv5pwpg] {
    background: var(--bc-accent);
    color: var(--bc-on-accent);
    box-shadow: var(--bc-btn-shadow);
}

.ag-dia-elegido .ag-dia-nombre[b-gn3vv5pwpg],
.ag-dia-elegido .ag-dia-numero[b-gn3vv5pwpg] {
    color: inherit;
}

.ag-filtro[b-gn3vv5pwpg] {
    align-self: flex-start;
    max-width: 100%;
    overflow-x: auto;
    flex-wrap: nowrap;
}

.ag-resumen[b-gn3vv5pwpg] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 0 4px;
    font-size: .88rem;
    font-weight: 700;
    color: var(--bc-text-muted);
}

.ag-pasado[b-gn3vv5pwpg] {
    opacity: .6;
}

.ag-cancelado .pn-fila-titulo[b-gn3vv5pwpg] {
    text-decoration: line-through;
}

.ag-nota[b-gn3vv5pwpg] {
    font-style: italic;
}
/* /Components/Admin/DashboardHorarios.razor.rz.scp.css */
.hr-semana[b-qt9idnti4n],
.hr-especiales[b-qt9idnti4n] {
    margin-bottom: 16px;
}

.hr-dia[b-qt9idnti4n] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 16px;
    padding: 12px 0;
    border-top: 1px solid var(--bc-line);
}

.hr-dia-nombre[b-qt9idnti4n] {
    display: flex;
    align-items: center;
    gap: 2px;
    width: 150px;
    flex: 0 0 auto;
}

.hr-dia-nombre strong[b-qt9idnti4n] {
    font-size: 1rem;
}

.hr-cerrado .hr-dia-nombre strong[b-qt9idnti4n] {
    color: var(--bc-text-muted);
}

.hr-cambiado .hr-dia-nombre strong[b-qt9idnti4n]::after {
    content: "•";
    margin-left: 6px;
    color: var(--bc-warning);
}

.hr-cerrado-texto[b-qt9idnti4n] {
    color: var(--bc-text-muted);
    font-size: .9rem;
}

.hr-franjas[b-qt9idnti4n] {
    flex: 1 1 380px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 16px;
}

.hr-franja[b-qt9idnti4n] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.hr-franja-nombre[b-qt9idnti4n] {
    width: 54px;
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--bc-text-muted);
}

.hr-franjas[b-qt9idnti4n]  .hr-hora {
    width: 108px;
    margin: 0;
}

.hr-franjas[b-qt9idnti4n]  .hr-intervalo {
    width: 130px;
    margin: 0;
}

.hr-nuevo[b-qt9idnti4n] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px;
    margin-bottom: 14px;
    border-radius: var(--bc-radius-sm);
    background: var(--bc-surface-2);
}

.hr-nuevo[b-qt9idnti4n]  .mud-picker {
    max-width: 260px;
}

.hr-sin-especiales[b-qt9idnti4n] {
    color: var(--bc-text-muted);
    font-size: .9rem;
}

.hr-lista[b-qt9idnti4n] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.hr-lista li[b-qt9idnti4n] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 8px 0;
    border-top: 1px solid var(--bc-line);
}

.hr-fecha[b-qt9idnti4n] {
    width: 90px;
    font-weight: 800;
    text-transform: capitalize;
}

@media (max-width: 599.98px) {
    .hr-dia-nombre[b-qt9idnti4n] { width: 100%; }
    .hr-franja-nombre[b-qt9idnti4n] { width: 100%; }
    .hr-franja[b-qt9idnti4n] { flex-wrap: wrap; }
}
/* /Components/Admin/DashboardServicios.razor.rz.scp.css */
.sv-grilla[b-k3kzgu13sc] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 14px;
}

.sv-tarjeta[b-k3kzgu13sc] {
    display: flex;
    flex-direction: column;
    padding: 0;
    overflow: hidden;
    transition: opacity .2s;
}

.sv-pausado[b-k3kzgu13sc] {
    opacity: .62;
}

.sv-foto[b-k3kzgu13sc] {
    position: relative;
    aspect-ratio: 16 / 9;
    background: var(--bc-surface-2);
}

.sv-foto[b-k3kzgu13sc]  .sv-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.sv-etiqueta[b-k3kzgu13sc] {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 3px 10px;
    border-radius: 999px;
    background: var(--bc-hero);
    color: var(--bc-on-hero);
    font-size: .72rem;
    font-weight: 800;
}

.sv-cuerpo[b-k3kzgu13sc] {
    flex: 1 1 auto;
    padding: 14px 16px 6px;
}

.sv-nombre[b-k3kzgu13sc] {
    margin: 0 0 4px;
    font-size: 1.05rem;
    font-family: var(--bc-font-body);
    font-weight: 800;
    text-transform: none;
    letter-spacing: 0;
    text-shadow: none;
}

.sv-datos[b-k3kzgu13sc] {
    display: flex;
    align-items: baseline;
    gap: 10px;
}

.sv-datos strong[b-k3kzgu13sc] {
    font-size: 1.15rem;
    color: var(--bc-accent-text);
    font-variant-numeric: lining-nums tabular-nums;
}

.sv-datos span[b-k3kzgu13sc] {
    font-size: .84rem;
    color: var(--bc-text-muted);
}

.sv-desc[b-k3kzgu13sc] {
    margin: 6px 0 0;
    font-size: .84rem;
    color: var(--bc-text-muted);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sv-acciones[b-k3kzgu13sc] {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 4px 8px 8px 12px;
    border-top: 1px solid var(--bc-line);
}

.sv-nuevo[b-k3kzgu13sc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 200px;
    border: 2px dashed var(--bc-line);
    border-radius: var(--bc-radius);
    background: transparent;
    color: var(--bc-text-muted);
    font: inherit;
    font-weight: 700;
    cursor: pointer;
    transition: border-color .2s, color .2s;
}

.sv-nuevo:hover[b-k3kzgu13sc] {
    border-color: var(--bc-accent-text);
    color: var(--bc-accent-text);
}
/* /Components/Admin/DashboardStats.razor.rz.scp.css */
.st[b-3axdultkx4] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.st-rangos[b-3axdultkx4] {
    position: relative;
    max-width: 100%;
    overflow-x: auto;
}

.st-rangos .pn-segmento[b-3axdultkx4] {
    flex-wrap: nowrap;
}

.st-rangos[b-3axdultkx4]  .st-selector {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

.st .pn-kpis[b-3axdultkx4] {
    margin-bottom: 0;
}

.st-tasa[b-3axdultkx4] {
    font-size: .5em;
    font-family: var(--bc-font-body);
    font-weight: 700;
    color: var(--bc-text-muted);
}

.pn-kpi-destacado .st-tasa[b-3axdultkx4] {
    color: inherit;
}

.gb-sin-datos[b-3axdultkx4] {
    display: grid;
    place-items: center;
    min-height: 180px;
    color: var(--bc-text-muted);
    text-align: center;
}

.st-ranking[b-3axdultkx4] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.st-ranking-fila[b-3axdultkx4] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 6px;
    font-size: .92rem;
}

.st-ranking-fila span[b-3axdultkx4] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.st-ranking-fila strong[b-3axdultkx4] {
    font-variant-numeric: lining-nums tabular-nums;
}

.st-barra[b-3axdultkx4] {
    display: block;
    height: 8px;
    border-radius: 8px;
    background: var(--bc-surface-2);
    overflow: hidden;
}

.st-barra span[b-3axdultkx4] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--bc-accent-text);
    transform-origin: left;
    animation: st-crecer-b-3axdultkx4 var(--bc-motion-duration) var(--bc-motion-ease) both;
}

.st-ranking-detalle[b-3axdultkx4] {
    display: block;
    margin-top: 4px;
    font-size: .78rem;
    color: var(--bc-text-muted);
}

@keyframes st-crecer-b-3axdultkx4 {
    from { transform: scaleX(0); }
    to { transform: scaleX(1); }
}
/* /Components/Admin/GraficoBarras.razor.rz.scp.css */
.gb[b-zy91m24o29] {
    --gb-y: 52px;
    width: 100%;
}

.gb-area[b-zy91m24o29] {
    position: relative;
    height: var(--gb-alto);
    margin-left: var(--gb-y);
}

.gb-linea[b-zy91m24o29] {
    position: absolute;
    left: 0;
    right: 0;
    height: 0;
    border-top: 1px dashed color-mix(in srgb, var(--bc-line) 85%, transparent);
}

.gb-linea:first-child[b-zy91m24o29] {
    border-top-style: solid;
    border-top-color: var(--bc-line);
}

.gb-y[b-zy91m24o29] {
    position: absolute;
    right: calc(100% + 8px);
    top: 0;
    transform: translateY(-50%);
    font-size: .72rem;
    color: var(--bc-text-muted);
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.gb-barras[b-zy91m24o29] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-end;
    gap: clamp(2px, .8%, 8px);
}

.gb-col[b-zy91m24o29] {
    flex: 1 1 0;
    min-width: 0;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.gb-barra[b-zy91m24o29] {
    position: relative;
    width: 100%;
    max-width: 44px;
    min-height: 0;
    border-radius: min(var(--bc-radius-sm), 6px) min(var(--bc-radius-sm), 6px) 0 0;
    background: color-mix(in srgb, var(--bc-accent-text) 55%, var(--bc-surface));
    transform-origin: bottom;
    animation: gb-crecer-b-zy91m24o29 var(--bc-motion-duration) var(--bc-motion-ease) both;
    transition: background-color .2s;
}

.gb-col:hover .gb-barra[b-zy91m24o29],
.gb-maxima[b-zy91m24o29] {
    background: var(--bc-accent-text);
}

.gb-valor[b-zy91m24o29] {
    position: absolute;
    bottom: calc(100% + 4px);
    left: 50%;
    transform: translateX(-50%);
    font-size: .72rem;
    font-weight: 800;
    white-space: nowrap;
    color: var(--bc-text);
}

.gb-x[b-zy91m24o29] {
    display: flex;
    gap: clamp(2px, .8%, 8px);
    margin: 6px 0 0 var(--gb-y);
}

.gb-x span[b-zy91m24o29] {
    flex: 1 1 0;
    min-width: 0;
    overflow: visible;
    text-align: center;
    white-space: nowrap;
    font-size: .72rem;
    color: var(--bc-text-muted);
}

.gb-vacio[b-zy91m24o29] {
    display: grid;
    place-items: center;
    min-height: 180px;
    color: var(--bc-text-muted);
    text-align: center;
}

@keyframes gb-crecer-b-zy91m24o29 {
    from { transform: scaleY(0); }
    to { transform: scaleY(1); }
}
/* /Components/Apariencia/EditorApariencia.razor.rz.scp.css */
.ea[b-5dewgqwcvu] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 32px;
    align-items: start;
}

@media (max-width: 1100px) {
    .ea[b-5dewgqwcvu] {
        grid-template-columns: minmax(0, 1fr);
    }

    .ea-vista[b-5dewgqwcvu] {
        order: -1;
    }
}

.ea-controles[b-5dewgqwcvu] {
    display: grid;
    gap: 28px;
    min-width: 0;
}

.ea-bloque[b-5dewgqwcvu] {
    display: grid;
    gap: 12px;
}

.ea-encabezado[b-5dewgqwcvu] {
    display: grid;
    gap: 2px;
}

.ea-titulo[b-5dewgqwcvu] {
    font-size: 1.05rem;
    margin: 0;
}

.ea-ayuda[b-5dewgqwcvu] {
    margin: 0;
    font-size: .88rem;
    color: var(--bc-text-muted);
}

/* Estilos de partida */
.ea-estilos[b-5dewgqwcvu] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 10px;
}

.ea-estilo[b-5dewgqwcvu] {
    display: grid;
    gap: 6px;
    align-content: start;
    text-align: left;
    padding: 8px 8px 10px;
    border-radius: var(--bc-radius);
    border: 1px solid var(--bc-line);
    background: var(--bc-surface);
    color: var(--bc-text);
    cursor: pointer;
    font: inherit;
}

.ea-elegido.ea-estilo[b-5dewgqwcvu],
.ea-elegido.ea-tipo[b-5dewgqwcvu] {
    border-color: var(--bc-accent-text);
    box-shadow: 0 0 0 1px var(--bc-accent-text);
}

.ea-muestra[b-5dewgqwcvu] {
    position: relative;
    display: block;
    height: 64px;
    border-radius: calc(var(--bc-radius) - 4px);
    background-color: var(--bc-bg);
    background-image: var(--bc-page-pattern);
    background-size: var(--bc-page-pattern-size);
    border: 1px solid var(--bc-line);
    overflow: hidden;
}

.ea-muestra-aa[b-5dewgqwcvu] {
    position: absolute;
    left: 10px;
    top: 8px;
    font-family: var(--bc-font-display);
    font-weight: var(--bc-display-weight);
    font-style: var(--bc-display-style);
    color: var(--bc-text);
    font-size: 26px;
    line-height: 1;
}

.ea-muestra-boton[b-5dewgqwcvu] {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 8px;
    height: 14px;
    border-radius: var(--bc-radius-btn);
    background: var(--bc-accent);
}

.ea-estilo-nombre[b-5dewgqwcvu] {
    font-weight: 700;
    font-size: .9rem;
    display: flex;
    gap: 6px;
    align-items: baseline;
    flex-wrap: wrap;
}

.ea-nuevo[b-5dewgqwcvu] {
    font-style: normal;
    font-size: .65rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--bc-accent-text);
}

.ea-estilo-desc[b-5dewgqwcvu] {
    font-size: .78rem;
    color: var(--bc-text-muted);
    line-height: 1.35;
}

/* Colores */
.ea-colores[b-5dewgqwcvu] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.ea-color[b-5dewgqwcvu] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 3px solid var(--bc-surface);
    box-shadow: 0 0 0 1px var(--bc-line);
    cursor: pointer;
    padding: 0;
}

.ea-color.ea-elegido[b-5dewgqwcvu] {
    box-shadow: 0 0 0 2px var(--bc-text);
}

.ea-color-libre[b-5dewgqwcvu] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: .88rem;
    font-weight: 600;
    color: var(--bc-text-muted);
    cursor: pointer;
}

.ea-color-libre input[b-5dewgqwcvu] {
    width: 40px;
    height: 36px;
    padding: 2px;
    border: 1px solid var(--bc-line);
    border-radius: var(--bc-radius-sm);
    background: var(--bc-surface);
    cursor: pointer;
}

/* Tipografías */
.ea-tipografias[b-5dewgqwcvu] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: 10px;
}

.ea-tipo[b-5dewgqwcvu] {
    display: grid;
    gap: 2px;
    text-align: left;
    padding: 12px 14px;
    border-radius: var(--bc-radius);
    border: 1px solid var(--bc-line);
    background: var(--bc-surface);
    color: var(--bc-text);
    cursor: pointer;
}

.ea-tipo-titulo[b-5dewgqwcvu] {
    font-size: 1.45rem;
    line-height: 1.15;
}

.ea-tipo-texto[b-5dewgqwcvu] {
    font-size: .8rem;
    color: var(--bc-text-muted);
}

/* Opciones */
.ea-opciones[b-5dewgqwcvu] {
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 18px 24px;
}

/* Vista previa */
.ea-vista[b-5dewgqwcvu] {
    position: sticky;
    top: 16px;
    display: grid;
    gap: 10px;
    justify-items: center;
}

.ea-vista-etiqueta[b-5dewgqwcvu] {
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--bc-text-muted);
}

@media (max-width: 1100px) {
    .ea-vista[b-5dewgqwcvu] {
        position: static;
    }
}

/* Ajustes plegados (alta de locales) */
.ea-mas[b-5dewgqwcvu] {
    border: 1px solid var(--bc-line);
    border-radius: var(--bc-radius);
    background: var(--bc-surface);
}

.ea-mas summary[b-5dewgqwcvu] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 2px 12px;
    padding: 16px 18px;
    cursor: pointer;
    list-style: none;
}

.ea-mas summary[b-5dewgqwcvu]::-webkit-details-marker {
    display: none;
}

.ea-mas summary[b-5dewgqwcvu]::after {
    content: '+';
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: center;
    font-size: 1.5rem;
    line-height: 1;
    color: var(--bc-accent-text);
    transition: transform .2s;
}

.ea-mas[open] summary[b-5dewgqwcvu]::after {
    transform: rotate(45deg);
}

.ea-mas-titulo[b-5dewgqwcvu] {
    font-weight: 700;
}

.ea-mas-ayuda[b-5dewgqwcvu] {
    font-size: .85rem;
    color: var(--bc-text-muted);
}

.ea-mas-cuerpo[b-5dewgqwcvu] {
    display: grid;
    gap: 28px;
    padding: 4px 18px 20px;
}
/* /Components/Apariencia/SelectorOpcion.razor.rz.scp.css */
.so[b-kreo7c9w2j] {
    display: grid;
    gap: 6px;
}

.so-titulo[b-kreo7c9w2j] {
    font-size: .8rem;
    font-weight: 700;
    color: var(--bc-text-muted);
}

.so-botones[b-kreo7c9w2j] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 4px;
    padding: 4px;
    border-radius: calc(var(--bc-radius-sm) + 4px);
    background: var(--bc-surface-2);
    justify-self: start;
}

.so-boton[b-kreo7c9w2j] {
    font: 600 .86rem var(--bc-font-body);
    color: var(--bc-text-muted);
    background: transparent;
    border: 0;
    border-radius: var(--bc-radius-sm);
    padding: 7px 12px;
    min-height: 36px;
    cursor: pointer;
    transition: background-color .2s, color .2s, transform .15s var(--bc-motion-ease);
}

.so-boton:active[b-kreo7c9w2j] {
    transform: scale(var(--bc-press-scale));
}

.so-elegido[b-kreo7c9w2j] {
    background: var(--bc-surface);
    color: var(--bc-text);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .14);
}
/* /Components/Apariencia/VistaPreviaApariencia.razor.rz.scp.css */
.vp-telefono[b-xuhhudmxun] {
    width: 300px;
    max-width: 100%;
    aspect-ratio: 300 / 610;
    border-radius: 42px;
    padding: 10px;
    background: #0c0c0e;
    box-shadow: 0 24px 60px -24px rgba(0, 0, 0, .45), 0 0 0 1px rgba(127, 127, 127, .25);
    margin-inline: auto;
}

.vp-telefono[b-xuhhudmxun]  .vp-pantalla {
    position: relative;
    height: 100%;
    border-radius: 32px;
    overflow: hidden;
    background-color: var(--bc-bg);
    background-image: var(--bc-page-pattern);
    background-size: var(--bc-page-pattern-size);
    color: var(--bc-text);
    font-family: var(--bc-font-body);
    font-size: 13px;
    line-height: 1.4;
    transition: background-color .35s, color .35s;
}

.vp-telefono[b-xuhhudmxun]  .vp-isla {
    position: absolute;
    top: 8px;
    left: 50%;
    transform: translateX(-50%);
    width: 84px;
    height: 22px;
    border-radius: 12px;
    background: #0c0c0e;
    z-index: 3;
}

.vp-telefono[b-xuhhudmxun]  .vp-cuerpo {
    position: absolute;
    inset: 0;
    overflow: hidden;
    padding: 42px 16px 88px;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-content: start;
    gap: 11px;
}

.vp-telefono[b-xuhhudmxun]  .vp-titulo {
    font-family: var(--bc-font-display);
    font-weight: var(--bc-display-weight);
    font-style: var(--bc-display-style);
    text-transform: var(--bc-display-transform);
    letter-spacing: var(--bc-display-tracking);
    line-height: 1.1;
}

.vp-telefono[b-xuhhudmxun]  .vp-barra {
    display: flex;
    align-items: center;
    gap: 10px;
}

.vp-telefono[b-xuhhudmxun]  .vp-logo {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    flex: 0 0 auto;
    font-size: 12px;
}

.vp-telefono[b-xuhhudmxun]  .vp-logo-xl {
    width: 62px;
    height: 62px;
    font-size: 18px;
}

.vp-telefono[b-xuhhudmxun]  .vp-nombre {
    flex: 1;
    min-width: 0;
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vp-telefono[b-xuhhudmxun]  .vp-avatar {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--bc-surface-2);
    display: grid;
    place-items: center;
    font-size: 11px;
    font-weight: 700;
}

.vp-telefono[b-xuhhudmxun]  .vp-saludo small,
.vp-telefono[b-xuhhudmxun]  .vp-logo-grande small {
    display: block;
    color: var(--bc-text-muted);
    font-size: 12px;
}

.vp-telefono[b-xuhhudmxun]  .vp-saludo .vp-titulo {
    font-size: 24px;
}

.vp-telefono[b-xuhhudmxun]  .vp-foto {
    position: relative;
    overflow: hidden;
    height: 118px;
    margin: -42px -16px 0;
    padding: 0 16px 12px;
    display: grid;
    align-content: end;
    gap: 2px;
    color: #fff;
}

.vp-telefono[b-xuhhudmxun]  .vp-foto-fondo {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.vp-telefono[b-xuhhudmxun]  .vp-foto::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 30%, rgba(0, 0, 0, .72));
}

.vp-telefono[b-xuhhudmxun]  .vp-foto > span,
.vp-telefono[b-xuhhudmxun]  .vp-foto > small {
    position: relative;
    z-index: 1;
}

.vp-telefono[b-xuhhudmxun]  .vp-foto .vp-titulo {
    font-size: 21px;
}

.vp-telefono[b-xuhhudmxun]  .vp-foto small {
    font-size: 11px;
    opacity: .85;
}

.vp-telefono[b-xuhhudmxun]  .vp-logo-grande {
    display: grid;
    justify-items: center;
    text-align: center;
    gap: 4px;
    padding-top: 4px;
}

.vp-telefono[b-xuhhudmxun]  .vp-logo-grande .vp-titulo {
    font-size: 21px;
}

.vp-telefono[b-xuhhudmxun]  .vp-proximo {
    background: var(--bc-hero);
    color: var(--bc-on-hero);
    border-radius: var(--bc-radius);
    padding: 14px;
    display: grid;
    gap: 6px;
}

.vp-telefono[b-xuhhudmxun]  .vp-fila {
    display: flex;
    justify-content: space-between;
}

.vp-telefono[b-xuhhudmxun]  .vp-etiqueta {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    opacity: .75;
}

.vp-telefono[b-xuhhudmxun]  .vp-grande {
    font-size: 20px;
}

.vp-telefono[b-xuhhudmxun]  .vp-meta {
    font-size: 12px;
    opacity: .8;
}

.vp-telefono[b-xuhhudmxun]  .vp-abierto,
.vp-telefono[b-xuhhudmxun]  .vp-servicio {
    background: var(--bc-card-bg);
    border: var(--bc-card-border-width) solid var(--bc-card-border);
    box-shadow: var(--bc-card-shadow);
    -webkit-backdrop-filter: var(--bc-card-blur);
    backdrop-filter: var(--bc-card-blur);
    border-radius: var(--bc-radius);
}

.vp-telefono[b-xuhhudmxun]  .vp-abierto {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 12px;
    font-size: 12px;
}

.vp-telefono[b-xuhhudmxun]  .vp-punto {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--bc-success);
}

.vp-telefono[b-xuhhudmxun]  .vp-cta {
    background: var(--bc-accent);
    color: var(--bc-on-accent);
    border-radius: var(--bc-radius-btn);
    padding: 13px 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 700;
    font-size: 14px;
    transition: background-color .35s, color .35s;
}

.vp-telefono[b-xuhhudmxun]  .vp-flecha {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: color-mix(in srgb, var(--bc-on-accent) 18%, transparent);
}

.vp-telefono[b-xuhhudmxun]  .vp-seccion {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.vp-telefono[b-xuhhudmxun]  .vp-seccion .vp-titulo {
    font-size: 17px;
}

.vp-telefono[b-xuhhudmxun]  .vp-seccion small {
    color: var(--bc-text-muted);
    font-size: 11px;
}

.vp-telefono[b-xuhhudmxun]  .vp-servicios {
    display: flex;
    gap: 10px;
    margin-right: -16px;
}

.vp-telefono[b-xuhhudmxun]  .vp-servicio {
    flex: 0 0 116px;
    overflow: hidden;
}

.vp-telefono[b-xuhhudmxun]  .vp-foto-servicio {
    height: 72px;
}

.vp-telefono[b-xuhhudmxun]  .vp-texto-servicio {
    padding: 8px 9px;
    display: grid;
}

.vp-telefono[b-xuhhudmxun]  .vp-texto-servicio b {
    font-size: 12px;
}

.vp-telefono[b-xuhhudmxun]  .vp-texto-servicio small {
    font-size: 11px;
    color: var(--bc-text-muted);
    font-variant-numeric: tabular-nums;
}

.vp-telefono[b-xuhhudmxun]  .vp-servicios-lista {
    display: grid;
    gap: 6px;
    margin-right: 0;
}

.vp-telefono[b-xuhhudmxun]  .vp-servicios-lista .vp-servicio {
    display: grid;
    grid-template-columns: 46px 1fr;
    align-items: center;
}

.vp-telefono[b-xuhhudmxun]  .vp-servicios-lista .vp-foto-servicio {
    height: 46px;
}

.vp-telefono[b-xuhhudmxun]  .vp-servicios-cuadricula {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-right: 0;
}

.vp-telefono[b-xuhhudmxun]  .vp-servicios-cuadricula .vp-servicio:nth-child(3) {
    display: none;
}

.vp-telefono[b-xuhhudmxun]  .vp-menu {
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7px;
    border-radius: 22px;
    background: color-mix(in srgb, var(--bc-surface) 88%, transparent);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border: 1px solid var(--bc-line);
}

.vp-telefono[b-xuhhudmxun]  .vp-menu span {
    width: 38px;
    height: 32px;
    border-radius: 14px;
    background: var(--bc-surface-2);
    opacity: .6;
}

.vp-telefono[b-xuhhudmxun]  .vp-menu .vp-menu-activo {
    width: auto;
    padding: 0 14px;
    display: grid;
    place-items: center;
    background: var(--bc-accent);
    color: var(--bc-on-accent);
    font-weight: 700;
    font-size: 12px;
    opacity: 1;
}
/* /Components/Comunes/MarcaBarberZ.razor.rz.scp.css */
.bz-marca[b-5ocmd3xz0e] {
    display: block;
    width: auto;
    flex: none;
    overflow: visible;
}

.bz-acento[b-5ocmd3xz0e] {
    fill: var(--bz-acento, var(--bc-accent-text, #19E6F5));
}
/* /Components/Comunes/PantallaAcceso.razor.rz.scp.css */
/* Ingreso y registro con los colores del local. Las clases del formulario las usan Login y Register. */

.acceso[b-z2hrb22ucw] {
    min-height: 100vh;
    min-height: 100dvh;
    display: grid;
    grid-template-rows: auto 1fr;
    background: var(--bc-bg);
    background-image: var(--bc-page-pattern);
    background-size: var(--bc-page-pattern-size);
    color: var(--bc-text);
}

.acceso-portada[b-z2hrb22ucw] {
    position: relative;
    min-height: 230px;
    display: grid;
    align-content: end;
    overflow: hidden;
    color: #fff;
}

.acceso[b-z2hrb22ucw]  .acceso-foto {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.acceso-portada[b-z2hrb22ucw]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .8));
}

.acceso-portada-texto[b-z2hrb22ucw] {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 8px;
    padding: calc(20px + env(safe-area-inset-top, 0px)) 20px 24px;
}

.acceso-marca[b-z2hrb22ucw] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    justify-self: start;
    color: inherit;
    text-decoration: none;
    font-weight: 700;
    margin-bottom: 18px;
}

.acceso[b-z2hrb22ucw]  .acceso-logo {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 15px;
}

.acceso-portada h1[b-z2hrb22ucw] {
    margin: 0;
    font-size: clamp(2rem, 8vw, 3.4rem);
    line-height: 1.02;
    text-wrap: balance;
}

.acceso-portada p[b-z2hrb22ucw] {
    margin: 0;
    max-width: 34ch;
    opacity: .85;
}

.acceso-lado[b-z2hrb22ucw] {
    display: grid;
    justify-items: center;
    align-content: start;
    padding: 28px 16px 40px;
}

.acceso-caja[b-z2hrb22ucw] {
    width: 100%;
    max-width: 420px;
    display: grid;
    gap: 18px;
}

@media (min-width: 960px) {
    .acceso[b-z2hrb22ucw] {
        grid-template-rows: none;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .acceso-portada[b-z2hrb22ucw] {
        position: sticky;
        top: 0;
        height: 100vh;
        height: 100dvh;
    }

    .acceso-portada[b-z2hrb22ucw] {
        align-content: stretch;
    }

    /* Marca arriba, frase abajo */
    .acceso-portada-texto[b-z2hrb22ucw] {
        grid-template-rows: auto 1fr auto;
        padding: 40px 56px 64px;
    }

    .acceso-portada-texto h1[b-z2hrb22ucw] {
        align-self: end;
    }

    .acceso-lado[b-z2hrb22ucw] {
        align-content: center;
        padding: 48px 32px;
    }
}

/* ---------- Formulario (lo usan las páginas de ingreso) ---------- */

.acceso[b-z2hrb22ucw]  .acceso-titulo {
    display: grid;
    gap: 4px;
}

.acceso[b-z2hrb22ucw]  .acceso-titulo h2 {
    margin: 0;
    font-size: 1.7rem;
    line-height: 1.1;
}

.acceso[b-z2hrb22ucw]  .acceso-titulo p {
    margin: 0;
    color: var(--bc-text-muted);
}

.acceso[b-z2hrb22ucw]  .acceso-aviso {
    padding: 12px 14px;
    border-radius: var(--bc-radius-sm);
    background: var(--bc-accent-soft);
    border: 1px solid color-mix(in srgb, var(--bc-accent) 35%, transparent);
    font-size: .95rem;
}

/* La etiqueta del campo se apoya sobre el fondo de la página, no sobre el de MudBlazor */
.acceso[b-z2hrb22ucw]  .mud-input-label-outlined {
    background-color: var(--bc-bg);
}

.acceso[b-z2hrb22ucw]  .acceso-campos {
    display: grid;
    gap: 4px;
}

.acceso[b-z2hrb22ucw]  .acceso-olvido {
    justify-self: end;
    font-size: .88rem;
    font-weight: 700;
    color: var(--bc-accent-text);
    text-decoration: none;
}

.acceso[b-z2hrb22ucw]  .acceso-boton {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    min-height: 52px;
    border: 0;
    border-radius: var(--bc-radius-btn);
    background: var(--bc-accent);
    color: var(--bc-on-accent);
    font: inherit;
    font-weight: 700;
    font-size: 1.02rem;
    cursor: pointer;
    box-shadow: var(--bc-btn-shadow);
    border: var(--bc-btn-border);
}

.acceso[b-z2hrb22ucw]  .acceso-boton:disabled {
    opacity: .55;
    cursor: not-allowed;
    box-shadow: none;
}

.acceso[b-z2hrb22ucw]  .acceso-boton .mud-progress-circular {
    color: var(--bc-on-accent);
}

.acceso[b-z2hrb22ucw]  .acceso-o {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--bc-text-muted);
    font-size: .85rem;
}

.acceso[b-z2hrb22ucw]  .acceso-o::before,
.acceso[b-z2hrb22ucw]  .acceso-o::after {
    content: "";
    flex: 1;
    height: 1px;
    background: var(--bc-line);
}

.acceso[b-z2hrb22ucw]  .acceso-google {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    min-height: 50px;
    border-radius: var(--bc-radius-btn);
    border: 1px solid var(--bc-line);
    background: var(--bc-surface);
    color: var(--bc-text);
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.acceso[b-z2hrb22ucw]  .acceso-google-nativo {
    display: flex;
    justify-content: center;
    min-height: 44px;
}

.acceso[b-z2hrb22ucw]  .acceso-pie {
    margin: 0;
    text-align: center;
    color: var(--bc-text-muted);
}

.acceso[b-z2hrb22ucw]  .acceso-pie a {
    color: var(--bc-accent-text);
    font-weight: 700;
}
/* /Components/Demo/BarraDemo.razor.rz.scp.css */
.barra-demo[b-gr4qy1k7k3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px 16px;
    flex-wrap: wrap;
    margin: 12px 12px 0;
    padding: 10px 12px 10px 16px;
    border-radius: var(--mud-default-borderradius, 12px);
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    font-size: 14px;
    line-height: 1.35;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
}

.texto[b-gr4qy1k7k3] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.etiqueta[b-gr4qy1k7k3] {
    flex: none;
    padding: 2px 8px;
    border-radius: 999px;
    border: 1px solid currentColor;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.detalle[b-gr4qy1k7k3] { opacity: .8; }

.acciones[b-gr4qy1k7k3] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.boton[b-gr4qy1k7k3] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 36px;
    padding: 6px 12px;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, currentColor 35%, transparent);
    background: transparent;
    color: inherit;
    font: inherit;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: background .15s;
}

.boton:hover[b-gr4qy1k7k3] { background: color-mix(in srgb, currentColor 14%, transparent); }

.boton.principal[b-gr4qy1k7k3] {
    background: var(--mud-palette-primary-text);
    color: var(--mud-palette-primary);
    border-color: transparent;
    font-weight: 700;
}

.boton.solo-icono[b-gr4qy1k7k3] { padding: 6px 9px; }

@media (max-width: 700px) {
    .barra-demo[b-gr4qy1k7k3] { margin: 8px 8px 0; padding: 10px; }
    .detalle[b-gr4qy1k7k3] { display: none; }
    .acciones[b-gr4qy1k7k3] { width: 100%; }
    .acciones .principal[b-gr4qy1k7k3] { margin-left: auto; }
    .solo-icono-movil span[b-gr4qy1k7k3] { display: none; }
    .solo-icono-movil[b-gr4qy1k7k3] { padding: 6px 9px; }
}
/* /Layout/MainLayout.razor.rz.scp.css */
/* BASE STYLES for Navigation Links */
.platinum-nav-link[b-ivblpl9v20] {
    color: var(--mud-palette-text-secondary) !important;
    transition: all 0.2s ease;
    border-radius: 0.75rem !important;
    /* rounded-xl */
    padding: 10px 16px !important;
}

.platinum-nav-text[b-ivblpl9v20] {
    font-weight: 500;
    font-size: 0.875rem;
    /* text-sm */
}

.platinum-nav-icon[b-ivblpl9v20] {
    color: var(--mud-palette-text-secondary) !important;
    /* text-gray-400 */
    margin-right: 12px;
    transition: color 0.2s ease;
}

.platinum-chevron[b-ivblpl9v20] {
    color: var(--mud-palette-text-secondary);
    display: none;
    /* Hidden by default */
}

/* HOVER STATE */
.platinum-nav-link:hover[b-ivblpl9v20] {
    background-color: var(--mud-palette-action-default-hover) !important;
    color: var(--mud-palette-text-primary) !important;
}

.platinum-nav-link:hover .platinum-nav-icon[b-ivblpl9v20] {
    color: var(--mud-palette-text-primary) !important;
}

/* ACTIVE STATE */
.mud-nav-link.platinum-active[b-ivblpl9v20] {
    background-color: var(--mud-palette-text-primary) !important;
    /* Negro en día, Blanco en noche */
    color: var(--mud-palette-background) !important;
    /* Blanco en día, Negro en noche */
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* Active Text */
.mud-nav-link.platinum-active .platinum-nav-text[b-ivblpl9v20] {
    color: inherit !important;
}

/* Active Icons */
.mud-nav-link.platinum-active .platinum-nav-icon[b-ivblpl9v20] {
    color: inherit !important;
}

/* Show Chevron when Active */
.mud-nav-link.platinum-active .platinum-chevron[b-ivblpl9v20] {
    display: flex !important;
    color: inherit !important;
}

/* Logout Link Specifics */
.platinum-nav-link-logout:hover[b-ivblpl9v20] {
    color: var(--mud-palette-error) !important;
    background-color: var(--mud-palette-error-hover) !important;
}

.platinum-nav-link-logout .mud-icon-root[b-ivblpl9v20] {
    color: var(--mud-palette-text-secondary) !important;
    color: inherit !important;
    margin-right: 12px !important;
}

.platinum-nav-link-logout:hover .mud-icon-root[b-ivblpl9v20] {
    color: var(--mud-palette-error) !important;
}

/* =========================================
   MOBILE BOTTOM NAVIGATION STYLES
   ========================================= */

.mobile-nav-container[b-ivblpl9v20] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 80px;
    /* h-20 */
    background-color: var(--mud-palette-surface);
    opacity: 0.95;
    backdrop-filter: blur(24px);
    /* backdrop-blur-xl */
    -webkit-backdrop-filter: blur(24px);
    border-top: 1px solid var(--mud-palette-lines-default);
    display: flex;
    align-items: center;
    /* justify-content: space-around; REMOVED to let flex:1 work */
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
    z-index: 1300;
    /* z-50 equivalent */
    padding-bottom: env(safe-area-inset-bottom);
}

.mobile-nav-item[b-ivblpl9v20] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    /* Force equal width */
    height: 100%;
    text-decoration: none;
    transition: all 0.2s ease;
    color: var(--mud-palette-text-secondary);
    background: transparent;
    border: none;
    cursor: pointer;
    min-width: 0;
    /* Prevent overflow flex issues */
}

.mobile-nav-item:hover[b-ivblpl9v20] {
    color: var(--mud-palette-text-primary);
}

.mobile-nav-icon-container[b-ivblpl9v20] {
    padding: 6px;
    /* p-1.5 */
    border-radius: 12px;
    /* rounded-xl */
    margin-bottom: 4px;
    /* mb-1 */
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* TARGET THE ICON DIRECTLY TO INCREASE SIZE */
.mobile-nav-icon-container .mud-icon-root[b-ivblpl9v20] {
    font-size: 2rem !important;
    /* ~32px */
}

.mobile-nav-label[b-ivblpl9v20] {
    font-size: 0.75rem;
    /* ~12px */
    /* text-[10px] */
    font-weight: 700;
    /* font-bold */
    letter-spacing: 0.025em;
    /* tracking-wide */
    line-height: 1;
}

/* ACTIVE STATE for Mobile */
.mobile-nav-item.active[b-ivblpl9v20] {
    color: var(--mud-palette-text-primary) !important;
}

.mobile-nav-item.active .mobile-nav-icon-container[b-ivblpl9v20] {
    background-color: var(--mud-palette-action-default-hover);
}

.mobile-nav-item.active .mud-icon-root[b-ivblpl9v20] {
    color: var(--mud-palette-text-primary);
}


/* === ESTILOS DE LOS BOTONES DEL MENÚ (Tus efectos personalizados) === */
/* Estado Activo: bg-gray-900 text-white shadow-lg shadow-gray-200 */
.btn-nav-active[b-ivblpl9v20] {
    background-color: var(--mud-palette-text-primary) !important;
    color: var(--mud-palette-background) !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.2) !important;
    font-weight: 600;
}

/* Estado Inactivo: text-gray-500 hover:bg-gray-50 hover:text-gray-900 */
.btn-nav-inactive[b-ivblpl9v20] {
    color: var(--mud-palette-text-secondary) !important;
    background-color: transparent !important;
    font-weight: 500;
}

.btn-nav-inactive:hover[b-ivblpl9v20] {
    background-color: var(--mud-palette-action-default-hover) !important;
    color: var(--mud-palette-text-primary) !important;
}

/* Fix for content padding on mobile to avoid overlap with bottom nav */
.content-padding-fix[b-ivblpl9v20] {
    padding-bottom: 96px !important;
    /* 24 (pb-24) * 4px = 96px */
}

@media (min-width: 960px) {
    .content-padding-fix[b-ivblpl9v20] {
        padding-bottom: 20px !important;
        /* Reset for desktop */
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-pt6m8fagzj] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-pt6m8fagzj] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-pt6m8fagzj] {
    font-size: 1.1rem;
}

.bi[b-pt6m8fagzj] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-pt6m8fagzj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-pt6m8fagzj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-pt6m8fagzj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-pt6m8fagzj] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-pt6m8fagzj] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-pt6m8fagzj] {
        padding-bottom: 1rem;
    }

    .nav-item[b-pt6m8fagzj]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-pt6m8fagzj]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-pt6m8fagzj]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-pt6m8fagzj] {
        display: none;
    }

    .collapse[b-pt6m8fagzj] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

    .nav-scrollable[b-pt6m8fagzj] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Pages/Admin/BusinessSettings.razor.rz.scp.css */
.bs-bloque[b-zhm4hj9ge3] {
    margin-bottom: 16px;
}

.bs-imagenes[b-zhm4hj9ge3] {
    display: grid;
    gap: 20px;
}

@media (min-width: 760px) {
    .bs-imagenes[b-zhm4hj9ge3] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.bs-grupo-titulo[b-zhm4hj9ge3] {
    margin: 14px 0 8px;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--bc-text-muted);
}

.bs-ayuda-switch[b-zhm4hj9ge3] {
    margin: 2px 0 0 48px;
}
/* /Pages/Admin/Clientes.razor.rz.scp.css */
.cl-filtros[b-zf10k4ftq8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
    margin-bottom: 14px;
}

.cl-filtros[b-zf10k4ftq8]  .cl-buscar {
    flex: 1 1 260px;
    margin: 0;
}

.cl-filtros .pn-segmento[b-zf10k4ftq8] {
    flex-wrap: nowrap;
    max-width: 100%;
    overflow-x: auto;
}

.cl-cantidad[b-zf10k4ftq8] {
    margin: 0 4px 8px;
    font-size: .84rem;
    font-weight: 700;
    color: var(--bc-text-muted);
}

.cl-cuando[b-zf10k4ftq8] {
    flex: 0 0 auto;
    max-width: 40%;
    text-align: right;
    font-size: .8rem;
    color: var(--bc-text-muted);
}

.cl-con-turno[b-zf10k4ftq8] {
    color: var(--bc-accent-text);
    font-weight: 700;
}

.cl-hace-rato[b-zf10k4ftq8] {
    color: var(--bc-warning);
    font-weight: 700;
}

@media (max-width: 599.98px) {
    .cl-cuando[b-zf10k4ftq8] { max-width: 34%; font-size: .74rem; }
}
/* /Pages/Admin/Hoy.razor.rz.scp.css */
.hoy-vivo[b-wc9xoqt664] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 12px;
    border-radius: 999px;
    background: var(--bc-surface-2);
    color: var(--bc-text-muted);
    font-size: .8rem;
    font-weight: 700;
}

.hoy-vivo[b-wc9xoqt664]::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: currentColor;
}

.hoy-vivo-si[b-wc9xoqt664] {
    color: var(--bc-success);
    background: color-mix(in srgb, var(--bc-success) 12%, transparent);
}

.hoy-vivo-si[b-wc9xoqt664]::before {
    animation: hoy-latido-b-wc9xoqt664 2s ease-in-out infinite;
}

@keyframes hoy-latido-b-wc9xoqt664 {
    0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--bc-success) 60%, transparent); }
    50% { box-shadow: 0 0 0 5px transparent; }
}

.hoy-sillas[b-wc9xoqt664] {
    display: grid;
    gap: 14px;
}

@media (min-width: 760px) {
    .hoy-sillas[b-wc9xoqt664] { grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 16px; }
}

.hoy-silla[b-wc9xoqt664] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.hoy-silla-cabeza[b-wc9xoqt664] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 2px;
}

.hoy-silla-cabeza .pn-avatar[b-wc9xoqt664] {
    width: 46px;
    height: 46px;
    font-size: 1.1rem;
}

.hoy-silla-nombre[b-wc9xoqt664] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.hoy-silla-nombre h2[b-wc9xoqt664] {
    margin: 0;
    font-size: 1.2rem;
    line-height: 1.2;
}

.hoy-silla-nombre span[b-wc9xoqt664] {
    font-size: .8rem;
    color: var(--bc-text-muted);
    font-variant-numeric: tabular-nums;
}

.hoy-bloqueos[b-wc9xoqt664] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.hoy-bloque[b-wc9xoqt664] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 12px 14px;
    border-radius: var(--bc-radius-sm);
}

.hoy-ahora[b-wc9xoqt664] {
    background: var(--bc-accent-soft);
    border-left: 4px solid var(--bc-accent);
}

.hoy-libre[b-wc9xoqt664] {
    background: var(--bc-surface-2);
    border-left-color: var(--bc-line);
}

.hoy-sigue[b-wc9xoqt664] {
    border: 1px dashed var(--bc-line);
}

.hoy-bloque-etiqueta[b-wc9xoqt664] {
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--bc-text-muted);
}

.hoy-cliente[b-wc9xoqt664] {
    display: block;
    font-size: 1.05rem;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hoy-detalle[b-wc9xoqt664] {
    display: block;
    font-size: .84rem;
    color: var(--bc-text-muted);
}

.hoy-falta[b-wc9xoqt664] {
    flex: 0 0 auto;
    padding: 4px 10px;
    border-radius: 999px;
    background: var(--bc-hero);
    color: var(--bc-on-hero);
    font-size: .76rem;
    font-weight: 800;
    white-space: nowrap;
}

.hoy-ver-todos[b-wc9xoqt664] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    height: 36px;
    border: 0;
    border-radius: var(--bc-radius-btn);
    background: transparent;
    color: var(--bc-accent-text);
    font: inherit;
    font-size: .86rem;
    font-weight: 700;
    cursor: pointer;
}

.hoy-ver-todos:hover[b-wc9xoqt664] {
    background: var(--bc-accent-soft);
}

.hoy-turnos[b-wc9xoqt664] {
    list-style: none;
    margin: 0;
    padding: 0;
    animation: bc-rise var(--bc-motion-duration) var(--bc-motion-ease) both;
}

.hoy-turnos li[b-wc9xoqt664] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 2px;
    border-top: 1px solid var(--bc-line);
}

.hoy-turno-cliente[b-wc9xoqt664] {
    display: block;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* /Pages/Admin/Staff/StaffList.razor.rz.scp.css */
.eq-grilla[b-jccl0k8zsl] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    gap: 14px;
}

.eq-tarjeta[b-jccl0k8zsl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 6px;
}

.eq-foto[b-jccl0k8zsl] {
    display: grid;
    place-items: center;
    width: 88px;
    height: 88px;
    margin-bottom: 6px;
    border-radius: 50%;
    overflow: hidden;
    background: var(--bc-accent);
    color: var(--bc-on-accent);
    font-size: 1.8rem;
    font-weight: 800;
    box-shadow: 0 0 0 4px var(--bc-surface), 0 0 0 5px var(--bc-line);
}

.eq-foto img[b-jccl0k8zsl] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.eq-nombre[b-jccl0k8zsl] {
    margin: 0;
    font-size: 1.2rem;
}

.eq-bio[b-jccl0k8zsl] {
    margin: 0;
    min-height: 2.6em;
    font-size: .86rem;
    color: var(--bc-text-muted);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.eq-acciones[b-jccl0k8zsl] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 8px;
}
/* /Pages/BookingConfirmation.razor.rz.scp.css */
/* Turno reservado: sello animado y comprobante con los colores del local. */

.listo[b-kieqyz8gk8] {
    max-width: 460px;
    margin: 0 auto;
    padding: 32px 16px 48px;
    display: grid;
    justify-items: center;
    gap: 14px;
    text-align: center;
    color: var(--bc-text);
}

.listo h1[b-kieqyz8gk8] {
    margin: 4px 0 0;
    font-size: clamp(1.8rem, 7vw, 2.4rem);
    line-height: 1.05;
    text-wrap: balance;
}

.listo > p[b-kieqyz8gk8] {
    margin: 0;
    max-width: 36ch;
}

.listo-sello[b-kieqyz8gk8] {
    width: 84px;
    height: 84px;
    animation: bc-pop calc(var(--bc-motion-duration) * 1.2) var(--bc-motion-ease) both;
}

.listo-sello svg[b-kieqyz8gk8] {
    width: 100%;
    height: 100%;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.listo-sello circle[b-kieqyz8gk8] {
    fill: var(--bc-accent);
    stroke: none;
}

.listo-sello path[b-kieqyz8gk8] {
    stroke: var(--bc-on-accent);
    stroke-width: 4;
    stroke-dasharray: 40;
    stroke-dashoffset: 40;
    animation: listo-trazo-b-kieqyz8gk8 .5s .25s var(--bc-motion-ease) forwards;
}

@keyframes listo-trazo-b-kieqyz8gk8 {
    to { stroke-dashoffset: 0; }
}

.listo-ticket[b-kieqyz8gk8] {
    width: 100%;
    margin-top: 10px;
    display: grid;
    text-align: left;
    border-radius: var(--bc-radius);
    background: var(--bc-card-bg);
    border: var(--bc-card-border-width) solid var(--bc-card-border);
    box-shadow: var(--bc-card-shadow);
    -webkit-backdrop-filter: var(--bc-card-blur);
    backdrop-filter: var(--bc-card-blur);
    overflow: hidden;
    animation: bc-rise var(--bc-motion-duration) .15s var(--bc-motion-ease) both;
}

.listo-ticket small[b-kieqyz8gk8] {
    display: block;
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--bc-text-muted);
}

.listo-ticket-cabeza[b-kieqyz8gk8] {
    display: grid;
    gap: 2px;
    padding: 18px;
    background: var(--bc-hero);
    color: var(--bc-on-hero);
}

.listo-ticket-cabeza small[b-kieqyz8gk8] {
    color: inherit;
    opacity: .75;
}

.listo-ticket-cabeza b[b-kieqyz8gk8] {
    font-size: 1.5rem;
    line-height: 1.1;
}

.listo-ticket-cuando[b-kieqyz8gk8] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 16px;
    padding: 16px 18px;
}

.listo-ticket-cuando b[b-kieqyz8gk8] {
    font-size: 1.15rem;
}

.listo-ticket-cuando > div:last-child b[b-kieqyz8gk8] {
    font-size: 1.6rem;
    line-height: 1.1;
}

.listo-ticket-con[b-kieqyz8gk8] {
    padding: 0 18px 16px;
}

.listo-ticket-con small[b-kieqyz8gk8] {
    display: inline;
    margin-right: 6px;
}

.listo-calendario[b-kieqyz8gk8] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 14px 18px;
    border-top: 2px dashed var(--bc-line);
    color: var(--bc-accent-text);
    font-weight: 700;
    text-decoration: none;
}

.listo-acciones[b-kieqyz8gk8] {
    width: 100%;
    display: grid;
    gap: 10px;
    margin-top: 8px;
}

.listo-boton[b-kieqyz8gk8] {
    display: grid;
    place-items: center;
    min-height: 52px;
    border-radius: var(--bc-radius-btn);
    background: var(--bc-accent);
    color: var(--bc-on-accent);
    font-weight: 700;
    text-decoration: none;
    box-shadow: var(--bc-btn-shadow);
    border: var(--bc-btn-border);
}

.listo-boton-secundario[b-kieqyz8gk8] {
    background: transparent;
    color: var(--bc-text);
    border: 1px solid var(--bc-line);
    box-shadow: none;
}
/* /Pages/BookingWizard.razor.rz.scp.css */
/* Reserva: todo sale de las variables --bc-* del local. */

.reserva[b-6qraf3dnwa] {
    max-width: 1080px;
    margin: 0 auto;
    padding: 12px 16px 40px;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
    color: var(--bc-text);
}

.reserva-principal[b-6qraf3dnwa] {
    display: grid;
    gap: 18px;
    align-content: start;
    min-width: 0;
}

.reserva-lado[b-6qraf3dnwa] {
    display: none;
}

@media (min-width: 960px) {
    .reserva[b-6qraf3dnwa] {
        grid-template-columns: minmax(0, 1fr) 340px;
        gap: 48px;
        padding: 16px 40px 56px;
        align-items: start;
    }

    .reserva-lado[b-6qraf3dnwa] {
        display: block;
        position: sticky;
        top: 24px;
    }

    .reserva-ticket-movil[b-6qraf3dnwa] {
        display: none;
    }
}

h1[b-6qraf3dnwa], h2[b-6qraf3dnwa] {
    margin: 0;
    text-wrap: balance;
}

/* ---------- Cabecera y progreso ---------- */

.reserva-cabecera[b-6qraf3dnwa] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.reserva-volver[b-6qraf3dnwa] {
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 50%;
    border: 1px solid var(--bc-line);
    background: var(--bc-surface);
    color: var(--bc-text);
    cursor: pointer;
}

.reserva-volver:hover[b-6qraf3dnwa] {
    border-color: var(--bc-accent);
}

.reserva-titulos small[b-6qraf3dnwa] {
    display: block;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--bc-text-muted);
}

.reserva-titulos h1[b-6qraf3dnwa] {
    font-size: clamp(1.6rem, 6vw, 2.2rem);
    line-height: 1.08;
}

.reserva-progreso[b-6qraf3dnwa] {
    display: flex;
    gap: 6px;
}

.reserva-progreso span[b-6qraf3dnwa] {
    flex: 1;
    height: 4px;
    border-radius: 4px;
    background: var(--bc-line);
    position: relative;
    overflow: hidden;
}

.reserva-progreso span[b-6qraf3dnwa]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--bc-accent);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .45s var(--bc-motion-ease);
}

.reserva-progreso span.lleno[b-6qraf3dnwa]::after {
    transform: scaleX(1);
}

/* ---------- Avisos ---------- */

.reserva-aviso[b-6qraf3dnwa] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border-radius: var(--bc-radius-sm);
    border: 1px solid;
    font-size: .95rem;
}

.reserva-aviso button[b-6qraf3dnwa] {
    background: none;
    border: 0;
    color: inherit;
    cursor: pointer;
    padding: 0;
    display: grid;
}

.reserva-aviso-ok[b-6qraf3dnwa] {
    border-color: color-mix(in srgb, var(--bc-success) 45%, transparent);
    background: color-mix(in srgb, var(--bc-success) 12%, var(--bc-surface));
}

.reserva-aviso-atencion[b-6qraf3dnwa] {
    border-color: color-mix(in srgb, var(--bc-warning) 45%, transparent);
    background: color-mix(in srgb, var(--bc-warning) 12%, var(--bc-surface));
}

.reserva-aviso-error[b-6qraf3dnwa] {
    border-color: color-mix(in srgb, var(--bc-danger) 45%, transparent);
    background: color-mix(in srgb, var(--bc-danger) 10%, var(--bc-surface));
}

.reserva-paso[b-6qraf3dnwa] {
    display: grid;
    gap: 22px;
    animation: bc-rise var(--bc-motion-duration) var(--bc-motion-ease) both;
}

/* ---------- Servicios y profesionales ---------- */

.reserva-lista[b-6qraf3dnwa] {
    display: grid;
    gap: 10px;
}

@media (min-width: 720px) {
    .reserva-lista[b-6qraf3dnwa] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.reserva-opcion[b-6qraf3dnwa] {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 10px 14px 10px 10px;
    text-align: left;
    font: inherit;
    color: inherit;
    cursor: pointer;
    border-radius: var(--bc-radius);
    background: var(--bc-card-bg);
    border: var(--bc-card-border-width) solid var(--bc-card-border);
    box-shadow: var(--bc-card-shadow);
    -webkit-backdrop-filter: var(--bc-card-blur);
    backdrop-filter: var(--bc-card-blur);
}

.reserva-opcion:hover[b-6qraf3dnwa] {
    border-color: var(--bc-accent);
}

.reserva-opcion.elegida[b-6qraf3dnwa] {
    border-color: var(--bc-accent);
    box-shadow: 0 0 0 1px var(--bc-accent), var(--bc-card-shadow);
}

.reserva[b-6qraf3dnwa]  .reserva-opcion-foto {
    width: 64px;
    height: 64px;
    border-radius: var(--bc-radius-sm);
    object-fit: cover;
    font-size: 20px;
}

.reserva[b-6qraf3dnwa]  .reserva-persona {
    border-radius: 50%;
}

.reserva-cualquiera[b-6qraf3dnwa] {
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--bc-accent-soft);
    color: var(--bc-accent-text);
}

.reserva-opcion-texto[b-6qraf3dnwa] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.reserva-opcion-texto b[b-6qraf3dnwa] {
    line-height: 1.25;
}

.reserva-opcion-texto small[b-6qraf3dnwa] {
    color: var(--bc-text-muted);
    font-size: .85rem;
}

.reserva-descripcion[b-6qraf3dnwa] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.reserva-precio[b-6qraf3dnwa] {
    font-weight: 700;
    white-space: nowrap;
}

.reserva-linea[b-6qraf3dnwa] {
    display: block;
    height: 12px;
    width: 70%;
    border-radius: 6px;
}

.reserva-linea-corta[b-6qraf3dnwa] {
    width: 40%;
}

/* ---------- Días y horarios ---------- */

.reserva-bloque[b-6qraf3dnwa] {
    display: grid;
    gap: 12px;
}

.reserva-bloque-titulo[b-6qraf3dnwa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.reserva-bloque-titulo h2[b-6qraf3dnwa] {
    font-size: 1rem;
    font-weight: 700;
}

.reserva-bloque-titulo h2[b-6qraf3dnwa]::first-letter {
    text-transform: uppercase;
}

.reserva-flechas[b-6qraf3dnwa] {
    display: none;
    gap: 6px;
}

.reserva-flechas button[b-6qraf3dnwa] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    border: 1px solid var(--bc-line);
    background: var(--bc-surface);
    color: var(--bc-text);
    cursor: pointer;
}

@media (hover: hover) {
    .reserva-flechas[b-6qraf3dnwa] {
        display: flex;
    }
}

.reserva-dias[b-6qraf3dnwa] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 64px;
    gap: 8px;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    margin-inline: -16px;
    padding: 2px 16px 6px;
    scrollbar-width: none;
}

.reserva-dias[b-6qraf3dnwa]::-webkit-scrollbar {
    display: none;
}

@media (min-width: 960px) {
    .reserva-dias[b-6qraf3dnwa] {
        margin-inline: 0;
        padding-inline: 0;
    }
}

.reserva-dia[b-6qraf3dnwa] {
    display: grid;
    justify-items: center;
    gap: 2px;
    padding: 10px 0;
    scroll-snap-align: start;
    font: inherit;
    color: inherit;
    cursor: pointer;
    border-radius: var(--bc-radius-sm);
    border: 1px solid var(--bc-line);
    background: var(--bc-surface);
}

.reserva-dia small[b-6qraf3dnwa] {
    font-size: .72rem;
    color: var(--bc-text-muted);
    text-transform: capitalize;
}

.reserva-dia b[b-6qraf3dnwa] {
    font-size: 1.3rem;
    line-height: 1.1;
}

.reserva-dia:hover[b-6qraf3dnwa] {
    border-color: var(--bc-accent);
}

.reserva-dia.elegida[b-6qraf3dnwa] {
    background: var(--bc-accent);
    border-color: var(--bc-accent);
    color: var(--bc-on-accent);
}

.reserva-dia.elegida small[b-6qraf3dnwa] {
    color: inherit;
    opacity: .85;
}

.reserva-franja[b-6qraf3dnwa] {
    display: grid;
    gap: 8px;
}

.reserva-franja + .reserva-franja[b-6qraf3dnwa] {
    margin-top: 6px;
}

.reserva-franja > small[b-6qraf3dnwa] {
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--bc-text-muted);
}

.reserva-horas[b-6qraf3dnwa] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(78px, 1fr));
    gap: 8px;
}

.reserva-hora[b-6qraf3dnwa] {
    min-height: 44px;
    font: inherit;
    font-weight: 700;
    color: inherit;
    cursor: pointer;
    border-radius: var(--bc-radius-btn);
    border: 1px solid var(--bc-line);
    background: var(--bc-surface);
}

.reserva-hora.bc-skeleton[b-6qraf3dnwa] {
    border: 0;
}

.reserva-hora:hover[b-6qraf3dnwa] {
    border-color: var(--bc-accent);
    color: var(--bc-accent-text);
}

.reserva-hora.elegida[b-6qraf3dnwa] {
    background: var(--bc-accent);
    border-color: var(--bc-accent);
    color: var(--bc-on-accent);
}

.reserva-vacio[b-6qraf3dnwa] {
    display: grid;
    justify-items: start;
    gap: 10px;
    padding: 18px;
    border-radius: var(--bc-radius);
    border: 1px dashed var(--bc-line);
}

.reserva-vacio p[b-6qraf3dnwa] {
    margin: 0;
    color: var(--bc-text-muted);
}

.reserva-secundario[b-6qraf3dnwa] {
    font: inherit;
    font-weight: 700;
    padding: 10px 16px;
    border-radius: var(--bc-radius-btn);
    border: 1px solid var(--bc-accent);
    background: transparent;
    color: var(--bc-accent-text);
    cursor: pointer;
}

.reserva-secundario:disabled[b-6qraf3dnwa] {
    opacity: .6;
    cursor: progress;
}

/* Se ocupó el horario: aviso con los libres más cercanos */
.reserva-ocupado[b-6qraf3dnwa] {
    display: grid;
    gap: 8px;
    padding: 16px;
    border-radius: var(--bc-radius);
    border: 1px solid color-mix(in srgb, var(--bc-warning) 50%, transparent);
    background: color-mix(in srgb, var(--bc-warning) 12%, var(--bc-surface));
}

.reserva-ocupado b[b-6qraf3dnwa] {
    font-size: 1.05rem;
}

.reserva-chips[b-6qraf3dnwa] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 4px;
}

.reserva-chip[b-6qraf3dnwa] {
    font: inherit;
    font-weight: 700;
    min-width: 78px;
    min-height: 42px;
    padding: 0 14px;
    border-radius: var(--bc-radius-btn);
    border: 0;
    background: var(--bc-accent);
    color: var(--bc-on-accent);
    cursor: pointer;
    box-shadow: var(--bc-btn-shadow);
    border: var(--bc-btn-border);
}

/* ---------- Ticket ---------- */

.reserva-ticket[b-6qraf3dnwa] {
    position: relative;
    display: grid;
    border-radius: var(--bc-radius);
    background: var(--bc-card-bg);
    border: var(--bc-card-border-width) solid var(--bc-card-border);
    box-shadow: var(--bc-card-shadow);
    -webkit-backdrop-filter: var(--bc-card-blur);
    backdrop-filter: var(--bc-card-blur);
    overflow: hidden;
}

.reserva-ticket-cabeza[b-6qraf3dnwa] {
    display: grid;
    gap: 2px;
    padding: 18px 18px 16px;
    background: var(--bc-hero);
    color: var(--bc-on-hero);
}

.reserva-ticket-cabeza small[b-6qraf3dnwa] {
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    opacity: .75;
}

.reserva-ticket-cabeza b[b-6qraf3dnwa] {
    font-size: 1.45rem;
    line-height: 1.1;
}

.reserva-ticket-cabeza span[b-6qraf3dnwa] {
    font-size: .9rem;
    opacity: .85;
}

.reserva-ticket-datos[b-6qraf3dnwa] {
    margin: 0;
    padding: 12px 18px;
    display: grid;
    gap: 2px;
}

.reserva-ticket-datos > div[b-6qraf3dnwa] {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr) auto;
    align-items: baseline;
    gap: 10px;
    padding: 6px 0;
}

.reserva-ticket-datos dt[b-6qraf3dnwa] {
    font-size: .8rem;
    color: var(--bc-text-muted);
}

.reserva-ticket-datos dd[b-6qraf3dnwa] {
    margin: 0;
    font-weight: 700;
}

.reserva-ticket-datos button[b-6qraf3dnwa],
.reserva-ticket-cambiar[b-6qraf3dnwa] {
    background: none;
    border: 0;
    padding: 0;
    font: inherit;
    font-size: .85rem;
    font-weight: 700;
    color: var(--bc-accent-text);
    cursor: pointer;
}

/* Línea troquelada, como la de un talón */
.reserva-ticket-total[b-6qraf3dnwa] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 14px 18px 16px;
    border-top: 2px dashed var(--bc-line);
}

.reserva-ticket-total[b-6qraf3dnwa]::before,
.reserva-ticket-total[b-6qraf3dnwa]::after {
    content: "";
    position: absolute;
    top: -10px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--bc-bg);
    border: var(--bc-card-border-width) solid var(--bc-card-border);
}

.reserva-ticket-total[b-6qraf3dnwa]::before { left: -10px; }
.reserva-ticket-total[b-6qraf3dnwa]::after { right: -10px; }

.reserva-ticket-total b[b-6qraf3dnwa] {
    font-size: 1.4rem;
}

.reserva-ticket-cambiar[b-6qraf3dnwa] {
    justify-self: start;
    padding: 0 18px 16px;
}

/* ---------- Datos y confirmación ---------- */

.reserva[b-6qraf3dnwa]  .reserva-form {
    display: grid;
    gap: 14px;
}

.reserva-form-titulo[b-6qraf3dnwa] {
    font-size: 1rem;
    font-weight: 700;
    margin-top: 6px;
}

.reserva-campos[b-6qraf3dnwa] {
    display: grid;
    gap: 4px 14px;
}

@media (min-width: 600px) {
    .reserva-campos[b-6qraf3dnwa] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .reserva[b-6qraf3dnwa]  .reserva-campo-ancho {
        grid-column: 1 / -1;
    }
}

.reserva-pagos[b-6qraf3dnwa] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 8px;
}

.reserva-pago[b-6qraf3dnwa] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 52px;
    padding: 0 14px;
    font: inherit;
    font-weight: 700;
    color: inherit;
    text-align: left;
    cursor: pointer;
    border-radius: var(--bc-radius-sm);
    border: 1px solid var(--bc-line);
    background: var(--bc-surface);
}

.reserva-pago.elegida[b-6qraf3dnwa] {
    border-color: var(--bc-accent);
    box-shadow: 0 0 0 1px var(--bc-accent);
    background: var(--bc-accent-soft);
}

.reserva-nota[b-6qraf3dnwa] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: .92rem;
}

.reserva-confirmar[b-6qraf3dnwa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 56px;
    margin-top: 6px;
    padding: 0 22px;
    font: inherit;
    font-weight: 700;
    font-size: 1.05rem;
    cursor: pointer;
    border: 0;
    border-radius: var(--bc-radius-btn);
    background: var(--bc-accent);
    color: var(--bc-on-accent);
    box-shadow: var(--bc-btn-shadow);
    border: var(--bc-btn-border);
}

.reserva-confirmar:disabled[b-6qraf3dnwa] {
    justify-content: center;
    opacity: .8;
    cursor: progress;
}

.reserva-confirmar-precio[b-6qraf3dnwa] {
    padding: 4px 10px;
    border-radius: var(--bc-radius-btn);
    background: color-mix(in srgb, var(--bc-on-accent) 16%, transparent);
}

.reserva[b-6qraf3dnwa]  .reserva-girando {
    color: var(--bc-on-accent);
}
/* /Pages/Client/SalonHome.razor.rz.scp.css */
/* Inicio del local: todo sale de las variables --bc-* del local. */

.inicio[b-w5t510e17z] {
    max-width: 1120px;
    margin: 0 auto;
    padding: 16px 16px 32px;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
    color: var(--bc-text);
}

.inicio-columna[b-w5t510e17z] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-content: start;
    gap: 14px;
}

.inicio-columna section[b-w5t510e17z] {
    display: grid;
    gap: 14px;
}

@media (min-width: 960px) {
    .inicio[b-w5t510e17z] {
        grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
        gap: 40px;
        padding: 16px 40px 48px;
        align-items: start;
    }

    .inicio > .inicio-columna:first-child[b-w5t510e17z] {
        position: sticky;
        top: 24px;
    }
}

h1[b-w5t510e17z], h2[b-w5t510e17z] {
    margin: 0;
    text-wrap: balance;
}

/* ---------- Portadas ---------- */

.inicio-saludo small[b-w5t510e17z] {
    display: block;
    color: var(--bc-text-muted);
    font-size: .9rem;
}

.inicio-saludo h1[b-w5t510e17z] {
    font-size: clamp(2rem, 7vw, 2.75rem);
    line-height: 1.05;
    margin: 2px 0 6px;
}

.inicio-saludo p[b-w5t510e17z],
.inicio-logo p[b-w5t510e17z] {
    margin: 0;
    color: var(--bc-text-muted);
}

.inicio-foto[b-w5t510e17z] {
    position: relative;
    min-height: 240px;
    margin: -16px -16px 0;
    display: grid;
    align-content: end;
    overflow: hidden;
    color: #fff;
}

.inicio[b-w5t510e17z]  .inicio-foto-imagen {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.inicio-foto[b-w5t510e17z]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 20%, rgba(0, 0, 0, .78));
}

.inicio-foto-texto[b-w5t510e17z] {
    position: relative;
    z-index: 1;
    padding: 0 16px 20px;
    display: grid;
    gap: 4px;
    justify-items: start;
}

.inicio-foto h1[b-w5t510e17z] {
    font-size: clamp(2rem, 8vw, 3rem);
    line-height: 1.02;
}

.inicio-foto p[b-w5t510e17z] {
    margin: 0;
    opacity: .88;
}

.inicio-etiqueta[b-w5t510e17z] {
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    background: var(--bc-accent);
    color: var(--bc-on-accent);
    padding: 4px 10px;
    border-radius: var(--bc-radius-btn);
    margin-bottom: 6px;
}

.inicio-logo[b-w5t510e17z] {
    display: grid;
    justify-items: center;
    text-align: center;
    gap: 6px;
    padding-top: 8px;
}

.inicio[b-w5t510e17z]  .inicio-logo-imagen {
    width: 96px;
    height: 96px;
    font-size: 30px;
    border-radius: 50%;
    animation: bc-pop calc(var(--bc-motion-duration) * 1.2) var(--bc-motion-ease) both;
}

.inicio-logo h1[b-w5t510e17z] {
    font-size: clamp(1.75rem, 6vw, 2.4rem);
    line-height: 1.05;
}

@media (min-width: 960px) {
    .inicio-foto[b-w5t510e17z] {
        margin: 0;
        border-radius: var(--bc-radius);
        min-height: 300px;
    }
}

/* ---------- Próximo turno, estado y reservar ---------- */

.inicio-proximo[b-w5t510e17z] {
    display: grid;
    gap: 6px;
    padding: 18px;
    border-radius: var(--bc-radius);
    background: var(--bc-hero);
    color: var(--bc-on-hero);
    text-decoration: none;
}

.inicio-fila[b-w5t510e17z] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.inicio-mini[b-w5t510e17z] {
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    opacity: .78;
}

.inicio-proximo-fecha[b-w5t510e17z] {
    font-size: 1.6rem;
    line-height: 1.1;
    text-transform: capitalize;
}

.inicio-proximo-meta[b-w5t510e17z] {
    font-size: .9rem;
    opacity: .85;
}

.inicio-estado[b-w5t510e17z] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 14px;
    border-radius: var(--bc-radius);
    font-size: .95rem;
}

.inicio-punto[b-w5t510e17z] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--bc-text-muted);
    flex: 0 0 auto;
}

.inicio-punto-abierto[b-w5t510e17z] {
    background: var(--bc-success);
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--bc-success) 60%, transparent);
    animation: inicio-latido-b-w5t510e17z 2.4s ease-out infinite;
}

@keyframes inicio-latido-b-w5t510e17z {
    0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--bc-success) 55%, transparent); }
    70%, 100% { box-shadow: 0 0 0 8px transparent; }
}

.inicio-cta[b-w5t510e17z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 56px;
    padding: 8px 10px 8px 22px;
    border-radius: var(--bc-radius-btn);
    background: var(--bc-accent);
    color: var(--bc-on-accent);
    font-weight: 700;
    font-size: 1.05rem;
    text-decoration: none;
    box-shadow: var(--bc-btn-shadow);
    border: var(--bc-btn-border);
    transition: transform .2s var(--bc-motion-ease), box-shadow .2s;
}

.inicio-cta:hover[b-w5t510e17z] {
    box-shadow: var(--bc-btn-shadow);
}

.inicio-cta-flecha[b-w5t510e17z] {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: color-mix(in srgb, var(--bc-on-accent) 16%, transparent);
    transition: transform .25s var(--bc-motion-ease);
}

.inicio-cta:hover .inicio-cta-flecha[b-w5t510e17z] {
    transform: translateX(3px);
}

.inicio-horarios[b-w5t510e17z] {
    border-radius: var(--bc-radius);
    padding: 0 14px;
}

.inicio-horarios summary[b-w5t510e17z] {
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 0;
    cursor: pointer;
}

.inicio-horarios summary[b-w5t510e17z]::-webkit-details-marker {
    display: none;
}

.inicio-horarios summary svg[b-w5t510e17z] {
    transition: transform .25s var(--bc-motion-ease);
}

.inicio-horarios[open] summary svg[b-w5t510e17z] {
    transform: rotate(180deg);
}

.inicio-horarios dl[b-w5t510e17z] {
    margin: 0 0 12px;
    display: grid;
    gap: 2px;
}

.inicio-horarios dl > div[b-w5t510e17z] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 6px 8px;
    border-radius: var(--bc-radius-sm);
    font-size: .92rem;
}

.inicio-horarios dt[b-w5t510e17z] {
    color: var(--bc-text-muted);
}

.inicio-horarios dd[b-w5t510e17z] {
    margin: 0;
    text-align: right;
}

.inicio-horarios .inicio-hoy[b-w5t510e17z] {
    background: var(--bc-accent-soft);
    font-weight: 700;
}

.inicio-horarios .inicio-hoy dt[b-w5t510e17z] {
    color: var(--bc-text);
}

/* ---------- Servicios ---------- */

.inicio-seccion[b-w5t510e17z] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
}

.inicio-seccion h2[b-w5t510e17z] {
    font-size: 1.4rem;
}

.inicio-ver-todos[b-w5t510e17z] {
    background: none;
    border: 0;
    padding: 6px 0;
    color: var(--bc-accent-text);
    font: inherit;
    font-weight: 700;
    font-size: .9rem;
    cursor: pointer;
}

.inicio-servicio[b-w5t510e17z] {
    display: grid;
    overflow: hidden;
    border-radius: var(--bc-radius);
    background: var(--bc-card-bg);
    border: var(--bc-card-border-width) solid var(--bc-card-border);
    box-shadow: var(--bc-card-shadow);
    -webkit-backdrop-filter: var(--bc-card-blur);
    backdrop-filter: var(--bc-card-blur);
    color: inherit;
    text-decoration: none;
    transition: transform .25s var(--bc-motion-ease), border-color .25s;
}

.inicio-servicio:hover[b-w5t510e17z] {
    border-color: var(--bc-accent);
}

.inicio[b-w5t510e17z]  .inicio-servicio-foto {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    transition: transform .5s var(--bc-motion-ease);
}

.inicio[b-w5t510e17z]  img.inicio-servicio-foto {
    display: block;
}

.inicio-servicio:hover[b-w5t510e17z]  img.inicio-servicio-foto {
    transform: scale(1.04);
}

.inicio-servicio-texto[b-w5t510e17z] {
    display: grid;
    gap: 2px;
    padding: 10px 12px 12px;
    min-width: 0;
}

.inicio-servicio-texto b[b-w5t510e17z] {
    line-height: 1.25;
}

.inicio-servicio-texto small[b-w5t510e17z] {
    color: var(--bc-text-muted);
    font-size: .85rem;
}

.inicio-linea[b-w5t510e17z] {
    display: block;
    height: 12px;
    width: 80%;
    border-radius: 6px;
}

.inicio-linea-corta[b-w5t510e17z] {
    width: 45%;
}

/* Carrusel: deslizable de costado */
.inicio-servicios-carrusel[b-w5t510e17z] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(168px, 44%);
    gap: 12px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    margin-inline: -16px;
    padding: 2px 16px 10px;
    scrollbar-width: none;
}

.inicio-servicios-carrusel[b-w5t510e17z]::-webkit-scrollbar {
    display: none;
}

.inicio-servicios-carrusel .inicio-servicio[b-w5t510e17z] {
    scroll-snap-align: start;
}

@media (min-width: 960px) {
    .inicio-servicios-carrusel[b-w5t510e17z] {
        grid-auto-columns: minmax(200px, 31%);
        margin-inline: 0;
        padding-inline: 0;
    }
}

/* Lista: una fila por servicio, con foto chica */
.inicio-servicios-lista[b-w5t510e17z] {
    display: grid;
    gap: 8px;
}

.inicio-servicios-lista .inicio-servicio[b-w5t510e17z] {
    grid-template-columns: 72px minmax(0, 1fr);
    align-items: center;
}

.inicio-servicios-lista[b-w5t510e17z]  .inicio-servicio-foto {
    aspect-ratio: 1;
    height: 100%;
}

.inicio-servicios-lista .inicio-servicio-texto[b-w5t510e17z] {
    padding: 12px 14px;
}

/* Cuadrícula */
.inicio-servicios-cuadricula[b-w5t510e17z] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

@media (min-width: 600px) {
    .inicio-servicios-cuadricula[b-w5t510e17z] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* ---------- Equipo ---------- */

.inicio-equipo[b-w5t510e17z] {
    display: flex;
    gap: 18px;
    overflow-x: auto;
    padding: 6px 4px 6px;
    scrollbar-width: none;
}

.inicio-persona[b-w5t510e17z] {
    display: grid;
    justify-items: center;
    text-align: center;
    gap: 4px;
    min-width: 84px;
    max-width: 120px;
}

.inicio[b-w5t510e17z]  .inicio-persona-foto {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    object-fit: cover;
    font-size: 22px;
    box-shadow: 0 0 0 3px var(--bc-bg), 0 0 0 5px var(--bc-accent);
    margin-bottom: 6px;
}

.inicio-persona small[b-w5t510e17z] {
    font-size: .8rem;
    line-height: 1.25;
}

@media (prefers-reduced-motion: reduce) {
    .inicio-punto-abierto[b-w5t510e17z] {
        animation: none;
    }
}
/* /Pages/Demo/EntrarDemo.razor.rz.scp.css */
/* Colores de la marca BarberZ Club (los de la landing), no los del local */
.entrada-demo[b-947ynxmmgn] {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 24px 16px;
    background:
        radial-gradient(900px 500px at 15% -10%, rgba(25, 230, 245, .16), transparent 60%),
        radial-gradient(700px 500px at 110% 110%, rgba(59, 108, 255, .18), transparent 60%),
        #07080c;
    color: #eef0f7;
    font-family: 'Plus Jakarta Sans', 'Manrope', system-ui, sans-serif;
}

.tarjeta[b-947ynxmmgn] {
    width: 100%;
    max-width: 440px;
    padding: 32px 28px;
    border-radius: 20px;
    background: rgba(17, 19, 27, .82);
    border: 1px solid #232737;
    box-shadow: 0 30px 80px rgba(0, 0, 0, .45);
    animation: aparecer-b-947ynxmmgn .4s ease-out;
}

.marca[b-947ynxmmgn] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #8d93a8;
    --bz-acento: #19e6f5;
}

.marca[b-947ynxmmgn]  .bz-marca { color: #f4f6fa; }


h1[b-947ynxmmgn] {
    margin: 18px 0 8px;
    font-size: 26px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: -.02em;
}

.bajada[b-947ynxmmgn] {
    margin: 0 0 24px;
    color: #a3a9bc;
    font-size: 15px;
    line-height: 1.5;
}

.pasos[b-947ynxmmgn] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 14px;
}

.pasos li[b-947ynxmmgn] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #5d6377;
    font-size: 15px;
    transition: color .3s;
}

.pasos li.ahora[b-947ynxmmgn], .pasos li.hecho[b-947ynxmmgn] { color: #eef0f7; }

.check[b-947ynxmmgn] {
    flex: none;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 2px solid #2c3142;
    display: grid;
    place-items: center;
    font-size: 12px;
    font-weight: 800;
    color: #07080c;
    transition: all .3s;
}

.pasos li.ahora .check[b-947ynxmmgn] {
    border-color: #19e6f5;
    border-top-color: transparent;
    animation: girar-b-947ynxmmgn .8s linear infinite;
}

.pasos li.hecho .check[b-947ynxmmgn] {
    background: #19e6f5;
    border-color: #19e6f5;
}

.acciones[b-947ynxmmgn] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.boton[b-947ynxmmgn] {
    border: 0;
    border-radius: 999px;
    padding: 12px 22px;
    font: inherit;
    font-weight: 700;
    background: #19e6f5;
    color: #07080c;
    cursor: pointer;
}

.link[b-947ynxmmgn] { color: #a3a9bc; }

@keyframes girar-b-947ynxmmgn { to { transform: rotate(360deg); } }
@keyframes aparecer-b-947ynxmmgn { from { opacity: 0; transform: translateY(8px); } }

@media (prefers-reduced-motion: reduce) {
    .tarjeta[b-947ynxmmgn], .pasos li.ahora .check[b-947ynxmmgn] { animation: none; }
}
/* /Pages/Misturnos.razor.rz.scp.css */
/* Mis turnos: el próximo bien grande, después el resto y el historial. Todo con las variables --bc-* del local. */

.turnos[b-hkc802ocwd] {
    max-width: 720px;
    margin: 0 auto;
    padding: 12px 16px 40px;
    display: grid;
    gap: 22px;
    color: var(--bc-text);
}

.turnos-cabecera[b-hkc802ocwd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.turnos-cabecera h1[b-hkc802ocwd] {
    margin: 0;
    font-size: clamp(1.8rem, 7vw, 2.4rem);
    line-height: 1.05;
}

.turnos-nuevo[b-hkc802ocwd] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 14px;
    border-radius: var(--bc-radius-btn);
    border: 1px solid var(--bc-accent);
    color: var(--bc-accent-text);
    font-weight: 700;
    text-decoration: none;
}

/* ---------- Próximo turno ---------- */

.turnos-proximo[b-hkc802ocwd] {
    display: grid;
    gap: 10px;
    padding: 20px;
    border-radius: var(--bc-radius);
    background: var(--bc-hero);
    color: var(--bc-on-hero);
}

.turnos-esqueleto[b-hkc802ocwd] {
    min-height: 190px;
}

.turnos-proximo-arriba[b-hkc802ocwd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.turnos-mini[b-hkc802ocwd] {
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    opacity: .78;
}

.turnos-proximo-cuando[b-hkc802ocwd] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
    flex-wrap: wrap;
}

.turnos-proximo-cuando b[b-hkc802ocwd] {
    font-size: clamp(1.5rem, 6vw, 2rem);
    line-height: 1.1;
}

.turnos-proximo-cuando span[b-hkc802ocwd] {
    font-size: 1.5rem;
    font-weight: 700;
}

.turnos-proximo-que[b-hkc802ocwd] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 14px;
    opacity: .9;
}

.turnos-acciones[b-hkc802ocwd] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 6px;
    padding-top: 14px;
    border-top: 1px dashed color-mix(in srgb, var(--bc-on-hero) 30%, transparent);
}

.turnos-accion[b-hkc802ocwd] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 40px;
    padding: 0 14px;
    border-radius: var(--bc-radius-btn);
    border: 0;
    background: color-mix(in srgb, var(--bc-on-hero) 14%, transparent);
    color: inherit;
    font: inherit;
    font-weight: 700;
    font-size: .92rem;
    text-decoration: none;
    cursor: pointer;
}

.turnos-accion:hover[b-hkc802ocwd] {
    background: color-mix(in srgb, var(--bc-on-hero) 22%, transparent);
}

.turnos-nota[b-hkc802ocwd] {
    font-size: .85rem;
    opacity: .75;
}

/* ---------- Estados ---------- */

.turnos-estado[b-hkc802ocwd] {
    flex: 0 0 auto;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .04em;
    padding: 4px 10px;
    border-radius: var(--bc-radius-btn);
    background: var(--bc-surface-2);
    color: var(--bc-text-muted);
}

.turnos-proximo .turnos-estado[b-hkc802ocwd] {
    background: color-mix(in srgb, var(--bc-on-hero) 16%, transparent);
    color: inherit;
}

.turnos-estado-confirmado[b-hkc802ocwd],
.turnos-estado-completado[b-hkc802ocwd] {
    background: color-mix(in srgb, var(--bc-success) 16%, var(--bc-surface));
    color: var(--bc-success);
}

.turnos-estado-pendiente[b-hkc802ocwd] {
    background: color-mix(in srgb, var(--bc-warning) 16%, var(--bc-surface));
    color: var(--bc-warning);
}

.turnos-estado-cancelado[b-hkc802ocwd],
.turnos-estado-ausente[b-hkc802ocwd] {
    background: color-mix(in srgb, var(--bc-danger) 12%, var(--bc-surface));
    color: var(--bc-danger);
}

/* ---------- Listas ---------- */

.turnos-seccion[b-hkc802ocwd] {
    display: grid;
    gap: 10px;
}

.turnos-seccion h2[b-hkc802ocwd] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
}

.turnos-lista[b-hkc802ocwd] {
    display: grid;
    gap: 8px;
}

.turnos-fila[b-hkc802ocwd] {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 10px 14px 10px 10px;
    border-radius: var(--bc-radius);
    background: var(--bc-card-bg);
    border: var(--bc-card-border-width) solid var(--bc-card-border);
    box-shadow: var(--bc-card-shadow);
    -webkit-backdrop-filter: var(--bc-card-blur);
    backdrop-filter: var(--bc-card-blur);
}

.turnos-esqueleto-fila[b-hkc802ocwd] {
    min-height: 74px;
    border: 0;
}

.turnos-fila-pasada .turnos-fecha[b-hkc802ocwd] {
    background: var(--bc-surface-2);
    color: var(--bc-text-muted);
}

.turnos-fecha[b-hkc802ocwd] {
    display: grid;
    justify-items: center;
    padding: 6px 0;
    border-radius: var(--bc-radius-sm);
    background: var(--bc-accent-soft);
    color: var(--bc-accent-text);
    line-height: 1.1;
}

.turnos-fecha small[b-hkc802ocwd] {
    font-size: .68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.turnos-fecha b[b-hkc802ocwd] {
    font-size: 1.3rem;
}

.turnos-fila-texto[b-hkc802ocwd] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.turnos-fila-texto small[b-hkc802ocwd] {
    color: var(--bc-text-muted);
    font-size: .85rem;
}

.turnos-cancelar[b-hkc802ocwd] {
    background: none;
    border: 0;
    padding: 6px 0;
    font: inherit;
    font-size: .88rem;
    font-weight: 700;
    color: var(--bc-danger);
    cursor: pointer;
}

.turnos-ver-mas[b-hkc802ocwd] {
    justify-self: start;
    background: none;
    border: 0;
    padding: 6px 0;
    font: inherit;
    font-weight: 700;
    color: var(--bc-accent-text);
    cursor: pointer;
}

/* ---------- Confirmar cancelación ---------- */

.turnos-confirmar[b-hkc802ocwd] {
    grid-column: 1 / -1;
    display: grid;
    gap: 10px;
    padding: 12px;
    border-radius: var(--bc-radius-sm);
    background: color-mix(in srgb, var(--bc-danger) 10%, var(--bc-surface));
    color: var(--bc-text);
    font-size: .92rem;
}

.turnos-confirmar > div[b-hkc802ocwd] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.turnos-confirmar button[b-hkc802ocwd] {
    min-height: 40px;
    padding: 0 14px;
    border-radius: var(--bc-radius-btn);
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.turnos-confirmar-no[b-hkc802ocwd] {
    border: 1px solid var(--bc-line);
    background: var(--bc-surface);
    color: var(--bc-text);
}

.turnos-confirmar-si[b-hkc802ocwd] {
    border: 0;
    background: var(--bc-danger);
    color: #fff;
}

.turnos-confirmar button:disabled[b-hkc802ocwd] {
    opacity: .6;
    cursor: progress;
}

/* ---------- Sin turnos ---------- */

.turnos-vacio[b-hkc802ocwd] {
    display: grid;
    justify-items: center;
    text-align: center;
    gap: 10px;
    padding: 36px 20px;
    border-radius: var(--bc-radius);
    border: 1px dashed var(--bc-line);
}

.turnos-vacio h2[b-hkc802ocwd] {
    margin: 0;
    font-size: 1.3rem;
}

.turnos-vacio p[b-hkc802ocwd] {
    margin: 0;
    color: var(--bc-text-muted);
}

.turnos-vacio-icono[b-hkc802ocwd] {
    width: 64px;
    height: 64px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--bc-accent-soft);
    color: var(--bc-accent-text);
    animation: bc-pop calc(var(--bc-motion-duration) * 1.2) var(--bc-motion-ease) both;
}

.turnos-boton[b-hkc802ocwd] {
    margin-top: 6px;
    display: inline-grid;
    place-items: center;
    min-height: 50px;
    padding: 0 24px;
    border-radius: var(--bc-radius-btn);
    background: var(--bc-accent);
    color: var(--bc-on-accent);
    font-weight: 700;
    text-decoration: none;
    box-shadow: var(--bc-btn-shadow);
    border: var(--bc-btn-border);
}

.turnos-secundario[b-hkc802ocwd] {
    font: inherit;
    font-weight: 700;
    padding: 10px 16px;
    border-radius: var(--bc-radius-btn);
    border: 1px solid var(--bc-accent);
    background: transparent;
    color: var(--bc-accent-text);
    cursor: pointer;
}
/* /Pages/Perfil.razor.rz.scp.css */
/* Mi perfil, con las variables --bc-* del local. */

.perfil[b-9dkik6kk1d] {
    max-width: 620px;
    margin: 0 auto;
    padding: 16px 16px 40px;
    display: grid;
    gap: 18px;
    color: var(--bc-text);
}

.perfil-cabecera[b-9dkik6kk1d] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.perfil[b-9dkik6kk1d]  .perfil-avatar {
    width: 72px;
    height: 72px;
    flex: 0 0 auto;
    border-radius: 50%;
    font-size: 24px;
    box-shadow: 0 0 0 3px var(--bc-bg), 0 0 0 5px var(--bc-accent);
}

.perfil-cabecera-texto[b-9dkik6kk1d] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.perfil-cabecera h1[b-9dkik6kk1d] {
    margin: 0;
    font-size: clamp(1.6rem, 6vw, 2.1rem);
    line-height: 1.08;
    overflow-wrap: anywhere;
}

.perfil-cabecera-texto > span[b-9dkik6kk1d] {
    color: var(--bc-text-muted);
    overflow-wrap: anywhere;
}

.perfil-linea[b-9dkik6kk1d] {
    display: block;
    height: 14px;
    width: 180px;
    border-radius: 7px;
}

.perfil-linea-corta[b-9dkik6kk1d] {
    width: 120px;
}

.perfil-resumen[b-9dkik6kk1d] {
    display: grid;
    grid-template-columns: auto auto 1fr;
    align-items: center;
    gap: 22px;
    padding: 16px 18px;
    border-radius: var(--bc-radius);
    background: var(--bc-hero);
    color: var(--bc-on-hero);
    text-decoration: none;
}

.perfil-resumen > div[b-9dkik6kk1d] {
    display: grid;
    line-height: 1.1;
}

.perfil-resumen b[b-9dkik6kk1d] {
    font-size: 1.8rem;
}

.perfil-resumen small[b-9dkik6kk1d] {
    font-size: .8rem;
    opacity: .8;
}

.perfil-resumen-ir[b-9dkik6kk1d] {
    justify-self: end;
    display: inline-flex;
    align-items: center;
    gap: 2px;
    font-weight: 700;
    font-size: .92rem;
}

.perfil-tarjeta[b-9dkik6kk1d] {
    display: grid;
    gap: 14px;
    padding: 18px;
    border-radius: var(--bc-radius);
    background: var(--bc-card-bg);
    border: var(--bc-card-border-width) solid var(--bc-card-border);
    box-shadow: var(--bc-card-shadow);
    -webkit-backdrop-filter: var(--bc-card-blur);
    backdrop-filter: var(--bc-card-blur);
}

.perfil-tarjeta-titulo h2[b-9dkik6kk1d] {
    margin: 0;
    font-size: 1.05rem;
}

.perfil-tarjeta-titulo p[b-9dkik6kk1d] {
    margin: 2px 0 0;
    color: var(--bc-text-muted);
    font-size: .92rem;
}

.perfil-campos[b-9dkik6kk1d] {
    display: grid;
    gap: 4px;
}

.perfil-guardar[b-9dkik6kk1d] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 50px;
    border: 0;
    border-radius: var(--bc-radius-btn);
    background: var(--bc-accent);
    color: var(--bc-on-accent);
    font: inherit;
    font-weight: 700;
    cursor: pointer;
    box-shadow: var(--bc-btn-shadow);
    border: var(--bc-btn-border);
}

.perfil-guardar:disabled[b-9dkik6kk1d] {
    opacity: .55;
    cursor: not-allowed;
}

.perfil[b-9dkik6kk1d]  .perfil-guardar .mud-progress-circular {
    color: var(--bc-on-accent);
}

@media (min-width: 600px) {
    .perfil-guardar[b-9dkik6kk1d] {
        justify-self: end;
        padding: 0 28px;
    }
}
/* /Pages/Platform/Landing.razor.rz.scp.css */
/* Landing de la plataforma. Los colores y tipografías salen de las variables --bc-* de la marca
   (Midnight Stealth con cian, ver CatalogoApariencia.Plataforma). Lo único que cambia de piel
   es el teléfono del probador, que trae sus propias variables. */

.lp[b-yuglzj5l7k] {
    --lp-poste-rojo: #d7263d;
    --lp-poste-azul: #1d4ed8;
    --lp-curva: cubic-bezier(.2, .8, .2, 1);
    min-height: 100vh;
    background: var(--bc-bg);
    color: var(--bc-text);
    font-family: var(--bc-font-body);
    font-size: 16px;
    line-height: 1.55;
    overflow-x: clip;
}

:where(.lp) a[b-yuglzj5l7k] { color: inherit; }
:where(.lp) :where(h1, h2, h3)[b-yuglzj5l7k] { font-family: var(--bc-font-display); text-wrap: balance; margin: 0; }
:where(.lp) p[b-yuglzj5l7k] { margin: 0; }

.lp-wrap[b-yuglzj5l7k] {
    width: 100%;
    max-width: 1160px;
    margin-inline: auto;
    padding-inline: 20px;
}

/* ---------- Encabezado ---------- */

.lp-top[b-yuglzj5l7k] {
    position: sticky;
    top: 0;
    z-index: 20;
    padding-top: env(safe-area-inset-top, 0px);
    background: color-mix(in srgb, var(--bc-bg) 80%, transparent);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    border-bottom: 1px solid var(--bc-line);
}

.lp-top-fila[b-yuglzj5l7k] {
    display: flex;
    align-items: center;
    gap: 24px;
    height: 64px;
}

.lp-marca[b-yuglzj5l7k] {
    display: flex;
    align-items: center;
    color: var(--bc-text);
    text-decoration: none;
}

.lp-nav[b-yuglzj5l7k] {
    display: flex;
    gap: 22px;
    margin-left: auto;
    font-size: .95rem;
    color: var(--bc-text-muted);
}

.lp-nav a[b-yuglzj5l7k] { text-decoration: none; }
.lp-nav a:hover[b-yuglzj5l7k] { color: var(--bc-text); }

@media (max-width: 760px) {
    .lp-nav[b-yuglzj5l7k] { display: none; }
    .lp-top .lp-btn-chico[b-yuglzj5l7k] { margin-left: auto; white-space: nowrap; }
    .lp-marca[b-yuglzj5l7k]  .bz-marca { height: 24px !important; }
}

/* ---------- Botones ---------- */

.lp-btn[b-yuglzj5l7k] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid transparent;
    cursor: pointer;
    font: 700 1rem/1.1 var(--bc-font-body);
    padding: 15px 22px;
    border-radius: 12px;
    text-decoration: none;
    overflow: hidden;
    transition: transform .16s var(--lp-curva), box-shadow .2s, border-color .2s, opacity .2s;
}

.lp-btn:active[b-yuglzj5l7k] { transform: scale(.97); }
.lp-btn:disabled[b-yuglzj5l7k] { opacity: .6; cursor: progress; }

.lp-btn-main[b-yuglzj5l7k] {
    background: var(--bc-accent);
    color: var(--bc-on-accent);
    box-shadow: 0 10px 30px -12px color-mix(in srgb, var(--bc-accent) 70%, transparent);
}

.lp-btn-main:hover[b-yuglzj5l7k] { box-shadow: 0 14px 40px -10px color-mix(in srgb, var(--bc-accent) 90%, transparent); }

.lp-btn-borde[b-yuglzj5l7k] {
    background: transparent;
    color: var(--bc-text);
    border-color: var(--bc-line);
}

.lp-btn-borde:hover[b-yuglzj5l7k] { border-color: var(--bc-text-muted); }
.lp-btn-chico[b-yuglzj5l7k] { padding: 10px 16px; font-size: .9rem; }
.lp-ancho[b-yuglzj5l7k] { width: 100%; }

/* Franja de poste de barbería en los botones de alta */
.lp-btn-poste[b-yuglzj5l7k]::after {
    content: '';
    position: absolute;
    inset: auto 0 0 0;
    height: 4px;
    background: repeating-linear-gradient(-45deg,
        var(--lp-poste-rojo) 0 6px, #fff 6px 12px, var(--lp-poste-azul) 12px 18px, #fff 18px 24px);
    background-size: 34px 100%;
    animation: lp-poste-x-b-yuglzj5l7k 1.2s linear infinite;
}

@keyframes lp-poste-x-b-yuglzj5l7k {
    to { background-position: 34px 0; }
}

/* ---------- Portada con probador ---------- */

.lp-hero[b-yuglzj5l7k] {
    position: relative;
    padding-block: 56px 72px;
    overflow: hidden;
}

/* Luz de fondo: toma el color del estilo que el visitante está probando */
.lp-hero[b-yuglzj5l7k]::before {
    content: '';
    position: absolute;
    inset: -20% -10% auto auto;
    width: 70%;
    height: 90%;
    background: radial-gradient(closest-side, var(--lp-brillo), transparent);
    transition: background 1s;
    pointer-events: none;
}

.lp-hero-grilla[b-yuglzj5l7k] {
    position: relative;
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 56px;
    align-items: center;
}

.lp-hero h1[b-yuglzj5l7k] {
    font-weight: 800;
    font-style: italic;
    font-size: clamp(2.6rem, 6.4vw, 4.9rem);
    line-height: .98;
    letter-spacing: -0.035em;
}

.lp-titulo-tema[b-yuglzj5l7k] {
    display: block;
    margin-bottom: 14px;
    font-family: var(--bc-font-body);
    font-size: .8rem;
    font-weight: 700;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--bc-accent);
}

.lp-bajada[b-yuglzj5l7k] {
    color: var(--bc-text-muted);
    font-size: clamp(1.05rem, 1.6vw, 1.2rem);
    max-width: 34em;
    margin-top: 22px;
}

.lp-nombre[b-yuglzj5l7k] {
    margin-top: 30px;
    max-width: 480px;
    padding: 16px;
    border-radius: 16px;
    background: var(--bc-surface);
    border: 1px solid var(--bc-line);
}

.lp-nombre label[b-yuglzj5l7k] {
    display: block;
    font-size: .85rem;
    color: var(--bc-text-muted);
    margin-bottom: 8px;
}

.lp-nombre input[b-yuglzj5l7k] {
    width: 100%;
    box-sizing: border-box;
    background: var(--bc-bg);
    border: 1px solid var(--bc-line);
    color: var(--bc-text);
    font: 600 1.1rem var(--bc-font-body);
    padding: 12px 14px;
    border-radius: 10px;
    transition: border-color .2s;
}

.lp-nombre input:focus[b-yuglzj5l7k] { outline: none; border-color: var(--bc-accent); }

.lp-url[b-yuglzj5l7k] {
    margin-top: 10px;
    font-size: .92rem;
    color: var(--bc-text-muted);
}

.lp-url b[b-yuglzj5l7k] {
    color: var(--bc-accent-text);
    font-weight: 600;
    overflow-wrap: anywhere;
}

.lp-ctas[b-yuglzj5l7k] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
}

.lp-centro[b-yuglzj5l7k] { justify-content: center; }

.lp-letra-chica[b-yuglzj5l7k] {
    margin-top: 14px;
    font-size: .88rem;
    color: var(--bc-text-muted);
}

/* Entrada de la portada: un solo momento orquestado al cargar */
.lp-hero-texto > *[b-yuglzj5l7k] {
    animation: lp-subir-b-yuglzj5l7k .8s var(--lp-curva) both;
}

.lp-hero-texto > *:nth-child(2)[b-yuglzj5l7k] { animation-delay: .08s; }
.lp-hero-texto > *:nth-child(3)[b-yuglzj5l7k] { animation-delay: .16s; }
.lp-hero-texto > *:nth-child(n+4)[b-yuglzj5l7k] { animation-delay: .24s; }

.lp-probador[b-yuglzj5l7k] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 22px;
    min-width: 0;
    animation: lp-subir-b-yuglzj5l7k .9s var(--lp-curva) .15s both;
}

.lp-probador[b-yuglzj5l7k]  .vp-telefono {
    box-shadow: 0 40px 80px -30px rgba(0, 0, 0, .9), 0 0 0 1px color-mix(in srgb, var(--bc-text) 18%, transparent);
}

@keyframes lp-subir-b-yuglzj5l7k {
    from {
        opacity: 0;
        transform: translateY(28px);
    }
}

.lp-estilos[b-yuglzj5l7k] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    max-width: 440px;
}

.lp-chip[b-yuglzj5l7k] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px 8px 8px;
    border-radius: 999px;
    background: var(--bc-surface);
    border: 1px solid var(--bc-line);
    color: var(--bc-text);
    font: 600 .86rem var(--bc-font-body);
    cursor: pointer;
    transition: border-color .2s, background-color .2s, transform .16s var(--lp-curva);
}

.lp-chip:hover[b-yuglzj5l7k] { border-color: var(--bc-text-muted); }
.lp-chip:active[b-yuglzj5l7k] { transform: scale(.95); }

.lp-chip[aria-checked="true"][b-yuglzj5l7k] {
    border-color: var(--bc-accent);
    background: var(--bc-accent-soft);
}

.lp-muestra[b-yuglzj5l7k] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 3px solid;
    box-sizing: border-box;
}

.lp-nota[b-yuglzj5l7k] {
    font-size: .85rem;
    color: var(--bc-text-muted);
    text-align: center;
}

@media (max-width: 900px) {
    .lp-hero[b-yuglzj5l7k] { padding-block: 36px 56px; }
    .lp-hero-grilla[b-yuglzj5l7k] { grid-template-columns: minmax(0, 1fr); gap: 40px; }
}

/* ---------- Secciones ---------- */

.lp-seccion[b-yuglzj5l7k] {
    padding-block: 88px;
    border-top: 1px solid var(--bc-line);
}

.lp-seccion h2[b-yuglzj5l7k] {
    font-weight: 800;
    font-size: clamp(1.9rem, 4vw, 2.9rem);
    line-height: 1.04;
    letter-spacing: -0.025em;
    max-width: 18em;
}

.lp-intro[b-yuglzj5l7k] {
    color: var(--bc-text-muted);
    margin-top: 14px;
    max-width: 38em;
    font-size: 1.08rem;
}

/* El día del barbero es una secuencia real: por eso va con horas */
.lp-dia[b-yuglzj5l7k] {
    list-style: none;
    padding: 0;
    margin: 48px 0 0;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    border-top: 1px solid var(--bc-line);
}

.lp-momento[b-yuglzj5l7k] {
    position: relative;
    padding: 22px 20px 0 0;
}

.lp-momento[b-yuglzj5l7k]::before {
    content: '';
    position: absolute;
    top: -6px;
    left: 0;
    width: 11px;
    height: 11px;
    box-sizing: border-box;
    border-radius: 50%;
    background: var(--bc-bg);
    border: 2px solid var(--bc-accent);
}

.lp-hora[b-yuglzj5l7k] {
    font-family: var(--bc-font-display);
    font-weight: 800;
    font-style: italic;
    font-size: 1.7rem;
    letter-spacing: -0.02em;
    font-variant-numeric: tabular-nums;
}

.lp-momento h3[b-yuglzj5l7k] { font-size: 1.02rem; font-weight: 700; font-style: normal; margin-top: 6px; }
.lp-momento p[b-yuglzj5l7k] { color: var(--bc-text-muted); font-size: .95rem; margin-top: 6px; }

@media (max-width: 900px) {
    .lp-dia[b-yuglzj5l7k] {
        grid-template-columns: minmax(0, 1fr);
        border-top: 0;
        border-left: 1px solid var(--bc-line);
        margin-left: 5px;
    }

    .lp-momento[b-yuglzj5l7k] { padding: 0 0 28px 26px; }
    .lp-momento[b-yuglzj5l7k]::before { top: 12px; left: -6px; }
}

/* Pantalla Hoy y ficha de cliente, como en el panel */
.lp-duo[b-yuglzj5l7k] {
    margin-top: 48px;
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 24px;
    align-items: start;
}

@media (max-width: 900px) {
    .lp-duo[b-yuglzj5l7k] { grid-template-columns: minmax(0, 1fr); }
}

.lp-panel[b-yuglzj5l7k] {
    min-width: 0;
    padding: 22px;
    border-radius: 20px;
    background: var(--bc-surface);
    border: 1px solid var(--bc-line);
}

.lp-panel-tit[b-yuglzj5l7k] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
    margin-bottom: 16px;
}

.lp-panel-tit h3[b-yuglzj5l7k] { font-size: 1.15rem; font-weight: 800; }
.lp-panel-tit span[b-yuglzj5l7k] { color: var(--bc-text-muted); font-size: .85rem; }

.lp-columnas[b-yuglzj5l7k] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

@media (max-width: 560px) {
    .lp-columnas[b-yuglzj5l7k] { grid-template-columns: minmax(0, 1fr); }
}

.lp-columna[b-yuglzj5l7k] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px;
    border-radius: 14px;
    background: var(--bc-bg);
    border: 1px solid var(--bc-line);
}

.lp-columna-cab[b-yuglzj5l7k] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: .92rem;
}

.lp-ini[b-yuglzj5l7k] {
    flex: none;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: .7rem;
    font-weight: 800;
    background: var(--bc-surface-2);
}

.lp-silla[b-yuglzj5l7k] { font-size: .78rem; color: var(--bc-text-muted); }
.lp-silla b[b-yuglzj5l7k] { display: block; color: var(--bc-text); font-size: .95rem; }

.lp-sigue[b-yuglzj5l7k] {
    border-top: 1px dashed var(--bc-line);
    padding-top: 10px;
    font-size: .78rem;
    color: var(--bc-text-muted);
}

.lp-sigue b[b-yuglzj5l7k] { color: var(--bc-accent-text); font-variant-numeric: tabular-nums; }

.lp-acciones[b-yuglzj5l7k] { display: flex; gap: 6px; }

.lp-acciones button[b-yuglzj5l7k] {
    flex: 1;
    min-width: 0;
    padding: 8px 4px;
    border-radius: 8px;
    border: 1px solid var(--bc-line);
    background: transparent;
    color: var(--bc-text);
    font: 700 .74rem var(--bc-font-body);
    cursor: pointer;
    transition: background-color .2s, border-color .2s, color .2s, transform .16s var(--lp-curva);
}

.lp-acciones button:active[b-yuglzj5l7k] { transform: scale(.95); }

.lp-acciones button.lp-ok[b-yuglzj5l7k] {
    background: color-mix(in srgb, var(--bc-success) 18%, transparent);
    border-color: var(--bc-success);
    color: var(--bc-success);
}

.lp-acciones button.lp-no[b-yuglzj5l7k] {
    background: color-mix(in srgb, var(--bc-danger) 16%, transparent);
    border-color: var(--bc-danger);
    color: var(--bc-danger);
}

.lp-caja[b-yuglzj5l7k] {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--bc-line);
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
    font-size: .9rem;
    color: var(--bc-text-muted);
}

.lp-caja b[b-yuglzj5l7k] {
    font-family: var(--bc-font-display);
    font-style: italic;
    font-weight: 800;
    font-size: 1.6rem;
    color: var(--bc-text);
    font-variant-numeric: tabular-nums;
}

.lp-quien[b-yuglzj5l7k] { display: flex; gap: 12px; align-items: center; }
.lp-quien b[b-yuglzj5l7k] { display: block; font-size: 1.05rem; }
.lp-quien span:not(.lp-ini)[b-yuglzj5l7k] { font-size: .85rem; color: var(--bc-text-muted); }

.lp-ini-grande[b-yuglzj5l7k] {
    width: 46px;
    height: 46px;
    font-size: .95rem;
    background: var(--bc-accent-soft);
}

.lp-datos[b-yuglzj5l7k] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px 16px;
    margin: 18px 0;
}

.lp-datos dt[b-yuglzj5l7k] { font-size: .8rem; color: var(--bc-text-muted); }

.lp-datos dd[b-yuglzj5l7k] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

/* Lo que incluye */
.lp-incluye[b-yuglzj5l7k] {
    margin-top: 44px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px 36px;
}

@media (max-width: 900px) {
    .lp-incluye[b-yuglzj5l7k] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
    .lp-incluye[b-yuglzj5l7k] { grid-template-columns: minmax(0, 1fr); }
}

.lp-incluye h3[b-yuglzj5l7k] {
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 1.05rem;
    font-weight: 700;
    font-style: normal;
}

.lp-incluye svg[b-yuglzj5l7k] {
    flex: none;
    width: 20px;
    height: 20px;
    fill: none;
    stroke: var(--bc-accent-text);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.lp-incluye p[b-yuglzj5l7k] { color: var(--bc-text-muted); font-size: .95rem; margin-top: 6px; }

/* Precio, como un ticket de caja */
.lp-precio[b-yuglzj5l7k] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: center;
}

@media (max-width: 900px) {
    .lp-precio[b-yuglzj5l7k] { grid-template-columns: minmax(0, 1fr); gap: 32px; }
}

.lp-ticket[b-yuglzj5l7k] {
    position: relative;
    max-width: 440px;
    padding: 28px;
    border-radius: 18px;
    background: var(--bc-text);
    color: var(--bc-bg);
}

.lp-ticket[b-yuglzj5l7k]::before,
.lp-ticket[b-yuglzj5l7k]::after {
    content: '';
    position: absolute;
    top: 56%;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--bc-bg);
}

.lp-ticket[b-yuglzj5l7k]::before { left: -13px; }
.lp-ticket[b-yuglzj5l7k]::after { right: -13px; }

.lp-ticket small[b-yuglzj5l7k] { font-size: .85rem; opacity: .7; }

.lp-monto[b-yuglzj5l7k] {
    margin-top: 6px;
    font-family: var(--bc-font-display);
    font-style: italic;
    font-weight: 800;
    font-size: clamp(2.6rem, 6vw, 3.6rem);
    letter-spacing: -0.03em;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.lp-monto span[b-yuglzj5l7k] {
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0;
    opacity: .7;
}

.lp-ejemplo[b-yuglzj5l7k] { margin-top: 10px; font-size: .92rem; }

.lp-ticket hr[b-yuglzj5l7k] {
    border: 0;
    border-top: 2px dashed color-mix(in srgb, var(--bc-bg) 25%, transparent);
    margin: 22px 0 18px;
}

.lp-ticket ul[b-yuglzj5l7k] {
    list-style: none;
    padding: 0;
    margin: 0 0 22px;
    display: grid;
    gap: 8px;
    font-size: .95rem;
}

.lp-ticket li[b-yuglzj5l7k] {
    display: flex;
    gap: 10px;
}

.lp-ticket li[b-yuglzj5l7k]::before {
    content: '✓';
    flex: none;
    font-weight: 800;
    color: color-mix(in srgb, var(--bc-accent) 45%, var(--bc-bg));
}

/* Preguntas */
.lp-faq[b-yuglzj5l7k] {
    margin-top: 36px;
    display: grid;
    gap: 10px;
    max-width: 760px;
}

.lp-faq details[b-yuglzj5l7k] {
    padding: 0 18px;
    border-radius: 14px;
    background: var(--bc-surface);
    border: 1px solid var(--bc-line);
}

.lp-faq summary[b-yuglzj5l7k] {
    cursor: pointer;
    list-style: none;
    padding: 18px 0;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    gap: 16px;
}

.lp-faq summary[b-yuglzj5l7k]::-webkit-details-marker { display: none; }

.lp-faq summary[b-yuglzj5l7k]::after {
    content: '+';
    color: var(--bc-accent-text);
    font-size: 1.3rem;
    line-height: 1;
    transition: transform .25s var(--lp-curva);
}

.lp-faq details[open] summary[b-yuglzj5l7k]::after { transform: rotate(45deg); }

.lp-faq details p[b-yuglzj5l7k] {
    color: var(--bc-text-muted);
    padding-bottom: 18px;
    max-width: 60ch;
}

/* Cierre */
.lp-cierre[b-yuglzj5l7k] {
    text-align: center;
    padding-block: 104px;
    border-top: 1px solid var(--bc-line);
}

.lp-cierre h2[b-yuglzj5l7k] {
    font-weight: 800;
    font-style: italic;
    font-size: clamp(2.2rem, 5.5vw, 4rem);
    letter-spacing: -0.035em;
    line-height: 1;
    max-width: 14em;
    margin-inline: auto;
}

.lp-cierre p[b-yuglzj5l7k] {
    color: var(--bc-text-muted);
    max-width: 32em;
    margin: 18px auto 0;
}

.lp-pie[b-yuglzj5l7k] {
    border-top: 1px solid var(--bc-line);
    padding-block: 28px calc(28px + env(safe-area-inset-bottom, 0px));
    color: var(--bc-text-muted);
    font-size: .88rem;
}

.lp-pie-marca[b-yuglzj5l7k] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

.lp-pie-marca[b-yuglzj5l7k]  .bz-marca { color: var(--bc-text); }

.lp-pie-fila[b-yuglzj5l7k] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 24px;
    justify-content: space-between;
}

:focus-visible[b-yuglzj5l7k] { outline: 2px solid var(--bc-accent-text); outline-offset: 3px; }
/* /Pages/Platform/RegisterTenant.razor.rz.scp.css */
/* Alta de locales. Colores y tipografías de la marca (--bc-*, CatalogoApariencia.Plataforma),
   igual que la landing. El editor y las vistas previas traen sus propias variables. */

.alta[b-fpfn9qlg69] {
    --alta-poste-rojo: #d7263d;
    --alta-poste-azul: #1d4ed8;
    --alta-curva: cubic-bezier(.2, .8, .2, 1);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: var(--bc-bg);
    color: var(--bc-text);
    font-family: var(--bc-font-body);
    font-size: 16px;
    line-height: 1.5;
    overflow-x: clip;
}

:where(.alta) :where(h1, h2, h3)[b-fpfn9qlg69] { font-family: var(--bc-font-display); text-wrap: balance; margin: 0; }
:where(.alta) p[b-fpfn9qlg69] { margin: 0; }

.alta-wrap[b-fpfn9qlg69] {
    width: 100%;
    max-width: 1160px;
    margin-inline: auto;
    padding-inline: 20px;
}

/* ---------- Encabezado y pasos ---------- */

.alta-top[b-fpfn9qlg69] {
    position: sticky;
    top: 0;
    z-index: 30;
    padding-top: env(safe-area-inset-top, 0px);
    background: color-mix(in srgb, var(--bc-bg) 82%, transparent);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    border-bottom: 1px solid var(--bc-line);
}

.alta-top-fila[b-fpfn9qlg69] {
    display: flex;
    align-items: center;
    gap: 24px;
    height: 64px;
}

.alta-marca[b-fpfn9qlg69] {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--bc-text);
}

.alta-pasos[b-fpfn9qlg69] {
    display: flex;
    gap: 6px;
    margin: 0 0 0 auto;
    padding: 0;
    list-style: none;
}

.alta-paso button[b-fpfn9qlg69] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px 6px 6px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--bc-text-muted);
    font: 600 .9rem/1 var(--bc-font-body);
    cursor: pointer;
}

.alta-paso button:disabled[b-fpfn9qlg69] { cursor: default; opacity: .55; }
.alta-paso button:not(:disabled):hover[b-fpfn9qlg69] { background: var(--bc-surface); }

.alta-paso-num[b-fpfn9qlg69] {
    display: grid;
    place-items: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 1px solid var(--bc-line);
    font-size: .8rem;
    font-weight: 800;
}

.alta-paso.actual button[b-fpfn9qlg69] { color: var(--bc-text); }
.alta-paso.actual .alta-paso-num[b-fpfn9qlg69] { background: var(--bc-accent); color: var(--bc-on-accent); border-color: transparent; }
.alta-paso.hecho .alta-paso-num[b-fpfn9qlg69] { color: var(--bc-accent-text); border-color: var(--bc-accent-text); }

.alta-progreso[b-fpfn9qlg69] {
    height: 2px;
    background: transparent;
}

.alta-progreso span[b-fpfn9qlg69] {
    display: block;
    height: 100%;
    background: var(--bc-accent);
    box-shadow: 0 0 12px var(--bc-accent);
    transition: width .45s var(--alta-curva);
}

@media (max-width: 640px) {
    .alta-paso-nombre[b-fpfn9qlg69] { display: none; }
    .alta-paso.actual .alta-paso-nombre[b-fpfn9qlg69] { display: inline; }
    .alta-top-fila[b-fpfn9qlg69] { gap: 12px; }
    .alta-marca[b-fpfn9qlg69]  .bz-marca { height: 22px !important; }
}

/* ---------- Cuerpo ---------- */

.alta-main[b-fpfn9qlg69] {
    flex: 1;
    padding-top: 36px;
    padding-bottom: 48px;
}

.alta-paso-cuerpo[b-fpfn9qlg69] {
    display: grid;
    gap: 28px;
}

.alta-cabeza[b-fpfn9qlg69] {
    display: grid;
    gap: 8px;
    max-width: 640px;
}

.alta-kicker[b-fpfn9qlg69] {
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--bc-accent-text);
}

.alta-cabeza h1[b-fpfn9qlg69],
.alta-listo h1[b-fpfn9qlg69] {
    font-size: clamp(2rem, 5vw, 3rem);
    line-height: 1.05;
    font-weight: var(--bc-display-weight);
    font-style: var(--bc-display-style);
    letter-spacing: -0.02em;
}

.alta-bajada[b-fpfn9qlg69] {
    font-size: 1.05rem;
    color: var(--bc-text-muted);
}

/* ---------- Campos ---------- */

.alta-local[b-fpfn9qlg69] { max-width: 640px; }

.alta-campos[b-fpfn9qlg69] {
    display: grid;
    gap: 22px;
    align-content: start;
}

.alta-campo[b-fpfn9qlg69] {
    display: grid;
    gap: 8px;
}

.alta-campo label[b-fpfn9qlg69] {
    font-weight: 700;
    font-size: .95rem;
}

.alta-campo input[b-fpfn9qlg69],
.alta-direccion[b-fpfn9qlg69] {
    width: 100%;
    min-height: 54px;
    border-radius: 12px;
    border: 1px solid var(--bc-line);
    background: var(--bc-surface);
    color: var(--bc-text);
    font: 500 1.05rem var(--bc-font-body);
    transition: border-color .2s, box-shadow .2s;
}

.alta-campo input[b-fpfn9qlg69] {
    padding: 0 16px;
}

.alta-campo input[b-fpfn9qlg69]::placeholder { color: color-mix(in srgb, var(--bc-text-muted) 70%, transparent); }

.alta-campo input:focus[b-fpfn9qlg69],
.alta-direccion:focus-within[b-fpfn9qlg69] {
    outline: none;
    border-color: var(--bc-accent-text);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--bc-accent) 25%, transparent);
}

.alta-direccion[b-fpfn9qlg69] {
    display: flex;
    align-items: center;
    overflow: hidden;
}

.alta-direccion input[b-fpfn9qlg69] {
    flex: 1;
    min-width: 0;
    min-height: 52px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none !important;
    text-align: right;
    padding-right: 2px;
}

.alta-dominio[b-fpfn9qlg69] {
    padding-right: 16px;
    color: var(--bc-text-muted);
    font-weight: 500;
    white-space: nowrap;
}

.alta-direccion.libre[b-fpfn9qlg69] { border-color: var(--bc-success); }
.alta-direccion.ocupada[b-fpfn9qlg69] { border-color: var(--bc-danger); }

.alta-estado[b-fpfn9qlg69],
.alta-ayuda[b-fpfn9qlg69] {
    font-size: .88rem;
    color: var(--bc-text-muted);
    min-height: 1.4em;
}

.alta-estado.libre[b-fpfn9qlg69] { color: var(--bc-success); }
.alta-estado.libre b[b-fpfn9qlg69] { color: var(--bc-text); }
.alta-estado.ocupada[b-fpfn9qlg69],
.alta-error[b-fpfn9qlg69] { color: var(--bc-danger); font-size: .88rem; font-weight: 600; }

.alta-error-caja[b-fpfn9qlg69] {
    padding: 12px 14px;
    border-radius: 12px;
    background: color-mix(in srgb, var(--bc-danger) 12%, transparent);
}

.alta-clave[b-fpfn9qlg69] {
    position: relative;
}

.alta-clave input[b-fpfn9qlg69] { padding-right: 96px; }

.alta-clave-ver[b-fpfn9qlg69] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    padding: 8px 10px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--bc-accent-text);
    font: 700 .85rem var(--bc-font-body);
    cursor: pointer;
}

/* ---------- Botones ---------- */

.alta-btn[b-fpfn9qlg69] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 52px;
    padding: 0 24px;
    border: 1px solid transparent;
    border-radius: 12px;
    font: 700 1rem/1.1 var(--bc-font-body);
    text-decoration: none;
    cursor: pointer;
    overflow: hidden;
    transition: transform .16s var(--alta-curva), box-shadow .2s, border-color .2s, opacity .2s;
}

.alta-btn:active[b-fpfn9qlg69] { transform: scale(.97); }
.alta-btn:disabled[b-fpfn9qlg69] { opacity: .6; cursor: progress; }

.alta-btn-main[b-fpfn9qlg69] {
    background: var(--bc-accent);
    color: var(--bc-on-accent);
    box-shadow: 0 10px 30px -12px color-mix(in srgb, var(--bc-accent) 70%, transparent);
}

.alta-btn-main:hover[b-fpfn9qlg69] { box-shadow: 0 14px 40px -10px color-mix(in srgb, var(--bc-accent) 90%, transparent); }

.alta-btn-borde[b-fpfn9qlg69] {
    background: transparent;
    color: var(--bc-text);
    border-color: var(--bc-line);
}

.alta-btn-borde:hover[b-fpfn9qlg69] { border-color: var(--bc-text-muted); }
.alta-ancho[b-fpfn9qlg69] { width: 100%; }

.alta-btn-poste[b-fpfn9qlg69]::after {
    content: '';
    position: absolute;
    inset: auto 0 0 0;
    height: 4px;
    background: repeating-linear-gradient(-45deg,
        var(--alta-poste-rojo) 0 6px, #fff 6px 12px, var(--alta-poste-azul) 12px 18px, #fff 18px 24px);
    background-size: 34px 100%;
    animation: alta-poste-x-b-fpfn9qlg69 1.2s linear infinite;
}

@keyframes alta-poste-x-b-fpfn9qlg69 {
    to { background-position: 34px 0; }
}

.alta-chica[b-fpfn9qlg69] {
    font-size: .85rem;
    color: var(--bc-text-muted);
    text-align: center;
}

/* Barra de abajo con Atrás / Siguiente: siempre a mano, sobre todo en el celular */
.alta-pie[b-fpfn9qlg69] {
    position: sticky;
    bottom: 0;
    z-index: 25;
    padding: 12px 0 calc(12px + env(safe-area-inset-bottom, 0px));
    background: color-mix(in srgb, var(--bc-bg) 88%, transparent);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    border-top: 1px solid var(--bc-line);
}

.alta-pie-fila[b-fpfn9qlg69] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.alta-pie-fila .alta-btn-main[b-fpfn9qlg69] { min-width: 200px; }

@media (max-width: 640px) {
    .alta-pie-fila .alta-btn-borde[b-fpfn9qlg69] { flex: 0 0 auto; }
    .alta-pie-fila .alta-btn-main[b-fpfn9qlg69] { flex: 1; min-width: 0; }
}

/* ---------- Paso 2: estilo ---------- */

/* En el celular la vista previa del editor queda arriba de todo y no se ve al elegir:
   se esconde y se abre con el botón flotante. */
.alta-ver-vista[b-fpfn9qlg69],
.alta-hoja[b-fpfn9qlg69] { display: none; }

@media (max-width: 1100px) {
    .alta[b-fpfn9qlg69]  .ea-vista { display: none; }

    .alta-ver-vista[b-fpfn9qlg69] {
        position: fixed;
        z-index: 26;
        left: 50%;
        bottom: calc(92px + env(safe-area-inset-bottom, 0px));
        transform: translateX(-50%);
        display: inline-flex;
        align-items: center;
        gap: 10px;
        padding: 12px 18px;
        border: 1px solid var(--bc-line);
        border-radius: 999px;
        background: var(--bc-surface);
        color: var(--bc-text);
        font: 700 .92rem var(--bc-font-body);
        white-space: nowrap;
        box-shadow: 0 14px 40px -12px rgba(0, 0, 0, .55);
        cursor: pointer;
    }

    .alta-hoja[b-fpfn9qlg69] {
        position: fixed;
        inset: 0;
        z-index: 40;
        display: grid;
        place-items: center;
        padding: 20px;
        background: rgba(0, 0, 0, .6);
        -webkit-backdrop-filter: blur(6px);
        backdrop-filter: blur(6px);
        animation: alta-aparecer-b-fpfn9qlg69 .2s ease-out;
    }

    .alta-hoja-caja[b-fpfn9qlg69] {
        display: grid;
        gap: 14px;
        justify-items: center;
        width: min(320px, 100%);
        max-height: 100%;
    }

    .alta-hoja-caja[b-fpfn9qlg69]  .vp-telefono { width: min(300px, 100%, calc((100vh - 140px) * 300 / 610)); }
    .alta-hoja-caja .alta-btn[b-fpfn9qlg69] { width: 100%; }
}

.alta-ver-muestra[b-fpfn9qlg69] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    box-shadow: 0 0 0 2px var(--bc-surface), 0 0 0 3px var(--bc-line);
    vertical-align: -2px;
    margin-right: 8px;
}

.alta-ver-vista .alta-ver-muestra[b-fpfn9qlg69] { margin-right: 0; }

@keyframes alta-aparecer-b-fpfn9qlg69 {
    from { opacity: 0; }
}

/* ---------- Paso 3: cuenta ---------- */

.alta-cuenta-grilla[b-fpfn9qlg69] {
    display: grid;
    grid-template-columns: minmax(0, 480px) minmax(0, 1fr);
    gap: 48px;
    align-items: start;
}

.alta-resumen[b-fpfn9qlg69] {
    display: grid;
    gap: 16px;
    padding: 22px;
    border: 1px solid var(--bc-line);
    border-radius: 16px;
    background: var(--bc-surface);
}

.alta-resumen-titulo[b-fpfn9qlg69] {
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--bc-text-muted);
}

.alta-resumen dl[b-fpfn9qlg69] { display: grid; gap: 10px; margin: 0; }

.alta-resumen dl > div[b-fpfn9qlg69] {
    display: grid;
    grid-template-columns: 90px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--bc-line);
}

.alta-resumen dt[b-fpfn9qlg69] { color: var(--bc-text-muted); font-size: .9rem; }
.alta-resumen dd[b-fpfn9qlg69] { margin: 0; font-weight: 700; overflow-wrap: anywhere; }

.alta-resumen dl button[b-fpfn9qlg69] {
    border: 0;
    background: transparent;
    color: var(--bc-accent-text);
    font: 700 .85rem var(--bc-font-body);
    cursor: pointer;
    padding: 6px;
}

.alta-resumen-vista[b-fpfn9qlg69] { padding-top: 6px; }
.alta-resumen-vista[b-fpfn9qlg69]  .vp-telefono { width: 260px; }

@media (max-width: 860px) {
    .alta-cuenta-grilla[b-fpfn9qlg69] { grid-template-columns: minmax(0, 1fr); gap: 28px; }
    .alta-resumen[b-fpfn9qlg69] { order: -1; }
    .alta-resumen-vista[b-fpfn9qlg69] { display: none; }
}

/* ---------- Listo ---------- */

.alta-listo[b-fpfn9qlg69] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 48px;
    align-items: center;
    padding-top: 20px;
}

.alta-listo-texto[b-fpfn9qlg69] {
    display: grid;
    gap: 18px;
    max-width: 560px;
}

.alta-url-final[b-fpfn9qlg69] {
    display: grid;
    gap: 4px;
    padding: 16px 18px;
    border-radius: 14px;
    border: 1px solid var(--bc-line);
    background: var(--bc-surface);
}

.alta-url-final span[b-fpfn9qlg69] { font-size: .8rem; color: var(--bc-text-muted); }
.alta-url-final a[b-fpfn9qlg69] { font-size: 1.15rem; font-weight: 800; color: var(--bc-accent-text); overflow-wrap: anywhere; }

.alta-acciones-final[b-fpfn9qlg69] { display: flex; flex-wrap: wrap; gap: 12px; }
.alta-listo .alta-chica[b-fpfn9qlg69] { text-align: left; }

@media (max-width: 860px) {
    .alta-listo[b-fpfn9qlg69] { grid-template-columns: minmax(0, 1fr); gap: 32px; }
    .alta-acciones-final .alta-btn[b-fpfn9qlg69] { flex: 1 1 200px; }
}

@media (prefers-reduced-motion: reduce) {
    .alta-btn-poste[b-fpfn9qlg69]::after { animation: none; }
    .alta-progreso span[b-fpfn9qlg69] { transition: none; }
}