@font-face {
    font-family: "Manrope";
    src: url("/static/fonts/Manrope-Variable.ttf") format("truetype");
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
}

:root {
    --brand:#111827;
    --brand-deep:#090e17;
    --accent:#c8dbff;
    --paper:#f5f6f8;
    --ink:#18212f;
    --muted:#647084;
    --line:#e1e5ec;
    --bs-body-font-family:"Manrope",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    --bs-body-color:var(--ink);
    --bs-primary:#111827;
    --bs-border-color:var(--line);
}

* {
    box-sizing:border-box;
}

html {
    scroll-behavior:smooth;
    scroll-padding-top:95px;
}

body {
    margin:0;
    min-height:100vh;
    background:var(--paper);
    font-size:14px;
    line-height:1.55;
}

h1,h2,h3,h4 {
    font-weight:700;
    letter-spacing:-.035em;
}

h1 {
    font-size:clamp(1.8rem,3vw,2.4rem);
    line-height:1.15;
}

a {
    color:var(--brand);
    text-underline-offset:4px;
}

button,input,select,textarea {
    font:inherit;
}

button,a,input,select,textarea {
    touch-action:manipulation;
}

img {
    max-width:100%;
}

[hidden] {
    display:none!important;
}

:focus-visible {
    outline:3px solid #6f91c6!important;
    outline-offset:4px;
}

.icon {
    width:22px;
    height:22px;
    flex-shrink:0;
    vertical-align:middle;
}

.skip-link {
    position:fixed;
    top:-100px;
    left:16px;
    background:var(--accent);
    padding:12px;
    z-index:1000;
}

.skip-link:focus {
    top:12px;
}

.eyebrow {
    font-size:10px;
    font-weight:800;
    letter-spacing:.16em;
    color:var(--muted);
    margin-bottom:10px;
}

.text-muted {
    color:var(--muted)!important;
}

.h5 {
    font-size:1.15rem;
}

.h6 {
    font-size:1rem;
}

.small {
    font-size:.8rem;
}

.btn {
    border-radius:10px;
    font-weight:650;
    font-size:.85rem;
    min-height:44px;
    padding:10px 17px;
    display:inline-flex;
    gap:9px;
    align-items:center;
    justify-content:center;
    white-space:normal;
}

.btn-primary {
    --bs-btn-bg:var(--brand);
    --bs-btn-border-color:var(--brand);
    --bs-btn-hover-bg:#29364b;
    --bs-btn-hover-border-color:#29364b;
    --bs-btn-active-bg:var(--brand-deep);
    --bs-btn-active-border-color:var(--brand-deep);
    --bs-btn-disabled-bg:var(--brand);
    --bs-btn-disabled-border-color:var(--brand);
}

.btn-outline-primary {
    --bs-btn-color:var(--brand);
    --bs-btn-border-color:#cbd2dd;
    --bs-btn-hover-bg:var(--brand);
    --bs-btn-hover-border-color:var(--brand);
    --bs-btn-active-bg:var(--brand);
    --bs-btn-active-border-color:var(--brand);
    --bs-btn-disabled-color:var(--muted);
    --bs-btn-disabled-border-color:var(--line);
}

.btn-sm {
    min-height:40px;
    padding:8px 12px;
    font-size:.76rem;
}

.btn-quiet {
    color:var(--muted);
    padding:8px 4px;
    min-height:44px;
}

.btn-quiet:hover {
    color:var(--brand);
}

.btn:disabled {
    opacity:.45;
}

.btn-outline-warning {
    --bs-btn-color:#8e5706;
    --bs-btn-border-color:#debc82;
    --bs-btn-hover-bg:#f9e8be;
    --bs-btn-hover-color:#734405;
}

.btn-outline-danger {
    --bs-btn-color:#b5453e;
    --bs-btn-border-color:#edc8c4;
    --bs-btn-hover-bg:#b5453e;
    --bs-btn-hover-border-color:#b5453e;
}

.btn-outline-secondary {
    --bs-btn-border-color:#d3d9e1;
    --bs-btn-color:var(--ink);
}

.form-control,.form-select {
    min-height:48px;
    border-radius:10px;
    font-size:.9rem;
    border-color:#d9dfe7;
    padding:11px 13px;
    max-width:100%;
}

