/* FEDAN 2026-10-04 - Diseno Estado de cuenta */
:root{--v:#0b670d;--vh:#095209;--vc:#eaf5e1;--t:#333745;--g:#6b7280;--b:#d9dee3}
*{box-sizing:border-box}
html,body{margin:0;background:#fff;color:var(--t);font-family:"Open Sans",Arial,sans-serif;font-size:15px;line-height:1.45}
.fa-wrap{max-width:420px;margin:0 auto;padding:18px 16px 24px}
.fa-title{font-size:22px;font-weight:700;margin:0 0 4px;color:var(--t)}
.fa-sub{margin:0 0 14px;color:var(--g);font-size:14px}
.fa-label{display:block;font-weight:600;font-size:14px;margin:12px 0 6px}
.fa-input{width:100%;height:46px;padding:10px 14px;border:1.5px solid var(--b);border-radius:10px;background:#f9fafb;font:inherit;color:var(--t);transition:border-color .2s,box-shadow .2s,background .2s}
.fa-input:focus{outline:none;background:#fff;border-color:var(--v);box-shadow:0 0 0 4px rgba(11,103,13,.12)}
.fa-input[readonly]{background:#eef0f2;color:var(--g)}
.fa-btn{display:block;width:100%;margin-top:18px;padding:13px 18px;border:1.5px solid var(--v);border-radius:10px;background:var(--v);color:#fff;font:inherit;font-weight:700;font-size:16px;text-align:center;text-decoration:none;cursor:pointer;transition:background .2s}
.fa-btn:hover{background:var(--vh);border-color:var(--vh)}
.fa-btn-sec{background:#fff;color:var(--v)}
.fa-btn-sec:hover{background:var(--vc);border-color:var(--v)}
.fa-alert{padding:10px 12px;border-radius:10px;font-size:14px;margin:0 0 4px}
.fa-alert-error{background:#fdf1f1;border:1px solid #f5c6cb;color:#8a1f17}
.fa-alert-ok{background:var(--vc);border:1px solid #b9dcb0;color:#0b4d0c}
.fa-more{margin-top:22px;border-top:1px solid var(--b);padding-top:14px}
.fa-more summary{cursor:pointer;color:var(--v);font-weight:600;list-style:none}
.fa-more summary::-webkit-details-marker{display:none}
.fa-more summary::after{content:" \25BE"}
.fa-more[open] summary::after{content:" \25B4"}
.fa-more[open] summary{margin-bottom:6px}
.fa-hola{color:var(--g);font-size:14px;margin:0}
.fa-name{font-size:20px;font-weight:700;margin:2px 0 18px;line-height:1.25}
.fa-menu{display:flex;flex-direction:column;gap:10px}
.fa-menu .fa-btn{margin-top:0}
.fa-link{display:block;text-align:center;margin-top:16px;color:var(--g);font-size:14px;text-decoration:none}
.fa-link:hover{color:var(--v);text-decoration:underline}
.fa-hint{font-size:12.5px;color:var(--g);margin:6px 0 0}
.fa-btn-salir{margin-top:22px;background:#fff;color:#c0392b;border-color:#c0392b}
.fa-btn-salir:hover{background:#fdf1f1;border-color:#a93226;color:#a93226}