[data-mockup-id=portal-clientes-1-documentos] .pc1-app{background:var(--tm-bg);width:100%;height:100%;font-size:13px;display:flex;position:relative;overflow:hidden}[data-mockup-id=portal-clientes-1-documentos] .pc1-sidebar{background:var(--tm-sidebar);width:232px;color:var(--tm-sidebar-fg);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}[data-mockup-id=portal-clientes-1-documentos] .pc1-sidebar-head{flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 16px;display:flex}[data-mockup-id=portal-clientes-1-documentos] .pc1-sidebar-trigger{color:#ffffff8c;width:16px;height:16px}[data-mockup-id=portal-clientes-1-documentos] .pc1-sidebar-sep{background:#ffffff1f;flex-shrink:0;height:1px}[data-mockup-id=portal-clientes-1-documentos] .pc1-sidebar-label{letter-spacing:.08em;text-transform:uppercase;color:#ffffff80;flex-shrink:0;padding:12px 16px 10px;font-size:10.5px;font-weight:600}[data-mockup-id=portal-clientes-1-documentos] .pc1-sidebar-nav{flex-direction:column;flex:1;gap:2px;min-height:0;padding:0 8px;display:flex}[data-mockup-id=portal-clientes-1-documentos] .pc1-nav-item{color:#ffffffd9;white-space:nowrap;border-radius:6px;align-items:center;gap:9px;height:32px;padding:0 10px;font-size:13px;display:flex}[data-mockup-id=portal-clientes-1-documentos] .pc1-nav-item svg{opacity:.9;flex-shrink:0;width:16px;height:16px}[data-mockup-id=portal-clientes-1-documentos] .pc1-sidebar-foot{flex-shrink:0}[data-mockup-id=portal-clientes-1-documentos] .pc1-user{align-items:center;gap:8px;height:48px;padding:0 12px;display:flex}[data-mockup-id=portal-clientes-1-documentos] .pc1-user>svg{color:#fff6;flex-shrink:0;width:13px;height:13px}[data-mockup-id=portal-clientes-1-documentos] .pc1-user-avatar{background:var(--tm-primary);color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:10px;font-weight:600;display:flex}[data-mockup-id=portal-clientes-1-documentos] .pc1-user-meta{flex-direction:column;flex:1;min-width:0;display:flex}[data-mockup-id=portal-clientes-1-documentos] .pc1-user-name{color:#ffffffeb;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}[data-mockup-id=portal-clientes-1-documentos] .pc1-user-mail{color:#ffffff80;white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}[data-mockup-id=portal-clientes-1-documentos] .pc1-main{background:var(--tm-bg);flex-direction:column;flex:1;min-width:0;display:flex}[data-mockup-id=portal-clientes-1-documentos] .pc1-topbar{border-bottom:1px solid color-mix(in oklab, var(--tm-border) 60%, transparent);flex-shrink:0;align-items:center;height:52px;padding:0 16px;font-size:13px;font-weight:500;display:flex}[data-mockup-id=portal-clientes-1-documentos] .pc1-content{flex-direction:column;flex:1;gap:14px;min-height:0;padding:16px;display:flex;position:relative;overflow:hidden}[data-mockup-id=portal-clientes-1-documentos] .pc1-title{font-size:20px;font-weight:600}[data-mockup-id=portal-clientes-1-documentos] .pc1-subtitle{color:var(--tm-muted-fg);margin-top:2px;font-size:12.5px}[data-mockup-id=portal-clientes-1-documentos] .pc1-toolbar{align-items:center;gap:8px;display:flex}[data-mockup-id=portal-clientes-1-documentos] .pc1-search{border:1px solid color-mix(in oklab, var(--tm-border) 50%, transparent);background:var(--tm-card);width:210px;height:32px;color:var(--tm-muted-fg);border-radius:6px;align-items:center;gap:6px;padding:0 10px;font-size:12.5px;display:flex}[data-mockup-id=portal-clientes-1-documentos] .pc1-search svg{width:14px;height:14px}[data-mockup-id=portal-clientes-1-documentos] .pc1-proyecto-trigger{border:1px solid color-mix(in oklab, var(--tm-border) 50%, transparent);background:var(--tm-card);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;width:220px;height:32px;padding:0 10px;font-size:12.5px;font-weight:500;display:flex}[data-mockup-id=portal-clientes-1-documentos] .pc1-trigger-icon{opacity:.5;flex-shrink:0;width:14px;height:14px}[data-mockup-id=portal-clientes-1-documentos] .pc1-table-card{max-width:470px}[data-mockup-id=portal-clientes-1-documentos] .pc1-table th,[data-mockup-id=portal-clientes-1-documentos] .pc1-table td{padding:8px 5px;font-size:12px}[data-mockup-id=portal-clientes-1-documentos] .pc1-table th:first-child,[data-mockup-id=portal-clientes-1-documentos] .pc1-table td:first-child{padding-left:12px}[data-mockup-id=portal-clientes-1-documentos] .pc1-num{font-weight:500}[data-mockup-id=portal-clientes-1-documentos] .pc1-table tr.is-open td{background:color-mix(in oklab, var(--tm-muted) 50%, transparent)}[data-mockup-id=portal-clientes-1-documentos] .pc1-estado{background:var(--tm-muted);color:var(--tm-fg);white-space:nowrap;border-radius:999px;align-items:center;padding:2px 6px;font-size:10.5px;font-weight:500;display:inline-flex}[data-mockup-id=portal-clientes-1-documentos] .pc1-eye{color:var(--tm-muted-fg)}[data-mockup-id=portal-clientes-1-documentos] .pc1-eye svg{width:14px;height:14px}[data-mockup-id=portal-clientes-1-documentos] .pc1-pagination{color:var(--tm-muted-fg);font-size:11.5px}[data-mockup-id=portal-clientes-1-documentos] .pc1-dialog{border:1px solid color-mix(in oklab, var(--tm-border) 70%, transparent);background:var(--tm-card);z-index:5;border-radius:10px;flex-direction:column;width:426px;height:508px;display:flex;position:absolute;top:40px;right:16px;overflow:hidden;box-shadow:0 32px 64px -16px #10182842,0 12px 24px -12px #10182824}[data-mockup-id=portal-clientes-1-documentos] .pc1-dialog-head{border-bottom:1px solid color-mix(in oklab, var(--tm-border) 40%, transparent);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}[data-mockup-id=portal-clientes-1-documentos] .pc1-dialog-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}[data-mockup-id=portal-clientes-1-documentos] .pc1-dialog-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}[data-mockup-id=portal-clientes-1-documentos] .pc1-btn-download{background:var(--tm-primary);height:30px;color:var(--tm-primary-fg);border-radius:6px;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:500;display:inline-flex}[data-mockup-id=portal-clientes-1-documentos] .pc1-btn-download svg{width:14px;height:14px}[data-mockup-id=portal-clientes-1-documentos] .pc1-dialog-x{width:15px;height:15px;color:var(--tm-muted-fg)}[data-mockup-id=portal-clientes-1-documentos] .pc1-dialog-body{flex:1;min-height:0;display:flex}[data-mockup-id=portal-clientes-1-documentos] .pc1-pdf-area{background:color-mix(in oklab, var(--tm-muted) 45%, transparent);flex:1;justify-content:center;min-width:0;padding:14px 14px 0;display:flex;overflow:hidden}[data-mockup-id=portal-clientes-1-documentos] .pc1-pdf-page{border:1px solid color-mix(in oklab, var(--tm-border) 40%, transparent);color:#1f2937;background:#fff;border-bottom:none;border-radius:3px 3px 0 0;width:232px;height:100%;padding:16px;font-size:10px;box-shadow:0 6px 18px -8px #10182829}[data-mockup-id=portal-clientes-1-documentos] .pc1-pdf-head{justify-content:space-between;gap:12px;display:flex}[data-mockup-id=portal-clientes-1-documentos] .pc1-pdf-emisor{font-size:11.5px;font-weight:700}[data-mockup-id=portal-clientes-1-documentos] .pc1-pdf-small{color:#6b7280;margin-top:2px;font-size:8px}[data-mockup-id=portal-clientes-1-documentos] .pc1-pdf-tipo{text-align:right;flex-shrink:0}[data-mockup-id=portal-clientes-1-documentos] .pc1-pdf-factura{letter-spacing:.12em;font-size:12px;font-weight:700}[data-mockup-id=portal-clientes-1-documentos] .pc1-pdf-num{color:#6b7280;margin-top:1px;font-size:10px}[data-mockup-id=portal-clientes-1-documentos] .pc1-pdf-cliente{border:1px solid #e5e7eb;border-radius:4px;margin-top:16px;padding:8px 10px}[data-mockup-id=portal-clientes-1-documentos] .pc1-pdf-label{text-transform:uppercase;letter-spacing:.06em;margin-top:0;font-size:7px}[data-mockup-id=portal-clientes-1-documentos] .pc1-pdf-cliente-nombre{margin-top:2px;font-size:10.5px;font-weight:600}[data-mockup-id=portal-clientes-1-documentos] .pc1-pdf-meta{color:#4b5563;flex-wrap:wrap;gap:4px 10px;margin-top:10px;font-size:8px;display:flex}[data-mockup-id=portal-clientes-1-documentos] .pc1-pdf-table{border-collapse:collapse;width:100%;margin-top:12px;font-size:9.5px}[data-mockup-id=portal-clientes-1-documentos] .pc1-pdf-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;border-bottom:1px solid #d1d5db;padding:4px 0;font-size:8px}[data-mockup-id=portal-clientes-1-documentos] .pc1-pdf-table td{border-bottom:1px solid #f3f4f6;padding:5px 0}[data-mockup-id=portal-clientes-1-documentos] .pc1-pdf-table .r{text-align:right;white-space:nowrap;padding-left:10px}[data-mockup-id=portal-clientes-1-documentos] .pc1-pdf-totales{color:#4b5563;width:150px;margin-top:10px;margin-left:auto;font-size:9px}[data-mockup-id=portal-clientes-1-documentos] .pc1-pdf-totales>div{justify-content:space-between;padding:2.5px 0;display:flex}[data-mockup-id=portal-clientes-1-documentos] .pc1-pdf-total{color:#111827;border-top:1px solid #d1d5db;margin-top:3px;font-size:10.5px;font-weight:700;padding-top:4px!important}[data-mockup-id=portal-clientes-1-documentos] .pc1-side{border-left:1px solid color-mix(in oklab, var(--tm-border) 50%, transparent);background:var(--tm-card);flex-direction:column;flex-shrink:0;gap:12px;width:164px;padding:16px 10px;display:flex}[data-mockup-id=portal-clientes-1-documentos] .pc1-side-row{justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}[data-mockup-id=portal-clientes-1-documentos] .pc1-side-row>span:first-child{flex-shrink:0;font-weight:500}[data-mockup-id=portal-clientes-1-documentos] .pc1-side-row b{font-weight:600}[data-mockup-id=portal-clientes-1-documentos] .pc1-side-value{color:var(--tm-muted-fg);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[data-mockup-id=portal-clientes-2-acceso] .pc2-wrap{align-items:center;gap:0;width:100%;max-width:930px;display:flex}[data-mockup-id=portal-clientes-2-acceso] .pc2-col{flex-direction:column;flex:0 0 568px;gap:10px;min-width:0;display:flex}[data-mockup-id=portal-clientes-2-acceso] .pc2-col-dialog{z-index:2;flex:0 0 380px;margin-top:108px;margin-left:-24px;position:relative}[data-mockup-id=portal-clientes-2-acceso] .pc2-caption{letter-spacing:.08em;text-transform:uppercase;color:var(--tm-muted-fg);padding-left:2px;font-size:11px;font-weight:600}[data-mockup-id=portal-clientes-2-acceso] .pc2-ficha{padding:20px}[data-mockup-id=portal-clientes-2-acceso] .pc2-ficha-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}[data-mockup-id=portal-clientes-2-acceso] .pc2-nombre{font-size:17px;font-weight:600;line-height:1.25}[data-mockup-id=portal-clientes-2-acceso] .pc2-nif{color:var(--tm-muted-fg);margin-top:2px;font-size:12px;display:block}[data-mockup-id=portal-clientes-2-acceso] .pc2-ficha-meta{color:var(--tm-muted-fg);grid-template-columns:1fr 1fr;gap:8px 18px;margin-top:12px;font-size:12.5px;display:grid}[data-mockup-id=portal-clientes-2-acceso] .pc2-ficha-meta>span{white-space:nowrap;align-items:center;gap:6px;min-width:0;display:inline-flex}[data-mockup-id=portal-clientes-2-acceso] .pc2-ficha-meta svg{flex-shrink:0;width:13px;height:13px}[data-mockup-id=portal-clientes-2-acceso] .pc2-obras{margin-top:14px}[data-mockup-id=portal-clientes-2-acceso] .pc2-obras-label{letter-spacing:.06em;text-transform:uppercase;color:var(--tm-muted-fg);font-size:11px;font-weight:600;display:block}[data-mockup-id=portal-clientes-2-acceso] .pc2-obras-chips{gap:8px;margin-top:7px;display:flex}[data-mockup-id=portal-clientes-2-acceso] .pc2-obra-chip{border:1px solid color-mix(in oklab, var(--tm-border) 50%, transparent);background:color-mix(in oklab, var(--tm-muted) 40%, transparent);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;height:26px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}[data-mockup-id=portal-clientes-2-acceso] .pc2-obra-chip svg{width:13px;height:13px;color:var(--tm-muted-fg)}[data-mockup-id=portal-clientes-2-acceso] .pc2-portal-block{border:1px solid color-mix(in oklab, var(--tm-border) 40%, transparent);border-radius:8px;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding:14px 16px;display:flex}[data-mockup-id=portal-clientes-2-acceso] .pc2-portal-title{font-size:13px;font-weight:500;display:block}[data-mockup-id=portal-clientes-2-acceso] .pc2-portal-desc{color:var(--tm-muted-fg);margin-top:2px;font-size:12px;display:block}[data-mockup-id=portal-clientes-2-acceso] .pc2-portal-state{flex-shrink:0;align-items:center;gap:10px;display:flex}[data-mockup-id=portal-clientes-2-acceso] .pc2-badge-vinculado{background:var(--tm-primary);color:#fff;border-radius:999px;align-items:center;padding:2px 9px;font-size:11px;font-weight:500;display:inline-flex}[data-mockup-id=portal-clientes-2-acceso] .pc2-switch{background:var(--tm-border);border-radius:999px;width:34px;height:19px;position:relative}[data-mockup-id=portal-clientes-2-acceso] .pc2-switch.is-on{background:var(--tm-primary)}[data-mockup-id=portal-clientes-2-acceso] .pc2-switch i{background:#fff;border-radius:50%;width:15px;height:15px;position:absolute;top:2px;right:2px}[data-mockup-id=portal-clientes-2-acceso] .pc2-switch-label{font-size:13px}[data-mockup-id=portal-clientes-2-acceso] .pc2-ultimo-acceso{color:var(--tm-muted-fg);align-items:center;gap:6px;margin-top:12px;font-size:12px;display:flex}[data-mockup-id=portal-clientes-2-acceso] .pc2-ultimo-acceso svg{width:13px;height:13px}[data-mockup-id=portal-clientes-2-acceso] .pc2-ultimo-acceso b{color:var(--tm-fg);font-weight:500}[data-mockup-id=portal-clientes-2-acceso] .pc2-actions{gap:8px;margin-top:14px;display:flex}[data-mockup-id=portal-clientes-2-acceso] .pc2-btn-outline{border:1px solid color-mix(in oklab, var(--tm-border) 60%, transparent);background:var(--tm-card);white-space:nowrap;border-radius:6px;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:12.5px;font-weight:500;display:inline-flex}[data-mockup-id=portal-clientes-2-acceso] .pc2-btn-outline svg{width:14px;height:14px}[data-mockup-id=portal-clientes-2-acceso] .pc2-btn-outline.is-destructive{color:var(--tm-red-600);border-color:color-mix(in oklab, var(--tm-red-600) 25%, transparent)}[data-mockup-id=portal-clientes-2-acceso] .pc2-historial-head{align-items:center;gap:7px;padding:12px 16px;font-size:13px;font-weight:600;display:flex}[data-mockup-id=portal-clientes-2-acceso] .pc2-historial-head svg{width:14px;height:14px;color:var(--tm-muted-fg)}[data-mockup-id=portal-clientes-2-acceso] .pc2-historial-head em{color:var(--tm-muted-fg);margin-left:auto;font-size:11px;font-style:normal;font-weight:400}[data-mockup-id=portal-clientes-2-acceso] .pc2-historial-row{border-top:1px solid color-mix(in oklab, var(--tm-border) 30%, transparent);grid-template-columns:158px 1fr 118px;align-items:center;gap:12px;padding:9px 16px;font-size:12px;display:grid}[data-mockup-id=portal-clientes-2-acceso] .pc2-historial-row.is-header{color:var(--tm-muted-fg);background:color-mix(in oklab, var(--tm-muted) 30%, transparent);border-top:none;padding:7px 16px;font-size:11px;font-weight:500}[data-mockup-id=portal-clientes-2-acceso] .pc2-device{color:var(--tm-muted-fg);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}[data-mockup-id=portal-clientes-2-acceso] .pc2-device svg{flex-shrink:0;width:13px;height:13px}[data-mockup-id=portal-clientes-2-acceso] .pc2-seccion{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[data-mockup-id=portal-clientes-2-acceso] .pc2-historial-foot{border-top:1px solid color-mix(in oklab, var(--tm-border) 30%, transparent);color:var(--tm-muted-fg);padding:8px 16px 10px;font-size:11px}[data-mockup-id=portal-clientes-2-acceso] .pc2-dialog{border:1px solid color-mix(in oklab, var(--tm-border) 60%, transparent);background:var(--tm-card);border-radius:10px;padding:22px;box-shadow:0 28px 56px -16px #1018283d,0 10px 20px -10px #1018281f}[data-mockup-id=portal-clientes-2-acceso] .pc2-dialog-title{font-size:15.5px;font-weight:600}[data-mockup-id=portal-clientes-2-acceso] .pc2-dialog-desc{color:var(--tm-muted-fg);margin-top:8px;font-size:13px;line-height:1.55}[data-mockup-id=portal-clientes-2-acceso] .pc2-dialog-desc b{color:var(--tm-fg);font-weight:600}[data-mockup-id=portal-clientes-2-acceso] .pc2-dialog-footer{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}[data-mockup-id=portal-clientes-2-acceso] .pc2-btn-cancel{border:1px solid color-mix(in oklab, var(--tm-border) 60%, transparent);background:var(--tm-card);border-radius:6px;align-items:center;height:34px;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}[data-mockup-id=portal-clientes-2-acceso] .pc2-btn-danger{background:var(--tm-red-600);color:#fff;border-radius:6px;align-items:center;gap:6px;height:34px;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}[data-mockup-id=portal-clientes-2-acceso] .pc2-btn-danger svg{width:14px;height:14px}