@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');

.tpl-maintenance{
  --bg:#0a0a0b;--bg2:#111113;--bg3:#18181b;--bg4:#222225;
  --w:#ffffff;--w2:#e5e5ea;--w3:#a8a8b3;--w4:#6b6b76;
  --o:#F56100;--o2:#ff7a22;--og:rgba(245,97,0,.12);--os:rgba(245,97,0,.06);
  --b:rgba(255,255,255,.08);--b2:rgba(255,255,255,.12);
  --r:12px;--rs:8px;--rb:9px;
  --fh:'DM Sans','Open Sans',Arial,sans-serif;
  --cat-blue:#63b3ed;--cat-violet:#a855f7;--cat-green:#34d399;--cat-yellow:#fbbf24;--cat-red:#f87171;
  font-family:var(--fh);font-size:17px;line-height:1.65;color:var(--w);background:var(--bg);
  display:block;-webkit-font-smoothing:antialiased;
}
.tpl-maintenance *,.tpl-maintenance *::before,.tpl-maintenance *::after{box-sizing:border-box}
.tpl-maintenance img{max-width:100%;height:auto;display:block}
.tpl-maintenance a{color:inherit;text-decoration:none}
.tpl-maintenance .w{max-width:1200px;margin:0 auto;padding:0 24px}

/* TYPO */
.tpl-maintenance .tag{font-family:var(--fh);font-size:.7rem;font-weight:600;letter-spacing:.04em;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;color:var(--o2);background:var(--os);border:1px solid rgba(245,97,0,.18)}
.tpl-maintenance .tag svg{width:14px;height:14px;stroke-width:1.8}
.tpl-maintenance .h{font-family:var(--fh);font-weight:700;line-height:1.15;letter-spacing:-.02em;color:var(--w)}
.tpl-maintenance .h1{font-size:clamp(2.2rem,5vw,3.4rem);font-weight:700}
.tpl-maintenance .h2{font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:700}
.tpl-maintenance .h3{font-size:clamp(1.1rem,2vw,1.25rem);font-weight:600}
.tpl-maintenance .p{color:var(--w2);font-size:1.02rem;line-height:1.75}
.tpl-maintenance .ps{color:var(--w2);font-size:.92rem;line-height:1.7}
.tpl-maintenance .acc{color:var(--o2);font-weight:700}
.tpl-maintenance .div{height:1px;background:var(--b)}

/* BUTTONS */
.tpl-maintenance .btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;font-family:var(--fh);font-weight:600;font-size:.88rem;border:none;cursor:pointer;border-radius:9px;transition:all .25s cubic-bezier(.22,.61,.36,1);text-decoration:none}
.tpl-maintenance .btn svg{width:16px;height:16px;stroke-width:2}
.tpl-maintenance .btn-tel{background:rgba(245,97,0,.08);color:var(--o2);border:1px solid rgba(245,97,0,.35)}
.tpl-maintenance .btn-tel:hover{background:rgba(245,97,0,.15);border-color:var(--o);color:#fff;transform:translateY(-1px)}
.tpl-maintenance .btn-g{background:transparent;color:var(--w);border:1px solid var(--b2)}
.tpl-maintenance .btn-g:hover{border-color:var(--o);color:var(--o2);background:rgba(255,255,255,.02)}
.tpl-maintenance .btn-p{background:var(--o);color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.1),0 0 0 1px rgba(245,97,0,.2),0 4px 14px rgba(245,97,0,.15)}
.tpl-maintenance .btn-p:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.15),0 0 0 1px rgba(245,97,0,.3),0 8px 24px rgba(245,97,0,.2)}

/* ANIMATIONS */
.tpl-maintenance .an{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s cubic-bezier(.22,.61,.36,1)}
.tpl-maintenance .v{opacity:1;transform:none}