.form-control:focus,.form-select:focus {
    border-color:#607ba8;
    box-shadow:0 0 0 3px #c8dbff55;
}

.form-label {
    font-size:.79rem;
    font-weight:650;
    margin-bottom:8px;
}

.input-group-text {
    background:#eef1f6;
    border-color:#d9dfe7;
    border-radius:10px;
}

.form-control[readonly] {
    background:#fff;
    font-weight:700;
}

.form-select-sm {
    min-height:40px;
    font-size:.76rem;
}

.card {
    border:1px solid var(--line);
    border-radius:18px;
    box-shadow:none!important;
    overflow:hidden;
}

.card-body {
    padding:26px;
    min-width:0;
}

.alert {
    border-radius:12px;
    font-size:.88rem;
    overflow-wrap:anywhere;
}

.alert-success {
    background:#e9f3e5;
    border-color:#cdddbe;
    color:#285330;
}

.alert-light {
    background:#f7f8fb;
}

.badge {
    padding:7px 10px;
    border-radius:7px;
    font-weight:650;
    font-size:11px;
    letter-spacing:.01em;
}

.text-bg-success {
    background:#e8f1df!important;
    color:#3a5e2b!important;
}

.text-bg-primary {
    background:#e7edf8!important;
    color:#2f4d7c!important;
}

.text-bg-warning {
    background:#fff1d0!important;
    color:#896211!important;
}

.text-bg-info {
    background:#e5eff7!important;
    color:#345f80!important;
}

.text-bg-danger {
    background:#fbe9e5!important;
    color:#a43e35!important;
}

.text-bg-secondary {
    background:#eef0f4!important;
    color:#667080!important;
}

.bg-primary {
    background-color:var(--brand)!important;
}

.bg-success {
    background-color:#a7c872!important;
}

.list-group-item {
    background:transparent;
    border-color:var(--line);
}

/* Marco de la aplicación */
.app-sidebar {
    position:fixed;
    inset:0 auto 0 0;
    width:232px;
    background:#fff;
    border-right:1px solid var(--line);
    padding:34px 22px;
    z-index:50;
    display:flex;
    flex-direction:column;
}

.brand {
    display:flex;
    align-items:center;
    gap:11px;
    color:var(--brand);
    text-decoration:none;
    font-size:32px;
    font-weight:700;
    letter-spacing:-1.3px;
    line-height:1;
}

.brand>.icon {
    width:36px;
    height:36px;
    stroke-width:1.8;
}

.brand-dot {
    color:#516f9f;
}

.brand small {
    display:block;
    font-size:8px;
    letter-spacing:.14em;
    font-weight:700;
    margin-top:11px;
}

.nav-caption {
    font-size:9px;
    letter-spacing:.14em;
    color:#7c8797;
    font-weight:700;
    margin:57px 12px 16px;
}

.app-nav {
    display:flex;
    gap:8px;
    flex-direction:column;
}

.app-nav a {
    display:flex;
    gap:14px;
    align-items:center;
    padding:14px 16px;
    border-radius:12px;
    text-decoration:none;
    font-size:13px;
    font-weight:600;
    color:#667388;
    min-height:50px;
}

.app-nav a:hover {
    background:#edf1f7;
    color:var(--brand);
}

.app-nav a.active {
    background:var(--brand);
    color:var(--accent);
}

.sidebar-note {
    display:flex;
    align-items:center;
    gap:11px;
    margin-top:auto;
    padding:20px 10px 0;
    color:var(--brand);
    font-size:12px;
    font-weight:650;
}

.sidebar-note small {
    display:block;
    color:var(--muted);
    font-size:10px;
    margin-top:3px;
}

.app-layout {
    margin-left:232px;
    min-width:0;
}

.app-topbar {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:20px 38px;
    background:#fff;
    border-bottom:1px solid var(--line);
    min-height:84px;
}

.location-label {
    display:flex;
    align-items:center;
    gap:9px;
    font-weight:600;
    font-size:12px;
}

.location-label .icon {
    width:17px;
}

.account-actions {
    display:flex;
    align-items:center;
    gap:24px;
}

.role-chip {
    border:1px solid var(--line);
    border-radius:100px;
    padding:6px 13px;
    font-size:11px;
    color:var(--muted);
}

