/* ==================================================
STARHOUSE - CATEGORIA REDES DE PROTEÇÃO
ID DA CATEGORIA: 23048289
================================================== */

/* Oculta os menus/blocos laterais SOMENTE em Redes de Proteção */
body.categoria-23048289 .secao-principal > .coluna.span3 > .menu.lateral,
body.categoria-23048289 .secao-principal > .coluna.span3 > .menu.lateral.outras,
body.categoria-23048289 .secao-principal > .coluna.span3 > .row-fluid {
display: none !important;
}

/* Faz a coluna onde está a descrição ocupar toda a largura */
body.categoria-23048289 .secao-principal > .coluna.span3 {
width: 100% !important;
margin-left: 0 !important;
float: none !important;
}

/* Faz o bloco da descrição ocupar toda a largura */
body.categoria-23048289 .secao-principal > .coluna.span3 > .componente {
width: 100% !important;
max-width: none !important;
margin: 0 0 25px 0 !important;
float: none !important;
box-sizing: border-box !important;
}

/* Ajusta o conteúdo interno da descrição */
body.categoria-23048289 .secao-principal > .coluna.span3 > .componente .interno {
width: 100% !important;
max-width: none !important;
box-sizing: border-box !important;
}
/* ==================================================
ACABAMENTO DA DESCRIÇÃO - REDES DE PROTEÇÃO
================================================== */

/* Remove fundo, bordas e aparência de caixa lateral */
body.categoria-23048289 .secao-principal > .coluna.span3 > .componente,
body.categoria-23048289 .secao-principal > .coluna.span3 > .componente .interno {
background: #fff !important;
background-color: #fff !important;
background-image: none !important;
border: 0 !important;
box-shadow: none !important;
}

/* Remove fundos cinzas dos elementos internos da descrição */
body.categoria-23048289 .secao-principal > .coluna.span3 > .componente .interno div,
body.categoria-23048289 .secao-principal > .coluna.span3 > .componente .interno p,
body.categoria-23048289 .secao-principal > .coluna.span3 > .componente .interno h1,
body.categoria-23048289 .secao-principal > .coluna.span3 > .componente .interno h2,
body.categoria-23048289 .secao-principal > .coluna.span3 > .componente .interno h3,
body.categoria-23048289 .secao-principal > .coluna.span3 > .componente .interno ul,
body.categoria-23048289 .secao-principal > .coluna.span3 > .componente .interno li {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
}

/* Dá respiro ao conteúdo */
body.categoria-23048289 .secao-principal > .coluna.span3 > .componente .interno {
padding: 25px 10px 35px 10px !important;
}
/* ==================================================
AJUSTES FINAIS - REDES DE PROTEÇÃO
================================================== */

/* Remove o título repetido "Redes de Proteção" */
body.categoria-23048289 .coluna.span3 .componente h4.titulo {
display: none !important;
}

/* Aumenta somente o texto comum */
body.categoria-23048289 .coluna.span3 .componente .interno p,
body.categoria-23048289 .coluna.span3 .componente .interno li,
body.categoria-23048289 .coluna.span3 .componente .interno div {

font-size: 14px !important;
line-height: 1.5 !important;
}
/* ==================================================
1. REDES DE PROTEÇÃO - REMOVE ÁREA SEM PRODUTOS
================================================== */

body.categoria-23048289 .secao-principal > .conteudo.span9 {
display: none !important;
}


/* ==================================================
2. REDES DE PROTEÇÃO - AUMENTA O TEXTO NORMAL
================================================== */

body.categoria-23048289 .componente .interno p,
body.categoria-23048289 .componente .interno li {
font-size: 16px !important;
line-height: 1.55 !important;
}
/* ==================================================
STARHOUSE - REDES DE PROTEÇÃO
AJUSTE FINAL DE DIAGRAMAÇÃO
================================================== */

/* Centraliza o conteúdo da descrição */
body.categoria-23048289 .componente .interno {
width: 100% !important;
max-width: 1150px !important;
margin-left: auto !important;
margin-right: auto !important;
padding: 25px 35px 45px 35px !important;
box-sizing: border-box !important;
}

/* Texto normal - confortável para leitura */
body.categoria-23048289 .componente .interno p,
body.categoria-23048289 .componente .interno li {
font-size: 16px !important;
line-height: 1.55 !important;
}

/* Títulos principais da descrição */
body.categoria-23048289 .componente .interno h2,
body.categoria-23048289 .componente .interno h3 {
margin-top: 35px !important;
margin-bottom: 16px !important;
line-height: 1.2 !important;
}

/* Primeiro título não precisa de espaço exagerado acima */
body.categoria-23048289 .componente .interno h3:first-of-type {
margin-top: 5px !important;
}

/* Espaçamento dos parágrafos */
body.categoria-23048289 .componente .interno p {
margin-bottom: 15px !important;
}

/* Organiza melhor as listas */
body.categoria-23048289 .componente .interno ul {
margin-top: 12px !important;
margin-bottom: 25px !important;
padding-left: 22px !important;
}

/* Espaçamento entre cada item */
body.categoria-23048289 .componente .interno li {
margin-bottom: 5px !important;
}

/* Mantém o conteúdo alinhado à esquerda */
body.categoria-23048289 .componente .interno {
text-align: left !important;
}
/* =====================================================
AJUSTES FINAIS - REDES DE PROTEÇÃO
===================================================== */

/* Aumenta o texto normal, mantendo menor que os títulos */
body.categoria-23048289 .secao-principal > .coluna.span3 > .componente .interno p,
body.categoria-23048289 .secao-principal > .coluna.span3 > .componente .interno li {
font-size: 17px !important;
line-height: 1.5 !important;
}

/* Esconde "Página inicial > Redes de Proteção" */
body.categoria-23048289 .breadcrumbs {
display: none !important;
}
