/* Tipografia */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Varela+Round&display=swap');

/* estilos banner */
div#cmfaq {
    width: 100%;
    margin-top: 20px;
}

section.banner.banner-faq {
    min-height: 180px;
    font-family: 'Varela Round', sans-serif;
    padding-bottom: 0px;
}

.container-banner-faq {
    display: flex;
    align-items: stretch;
    min-height: 180px;
}

.cmfaq-two-columns.cmfaq .cmfaq-search {
    position: absolute;
    /* margin: 0 0 30px 0; */
    /* padding: 0; */
    top: -74px;
    z-index: 1;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 97%;
}
.cmfaq-two-columns.cmfaq .cmfaq-search .cmfaq-search-input, .cmfaq .cmfaq-search .cmfaq-search-input[type="search"] {
    width: 40% !important;
    margin: 10px auto;
    border-radius: 10px;
}

p.banner-title-faq {
    text-align: center;
    color: #fff;
    font-size: 2em;
    margin-top: 30px;
    font-family: 'Varela Round', sans-serif;
}

p.banner-copy-faq {
    color: #fff;
    text-align: center;
    font-size: 0.9em;
    font-family: 'Varela Round', sans-serif;
}

@media (min-width:320px) and (max-width:345px){
    p.banner-title-faq {
        text-align: center;
        color: #fff;
        font-size: 1.3em;
        margin-top: 30px;
        font-family: 'Varela Round', sans-serif;
        font-weight: bold;
    }

    p.banner-copy-faq {
        color: #fff;
        text-align: center;
        font-size: 0.9em;
        font-family: 'Varela Round', sans-serif;
        width: 86%;
        margin-left: auto;
        margin-right: auto;
    }

    .cmfaq-two-columns.cmfaq .cmfaq-search .cmfaq-search-input {
        width: 93% !important;
        margin: 0;
    }

    
    .imagen-right-banner-interno {
        background-image: url(images/imagen-preguntas-internas.png);
        background-repeat: no-repeat;
        background-size: contain;
        height: 90px;
        background-position: center;
        display: none;
    }

    .banner-txt-interno {
        display: flex;
        justify-content: center !important;
        align-content: center;
        
        align-items: stretch !important;
        background-image: url(images/imagen-preguntas-internas.png);
        background-repeat: no-repeat;
        background-size: 60%;
        background-position: center bottom;
        min-height: 180px;
    }

    p.banner-copy-faq-internas {
        font-size: 1em !important;
        color: #fff;
        line-height: 1.1;
        text-align: center;
        padding-top: 20px;
    }

    .banner-faq-left {
        background-image: url(images/imagen2-banner-preguntas.png);
        background-repeat: no-repeat;
        background-size: 60%;
        background-position: center bottom;
        display: none;
    }

    .banner-faq-rigth {
        background-image: url(images/imagen-banner-preguntas.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: none;
    }
    
}

@media (min-width:346px) and (max-width:460px){ 
    p.banner-title-faq {
        text-align: center;
        color: #fff;
        font-size: 1.3em;
        margin-top: 30px;
        font-family: 'Varela Round', sans-serif;
        font-weight: bold;
    }

    p.banner-copy-faq {
        color: #fff;
        text-align: center;
        font-size: 0.9em;
        font-family: 'Varela Round', sans-serif;
        width: 81%;
        margin-left: auto;
        margin-right: auto;
    }

    .cmfaq-two-columns.cmfaq .cmfaq-search .cmfaq-search-input {
        width: 93% !important;
        margin: 0;
    }

    .container-banner-faq-interno {
        display: flex;
        align-items: stretch;
        min-height: 180px;
        flex-direction: column;
    }
    .imagen-right-banner-interno {
        background-image: url(images/imagen-preguntas-internas.png);
        background-repeat: no-repeat;
        background-size: contain;
        height: 90px;
        background-position: center;
        display: none;
    }

    .banner-txt-interno {
        display: flex;
        justify-content: center !important;
        align-content: center;
        
        align-items: stretch !important;
        background-image: url(images/imagen-preguntas-internas.png);
        background-repeat: no-repeat;
        background-size: 60%;
        background-position: center bottom;
        min-height: 180px;
    }
    p.banner-copy-faq-internas {
        font-size: 1em !important;
        color: #fff;
        line-height: 1.1;
        text-align: center;
        padding-top: 20px;
    }

    .banner-faq-left {
        background-image: url(images/imagen2-banner-preguntas.png);
        background-repeat: no-repeat;
        background-size: 60%;
        background-position: center bottom;
        display: none;
    }

    .banner-faq-rigth {
        background-image: url(images/imagen-banner-preguntas.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: none;
    }
}

@media (min-width:461px) and (max-width:500px){ 
    p.banner-title-faq {
        text-align: center;
        color: #fff;
        font-size: 1.3em;
        margin-top: 30px;
        font-family: 'Varela Round', sans-serif;
        font-weight: bold;
    }

    p.banner-copy-faq {
        color: #fff;
        text-align: center;
        font-size: 0.9em;
        font-family: 'Varela Round', sans-serif;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .cmfaq-two-columns.cmfaq .cmfaq-search .cmfaq-search-input {
        width: 93% !important;
        margin: 0;
    }

    .cmfaq-two-columns.cmfaq .cmfaq-search {
        position: absolute;
       
        top: -78px;
        z-index: 1;
        margin-left: 8px!important;
        margin-right: auto !important;
        width: 97%;
    }

    .banner-faq-left {
        display: none;
    }
    .banner-faq-rigth{
        display: none;
    }

    .imagen-right-banner-interno {
        background-image: url(images/imagen-preguntas-internas.png);
        background-repeat: no-repeat;
        background-size: contain;
        height: 90px;
        background-position: center;
        display: none;
    }

    .banner-txt-interno {
        display: flex;
        justify-content: center !important;
        align-content: center;
        
        align-items: stretch !important;
        background-image: url(images/imagen-preguntas-internas.png);
        background-repeat: no-repeat;
        background-size: 60%;
        background-position: center bottom;
        min-height: 180px;
    }
    p.banner-copy-faq-internas {
        font-size: 1.1em !important;
        color: #fff;
        line-height: 1.1;
        text-align: center;
        padding-top: 20px;
    }
    .banner-faq-left {
        background-image: url(images/imagen2-banner-preguntas.png);
        background-repeat: no-repeat;
        background-size: 60%;
        background-position: center bottom;
        display: none;
    }

    .banner-faq-rigth {
        background-image: url(images/imagen-banner-preguntas.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: none;
    }

}

@media (min-width:501px) and (max-width:767px){
    p.banner-title-faq {
        text-align: center;
        color: #fff;
        font-size: 1.6em;
        margin-top: 30px;
        font-family: 'Varela Round', sans-serif;
        font-weight: bold;
    }

    p.banner-copy-faq {
        color: #fff;
        text-align: center;
        font-size: 1em;
        font-family: 'Varela Round', sans-serif;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .cmfaq-two-columns.cmfaq .cmfaq-search {
        position: absolute;
       
        top: -78px;
        z-index: 1;
        margin-left: 8%!important;
        margin-right: auto !important;
        width: 97vw;
    }

    .cmfaq-two-columns.cmfaq .cmfaq-search .cmfaq-search-input {
        width: 82% !important;
        margin: 0;
    }

    .banner-faq-left {
        display: none;
    }
    .banner-faq-rigth{
        display: none;
    }

    .imagen-right-banner-interno {
        background-image: url(images/imagen-preguntas-internas.png);
        background-repeat: no-repeat;
        background-size: contain;
        height: 90px;
        background-position: center;
        display: none;
    }

    .banner-txt-interno {
        display: flex;
        justify-content: center !important;
        align-content: center;
        
        align-items: stretch !important;
        background-image: url(images/imagen-preguntas-internas.png);
        background-repeat: no-repeat;
        background-size: 42%;
        background-position: center bottom;
        min-height: 180px;
    }
    p.banner-copy-faq-internas {
        font-size: 1.1em !important;
        color: #fff;
        line-height: 1.1;
        text-align: center;
        padding-top: 20px;
    }

 }

 @media (min-width:768px) and (max-width:992px){
    span.menu-image-title-after.menu-image-title {
        font-size: 11px;
    }

    .logo-img {
        z-index: 99;
        position: absolute;
        left: 7px;
        height: 73px;
        top: 17px;
    }
    
    .logo-scroll {
        z-index: 99;
        position: absolute;
        left: 33px;
        height: 62px;
        top: 1px;
    }

    .cmfaq-two-columns.cmfaq .cmfaq-search {
        position: absolute;
        
        top: -91px;
        z-index: 1;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 97%;
    }
    .banner-faq-left {
        display: none;
    }
    .banner-faq-rigth{
        display: none;
    }

    section.banner.banner-faq.banner-faq-interno.minh170 {
        margin-top: 46px;
    }

    .imagen-right-banner-interno {
        background-image: url(images/imagen-preguntas-internas.png);
        background-repeat: no-repeat;
        background-size: 70% !important;
        background-position: center bottom;
    }

    p.banner-copy-faq-internas {
        font-size: 1em !important;
        color: #fff;
        line-height: 1.1;
        width: 58% !important;
    }
  }

  @media (min-width:993px) and (max-width:1199px){
    p.banner-title-faq {
        text-align: center;
        color: #fff;
        font-size: 1.6em;
        margin-top: 16px;
        font-family: 'Varela Round', sans-serif;
    }
    p.banner-copy-faq {
        color: #fff;
        text-align: center;
        font-size: 0.9em;
        font-family: 'Varela Round', sans-serif;
        width: 74%;
        margin-left: auto;
        margin-right: auto;
    }
    .cmfaq-two-columns.cmfaq .cmfaq-search {
        position: absolute;
        
        top: -93px;
        z-index: 1;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 97%;
    }
    .banner-faq-left {
        background-image: url(images/imagen2-banner-preguntas.png);
        background-repeat: no-repeat;
        background-size: 76% !important;
        background-position: center bottom !important;
    }

    .banner-faq-rigth {
        background-image: url(images/imagen-banner-preguntas.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }
    section.banner.banner-faq.banner-faq-interno.minh170 {
        margin-top: 45px;
    }

    .imagen-right-banner-interno {
        background-image: url(images/imagen-preguntas-internas.png);
        background-repeat: no-repeat;
        background-size: 77% !important;
        background-position: center bottom !important;
    }

    p.banner-copy-faq-internas {
        font-size: 1.3em !important;
        color: #fff;
        line-height: 1.1;
    }

    span.menu-image-title-after.menu-image-title {
        font-size: 11px;
    }

    .logo-img {
        z-index: 99;
        position: absolute;
        left: 7px;
        height: 73px;
        top: 17px;
    }
    
    .logo-scroll {
        z-index: 99;
        position: absolute;
        left: 33px;
        height: 62px;
        top: 1px;
    }
  }

  @media (min-width:1200px) and (max-width:1360px){
    .imagen-right-banner-interno {
        background-image: url(images/imagen-preguntas-internas.png);
        background-repeat: no-repeat;
        background-size: 77% !important;
        background-position: center bottom !important;
    }

    p.banner-copy-faq-internas {
        font-size: 1.3em !important;
        color: #fff;
        line-height: 1.1;
    }
  }

  @media(min-width:1500px){
    p.banner-copy-faq {
        color: #fff;
        text-align: center;
        font-size: 1.1em;
        font-family: 'Varela Round', sans-serif;
    }
  }

  .banner-faq-left {
    background-image: url(images/imagen2-banner-preguntas.png);
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: center bottom;
}

  .banner-faq-rigth {
    background-image: url(images/imagen-banner-preguntas.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }

  /* estilos banner interno */

  .banner-faq-interno{
    background: #00b4ff;
  }

  p.banner-copy-faq-internas {
    font-size: 1.8em;    
    color: #fff;
    line-height: 1.1;
}

.banner-txt-interno {
    display: flex;
    justify-content: flex-end;
    align-content: center;
    align-items: center;
}

.imagen-right-banner-interno {
    background-image: url(images/imagen-preguntas-internas.png);
    background-repeat: no-repeat;
    background-size: 72%;
    background-position: center bottom;
}

.container-banner-faq-interno {
    display: flex;
    align-items: stretch;
    min-height: 180px;
}

.bggray3 {
    background: #f5f5f5;
    padding-bottom: 120px;
    min-height: calc(100vh - 231px) !important;
    
}