.mobile-brand {
    display:none;
    text-decoration:none;
    font-weight:700;
    letter-spacing:-1px;
    font-size:27px;
    color:var(--brand);
}

.mobile-brand span {
    color:#516f9f;
}

.app-main {
    max-width:1440px;
    margin:auto;
    padding:36px 38px 20px;
    min-width:0;
}

.page-heading {
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:16px;
    margin-bottom:28px;
}

.page-heading h1 {
    margin:0;
}

.time-note {
    font-size:10px;
    color:var(--muted);
    padding-bottom:5px;
    white-space:nowrap;
}

.view-section {
    min-width:0;
}

.app-footer {
    display:flex;
    justify-content:space-between;
    gap:12px;
    padding:28px 0 12px;
    color:var(--muted);
    font-size:10px;
}

.app-footer>span:first-child {
    font-weight:650;
    color:var(--brand);
}

/* Pedido y catálogo */
.order-hero {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    border-radius:20px;
    background:var(--brand);
    color:#fff;
    padding:32px 35px;
    margin-bottom:24px;
    min-height:220px;
    overflow:hidden;
}

.story-label {
    font-size:9px;
    font-weight:700;
    letter-spacing:.15em;
    color:var(--accent);
}

.order-hero h2 {
    font-size:clamp(1.6rem,2.8vw,2.4rem);
    margin:14px 0 9px;
    max-width:370px;
    line-height:1.1;
}

.order-hero p {
    font-size:12px;
    color:#cbd5e5;
    margin-bottom:20px;
}

.hero-location {
    font-size:10px;
    color:var(--accent);
    display:inline-block;
    border:1px solid #9eb9e24d;
    border-radius:30px;
    padding:5px 10px;
}

.hero-art {
    width:36%;
    max-width:300px;
    flex-shrink:0;
}

.order-summary {
    background:#f1f4fa;
    border-style:dashed;
    border-color:#ced9e8;
    border-radius:12px;
}

.order-summary .card-body {
    padding:20px;
}

#productosLista article {
    background:#fff;
    border-radius:12px;
}

#productosLista article .card-body {
    padding:20px;
}

#productosLista .cantidad-btn {
    width:40px;
    height:40px;
    padding:0;
    border-radius:50%;
    font-size:20px;
}

#productosLista .cantidad-valor {
    min-width:24px;
    text-align:center;
    font-weight:700;
}

#productosLista h4 {
    line-height:1.4;
}

#pedidoForm {
    margin-top:6px;
}

#crearPedidoBtn {
    min-height:48px;
}

.form-select.asignar-select {
    min-width:145px;
    max-width:220px;
}

#detallePedidoBox {
    padding:20px;
    background:#f0f4fa;
    border:1px solid #d2ddec!important;
}

#detallePedidoBox h3 {
    font-weight:650;
}

#detallePedidoBox>.d-flex {
    flex-wrap:wrap;
}

#detallePedidoBox:empty {
    display:none;
}

.table-responsive {
    max-width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
}

.table {
    font-size:12px;
    --bs-table-bg:transparent;
    --bs-table-border-color:#e5e9ef;
}

.table th {
    color:var(--muted);
    font-size:10px;
    font-weight:650;
    text-transform:uppercase;
    letter-spacing:.04em;
    padding:13px 12px;
    background:#f5f7fa;
    white-space:nowrap;
}

.table td {
    padding:17px 12px;
    vertical-align:middle;
}

.table td:nth-child(1) {
    font-weight:700;
    color:var(--brand);
}

.data-table {
    min-width:760px;
    margin-bottom:0;
}

.data-table td {
    max-width:250px;
    overflow-wrap:anywhere;
}

.data-table td:last-child {
    min-width:150px;
}

#pedidosBody td:nth-last-child(2) .small {
    font-size:9px;
}

.empty-cell {
    padding:28px!important;
    text-align:center!important;
    color:var(--muted);
}

/* Acceso */
.auth-shell {
    display:grid;
    grid-template-columns:1fr 1fr;
    min-height:100svh;
}

.auth-story {
    background:var(--brand);
    padding:45px clamp(30px,5vw,80px);
    color:#fff;
    display:flex;
    flex-direction:column;
}

