/* [2026-10-04] BuildGets ONE · navbar de ONE PDF (rojo) y ONE EXCEL (verde): barra sólida del color de la tarjeta,
   botones secundarios en cristal y descargas tintadas con icono de archivo (opción H9).
   Solo actúa con <nav class="navbar one-nav one-nav-pdf|one-nav-xls">; el resto de la página no cambia. */
.navbar.one-nav{--c:#DC2626;--d:#B91C1C;--i:#7F1D1D;--t:#FEE2E2}
.navbar.one-nav.one-nav-xls{--c:#10B981;--d:#047857;--i:#064E3B;--t:#D1FAE5}
.navbar.one-nav.one-nav-bc3{--c:#F97316;--d:#C2410C;--i:#7C2D12;--t:#FFF1E6}
/* [2026-10-12] Barra L3: la marca conserva el bloque de color de ONE (ancho del panel lateral, 299 px) y el resto
   de la barra es blanco, con una raya del color arriba y otra abajo. Por debajo de 1025 px la barra va en columna:
   el color pasa a una franja arriba con la marca (alturas medidas: marca de 41 px + relleno de la barra).
   El bloque mide 60 px de alto (más la raya de 4 px = los 64 px de la barra): si los botones bajan a una segunda
   línea (entre 1025 y ~1365 px), esa línea queda sobre blanco; el hueco entre líneas pasa a 12 px para no tocarlo. */
.navbar.one-nav{background:linear-gradient(90deg,var(--c) 0 299px,transparent 299px) 0 0/100% 60px no-repeat,#fff !important;border-bottom:0 !important;box-shadow:inset 0 4px 0 var(--c),inset 0 -4px 0 var(--c),0 4px 14px -8px rgba(15,23,42,.25) !important;backdrop-filter:none !important;color:#0f172a}
@media (max-width:1024px){.navbar.one-nav{background:linear-gradient(180deg,var(--c) 0 54px,#fff 54px) !important}}
@media (max-width:768px){.navbar.one-nav{background:linear-gradient(180deg,var(--c) 0 64px,#fff 64px) !important}}
/* [2026-10-12] Barra en columna (móvil y tableta): aire entre la franja de color y NUEVO/.bgt, y sin la raya vertical
   suelta tras Editar (en BC3 es un div con estilo en línea; en escritorio separa las descargas) */
@media (max-width:1024px){.navbar.one-nav .nav-file-actions{margin-top:12px}.navbar.one-nav .nav-actions > div[style*="border-left"]{display:none}}
@media (min-width:769px){.navbar.one-nav{padding:8px 22px !important;height:auto !important;min-height:64px;flex-wrap:wrap;row-gap:12px}.navbar.one-nav .nav-actions{flex-wrap:wrap;justify-content:flex-end}}   /* si no caben todos los botones, bajan de línea en vez de salirse de la pantalla */

/* marca: misma estructura en las tres páginas (en BC3 faltaba y el logo quedaba más bajo) */
.navbar.one-nav .bgw-logo{display:inline-flex;flex-direction:column;vertical-align:middle}
.navbar.one-nav .bgw-logo .l1{display:block}
/* La marca ocupa el ancho del panel izquierdo (300 px) y la raya que la separa de NUEVO queda justo sobre el borde del panel:
   22 de margen de la barra + 257 de marca + 15 de hueco + 5 de margen de la raya = 299, donde está el borde del panel. */
@media (min-width:769px){.navbar.one-nav .nav-brand-trigger{width:257px;flex:none;justify-content:center}}
/* marca */
.navbar.one-nav #logoIcon{color:#fff;display:inline-flex;align-items:center;font-size:0}
.navbar.one-nav #logoIcon svg{display:block}
.navbar.one-nav .bgw-logo{line-height:1;gap:3px}
.navbar.one-nav .bgw-logo .l1{font-size:.6rem;letter-spacing:.3em;color:#fff !important;margin:0}
.navbar.one-nav .bgw-logo .l2{font-size:1.6rem;letter-spacing:-.045em;display:flex;gap:.2em;align-items:baseline}
.navbar.one-nav .bgw-logo .l2 .o{color:#fff;text-shadow:.055em .055em 0 var(--i)}
.navbar.one-nav .bgw-logo .l2 .p{color:var(--t);text-shadow:.055em .055em 0 var(--i)}
.navbar.one-nav .desktop-sep{background:none !important;border-left:1px solid #e2e8f0 !important;height:28px !important}
.navbar.one-nav .nav-left-group > .desktop-sep{visibility:hidden}   /* la raya junto a la marca coincide con el borde del bloque de color */

/* botones de la barra: misma altura y letra */
.navbar.one-nav .btn,.navbar.one-nav .btn-myprojects,.navbar.one-nav .btn-bgt-save,.navbar.one-nav .bg-plan-pill{min-height:40px;box-sizing:border-box;border-radius:10px;font-size:.84rem;font-weight:800;display:inline-flex;align-items:center;gap:7px;padding:0 14px;letter-spacing:0;transform:none}
.navbar.one-nav .btn:hover,.navbar.one-nav .btn-myprojects:hover,.navbar.one-nav .btn-bgt-save:hover{transform:none;filter:brightness(.97)}
.navbar.one-nav .btn svg,.navbar.one-nav .btn-myprojects svg{flex:none}

/* [2026-10-12] Botones con su aspecto original sobre la barra blanca (opción L3) */
/* NUEVO: azul claro con borde azul */
.navbar.one-nav .btn.btn-primary{background:#eff6ff !important;color:#1e40af !important;border:1.5px solid #2563eb !important;box-shadow:none !important}
/* .bgt: el multicolor animado de siempre */
.navbar.one-nav .btn-bgt-save{background-image:linear-gradient(135deg,#3b82f6,#10b981,#f59e0b,#ef4444,#3b82f6) !important;background-size:400% 400% !important;animation:bgt-orbit 5s ease infinite !important;border:1.5px solid transparent !important;box-shadow:0 2px 10px rgba(59,130,246,.3) !important}
.navbar.one-nav .bgt-gradient-label{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25);font-family:inherit;font-size:.84rem}
@media (prefers-reduced-motion:reduce){.navbar.one-nav .btn-bgt-save{animation:none !important}}
/* Mis BuildGets y deshacer/rehacer: blancos con letra gris; Base Precios: blanco con letra violeta (violeta entero si está abierta) */
.navbar.one-nav .btn-myprojects,.navbar.one-nav .btn-undo-redo{background:#fff !important;color:#64748b !important;border:1.5px solid #e2e8f0 !important;box-shadow:none !important}
.navbar.one-nav .btn.btn-db{background:#fff !important;color:#8b5cf6 !important;border:1.5px solid #e2e8f0 !important;box-shadow:none !important}
.navbar.one-nav .btn.btn-db.active{background:#8b5cf6 !important;color:#fff !important;border-color:#8b5cf6 !important}
.navbar.one-nav .btn-myprojects:hover,.navbar.one-nav .btn-undo-redo:hover{border-color:#3b82f6 !important;color:#3b82f6 !important}
.navbar.one-nav .btn-undo-redo{min-height:40px;width:40px;padding:0;justify-content:center;font-size:.95rem}
/* insignia de plan gratuito: gris claro (la de pago sigue plateada, más abajo) */
.navbar.one-nav .bg-plan-pill{background:#f1f5f9;color:#475569;border:1.5px solid #cbd5e1;font-size:.78rem}
.navbar.one-nav .bg-plan-pill.agotado{background:#fef2f2;color:#b91c1c;border-color:#fecaca}
/* Edición */
.navbar.one-nav .toggle-edit,.navbar.one-nav .toggle-edit span{color:#334155 !important;font-weight:800;font-size:.84rem}

/* descargas: los colores fuertes de siempre, letra blanca, las cuatro del mismo tamaño */
.navbar.one-nav .btn.btn-bc3,.navbar.one-nav .btn.btn-doc,.navbar.one-nav .btn.btn-pdf,.navbar.one-nav .btn.btn-excel{width:112px !important;height:40px !important;padding:0 10px !important;gap:7px;justify-content:center;color:#fff !important}
.navbar.one-nav .btn.btn-bc3{background:#ff6b35 !important;border:1.5px solid #e0521f !important}
.navbar.one-nav .btn.btn-doc{background:#2196F3 !important;border:1.5px solid #1976d2 !important}
.navbar.one-nav .btn.btn-pdf{background:#ef4444 !important;border:1.5px solid #d62f2f !important}
.navbar.one-nav .btn.btn-excel{background:#10b981 !important;border:1.5px solid #0b9a6c !important}
.navbar.one-nav .btn.btn-bc3:hover,.navbar.one-nav .btn.btn-doc:hover,.navbar.one-nav .btn.btn-pdf:hover,.navbar.one-nav .btn.btn-excel:hover{box-shadow:none !important;transform:none !important;filter:brightness(1.08)}
.navbar.one-nav .pdf-dropdown-wrap .btn:hover{transform:none}
.navbar.one-nav .btn:focus-visible,.navbar.one-nav .btn-myprojects:focus-visible,.navbar.one-nav .btn-bgt-save:focus-visible{outline:3px solid var(--d);outline-offset:2px}

/* Textos ámbar y Editar rosa, como siempre; Editar activo («Terminar edición»), rosa oscuro */
.navbar.one-nav .btn.btn-textosia,.navbar.one-nav #btnEditar{height:40px !important;min-height:40px;padding:0 14px !important;font-size:.84rem;font-weight:800;border-radius:10px;gap:7px}
.navbar.one-nav .btn.btn-textosia{background:#fcd34d !important;color:#78350f !important;border:1.5px solid #f4bf1f !important;box-shadow:none !important}
.navbar.one-nav #btnEditar{background:#db2777 !important;color:#fff !important;border:1.5px solid #be185d !important;box-shadow:none !important}
.navbar.one-nav #btnEditar[style*="9d174d"],.navbar.one-nav #btnEditar[style*="157, 23, 77"]{background:#9d174d !important;border-color:#9d174d !important}   /* el navegador guarda el color como rgb() */
.navbar.one-nav .btn.btn-textosia:hover,.navbar.one-nav #btnEditar:hover{transform:none;filter:brightness(.97)}

/* ═══ [2026-10-04] Tabla, panel lateral y total en el color de cada producto (opción A) ═══
   Mismas páginas de ONE: el color sale del navbar de la página (one-nav-pdf, one-nav-xls, one-nav-bc3). */
body:has(.navbar.one-nav-pdf){--oc:#DC2626;--od:#B91C1C;--oi:#7F1D1D;--ot:#FEE2E2;--om:#FECACA}
body:has(.navbar.one-nav-xls){--oc:#10B981;--od:#047857;--oi:#064E3B;--ot:#D1FAE5;--om:#A7F3D0}
body:has(.navbar.one-nav-bc3){--oc:#F97316;--od:#C2410C;--oi:#7C2D12;--ot:#FFF1E6;--om:#FED7AA}
/* cabecera de la tabla principal */
body:has(.navbar.one-nav) .data-card thead th,body:has(.navbar.one-nav) .sheet th{background:var(--oc) !important;color:#fff !important}
/* panel lateral: proyecto tintado, TOTAL sólido, cifras en tono profundo */
body:has(.navbar.one-nav) #projectTitleBlock{background:var(--ot) !important;border-color:var(--om) !important}
body:has(.navbar.one-nav) #projectTitleBlock > div:first-child{color:var(--od) !important}
body:has(.navbar.one-nav) #projectTitleText{color:var(--oi) !important}
body:has(.navbar.one-nav) .project-title{background:var(--ot);border-color:var(--om);color:var(--oi)}
body:has(.navbar.one-nav) .stat-card.total-card{background:var(--oc);border-color:var(--oc)}
body:has(.navbar.one-nav) .stat-card:not(.total-card) .stat-val,body:has(.navbar.one-nav) .ci-input{color:var(--od)}
/* total de abajo */
body:has(.navbar.one-nav) .total-display{color:var(--oc)}
body:has(.navbar.one-nav) .total-label{color:var(--od)}
body:has(.navbar.one-nav) .footer > span:first-child{color:var(--od) !important}
body:has(.navbar.one-nav) .footer #footerTotal{color:var(--oc) !important}

/* ═══ [2026-10-04] Franja de resultado tras la lectura (opción A): clara, sello del color del producto o ámbar ═══ */
body:has(.navbar.one-nav) .bgw-franja{background:#fff;color:#475569;border-bottom:1px solid #e2e8f0;gap:12px;padding:7px 22px;font-size:.82rem;min-height:46px;box-sizing:border-box}
body:has(.navbar.one-nav) .bgw-franja b{color:var(--od)}
body:has(.navbar.one-nav) .bgw-cifras{font-weight:600;white-space:nowrap}
body:has(.navbar.one-nav) .bgw-cifras b{font-weight:800}
body:has(.navbar.one-nav) .bgw-sello{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:999px;font-size:.78rem;font-weight:800;white-space:nowrap;border:1.5px solid transparent;box-sizing:border-box}
body:has(.navbar.one-nav) .bgw-sello.verde,body:has(.navbar.one-nav) .bgw-sello.azul{background:var(--oc);color:#fff;border-color:var(--oc)}
body:has(.navbar.one-nav) .bgw-sello.ambar,body:has(.navbar.one-nav) .bgw-sello.rojo{background:#FEF3C7;color:#92400E;border-color:#F59E0B}
body:has(.navbar.one-nav) .bgw-sello svg,body:has(.navbar.one-nav) .bgw-ver-av svg{flex:none}
body:has(.navbar.one-nav) .bgw-ver-av{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border-radius:9px;border:1.5px solid #F59E0B;background:#FEF3C7;color:#92400E;font-weight:800;font-size:.78rem;cursor:pointer}
body:has(.navbar.one-nav) .bgw-ver-av.bgw-analisis{background:#fff;color:var(--od);border-color:var(--oc)}
body:has(.navbar.one-nav) .bgw-ver-av:hover{filter:brightness(.97)}
body:has(.navbar.one-nav) .bgw-ver-av:focus-visible{outline:3px solid var(--od);outline-offset:2px}
body:has(.navbar.one-nav) .bgw-coste{margin-left:auto;color:#64748b;font-size:.72rem;font-weight:600}
body:has(.navbar.one-nav) .bgw-coste b{color:#334155}
@media (max-width:768px){body:has(.navbar.one-nav) .bgw-franja{padding:8px 15px}body:has(.navbar.one-nav) .bgw-coste{margin-left:0}}

/* [2026-10-11] Marca como en las tarjetas: «BuildGets ONE» encima (sin espaciado) y la herramienta sola debajo */
.navbar.one-nav .bgw-logo .l1.marca{font-size:.8rem;font-weight:800;letter-spacing:-.01em;text-shadow:0 1px 2px rgba(0,0,0,.25)}

/* [2026-10-11] Insignia de plan de pago (Profesional / Empresa): plateada con destello, como en la home */
.navbar.one-nav .bg-plan-pill.pago{position:relative;overflow:hidden;color:#1f2937;border:1.5px solid #94a3b8;text-shadow:0 1px 0 rgba(255,255,255,.7);
  background:linear-gradient(145deg,#ffffff 0%,#e5e7eb 45%,#f8fafc 62%,#cbd5e1 100%);box-shadow:inset 0 1px 0 #fff,0 2px 6px -2px rgba(15,23,42,.35)}
.navbar.one-nav .bg-plan-pill.pago:hover{background:linear-gradient(145deg,#ffffff 0%,#eef0f3 45%,#fbfcfd 62%,#d5dbe3 100%);filter:none}
.navbar.one-nav .bg-plan-pill.pago::after{content:'';position:absolute;top:0;left:-60%;width:38%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.9),transparent);transform:skewX(-20deg);animation:bgOnePlata 3.4s ease-in-out infinite;pointer-events:none}
@keyframes bgOnePlata{0%,62%{left:-60%}100%{left:135%}}
@media (prefers-reduced-motion:reduce){.navbar.one-nav .bg-plan-pill.pago::after{animation:none}}