*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}:root{--bg:#f4f1ec;--bg-warm:#ede9e1;--card:#faf8f5;--card-border:rgba(0,0,0,0.07);--ink:#2a2520;--ink-sec:#6b6259;--ink-muted:#a89f96;--rule:rgba(0,0,0,0.09);--accent:#7c6f5e;--accent-light:rgba(124,111,94,0.08);--accent-med:rgba(124,111,94,0.18);--sage:#6b8070;--sage-bg:rgba(107,128,112,0.09);--sage-border:rgba(107,128,112,0.28);--sage-text:#3d5247;--amber:#9b7c42;--amber-bg:rgba(155,124,66,0.09);--amber-border:rgba(155,124,66,0.28);--amber-text:#6b510f;--rose:#9b5252;--rose-bg:rgba(155,82,82,0.08);--rose-border:rgba(155,82,82,0.26);--rose-text:#6b2b2b;--focus:#8b7355;--radius:0.5rem;--radius-sm:0.3rem;--font-body:'DM Sans',system-ui,sans-serif;--font-display:'DM Serif Display',Georgia,serif;}body{font-family:var(--font-body);background-color:var(--bg);background-image:radial-gradient(ellipse at 20% 0%,rgba(180,170,155,0.18) 0%,transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(180,170,155,0.12) 0%,transparent 60%);color:var(--ink);min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;}::selection{background:rgba(124,111,94,0.18);}::-webkit-scrollbar{width:5px;}::-webkit-scrollbar-thumb{background:var(--ink-muted);border-radius:3px;}.site-header{background:var(--card);border-bottom:1px solid var(--rule);height:52px;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;position:sticky;top:0;z-index:10;}.nav-brand{display:flex;align-items:center;gap:0.55rem;color:var(--ink);font-weight:500;font-size:0.85rem;letter-spacing:0.01em;text-decoration:none;}.nav-brand-sep{color:var(--ink-muted);font-weight:300;}.nav-brand-sub{color:var(--ink-sec);font-size:0.80rem;font-weight:400;}.nav-pill{font-size:0.62rem;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;border:1px solid var(--card-border);border-radius:999px;padding:0.16rem 0.65rem;color:var(--ink-sec);background:var(--bg-warm);}.refs-bar{background:var(--bg-warm);border-bottom:1px solid var(--rule);padding:0.5rem 2rem;display:flex;align-items:center;gap:1.2rem;font-size:0.70rem;color:var(--ink-sec);flex-wrap:wrap;}.refs-label{font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var(--ink-muted);font-size:0.60rem;white-space:nowrap;}.refs-items{display:flex;align-items:center;gap:0.2rem;flex-wrap:wrap;}.ref-item{display:inline-flex;align-items:center;gap:0.4rem;padding:0.18rem 0.55rem;border-radius:999px;border:1px solid var(--card-border);background:var(--card);color:var(--ink-sec);font-size:0.68rem;font-weight:500;}.ref-dot{width:4px;height:4px;border-radius:50%;background:var(--ink-muted);display:inline-block;flex-shrink:0;}.refs-disclaimer{margin-left:auto;color:var(--ink-muted);font-style:italic;font-size:0.65rem;white-space:nowrap;}@media (max-width:600px){.refs-disclaimer{display:none;}.refs-bar{padding:0.5rem 1rem;}}main{flex:1;display:flex;justify-content:center;padding:2rem 1rem 4rem;}.app{width:100%;max-width:720px;display:flex;flex-direction:column;gap:1rem;}.page-title{padding:0 0.25rem;}.page-title h1{font-family:var(--font-display);font-size:1.55rem;font-weight:400;color:var(--ink);letter-spacing:-0.01em;line-height:1.2;}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:1.75rem;box-shadow:0 1px 8px rgba(0,0,0,0.04);}.card-header{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--rule);}.card-title{font-size:0.78rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--ink-sec);}.btn-clear{flex-shrink:0;background:none;border:1px solid transparent;color:var(--ink-muted);font-size:0.71rem;font-family:var(--font-body);cursor:pointer;padding:0.22rem 0.6rem;border-radius:var(--radius-sm);transition:color 0.15s,border-color 0.15s,background 0.15s;}.btn-clear:hover{color:var(--rose);border-color:var(--rose-border);background:var(--rose-bg);}.modo-toggle{display:inline-flex;background:var(--bg-warm);border:1px solid var(--rule);border-radius:var(--radius-sm);padding:3px;gap:2px;margin-bottom:1.25rem;}.modo-btn{padding:0.35rem 0.9rem;font-size:0.75rem;font-weight:500;font-family:var(--font-body);border-radius:4px;border:none;background:transparent;color:var(--ink-muted);cursor:pointer;transition:all 0.15s;letter-spacing:0.01em;}.modo-btn.active{background:var(--card);color:var(--ink);box-shadow:0 1px 4px rgba(0,0,0,0.08);font-weight:600;}.field-label{display:block;font-size:0.80rem;font-weight:600;color:var(--ink-sec);margin-bottom:0.45rem;letter-spacing:0.01em;}.field-hint{font-size:0.70rem;color:var(--ink-muted);margin-top:0.3rem;font-style:italic;}.clean-input{width:100%;padding:0.7rem 0.85rem;background:var(--bg);border:1px solid rgba(0,0,0,0.12);border-radius:var(--radius-sm);font-size:0.90rem;font-weight:400;font-family:var(--font-body);color:var(--ink);outline:none;transition:border-color 0.15s,box-shadow 0.15s;-webkit-appearance:none;}.clean-input:focus{border-color:var(--focus);box-shadow:0 0 0 3px rgba(139,115,85,0.10);background:#fff;}input[type="number"].clean-input{-moz-appearance:textfield;}input[type="number"].clean-input::-webkit-inner-spin-button,input[type="number"].clean-input::-webkit-outer-spin-button{-webkit-appearance:none;}#isem::-webkit-inner-spin-button,#isem::-webkit-outer-spin-button,#idias::-webkit-inner-spin-button,#idias::-webkit-outer-spin-button{-webkit-appearance:auto;opacity:1;cursor:pointer;}#isem,#idias{-moz-appearance:number-input;padding-right:0.4rem;}.input-group{margin-bottom:1rem;}.input-group:last-child{margin-bottom:0;}.input-row-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}@media (max-width:420px){.input-row-2{grid-template-columns:1fr;}}.sem-row{display:flex;align-items:center;gap:0.55rem;}.sem-row .clean-input{flex:0 0 5.5rem;}.sem-unit{font-size:0.80rem;color:var(--ink-muted);}.eg-badge{display:flex;align-items:center;gap:0.6rem;margin-top:1rem;padding:0.75rem 1.1rem;background:var(--accent-light);border:1px solid var(--accent-med);border-radius:var(--radius-sm);font-size:0.84rem;color:var(--ink-sec);animation:fadeUp 0.2s ease-out;}.eg-badge-icon{font-size:1.1rem;flex-shrink:0;line-height:1;}.eg-num{font-size:1.45rem;font-weight:700;color:var(--ink);font-family:var(--font-display);font-style:italic;}.eco-selector{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--rule);animation:fadeUp 0.2s ease-out;}.eco-selector-label{font-size:0.76rem;font-weight:600;color:var(--ink-sec);margin-bottom:0.55rem;letter-spacing:0.01em;}.eco-sel-btns{display:flex;gap:0.5rem;flex-wrap:wrap;}.eco-sel-btn{display:flex;padding:0.45rem 0.9rem;font-family:var(--font-body);font-size:0.78rem;font-weight:600;border-radius:var(--radius-sm);border:1px solid rgba(0,0,0,0.12);background:var(--bg);color:var(--ink-sec);cursor:pointer;transition:all 0.15s;line-height:1.3;}.eco-sel-btn:hover{border-color:var(--accent);color:var(--ink);background:var(--accent-light);}.eco-sel-btn.active{background:var(--accent);color:#fff;border-color:var(--accent);}.placeholder{display:flex;align-items:center;justify-content:center;gap:0.6rem;padding:2rem;color:var(--ink-muted);font-size:0.78rem;background:var(--card);border:1px dashed rgba(0,0,0,0.10);border-radius:var(--radius);text-align:center;}.placeholder-dot{width:6px;height:6px;border-radius:50%;background:var(--ink-muted);opacity:0.5;flex-shrink:0;}.resultado-panel{border-radius:var(--radius);border:1px solid;overflow:hidden;box-shadow:0 1px 8px rgba(0,0,0,0.04);animation:fadeUp 0.25s ease-out;}.resultado-panel.dentro{border-color:var(--sage-border);}.resultado-panel.fuera{border-color:var(--amber-border);}.resultado-panel.superada{border-color:var(--rose-border);}.resultado-header{padding:0.85rem 1.1rem;font-weight:700;font-size:0.88rem;line-height:1.3;}.resultado-panel.dentro .resultado-header{background:var(--sage-bg);color:var(--sage-text);}.resultado-panel.fuera .resultado-header{background:var(--amber-bg);color:var(--amber-text);}.resultado-panel.superada .resultado-header{background:var(--rose-bg);color:var(--rose-text);}.resultado-body{padding:0.85rem 1.1rem;background:var(--card);border-top:1px solid rgba(0,0,0,0.05);}.resultado-ventana{font-size:0.74rem;color:var(--ink-muted);margin-bottom:0.5rem;}.resultado-accion{font-size:0.88rem;color:var(--ink-sec);line-height:1.7;}.resultado-date{font-weight:700;font-size:0.95rem;font-variant-numeric:tabular-nums;}.resultado-panel.dentro .resultado-date{color:var(--sage);}.resultado-panel.fuera .resultado-date{color:var(--amber);}.resultado-panel.superada .resultado-date{color:var(--rose);}@keyframes fadeUp{from{opacity:0;transform:translateY(5px);}to{opacity:1;transform:translateY(0);}}.hidden{display:none !important;}.site-footer{background:var(--bg-warm);border-top:1px solid var(--rule);color:var(--ink-muted);text-align:center;padding:0.85rem 1rem;font-size:0.67rem;line-height:1.6;}.site-footer strong{color:var(--ink-sec);}.ref-table-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 8px rgba(0,0,0,0.04);}.ref-table-header{padding:0.75rem 1.25rem;border-bottom:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;}.ref-table-header-left{display:flex;gap:0.1rem;}.ref-table-header-label{font-size:0.78rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--ink-sec);}.ref-table-header-sub{font-size:0.65rem;color:var(--ink-muted);font-weight:400;}.ref-date-control{display:flex;align-items:center;gap:0.5rem;flex-shrink:0;}.ref-date-label{font-size:0.68rem;color:var(--ink-muted);white-space:nowrap;}.ref-date-input{padding:0.28rem 0.6rem;background:var(--bg);border:1px solid rgba(0,0,0,0.12);border-radius:var(--radius-sm);font-size:0.75rem;font-family:var(--font-body);color:var(--ink);outline:none;transition:border-color 0.15s,box-shadow 0.15s;-webkit-appearance:none;}.ref-date-input:focus{border-color:var(--focus);box-shadow:0 0 0 2px rgba(139,115,85,0.10);}.ref-date-reset{background:none;border:none;font-size:0.68rem;color:var(--ink-muted);font-family:var(--font-body);cursor:pointer;padding:0.2rem 0.4rem;border-radius:var(--radius-sm);transition:color 0.15s,background 0.15s;}.ref-date-reset:hover{color:var(--ink-sec);background:var(--bg-warm);}.ref-table{width:100%;border-collapse:collapse;font-size:0.77rem;}.ref-table thead tr{background:var(--bg-warm);}.ref-table th{padding:0.55rem 0.9rem;text-align:left;font-size:0.63rem;font-weight:600;letter-spacing:0.07em;text-transform:uppercase;color:var(--ink-muted);border-bottom:1px solid var(--rule);white-space:nowrap;}.ref-table td{padding:0.65rem 0.9rem;border-bottom:1px solid rgba(0,0,0,0.04);color:var(--ink-sec);vertical-align:middle;}.ref-table tbody tr:last-child td{border-bottom:none;}.ref-table tbody tr:hover td{background:rgba(0,0,0,0.015);}.ref-table .eco-name{font-weight:600;color:var(--ink);}.ref-table .num-val{font-variant-numeric:tabular-nums;font-weight:500;color:var(--ink);}.ref-table .fuente-val{font-size:0.65rem;font-style:italic;color:var(--ink-muted);}@media (max-width:560px){.ref-table th,.ref-table td{padding:0.55rem 0.75rem;}.ref-table th:last-child,.ref-table td:last-child{display:none;}}@media (max-width:500px){.card{padding:1.25rem 1rem;}main{padding:1.25rem 0.75rem 3rem;}.site-header{padding:0 1rem;}}.ref-table-wrap{overflow-x:auto;}