.auth-story .brand {
    color:#fff;
}

.auth-story .brand>.icon {
    color:var(--accent);
}

.auth-story .brand-dot {
    color:var(--accent);
}

.auth-story .brand small {
    color:#aebbd0;
}

.auth-story-copy {
    margin:auto 0;
    max-width:510px;
    padding:60px 0 0;
}

.auth-story h2 {
    font-size:clamp(2.7rem,4.8vw,4.7rem);
    line-height:1.07;
    letter-spacing:-.045em;
    margin:24px 0;
}

.auth-story h2 span {
    color:var(--accent);
}

.auth-story p {
    font-size:14px;
    max-width:320px;
    line-height:1.8;
    color:#bdc9dc;
}

.delivery-art {
    width:100%;
    max-width:440px;
    margin:22px 0;
}

.story-bottom {
    display:flex;
    gap:9px;
    align-items:center;
    font-size:11px;
    color:#c5d1e3;
    margin-top:20px;
}

.story-bottom .icon {
    width:17px;
}

.auth-form-panel {
    display:flex;
    align-items:center;
    justify-content:center;
    padding:50px 40px;
    background:#fbfcfe;
}

.auth-form-wrap {
    width:100%;
    max-width:370px;
}

.auth-form-wrap h1 {
    font-size:2.2rem;
    line-height:1.15;
    margin-bottom:12px;
}

.auth-form-wrap .eyebrow {
    color:#5875a1;
    margin-bottom:15px;
}

.auth-subtitle {
    color:var(--muted);
    font-size:13px;
    margin-bottom:32px;
    line-height:1.7;
}

.auth-form-wrap form>.mb-3 {
    margin-bottom:22px!important;
}

.auth-form-wrap .btn-primary {
    min-height:50px;
    margin-top:5px;
}

.auth-links {
    display:flex;
    justify-content:space-between;
    gap:18px;
    flex-wrap:wrap;
    margin-top:24px;
    font-size:11px;
}

.auth-form-wrap .text-center.mt-3 {
    font-size:12px;
    padding-top:8px;
}

.auth-footnote {
    margin:38px 0 0;
    padding-top:22px;
    border-top:1px solid var(--line);
    font-size:10px;
    color:#7b8799;
}

@media(min-width:1500px) {
    .app-main {
        padding-top:45px;
    }
    .card-body {
        padding:30px;
    }
}

@media(max-width:1100px) {
    .app-sidebar {
        width:200px;
        padding:30px 15px;
    }
    .app-layout {
        margin-left:200px;
    }
    .app-main {
        padding:30px 24px 18px;
    }
    .app-topbar {
        padding:17px 24px;
    }
    .time-note {
        display:none;
    }
    .order-hero {
        padding:28px;
    }
    .card-body {
        padding:22px;
    }
}

