#f360-portal-root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#0d1e3a;background:#f6f8f7;min-height:400px}#f360-portal-root *{box-sizing:border-box}.f360-shell{max-width:1180px;margin:0 auto;padding:22px 16px 50px}.f360-header{display:flex;justify-content:space-between;align-items:center;padding:8px 0 18px;border-bottom:1px solid #e2e8e5}.f360-brand{font-size:25px;font-weight:900;letter-spacing:-1.1px}.f360-brand span{color:#1f9d55}.f360-sub{font-size:12px;color:#64748b;margin-top:2px}.f360-welcome{padding:28px 0 12px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#1f9d55;font-weight:800}.f360-welcome h2{font-size:29px;margin:6px 0}.f360-welcome p{margin:0;color:#64748b}.f360-tabs{display:flex;gap:4px;border-bottom:1px solid #dfe7e3;overflow:auto;margin:12px 0 20px}.f360-tabs button{border:0;background:none;padding:12px 15px;color:#64748b;white-space:nowrap;cursor:pointer;font:inherit}.f360-tabs button.active{color:#1f9d55;font-weight:800;border-bottom:3px solid #1f9d55}.f360-card{background:#fff;border:1px solid #e1e8e4;border-radius:16px;padding:20px;box-shadow:0 5px 20px rgba(13,30,58,.045);margin-bottom:18px}.f360-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat{background:#fff;border:1px solid #e1e8e4;border-radius:16px;padding:19px}.stat span{display:block;color:#64748b;font-size:12px;margin-bottom:8px}.stat b{font-size:23px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.section-title h3{margin:4px 0 0}.badge,.status{display:inline-block;border-radius:20px;padding:6px 9px;background:#edf6f0;color:#1f7a46;font-size:11px;font-weight:800}.status.pagado{background:#e4f7ea;color:#178548}.status.pendiente{background:#fdeceb;color:#b32d2e}.status.girado{background:#fef3e0;color:#b5720a}.tax-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.tax-grid div{background:#f6f8f7;border-radius:10px;padding:12px}.tax-grid span{display:block;font-size:11px;color:#64748b}.tax-grid b{display:block;margin-top:4px}.dashboard-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:18px}.dashboard-grid h3{margin-top:0}.bars{margin-top:15px}.barrow{display:grid;grid-template-columns:65px 1fr 150px;gap:10px;align-items:center;margin:13px 0}.barrow label{font-size:11px;color:#64748b}.barrow>div{height:13px;background:#eef2f0;border-radius:20px;overflow:hidden;position:relative}.barrow i,.barrow em{display:block;height:50%;border-radius:20px;background:#1f9d55}.barrow em{background:#0d1e3a}.barrow small{font-size:10px;color:#64748b;text-align:right}.legend{display:flex;gap:16px;font-size:11px;color:#64748b}.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#1f9d55;margin-right:5px}.legend span+span i{background:#0d1e3a}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:11px 10px;border-bottom:1px solid #edf1ef;white-space:nowrap}th{font-size:10px;text-transform:uppercase;color:#64748b}.f360-login{max-width:470px;margin:70px auto}.f360-login h1{margin:7px 0}.f360-login p{color:#64748b}.lock{font-size:32px}.f360-input{display:block;width:100%;padding:13px 14px;border:1px solid #ccd7d2;border-radius:10px;margin:14px 0;font:inherit}.f360-btn{border:0;border-radius:10px;background:#1f9d55;color:#fff;padding:12px 17px;font-weight:800;cursor:pointer}.f360-btn.wide{width:100%}.f360-btn.ghost{background:#fff;color:#0d1e3a;border:1px solid #d4ded9}.f360-msg{margin-top:12px;color:#b42318;font-size:13px}.empty{padding:20px;text-align:center;background:#f6f8f7;border-radius:10px;color:#64748b}@media(max-width:850px){.f360-stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.tax-grid{grid-template-columns:repeat(2,1fr)}.barrow{grid-template-columns:55px 1fr;}.barrow small{grid-column:2;text-align:left}}@media(max-width:520px){.f360-shell{padding:12px 10px 35px}.f360-stats,.tax-grid{grid-template-columns:1fr}.f360-welcome h2{font-size:24px}.f360-card{padding:15px}.f360-header{padding-top:4px}}

