/* Estilo para o plugin Custom .wp-details-plugin .wp-summary-plugin */

/* Espaçamento e alinhamento */
.wp-details-plugin:first-of-type{
    margin-top: 20px;   
}
.wp-details-plugin {    
    margin-top: 4px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    
}
.wp-summary-plugin {
    cursor: pointer;
    padding: 10px 15px;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 5px;
    outline: none;
    transition: background-color 0.3s ease;
}
.wp-details-plugin[open] .wp-summary-plugin {
    background-color: #e0e0e0;
}
.wp-details-plugin[open] > * {
    display: block;
    margin-top: 10px;
    border-bottom: none;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

/* Ícone de seta para baixo */
.wp-summary-plugin::after {
    content: '\25BC';
    float: right;
}

/* Ícone de seta para cima quando o detalhe está aberto */
.wp-details-plugin[open] .wp-summary-plugin::after {
    content: '\25B2';
}

/* Cor do ícone */
.wp-summary-plugin::after {
    color: #666;
}

/* Cor do ícone quando o detalhe está aberto */
.wp-details-plugin[open] .wp-summary-plugin::after {
    color: #000;
}

.box-detalhes-context {
    border-bottom: 1px solid #2e1414;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;  
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-top: 5px;
    margin-top: 10px;
    
   
    background-color: #fff;
    
}