@media(max-width:1023.98px) {
    body {
        font-size:14px;
    }
    .app-sidebar {
        position:fixed;
        inset:auto 0 0;
        width:100%;
        height:calc(72px + env(safe-area-inset-bottom));
        padding:7px 8px calc(7px + env(safe-area-inset-bottom));
        border:0;
        border-top:1px solid var(--line);
        background:#fff;
        box-shadow:0 -3px 18px #11182707;
    }
    .app-sidebar>.brand,.nav-caption,.sidebar-note {
        display:none;
    }
    .app-nav {
        flex-direction:row;
        gap:4px;
        justify-content:space-around;
        height:100%;
    }
    .app-nav a {
        flex:1;
        flex-direction:column;
        gap:4px;
        font-size:10px;
        min-height:54px;
        padding:7px 4px;
        border-radius:12px;
        justify-content:center;
        max-width:140px;
    }
    .app-nav a .icon {
        width:21px;
        height:21px;
    }
    .app-nav a.active {
        background:#eaf0fa;
        color:var(--brand);
    }
    .app-layout {
        margin-left:0;
        padding-bottom:calc(78px + env(safe-area-inset-bottom));
    }
    .app-topbar {
        position:sticky;
        top:0;
        z-index:40;
        min-height:70px;
        padding:12px 18px;
    }
    .mobile-brand {
        display:block;
    }
    .location-label {
        display:none;
    }
    .account-actions {
        gap:12px;
    }
    .role-chip {
        font-size:10px;
        padding:5px 9px;
    }
    .btn-quiet {
        font-size:11px;
    }
    .btn-quiet .icon {
        width:16px;
    }
    .app-main {
        padding:26px 16px 16px;
    }
    .page-heading {
        margin-bottom:23px;
    }
    .page-heading h1 {
        font-size:1.8rem;
    }
    .eyebrow {
        font-size:8px;
        letter-spacing:.13em;
    }
    .order-hero {
        padding:24px;
        min-height:190px;
        border-radius:18px;
        position:relative;
    }
    .order-hero>div {
        position:relative;
        z-index:1;
        max-width:75%;
    }
    .order-hero h2 {
        font-size:1.8rem;
        max-width:240px;
        margin-top:12px;
    }
    .order-hero p {
        max-width:190px;
        font-size:11px;
    }
    .hero-art {
        position:absolute;
        width:175px;
        right:-45px;
        bottom:10px;
        opacity:.48;
    }
    .story-label {
        font-size:8px;
    }
    .card-body {
        padding:19px;
    }
    .view-section .card>.card-body>.d-flex {
        flex-wrap:wrap;
        gap:12px;
    }
    .card-body h2 {
        font-size:1.05rem;
    }
    .app-footer {
        font-size:9px;
        align-items:center;
        flex-wrap:wrap;
    }
    .app-footer>span:last-child {
        display:none;
    }
    .form-control,.form-select {
        font-size:16px;
    }
    .form-select-sm {
        font-size:13px;
    }
    .form-label {
        font-size:12px;
    }
    .data-table {
        display:block;
        min-width:0;
        width:100%;
    }
    .data-table thead {
        display:none;
    }
    .data-table tbody {
        display:grid;
        gap:14px;
        width:100%;
    }
    .data-table tr {
        display:block;
        border:1px solid var(--line);
        border-radius:13px;
        background:#fff;
        padding:8px 15px;
        width:100%;
        box-shadow:0 2px 3px #090e1703;
    }
    .data-table td {
        display:grid;
        grid-template-columns:85px minmax(0,1fr);
        gap:12px;
        max-width:none!important;
        min-width:0!important;
        padding:10px 0;
        border:0;
        font-size:12px;
        align-items:center;
        overflow-wrap:anywhere;
    }
    .data-table td::before {
        content:attr(data-label);
        font-size:10px;
        color:var(--muted);
        font-weight:500;
    }
    .data-table td:first-child {
        font-size:15px;
        border-bottom:1px solid var(--line);
        margin-bottom:4px;
    }
    .data-table td:last-child {
        border-top:1px solid var(--line);
        padding-top:13px;
        padding-bottom:10px;
    }
    .data-table .empty-cell {
        display:block!important;
        border:none!important;
        font-size:12px!important;
    }
    .empty-cell::before {
        display:none;
    }
    .data-table td .btn {
        font-size:11px;
        min-height:44px;
    }
    .data-table td .form-select {
        max-width:100%;
        min-width:0;
    }
    #pedidosBody td .d-flex {
        min-width:0;
        flex-wrap:wrap;
    }
    #pedidosBody td .d-flex .small {
        font-size:8px;
    }
    #detallePedidoBox {
        padding:15px;
    }
    .table-sm {
        min-width:380px;
    }
    #detallePedidoBox .h6 {
        font-size:14px;
    }
    #detallePedidoBox strong {
        font-size:13px;
    }
    .auth-shell {
        display:block;
        min-height:100svh;
    }
    .auth-story {
        display:none;
    }
    .auth-form-panel {
        min-height:100svh;
        padding:32px 24px;
        background:var(--paper);
    }
    .auth-form-wrap {
        max-width:420px;
    }
    .auth-form-wrap>.mobile-brand {
        margin-bottom:58px;
        font-size:32px;
    }
    .auth-form-wrap h1 {
        font-size:2rem;
    }
    .auth-subtitle {
        margin-bottom:28px;
    }
    .auth-links {
        font-size:12px;
    }
    .auth-footnote {
        margin-top:32px;
    }
    .auth-form-wrap .form-control {
        background:#fff;
    }
    .auth-form-wrap form>.mb-3 {
        margin-bottom:20px!important;
    }
}

