/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

.logo_cma_footer {
    height:60px;
}
.yes-no .answers-list {
  text-align: center;
}
 
.yes-no .answers-list > div {
  display: inline-block;
  float: none;
}
.centrar{
    text-align:center;
    display: grid;
    justify-items: center;
}
.group-title {
      text-align: center;
}
.question-container .question-title-container{
    display:flex;
    
    
}

.group-container .group-title  {
    font-size:2.5rem;
}

.question-container .ls-label-question {
    line-height:normal;
}

.colunas_3 ul{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
}
.question-text span{
    font-size: 1.4rem;
}

.group-container .group-title{
    margin-top: 0;
    margin-bottom: 2rem;
}





/* UL horizontal normal */

/* UL horizontal normal */
.estrelas-rating .answers-list ul {
    display: flex !important;
    flex-direction: row !important;
    gap: 0;
    padding: 0;
    margin: 0;
}

/* Esconde os radios */
.estrelas-rating .answers-list input[type="radio"] {
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    position: absolute !important;
    pointer-events: none !important;
}

/* Label sem texto nem círculo */
.estrelas-rating .answers-list label {
    font-size: 0 !important;
    cursor: pointer;
    position: relative;
    padding: 0 !important;
}

.estrelas-rating .answers-list label::before {
    content: "★";
    font-size: 3rem;
    color: #ccc;
    transition: color 0.2s;
     border: 0!important;
}

/* Estado base: tudo cinzento */
.estrelas-rating .answers-list .radio-item label::before {
    color: #ccc;
}


.estrelas-rating .answers-list .radio-item:has(input[type="radio"]:checked) label::before,
.estrelas-rating .answers-list .radio-item:has(~ .radio-item input[type="radio"]:checked) label::before {
    color: #f5b301;
      
}


.estrelas-rating .answers-list .radio-item:hover label::before,
.estrelas-rating .answers-list .radio-item:has(~ .radio-item:hover) label::before {
    color: #f5b301;
  
}

.estrelas-rating .answers-list .radio-item:hover label::before {
    color: #f5b301 !important;
}

.estrelas-rating .answers-list .radio-item:hover ~ .radio-item label::before {
    color: #ccc !important;
    
}

/* Remove o ::after do tema */
.estrelas-rating .radio-item label::after {
    display: none !important;
   
}
@media screen and (max-width: 767px){
      .teste .answer-container > ul {
        flex-direction: row!important;
  
    }
    .list-group.list-group-horizontal .radio-item {
     margin-right: 3rem;   
    }
}