#mensajeNoResultados,#searchBar{color:var(--osucro-c1);font-size:16px}#mensajeNoResultados,.categoria,.titulo{text-align:center;font-weight:700}.categoria,.contenedor-pregunta{background:var(--claro);cursor:pointer;transition:.3s}#searchBar,.categoria:hover,.contenedor-pregunta:hover{box-shadow:var(--sombra)}.categoria,.highlight,.pregunta,.titulo{font-weight:700}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--claro2);font-family:Roboto,sans-serif}main{max-width:1000px;width:90%;margin:40px auto}.titulo{color:var(--osucro-c1);margin:60px 0}.buscador{margin-bottom:40px;margin-top:-40px;display:flex;justify-content:center}.categorias,.contenedor-preguntas.activo{display:grid}#searchBar{width:100%;max-width:500px;padding:12px 20px;border-radius:50px;border:2px solid var(--gris-claro);outline:0;transition:.3s}#searchBar::placeholder{color:var(--gris-claro)}#searchBar:focus{border-color:var(--primario);box-shadow:0 0 10px var(--primario)}#mensajeNoResultados{background-color:var(--claro);padding:20px;border:2px solid var(--primario);border-radius:10px;margin-top:20px}/*! =================================================*//*! ============= Categorias ============= *//*! =================================================*/.categorias{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:60px}.categoria{padding:20px;border-radius:10px;color:var(--osucro-c2);border:2px solid transparent}.categoria:hover{color:var(--osucro-c1)}.categoria.activa path,.categoria:hover path{fill:var(--primario)}.categoria svg{width:64px;margin-bottom:10px}.categoria path{fill:var(--osucro-c2);transition:.3s}.categoria.activa{border:2px solid var(--primario);color:var(--oscuro)}/*! =================================================*//*! ============= Contenedor Preguntas ============= *//*! =================================================*/.contenedor-preguntas{display:none;grid-template-columns:1fr;gap:20px}.contenedor-pregunta{padding:20px;border:2px solid transparent;border-radius:10px;overflow:hidden}.contenedor-pregunta.activa{border:2px solid var(--primario)}/*! =================================================*//*! ============= Preguntas ============= *//*! =================================================*/.pregunta{font-size:20px;line-height:1.5;display:flex;justify-content:space-between;align-items:center}.pregunta img{width:14px}.respuesta{color:var(--osucro-c1);line-height:30px;max-height:0;opacity:0;transition:.3s}.contenedor-pregunta.activa .respuesta{opacity:1;margin-top:20px}.contenedor-pregunta.activa .pregunta img{transform:rotate(45deg)}.respuesta img{width:100%;margin-top:10px}.highlight{background-color:var(--primario2);display:inline}/*! =================================================*//*! ============= Responsive Design ============= *//*! =================================================*/@media screen and (max-width:820px){.categorias{grid-template-columns:1fr 1fr}.categoria{padding:10px;display:flex;align-items:center;justify-content:center;border-radius:5px}.categoria svg{width:30px;margin-right:10px;margin-bottom:0}}@media screen and (max-width:500px){.categorias{grid-template-columns:1fr}}