/* CTA-ARTICLE MID (niveau "sort du lot" — emoji top-right + shine + sweep + pulse) */
.tpl-maintenance .wc-cta-m-out{position:relative;overflow:visible;margin:110px 0 64px 0!important;padding:0!important;width:100%}
.tpl-maintenance .wc-cta-m-emoji{position:absolute;top:-42px;right:-28px;width:110px;height:110px;max-width:110px!important;max-height:110px!important;pointer-events:none;z-index:10;animation:wcFloatMid 4s ease-in-out infinite;filter:drop-shadow(0 10px 20px rgba(0,0,0,.5)) drop-shadow(0 0 12px rgba(245,97,0,.25));border:none!important;box-shadow:none!important;border-radius:0!important}
@keyframes wcFloatMid{0%,100%{transform:rotate(15deg) translateY(0)}50%{transform:rotate(22deg) translateY(-4px)}}
.tpl-maintenance .wc-cta-m{position:relative;overflow:hidden;border-radius:16px;background:linear-gradient(135deg,#13131a 0%,#1a1320 50%,#0e0e12 100%);box-shadow:0 12px 36px rgba(0,0,0,.4),0 0 0 1px rgba(245,97,0,.18),inset 0 1px 0 rgba(255,255,255,.05)}
.tpl-maintenance .wc-cta-m::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#F56100,#ff7a22,transparent)}
.tpl-maintenance .wc-cta-m::after{content:'';position:absolute;top:-150px;right:-80px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(245,97,0,.1),transparent 60%);pointer-events:none}
.tpl-maintenance .wc-cta-mi{position:relative;z-index:1;padding:30px 36px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.tpl-maintenance .wc-cta-m-txt{flex:1;min-width:240px;max-width:62%;padding-right:8px}
.tpl-maintenance .wc-cta-m-hl{font-family:'DM Sans',system-ui,sans-serif!important;font-size:25px!important;font-weight:800!important;line-height:1.2!important;color:#fff!important;letter-spacing:-.015em;margin:0 0 6px 0!important}
.tpl-maintenance .wc-cta-m-hl span{background:linear-gradient(90deg,#F56100 0%,#ff7a22 25%,#ffb380 50%,#ff7a22 75%,#F56100 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;animation:wcShine 3.5s linear infinite;font-weight:800!important;font-style:normal!important}
@keyframes wcShine{0%{background-position:200% center}100%{background-position:-200% center}}
.tpl-maintenance .wc-cta-m-sub{font-family:'DM Sans',system-ui,sans-serif!important;font-size:15px!important;font-weight:500!important;line-height:1.6!important;color:#c8c8d0!important;margin:0!important;padding:0!important}
.tpl-maintenance .wc-cta-m-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:9px;padding:15px 26px!important;font-family:'DM Sans',system-ui,sans-serif!important;font-size:16px!important;font-weight:700!important;color:#fff!important;background:linear-gradient(135deg,#F56100 0%,#ff7a22 100%)!important;border:none!important;border-radius:11px!important;text-decoration:none!important;box-shadow:0 6px 18px rgba(245,97,0,.4),0 0 0 1px rgba(245,97,0,.45)!important;transition:transform .2s,box-shadow .2s!important;flex-shrink:0;white-space:nowrap;cursor:pointer}
.tpl-maintenance .wc-cta-m-btn:hover,.tpl-maintenance .wc-cta-m-btn:focus,.tpl-maintenance .wc-cta-m-btn:visited,.tpl-maintenance .wc-cta-m-btn:active{color:#fff!important;text-decoration:none!important;transform:translateY(-2px);box-shadow:0 8px 24px rgba(245,97,0,.45),0 0 0 1px rgba(245,97,0,.5)!important}
.tpl-maintenance .wc-cta-m-btn::before{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);animation:wcSweep 3.2s ease-in-out infinite;pointer-events:none}
@keyframes wcSweep{0%{left:-100%}60%,100%{left:180%}}
.tpl-maintenance .wc-cta-m-btn svg{width:14px;height:14px;stroke-width:2.2;color:#fff}
@media(max-width:640px){
  .tpl-maintenance .wc-cta-m-out{margin:60px 0 40px 0!important}
  .tpl-maintenance .wc-cta-m-emoji{width:60px!important;height:60px!important;max-width:60px!important;max-height:60px!important;top:-18px;right:-12px;animation:wcFloatMidMob 5s ease-in-out infinite}
  @keyframes wcFloatMidMob{0%,100%{transform:rotate(15deg)}50%{transform:rotate(22deg) translateY(-2px)}}
  .tpl-maintenance .wc-cta-mi{padding:20px;flex-direction:column;align-items:stretch;gap:16px}
  .tpl-maintenance .wc-cta-m-txt{max-width:100%;padding-right:55px}
  .tpl-maintenance .wc-cta-m-hl{font-size:19px!important}
  .tpl-maintenance .wc-cta-m-btn{justify-content:center;width:100%}
}
@media(prefers-reduced-motion:reduce){
  .tpl-maintenance .wc-cta-m-emoji,.tpl-maintenance .wc-cta-m-hl span,.tpl-maintenance .wc-cta-m-btn::before{animation:none!important}
}

/* TOPBAR (intercept rapide) */
.tpl-maintenance .topbar{background:linear-gradient(90deg,var(--bg2) 0%,var(--bg3) 50%,var(--bg2) 100%);border-bottom:1px solid var(--b);position:relative;overflow:hidden}
.tpl-maintenance .topbar::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(245,97,0,.4),transparent)}
.tpl-maintenance .topbar-in{padding:9px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.78rem;color:var(--w3)}
.tpl-maintenance .topbar-l{display:inline-flex;align-items:center;gap:8px;line-height:1.3}
.tpl-maintenance .topbar-l svg{width:14px;height:14px;color:var(--o2);stroke-width:1.8;flex-shrink:0}
.tpl-maintenance .topbar-l strong{color:var(--w2);font-weight:600}
.tpl-maintenance .topbar-tel{display:inline-flex;align-items:center;gap:7px;color:var(--o2);font-weight:700;font-size:.85rem;text-decoration:none;transition:color .2s,transform .2s;padding:5px 11px;border-radius:7px;background:rgba(245,97,0,.07);border:1px solid rgba(245,97,0,.2)}
.tpl-maintenance .topbar-tel:hover{color:#fff;background:rgba(245,97,0,.15);border-color:rgba(245,97,0,.4);transform:translateY(-1px)}
.tpl-maintenance .topbar-tel svg{width:13px;height:13px;stroke-width:2}
.tpl-maintenance .topbar-pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 0 0 rgba(52,211,153,.6);animation:topbar-pulse 2s infinite;flex-shrink:0}
@keyframes topbar-pulse{0%{box-shadow:0 0 0 0 rgba(52,211,153,.6)}70%{box-shadow:0 0 0 6px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}
.tpl-maintenance .topbar-tx-short{display:none}
@media(max-width:600px){
  .tpl-maintenance .topbar-in{justify-content:space-between;gap:10px;padding:8px 16px;flex-wrap:nowrap}
  .tpl-maintenance .topbar-tx-full{display:none}
  .tpl-maintenance .topbar-tx-short{display:inline;font-size:.82rem;font-weight:600;color:var(--w2);white-space:nowrap}
  .tpl-maintenance .topbar-l{flex-shrink:1;min-width:0;gap:7px}
  .tpl-maintenance .topbar-tel{padding:6px 10px;font-size:.78rem;flex-shrink:0}
  .tpl-maintenance .topbar-tel svg{width:11px;height:11px}
}
@media(prefers-reduced-motion:reduce){.tpl-maintenance .topbar-pulse{animation:none}}

/* BREADCRUMB */
.tpl-maintenance .bc{padding:16px 0;font-size:.72rem;color:var(--w3);letter-spacing:.02em;border-bottom:1px solid var(--b)}
.tpl-maintenance .bc a{color:var(--w3);transition:color .3s}
.tpl-maintenance .bc a:hover{color:var(--o2)}
.tpl-maintenance .bc .breadcrumb_last{color:var(--w2)}

/* HERO */
.tpl-maintenance .hero{padding:56px 0 32px;position:relative;overflow:hidden}
.tpl-maintenance .hero-orb{position:absolute;top:-10%;right:-15%;width:600px;height:600px;border-radius:50%;background:rgba(245,97,0,.08);filter:blur(120px);pointer-events:none;z-index:0}
.tpl-maintenance .hero .w{position:relative;z-index:1;max-width:1200px}
.tpl-maintenance .hero-g{display:grid;grid-template-columns:1fr;gap:28px;align-items:center}
.tpl-maintenance .hero-t{min-width:0}
.tpl-maintenance .hero-img{position:relative;border-radius:var(--r);overflow:hidden;border:1px solid var(--b);aspect-ratio:2/1;box-shadow:0 12px 36px rgba(0,0,0,.35),0 0 0 1px rgba(245,97,0,.1);align-self:center;justify-self:stretch;width:100%;margin:0!important;display:block}
.tpl-maintenance .hero-img img{width:100%;height:100%;object-fit:cover;display:block}
.tpl-maintenance .hero-img::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 60%,rgba(245,97,0,.12));pointer-events:none}
@media(min-width:900px){.tpl-maintenance .hero-g{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:40px;align-items:center}}
@media(min-width:1200px){.tpl-maintenance .hero-g{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:52px}}
.tpl-maintenance .hero-tag{margin-bottom:18px}
.tpl-maintenance .hero h1{margin:0 0 18px}
.tpl-maintenance .hero-d{font-size:1.1rem;color:var(--w2);line-height:1.65;margin-bottom:24px}

/* FIGURE in article content */
.tpl-maintenance .content-fig{margin:8px 0 28px;border-radius:var(--r);overflow:hidden;border:1px solid var(--b);background:var(--bg2);box-shadow:0 4px 16px rgba(0,0,0,.2)}
.tpl-maintenance .content-fig img{width:100%;height:auto;display:block}
.tpl-maintenance .content-fig figcaption{padding:10px 16px;background:var(--bg2);font-size:.74rem;color:var(--w4);border-top:1px solid var(--b);font-style:italic;text-align:center}
.tpl-maintenance .hero-meta{display:flex;flex-wrap:wrap;gap:18px;align-items:center;color:var(--w3);font-size:.85rem;margin-bottom:24px;padding:14px 0;border-top:1px solid var(--b);border-bottom:1px solid var(--b)}
.tpl-maintenance .hero-meta-i{display:inline-flex;align-items:center;gap:6px}
.tpl-maintenance .hero-meta-i svg{width:14px;height:14px;color:var(--o2);stroke-width:1.8}
.tpl-maintenance .hero-meta-i strong{color:var(--w2);font-weight:600}
.tpl-maintenance .hero-cta{display:flex;flex-wrap:wrap;gap:10px;align-items:center}

/* VIDEO INTRO */
.tpl-maintenance .video-wrap{padding:0 0 32px}
.tpl-maintenance .video-intro{position:relative;margin:0 auto;max-width:920px;border-radius:var(--r);overflow:hidden;border:1px solid var(--b);box-shadow:0 16px 40px rgba(0,0,0,.4),0 0 0 1px rgba(245,97,0,.12);background:#000}
.tpl-maintenance .video-intro video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#000}
.tpl-maintenance .video-intro figcaption{padding:10px 18px;background:var(--bg2);border-top:1px solid var(--b);font-size:.78rem;color:var(--w3);font-style:italic;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}
.tpl-maintenance .video-intro figcaption svg{width:14px;height:14px;color:var(--o2);stroke-width:1.8;flex-shrink:0}

/* TLDR (En bref) */
.tpl-maintenance .tldr{padding:32px 0 64px}
.tpl-maintenance .tldr-card{padding:28px;border-radius:var(--r);background:linear-gradient(135deg,rgba(245,97,0,.06),rgba(245,97,0,.01));border:1px solid rgba(245,97,0,.18);position:relative;overflow:hidden;max-width:1000px;margin:0 auto}
.tpl-maintenance .tldr-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--o),transparent)}
.tpl-maintenance .tldr-h{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.tpl-maintenance .tldr-h svg{width:18px;height:18px;color:var(--o2);stroke-width:2}
.tpl-maintenance .tldr-h h2{font-family:var(--fh);font-weight:700;font-size:1.05rem;letter-spacing:.04em;text-transform:uppercase;color:var(--o2);margin:0}
.tpl-maintenance .tldr p{margin-bottom:18px}
.tpl-maintenance .tldr-types{display:grid;grid-template-columns:1fr;gap:10px;margin-top:6px}
.tpl-maintenance .tldr-t{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:var(--rs);background:rgba(255,255,255,.025);border:1px solid var(--b)}
.tpl-maintenance .tldr-t-ico{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.7rem;font-weight:700}
.tpl-maintenance .tldr-t-tx strong{display:block;font-weight:600;color:var(--w);font-size:.88rem;margin-bottom:1px}
.tpl-maintenance .tldr-t-tx span{color:var(--w3);font-size:.78rem;line-height:1.5}
.tpl-maintenance .tldr-t:nth-child(1) .tldr-t-ico{background:rgba(248,113,113,.12);color:var(--cat-red);border:1px solid rgba(248,113,113,.2)}
.tpl-maintenance .tldr-t:nth-child(2) .tldr-t-ico{background:rgba(99,179,237,.12);color:var(--cat-blue);border:1px solid rgba(99,179,237,.2)}
.tpl-maintenance .tldr-t:nth-child(3) .tldr-t-ico{background:rgba(168,85,247,.12);color:var(--cat-violet);border:1px solid rgba(168,85,247,.2)}
.tpl-maintenance .tldr-t:nth-child(4) .tldr-t-ico{background:rgba(52,211,153,.12);color:var(--cat-green);border:1px solid rgba(52,211,153,.2)}
@media(min-width:680px){.tpl-maintenance .tldr-types{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.tpl-maintenance .tldr-types{grid-template-columns:repeat(4,1fr)}}

/* ARTICLE LAYOUT (TOC + content) */
.tpl-maintenance .article{padding:24px 0 64px;border-top:1px solid var(--b)}
.tpl-maintenance .article-wrap{display:grid;grid-template-columns:1fr;gap:0}

/* TOC mobile (visible < 1024) */
.tpl-maintenance .toc-m{display:block;margin:0 0 28px;border-radius:var(--r);background:var(--bg2);border:1px solid var(--b);overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.1)}
.tpl-maintenance .toc-m summary{padding:14px 18px;cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;font-size:.88rem;font-weight:600;color:var(--w);user-select:none}
.tpl-maintenance .toc-m summary::-webkit-details-marker{display:none}
.tpl-maintenance .toc-m summary svg.toc-m-ico{width:16px;height:16px;color:var(--o2);stroke-width:1.8}
.tpl-maintenance .toc-m-active{flex:1;color:var(--w3);font-weight:500;font-size:.78rem;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tpl-maintenance .toc-m-chev{margin-left:8px;color:var(--o);font-size:1.1rem;transition:transform .25s;flex-shrink:0;line-height:1}
.tpl-maintenance .toc-m[open] .toc-m-chev{transform:rotate(45deg)}
.tpl-maintenance .toc-m[open] .toc-m-active{display:none}
.tpl-maintenance .toc-m-list{list-style:none;padding:6px 0 10px;margin:0;border-top:1px solid var(--b)}
.tpl-maintenance .toc-m-list li a{display:block;padding:9px 18px 9px 36px;color:var(--w3);font-size:.85rem;line-height:1.4;border-left:2px solid transparent;transition:color .2s,background .2s,border-color .2s}
.tpl-maintenance .toc-m-list li a:hover{color:var(--w2);background:rgba(255,255,255,.02)}
.tpl-maintenance .toc-m-list li a.is-active{color:var(--o2)!important;border-left-color:var(--o)!important;background:linear-gradient(90deg,var(--os),transparent)!important;font-weight:600!important}

/* TOC desktop (sticky, visible >= 1024) */
.tpl-maintenance .toc{position:relative;display:none}
.tpl-maintenance .toc-inner{position:sticky;top:calc(var(--wchm-header-offset,0px) + 24px);padding:8px 0;max-height:calc(100vh - var(--wchm-header-offset,0px) - 48px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--b2) transparent}
.tpl-maintenance .toc-inner::-webkit-scrollbar{width:4px}
.tpl-maintenance .toc-inner::-webkit-scrollbar-thumb{background:var(--b2);border-radius:4px}
.tpl-maintenance .toc-l{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--w3);margin-bottom:14px;display:flex;align-items:center;gap:6px}
.tpl-maintenance .toc-l svg{width:14px;height:14px;color:var(--o2);stroke-width:1.8}
.tpl-maintenance .toc-list{list-style:none;padding:0;margin:0;border-left:2px solid var(--b);counter-reset:toc}
.tpl-maintenance .toc-list li{counter-increment:toc;position:relative}
.tpl-maintenance .toc-list li a{display:block;padding:10px 16px;color:var(--w3);font-size:.84rem;line-height:1.4;transition:all .3s cubic-bezier(.22,.61,.36,1);border-left:2px solid transparent;margin-left:-2px;position:relative;border-radius:0 6px 6px 0}
.tpl-maintenance .toc-list li a:hover{color:var(--w2);background:rgba(255,255,255,.02)}
.tpl-maintenance .toc-list li a.is-active,.tpl-maintenance .toc-list li.is-active>a{color:var(--o2)!important;border-left-color:var(--o)!important;background:linear-gradient(90deg,var(--os) 0%,rgba(245,97,0,.02) 70%,transparent 100%)!important;font-weight:600!important;padding-left:18px;letter-spacing:-.01em;box-shadow:inset 1px 0 0 var(--o)}

.tpl-maintenance .content{padding:8px 0 32px;max-width:780px}
.tpl-maintenance .content section{padding:32px 0;border-top:1px solid var(--b)}
.tpl-maintenance .content section:first-child{border-top:0;padding-top:0}
.tpl-maintenance .content h2{margin:0 0 16px;scroll-margin-top:calc(var(--wchm-header-offset,0px) + 16px)}
.tpl-maintenance .content h3{margin:24px 0 10px;scroll-margin-top:calc(var(--wchm-header-offset,0px) + 16px)}
.tpl-maintenance .content section[id]{scroll-margin-top:calc(var(--wchm-header-offset,0px) + 16px)}
.tpl-maintenance .content p{margin:0 0 16px;color:var(--w2)}
.tpl-maintenance .content p:last-child{margin-bottom:0}
.tpl-maintenance .content p strong{color:var(--w)}
.tpl-maintenance .content a{color:var(--o2);text-decoration:underline;text-underline-offset:3px;transition:color .2s}
.tpl-maintenance .content a:hover{color:var(--o)}
.tpl-maintenance .content ul{padding:0;margin:0 0 16px;list-style:none}
.tpl-maintenance .content ul li{position:relative;padding-left:22px;margin-bottom:10px;color:var(--w2);line-height:1.65}
.tpl-maintenance .content ul li::before{content:'';position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background:var(--o2)}
.tpl-maintenance .content ul li strong{color:var(--w)}
@media(min-width:1024px){
  .tpl-maintenance .article-wrap{grid-template-columns:240px minmax(0,1fr);gap:56px}
  .tpl-maintenance .toc{display:block;height:100%}
  .tpl-maintenance .toc-m{display:none}
}

/* TYPES BENTO (4 cards types maintenance) */
.tpl-maintenance .types-grid{display:grid;grid-template-columns:1fr;gap:10px;margin:18px 0}
.tpl-maintenance .types-c{padding:20px;border-radius:var(--r);background:var(--bg2);border:1px solid var(--b);transition:border-color .3s}
.tpl-maintenance .types-c:hover{border-color:rgba(245,97,0,.2)}
.tpl-maintenance .types-c-h{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.tpl-maintenance .types-c-ico{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tpl-maintenance .types-c-ico svg{width:16px;height:16px;stroke-width:1.8}
.tpl-maintenance .types-c h4{font-family:var(--fh);font-weight:700;font-size:.95rem;color:var(--w);margin:0}
.tpl-maintenance .types-c p{font-size:.85rem;line-height:1.6;margin:0}
.tpl-maintenance .types-c:nth-child(1) .types-c-ico{background:rgba(248,113,113,.12);color:var(--cat-red);border:1px solid rgba(248,113,113,.2)}
.tpl-maintenance .types-c:nth-child(2) .types-c-ico{background:rgba(99,179,237,.12);color:var(--cat-blue);border:1px solid rgba(99,179,237,.2)}
.tpl-maintenance .types-c:nth-child(3) .types-c-ico{background:rgba(168,85,247,.12);color:var(--cat-violet);border:1px solid rgba(168,85,247,.2)}
.tpl-maintenance .types-c:nth-child(4) .types-c-ico{background:rgba(52,211,153,.12);color:var(--cat-green);border:1px solid rgba(52,211,153,.2)}
@media(min-width:680px){.tpl-maintenance .types-grid{grid-template-columns:repeat(2,1fr)}}

/* WHY (4 raisons) */
.tpl-maintenance .why-grid{display:grid;grid-template-columns:1fr;gap:14px;margin:18px 0}
.tpl-maintenance .why-c{padding:18px 20px;border-radius:var(--r);background:var(--bg2);border:1px solid var(--b);border-left:3px solid var(--o2)}
.tpl-maintenance .why-c h4{font-family:var(--fh);font-weight:700;font-size:.98rem;color:var(--w);margin:0 0 6px;display:flex;align-items:center;gap:8px}
.tpl-maintenance .why-c h4 svg{width:16px;height:16px;color:var(--o2);stroke-width:1.8;flex-shrink:0}
.tpl-maintenance .why-c p{font-size:.9rem;line-height:1.65;margin:0}

/* COST BLOCK */
.tpl-maintenance .cost{padding:24px;border-radius:var(--r);background:linear-gradient(135deg,rgba(245,97,0,.05),rgba(245,97,0,.01));border:1px solid rgba(245,97,0,.2);margin:18px 0;position:relative;overflow:hidden}
.tpl-maintenance .cost::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--o),transparent)}
.tpl-maintenance .cost-h{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.tpl-maintenance .cost-v{font-family:var(--fh);font-weight:700;font-size:clamp(1.6rem,3.5vw,2.1rem);color:var(--o2);letter-spacing:-.02em;line-height:1}
.tpl-maintenance .cost-l{font-size:.85rem;color:var(--w3);font-weight:500}
.tpl-maintenance .cost p{font-size:.92rem;line-height:1.7;margin:0;color:var(--w2)}
.tpl-maintenance .cost p a{color:var(--o2)}

/* FREQUENCY (5 buckets) */
.tpl-maintenance .freq-grid{display:grid;grid-template-columns:1fr;gap:10px;margin:18px 0}
.tpl-maintenance .freq-c{padding:16px 18px;border-radius:var(--r);background:var(--bg2);border:1px solid var(--b)}
.tpl-maintenance .freq-c-h{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--b)}
.tpl-maintenance .freq-c-tag{font-family:var(--fh);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:6px;font-weight:600;flex-shrink:0}
.tpl-maintenance .freq-c-h h4{font-family:var(--fh);font-weight:600;font-size:.92rem;color:var(--w);margin:0}
.tpl-maintenance .freq-c ul{padding:0;margin:0;list-style:none}
.tpl-maintenance .freq-c ul li{position:relative;padding-left:18px;margin-bottom:6px;font-size:.85rem;color:var(--w2);line-height:1.55}
.tpl-maintenance .freq-c ul li::before{content:'';position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;background:var(--w4)}
.tpl-maintenance .freq-c:nth-child(1) .freq-c-tag{background:rgba(248,113,113,.12);color:var(--cat-red);border:1px solid rgba(248,113,113,.2)}
.tpl-maintenance .freq-c:nth-child(2) .freq-c-tag{background:rgba(99,179,237,.12);color:var(--cat-blue);border:1px solid rgba(99,179,237,.2)}
.tpl-maintenance .freq-c:nth-child(3) .freq-c-tag{background:rgba(168,85,247,.12);color:var(--cat-violet);border:1px solid rgba(168,85,247,.2)}
.tpl-maintenance .freq-c:nth-child(4) .freq-c-tag{background:rgba(251,191,36,.12);color:var(--cat-yellow);border:1px solid rgba(251,191,36,.2)}
.tpl-maintenance .freq-c:nth-child(5) .freq-c-tag{background:rgba(52,211,153,.12);color:var(--cat-green);border:1px solid rgba(52,211,153,.2)}
@media(min-width:680px){.tpl-maintenance .freq-grid{grid-template-columns:repeat(2,1fr)}.tpl-maintenance .freq-c:last-child:nth-child(odd){grid-column:1/-1}}

/* METHOD (4 étapes WeComm) */
.tpl-maintenance .method-list{display:grid;grid-template-columns:1fr;gap:12px;margin:18px 0;counter-reset:m}
.tpl-maintenance .method-c{padding:18px 20px 18px 56px;border-radius:var(--r);background:var(--bg2);border:1px solid var(--b);position:relative;counter-increment:m}
.tpl-maintenance .method-c::before{content:counter(m,decimal-leading-zero);position:absolute;top:18px;left:18px;width:28px;height:28px;border-radius:8px;background:var(--os);color:var(--o2);border:1px solid rgba(245,97,0,.2);font-family:var(--fh);font-weight:700;font-size:.78rem;display:flex;align-items:center;justify-content:center;letter-spacing:0}
.tpl-maintenance .method-c h4{font-family:var(--fh);font-weight:700;font-size:1rem;color:var(--w);margin:0 0 6px}
.tpl-maintenance .method-c p{font-size:.9rem;line-height:1.65;margin:0 0 8px}
.tpl-maintenance .method-c p:last-child{margin-bottom:0}
.tpl-maintenance .method-c ul{padding:0;margin:0;list-style:none}
.tpl-maintenance .method-c ul li{position:relative;padding-left:20px;margin-bottom:6px;font-size:.86rem;color:var(--w2);line-height:1.55}
.tpl-maintenance .method-c ul li::before{content:'';position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;background:var(--o2)}

/* FAQ */
.tpl-maintenance .faq{padding:64px 0;border-top:1px solid var(--b)}
.tpl-maintenance .faq-in{max-width:560px;margin:0 auto 32px;text-align:center}
.tpl-maintenance .faq-in .tag{margin-bottom:14px}
.tpl-maintenance .faq-in h2{margin:0}
.tpl-maintenance .faq-list{max-width:760px;margin:0 auto}
.tpl-maintenance .faq-i{border:1px solid var(--b);border-radius:var(--r);margin-bottom:8px;overflow:hidden;background:var(--bg2);box-shadow:0 1px 2px rgba(0,0,0,.1)}
.tpl-maintenance .faq-q{padding:16px 22px;font-family:var(--fh);font-weight:600;color:var(--w);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;font-size:.92rem}
.tpl-maintenance .faq-q::-webkit-details-marker{display:none}
.tpl-maintenance .faq-q::after{content:'+';font-size:1.1rem;color:var(--o);flex-shrink:0;margin-left:16px;transition:transform .3s}
.tpl-maintenance .faq-i[open] .faq-q::after{transform:rotate(45deg)}
.tpl-maintenance .faq-a{padding:0 22px 18px}
.tpl-maintenance .faq-a p{margin:0;font-size:.9rem;line-height:1.7;color:var(--w2)}
.tpl-maintenance .faq-a p strong{color:var(--w)}
.tpl-maintenance .faq-a a{color:var(--o2);text-decoration:underline;text-underline-offset:3px}

/* RELATED (services liés - sobre) */
.tpl-maintenance .rel{padding:64px 0;border-top:1px solid var(--b)}
.tpl-maintenance .rel-in{max-width:520px;margin:0 auto 28px;text-align:center}
.tpl-maintenance .rel-in h2{font-size:clamp(1.3rem,2.8vw,1.7rem);margin:8px 0 6px}
.tpl-maintenance .rel-in p{color:var(--w3);font-size:.9rem;margin:0}
.tpl-maintenance .rel-g{display:grid;grid-template-columns:1fr;gap:8px;max-width:840px;margin:0 auto}
.tpl-maintenance .ri{display:flex;align-items:center;gap:14px;padding:13px 18px;border-radius:var(--rs);background:var(--bg2);border:1px solid var(--b);transition:all .3s}
.tpl-maintenance .ri:hover{border-color:rgba(245,97,0,.2);transform:translateY(-1px)}
.tpl-maintenance .ri:hover .ri-ar{color:var(--o2);transform:translateX(4px)}
.tpl-maintenance .ri-ico{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--os);color:var(--o2);flex-shrink:0;border:1px solid rgba(245,97,0,.08)}
.tpl-maintenance .ri-ico svg{width:16px;height:16px;stroke-width:1.8}
.tpl-maintenance .ri strong{font-family:var(--fh);font-weight:600;font-size:.85rem;flex:1;color:var(--w)}
.tpl-maintenance .ri-desc{font-size:.72rem;color:var(--w3);display:none}
.tpl-maintenance .ri-ar{color:var(--w3);transition:all .3s;flex-shrink:0}
.tpl-maintenance .ri-ar svg{width:14px;height:14px;stroke-width:2}
@media(min-width:680px){.tpl-maintenance .rel-g{grid-template-columns:repeat(2,1fr)}.tpl-maintenance .ri-desc{display:block}}

/* CTA FINAL */
.tpl-maintenance .ctaf{padding:80px 0;text-align:center;background:var(--bg2);border-top:1px solid var(--b);position:relative;overflow:hidden}
.tpl-maintenance .ctaf::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--o),transparent);box-shadow:0 0 30px rgba(245,97,0,.4)}
.tpl-maintenance .ctaf .w{position:relative;z-index:2;max-width:680px}
.tpl-maintenance .ctaf .tag{margin-bottom:16px}
.tpl-maintenance .ctaf h2{font-size:clamp(1.6rem,3.5vw,2.1rem);margin:0 0 14px}
.tpl-maintenance .ctaf-d{color:var(--w2);font-size:1rem;line-height:1.7;margin:0 auto 28px;max-width:520px}
.tpl-maintenance .ctaf-a{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center}

