/* =========================================================
   PROLAR - PRODUTO INDIVIDUAL
   Correção visual completa: header + página + rodapé
   Paleta oficial: azul #0756B8, amarelo #FFC400, branco
   ========================================================= */

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#12365B;background:#fff}
a{text-decoration:none;color:inherit}
.container{width:min(1180px,calc(100% - 48px));margin:0 auto}

/* HEADER */
.topbar{height:36px;background:#0756B8;color:#fff;font-size:12px}
.topbar .container{height:100%}
.topbar-inner{display:flex;align-items:center;justify-content:space-between}

.header{height:78px;background:#fff;border-bottom:1px solid #E1ECF6;position:relative;z-index:50}
.nav{height:78px;display:flex;align-items:center}
.brand{display:flex;align-items:center;height:100%;flex-shrink:0}
.brand img{display:block;width:92px;height:auto;max-height:64px;object-fit:contain}
.menu{margin-left:auto;display:flex;align-items:center;gap:25px}
.menu a{font-size:13px;font-weight:800;color:#0756B8}
.menu a:hover,.menu a.active{color:#003E86}
.whatsapp-btn{background:#FFC400!important;color:#102F50!important;border-radius:999px;padding:14px 20px;white-space:nowrap}
.menu-toggle{display:none;margin-left:auto;background:#fff;border:1px solid #C9DDED;border-radius:9px;width:42px;height:42px;color:#0756B8;font-size:20px;cursor:pointer}

/* PÁGINA */
.product-detail{background:#F4F9FE;padding:30px 0 75px;min-height:650px}
.breadcrumb{display:flex;align-items:center;gap:9px;font-size:11px;color:#71869C;margin-bottom:25px}
.breadcrumb a{color:#0756B8;font-weight:800}
.breadcrumb b{color:#A8B9C9}
.breadcrumb span{max-width:350px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}
.detail-visual{background:#fff;border:1px solid #D9E8F7;border-radius:22px;padding:30px;min-height:570px;display:flex;align-items:center;justify-content:center;box-shadow:0 18px 45px rgba(12,78,130,.08)}
.detail-image{width:100%;height:510px;display:flex;align-items:center;justify-content:center}
.detail-image img{width:100%;height:100%;object-fit:contain;display:block}

.large-placeholder{width:185px;height:370px;border-radius:32px;background:linear-gradient(105deg,#D7E5EF,#fff 50%,#DDE7ED);box-shadow:0 28px 45px rgba(10,65,110,.18);position:relative}
.large-placeholder i{position:absolute;left:55px;top:-38px;width:75px;height:45px;background:#0756B8;border-radius:9px 9px 4px 4px}
.large-placeholder strong{position:absolute;top:155px;left:17px;right:17px;background:#0756B8;color:#fff;text-align:center;padding:14px 5px;border-radius:5px;font-size:16px}

.detail-info{padding:10px 0}
.product-tag{display:inline-block;background:#E4F0FF;color:#0756B8;border-radius:999px;padding:7px 12px;font-size:10px;font-weight:900}
.detail-info h1{font-family:Georgia,"Times New Roman",serif;color:#0756B8;font-size:clamp(39px,4vw,58px);line-height:1.03;letter-spacing:-1.5px;margin:17px 0 14px}
.description{font-size:16px;line-height:1.65;color:#5E7791;max-width:570px;margin:0 0 25px}
.detail-block{border-top:1px solid #D8E7F4;padding-top:18px;margin-top:18px}
.detail-block h3{font-size:12px;color:#12365B;margin:0 0 11px}
.pills{display:flex;flex-wrap:wrap;gap:7px}
.pills span{background:#fff;border:1px solid #C9DDED;border-radius:8px;padding:8px 12px;color:#0756B8;font-size:11px;font-weight:800}
.check-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:9px}
.check-list li{font-size:12px;color:#5E7791;display:flex;gap:8px}
.check-list li b{color:#0756B8}

.main-whatsapp{margin-top:28px;background:#FFC400;border-radius:14px;padding:16px 18px;display:flex;align-items:center;gap:13px;color:#102F50;box-shadow:0 12px 25px rgba(255,196,0,.18)}
.main-whatsapp>span{font-size:22px}
.main-whatsapp div{flex:1}
.main-whatsapp strong{display:block;font-size:12px}
.main-whatsapp small{display:block;font-size:10px;margin-top:4px}
.main-whatsapp>b{font-size:20px}
.main-whatsapp:hover{background:#0756B8;color:#fff}

/* INFORMAÇÕES EXTRAS */
.extra-info{background:#fff;padding:40px 0;border-top:1px solid #DDEAF5;border-bottom:1px solid #DDEAF5}
.extra-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.info-box{border:1px solid #D9E8F7;background:#F7FBFF;border-radius:16px;padding:20px;display:flex;gap:14px}
.info-icon{width:42px;height:42px;border-radius:11px;background:#E3F0FF;color:#0756B8;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.info-box h2{color:#0756B8;font-family:Georgia,"Times New Roman",serif;font-size:20px;margin:0 0 7px}
.info-box p{color:#657D98;font-size:12px;line-height:1.6;margin:0}

/* CTA */
.back-catalog{background:#0756B8;color:#fff;text-align:center;padding:65px 0}
.back-catalog span{color:#FFC400;font-size:10px;font-weight:900;letter-spacing:3px}
.back-catalog h2{font-family:Georgia,"Times New Roman",serif;font-size:38px;margin:10px 0}
.back-catalog p{color:#DCEBFA;font-size:13px;margin:0 auto 23px}
.btn-blue{display:inline-flex;background:#fff;color:#0756B8;border-radius:999px;padding:14px 20px;font-size:11px;font-weight:900}
.btn-blue:hover{background:#FFC400;color:#102F50}

/* 404 */
.not-found{background:#F4F9FE;min-height:500px;text-align:center;padding:130px 0}
.not-found span{color:#0756B8;font-size:11px;font-weight:900;letter-spacing:3px}
.not-found h1{font-family:Georgia,"Times New Roman",serif;color:#0756B8;font-size:48px;margin:12px 0}
.not-found p{color:#657D98;margin-bottom:25px}
.not-found .btn-yellow{display:inline-flex;background:#FFC400;color:#102F50;border-radius:999px;padding:14px 20px;font-size:11px;font-weight:900}

/* FOOTER */
.footer{background:#fff;padding:60px 0 0;border-top:1px solid #D9E8F7}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:50px;padding-bottom:45px}
.footer-grid>div:first-child img{width:88px;height:auto;margin-bottom:12px;display:block}
.footer p{max-width:330px;color:#657D98;font-size:12px;line-height:1.6}
.footer h3{color:#0756B8;font-family:Georgia,"Times New Roman",serif;font-size:18px;margin:0 0 16px}
.footer a{display:block;color:#58708B;font-size:12px;margin:9px 0}
.footer a:hover{color:#0756B8}
.copyright{border-top:1px solid #D9E8F7;padding:18px 0;text-align:center;color:#7C8EA0;font-size:10px}

/* RESPONSIVO */
@media(max-width:900px){
 .detail-grid{grid-template-columns:1fr;gap:25px}
 .detail-visual{min-height:430px}
 .detail-image{height:390px}
 .detail-info{padding:0}
 .extra-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
 .container{width:calc(100% - 30px)}
 .topbar{height:32px}
 .topbar-inner{font-size:10px}
 .topbar-inner span:last-child{display:none}
 .header,.nav{height:70px}
 .brand img{width:76px;max-height:55px}
 .menu-toggle{display:block}
 .menu{display:none;position:absolute;left:15px;right:15px;top:70px;background:#fff;border:1px solid #D9E8F7;border-radius:14px;padding:8px;box-shadow:0 18px 40px rgba(0,45,90,.18);flex-direction:column;align-items:stretch;gap:0}
 .menu.open{display:flex}
 .menu a{padding:12px;font-size:13px}
 .whatsapp-btn{text-align:center}
 .product-detail{padding-top:22px}
 .breadcrumb{margin-bottom:18px}
 .detail-visual{min-height:350px;padding:20px}
 .detail-image{height:320px}
 .detail-info h1{font-size:39px}
 .description{font-size:14px}
 .check-list{grid-template-columns:1fr}
 .back-catalog h2{font-size:31px}
 .footer-grid{grid-template-columns:1fr 1fr;gap:28px}
}
@media(max-width:430px){
 .footer-grid{grid-template-columns:1fr}
}