@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,100..900&family=Jost:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined');
:root{--green:#56b387;--dark:#153f32;--pink:#c578a7;--line:#e8e6e2;--paper:#fff;--muted:#666;--tint:#eaf5ef}*{box-sizing:border-box}body{margin:0;color:#252525;background:#fff;font-family:'Google Sans Flex',sans-serif;font-size:15px}h1,h2,h3,button{font-family:Jost,sans-serif}h1{font-size:27px;margin:0}h2{font-size:20px}p{line-height:1.5}a{color:var(--dark);text-decoration:none}button,.btn{border:0;border-radius:6px;background:var(--green);color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:10px 18px;display:inline-block}button.ghost,.btn.ghost{background:white;color:var(--dark);border:1px solid #b9d9c9}button.red{background:#c45858}input,select,textarea{width:100%;border:1px solid #b7cbbb;border-radius:5px;background:white;padding:11px;font:inherit;color:inherit}textarea{min-height:90px}label{display:block;color:#555;font-size:13px}label input,label select,label textarea{margin-top:6px}form.stack{display:grid;gap:14px}hr{border:0;border-top:1px solid var(--line)}.muted{color:var(--muted);font-size:13px}.error{background:#fff0f0;color:#9f2525;padding:12px}.success{background:var(--tint);padding:12px}.login{min-height:100vh;display:grid;grid-template-columns:55% 45%}.login-photo{background:center/cover url('portada.jpg')}.login-form{display:flex;align-items:center;justify-content:center;padding:45px}.login-form>div{width:min(340px,100%);text-align:center}.brand{max-width:140px;max-height:135px;object-fit:contain}.login-form .brand{margin-bottom:48px}.login-form label{text-align:left}.login-form button{width:100%}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--line);padding:26px 14px;position:sticky;top:0;height:100vh}.sidebar .brand{display:block;margin:auto auto 24px;max-width:155px;max-height:100px}.nav{display:grid;gap:7px}.nav a{padding:12px 10px;display:flex;align-items:center;gap:10px;border-radius:4px}.nav a:hover,.nav a.active{background:#e4f4ec}.nav i{font-size:21px}.nav .logout{margin-top:30px}.main{padding:66px 36px 48px;max-width:1640px;width:100%;margin:0 auto}.subtitle{color:#777;margin:0 0 22px}.toolbar{display:flex;gap:10px;align-items:center;margin:14px 0 20px}.toolbar>*{width:auto}.toolbar input{flex:1}.gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:23px 12px}.tile{min-width:0}.thumb{display:block;width:100%;aspect-ratio:1.4;background:#111;border-radius:5px;object-fit:cover}.tile .desc{font-size:14px;margin-top:7px;font-weight:600}.tile small{color:#777;font-size:11px}.panel{border:1px solid var(--line);border-radius:6px;padding:20px;margin:14px 0}.detail{display:grid;grid-template-columns:minmax(330px,.8fr) minmax(0,1.45fr);gap:35px;margin-top:30px}.detail-media{width:100%;max-height:68vh;object-fit:contain;background:#161616}.meta{width:100%;border-collapse:collapse;margin:15px 0}.meta td{border-bottom:1px solid #ddd;padding:8px}.meta td:first-child{width:95px;font-weight:600}.note{border:1px solid #a9d1bc;border-radius:5px;padding:14px;white-space:pre-wrap;line-height:1.5}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.table{border-collapse:collapse;width:100%}.table td,.table th{padding:14px 10px;text-align:left;border-bottom:1px solid #e7e7e7}.table th{font-size:13px;color:#666}.split{display:grid;grid-template-columns:1fr 1fr;gap:30px}.installer{max-width:530px;margin:45px auto;padding:20px}.camera{width:100%;aspect-ratio:3/4;max-height:58vh;object-fit:cover;background:#121212;border-radius:6px}.preview{max-height:56vh;max-width:100%;display:block;margin:0 auto;border-radius:7px}.capture-shell{max-width:590px;margin:auto;padding:20px}.choices{display:grid;gap:12px}.choices button{width:100%;text-align:left;padding:16px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips button{background:#f2f2f2;color:#222;border:1px solid #ddd}.chips button.on{background:var(--tint);border-color:var(--green)}.frame{position:relative;max-width:540px;margin:20px auto}.guide{position:absolute;inset:10%;border:2px dashed rgba(255,255,255,.75);pointer-events:none}.badge{display:inline-block;background:var(--tint);border-radius:20px;padding:4px 9px;font-size:12px}.position-grid{display:grid;grid-template-columns:repeat(3,54px);gap:6px}.position-grid label{margin:0}.position-grid input{display:none}.position-grid span{display:flex;align-items:center;justify-content:center;width:54px;height:45px;background:#f1f1f1;cursor:pointer;border-radius:5px}.position-grid input:checked+span{background:var(--green);color:white}.config-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px}.demo-photo{aspect-ratio:4/3;background:center/cover url('portada.jpg');position:relative}.demo-logo,.demo-data{position:absolute;background:#0009;color:#fff;padding:8px;border-radius:4px;font-size:12px}.flash{background:#e2f5e9;padding:12px;margin:12px 0;border-radius:6px}.upload-progress{display:none}@media(max-width:1050px){.gallery{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.login{display:block}.login-photo{height:28vh}.login-form{padding:25px}.login-form .brand{margin-bottom:15px}.shell{display:block}.sidebar{height:auto;position:relative;padding:10px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.sidebar .brand{max-width:80px;margin:0}.nav{display:flex;flex-wrap:wrap;gap:3px}.nav a{font-size:12px;padding:7px}.nav .logout{margin:0}.main{padding:24px 14px}.gallery{grid-template-columns:repeat(2,1fr);gap:15px 8px}.detail,.split,.config-layout{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.toolbar input{flex-basis:100%}.table{font-size:12px}.table td,.table th{padding:7px 4px}}