
/* CTRL360 Estado de Plataforma — Service Status Premium v1 */
.page-estado-plataforma{
 --ss-navy:#082633;--ss-deep:#051a24;--ss-green:#69c64a;--ss-text:#17323b;
 --ss-muted:#687a72;--ss-line:#dfe8e2;background:#fff
}
/* Preserve white mega menus with strong contrast */
.page-estado-plataforma .enterprise-nav .mega-menu{background:#fff!important}
.page-estado-plataforma .enterprise-nav .mega-menu h4{color:#58a941!important}
.page-estado-plataforma .enterprise-nav .mega-menu a{color:#17323b!important}
.page-estado-plataforma .enterprise-nav .mega-menu a:hover{color:#58a941!important}

.status360-hero{position:relative;overflow:hidden;background:
 radial-gradient(circle at 78% 42%,rgba(57,193,205,.15),transparent 28%),
 radial-gradient(circle at 72% 95%,rgba(105,198,74,.10),transparent 24%),
 linear-gradient(120deg,#051a24,#092b38 64%,#0b3340);color:#fff}
.status360-grid{position:absolute;inset:0;opacity:.32;background-image:
 linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
 linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:52px 52px}
.status360-hero-layout{position:relative;z-index:1;min-height:575px;display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center;padding-top:52px;padding-bottom:58px}
.status360-hero .breadcrumb{margin-bottom:44px;color:rgba(255,255,255,.45);font-size:12px}
.status360-kicker{display:block;color:#72d251;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.status360-hero h1{max-width:690px;margin:13px 0 20px;color:#fff;font-size:clamp(48px,4.6vw,70px);line-height:1;letter-spacing:-2.7px}
.status360-hero h1 em{display:block;color:#73d052;font-style:normal}
.status360-hero-copy>p{max-width:650px;color:rgba(255,255,255,.72);font-size:17px;line-height:1.7}
.status360-hero-links{display:flex;align-items:center;gap:22px;margin-top:30px}
.status360-hero-links .btn{background:#70ce4d;color:#08242e!important;border-radius:8px;box-shadow:0 12px 30px rgba(90,190,60,.17)}
.status360-text-link{color:rgba(255,255,255,.78)!important;font-size:13px;font-weight:700}

.status360-overview{padding:20px;border:1px solid rgba(113,210,215,.19);border-radius:18px;background:rgba(4,23,32,.68);box-shadow:0 32px 80px rgba(0,0,0,.25);backdrop-filter:blur(8px)}
.status360-overview-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.08);font-size:12px;letter-spacing:.11em;color:rgba(255,255,255,.44)}
.status360-overview-top i{font-style:normal}
.status360-main-state{display:flex;gap:16px;align-items:center;padding:25px 4px 22px}
.status360-pulse{position:relative;flex:0 0 16px;width:16px;height:16px;border-radius:50%;background:#6ed14c;box-shadow:0 0 0 7px rgba(110,209,76,.09)}
.status360-main-state strong{display:block;color:#fff;font-size:20px;margin-bottom:5px}
.status360-main-state small{color:rgba(255,255,255,.48);font-size:12px}
.status360-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.status360-mini-grid span{display:grid;grid-template-columns:auto 1fr;gap:4px 8px;align-items:center;padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(255,255,255,.025);color:rgba(255,255,255,.72);font-size:12px}
.status360-mini-grid i{width:7px;height:7px;border-radius:50%;background:#6ed14c;box-shadow:0 0 8px rgba(110,209,76,.55)}
.status360-mini-grid b{grid-column:2;color:#76d455;font-size:12px;font-weight:700}
.status360-scope{display:block;margin-top:15px;padding-top:13px;border-top:1px solid rgba(255,255,255,.07);color:rgba(255,255,255,.38);font-size:12px;line-height:1.5}

.status360-summary{position:relative;z-index:3;margin-top:-1px;background:#fff;border-bottom:1px solid #e5ebe7}
.status360-summary-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.status360-summary-grid>div{min-height:118px;padding:25px 25px;border-right:1px solid #e5ebe7}
.status360-summary-grid>div:last-child{border-right:0}
.status360-summary-grid b,.status360-summary-grid>div>strong{display:block;color:#17323b;font-size:18px;margin-bottom:5px}
.status360-summary-grid small{color:#7b8983;font-size:12px;line-height:1.45}
.status360-live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#67c547;margin:0 8px 1px 0}

.status360-section{padding:82px 0}
.status360-head{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:end;margin-bottom:38px}
.status360-head h2,.status360-two h2{margin:8px 0 0;color:#17323b;font-size:40px;line-height:1.08;letter-spacing:-1.4px}
.status360-head>p,.status360-two>div>p{color:#687970;font-size:14px;line-height:1.7;max-width:600px}

.status360-services{border:1px solid #dfe7e2;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 14px 40px rgba(12,43,50,.045)}
.status360-services article{display:grid;grid-template-columns:62px 1fr 220px;gap:24px;align-items:center;min-height:132px;padding:22px 26px;border-bottom:1px solid #e6ece8}
.status360-services article:last-child{border-bottom:0}
.status360-service-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:12px;background:#0b2b37;color:#73d151;font-size:12px;font-weight:800;letter-spacing:.04em}
.status360-service-copy small{color:#8b9892;font-size:12px;font-weight:800;letter-spacing:.1em}
.status360-service-copy h3{margin:5px 0 7px;color:#17323b;font-size:19px}
.status360-service-copy p{margin:0;color:#6f7f77;font-size:12px;line-height:1.55}
.status360-service-state{justify-self:end;min-width:185px;padding-left:24px;border-left:1px solid #e6ece8}
.status360-service-state span{display:block;color:#4d9e39;font-size:12px;font-weight:800;margin-bottom:5px}
.status360-service-state i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#68c748;margin-right:5px}
.status360-service-state small{color:#8a9791;font-size:12px}
.status360-data-note{margin:15px 0 0;color:#8b9892;font-size:12px;line-height:1.55}

.status360-incidents{background:#f4f7f5;border-top:1px solid #e8ede9;border-bottom:1px solid #e8ede9}
.status360-two{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.status360-incident-card{display:flex;gap:22px;align-items:center;padding:30px;border:1px solid #dbe6de;border-radius:15px;background:#fff;box-shadow:0 12px 32px rgba(12,43,50,.045)}
.status360-incident-ok{flex:0 0 56px;width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:#edf7ea;color:#60b942;font-size:22px}
.status360-incident-card small{color:#8b9892;font-size:12px;letter-spacing:.1em;font-weight:800}
.status360-incident-card strong{display:block;margin:5px 0 6px;color:#17323b;font-size:20px}
.status360-incident-card p{margin:0;color:#718078;font-size:12px;line-height:1.55}

.status360-operation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.status360-operation-grid article{min-height:205px;padding:25px 22px;border:1px solid #e0e8e3;border-radius:14px;background:#fff}
.status360-operation-grid b{display:block;color:#65bd46;font-size:12px;margin-bottom:28px}
.status360-operation-grid h3{color:#17323b;font-size:17px;margin:0 0 9px}
.status360-operation-grid p{color:#718078;font-size:12px;line-height:1.6;margin:0}

.status360-help{padding:76px 0;background:linear-gradient(120deg,#061b25,#0a2e3b);color:#fff}
.status360-help-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}
.status360-help h2{max-width:700px;margin:8px 0 16px;color:#fff;font-size:38px;line-height:1.1;letter-spacing:-1.2px}
.status360-help p{max-width:650px;color:rgba(255,255,255,.62);font-size:13px;line-height:1.7}
.status360-help .btn{margin-top:14px;background:#70ce4d;color:#08242e!important}
.status360-help aside{padding:27px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(255,255,255,.035)}
.status360-help aside span{color:#72d251;font-size:12px;font-weight:800;letter-spacing:.11em}
.status360-help aside strong{display:block;margin:10px 0;color:#fff;font-size:20px;line-height:1.3}
.status360-help aside p{margin:0;font-size:12px}

.status360-links{padding:78px 0 86px;background:#f5f8f6}
.status360-head.compact{grid-template-columns:1fr;margin-bottom:30px}
.status360-link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.status360-link-grid a{min-height:180px;padding:25px;border:1px solid #dfe8e2;border-radius:14px;background:#fff;transition:.2s ease;text-decoration:none}
.status360-link-grid a:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(12,43,50,.06)}
.status360-link-grid small{display:block;color:#5fae43;font-size:12px;font-weight:800;letter-spacing:.09em}
.status360-link-grid strong{display:block;margin:23px 0 9px;color:#17323b;font-size:20px}
.status360-link-grid span{color:#718078;font-size:12px;line-height:1.5}

@media(max-width:950px){
 .status360-hero-layout,.status360-head,.status360-two,.status360-help-grid{grid-template-columns:1fr;gap:38px}
 .status360-summary-grid{grid-template-columns:1fr 1fr}
 .status360-operation-grid{grid-template-columns:1fr 1fr}
 .status360-link-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
 .status360-hero h1{font-size:44px;letter-spacing:-1.7px}
 .status360-hero-links{align-items:flex-start;flex-direction:column}
 .status360-mini-grid,.status360-summary-grid,.status360-operation-grid{grid-template-columns:1fr}
 .status360-services article{grid-template-columns:54px 1fr}
 .status360-service-state{grid-column:2;justify-self:start;border-left:0;padding-left:0}
 .status360-summary-grid>div{border-right:0;border-bottom:1px solid #e5ebe7}
 .status360-head h2,.status360-two h2,.status360-help h2{font-size:34px}
}
