.conexion-app{--cx-ink:#17342f;--cx-muted:#67756e;--cx-green:#244e40;--cx-line:#e0e5da;color:var(--cx-ink);background:#f7f8f3;font:16px Arial,sans-serif;isolation:isolate;border-radius:18px}.conexion-app *{box-sizing:border-box}.conexion-app button,.conexion-app input,.conexion-app select{font:inherit}.conexion-app button{cursor:pointer}.conexion-app button:disabled{opacity:.45;cursor:not-allowed}.conexion-app :focus-visible{outline:3px solid #b0d47d;outline-offset:3px}.conexion-app .cx-wrap{max-width:1100px;margin:auto}.conexion-app .cx-top{display:flex;justify-content:space-between;align-items:center;padding:26px 32px;border-bottom:1px solid var(--cx-line)}.conexion-app .cx-top>span{font-size:11px;color:var(--cx-muted)}.conexion-app .cx-brand{display:flex;gap:12px;align-items:center;font-size:13px;font-weight:700;letter-spacing:.08em}.conexion-app .cx-brand>span{display:grid;place-items:center;width:42px;height:42px;background:var(--cx-green);color:#d9ecb0;border-radius:50% 50% 8px 50%;font-size:28px}.conexion-app .cx-brand small{display:block;font-size:10px;letter-spacing:.13em;margin-top:4px}.conexion-app main{padding:38px 30px 0}.conexion-app .cx-eyebrow{font-size:10px;letter-spacing:.13em;color:#5d765c;font-weight:700}.conexion-app h1{font-size:clamp(32px,5vw,52px);line-height:1.12;letter-spacing:-.04em;margin:18px 0}.conexion-app h1 em{font-style:normal;color:#67845b}.conexion-app h2{font-size:23px;margin:8px 0}.conexion-app h3{font-size:17px;margin:0}.conexion-app p{font-size:14px;line-height:1.7;color:var(--cx-muted)}.conexion-app .cx-intro{margin-bottom:30px}.conexion-app aside{font-size:12px;line-height:1.6;border-left:3px solid #b7cd9b;padding-left:12px;margin:20px 0}.conexion-app .cx-card{padding:25px;border:1px solid var(--cx-line);border-radius:15px;background:white}.conexion-app .cx-identity{display:flex;gap:25px;justify-content:space-between;align-items:center}.conexion-app .cx-identity>label{flex-basis:50%;font-size:12px;font-weight:600}.conexion-app select,.conexion-app input[type=password]{display:block;width:100%;border:1px solid #cbd4c4;background:#f9faf6;border-radius:8px;padding:13px;color:var(--cx-ink);margin-top:8px}.conexion-app .cx-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:30px 0 18px}.conexion-app .cx-count{padding:8px 12px;border-radius:20px;background:#edf2e4;font-size:11px;white-space:nowrap}.conexion-app .cx-tabs{display:flex;gap:7px;max-width:500px;background:#eaf0e2;border-radius:10px;padding:5px}.conexion-app .cx-tabs button{display:flex;align-items:center;justify-content:space-between;gap:15px;flex:1;border:0;border-radius:7px;background:transparent;padding:13px 15px;color:#60715d;font-weight:600}.conexion-app .cx-tabs .active{background:var(--cx-green);color:white}.conexion-app .cx-tabs small{font-size:10px;font-weight:400}.conexion-app .cx-hint{font-size:12px;margin:16px 0}.conexion-app .cx-days{display:grid;grid-template-columns:1fr 1fr;gap:15px}.conexion-app .cx-day{padding:22px}.conexion-app .cx-date{display:flex;gap:14px;align-items:center;margin-bottom:18px}.conexion-app .cx-date>span{font-size:34px;line-height:1;background:#f1f4ec;border-radius:9px;padding:11px}.conexion-app .cx-date strong{display:block;font-size:15px}.conexion-app small{display:block;color:inherit}.conexion-app .cx-date small{font-size:12px;color:var(--cx-muted);margin-top:5px}.conexion-app fieldset{padding:0;margin:0;border:0;min-width:0}.conexion-app .cx-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.conexion-app .cx-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.conexion-app .cx-slot{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:65px;border:1px solid #dce3d4;border-radius:9px;padding:10px 5px;cursor:pointer}.conexion-app .cx-slot.checked{background:#edf5dd;border-color:#80a55e}.conexion-app .cx-slot input{position:absolute;opacity:0;width:100%;height:100%;inset:0;margin:0;cursor:pointer}.conexion-app .cx-slot:focus-within{outline:3px solid #b0d47d;outline-offset:2px}.conexion-app .cx-check{width:17px;height:17px;border:1px solid #b1c0a5;border-radius:4px;display:grid;place-items:center;font-size:12px;background:white}.conexion-app .checked .cx-check{background:var(--cx-green);color:white;border-color:var(--cx-green)}.conexion-app .cx-slot strong{font-size:16px;display:block}.conexion-app .cx-slot small{font-size:9px;margin-top:4px}.conexion-app .cx-day-actions{display:flex;justify-content:space-between;gap:10px;margin-top:12px}.conexion-app .cx-day-actions button{border:0;background:none;color:#5c7652;padding:3px 0;text-decoration:underline;text-underline-offset:3px;font-size:11px}.conexion-app .cx-save{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:24px;background:#edf2e5}.conexion-app .cx-save p{font-size:12px;margin:8px 0 0;max-width:510px}.conexion-app .cx-primary{background:var(--cx-green);color:white;border:1px solid var(--cx-green);padding:15px 20px;border-radius:8px;font-size:13px;white-space:nowrap;min-height:48px}.conexion-app .cx-error,.conexion-app .cx-success{padding:16px;border-radius:9px;font-size:13px}.conexion-app .cx-error{background:#f7e8e2;color:#8d3e28}.conexion-app .cx-success{background:#e4efda;color:#28502f}.conexion-app .cx-recovery{margin-top:22px;font-size:13px}.conexion-app .cx-recovery summary{cursor:pointer;font-weight:600}.conexion-app .cx-recovery p{font-size:12px}.conexion-app .cx-code-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:15px}.conexion-app .cx-code-actions button{padding:10px 13px;background:white;border:1px solid #cbd4c4;border-radius:8px;font-size:12px;color:var(--cx-ink)}.conexion-app footer{margin-top:30px;padding:24px 0;border-top:1px solid var(--cx-line);font-size:11px;color:var(--cx-muted)}@media(max-width:680px){.conexion-app main{padding:28px 16px 0}.conexion-app .cx-top{padding:20px 16px}.conexion-app .cx-top>span{font-size:9px}.conexion-app .cx-days{grid-template-columns:1fr}.conexion-app .cx-identity{display:block}.conexion-app .cx-identity>label{display:block;margin-top:20px}.conexion-app .cx-card{padding:20px}.conexion-app .cx-heading{align-items:flex-end}.conexion-app h2{font-size:21px}.conexion-app .cx-count{font-size:9px;padding:7px 8px}.conexion-app .cx-tabs button{padding:12px 10px;gap:10px;font-size:13px}.conexion-app .cx-save{display:block}.conexion-app .cx-primary{margin-top:15px;width:100%;white-space:normal}.conexion-app .cx-code-actions{display:grid}}