/* DotSoft Web V1.0.2 - tema claro fijo, logo ampliado y tarjetas azul intenso */
:root{color-scheme:only light}
html{background:#fff!important;color:#102a4d}
body{background:#fff!important;color:#102a4d!important}
input,textarea,select,button{color-scheme:light}
.top,.card,.why,.detail,.plan-grid article{background:#fff!important}
.top nav{color:#102a4d}
.section-title h2,.card h3,.detail h2{color:#102a4d}
@media(prefers-color-scheme:dark){
  :root{color-scheme:only light}
  html,body{background:#fff!important;color:#102a4d!important}
  .top,.top nav,.card,.why,.detail,.plan-grid article{background:#fff!important;color:#102a4d!important}
  .section-title h2,.card h3,.detail h2,.why h3{color:#102a4d!important}
  .section-title p,.card>p,.card li,.detail p,.why p,.catalog-note{color:#60738b!important}
  .screen,.phone{background:#fff!important}
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:#102a4d;background:#fff}a{text-decoration:none;color:inherit}.top{height:78px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:sticky;top:0;z-index:20;box-shadow:0 2px 14px #092a5012}.brand{display:flex;flex-direction:row;align-items:center;gap:13px}.brand strong{font-size:44px;line-height:1;color:#fff;letter-spacing:-2.5px;font-weight:800}.brand strong::before{content:"";display:inline-block;width:22px;height:22px;background:#1d95ed;border-radius:50%;margin-right:14px;vertical-align:7px}.brand strong em{font-style:normal;color:#1f67ad}.brand span{font-size:12px;color:#dcecff;border-left:1px solid #4d7297;padding-left:14px;max-width:150px}.top{background:#071a2f!important}.top nav{color:#fff}.top nav{display:flex;align-items:center;gap:27px;font-size:14px;font-weight:650}.top nav a:hover{color:#0875e1}.login,.primary{background:#0875e1!important;color:#fff!important;padding:13px 19px;border-radius:11px;box-shadow:0 6px 18px #0875e133}.hamb{display:none;border:0;background:transparent;font-size:25px}.hero{min-height:470px;padding:70px 6%;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px;color:white;background:radial-gradient(circle at 75% 40%,#2875a9 0,#123d69 36%,#082b52 75%)}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:#82c9ff}.hero h1{font-size:48px;line-height:1.08;margin:10px 0 20px}.hero h1 span{color:#80d1ff}.hero>div>p:not(.eyebrow){max-width:650px;font-size:18px;line-height:1.6;color:#e6f2ff}.actions{display:flex;gap:12px;margin:30px 0}.secondary{border:1px solid #9dcdf1;padding:12px 19px;border-radius:11px}.benefits{display:flex;gap:25px;flex-wrap:wrap;font-size:13px}.devices{position:relative;min-height:330px}.laptop{position:absolute;width:78%;height:260px;right:8%;top:15px;background:#172333;border:8px solid #1b2532;border-radius:15px;box-shadow:0 30px 45px #00172b88}.screen{height:100%;background:#f5f9fd;border-radius:6px;padding:16px;color:#0e4f91}.dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:22px 0}.dashboard i{height:55px;background:#cce8fb;border-radius:7px}.dashboard i:nth-child(2){background:#d5f2e5}.dashboard i:nth-child(3){background:#ffe2d2}.dashboard i:nth-child(4){background:#e5dcff}.rows{height:85px;background:repeating-linear-gradient(#fff 0 14px,#dce8f2 15px 16px)}.phone{position:absolute;right:1%;bottom:5px;width:105px;height:205px;border:7px solid #172333;border-radius:20px;background:#fff;color:#176fc8;padding:16px 8px;font-size:10px;box-shadow:0 20px 30px #00172b66}.phone b{display:block;margin:22px 0}.phone span{display:block;background:#eaf5ff;padding:12px;margin:7px 0;border-radius:6px}.apps{padding:58px 3% 30px}.section-title{text-align:center;margin-bottom:35px}.section-title h2{font-size:32px;margin:0 0 8px}.section-title p{color:#60738b}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1450px;margin:auto}.card{background:linear-gradient(155deg,#0869c8 0%,#064d9b 48%,#073a78 100%)!important;border-radius:18px;padding:20px;box-shadow:0 12px 30px #063c7a30;border:1px solid #167bd4;display:flex;flex-direction:column;color:#fff}.apphead{display:flex;gap:13px;align-items:center}.appicon{background:var(--app);width:65px;height:65px;border-radius:17px;color:#fff;display:grid;place-items:center;font-size:31px;box-shadow:0 8px 20px color-mix(in srgb,var(--app) 30%,transparent)}.card h3{font-size:19px;margin:0 0 4px}.card small{color:var(--app);font-weight:600}.card>p{min-height:75px;line-height:1.45;color:#42546a}.mini-screen{height:120px;background:linear-gradient(145deg,#eaf4fb,#fff);border:7px solid #193047;border-radius:8px;margin:6px 8% 17px;padding:12px;font-size:10px;color:var(--app)}.mini-screen span{display:block;height:15px;background:#fff;margin-top:8px;border-radius:4px}.card ul{padding:0;list-style:none;line-height:1.85;min-height:125px}.card li{color:#344b63}.card li::first-letter{color:var(--app)}.appbtn{background:var(--app);color:#fff;text-align:center;padding:12px;border-radius:10px;font-weight:700;margin-top:auto}.planbtn{border:1px solid var(--app);color:var(--app);text-align:center;padding:10px;border-radius:10px;margin-top:9px;font-weight:600}.catalog-note{text-align:center;color:#728399;margin:28px}.why{background:#fff;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:38px 6%;border-top:1px solid #e4eef7}.why div{display:grid;grid-template-columns:45px 1fr;column-gap:12px}.why b{grid-row:1/3;font-size:28px;color:#0b75d5}.why h3{margin:2px 0;font-size:16px}.why p{margin:2px 0;color:#6b7d91;font-size:13px}footer{background:#082b50;color:#dbeaff;display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:35px;padding:42px 6%}footer h2{font-size:30px;margin:0}footer p{font-size:12px}footer div{display:flex;flex-direction:column;gap:8px;font-size:13px}footer b{color:#fff;margin-bottom:5px}.product-hero{text-align:center;padding:75px 20%;background:linear-gradient(145deg,color-mix(in srgb,var(--app) 18%,#eef7ff),#fff)}.bigicon{margin:auto;width:90px;height:90px;border-radius:24px;background:var(--app);display:grid;place-items:center;font-size:45px;color:white}.product-hero>p:first-of-type{font-size:12px;letter-spacing:2px;color:var(--app);font-weight:800}.product-hero h1{font-size:45px;margin:10px}.product-hero h2{font-weight:500;color:var(--app)}.product-hero>p:last-of-type{font-size:18px;line-height:1.6;margin:20px auto 35px;max-width:800px}.detail{padding:65px 12%;display:grid;grid-template-columns:1fr 1fr;gap:70px;background:#fff}.detail h2{font-size:32px}.detail p{line-height:1.7;color:#5e7187}.detail ul{list-style:none;padding:0;font-size:18px;line-height:2.3}.detail li b{color:#0a9d67}.plans{padding:60px 8% 80px}.plan-grid{display:flex;justify-content:center;gap:22px;flex-wrap:wrap}.plan-grid article{background:#fff;border:1px solid #e0eaf3;border-radius:16px;padding:28px;width:260px;text-align:center;box-shadow:0 10px 30px #16395710}.plan-grid strong{display:block;font-size:25px;color:#0875e1;margin:20px 0}.plan-grid a{display:block;background:#0875e1;color:#fff;padding:11px;border-radius:9px;margin-top:20px}
@media(max-width:1000px){.grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.devices{display:none}.why{grid-template-columns:repeat(2,1fr)}.top nav{gap:12px}.hero h1{font-size:40px}}
@media(max-width:720px){.top{height:70px;padding:0 5%}.brand strong{font-size:27px}.brand span{font-size:9px}.hamb{display:block}.top nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;box-shadow:0 10px 20px #0002}.top nav.open{display:flex}.hero{padding:55px 6%;min-height:520px}.hero h1{font-size:36px}.actions{flex-direction:column;align-items:flex-start}.benefits{display:grid;grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.why{grid-template-columns:1fr}.detail{grid-template-columns:1fr;padding:45px 7%;gap:20px}.product-hero{padding:55px 7%}.product-hero h1{font-size:34px}footer{grid-template-columns:1fr 1fr}.card>p{min-height:auto}}
@media(max-width:450px){footer{grid-template-columns:1fr}.benefits{grid-template-columns:1fr}.section-title h2{font-size:27px}}

/* V1.0.2: contraste de tarjetas */
.card h3,.card>p,.card li{color:#fff!important}.card small{color:#bfe4ff!important}.mini-screen{background:linear-gradient(145deg,#edf7ff,#fff)!important}.planbtn{border-color:#fff!important;color:#fff!important}.appbtn{background:#0796ff!important}.apps{background:#fff!important}.section-title,.catalog-note{background:#fff!important}.top .hamb{color:#fff}.top nav.open{background:#071a2f!important}
@media(prefers-color-scheme:dark){html,body,.apps,.section-title,.catalog-note,.why,.detail,.plan-grid article{background:#fff!important}.card{background:linear-gradient(155deg,#0869c8 0%,#064d9b 48%,#073a78 100%)!important;color:#fff!important}.card h3,.card>p,.card li{color:#fff!important}.card small{color:#bfe4ff!important}.top,.top nav{background:#071a2f!important;color:#fff!important}}

/* V1.1.0 - estados de planes dinámicos */
.plan-pending{display:block;margin-top:14px;padding:12px 14px;border-radius:10px;background:#eaf4ff;color:#0b4f91;font-weight:700;text-align:center}
.pending-plan{max-width:420px;margin-inline:auto}


/* V1.2.0 - catálogo organizado por áreas */
.area-block{max-width:1450px;margin:0 auto 42px;padding:26px 28px 30px;border:1px solid #dce9f5;border-radius:22px;background:#f7fbff!important;box-shadow:0 12px 32px #0a4d8c0c}
.area-heading{display:flex;align-items:center;gap:16px;margin-bottom:24px;border-bottom:1px solid #d9e8f5;padding-bottom:18px}
.area-symbol{width:58px;height:58px;border-radius:16px;background:#0875e1;color:#fff;display:grid;place-items:center;font-size:28px;font-weight:800;box-shadow:0 8px 18px #0875e12b}
.area-heading span{font-size:11px;letter-spacing:1.6px;color:#0875e1;font-weight:800}
.area-heading h2{margin:3px 0 4px;color:#102a4d;font-size:27px}
.area-heading p{margin:0;color:#60738b}
.area-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}
@media(max-width:720px){.area-block{padding:20px 14px 22px;border-radius:16px}.area-heading{align-items:flex-start}.area-symbol{width:50px;height:50px;min-width:50px}.area-heading h2{font-size:23px}.area-grid{grid-template-columns:1fr}}
@media(prefers-color-scheme:dark){.area-block{background:#f7fbff!important}.area-heading h2{color:#102a4d!important}.area-heading p{color:#60738b!important}}