<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Mente Libre</title>
  <meta name="description" content="La revista que te ayudar&aacute; a cambiar tu vida">
  <link rel="canonical" href="/">
  <link rel="shortcut icon" href="/wp-content/themes/arras-theme/images/favicon.ico">
  
  <!-- Modern Styles -->
  <style>
    body {
      margin: 0; font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
      background-color: #fdfdfd; color: #333; line-height: 1.6;
    }
    a { text-decoration: none; color: #0073aa; transition: color .2s; }
    a:hover { color: #005177; }
    header { 
      background: linear-gradient(135deg,#0073aa,#00a0d2);
      color: #fff; padding: 2rem 1rem; text-align: center;
    }
    header h1 { margin: 0; font-size: 2.5rem; font-weight: 600; }
    header h2 { margin: .5rem 0 0; font-weight: 300; }
    nav { background: #fff; box-shadow: 0 2px 5px rgba(0,0,0,.05); }
    nav ul { display: flex; flex-wrap: wrap; justify-content: center;
      list-style: none; margin: 0; padding: .5rem 0; }
    nav li { margin: 0 .75rem; }
    nav a { font-weight: 500; color: #333; }
    nav a:hover { color: #0073aa; }
    
    .container {
      display: grid; gap: 2rem; grid-template-columns: 3fr 1fr;
      max-width: 1200px; margin: 2rem auto; padding: 0 1rem;
    }
    .posts { display: grid; gap: 1.5rem; }
    .post {
      background: #fff; border-radius: 8px; overflow: hidden;
      box-shadow: 0 2px 6px rgba(0,0,0,.1);
      transition: transform .2s;
    }
    .post:hover { transform: translateY(-3px); }
    .post img { width: 100%; height: auto; display: block; }
    .post-content { padding: 1rem; }
    .post-content h3 { margin: 0; font-size: 1.25rem; }
    .post-content .meta { font-size: .85rem; color: #777; margin-bottom: .5rem; }
    
    aside { display: flex; flex-direction: column; gap: 2rem; }
    aside h5 { margin: 0 0 .75rem; font-size: 1rem; font-weight: 600; border-bottom: 2px solid #0073aa; padding-bottom: .25rem; }
    aside ul { list-style: none; padding: 0; margin: 0; }
    aside li { padding: .25rem 0; }
    
    footer {
      background: #222; color: #bbb; text-align: center; padding: 2rem 1rem;
      margin-top: 3rem; font-size: .9rem;
    }
    footer a { color: #00a0d2; }
  </style>
</head>
<body>
<header>
<h1>Mente Libre</h1>
<h2>La revista que te ayudar&aacute; a cambiar tu vida</h2>
<div><!-- Manteniendo ul con id extra&ntilde;o --></div>
</header><nav>
<ul>
<li><a href="/">Inicio</a></li>
<li><a href="/?cat=3">General</a></li>
<li><a href="/?cat=4">Psicolog&iacute;a</a></li>
<li><a href="/?cat=13">Psicolog&iacute;a de la Mujer</a></li>
<li><a href="/?cat=15">Terapia Regresiva</a></li>
<li><a href="/?cat=54">Relatos</a></li>
<li><a href="/?cat=104">Formaci&oacute;n</a></li>
<li><a href="/?cat=130">Podcast</a></li>
<li><a href="/?cat=162">Infancia</a></li>
<li><a href="/?cat=217">Recomendados</a></li>
<li><a href="/?cat=233">Lo m&aacute;s le&iacute;do</a></li>
<li><a href="/?cat=275">Testimonios</a></li>
</ul>
</nav><main class="container">
<section class="posts"><!-- Ejemplo de post modernizado -->
<article class="post"><img src="/wp-content/uploads/2009/10/olasdelmar-cabodegata2.jpg" alt="&iexcl;Bienvenidos!">
<div class="post-content">
<div class="meta">8 noviembre 2009 | 5 comentarios</div>
<h3><a href="/?p=27">&iexcl;Bienvenidos!</a></h3>
<p>Con esta publicaci&oacute;n, pretendemos divulgar todo lo bueno que la psicolog&iacute;a, sus diversas t&eacute;cnicas y sus diferentes terapias pueden hacer...</p>
</div>
</article>
<article class="post"><img src="/wp-content/uploads/2017/09/galaxy-2250076_640.jpg" alt="Me zumba la cabeza, no puedo parar de pensar.">
<div class="post-content">
<div class="meta">27 septiembre 2017 | Sin comentarios</div>
<h3><a href="/?p=2891">Me zumba la cabeza, no puedo parar de pensar.</a></h3>
<p>El cerebro de los ni&ntilde;@s de Altas Capacidades es muy eficaz, pero tambi&eacute;n muy intenso, lo que puede provocar agotamiento...<br><br><br><strong>Latest posts:</strong></p>
<ul id="-1333333575139900498"><li><a href="/exercise-clothes-that-encourage-daily-movement-and-confidence">Exercise Clothes That Encourage Daily Movement and Confidence</a> - 2025-12-12</li><li><a href="/healthcare-informatics-data-driven-decisions-for-better-outcomes">Healthcare Informatics: Data-Driven Decisions for Better Outcomes</a> - 2025-12-10</li></ul>
</div>
</article>
<!-- ... Mantener el resto de posts con la misma estructura modernizada ... --></section>
<aside>
<div>
<h5>Recibe las actualizaciones</h5>
<p>Suscr&iacute;bete para no perderte nada.</p>
</div>
<div>
<h5>Temas</h5>
<ul>
<li><a href="/?cat=104">Formaci&oacute;n</a> (14)</li>
<li><a href="/?cat=3">General</a> (61)</li>
<li><a href="/?cat=162">Infancia</a> (37)</li>
<li><a href="/?cat=233">Lo m&aacute;s le&iacute;do</a> (14)</li>
<li><a href="/?cat=130">Podcast</a> (1)</li>
</ul>
</div>
<div>
<h5>Sitios recomendados</h5>
<ul>
<li><a href="/?page_id=2">Ram&oacute;n Soler, Psic&oacute;logo</a></li>
<li><a href="/?page_id=2509">Palabras desde el coraz&oacute;n</a></li>
<li><a href="/?page_id=2511">Ni&ntilde;os del Agua</a></li>
</ul>
</div>
</aside>
</main><footer>
<p>Textos e im&aacute;genes bajo Licencia Creative Commons.</p>
<p>Blog realizado bajo tecnolog&iacute;a WordPress | Tema Arras</p>
<p><a href="http://creativecommons.org/licenses/by-nc/3.0/es/">Licencia CC BY-NC 3.0 Espa&ntilde;a</a></p>
</footer>
</body>
</html>
