@import "https://fonts.googleapis.com/css2?family=Special+Gothic+Expanded+One&family=Special+Gothic:wght@400..700&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--imperial-blue:#0a2463;--blue-bell:#3e92cc;--ghost-white:#fffaff;--ghost-white2:#d3d2d3;--magenta-bloom:#d8315b;--carbon-black:#1e1b18;--color-error:#940b2e;--color-success:#1fa11b;--color-primary:var(--imperial-blue);--color-secondary:var(--blue-bell);--color-accent:var(--magenta-bloom);--color-background:var(--ghost-white);--color-bg2:var(--ghost-white2);--color-surface:#fff;--color-surface-alt:#f2f4f8;--color-text:var(--carbon-black);--color-text-muted:#625e5a;--color-text-inverse:var(--ghost-white);--color-border:#d9d6d2;--color-shadow:#1e1b181f;color-scheme:light}@media (prefers-color-scheme:dark){:root{--color-primary:var(--blue-bell);--color-secondary:var(--imperial-blue);--color-accent:var(--magenta-bloom);--color-background:#12100f;--color-bg2:var(--carbon-black);--color-surface:var(--carbon-black);--color-surface-alt:#292521;--color-text:var(--ghost-white);--color-text-muted:#c8c3bd;--color-text-inverse:var(--carbon-black);--color-border:#403a35;--color-shadow:#00000059;color-scheme:dark}}html,body{width:100%;min-height:100%}body{color:var(--color-text);font-family:Special Gothic;font-weight:500}ul{list-style:none}header{background-color:var(--color-secondary);padding:20px}nav ul{justify-content:space-evenly;gap:16px;display:flex}.nav-button{color:var(--color-text);cursor:pointer;background-color:#0000;border:none;padding:10px 12px;font-family:Special Gothic Expanded One,sans-serif;font-size:16px;transition:color .25s,transform .25s;position:relative}.nav-button:hover{color:var(--color-link);transform:translateY(-2px)}.nav-button:after{content:"";background-color:var(--color-accent);border-radius:999px;height:3px;transition:transform .25s;position:absolute;bottom:2px;left:12px;right:12px;transform:scaleX(0)}.nav-button.btnactive{color:var(--color-accent)}.nav-button.btnactive:after{transform:scaleX(1)}main{width:min(100% - 15px,1800px);margin-inline:auto;padding-block:40px}#cds{& ul{box-sizing:border-box;width:100%;height:min(70vh - 30px,1000px);padding:10px 5px;overflow-y:scroll;& li{background-color:var(--color-bg2);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;width:100%;margin:20px 0;padding:5px;display:flex;& .cds-info{align-items:center;gap:10px;font-size:14px;display:flex}& .icon{background-color:var(--color-secondary);border-radius:10px;justify-content:center;align-items:center;padding:10px 9px;font-size:18px;display:flex}}}}.cds-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.cds-header-actions{align-items:center;gap:10px;display:flex}.time-format-button,.add-caducidad{cursor:pointer;border:none;border-radius:50%;place-items:center;width:52px;height:52px;font-size:20px;transition:transform .25s,background-color .25s;display:grid}.add-caducidad{background-color:var(--color-accent);color:var(--ghost-white)}.time-format-button{background-color:var(--color-surface-alt);color:var(--color-text)}.time-format-button:hover,.add-caducidad:hover{transform:scale(1.06)}.time-format-button i{transition:transform .35s}.time-format-button.is-date-mode i{transform:rotate(180deg)}.add-caducidad{background-color:var(--color-accent);width:52px;height:52px;color:var(--ghost-white);cursor:pointer;border:none;border-radius:50%;place-items:center;font-size:34px;display:grid}.add-caducidad:hover{color:var(--ghost-white);transform:scale(1.06)}.caducidad-card{border:1px solid var(--color-border);background-color:var(--color-accent);width:100%;box-shadow:0 6px 18px var(--color-shadow);touch-action:pan-y;border-radius:14px;position:relative;overflow:hidden}.caducidad-content{z-index:2;background-color:var(--color-bg2);will-change:transform;grid-template-columns:minmax(140px,1fr) 190px;align-items:center;gap:12px;width:100%;min-height:58px;padding:5px;transition:transform .25s;display:grid;position:relative;transform:translate(0)}.delete-caducidad{z-index:1;background-color:var(--color-surface-alt);width:42px;height:42px;color:var(--color-accent);cursor:pointer;border:0;border-radius:10px;place-items:center;font-size:20px;transition:all .2s;display:grid;position:absolute;top:50%;bottom:0;right:10px;transform:translateY(-50%);&:hover{color:var(--color-error);background-color:var(--color-surface)}}.caducidad-card.is-swipe-open .caducidad-content{transform:translate(-76px)}.caducidad-card.is-expired{border-color:var(--color-accent)}.cds-info{align-items:center;gap:14px;display:flex}.icon,.product-preview-icon{background-color:var(--color-surface-alt);width:48px;height:48px;color:var(--color-primary);border-radius:12px;flex:none;place-items:center;font-size:24px;display:grid}.product-name{gap:4px;display:grid}.product-name span{color:var(--color-text-muted);text-transform:capitalize;font-size:12px}.caducidad-times{gap:5px;min-width:190px;display:grid}.caducidad-times p{grid-template-columns:1fr 8ch;align-items:center;column-gap:10px;display:grid}.caducidad-times span{color:var(--color-text-muted);white-space:nowrap;font-size:14px}.caducidad-times strong{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;width:8ch;font-size:14px;display:inline-block}.caducidad-times span{color:var(--color-text-muted)}.timer-ready strong{color:#238636}.timer-expired strong{color:var(--color-accent)}.caducidades-empty{text-align:center;color:var(--color-text-muted);padding:36px}.caducidad-modal{border:1px solid var(--color-border);background-color:var(--color-surface);width:min(90%,500px);color:var(--color-text);border-radius:18px;padding:0;position:relative;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.caducidad-modal::backdrop{backdrop-filter:blur(3px);background-color:#000000a6}.caducidad-form{gap:20px;padding:24px;display:grid}.modal-header{justify-content:space-between;align-items:center;display:flex}.close-modal{background-color:var(--color-surface-alt);width:40px;height:40px;color:var(--color-text);cursor:pointer;border:none;border-radius:50%;place-items:center;display:grid}.caducidad-form label{font-weight:700}.caducidad-form select{border:1px solid var(--color-border);background-color:var(--color-background);width:100%;color:var(--color-text);font:inherit;border-radius:10px;padding:12px 14px}.product-preview{border:1px solid var(--color-border);background-color:var(--color-surface-alt);border-radius:12px;align-items:center;gap:14px;padding:16px;display:flex}.product-preview p{color:var(--color-text-muted);margin-top:4px;font-size:14px}.modal-actions{justify-content:flex-end;gap:12px;display:flex}.button{font:inherit;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-weight:700;display:inline-flex}.button-primary{background-color:var(--color-primary);color:var(--ghost-white)}.button-secondary{background-color:var(--color-surface-alt);color:var(--color-text)}@media (width<=700px){.caducidad-card{grid-template-columns:1fr auto}.caducidad-times{grid-column:1/-1}}.tool-section[hidden]{display:none}@media (width<=600px){header{padding:12px}nav ul{gap:4px}.nav-button{padding-inline:6px;font-size:11px}}