/* Salvador Safety — Service pages premium (shared) */
.svc-hero{position:relative;margin-top:76px;padding:90px 0 70px;background:#0A1628;overflow:hidden}
.svc-hero .bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.35}
.svc-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(10,22,40,.95) 30%,rgba(10,22,40,.65) 60%,rgba(249,115,22,.25))}
.svc-hero .container{position:relative;z-index:2}
.svc-crumb{display:inline-flex;align-items:center;gap:8px;color:rgba(255,255,255,.7);font-size:.8rem;font-weight:600;margin-bottom:14px}
.svc-crumb a{color:#FDBA74}
.svc-hero h1{color:#fff;font-family:"Sora","Poppins",sans-serif;font-weight:800;font-size:clamp(1.9rem,4.5vw,3rem);margin:0 0 10px;letter-spacing:-.02em}
.svc-hero .lead{color:rgba(255,255,255,.8);max-width:64ch;font-size:1.05rem}
.svc-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.svc-tags span{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);color:#fff;border-radius:999px;padding:8px 15px;backdrop-filter:blur(8px)}
#portfolio-details.portfolio-details{background:linear-gradient(180deg,#fff,#F7F9FC);padding:70px 0}
.portfolio-details-slider .swiper-slide img{border-radius:22px!important;box-shadow:0 24px 60px rgba(10,22,40,.18)!important;aspect-ratio:16/10;object-fit:cover;width:100%}
.portfolio-info.svc-info{background:#fff!important;border:1px solid rgba(15,23,42,.1)!important;border-radius:22px!important;box-shadow:0 10px 30px rgba(10,22,40,.1)!important}
.portfolio-info.svc-info h3{font-family:"Sora",sans-serif;font-weight:800;color:#0F172A;font-size:1.05rem;letter-spacing:.02em}
.portfolio-info.svc-info ul li{background:#F7F9FC;border:1px solid rgba(15,23,42,.07);border-radius:12px;padding:10px 14px;margin-bottom:10px!important;font-size:.92rem;color:#33415C}
.portfolio-info.svc-info ul li i{color:#16A34A!important}
.portfolio-description.svc-desc{background:#fff!important;border:1px solid rgba(15,23,42,.1)!important;border-radius:22px!important;box-shadow:0 10px 30px rgba(10,22,40,.08)!important;padding:36px!important}
.portfolio-description.svc-desc h2{font-family:"Sora",sans-serif;color:#0F172A;font-weight:800;font-size:1.4rem}
.portfolio-description.svc-desc p{color:#33415C;line-height:1.75}
#faq.faq{background:#0A1628!important;padding:80px 0}
#faq .section-title h2{color:#fff!important}
#faq .section-title p{color:rgba(255,255,255,.75)!important}
#faq .faq-list ul{list-style:none!important;padding:0!important;margin:0!important;display:grid!important;gap:14px!important}
#faq .faq-list>ul>li{display:flex!important;flex-wrap:wrap;align-items:center;gap:12px;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:16px!important;padding:20px 22px!important;backdrop-filter:blur(8px);box-shadow:none!important;margin-top:0!important;transition:border-color .3s}
#faq .faq-list>ul>li:hover{border-color:rgba(249,115,22,.45)!important}
#faq .faq-list li i.bi-question-circle-fill{color:#F97316!important;font-size:1.35rem;flex:0 0 auto}
#faq .faq-list li a{display:flex!important;flex:1 1 auto;justify-content:space-between;align-items:center;gap:12px;color:#FFFFFF!important;font-weight:700!important;font-size:1rem;line-height:1.5;padding:0!important;position:static!important;cursor:pointer;opacity:1!important}
#faq .faq-list li a:hover{color:#FDBA74!important}
#faq .faq-list li a.collapsed{color:#FFFFFF!important}
#faq .faq-list li a .icon-show,#faq .faq-list li a .icon-close{position:static!important;font-size:1.1rem!important;color:#FDBA74!important;flex:0 0 auto}
#faq .faq-list .collapse,#faq .faq-list .collapsing{flex:1 1 100%!important}
#faq .faq-list .collapse p,#faq .faq-list .collapsing p{color:rgba(255,255,255,.88)!important;margin:12px 0 0!important;background:rgba(255,255,255,.06)!important;border-radius:12px;font-size:.94rem;line-height:1.65}
#contact.call-to-action{padding:70px 0;background:#F7F9FC}
.svc-cta{background:linear-gradient(135deg,#0A1628,#1d3a63);border-radius:26px;padding:56px 48px;text-align:center;position:relative;overflow:hidden}
.svc-cta::before{content:"";position:absolute;width:480px;height:480px;right:-140px;top:-140px;background:radial-gradient(circle,rgba(249,115,22,.35),transparent 65%)}
.svc-cta h3{color:#fff;font-family:"Sora",sans-serif;font-weight:800;font-size:clamp(1.4rem,3vw,2rem);position:relative}
.svc-cta p{color:rgba(255,255,255,.75);position:relative;max-width:60ch;margin:12px auto 24px}
.svc-cta .cta-btn{background:#fff;color:#0F172A!important;font-weight:800;padding:16px 34px;border-radius:999px;display:inline-flex;position:relative;transition:.3s}
.svc-cta .cta-btn:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(0,0,0,.35)}
.svc-cta .wpp-alt{display:inline-flex;margin-left:12px;color:#fff;font-weight:700;border:1px solid rgba(255,255,255,.3);padding:16px 30px;border-radius:999px;position:relative}
.svc-cta .wpp-alt:hover{background:rgba(255,255,255,.12);color:#fff}
@media(max-width:768px){.svc-hero{padding:70px 0 54px}.portfolio-description.svc-desc{padding:26px!important}.svc-cta{padding:40px 24px}.svc-cta .wpp-alt{margin-left:0;margin-top:12px}}
