/* 3A Compara · Interfaz 2026. Solo presentación; sin cambios de datos. */
textarea{display:block;width:100%;padding:14px 15px;border:1px solid #dbe5df;border-radius:10px;background:#f9fbfa;font:inherit;color:#183b40;margin-top:8px;resize:vertical}textarea:focus{outline:3px solid #70b62525;border-color:#65a731}.invoice-total{background:#f1f7ec;border-radius:10px;padding:16px 20px;font-size:14px;color:#375925;line-height:1.9}.invoice-total output{font-weight:700;font-variant-numeric:tabular-nums}.invoice-check{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#f5f8f6;border-radius:10px}.invoice-check input{width:18px;height:18px;min-height:0;margin:3px 0;padding:0;flex-shrink:0;accent-color:#096573}#invoice-match{font-size:13px}#invoice-form{max-width:940px}#invoice-form>button{margin-top:0}
:root{--green:#70b625;--teal:#096573;--ink:#183b40;--orange:#ff871b;--line:#e4ebe7;--muted:#6b7d7d;--canvas:#f5f7f6;--radius:20px;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--canvas);font-size:15px;line-height:1.6;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:var(--teal);text-underline-offset:4px}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:4px}h1,h2{line-height:1.2;letter-spacing:-.045em}h1{font-size:clamp(28px,3.5vw,42px);font-weight:650;margin:10px 0 14px}h2{font-size:23px;font-weight:650;margin:0 0 16px}p{margin:10px 0 16px}header{display:flex;align-items:center;gap:26px;background:white;border-bottom:1px solid var(--line);padding:20px 5%}header>a{flex-shrink:0}header img{display:block;width:135px;height:84px;object-fit:contain}.brand{font-size:14px;font-weight:600;line-height:1.5;color:var(--ink);border-left:1px solid var(--line);padding-left:24px}.brand small{display:block;color:var(--muted);font-weight:500;font-size:12px;margin-top:3px}nav{display:flex;gap:8px;margin-left:auto;align-items:center}nav>a{text-decoration:none;font-size:14px;font-weight:550;padding:11px 15px;border-radius:10px}nav>a:hover{background:#f2f6f1}nav>a[aria-current="page"]{background:#edf6e4;color:#376a18}nav form{margin:0}.container{max-width:1136px;margin:46px auto 0;padding:0 42px}.container>p:not(.eyebrow):not(.error):not(.success){color:var(--muted);max-width:770px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--teal);margin:0 0 14px}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green)}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px 34px;margin:26px 0;box-shadow:0 4px 20px #173b4003}.narrow{max-width:600px}.warning{background:#fff8ee;border:1px solid #f2e3c9;border-radius:12px;padding:15px 20px;margin:26px 0;color:#77522c;font-size:12px;line-height:1.65}.warning strong{display:block;color:#704515;font-weight:650;margin-bottom:2px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}label{display:block;font-size:12px;font-weight:650;color:#375458;line-height:1.55;margin:12px 0 17px}input{display:block;width:100%;background:#f9fbfa;color:var(--ink);border:1px solid #dbe5df;border-radius:10px;padding:14px 15px;margin-top:8px;min-height:50px;font-size:15px;font-weight:450;transition:border-color .15s,box-shadow .15s,background .15s}input::placeholder{color:#8c9c98;opacity:1}input:focus{outline:none;border-color:#65a731;box-shadow:0 0 0 4px #70b62518;background:#fff}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--teal);color:#fff;border:1px solid transparent;border-radius:10px;min-height:46px;padding:12px 23px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;margin:12px 0;transition:background .15s,box-shadow .15s}button:hover,.button:hover{background:#074f5a;box-shadow:0 4px 12px #09657317}.secondary{background:white;color:#476362;border-color:#dce6df}.secondary:hover{background:#f1f6f2;box-shadow:none}.grid button{align-self:end}.container>.card>form>button{margin-top:20px;background:#397421}.container>.card>form>button:hover{background:#2c5e18}.muted,footer{color:var(--muted);font-size:12px}.card form>.muted{margin-bottom:0}.error,.success{padding:15px 20px;border-radius:12px;font-size:14px;border:1px solid}.error{color:#902f30;background:#fff1f1;border-color:#f0cccc}.success{color:#376a26;background:#eef8e8;border-color:#d6e8ca}.hero{display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden;background:#0b5861;border:1px solid #0b5861;border-radius:var(--radius);color:#fff;padding:32px 36px;margin:26px 0}.hero:before{content:"";position:absolute;top:0;bottom:0;left:0;width:5px;background:var(--green)}.hero p{font-size:13px;color:#d5e8e5;margin:8px 0}.hero h2{font-size:30px;color:white;margin:4px 0}.hero strong{font-size:clamp(34px,4vw,49px);font-weight:600;letter-spacing:-.06em;color:#c3ee91}.hero>div:last-child{text-align:right}.table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:16px;margin:26px 0}table{border-collapse:collapse;width:100%;text-align:left;white-space:normal}th{background:#f8faf9;color:#72817c;font-size:10px;letter-spacing:.07em;text-transform:uppercase;font-weight:650}td,th{padding:18px 21px;border-bottom:1px solid #edf1ee}td{font-size:13px;color:#446060}td strong{color:var(--ink);font-weight:600}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfdf9}td a{font-weight:650}td button{font-size:12px;min-height:35px;padding:7px 12px;margin:0}details.card{padding:22px 26px}summary{cursor:pointer;font-size:14px;font-weight:600}details[open] summary{margin-bottom:20px}details p{font-size:13px}.pagination{display:flex;gap:22px;font-size:13px}footer{padding:32px 24px;text-align:center;font-size:11px}.login{max-width:530px;margin:48px auto;padding:0 24px}.login>.card{padding:38px}.login h1{font-size:34px;margin:18px 0}.login .card>p:not(.eyebrow){color:var(--muted);font-size:14px}.login form{margin-top:27px}.login button{width:100%;margin-top:16px;min-height:50px}.login:before{content:"";display:block;width:42px;height:4px;background:var(--orange);border-radius:3px;margin:0 auto 22px}
@media(min-width:1100px){body:has(header nav){padding-left:232px}body:has(header nav)>header{position:fixed;inset:0 auto 0 0;width:232px;flex-direction:column;align-items:stretch;padding:34px 22px;gap:28px;border-bottom:0;border-right:1px solid var(--line);z-index:10}body:has(header nav)>header>a{align-self:center}body:has(header nav)>header img{width:157px;height:99px}.brand:has(+nav){border-left:0;border-top:1px solid var(--line);padding:24px 9px 0;font-size:13px}.brand:has(+nav) small{font-size:11px}nav{flex-direction:column;align-items:stretch;margin:0;gap:9px;flex:1}nav>a{display:flex;align-items:center;gap:12px;padding:13px 14px}nav>a:before{content:"";width:7px;height:7px;flex-shrink:0;border:1.5px solid #94aaa2;border-radius:2px}nav>a[aria-current="page"]:before{border-color:var(--green);background:var(--green)}nav form{margin-top:auto;border-top:1px solid var(--line);padding-top:18px}nav form button{width:100%;margin:0;background:#f8faf9}.container{margin-top:44px}}
@media(min-width:1400px){.container{padding:0 54px;margin-top:60px}}
@media(max-width:760px){header{padding:14px 20px;gap:20px;flex-wrap:wrap}header img{width:105px;height:66px}.brand{font-size:12px;padding-left:18px}.brand small{font-size:11px}nav{width:100%;margin:0;overflow-x:auto;gap:4px;flex-wrap:nowrap;padding-top:8px;border-top:1px solid var(--line)}nav>a{white-space:nowrap;font-size:12px;padding:9px 10px}nav form button{font-size:12px;padding:8px 12px;min-height:36px;margin:0}.container{padding:0 20px;margin-top:28px}.card{padding:22px;margin:22px 0}.grid{grid-template-columns:1fr;gap:0}h1{font-size:29px}.container>p{font-size:14px}.warning{padding:13px 15px;font-size:11px;margin:22px 0}.hero{display:block;padding:26px}.hero>div:last-child{text-align:left;border-top:1px solid #ffffff20;padding-top:14px;margin-top:20px}.hero strong{font-size:40px}.hero h2{font-size:27px}td,th{padding:14px 16px}.table-wrap table{min-width:620px}.login{margin-top:28px;padding:0 18px}.login>.card{padding:26px}.login h1{font-size:29px}footer{font-size:10px}.container>.card>form>button{width:100%}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{body:has(header nav){padding:0;background:white}body:has(header nav)>header{position:static;width:auto;padding:10px;border:0;display:block}header img{width:110px!important;height:70px!important}header nav,.brand,button,.button,footer,.pagination{display:none!important}.container{max-width:none;padding:0;margin:15px 0}.hero{background:white;color:var(--ink);border:1px solid #ccc}.hero p,.hero h2,.hero strong{color:var(--ink)}.hero>div:last-child{border-color:#ddd}.card,.hero,.table-wrap{break-inside:avoid;box-shadow:none}.warning{font-size:10px}.table-wrap{overflow:visible}.table-wrap table{min-width:0}td,th{font-size:10px;padding:10px}details{display:none}}