
:root{
  --bg:#e8e8e8;
  --sheet:#ffffff;
  --grid:#245d5d;
  --dark-blue:#16459c;
  --light-blue:#84a8df;
  --lavender:#b4b4e3;
  --lilac:#d9d2e9;
  --green:#b7d9bf;
  --orange:#ffc899;
  --yellow:#fff2cc;
  --text:#111111;
}

*{box-sizing:border-box}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:Calibri, Arial, Helvetica, sans-serif;
}
.page-wrap{
  padding:28px 24px 40px;
}
.sheet-shell{
  width:min(1040px, calc(100vw - 48px));
  margin:0 auto;
}
.sheet-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin:0 0 12px;
}
.btn{
  border:1px solid #2a4e87;
  background:#fff;
  color:#183d74;
  padding:9px 16px;
  font:600 13px/1 Calibri, Arial, sans-serif;
  border-radius:8px;
  cursor:pointer;
}
.btn-primary{
  background:#183d74;
  color:#fff;
}
.excel-sheet{
  width:100%;
  border-collapse:collapse;
  table-layout:fixed;
  background:var(--sheet);
  box-shadow:0 18px 42px rgba(0,0,0,.08);
}
.excel-sheet td{
  border:1px solid var(--grid);
  padding:4px 6px;
  font-size:12px;
  line-height:1.15;
  vertical-align:middle;
  overflow-wrap:anywhere;
}
.col-a{width:17.4%}
.col-b{width:10.6%}
.col-c{width:20%}
.col-d{width:17.9%}
.col-e{width:12.1%}
.col-f{width:12.6%}
.col-g{width:9%}
.col-h{width:50.3%}

.top-rule td{
  height:18px;
  border-left:none;
  border-right:none;
  border-top:2px solid #222;
  border-bottom:3px solid #111;
  background:#f4f4f4;
}
.blank-side{
  height:72px;
  background:#fff;
  border-right:none!important;
}
.title-cell{
  height:72px;
  font-size:17px!important;
  letter-spacing:.2px;
}
.dark-blue{background:var(--dark-blue)}
.white-text{color:#fff}
.label-blue,.input-blue,.section-head,.subsection-blue,.orange-band,.yellow-row,.green-cell,.lavender-row,.lilac-result,.white-row,.blank-right,.blank-area{
  color:var(--text);
}
.label-blue,.input-blue,.section-head,.subsection-blue{
  background:var(--light-blue);
}
.label-blue,.input-blue{font-size:13px!important}
.label-blue{font-weight:700}
.blank-area{
  background:#fff;
}
.right-note-big{
  font-size:13px;
  font-weight:700;
  width:260px;
  margin:0 auto;
  line-height:1.2;
}
.note-title{
  font-size:13px;
}
.section-head{
  text-align:center;
  font-weight:700;
  font-size:15px!important;
  height:88px;
}
.subsection-blue{
  font-weight:700;
  font-size:13px!important;
  height:28px;
}
.green-cell{background:var(--green)}
.lavender-row{background:var(--lavender)}
.lilac-result{background:var(--lilac)}
.orange-band{background:var(--orange)}
.yellow-row{background:var(--yellow)}
.white-row,.blank-right{background:#fff}
.center{text-align:center}
.left{text-align:left}
.strong{font-weight:700}
.note-small{
  font-size:11px!important;
  line-height:1.05;
}
.spacer-row td{
  height:16px;
  background:#fff;
}
.cell-input,
.cell-select,
.cell-output{
  display:block;
  width:100%;
  min-height:18px;
  font:inherit;
  color:inherit;
  background:transparent;
  border:none;
  outline:none;
  padding:0;
}
.cell-input::-webkit-outer-spin-button,
.cell-input::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0;
}
.cell-input[type=number]{-moz-appearance:textfield}
.cell-select{
  appearance:none;
  text-align:inherit;
  cursor:pointer;
}
.money-cell{
  position:relative;
}
.money-prefix{
  position:absolute;
  left:6px;
  top:50%;
  transform:translateY(-50%);
  font-weight:400;
}
.money-pad{
  padding-left:13px;
}
#comentarios{
  min-height:18px;
}
@media (max-width: 980px){
  .page-wrap{padding:14px}
  .sheet-shell{width:min(1040px, calc(100vw - 28px)); overflow:auto}
  .excel-sheet{min-width:980px}
}
