*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#253444;background:#f4f5f6}a{text-decoration:none;color:inherit}.wrap{max-width:1180px;margin:auto;padding:0 18px}.ctop{background:#123b5d;color:#dceaf4;font-size:12px}.ctop .wrap{height:30px;display:flex;align-items:center;justify-content:space-between}.ctop nav{display:flex;gap:22px}header{background:#fff}.head{height:83px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:#0876ad}.brand>span{background:#0ba1d1;color:white;width:44px;height:44px;display:grid;place-items:center;border-radius:8px;font-weight:bold}.brand b{font-size:22px}.brand small{display:block;font-size:11px;color:#75828e}.notify{font-size:12px;color:#5f7180}.menu{background:#0785be;color:white}.menu>.wrap{display:flex;height:43px;align-items:stretch}.menu a,.user{padding:13px 20px}.menu a:hover{background:#0872a4}.user{margin-left:auto;background:#075b82;position:relative;cursor:pointer}.drop{display:none;position:absolute;right:0;top:43px;background:white;color:#333;width:220px;border:1px solid #d4d9dd;box-shadow:0 8px 20px #0002;z-index:10}.drop a{display:block;padding:11px 16px}.drop a:hover{background:#f0f3f5}.user:hover .drop{display:block}.layout{display:grid;grid-template-columns:245px 1fr;gap:28px;padding-top:28px;padding-bottom:70px}.sidebox{background:#fff;border:1px solid #dfe3e6;margin-bottom:17px}.sidebox h4,.sidebox>p,.sidebox>b{margin:0;padding:13px 14px}.sidebox h4{background:#f3f4f5;color:#667785;font-weight:normal;border-bottom:1px solid #e3e6e8}.sidebox p{font-size:13px;line-height:1.55}.advice{padding:17px;background:#fffbea;border:2px solid #987221;color:#805e1a}.advice b,.advice p{padding:0}.sidebtn{display:block;margin:0 12px 12px;background:#58bd68;color:white;text-align:center;padding:9px;font-size:12px}.sidebtn.blue{background:#18a9ca}.okdot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#29bd6b;margin-right:6px}.content{min-width:0}.content h1{font-size:34px;font-weight:300;color:#07659b;margin:4px 0 5px;border-bottom:1px solid #cdd3d7;padding-bottom:8px}.crumb{font-size:11px;color:#82909c;margin:9px 0 28px}.alert{background:#fff;border:1px solid #d9dde0;border-top:3px solid #e65353;margin-bottom:28px}.alert b{display:block;background:#f5f5f5;padding:11px 14px}.alert p{padding:0 14px 14px;line-height:1.55}.dashstats{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #e0e3e5;margin-bottom:24px}.dashstats article{padding:18px;border-right:1px solid #e0e3e5}.dashstats article:last-child{border:0}.dashstats b{display:block;color:#0576ad;font-size:28px}.dashstats span{font-size:10px;color:#71808c}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:22px}.panel{background:white;border:1px solid #dce1e4}.panel header{border-top:3px solid #0aa1d1;border-bottom:1px solid #dce1e4;padding:11px 14px;color:#455765}.service{padding:17px}.badge{background:#32b95f;color:white;font-size:9px;padding:4px 7px}.service h3{margin-bottom:3px}.service p{color:#0a77ad}.service dl,.detail dl{display:grid;grid-template-columns:1fr 1fr;font-size:13px}.service dt,.service dd,.detail dt,.detail dd{padding:7px 0;border-bottom:1px solid #edf0f2;margin:0}.btn{display:inline-block;background:#1786bc;color:white;padding:9px 14px;font-size:13px}.quick{display:grid;grid-template-columns:1fr 1fr}.quick a{min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #edf0f2;color:#0b6f9e;font-size:28px}.quick span{font-size:12px;margin-top:9px;color:#445562}.table{background:white;border:1px solid #d9dfe3;margin:28px 0}.thead,.tr{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;align-items:center}.thead{background:#555d6b;color:white}.thead>*{padding:13px}.tr>*{padding:15px;border-right:1px solid #e0e4e7}.tr small{display:block;color:#72818d;margin-top:5px}.tr em{font-style:normal;border:1px solid #cdd4d8;color:#22964d;padding:7px 18px}.four{grid-template-columns:1fr 2fr 1fr 1fr}.five{grid-template-columns:1fr 1.4fr 2.3fr 1.2fr .8fr}.detail{margin-top:22px}.detail>p,.detail>dl{padding:14px}.notice{background:#fff7dd;border:1px solid #eadca6;padding:14px;margin:25px 0;color:#7c651f}.full{background:#fff;padding:24px;margin:28px 0 70px}.supportcats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:45px 0}.supportcats a{display:flex;min-height:160px;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:38px;color:#086a9a}.supportcats b{font-size:15px;margin:12px 0 7px}.supportcats span{font-size:12px;color:#7b8790}.center{text-align:center}.ticket{max-width:850px}.ticket label{display:block;font-weight:bold;font-size:13px;margin-bottom:17px}.ticket input,.ticket select,.ticket textarea,.mini input,.mini textarea{width:100%;padding:10px;border:1px solid #c7cdd2;margin-top:6px}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ticket button,.mini button{background:#177fb2;color:#fff;border:0;padding:10px 18px}.muted{color:#87939d;font-size:11px}.toolbar{text-align:right}.mini{padding:15px}.mini>*{margin-bottom:10px}footer{background:#343d44;color:#d6dde1}.foot{display:grid;grid-template-columns:repeat(4,1fr);gap:50px;padding-top:38px;padding-bottom:38px}.foot h4{color:white}.foot a{display:block;margin:10px 0;color:#ccd5da;font-size:13px}.foot p{font-size:13px}.copy{background:#252c31;text-align:center;padding:12px;font-size:11px}@media(max-width:850px){.menu>.wrap{overflow:auto}.layout{grid-template-columns:1fr}.layout aside{display:none}.dashstats,.grid2,.supportcats,.foot{grid-template-columns:1fr}.thead,.tr{min-width:700px}.table{overflow:auto}.two{grid-template-columns:1fr}}/* v0.4 · El Área de Clientes administra el servicio; el producto real queda destacado */
.mydc{background:linear-gradient(110deg,#0b3458,#164f79);color:#fff;padding:26px 28px;margin-bottom:28px;display:flex;justify-content:space-between;gap:25px;align-items:center}.mydc h2{margin:5px 0 7px;font-size:26px}.mydc p{max-width:720px;color:#d7e5ef;line-height:1.5}.overline{font-size:10px;letter-spacing:1.2px;color:#52c9eb;font-weight:bold}.servicechips{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.servicechips span{background:#ffffff16;border:1px solid #ffffff2c;padding:7px 9px;font-size:11px}.outlinebtn{white-space:nowrap;border:1px solid #b9d2e3;color:#fff;padding:11px 14px;font-size:12px}.sectiontitle{font-size:20px;color:#1b3448;margin:0 0 14px}.system-access{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:25px}.system-access article{background:#fff;border:1px solid #dce3e8;box-shadow:0 8px 24px #15304a0d}.accessshot{height:180px;overflow:hidden;background:#e9eef2;border-bottom:1px solid #e0e5e9}.accessshot img{width:100%;height:100%;object-fit:cover;object-position:top}.accessbody{padding:18px}.accessbody>span{font-size:9px;letter-spacing:1px;color:#9a6c20;font-weight:bold}.accessbody h3{margin:6px 0;font-size:21px;color:#153a5c}.accessbody p{font-size:13px;color:#697986;line-height:1.5;min-height:40px}.launch{display:inline-block;margin-top:7px;background:#0b78aa;color:#fff;padding:10px 13px;font-size:12px;font-weight:bold}.launch.gold{background:#b98734}.secondary-stats{margin-top:0}.service-tools{margin-top:22px}.providers{padding:9px 17px 17px}.providers div{display:flex;justify-content:space-between;align-items:center;padding:14px 3px;border-bottom:1px solid #edf0f2}.providers span{font-size:11px;color:#788691}.providers .on{color:#219355;font-weight:bold}
@media(max-width:900px){.system-access{grid-template-columns:1fr}.mydc{align-items:flex-start;flex-direction:column}.accessshot{height:220px}}