*{transition:background-color .35s ease,color .35s ease,border-color .35s ease,box-shadow .35s ease}html,body{overflow-x:hidden}body{color:var(--color-text);margin:0;padding:0;font-family:Fredoka,sans-serif;display:flex;flex-direction:column;align-items:start;background-color:var(--color-bg)}.barra-buscador{padding-bottom:5vh}.barra-contenido{margin:0 auto;display:sticky;flex-direction:row;justify-content:space-around;align-items:center;width:100%;position:fixed;right:0vw;background-color:#222;color:#fff;padding-top:20px;padding-bottom:20px;z-index:1000}.buscador-contenedor{position:relative;width:30vw}.botones button{padding:.5rem .75rem;font-size:.9rem;cursor:pointer}.resultados.visible{display:block}.resultados li{padding:.5rem;cursor:pointer;border-bottom:1px solid #eee}.review-container{position:relative;display:block;width:70%;display:flex;flex-direction:column;border:4px solid var(--color-border);border-radius:16px;padding:20px;z-index:1;align-items:start}.review-container:before{content:"";position:absolute;top:-4vh;left:-2vw;right:-2vw;bottom:-4vh;border:8px solid var(--color-border);border-radius:20px;z-index:-1}.header-wrapper{width:100vw;display:flex}header{width:100%;max-width:100vw}header img{display:block}main{width:70vw;padding:4vh 4vw 4vh 4vw;margin:5vh auto}main h2{font-size:30px}.titulo{font-size:46px;text-align:center;align-self:center;margin-top:2vh;margin-bottom:2vh}.imagen-section img{display:block;width:60vw;height:45vh;margin-top:2vh;margin-bottom:2vh}.imagen-section{width:100%;display:flex;justify-content:center}.ficha-minimos h3,.ficha-recomendados h3{font-size:22px}.ficha-minimos li,.ficha-recomendados li{font-size:18px;list-style-type:none;padding-top:10px}.sinopsis,.opinion-historia,.opinion-logros,.opinion-mecanicas,.opinion-conclusiones{font-size:20px;white-space:pre-line}.sinopsis p,.opinion-historia p,.opinion-logros p,.opinion-mecanicas p,.opinion-conclusiones p{margin-top:20px}.sinopsis p:last-child,.opinion-historia p:last-child,.opinion-logros p:last-child,.opinion-mecanicas p:last-child,.opinion-conclusiones p:last-child{margin-bottom:20px}.opinion-section h3,.opinion-historia h3,.opinion-logros h3,.opinion-mecanicas h3,.opinion-conclusiones h3{font-size:24px}.recursos-contenedor{display:flex;flex-direction:row;gap:1rem;overflow-x:auto;padding:1rem;scroll-snap-type:x mandatory}.recurso-card{flex:0 0 auto;width:25vw;height:35vh;background:#f5f5f5;border-radius:10px;padding:1rem;box-shadow:0 2px 6px #00000026;scroll-snap-align:start}.recurso-card iframe{width:100%;height:100%;border-radius:8px}.recurso-autor{color:#8a2be2;padding-bottom:10px}.enlaces ul{list-style:none}.enlaces li{color:#000;padding-top:10px}.enlaces li:last-child{padding-bottom:10px}.enlaces a{text-decoration:none;color:inherit}.enlaces a:hover{color:#add8e6}footer{width:100vw;color:#fff;background-color:#222;display:block;text-align:center;padding:1rem}.articulo-preview{border:1px solid #ccc;border-radius:12px;width:25vw;height:35.25vh;background:#fafafa;box-shadow:0 4px 6px #0000001a}.articulo-preview img{width:25vw;height:20vh;border-radius:8px;margin-bottom:.5rem}.articulo-preview h3{padding-left:6px;margin:.5rem 0;font-size:1.1rem}.articulo-preview p{padding-left:6px;font-size:.9rem;color:#555;margin-bottom:4.5vh}.articulo-preview a{padding-left:6px;padding-bottom:12px}.opinion-section h2{margin-top:20px;margin-bottom:10px}.ficha h3{margin-top:20px;padding-bottom:10px}.ficha ul{list-style:none}.ficha li{margin-bottom:8px;margin-left:1.5vw}:root{--color-bg: #F0F8FF;--color-section: #DCEEFF;--color-border: #AACCEB;--color-primary: #5B9BD5;--color-primary-hover: #407EC9;--color-accent: #2C5F91;--color-text: #2B2D42;--color-text-light: #FFFFFF;--color-highlight: #56CCF2;--color-bg-footer: #1E3A8A }[data-theme=dark]{--color-bg: #121820;--color-section: #1A2430;--color-border: #334155;--color-primary: #3B82F6;--color-primary-hover: #2563EB;--color-accent: #60A5FA;--color-text: #E2E8F0;--color-text-light: #FFFFFF;--color-highlight: #38BDF8;--color-bg-footer: #0F172A}*{margin:0;padding:0;box-sizing:border-box;transition:background-color .35s ease,color .35s ease,border-color .35s ease,box-shadow .35s ease}html,body{height:100%;background-color:var(--color-bg);color:var(--color-text)}body{display:flex;flex-direction:column;min-height:100vh;margin:0}main{flex:1;display:flex;flex-direction:column;align-items:center;width:100%}.barra-buscador{margin:0;padding:0;width:100%;display:block}.barra-contenido{margin:0 auto;display:flex;flex-direction:row;justify-content:center;gap:2rem;align-items:center;width:100%;position:sticky;top:0;background-color:#222;color:#fff}.cabecera{display:block;width:100%;height:200px}header{margin:0;padding:0;line-height:0}.buscador-contenedor{position:sticky;width:30vw}.intro{width:100%;max-width:70vw;padding:1rem;border-radius:8px}.intro article:first-of-type{margin-top:5vh}.intro article{margin-bottom:2vh;padding-bottom:2vh}.intro article h2{margin-bottom:20px}.titulo-buscador{margin:0;font-size:1.2rem}.buscador{width:30vw;padding:.5rem;font-size:1rem}.resultados{display:none;position:absolute;top:100%;left:0;background:#fff;width:31vw;list-style:none;color:#000;padding:.5rem;border:1px solid #ccc;border-radius:6px;z-index:1001;box-sizing:border-box}.resultados.visible{display:block;width:100%}.resultados li{padding:.5rem;cursor:pointer;border-bottom:1px solid #eee;width:100%}.resultados li:hover{background:#f0f0f0}.button-theme{padding:8px}.footer{background-color:#222;padding:1rem;text-align:center;color:#fff}