/* STICKY (mobile full-bar, desktop pill) */
.tpl-maintenance .stk{display:none;position:fixed;bottom:0;left:0;right:0;padding:10px 14px;background:var(--bg2);border-top:1px solid var(--b2);box-shadow:0 -4px 20px rgba(0,0,0,.3);z-index:1000;gap:8px}
.tpl-maintenance .stk .btn{flex:1;text-align:center;justify-content:center;padding:11px 14px;font-size:.82rem}
.tpl-maintenance .stk.v{display:flex}
@media(min-width:768px){
  .tpl-maintenance .stk.v{left:24px;right:auto;bottom:24px;max-width:none;white-space:nowrap;border-radius:14px;padding:10px 14px;gap:10px;border:1px solid var(--b2);border-top:1px solid var(--b2);box-shadow:0 8px 32px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.04);backdrop-filter:blur(12px)}
  .tpl-maintenance .stk .btn{flex:0 0 auto;padding:9px 16px;font-size:.84rem}
}

/* CTA FACES (in-article, photos fondateurs + tel) */
.tpl-maintenance .cta-faces{display:flex;align-items:center;gap:18px;padding:22px 24px;border-radius:var(--r);background:linear-gradient(135deg,rgba(99,179,237,.05),rgba(245,97,0,.04));border:1px solid var(--b);margin:32px 0;flex-wrap:wrap;position:relative;overflow:hidden}
.tpl-maintenance .cta-faces::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(99,179,237,.3),rgba(245,97,0,.3),transparent)}
.tpl-maintenance .cta-faces-pics{display:flex;flex-shrink:0}
.tpl-maintenance .cta-faces-pic{width:54px;height:54px;border-radius:50%;border:2px solid var(--bg2);overflow:hidden;background:var(--bg3);box-shadow:0 2px 8px rgba(0,0,0,.3)}
.tpl-maintenance .cta-faces-pic+.cta-faces-pic{margin-left:-14px}
.tpl-maintenance .cta-faces-pic img{width:100%;height:100%;object-fit:cover;display:block}
.tpl-maintenance .cta-faces-tx{flex:1;min-width:200px}
.tpl-maintenance .cta-faces-tx strong{display:block;font-family:var(--fh);font-weight:600;font-size:.95rem;color:var(--w);margin-bottom:3px}
.tpl-maintenance .cta-faces-tx span{display:block;font-size:.82rem;color:var(--w3);line-height:1.5}
.tpl-maintenance .cta-faces-a{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0}
.tpl-maintenance .cta-faces a.btn{padding:10px 18px;font-size:.84rem}
@media(max-width:560px){
  .tpl-maintenance .cta-faces{padding:18px;gap:14px}
  .tpl-maintenance .cta-faces-tx{flex:1 1 100%;min-width:0}
  .tpl-maintenance .cta-faces-a{width:100%}
  .tpl-maintenance .cta-faces a.btn{flex:1;justify-content:center}
}

