/*
Theme Name: GeneratePress Child
Theme URI: https://historiasdeusuario.com
Template: generatepress
Author: @jmbeas.es
Author URI: https://jmbeas.es
Description: Basado en GeneratePress para http://historiasdeusuario.com
Tags: two-columns,three-columns,one-column,right-sidebar,left-sidebar,footer-widgets,blog,e-commerce,flexible-header,full-width-template,buddypress,custom-header,custom-background,custom-menu,custom-colors,sticky-post,threaded-comments,translation-ready,rtl-language-support,featured-images,theme-options
Version: 0.1.0
Updated: 2026-01-03 23:00:08

*/
@import url('../generatepress/style.css');

/* Theme customization starts here */

@import url('https://fonts.googleapis.com/css2?family=Telex&family=Source+Sans+3&family=IBM+Plex+Sans:wght@400;600;700&display=swap');

body {
  font-family: 'IBM Plex Sans','Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  line-height: 1.6;
}
h1, h2, h3, h4, h5, h6,
.entry-title,
.site-title {
  font-family: 'Telex', 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
  font-weight: 400;
}
.entry-content {
  max-width: 68ch;
  margin-left: auto;
  margin-right: auto;
}

.featured-image {
  max-width: 68ch;
  margin: 0 auto 2rem auto;
}

.featured-image img {
  max-height: 320px;
  object-fit: cover;
  filter: grayscale(60%) contrast(95%);
}

body p {
	  color: #555;
}

h2.entry-title {
	font-size: 1.25em;
}
@media (min-width: 768px) {
	
/* El header del archivo (Archivos: …) y la navegación deben ocupar todo el ancho */
  body.archive .site-main > header.page-header,
  body.archive .site-main > header,
  body.archive .site-main > nav.navigation {
    grid-column: 1 / -1;
		align-self: auto;
  }

body.archive .site-main {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
  }

 body.archive .site-main > article {
	 display: flex;
	 flex-direction: column;
	 align-self: stretch;
   margin: 0;
}
	
body.archive .site-main > article .inside-article {
    display: flex;
    flex-direction: column;
    flex: 1;
  }

	  /* Imagen uniforme sin cortar texto */
  body.archive .site-main > article .post-image img {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    display: block;
  }
  /* =========================
     Alineación por bloques
     ========================= */

  /* 4) Título: clamp a 2 líneas + reserva de altura */
  body.archive .site-main > article header.entry-header {
    line-height: 1.25;
    min-height: calc(1.25em * 2); /* 2 líneas */
  }

  body.archive .site-main > article header.entry-header .entry-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* ajusta a 3 si lo prefieres */
    overflow: hidden;
  }

  /* 5) Excerpt: clamp a 3 líneas + reserva de altura */
  body.archive .site-main > article .entry-summary p {
    line-height: 1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6; /* ajusta */
    overflow: hidden;
    /*margin-bottom: 0;*/
  }

	  /* Reservamos altura del bloque resumen (por si hay márgenes/variantes) */
  body.archive .site-main > article .entry-summary {
    min-height: calc(1.5em * 3);
  }

}


body.home .featured-image img {
  max-height: 260px;
  object-fit: cover;
  filter: grayscale(0%) contrast(90%);
}
body.home .featured-image {
  margin-bottom: 1.5rem;
}
body.home .entry-content {
  max-width: 60ch;
}

body.home h1 {
  font-size: clamp(2.4rem, 4.5vw, 3.2rem);
	font-weight: 600;
  line-height: 1.15;
	margin-bottom: 0.75rem;
}
body.home h1 + p {
  font-size: 1.05rem;
  line-height: 1.6;
  margin-bottom: 1.5rem;
}

body.home .wp-block-button__link {
  border-radius: 4px;
  padding: 0.6em 1.2em;
}

body.home .wp-block-button.is-style-outline .wp-block-button__link {
  opacity: 0.7;
}

body.home .entry-content > .wp-block-buttons {
  margin-bottom: 2.5rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #e5e5e5;
}

body.home .wp-block-group.empieza-historias {
  background: #f7f7f7;
  padding: 2rem 2rem 2.25rem;
  border-radius: 6px;
  margin: 1rem 0;
}
body.home .empieza-historias .wp-block-button__link {
  font-weight: 500;
}

body.home .wp-block-columns {
  margin-top: 2.5rem;
}

body.home .wp-block-column h3 {
  font-size: 1rem;
  margin-bottom: 0.5rem;
}

body.home .wp-block-column p {
  font-size: 0.95rem;
  color: #555;
}


/* Nota editorial en home */
body.home .nota-editorial {
  max-width: 52ch;
  margin-top: 4rem;
  margin-bottom: 4rem;
  color: #444;
  border-left: 3px solid #e0e0e0;
  padding-left: 1.25rem;
}

body.home .nota-editorial h2 {
  font-size: 1.1rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  /*text-transform: uppercase;*/
  color: #666;
  margin-bottom: 1.25rem;
}

body.home .nota-editorial p {
  font-size: 0.95rem;
  line-height: 1.6;
  margin-bottom: 1rem;
}

/* Capas de apoyo / Recursos */
body.home .recursos {
  margin-top: 3rem;
}

body.home .recursos h2 {
  margin-bottom: 1.5rem;
}

/* Columnas como grid consistente */
body.home .recursos .wp-block-columns {
  gap: 20px;
}

/* Tarjetas */
body.home .recursos .wp-block-column {
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  padding: 18px 18px 16px 18px;
}

/* Título de cada tarjeta */
body.home .recursos .wp-block-column h3 {
  font-size: 1.05rem;
  margin-top: 0;
  margin-bottom: 0.75rem;
}

/* Texto breve */
body.home .recursos .wp-block-column p {
  font-size: 0.95rem;
  color: #444;
  margin-bottom: 0.75rem;
}

/* Enlace como “acción” consistente */
body.home .recursos .wp-block-column a {
  display: inline-block;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 2px solid rgba(0,0,0,0.15);
  padding-bottom: 2px;
}

/* Hover sutil */
@media (hover:hover) {
  body.home .recursos .wp-block-column:hover {
    border-color: #d5d5d5;
    box-shadow: 0 6px 18px rgba(0,0,0,0.06);
    transform: translateY(-1px);
    transition: all 140ms ease-in-out;
  }
}