:root{--rojo:#d83516;--azul:#247b8f;--azul-claro:#e6f1f4;--gris:#f4f5f6;--borde:#d7dde0;--texto:#1f2a30;--verde:#2f9e44;--ambar:#f08c00;color:var(--texto);font-family:Segoe UI,system-ui,-apple-system,Roboto,Arial,sans-serif;font-size:15px}*{box-sizing:border-box}body{background:var(--gris);margin:0}a{color:var(--azul)}main{max-width:1280px;margin:0 auto;padding:20px 16px 60px}h1{margin:0 0 16px;font-size:1.5rem}h2{color:var(--azul);margin:0 0 12px;font-size:1.1rem}.centrado{place-items:center;min-height:60vh;display:grid}.barra{border-bottom:3px solid var(--rojo);z-index:10;background:#fff;align-items:center;gap:24px;padding:10px 20px;display:flex;position:sticky;top:0}.barra .marca{color:var(--rojo);font-size:1.15rem;font-weight:800;text-decoration:none}.barra .marca span{color:var(--azul);font-weight:600}.barra nav{flex:1;align-items:center;gap:16px;display:flex}.barra nav a{font-weight:600;text-decoration:none}.barra .usuario{align-items:center;gap:12px;display:flex}.tarjeta{border:1px solid var(--borde);background:#fff;border-radius:10px;margin-bottom:16px;padding:18px}.rejilla{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.dos-columnas{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:16px;display:grid}@media (width<=1000px){.dos-columnas{grid-template-columns:1fr}}.lateral{position:sticky;top:76px}label{color:#4a5a62;flex-direction:column;gap:4px;font-size:.85rem;font-weight:600;display:flex}input,select,textarea{font:inherit;border:1px solid var(--borde);background:#fff;border-radius:6px;width:100%;min-width:0;min-height:40px;padding:9px 10px}.rejilla>*,.meses>*,.periodos>*,.dos-columnas>*{min-width:0}@media (width<=700px){.periodos{grid-template-columns:repeat(3,1fr)}}input:focus,select:focus{outline:2px solid var(--azul);border-color:var(--azul)}.meses{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}@media (width<=700px){.meses{grid-template-columns:repeat(3,1fr)}}.periodos{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.fila{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.fila>*{flex:1;min-width:140px}.ayuda{color:#6b7a82;font-size:.8rem;font-weight:400}.check{flex-direction:row;align-items:center;gap:8px}.check input{min-height:auto}button,.boton{font:inherit;cursor:pointer;background:var(--azul);color:#fff;border:0;border-radius:6px;align-items:center;gap:6px;min-height:42px;padding:10px 16px;font-weight:600;text-decoration:none;display:inline-flex}button:disabled{opacity:.5;cursor:default}.boton.pequeno{min-height:34px;padding:6px 12px}.secundario{color:var(--azul);border:1px solid var(--azul);background:#fff}.peligro{background:var(--rojo)}.enlace{color:var(--azul);background:0 0;min-height:auto;padding:0;text-decoration:underline}.contador{align-items:center;gap:8px;display:flex}.contador button{justify-content:center;width:46px;height:46px;padding:0;font-size:1.4rem}.contador input{text-align:center;flex:0 0 80px;width:80px;font-size:1.1rem;font-weight:700}table{border-collapse:collapse;background:#fff;width:100%}th{text-align:left;color:#6b7a82;text-transform:uppercase;border-bottom:2px solid var(--borde);padding:8px;font-size:.8rem}td{border-bottom:1px solid var(--borde);padding:10px 8px}tr.clic{cursor:pointer}tr.clic:hover td{background:var(--azul-claro)}.der{text-align:right}.kpis{grid-template-columns:1fr 1fr;gap:10px;display:grid}.kpi{background:var(--azul-claro);border-radius:8px;padding:10px}.kpi b{color:var(--azul);font-size:1.25rem;display:block}.kpi small{color:#4a5a62}.kpi.grande{background:var(--azul);color:#fff;grid-column:span 2}.kpi.grande b,.kpi.grande small{color:#fff}.kpi.interno{background:#fff4e6}.kpi.interno b{color:var(--ambar)}.etiqueta{background:#e9ecef;border-radius:999px;padding:2px 10px;font-size:.78rem;font-weight:700;display:inline-block}.etiqueta.borrador{background:#e9ecef}.etiqueta.enviada{color:#1864ab;background:#d0ebff}.etiqueta.aceptada{color:var(--verde);background:#d3f9d8}.etiqueta.rechazada,.etiqueta.caducada{color:var(--rojo);background:#ffe3e3}.etiqueta.pendiente{color:#a35f00;background:#fff3bf}.aviso{background:#fff3bf;border:1px solid #ffd43b;border-radius:8px;margin-bottom:12px;padding:10px 14px}.error{color:#c92a2a;background:#ffe3e3;border:1px solid #ffa8a8;border-radius:8px;margin-bottom:12px;padding:10px 14px}.ok{background:#d3f9d8;border:1px solid #8ce99a;border-radius:8px;margin-bottom:12px;padding:10px 14px}.acciones{flex-wrap:wrap;gap:8px;display:flex}.cabecera-oferta{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:16px;display:flex}.calculando{opacity:.55;transition:opacity .2s}.pestanas{border-bottom:2px solid var(--borde);gap:4px;margin-bottom:16px;display:flex;overflow:auto hidden}.pestanas a{color:#4a5a62;white-space:nowrap;border-bottom:3px solid #0000;margin-bottom:-2px;padding:10px 16px;font-weight:600;text-decoration:none}.pestanas a.active{color:var(--azul);border-bottom-color:var(--azul)}td input,td select{min-height:34px;padding:5px 8px}.acceso{max-width:420px;margin:12vh auto}.acceso .microsoft{color:#2f2f2f;background:#fff;border:1px solid #8c8c8c;justify-content:center;gap:10px;width:100%}.acceso .marca{color:var(--rojo);font-size:1.6rem;font-weight:800}
