*{box-sizing:border-box}body{margin:0}#root{flex-direction:column;place-items:center;min-height:100vh;display:flex;overflow-x:hidden}.cabecera{flex-direction:column;place-content:center;place-items:center;width:100%;font-family:sans-serif;display:flex}.cabecera .cabecera-superior{grid-template-columns:30% 40% 20% 10%;place-items:center;width:100%;padding:10px;display:grid}.cabecera .cabecera-superior .cabecera-titulo{flex-direction:row;grid-column:2;place-content:center;place-items:center;gap:16px;font-family:sans-serif;font-size:36px;font-weight:bolder;display:flex}.cabecera .cabecera-superior .cabecera-titulo .titulo-palabra{flex-direction:row;place-content:center;place-items:center;gap:6px;display:flex}.cabecera .cabecera-superior .cabecera-titulo .titulo-palabra .titulo-letra{color:#fff;background-color:#000;flex-direction:row;place-content:center;place-items:center;width:42px;height:42px;display:flex}.cabecera .cabecera-superior .boton-login{cursor:pointer;border:2px solid #000;border-radius:10px;flex-direction:row;grid-column:4;place-content:center;place-items:center;gap:10px;padding:5px;display:flex}.cabecera .cabecera-superior .boton-login img{flex-direction:row;place-content:center;place-items:center;width:40px;height:40px;display:flex}.cabecera .cabecera-superior .boton-login:hover{scale:1.05;box-shadow:0 0 10px 5px #a9a9a9}.cabecera .cabecera-superior .boton-login:active{scale:.95}.cabecera .cabecera-navegacion{width:100%}.cabecera .cabecera-navegacion .navegacion{background-color:#00f;place-content:center;height:60px}.cabecera .cabecera-navegacion .navegacion .lista-navegacion{flex-direction:row;place-content:center space-around;place-items:center;margin:0;list-style:none;display:flex}.cabecera .cabecera-navegacion .navegacion .lista-navegacion li{border-radius:20px;padding:5px}.cabecera .cabecera-navegacion .navegacion .lista-navegacion li:hover{scale:1.05;box-shadow:0 0 10px 2px #fff}.cabecera .cabecera-navegacion .navegacion .lista-navegacion li:active{scale:.95}.cabecera .cabecera-navegacion .navegacion .lista-navegacion li a{color:#fff;padding:5px;text-decoration:none}.cabecera .cabecera-navegacion .navegacion .lista-navegacion li .nav-activo{border-bottom:3px solid #fff;border-radius:5px}.principal{width:50%;font-family:Times New Roman,Times,serif}.pie-pagina{color:#fff;background-color:#000;flex-direction:column;place-content:center;place-items:center;width:100%;margin-top:auto;font-family:sans-serif;display:flex}.pie-pagina .seccion-pie-franja{background-color:#00f;width:100%;height:50px}.pie-pagina .seccion-pie-navegacion{font-size:14px}.pie-pagina .seccion-pie-navegacion .pie-navegacion{margin:20px 0}.pie-pagina .seccion-pie-navegacion .pie-navegacion .pie-lista{flex-direction:row;place-content:center;place-items:center;gap:16px;display:flex}.pie-pagina .seccion-pie-navegacion .pie-navegacion .pie-lista a{color:#fff}.pie-pagina .seccion-pie-info{flex-direction:column;place-content:center;place-items:center;font-size:12px;display:flex}.pie-pagina .seccion-pie-info .copyright{margin:20px 0 0}.pie-pagina .seccion-pie-info .aviso{font-style:italic}.seccion-noticias{flex-direction:column;place-content:center;place-items:center;display:flex}.seccion-noticias .titulo-noticias{font-size:32px;font-weight:bolder;text-decoration:underline}.seccion-noticias .resultados-noticias{grid-template-columns:repeat(4,minmax(200px,1fr));grid-auto-flow:dense;gap:16px;width:100%;margin-bottom:30px;display:grid}.seccion-resultados-categoria{flex-direction:column;gap:16px;margin-bottom:30px;display:flex}.seccion-categoria{flex-direction:column;place-content:center;place-items:center;display:flex}.seccion-categoria .titulo-categoria{font-size:32px;font-weight:bolder;text-decoration:underline}.noticia{flex-direction:column;place-content:center;place-items:center;margin-bottom:30px;display:flex;position:relative}.noticia .titulo-noticia{margin:0 60px 0 0;font-size:36px}.noticia .subtitulo-noticia{justify-self:left;width:100%;font-size:24px}.noticia .autor-noticia,.noticia .fecha-noticia{justify-self:left;width:100%;margin:5px 0}.noticia .contenido-noticia{font-size:16px}.noticia .enlace-volver{color:#00f;margin-top:30px;font-size:24px}.cuenta-usuario{flex-direction:column;place-content:center;place-items:center;display:flex}.cuenta-usuario .cuenta-titulo{font-size:24px}.cuenta-usuario .usuario-informacion{background-color:#f5f5f5;border:6px double #000;border-radius:20px;flex-direction:column;place-content:center;place-items:center;gap:16px;padding:10px;display:flex}.cuenta-usuario .usuario-informacion .titulo-cuenta{margin:0}.cuenta-usuario .usuario-informacion .usuario-acciones{flex-direction:row;place-content:center;place-items:center;gap:16px;display:flex}.cuenta-usuario .usuario-informacion .usuario-acciones .boton-cerrar-sesion,.cuenta-usuario .usuario-informacion .usuario-acciones .boton-eliminar-usuario{border:2px solid #000;border-radius:20px;padding:10px;font-weight:bolder;box-shadow:inset 0 0 10px 3px #a9a9a9}.cuenta-usuario .usuario-informacion .usuario-acciones .boton-cerrar-sesion:hover,.cuenta-usuario .usuario-informacion .usuario-acciones .boton-eliminar-usuario:hover{scale:1.05;box-shadow:0 0 10px 3px #a9a9a9,inset 0 0 10px 3px #a9a9a9}.cuenta-usuario .usuario-informacion .usuario-acciones .boton-cerrar-sesion:active,.cuenta-usuario .usuario-informacion .usuario-acciones .boton-eliminar-usuario:active{scale:.95}.cuenta-usuario .usuario-informacion .usuario-acciones .boton-cerrar-sesion,.cuenta-usuario .usuario-informacion .usuario-acciones .boton-eliminar-usuario{cursor:pointer}.cuenta-usuario .usuario-noticias{flex-direction:column;place-content:center;place-items:center;display:flex}.cuenta-usuario .usuario-noticias .favoritos-titulo{margin:30px 0 0;font-size:24px}.cuenta-usuario .usuario-noticias .lista-favoritos{flex-direction:column;gap:16px;display:flex}.cuenta-usuario .usuario-noticias .lista-favoritos .elemento-favoritos{flex-direction:row;place-content:center;place-items:center;gap:16px;display:flex}.cuenta-usuario .usuario-noticias .lista-favoritos .elemento-favoritos a{color:#00f}.cuenta-usuario .usuario-noticias .lista-favoritos .elemento-favoritos .boton-eliminar{border:2px solid #000;border-radius:20px;flex-direction:row;place-content:center;place-items:center;padding:10px;font-weight:bolder;display:flex;box-shadow:inset 0 0 10px 3px #a9a9a9}.cuenta-usuario .usuario-noticias .lista-favoritos .elemento-favoritos .boton-eliminar:hover{scale:1.05;box-shadow:0 0 10px 3px #a9a9a9,inset 0 0 10px 3px #a9a9a9}.cuenta-usuario .usuario-noticias .lista-favoritos .elemento-favoritos .boton-eliminar:active{scale:.95}.cuenta-usuario .usuario-noticias .lista-favoritos .elemento-favoritos .boton-eliminar{cursor:pointer;width:40px;height:40px;padding:3px}.cuenta-usuario .usuario-noticias .lista-favoritos .elemento-favoritos .boton-eliminar img{width:100%}.registro-usuario{flex-direction:column;place-content:center;place-items:center;display:flex}.registro-usuario .registro-titulo{font-size:24px}.registro-usuario .seccion-formulario{flex-direction:column;place-content:center;place-items:center;display:flex}.registro-usuario .seccion-formulario .formulario-titulo{font-size:24px}.registro-usuario .seccion-formulario .formulario-registro{flex-direction:column;place-content:center;place-items:center;gap:16px;display:flex}.registro-usuario .seccion-formulario .formulario-registro .seccion-inputs{grid-template-columns:40% 60%;gap:8px;display:grid}.registro-usuario .seccion-formulario .formulario-registro .seccion-inputs label{font-weight:bolder}.registro-usuario .seccion-formulario .formulario-registro .seccion-inputs input{min-width:200px}.registro-usuario .seccion-formulario .formulario-registro .boton-registro{cursor:pointer;border:2px solid #000;border-radius:20px;margin-top:20px;padding:10px;font-weight:bolder;box-shadow:inset 0 0 10px 3px #a9a9a9}.registro-usuario .seccion-formulario .formulario-registro .boton-registro:hover{scale:1.05;box-shadow:0 0 10px 3px #a9a9a9,inset 0 0 10px 3px #a9a9a9}.registro-usuario .seccion-formulario .formulario-registro .boton-registro:active{scale:.95}.registro-usuario .registro-cambio{margin-top:30px}.registro-usuario .registro-cambio a{color:#00f}.pagina-error{flex-direction:column;place-content:center;place-items:center;min-height:100vh;display:flex}.pagina-error .titulo-error{font-size:40px}.pagina-error .parrafo-error{margin-bottom:100px;font-size:24px}.pagina-error-categoria{flex-direction:column;place-content:center;place-items:center;display:flex}.pagina-error-categoria .titulo-error-categoria{font-size:32px}.pagina-error-categoria .parrafo-error-categoria{margin-bottom:100px;font-size:20px}.pagina-error-categoria .imagen-error-categoria{max-width:400px}.pagina-error-noticia{flex-direction:column;place-content:center;place-items:center;display:flex}.pagina-error-noticia .titulo-error-noticia{font-size:32px}.pagina-error-noticia .parrafo-error-noticia{margin-bottom:100px;font-size:20px}.pagina-error-noticia .imagen-error-noticia{max-width:400px}.seccion-legal{flex-direction:column;place-content:center;place-items:center;display:flex}.card-noticia{cursor:pointer;border-top:1.5px solid #000;border-bottom:1.5px solid #000;padding:10px;position:relative}.card-noticia .imagen-noticia{aspect-ratio:1.6;object-fit:cover}.card-noticia:hover{background-color:#f5f5f5}.card-noticia:hover .titulo-noticia{text-decoration:underline}.card-noticia.rejilla{flex-direction:column;display:flex}.card-noticia.rejilla .imagen-noticia{width:100%}.card-noticia.rejilla .titulo-noticia{margin:6px 0}.card-noticia.rejilla.destacada{grid-area:span 2/span 3}.card-noticia.rejilla.destacada .titulo-noticia{font-size:32px}.card-noticia.lista{grid-template-columns:40% 60%;grid-template-areas:"imagen titulo""imagen subtitulo""imagen fecha";gap:16px;display:grid}.card-noticia.lista .imagen-noticia{grid-area:imagen;width:100%}.card-noticia.lista .titulo-noticia{grid-area:titulo;margin:0;padding-right:60px;font-size:24px}.card-noticia.lista .subtitulo-noticia{grid-area:subtitulo;margin:0}.card-noticia.lista .tiempo-noticia{grid-area:fecha;margin:0}.boton-favoritos{cursor:pointer;background-color:#fff;border:6px double #000;border-radius:10px;flex-direction:row;place-content:center;place-items:center;width:40px;height:40px;padding:0;display:flex;position:absolute;top:12px;right:12px}.boton-favoritos img{width:100%}.boton-favoritos:hover{scale:1.05;box-shadow:0 0 10px 2px #fff}.boton-favoritos:active{scale:.95}