@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@1,100;1,300&display=swap";*{font-family:Roboto,sans-serif;box-sizing:border-box}.preguntas-container{max-width:1000px;width:90%;margin:30px auto;min-height:160vh}.preguntas-container h1{justify-content:center;align-items:center;text-align:center;margin-top:60px;margin-bottom:100px;text-transform:uppercase;font-weight:300}.categorias{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:60px}.categorias .categoria{cursor:pointer;color:#afafaf;text-align:center;padding:20px;border-radius:5px;font-size:700;border:2px solid transparent}.categorias .categoria.activa{border:1px solid rgb(66,66,66);font-weight:100;color:#c52727}.categorias .categoria img{width:100px}.categorias .categoria p{padding-top:10px;text-transform:uppercase;font-size:12px;font-weight:600}.categorias .categoria.activa{background-color:#05080c4d;color:#c52727;transform:translateY(-15px);transition:all .5s}.preguntas{padding-top:20px}.container-preguntas{display:none;grid-template-columns:1fr;gap:40px}.container-preguntas.activo{display:grid}.container-preguntas .container-pregunta{max-height:200px;padding:40px;border:.5px solid rgb(77,76,76);border-radius:8px;margin-bottom:20px;overflow:hidden;cursor:pointer}.container-preguntas .container-pregunta:hover{border:1px solid black;transition:all .4s}.container-preguntas .container-pregunta img{width:22px}.container-preguntas .container-pregunta .pregunta{display:flex;color:#c52727;font-size:18px;font-weight:800;justify-content:space-between;align-items:center}.container-preguntas .container-pregunta .respuesta{font-size:15px;font-weight:300;opacity:0}.container-pregunta.activa{max-height:400px;background-color:#05080c4d;transition:all .2s}.container-pregunta.activa .respuesta{opacity:1;margin-top:20px}.container-pregunta.activa img{transform:rotate(45deg)}@media only screen and (min-width: 900px) and (max-width: 950px){.categorias{width:85%}}@media only screen and (min-width: 800px) and (max-width: 900px){.categorias{width:85%}}@media only screen and (min-width: 750px) and (max-width: 800px){.categorias{width:85%}}@media only screen and (min-width: 700px) and (max-width: 750px){.categorias{width:85%}}@media only screen and (min-width: 650px) and (max-width: 700px){.categorias{width:80%}}@media only screen and (min-width: 600px) and (max-width: 650px){.categorias{width:45%;display:inline-block;margin:auto;text-align:center;align-items:center;justify-content:center;transform:translate(150px)}}@media only screen and (min-width: 550px) and (max-width: 600px){.categorias{width:45%;display:inline-block;margin:auto;text-align:center;align-items:center;justify-content:center;transform:translate(150px)}}@media only screen and (min-width: 500px) and (max-width: 550px){.categorias{width:45%;display:inline-block;margin:auto;text-align:center;align-items:center;justify-content:center;transform:translate(150px)}}@media only screen and (min-width: 450px) and (max-width: 500px){.categorias{width:45%;display:inline-block;margin:auto;text-align:center;align-items:center;justify-content:center;transform:translate(150px)}}@media only screen and (min-width: 400px) and (max-width: 450px){.categorias{width:45%;display:inline-block;margin:auto;text-align:center;align-items:center;justify-content:center;transform:translate(150px)}}@media only screen and (min-width: 350px) and (max-width: 400px){.categorias{width:45%;display:inline-block;margin:auto;text-align:center;align-items:center;justify-content:center;transform:translate(150px)}}