/*
Theme Name: IAW WordPress Child
Description: Tema hijo del proyecto IAW (WordPress + Git).
Author: Vicente
Template: twentytwentyfive
Version: 1.0.0
Text Domain: iaw-wordpress-child
*/

/* ===========================
   11.12 — LOOK PRO (IAW Child)
   =========================== */

/* 1) Base: lectura más agradable */
body{
  line-height: 1.7;
  font-size: 18px;
}

/* 2) Evitar que el contenido se vea “ultra estrecho” */
.wp-site-blocks,
.wp-block-group,
.wp-block-post-content{
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 18px;
  padding-right: 18px;
}

/* 3) Listado de posts (home / archivo) en GRID de tarjetas */
.wp-block-query .wp-block-post-template{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
}

/* 4) Tarjeta */
.wp-block-query .wp-block-post-template > li{
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 16px;
  padding: 22px;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  overflow: hidden;
}

/* 5) Imagen destacada: bonita y consistente */
.wp-block-post-featured-image img{
  border-radius: 14px;
  width: 100%;
  height: auto;
}

/* 6) Título del post: más “headline” */
.wp-block-post-title{
  margin-top: 14px;
  margin-bottom: 10px;
  line-height: 1.2;
}

/* 7) Extracto / texto: aire */
.wp-block-post-excerpt,
.entry-content{
  margin-top: 10px;
}

/* 8) Links más visibles sin ser agresivos */
a{
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

/* 9) Responsive: en móvil 1 columna */
@media (max-width: 900px){
  .wp-block-query .wp-block-post-template{
    grid-template-columns: 1fr;
  }
}