@media(prefers-reduced-motion:reduce) {
    html {
        scroll-behavior:auto;
    }
    *,*::before,*::after {
        transition:none!important;
        animation:none!important;
    }
}

#viewTitle:focus {
    outline:none!important;
}

@media(max-width:1023.98px) {
    .data-table td[data-label="Seguimiento"] {
        display:block;
    }
    .data-table td[data-label="Seguimiento"]::before {
        display:block;
        margin-bottom:10px;
    }
    .data-table td[data-label="Seguimiento"]>.d-flex {
        flex-wrap:nowrap!important;
    }
    .data-table td[data-label="Seguimiento"]>.d-flex:last-child {
        margin-top:8px;
    }
    .data-table td[data-label="Seguimiento"]>.d-flex .small {
        font-size:9px!important;
    }
}
/* Mantener identificadores, importes y fechas legibles en las tablas. */
.data-table td[data-label="ID"],
.data-table td[data-label="Total"],
.data-table td[data-label="Fecha"],
.data-table td[data-label="Fecha registro"] {
    overflow-wrap: normal;
    word-break: normal;
}
.data-table td[data-label="ID"],
.data-table td[data-label="Total"] {
    white-space: nowrap;
}
#detallePedidoBox:focus {
    outline: none !important;
}
@media (max-width: 1023.98px) {
    .detail-table,
    .detail-table tbody,
    .detail-table tr {
        display: block;
        width: 100%;
        min-width: 0;
    }
    .detail-table thead {
        display: none;
    }
    .detail-table tr + tr {
        border-top: 1px solid var(--line);
        margin-top: 10px;
        padding-top: 10px;
    }
    .detail-table td {
        display: grid;
        grid-template-columns: 110px minmax(0, 1fr);
        gap: 10px;
        padding: 7px 0;
        border: 0;
        overflow-wrap: anywhere;
        font-size: 12px;
    }
    .detail-table td::before {
        content: attr(data-label);
        font-weight: 500;
        color: var(--muted);
        font-size: 10px;
    }
}
/* Avisos y operación de tienda/entrega */
.avisos-panel{position:fixed;top:78px;right:22px;width:420px;max-width:calc(100vw - 24px);max-height:80svh;overflow:auto;z-index:90;background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 18px 55px #11182725}
.aviso-item{display:block;text-align:left;width:100%;padding:15px;border:1px solid var(--line);border-radius:10px;background:#fff;margin:10px 0;color:var(--ink)}
.aviso-item strong,.aviso-item span,.aviso-item small{display:block;overflow-wrap:anywhere}.aviso-item span{font-size:12px;margin:5px 0}.aviso-item small{font-size:10px;color:var(--muted)}.aviso-item.sin-leer{border-left:4px solid #5875a1;background:#f3f6fc}
.accion-dialog{width:640px;max-width:calc(100vw - 24px);max-height:85svh;border:0;border-radius:20px;padding:26px;color:var(--ink);box-shadow:0 24px 100px #11182745}.accion-dialog::backdrop{background:#0a1024a6}.accion-dialog form{min-width:0}.accion-dialog #accionContenido{overflow-wrap:anywhere}
.ruta-card{background:#f5f7fb;border:1px solid var(--line);border-radius:12px;padding:18px;margin:12px 0;text-align:left}.ruta-card>div{padding:8px 0}.ruta-card strong,.ruta-card small{display:block;overflow-wrap:anywhere}.ruta-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:5px}.ruta-distance span{display:block;font-size:11px;color:var(--muted)}.ruta-card a{font-size:12px}.pedido-cards{display:grid;gap:18px;margin-top:18px}.pedido-operacion{padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff;min-width:0}.punto-editor summary{font-size:12px;color:var(--muted);cursor:pointer}.punto-editor details[open]{margin-top:10px}.punto-editor a{font-size:12px}.punto-editor [data-geo-status]{overflow-wrap:anywhere}
@media(max-width:575.98px){.account-actions{gap:7px}.account-actions .role-chip{display:none}.avisos-toggle{font-size:11px}.avisos-panel{left:12px;right:12px;top:74px;width:auto;padding:16px;max-height:calc(100svh - 155px)}.accion-dialog{padding:20px}.pedido-operacion{padding:16px}.ruta-card{padding:14px}}