/* CONTACT FORM SECTION */
.tpl-maintenance .contact{padding:80px 0;border-top:1px solid var(--b);position:relative;overflow:hidden;background:linear-gradient(180deg,var(--bg) 0%,#0d0e10 100%)}
.tpl-maintenance .contact::before{content:'';position:absolute;top:-200px;left:-100px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(99,179,237,.05),transparent 60%);pointer-events:none;z-index:0}
.tpl-maintenance .contact::after{content:'';position:absolute;bottom:-200px;right:-100px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(245,97,0,.05),transparent 60%);pointer-events:none;z-index:0}
.tpl-maintenance .contact .w{position:relative;z-index:1}
.tpl-maintenance .contact-grid{display:grid;grid-template-columns:1fr;gap:32px;align-items:start;max-width:1000px;margin:0 auto}
.tpl-maintenance .contact-l{padding:8px 0}
.tpl-maintenance .contact-l .tag{margin-bottom:14px}
.tpl-maintenance .contact-l h2{margin:0 0 14px}
.tpl-maintenance .contact-l p{font-size:.98rem;color:var(--w2);line-height:1.7;margin:0 0 22px}
.tpl-maintenance .contact-people{display:flex;align-items:center;gap:14px;margin-bottom:24px;padding:16px 18px;border-radius:var(--r);background:var(--bg2);border:1px solid var(--b)}
.tpl-maintenance .contact-people-pics{display:flex;flex-shrink:0}
.tpl-maintenance .contact-people-pic{width:48px;height:48px;border-radius:50%;border:2px solid var(--bg2);overflow:hidden;background:var(--bg3)}
.tpl-maintenance .contact-people-pic+.contact-people-pic{margin-left:-12px}
.tpl-maintenance .contact-people-pic img{width:100%;height:100%;object-fit:cover}
.tpl-maintenance .contact-people-tx strong{display:block;font-family:var(--fh);font-weight:600;font-size:.92rem;color:var(--w);margin-bottom:2px}
.tpl-maintenance .contact-people-tx span{display:block;font-size:.78rem;color:var(--w3)}
.tpl-maintenance .contact-tels{display:flex;flex-direction:column;gap:8px}
.tpl-maintenance .contact-tel{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--rs);background:var(--bg2);border:1px solid var(--b);transition:all .25s;text-decoration:none;color:var(--w)}
.tpl-maintenance .contact-tel:hover{border-color:rgba(245,97,0,.3);background:rgba(245,97,0,.04);transform:translateY(-1px)}
.tpl-maintenance .contact-tel svg{color:var(--o2);width:18px;height:18px;flex-shrink:0}
.tpl-maintenance .contact-tel-tx{flex:1}
.tpl-maintenance .contact-tel-tx strong{display:block;font-family:var(--fh);font-weight:600;font-size:.95rem}
.tpl-maintenance .contact-tel-tx span{display:block;font-size:.74rem;color:var(--w3);margin-top:1px}
.tpl-maintenance .contact-r{padding:32px 28px;border-radius:var(--r);background:var(--bg2);border:1px solid var(--b);position:relative;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.2)}
.tpl-maintenance .contact-r::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--o),transparent)}
.tpl-maintenance .contact-r h3{font-family:var(--fh);font-weight:700;font-size:1.1rem;color:var(--w);margin:0 0 6px}
.tpl-maintenance .contact-r-d{font-size:.85rem;color:var(--w3);line-height:1.55;margin:0 0 18px}
.tpl-maintenance .contact-form{display:grid;grid-template-columns:1fr;gap:10px}
.tpl-maintenance .contact-form .row{display:grid;grid-template-columns:1fr;gap:10px}
.tpl-maintenance .contact-form input,.tpl-maintenance .contact-form textarea{width:100%;padding:11px 14px;font-family:var(--fh);font-size:.88rem;color:var(--w);background:var(--bg3);border:1px solid var(--b);border-radius:var(--rs);transition:border-color .2s,background .2s;outline:none}
.tpl-maintenance .contact-form input:focus,.tpl-maintenance .contact-form textarea:focus{border-color:rgba(245,97,0,.5);background:var(--bg)}
.tpl-maintenance .contact-form input::placeholder,.tpl-maintenance .contact-form textarea::placeholder{color:var(--w4)}
.tpl-maintenance .contact-form textarea{resize:vertical;min-height:96px;font-family:var(--fh);line-height:1.5}
.tpl-maintenance .contact-form button{margin-top:6px;justify-content:center;width:100%;padding:13px 20px;font-size:.92rem}
.tpl-maintenance .contact-form-fp{font-size:.7rem;color:var(--w4);margin-top:6px;line-height:1.5}
.tpl-maintenance .contact-form-fp a{color:var(--w3);text-decoration:underline}
@media(min-width:480px){.tpl-maintenance .contact-form .row{grid-template-columns:1fr 1fr}}
@media(min-width:900px){.tpl-maintenance .contact-grid{grid-template-columns:1fr 1.1fr;gap:48px}}

