.portadaPreguntas{
  background: #219BD8;
}
.changcolorpreg{
    color: #252627;
}
.parrafoPreguntas{
    color: #FFF;
    font-family: 'Axiforma';
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.2; /* 1.24738rem */
}
#gallofrecuentes{
    width: 490px;
    margin-left: auto;
    display: block;
    z-index: 1;
    position: relative;
}
.divimgpreguntas{
    position: relative;
    padding-top: 80px;
}
#simb1{
   position: absolute;
    left: 0;
    bottom: 45px;
    width: 140px;
    transform: rotate(358deg);
    animation: aparecerDesaparecer 2s infinite ease-in-out;      
    animation-delay: 0.1s;
    opacity: 0;
}
#simb2{
    position: absolute;
    left: 77px;
    top: 0;
    width: 110px;
    transform: rotate(358deg);
     animation: aparecerDesaparecer2 2s infinite ease-in-out; 
     animation-delay: 0.3s;
      opacity: 0;
}
#simb3{
    position: absolute;
    left: 259px;
    top: -19px;
    width: 150px;
    transform: rotate(10deg);
    z-index: 0;
    animation: aparecerDesaparecer3 2s infinite ease-in-out;
    animation-delay: 0.6s;
     opacity: 0;

}
.bghero{
    z-index: 2;
    position: relative;
}
#simb4{
    position: absolute;
    right: 34px;
    top: 37px;
    width: 170px;
    transform: rotate(13deg);
    z-index: 0;
    animation: aparecerDesaparecer4 2s infinite ease-in-out;
     animation-delay: 0.9s;
     opacity: 0;
}

@keyframes aparecerDesaparecer {
  0%, 100% {
    opacity: 0;
    transform: scale(0.8), rotate(358deg);
  }
  50% {
    opacity: 1;
    transform: scale(1.2), rotate(358deg);
  }
}
@keyframes aparecerDesaparecer2 {
  0%, 100% {
    opacity: 0;
    transform: scale(0.8), rotate(358deg);
  }
  50% {
    opacity: 1;
    transform: scale(1.2), rotate(358deg);
  }
}

@keyframes aparecerDesaparecer3 {
  0%, 100% {
    opacity: 0;
    transform: scale(0.8), rotate(10deg);
  }
  50% {
    opacity: 1;
    transform: scale(1.2), rotate(10deg);
  }
}

@keyframes aparecerDesaparecer4 {
  0%, 100% {
    opacity: 0;
    transform: scale(0.8), rotate(13deg);
  }
  50% {
    opacity: 1;
    transform: scale(1.2), rotate(13deg);
  }
}


.seccionpreguntas{
    padding-top: 50px;
    padding-bottom: 50px;
}
.seccionpreguntastitle{
    color: #219BD8;
      font-family: 'Axiforma';
    font-size: 1.6rem;
    font-weight: 900;
    line-height: 1.2; /* 1.94325rem */
    margin-bottom: 20px;
}
.btnpregunta{
    border: 0;
    background: transparent;
    text-align: left;
    color: #252627;
    font-family: 'Axiforma';
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.2;
    padding: 0;
    margin-bottom: 18px;
    position: relative;
  padding-left: 1.9em; /* espacio para el ícono */
  text-align: left;  /* opcional si quieres alinear el texto */
}
.textcollap{
    color: #252627;
    font-family: 'Axiforma';
    font-size: 1.1rem;
    font-weight: 300;
    line-height: 1.2; /* 1.24738rem */
    padding-left: 2em;
    text-wrap: balance;
    margin-bottom: 22px;
}


.btnpregunta::after {
  content: "";
  position: absolute;
  left: 0.5em;
  top: 5%;
  width: 15px;
  height: 15px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.3054 5.75782C14.2433 5.75061 15.002 6.5063 15 7.44619C14.9978 8.38583 14.2358 9.15339 13.298 9.16073L9.18495 9.18947L9.15626 13.3147C9.14857 14.2465 8.38255 15.0011 7.4455 15C6.5082 14.9988 5.755 14.2421 5.76269 13.31L5.79113 9.21332L1.69453 9.24206C0.75687 9.2494 -0.00194944 8.49358 0.00000376222 7.55381C0.00220112 6.61417 0.764317 5.84661 1.7021 5.8394L5.81506 5.81053L5.84387 1.68531C5.85168 0.753499 6.61758 -0.00109951 7.55463 0.00000120265C8.49193 0.00110191 9.24513 0.757902 9.23732 1.68996L9.20887 5.78668L13.3054 5.75782Z' fill='%23252627'/></svg>");
}

