/* Página de manutenção: mesma identidade, foco em atendimento. */
.maintenance-hero { background:radial-gradient(ellipse at 85% 20%,#16336599,transparent 60%),linear-gradient(90deg,#080c12f5,#080c12bb),url('assets/wm-engineering-detail.jpg') center/cover; }
.maintenance-hero h1 { font-size:clamp(3rem,6.4vw,6.7rem); line-height:1.06; letter-spacing:-.045em; }
.maintenance-hero .maintenance-lead { max-width:690px; margin-top:26px; color:#c4ccda; line-height:1.7; }
.maintenance-page .inner-section { padding:85px 0; }
.maintenance-page .section-heading { margin-bottom:36px; }
.care-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.care-card { padding:36px; border:1px solid #d7e0ed; border-radius:24px; background:linear-gradient(145deg,#fff,#eaf0f8); }
.care-icon { display:block; width:48px; height:48px; padding:10px; border:1px solid #ccd8eb; border-radius:14px; background:#e9eff8; color:#123b92; margin-bottom:26px; }
.care-label { color:#123b92; font-size:.72rem; letter-spacing:.12em; }
.care-card h3 { margin-top:14px; font-size:clamp(1.6rem,2.5vw,2.3rem); letter-spacing:-.035em; line-height:1.15; }
.care-card p,.care-card li,.care-note { color:#505760; line-height:1.75; }
.care-card ul { padding-left:20px; margin-top:24px; }
.care-card li + li { margin-top:8px; }
.care-note { margin:24px 0 0; max-width:900px; font-size:.9rem; }
.care-process,.coverage-section,.care-faq { border-top:1px solid #d7e0ed; }
.maintenance-page .emergency-section { padding:0 0 85px; }
.emergency-panel { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); gap:60px; padding:48px; border:1px solid #33476a; border-radius:28px; background:linear-gradient(130deg,#152c50,#0b0f14); color:#fff; }
.emergency-panel h2 { font-size:clamp(2.5rem,4vw,4.3rem); letter-spacing:-.045em; line-height:1.05; }
.emergency-panel p { color:#c3cfe0; line-height:1.7; }
.emergency-panel .emergency-note { font-size:.875rem; padding-left:15px; border-left:2px solid #7fa8f1; }
.emergency-contact { display:flex; flex-direction:column; justify-content:center; align-items:flex-start; gap:16px; min-width:0; }
.emergency-contact > span { font-size:.8rem; color:#c3cfe0; }
.emergency-number { font:600 clamp(1.3rem,2.3vw,2rem) Montserrat,sans-serif; }
.emergency-contact p a { text-decoration:underline; text-underline-offset:4px; }
.coverage-list { display:flex; flex-wrap:wrap; gap:12px; list-style:none; padding:0; margin:36px 0 0; }
.coverage-list li { padding:12px 18px; border:1px solid #d7e0ed; border-radius:12px; background:#fff; color:#35445b; line-height:1.5; }
.care-faq details { border-bottom:1px solid #cbd6e5; padding:0 4px; }
.care-faq summary { min-height:68px; padding:22px 0; cursor:pointer; font-weight:600; line-height:1.5; }
.care-faq details p { max-width:850px; margin:0 0 24px; color:#505760; line-height:1.75; }
.care-faq details a { color:#123b92; text-decoration:underline; }
.maintenance-page a:focus-visible,.care-faq summary:focus-visible { outline:3px solid #628ee0; outline-offset:5px; border-radius:6px; }
@media(max-width:900px) { .care-grid,.emergency-panel { grid-template-columns:1fr; } .emergency-panel { gap:30px; padding:32px; } }
@media(max-width:560px) { .maintenance-page .inner-section { padding:64px 0; } .maintenance-page .emergency-section { padding:0 0 64px; } .care-card { padding:24px; } .emergency-panel { padding:26px 22px; border-radius:24px; } .maintenance-hero .hero-actions { flex-direction:column; } .maintenance-hero .hero-actions .button { width:100%; } .emergency-contact .button { width:100%; } .coverage-list { gap:8px; } .coverage-list li { padding:9px 12px; font-size:.875rem; } }