/* RESPONSIVE & A11Y */
@media(max-width:767px){
  .tpl-maintenance .hero{padding:40px 0 18px}
  .tpl-maintenance .article{padding-bottom:96px}
  .tpl-maintenance .ctaf{padding:64px 0 96px}
}
@media(prefers-reduced-motion:reduce){
  .tpl-maintenance .an{transition:none;opacity:1;transform:none}
  .tpl-maintenance .hero-orb{animation:none}
}

/* Lucide icons */
.tpl-maintenance [data-lucide]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;vertical-align:middle}
.tpl-maintenance svg{stroke-width:1.8;flex-shrink:0}

/* WP-OVERRIDE-FIX */
.tpl-maintenance h1,.tpl-maintenance h2,.tpl-maintenance h3,.tpl-maintenance h4,.tpl-maintenance h5,.tpl-maintenance h6{color:var(--w)!important;font-family:var(--fh)!important}
.tpl-maintenance h1,.tpl-maintenance h2{font-weight:700!important}
.tpl-maintenance h3,.tpl-maintenance h4,.tpl-maintenance h5,.tpl-maintenance h6{font-weight:600!important}
.tpl-maintenance .tag{color:var(--o2)!important;font-weight:600!important;font-size:.7rem!important;background:var(--os)!important}