/* Padrão visual copiado do modelo Renaissance aprovado. */
#produto-integrado { background:#fff; padding:40px 0 60px; }
#produto-integrado .container { max-width:1200px; margin:0 auto; padding:0 20px; }
#produto-integrado h2 { font-size:1.8rem; color:#1a1a2e; margin:40px 0 20px; border-bottom:3px solid #4acc25; padding-bottom:10px; display:inline-block; }
#produto-integrado .descricao { background:#f8f9fa; padding:25px 30px; border-radius:10px; border-left:5px solid #4acc25; margin-bottom:30px; font-size:1.05rem; }
#produto-integrado .descricao p { margin:0; }
#produto-integrado .descricao ul { list-style:none; padding:0; display:flex; flex-wrap:wrap; gap:10px; margin:15px 0 0; }
#produto-integrado .descricao ul li { background:#1a1a2e; color:#fff; padding:5px 16px; border-radius:20px; font-size:.85rem; }
.cores-status { font-size:.85rem; color:#888; margin:-10px 0 20px; display:block; }
.cores-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:20px; margin:20px 0 40px; }
.cor-item { background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 4px 15px rgba(0,0,0,.08); transition:all .3s ease; text-align:center; cursor:pointer; border:2px solid transparent; position:relative; }
.cor-item:hover { transform:translateY(-6px); box-shadow:0 8px 30px rgba(0,0,0,.15); border-color:#4acc25; }
.cor-item img { width:100%; height:160px; object-fit:cover; background:#eee; display:block; }
.cor-item .cor-nome { padding:10px; font-weight:600; font-size:.9rem; color:#1a1a2e; background:#fafafa; min-height:42px; }
.cor-item .cor-selo { position:absolute; top:8px; left:8px; font-size:.65rem; font-weight:700; padding:3px 9px; border-radius:20px; color:#fff; text-transform:uppercase; letter-spacing:.5px; }
.cor-item .cor-selo.lancamento { background:#4acc25; }
.cor-item .cor-selo.estoque { background:#e07b1a; }
.tabela-especificacoes { width:100%; border-collapse:collapse; background:#fff; border-radius:10px; overflow:hidden; box-shadow:0 2px 10px rgba(0,0,0,.05); margin:20px 0 40px; }
.tabela-especificacoes tr { border-bottom:1px solid #eee; }
.tabela-especificacoes tr:last-child { border-bottom:none; }
.tabela-especificacoes td { padding:12px 20px; font-size:.95rem; }
.tabela-especificacoes td:first-child { font-weight:600; color:#1a1a2e; background:#f8f9fa; width:35%; }
.galeria-instalacoes { display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:15px; margin:20px 0 40px; }
.galeria-instalacoes .foto { position:relative; overflow:hidden; border-radius:10px; cursor:pointer; aspect-ratio:1/1; background:#eee; }
.galeria-instalacoes .foto img { width:100%; height:100%; object-fit:cover; transition:transform .4s ease; display:block; }
.galeria-instalacoes .foto:hover img { transform:scale(1.05); }
.galeria-instalacoes .foto .overlay { position:absolute; inset:0; background:rgba(0,0,0,.4); display:flex; justify-content:center; align-items:center; opacity:0; transition:opacity .3s ease; }
.galeria-instalacoes .foto:hover .overlay { opacity:1; }
.galeria-instalacoes .foto .overlay span { color:#fff; font-size:2rem; background:rgba(74,204,37,.8); width:50px; height:50px; border-radius:50%; display:flex; justify-content:center; align-items:center; }
.selos-grid { display:flex; flex-wrap:wrap; gap:15px; justify-content:center; margin:20px 0 40px; }
.selos-grid .selo { background:#fff; padding:12px 18px; border-radius:10px; box-shadow:0 2px 10px rgba(0,0,0,.06); text-align:center; transition:transform .3s; flex:0 0 auto; min-width:100px; max-width:180px; }
.selos-grid .selo:hover { transform:translateY(-4px); }
.selos-grid .selo img { height:50px; max-width:130px; width:auto; object-fit:contain; display:block; margin:0 auto 6px; }
.selos-grid .selo span { font-size:.7rem; color:#666; display:block; }
.modal-produto { display:none; position:fixed; inset:0; width:100%; height:100%; background:rgba(0,0,0,.85); z-index:9999; justify-content:center; align-items:center; padding:20px; }
.modal-produto.active { display:flex; }
.modal-produto .modal-content { background:#fff; border-radius:16px; max-width:600px; width:100%; padding:25px; position:relative; animation:modalFade .3s ease; }
@keyframes modalFade { from{opacity:0; transform:scale(.9)} to{opacity:1; transform:scale(1)} }
.modal-produto .modal-fechar { position:absolute; top:10px; right:16px; font-size:26px; cursor:pointer; color:#999; transition:color .3s; background:none; border:none; z-index:5; }
.modal-produto .modal-fechar:hover { color:#333; }
.modal-produto .modal-imagem { width:100%; max-height:350px; object-fit:contain; border-radius:8px; }
.modal-produto .modal-titulo { text-align:center; margin-top:12px; font-size:1.2rem; color:#1a1a2e; }
.documentos { margin:20px 0 40px; }
.documentos .doc-item { display:flex; align-items:center; gap:15px; padding:12px 20px; background:#fff; border-radius:8px; margin-bottom:10px; transition:background .3s; text-decoration:none; color:#1a1a2e; box-shadow:0 2px 5px rgba(0,0,0,.05); }
.documentos .doc-item:hover { background:#e9ecef; text-decoration:none; color:#1a1a2e; }
.belgotex-empty { color:#777; background:#f8f9fa; border-radius:8px; padding:14px 16px; margin:15px 0 30px; }
@media (max-width:768px){ .cores-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.cor-item img{height:120px}.tabela-especificacoes td{padding:8px 12px;font-size:.8rem}.galeria-instalacoes{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))} }
@media (max-width:480px){ #produto-integrado{padding-top:25px}#produto-integrado .container{padding:0 14px}#produto-integrado .descricao{padding:20px}.cores-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cor-item img{height:110px}.cor-item .cor-nome{font-size:.7rem;padding:6px}.galeria-instalacoes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tabela-especificacoes td:first-child{width:42%} }