.btnpregunta[aria-expanded="true"]::after {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='15' height='4' viewBox='0 0 15 4' fill='none'><g clip-path='url(%23clip0_350_101)'><path fill-rule='evenodd' clip-rule='evenodd' d='M1.69464 -0.000124272C0.756741 -0.00840817 -0.00195789 0.859155 -0.00000476837 1.93817C0.0021925 3.01676 0.764187 3.89794 1.70197 3.90637C5.56968 3.93754 9.43764 3.96871 13.3053 3.99988C14.2431 4.0083 15.0019 3.1406 15 2.06172C14.9978 0.982992 14.2357 0.10181 13.2979 0.0935259C9.43019 0.062356 5.56223 0.0311861 1.69464 -0.000124272Z' fill='%23252627'/></g><defs><clipPath id='clip0_350_101'><rect width='15' height='4' fill='white' transform='matrix(-1 0 0 1 15 0)'/></clipPath></defs></svg>");
}
.btnpregunta[aria-expanded="true"]{
    margin-bottom: 10px;
}
.seccionayuda{
    background-color: black;
    padding-top: 50px;
    padding-bottom: 50px;
}
.changcolorwh{
    color: white;
    margin-bottom: 13px;
}
.btnfrec{
    border-radius: 0.625rem;
    border: 3px solid #FFF;
    color: #FFF;
    text-align: center;
    font-weight: 700;
    background-color: transparent;
    margin-top: 15px;
    padding: 14px 45px;
}

@media (max-width: 1400px){
    #gallofrecuentes {
        width: 375px;
    }
    #simb1 {
        left: 34px;
        bottom: 45px;
        width: 120px;
    }
    #simb2 {
        left: 113px;
        top: 0;
        width: 90px;
    }
    #simb3 {
        left: 257px;
        top: -9px;
        width: 116px;
    }
    #simb4 {
        right: 30px;
        top: 60px;
        width: 110px;
    }
}

@media (max-width: 1200px){
    .parrafoPreguntas {
        font-size: 1rem;
    }
    #gallofrecuentes {
        width: 310px;
    }
    #simb1 {
        left: 34px;
        bottom: 45px;
        width: 102px;
    }
    #simb2 {
        left: 105px;
        top: 11px;
        width: 73px;
    }
    #simb3 {
        left: 232px;
        top: -12px;
        width: 105px;
    }
    #simb4 {
        right: 28px;
        top: 57px;
        width: 98px;
    }
    .seccionpreguntastitle {
        font-size: 1.4rem;
        margin-bottom: 15px;
    }
    .btnpregunta {
        font-size: 1rem;
    }
    .textcollap {
        font-size: 1rem;
    }

}

@media (max-width: 992px){
    #gallofrecuentes {
        width: 230px;
    }
    #simb1 {
        left: 15px;
        bottom: 40px;
        width: 80px;
    }
    #simb2 {
        left: 73px;
        top: 11px;
        width: 60px;
    }
    #simb3 {
        left: 160px;
        top: -6px;
        width: 86px;
    }
    #simb4 {
        right: 17px;
        top: 59px;
        width: 79px;
    }
    .seccionpreguntastitle {
        font-size: 1.3rem;
    }
  

}

@media (max-width: 767px){
    .portadaPreguntas {
        padding-top: 18px;
    }
    .parrafoPreguntas {
        margin-bottom: 26px;
        text-align: center;
    }
    #gallofrecuentes {
        width: 250px;
        margin-left: auto;
        margin-right: auto;
    }
    #simb1 {
        left: 6px;
        bottom: 34px;
        width: 70px;
    }
    .divimgpreguntas {
        padding-top: 60px;
    }
    #simb2 {
        left: 42px;
        top: 34px;
        width: 50px;
    }
    #simb3 {
        left: 140px;
        top: 0;
        width: 86px;
    }
    #simb4 {
        right: 83px;
        top: 53px;
        width: 70px;
    }
    .seccionpreguntas {
        padding-top: 34px;
        padding-bottom: 34px;
    }
    .seccionpreguntastitle {
        margin-top: 10px;
    }
    .seccionayuda {
        text-align: center;
    }
    .seccionayuda {
        padding-top: 34px;
        padding-bottom: 35px;
    }
    .seccionpreguntas {
        padding-top: 26px;
        padding-bottom: 26px;
    }
}

@media (max-width: 380px){
    #simb1 {
        left: 2%;
        bottom: 15%;
        width: 15%;
    }
    #gallofrecuentes {
        width: 66%;
    }
    #simb2 {
        left: 9%;
        top: 10%;
        width: 13%;
    }
    #simb3 {
        left: 36%;
        top: 1%;
        width: 20%;
    }
    #simb4 {
        right: 23%;
        top: 23%;
        width: 18%;
    }
}