@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap";.brand-titulo{display:inline-flex;flex-direction:column;align-items:flex-start;font-family:Arial,sans-serif;line-height:1}.brand-name-titulo{display:flex;align-items:baseline;font-size:clamp(24px,4vw,36px);font-weight:800;letter-spacing:-1px}.brand-initial-titulo{color:#fcfcfc}.brand-lastname-titulo{color:#0284c7}.brand-subtitle-titulo{margin-top:6px;font-size:11px;font-weight:600;letter-spacing:4px;color:#ebedef}@media(max-width:480px){.brand-subtitle-titulo{font-size:9px;letter-spacing:3px}}:root{font-family:DM Sans,Arial,sans-serif;color:#152641;background:#f7f9fd;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button{font:inherit}.container{max-width:1080px;margin:auto;padding-left:25px;padding-right:25px}header{background:#071a35;color:#fff;border-bottom:1px solid #203d5b}.nav{display:flex;align-items:center;justify-content:space-between;height:83px}.brand{padding:10px;display:flex;align-items:center;gap:12px}.logo{width:43px;height:43px;border-radius:12px;background:#126be8;display:grid;place-items:center;color:#fff}.brand strong{display:block;font-size:20px;line-height:1.1}.brand em{color:#54a6ff;font-style:normal}.brand small{display:block;font-size:9px;letter-spacing:1.4px;margin-top:6px;color:#a4bbd5}.navbadge,.realtime{font-size:12px;display:flex;gap:9px;align-items:center;color:#c6d8ee}.dot{width:8px;height:8px;border-radius:50%;background:#27d99a;display:inline-block;box-shadow:0 0 0 4px #27d99a19}.hero{background:radial-gradient(ellipse at 80% 10%,#173f77 0%,transparent 53%),#071a35;color:#fff;max-width:none;text-align:center;padding-top:10px;padding-bottom:85px}.hero>*{max-width:750px;margin-left:auto;margin-right:auto}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.6px;color:#76baff;display:flex;gap:10px;align-items:center;justify-content:center}.hero h1{font-size:clamp(36px,5vw,60px);letter-spacing:-2px;line-height:1.14;margin-top:23px;margin-bottom:20px}.hero h1 span{color:#58a6ff}.hero p{font-size:17px;color:#b6cce6;line-height:1.7;margin-bottom:30px}.primary{border:0;background:#1875f6;color:#fff;border-radius:10px;padding:17px 25px;display:flex;align-items:center;justify-content:center;gap:13px;font-weight:800;cursor:pointer;box-shadow:0 12px 30px #0060d744}.primary:hover{background:#368bff}.primary:disabled{opacity:.7;cursor:wait}.trust{display:flex;justify-content:center;align-items:center;gap:9px;color:#9db5d2;font-size:12px;margin-top:21px}.dashboard{margin-top:55px}.sectionhead{display:flex;justify-content:space-between;align-items:end;margin-bottom:23px}.overline{font-size:11px;font-weight:800;color:#1976e7;letter-spacing:1.8px}.sectionhead h2,.learn h2{font-size:28px;letter-spacing:-.7px;margin:8px 0 0}.realtime{color:#536780}.cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ipcard{background:#fff;border:1px solid #e2e8f1;border-radius:15px;padding:26px;box-shadow:0 5px 25px #102b4b08}.cardtop{display:flex;justify-content:space-between;align-items:center}.protocol{height:49px;width:49px;border-radius:12px;display:grid;place-items:center}.ipv4{background:#e8f1ff;color:#1875ee}.ipv6{background:#e8f8f2;color:#15a47b}.state{font-size:11px;font-weight:800;border-radius:30px;padding:7px 11px}.state.success{background:#e5f8ef;color:#008c5b}.state.fail{background:#fff0ec;color:#c44e3c}.state.waiting{background:#edf1f6;color:#63748a}.protocolname{font-size:25px;font-weight:800;margin-top:22px}.sub{font-size:13px;color:#718198;margin:5px 0 22px}.ipbox{border:1px solid #e4ebf4;background:#f7f9fc;padding:17px;border-radius:10px;min-height:83px}.ipbox small{display:block;font-size:10px;font-weight:800;letter-spacing:1.2px;color:#7d8ca0;margin-bottom:10px}.ipbox strong{font-size:16px;overflow-wrap:anywhere}.cardfoot{display:flex;align-items:center;gap:8px;font-size:12px;color:#718198;margin-top:19px}.summary{margin-top:20px;display:flex;gap:15px;padding:22px;border-radius:12px;background:#eef3fa;border:1px solid #dfe7f1}.summary.good{background:#eafaf3;border-color:#bcebd5}.summary.warn{background:#fff7e8;border-color:#f3dfb5}.summaryicon{flex-shrink:0}.summary.good .summaryicon{color:#0e9b69}.summary.warn .summaryicon{color:#bf8420}.summary strong{font-size:16px}.summary p{margin:6px 0 0;color:#5a6d82;font-size:13px;line-height:1.6}.timestamp{text-align:right;color:#8a98aa;font-size:11px}.learn{padding-top:85px;padding-bottom:80px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:25px}.features>div{background:#fff;border:1px solid #e2e8f1;border-radius:12px;padding:24px}.features span{color:#1976e7;font-weight:800;font-size:12px}.features h3{margin:16px 0 9px}.features p{font-size:13px;color:#64768d;line-height:1.7;margin:0}.note{display:flex;align-items:flex-start;gap:12px;margin-top:28px;color:#63748b;font-size:12px;line-height:1.7}.note svg{flex-shrink:0}.note p{margin:0}footer{background:#071a35;color:#fff}.footer{min-height:110px;display:flex;justify-content:space-between;align-items:center;gap:15px}.footer>span{font-size:12px;color:#9db5d2}.spin{animation:rotate 1s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}@media(max-width:680px){.navbadge{display:none}.hero{padding-top:65px;padding-bottom:65px}.hero h1{letter-spacing:-1px}.hero p{font-size:15px}.cards,.features{grid-template-columns:1fr}.sectionhead{align-items:start;gap:12px}.sectionhead h2{font-size:23px}.realtime{white-space:nowrap}.learn{padding-top:65px}.footer{padding-top:24px;padding-bottom:24px;flex-direction:column;align-items:start}}.brand-with-image img{display:block;width:min(200px,55vw);height:auto}header .brand-with-image,footer .brand-with-image{background:#fff;border-radius:10px;padding:7px 12px}.commercial-offer{margin-top:26px;padding:26px;border:1px solid #b9dfd1;border-radius:16px;background:#f2fbf7}.commercial-title{display:flex;align-items:center;gap:10px;color:#075e45}.commercial-title h3{margin:0}.commercial-offer p{line-height:1.65}.commercial-offer small{display:block;margin-top:12px;color:#47665b}.whatsapp-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#128c4a;color:#fff;padding:15px 20px;border-radius:10px;font-weight:700;text-decoration:none}.whatsapp-button:hover{background:#08753b}@media(max-width:680px){.commercial-offer{padding:18px}.whatsapp-button{display:flex;font-size:13px}}