.pay-card{margin:18px 0;padding:20px;border:2px solid #1f9d55;border-radius:14px;background:#f4fbf6;text-align:center}.pay-card span{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800;color:#1f7a46}.pay-card strong{display:block;margin-top:5px;font-size:32px;line-height:1.15;color:#0d1e3a}.f29-note{margin-top:16px;padding:11px 13px;background:#f6f8f7;border-radius:10px;color:#64748b;font-size:12px}.f29-all{margin-top:18px;border-top:1px solid #e1e8e4;padding-top:14px}.f29-all summary{cursor:pointer;font-weight:800;color:#0d1e3a}.f29-all .codes{grid-template-columns:repeat(4,1fr);margin-top:12px}.f29-all .codes span{display:flex;justify-content:space-between;gap:8px;align-items:center}.f29-all .codes em{font-style:normal}.f29-detail{margin-bottom:18px}@media(max-width:700px){.f29-all .codes{grid-template-columns:1fr 1fr}.pay-card strong{font-size:28px}}

/* --- Formaliza360 visual refresh --- */
#f360-portal-root{background:linear-gradient(180deg,#f8fbf9 0%,#f3f7f5 100%);color:#0d1e3a}
.f360-shell{max-width:1240px;padding:26px 20px 60px}
.f360-header{position:relative;border:0;padding:4px 0 20px}
.f360-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,#1f9d55,rgba(31,157,85,.08),transparent)}
.f360-brand{font-size:27px;letter-spacing:-1.4px}.f360-brand span{color:#1f9d55}
.f360-sub{font-size:12px;letter-spacing:.02em}
.f360-welcome{padding:30px 0 10px}.f360-welcome h2{font-size:34px;letter-spacing:-1px}.eyebrow{font-size:10px;letter-spacing:.13em}
.f360-tabs{background:#fff;border:1px solid #e2ebe6;border-radius:14px;padding:5px;gap:3px;box-shadow:0 8px 24px rgba(13,30,58,.045);margin:14px 0 22px}
.f360-tabs button{border-radius:10px;padding:11px 17px}.f360-tabs button.active{background:#edf8f1;border-bottom:0;color:#197a42}
.f360-card{border:1px solid #e0e9e4;border-radius:20px;padding:23px;box-shadow:0 10px 30px rgba(13,30,58,.055);transition:transform .18s ease,box-shadow .18s ease}
.f360-card:hover{box-shadow:0 14px 34px rgba(13,30,58,.075)}
.f29-highlight{background:linear-gradient(145deg,#ffffff 0%,#f8fcf9 100%);overflow:hidden;position:relative}
.f29-highlight:before{content:"";position:absolute;right:-70px;top:-85px;width:230px;height:230px;border-radius:50%;background:rgba(31,157,85,.055)}
.section-title{position:relative;z-index:1}.section-title h3{font-size:20px;letter-spacing:-.3px}
.badge{padding:7px 11px;background:#eaf7ef;color:#17713e;border:1px solid #d5eddf}
.pay-card{position:relative;overflow:hidden;margin:22px 0;padding:25px 24px;border:0;border-radius:18px;background:linear-gradient(135deg,#0d1e3a 0%,#17345d 100%);text-align:left;box-shadow:0 12px 28px rgba(13,30,58,.17)}
.pay-card:after{content:"";position:absolute;right:-35px;top:-70px;width:190px;height:190px;border-radius:50%;border:28px solid rgba(255,255,255,.055)}
.pay-card span{color:#9fe0b9;font-size:10px;letter-spacing:.14em}.pay-card strong{position:relative;z-index:1;color:#fff;font-size:40px;letter-spacing:-1px}.pay-card:before{content:"PAGO F29";position:absolute;right:22px;bottom:16px;color:rgba(255,255,255,.35);font-size:10px;font-weight:800;letter-spacing:.12em}
.tax-grid{grid-template-columns:repeat(4,1fr);gap:12px}.tax-grid div{background:#fff;border:1px solid #e7eeeb;border-radius:14px;padding:15px;min-height:76px;box-shadow:0 3px 10px rgba(13,30,58,.025)}.tax-grid div:hover{border-color:#cfe4d7}.tax-grid span{font-size:10px;text-transform:uppercase;letter-spacing:.03em}.tax-grid b{font-size:15px}
.f29-all{background:#f8faf9;border:1px solid #e5ece8;border-radius:14px;padding:14px 16px}.f29-all summary{list-style:none}.f29-all summary::-webkit-details-marker{display:none}.f29-all summary:after{content:"＋";float:right;color:#1f9d55;font-size:18px}.f29-all[open] summary:after{content:"−"}.f29-all .codes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.f29-all .codes span{background:#fff;border:1px solid #e8efec;border-radius:10px;padding:9px 10px;font-size:11px}.f29-all .codes b{color:#0d1e3a}.f29-all .codes em{font-weight:800;color:#1f7a46}
.f29-note{border-left:3px solid #1f9d55;border-radius:0 9px 9px 0;background:#f4f8f6;padding:12px 14px}
.f360-login{margin:80px auto}.f360-login.f360-card{border-radius:24px;padding:32px}.lock{display:flex;width:52px;height:52px;align-items:center;justify-content:center;border-radius:15px;background:#edf8f1;font-size:25px;margin-bottom:15px}.f360-input{border-radius:12px;background:#fbfdfc}.f360-btn{border-radius:11px;box-shadow:0 7px 15px rgba(31,157,85,.18)}.f360-btn.ghost{box-shadow:none}
.tablewrap table{border-spacing:0}.tablewrap tr{transition:background .15s}.tablewrap tbody tr:hover{background:#f8fbf9}.tablewrap th{padding-top:13px;padding-bottom:13px}.tablewrap td{padding:13px 10px}
.empty{border:1px dashed #d8e3de;background:#f8faf9}
@media(max-width:950px){.tax-grid{grid-template-columns:repeat(2,1fr)}.f29-all .codes{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.f360-shell{padding:14px 11px 40px}.f360-welcome h2{font-size:27px}.f360-card{padding:17px;border-radius:17px}.pay-card strong{font-size:31px}.tax-grid,.f29-all .codes{grid-template-columns:1fr}.f360-tabs button{padding:10px 13px;font-size:13px}}

/* --- v4.0.0: nuevos estados y carga masiva --- */
.status.guardada{background:#eef2f0;color:#475569}
.status.declarada{background:#e4f7ea;color:#178548}
.status.pendiente{background:#fdeceb;color:#b32d2e}
.status.girada{background:#fdeaea;color:#a11d1d;font-weight:900}
.pay-card.debt-card{background:linear-gradient(135deg,#7a1f1f 0%,#a83232 100%)}
.pay-card.debt-card:before{content:"DEUDA"}
.pay-card.debt-card span{color:#f6c9c9}
.period-select{display:block;width:auto;min-width:140px;margin:14px 0;padding:9px 12px}
.pay-card.remanente-card{background:linear-gradient(135deg,#b5720a 0%,#d99a2b 100%)}
.pay-card.remanente-card:before{content:"REMANENTE"}
.pay-card.remanente-card span{color:#fde8c2}
.tax-grid div.remanente-cell{background:#fce4d6;border-color:#f3c99b}
.tax-grid div.remanente-cell b{color:#b5720a}
td.remanente-cell{color:#b5720a;font-weight:800;background:#fdf3e7}


/* --- v5.1.0: acceso directo al SII --- */
.f360-sii-pay{
  margin-top:18px;
  padding:16px 18px;
  border:1px solid #dce8e1;
  border-radius:14px;
  background:#f7fbf8;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.f360-sii-pay strong{display:block;color:#0d1e3a;font-size:14px;margin-bottom:4px}
.f360-sii-pay span{display:block;color:#64748b;font-size:12px;line-height:1.45}
.f360-sii-btn{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 16px;
  border-radius:10px;
  background:#1f9d55;
  color:#fff!important;
  text-decoration:none!important;
  font-size:13px;
  font-weight:800;
  box-shadow:0 6px 14px rgba(31,157,85,.18);
}
.f360-sii-btn:hover{filter:brightness(.96)}
@media(max-width:700px){
  .f360-sii-pay{flex-direction:column;align-items:stretch}
  .f360-sii-btn{width:100%}
}

/* --- v5.3.0: logo, acceso renovado, menú de balances y aviso de actualización --- */
.f360-brandwrap{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.f360-logo-lockup{display:inline-flex;align-items:center;gap:10px}
.f360-logo{display:block;height:46px;width:auto;max-width:100%}
.f360-logo.custom{height:52px;max-width:230px;object-fit:contain}
.f360-logo.big{height:64px}.f360-logo.big.custom{height:72px;max-width:280px}
.f360-header .f360-sub{margin:0;padding-left:14px;border-left:1px solid #d9e4de}
.f360-login-wrap{max-width:470px;margin:42px auto}
.f360-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;margin-bottom:16px;border-radius:20px;color:#fff;background:linear-gradient(135deg,#0d1e3a 0%,#17345d 100%);box-shadow:0 12px 28px rgba(13,30,58,.17);position:relative;overflow:hidden}
.f360-hero:after{content:"";position:absolute;right:-40px;top:-60px;width:180px;height:180px;border-radius:50%;border:26px solid rgba(255,255,255,.05)}
.f360-hero h2{margin:0 0 8px;font-size:25px;line-height:1.15;letter-spacing:-.6px}
.f360-hero p{margin:0;font-size:13px;color:#b9c6d8;line-height:1.45}
.f360-hero .check{flex:0 0 auto;width:46px;height:46px;border-radius:50%;background:#1f9d55;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:900;box-shadow:0 6px 14px rgba(31,157,85,.35);position:relative;z-index:1}
.f360-login-wrap .f360-login{margin:0;max-width:none}
.login-logo{margin-bottom:14px;display:flex}
.f360-login-note{margin-top:16px;padding:10px 12px;background:#f4f8f6;border-left:3px solid #1f9d55;border-radius:0 9px 9px 0;font-size:12px;color:#475569}
.f360-welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.f360-dd{position:relative}
.f360-dd .caret{margin-left:6px;font-size:12px}
.f360-dd-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:20;width:320px;max-width:calc(100vw - 32px);background:#fff;border:1px solid #dfe8e3;border-radius:16px;padding:8px;box-shadow:0 18px 40px rgba(13,30,58,.16)}
.f360-dd-panel[hidden]{display:none}
.f360-dd-title{padding:8px 10px 6px;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#1f9d55}
.f360-dd-item{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;border:0;background:none;padding:11px 10px;border-radius:11px;cursor:pointer;text-align:left;font:inherit;color:#0d1e3a}
.f360-dd-item:hover{background:#f1f8f4}
.f360-dd-item b{display:block;font-size:14px}.f360-dd-item small{display:block;color:#64748b;font-size:11px;margin-top:2px}
.f360-dd-item i{font-style:normal;flex:0 0 auto;width:32px;height:32px;border-radius:50%;background:#edf8f1;color:#1f7a46;display:flex;align-items:center;justify-content:center}
.f360-dd-item.loading{opacity:.55;pointer-events:none}
.f360-dd-empty{padding:16px 12px;font-size:13px;color:#64748b;text-align:center}
.f360-notice{display:flex;gap:14px;align-items:flex-start;margin:14px 0 4px;padding:15px 18px;border-radius:16px;background:#fff8e9;border:1px solid #f3dfae}
.f360-notice .ico{font-size:22px;line-height:1}
.f360-notice strong{display:block;color:#0d1e3a;font-size:14px;margin-bottom:3px}
.f360-notice span{display:block;color:#5b5440;font-size:12.5px;line-height:1.5}
@media(max-width:520px){.f360-header .f360-sub{border-left:0;padding-left:0;width:100%}.f360-logo{height:40px}.f360-hero h2{font-size:21px}.f360-dd,.f360-dd .f360-btn{width:100%}.f360-dd-panel{left:0;right:0;width:auto}}

/* --- v5.5.0: balance en proceso --- */
.f360-dd-empty{padding:20px 14px}
.f360-dd-empty .ico{font-size:26px;margin-bottom:6px}
.f360-dd-empty b{display:block;color:#0d1e3a;font-size:14px;margin-bottom:4px}
.f360-dd-empty span{display:block;font-size:12.5px;line-height:1.5}
.f360-pill{display:inline-block;margin-left:4px;padding:2px 8px;border-radius:999px;background:#fff3d6;color:#8a5b00;font-size:10.5px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
.f360-btn .f360-pill{vertical-align:middle}