@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
:root{--bg:#fff;--bg2:#f7f7f8;--bd:#d9d9d9;--bd2:#eaeaea;--fg:#1d1d1f;--fg2:#37373a;--fg3:#5e5e5e;--fg4:#9e9e9e;--teal:#038189;--teal2:#007178;--blue:#0f228b;--red:#da2201;--orange:#e8a33d;--green:#2FBF71;--mont:'Manrope',Arial,sans-serif;}
body{font-family:var(--mont),Arial,sans-serif;font-size:15px;line-height:1.55;color:var(--fg);background:#fff;min-height:100vh;display:flex;flex-direction:column;}
img{display:block;}
a{color:var(--teal);text-decoration:none;}
.wrap{max-width:52rem;margin:0 auto;padding:0 1.2rem;width:100%;}
@media(min-width:760px){.wrap{padding:0 2rem;}}
header{border-bottom:1px solid var(--bd2);background:#fff;position:sticky;top:0;z-index:100;}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:3.4rem;}
.hlogo img{height:30px;width:auto;max-width:76px;}
.hlinks{display:flex;align-items:center;gap:1.2rem;}
.hlinks a{font-size:.76rem;color:var(--fg2);font-weight:500;}
.hlinks a:hover{color:var(--teal);}
.btn-acces{background:var(--teal);color:#fff!important;padding:.45rem .95rem;border-radius:.2rem;font-weight:700;font-size:.76rem;}
@media(max-width:760px){.hlinks a:not(.btn-acces){display:none;}}
.greetbar{background:linear-gradient(90deg,#0f228b,#038189);color:#fff;padding:.6rem 0;text-align:center;font-family:var(--mont);font-size:.8rem;font-weight:600;}
.greetbar b{color:#ffd76a;font-weight:800;}
.callbar{background:#eef7f8;border-bottom:1px solid #d3e8ea;padding:.55rem 0;}
.callbar .wrap{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.8rem;color:#0e4a4e;text-align:center;}
.callbar .dot{width:7px;height:7px;border-radius:50%;background:#2FBF71;animation:pulse 1.4s ease-in-out infinite;flex:none;}
@keyframes pulse{0%,100%{opacity:1;}50%{opacity:.5;}}
.callbar b{color:var(--teal);font-weight:700;}
.wahelp{max-width:52rem;margin:1.4rem auto 0;display:flex;align-items:center;gap:.65rem;background:linear-gradient(90deg,#e9f9ee,#f2fdf6);border:1px solid #bdeccb;border-left:4px solid #25D366;border-radius:10px;padding:.7rem 1rem;font-size:.8rem;box-shadow:0 1px 5px rgba(37,211,102,.12);}
.wahelp .ic{font-size:1.15rem;flex:none;}
.wahelp .tx{color:var(--fg2);line-height:1.5;flex:1;min-width:0;}
.wahelp .tx b{color:var(--teal);font-weight:700;}
.wahelp a{flex:none;background:#25D366;color:#fff;border-radius:.4rem;padding:.45rem .85rem;font-family:var(--mont);font-size:.72rem;font-weight:700;white-space:nowrap;}
.wahelp a:hover{background:#1eb956;}
@media(max-width:560px){.wahelp{flex-wrap:wrap;}.wahelp a{width:100%;text-align:center;}}
.ariane{font-size:.72rem;color:var(--fg3);margin-bottom:1.2rem;}
.ariane a{color:var(--teal);}
.ariane span{margin:0 .4rem;color:#c4c4c4;}
.stages{display:flex;align-items:center;gap:.4rem;font-family:var(--mont);font-size:.68rem;font-weight:700;color:var(--fg4);margin-bottom:1.4rem;flex-wrap:wrap;}
.stages .st{display:flex;align-items:center;gap:.35rem;white-space:nowrap;}
.stages .n{width:18px;height:18px;border-radius:50%;background:#e0e0e0;color:var(--fg3);display:flex;align-items:center;justify-content:center;font-size:.62rem;flex:none;}
.stages .st.on .n{background:var(--teal);color:#fff;box-shadow:0 0 0 3px rgba(3,129,137,.15);}
.stages .st.on{color:var(--fg);}
.stages .st.done .n{background:var(--teal);color:#fff;}
.stages .st.done{color:var(--teal);}
.stages .sep{flex:1;height:1px;background:var(--bd);min-width:.4rem;}
.bubble{background:var(--bg2);border:1px solid var(--bd);border-radius:12px;padding:14px 16px;margin:0 auto 1.2rem;max-width:34rem;}
.bubble .bh{display:flex;align-items:center;gap:.5rem;margin-bottom:.65rem;}
.bubble .bh svg{width:15px;height:15px;fill:var(--red);flex:none;}
.bubble .bh b{font-family:var(--mont);font-size:.82rem;font-weight:700;color:var(--red);letter-spacing:.03em;}
.bubble .bh .ref{margin-left:auto;font-family:ui-monospace;font-size:.7rem;color:var(--fg4);background:#eaeaea;padding:2px 8px;border-radius:4px;}
.bubble p{font-size:.8rem;color:var(--fg2);line-height:1.65;}
.bubble p b{color:var(--fg);font-weight:700;}
.bubble p .amt{color:var(--red);font-weight:800;}
.bubble p .agent{color:var(--teal);font-weight:700;}
.tinfo{background:var(--bg2);border:1px solid var(--bd);border-radius:12px;padding:14px 16px;margin:0 auto 1.2rem;max-width:34rem;}
.tinfo h4{font-family:var(--mont);font-size:.72rem;font-weight:700;color:var(--fg3);margin-bottom:.5rem;letter-spacing:.06em;text-transform:uppercase;}
.tinfo .r{display:flex;justify-content:space-between;gap:.7rem;padding:.3rem 0;font-size:.76rem;border-bottom:1px solid #eaeaea;}
.tinfo .r:last-child{border-bottom:none;}
.tinfo .r span{color:var(--fg3);flex:none;}
.tinfo .r b{color:var(--fg);font-weight:600;text-align:right;word-break:break-word;}
.tinfo .r b.tl{color:var(--teal);font-weight:700;}
.alrt{border-radius:10px;padding:13px 15px;margin-bottom:1.2rem;}
.alrt.red{border:1px solid #f5cccc;background:#fff5f5;border-left:3px solid var(--red);}
.alrt.orange{border:1px solid #f0d9a0;background:#fffaf0;border-left:3px solid var(--orange);}
.alrt.blue{border:1px solid #d3e8ea;background:#f0f7f8;border-left:3px solid var(--teal);}
.alrt .t{display:flex;align-items:center;gap:.5rem;font-family:var(--mont);font-weight:800;font-size:.85rem;margin-bottom:.45rem;}
.alrt .t svg{width:15px;height:15px;flex:none;}
.alrt p{font-size:.78rem;line-height:1.65;color:var(--fg2);}
.alrt p b{font-weight:700;}
.crd{border:1px solid var(--bd);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.04);}
.crd .hd{background:var(--teal);color:#fff;padding:.7rem 1.1rem;font-family:var(--mont);font-weight:700;font-size:.88rem;display:flex;align-items:center;gap:.5rem;}
.crd .hd svg{width:16px;height:16px;fill:#fff;flex:none;}
.crd .bd{padding:1.2rem 1.1rem 1.3rem;background:#fff;}
.q{margin-bottom:.9rem;}
.q label{display:block;font-size:.72rem;font-weight:600;color:var(--fg2);margin-bottom:.28rem;}
.q input,.q select{width:100%;padding:.65rem .75rem;border:1px solid #bcbcbc;border-radius:.3rem;font-family:inherit;font-size:.88rem;outline:none;background:#fff;}
.q input:focus,.q select:focus{border-color:var(--teal);box-shadow:0 0 0 2px rgba(3,129,137,.12);}
.q .hint{font-size:.68rem;color:var(--fg3);margin-top:.25rem;}
.q .err{display:none;color:var(--red);font-size:.7rem;margin-top:.25rem;}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;}
@media(max-width:420px){.row2{grid-template-columns:1fr;}}
.btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;background:var(--teal);color:#fff;border:none;border-radius:.3rem;padding:.75rem;font-family:var(--mont);font-size:.9rem;font-weight:700;cursor:pointer;transition:background .15s;}
.btn:hover{background:var(--teal2);}
.btn:disabled{opacity:.5;cursor:not-allowed;}
.btn.ghost{background:#fff;color:var(--fg2);border:1px solid #bcbcbc;}
.spin{width:14px;height:14px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:sp .7s linear infinite;display:inline-block;}
@keyframes sp{to{transform:rotate(360deg);}}
.cells{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.1rem;}
.cells input{width:2.7rem;height:3.1rem;text-align:center;font-family:var(--mont);font-size:1.4rem;font-weight:700;border:2px solid #bcbcbc;border-radius:.4rem;color:var(--fg);outline:none;}
.cells input:focus{border-color:var(--teal);box-shadow:0 0 0 2px rgba(3,129,137,.12);}
.cells input.filled{border-color:var(--teal);background:#f0f7f8;}
.ibanbx{background:var(--bg2);border:1px dashed #b0b0b0;border-radius:10px;padding:.8rem 1rem;text-align:center;margin-bottom:.8rem;}
.ibanbx .lbl{font-size:.68rem;color:var(--fg3);margin-bottom:.3rem;letter-spacing:.05em;text-transform:uppercase;}
.ibanbx code{font-family:ui-monospace;font-size:.88rem;font-weight:700;color:var(--teal);word-break:break-all;user-select:all;}
.ibanbx .bic{font-size:.68rem;color:var(--fg3);margin-top:.3rem;}
.ibanbx .bic b{color:var(--fg2);}
.cpbtn{display:inline-flex;align-items:center;gap:.35rem;background:#fff;color:var(--teal);border:1.5px solid var(--teal);border-radius:.3rem;padding:.4rem .9rem;font-family:var(--mont);font-size:.72rem;font-weight:700;cursor:pointer;margin-bottom:.8rem;}
.cpbtn:hover{background:#f0f7f8;}
.approw{display:flex;align-items:center;gap:.8rem;background:#f0f7f8;border:1px solid #d3e8ea;border-radius:10px;padding:.8rem 1rem;margin-bottom:.8rem;}
.approw .ic{width:40px;height:40px;border-radius:.5rem;background:#fff;border:1px solid #d3e8ea;display:flex;align-items:center;justify-content:center;font-family:var(--mont);font-weight:800;font-size:.9rem;color:var(--teal);flex:none;}
.approw .nm b{font-family:var(--mont);font-size:.9rem;color:var(--fg);}
.approw .nm span{display:block;font-size:.7rem;color:var(--fg3);}
.appbtn{display:flex;gap:1rem;margin-bottom:.9rem;align-items:center;flex-wrap:wrap;}
.appbtn a{display:inline-block;line-height:0;transition:opacity .15s;}
.appbtn a:hover{opacity:.85;}
.appbtn a img.googleplay{height:52px;width:auto;display:block;}
.appbtn a img.appstore{height:48px;width:auto;display:block;}
.timeline{margin:.7rem 0 0;padding:0;list-style:none;}
.timeline li{display:flex;gap:.6rem;font-size:.78rem;color:var(--fg2);padding:.38rem 0;line-height:1.55;}
.timeline li svg{width:13px;height:13px;fill:var(--green);flex:none;margin-top:.15rem;}
.recap{border:1px solid var(--bd);border-radius:.45rem;overflow:hidden;margin-top:.6rem;background:#fff;}
.recap .r{display:flex;justify-content:space-between;gap:10px;padding:.5rem .75rem;font-size:.75rem;border-bottom:1px solid #eee;}
.recap .r:last-child{border-bottom:none;}
.recap .r span{color:var(--fg3);}
.recap .r b{color:var(--red);text-align:right;}
.help{max-width:34rem;margin:1.2rem auto 0;border:1px solid var(--bd);border-radius:10px;padding:.85rem 1.1rem;background:var(--bg2);}
.help h4{font-family:var(--mont);font-size:.78rem;font-weight:700;margin-bottom:.45rem;color:var(--fg2);}
.help p{font-size:.72rem;color:var(--fg3);line-height:1.6;}
footer{border-top:1px solid var(--bd2);background:var(--bg2);padding:1.4rem 0 1.8rem;margin-top:auto;}
footer .wrap{display:flex;justify-content:space-between;gap:1.2rem;flex-wrap:wrap;}
footer .fl{display:flex;gap:1.4rem;flex-wrap:wrap;}
footer .fl a{font-size:.7rem;color:var(--fg3);}
footer .fl a:hover{color:var(--teal);}
footer .fr{font-size:.68rem;color:var(--fg4);text-align:right;line-height:1.55;}
#load{position:fixed;inset:0;background:rgba(255,255,255,.94);z-index:200;display:none;align-items:center;justify-content:center;flex-direction:column;backdrop-filter:blur(3px);}
#load .ciclogo{height:1.6rem;max-width:90px;object-fit:contain;margin-bottom:1.2rem;opacity:.85;}
#load .ring{width:36px;height:36px;border:3px solid #e0e0e0;border-top-color:var(--teal);border-radius:50%;animation:sp .7s linear infinite;margin:0 auto;}
#load p{font-family:var(--mont);font-size:.82rem;color:var(--fg2);margin-top:1rem;font-weight:600;text-align:center;}
#load .bar{width:160px;height:3px;background:#e0e0e0;border-radius:2px;margin-top:14px;overflow:hidden;}
#load .bar i{display:block;height:100%;width:0;background:var(--teal);transition:width .4s;}
.mainbox{max-width:34rem;margin:0 auto;}
.layout2{display:grid;grid-template-columns:1fr;gap:1.3rem;max-width:34rem;margin:0 auto;}
@media(min-width:860px){.layout2{grid-template-columns:1.2fr .8fr;max-width:56rem;align-items:start;}}