/**
Theme Name: astra_child
Author: Redactor
Author URI: https://goblogsolution.com
Version: 4.9.0
Template: astra

/* ====== TIPOGRAFÍA RESPONSIVE ====== */

/* Escritorio (por defecto) */
h1 {
  font-size: 48px;
  line-height: 3.16;
}
h2 {
  font-size: 30px;
  line-height: 1.3;
}

/* Tablet (pantallas hasta 1024px) */
@media screen and (max-width: 1024px) {
  h1 {
    font-size: 40px;
  }
  h2 {
    font-size: 28px;
  }
}

/* Móvil (pantallas hasta 768px) */
@media screen and (max-width: 768px) {
  h1 {
    font-size: 28px;
  }
  h2 {
    font-size: 22px;
  }
}

/* ====== HEADER ====== */
/* Sombra por debajo del header */
#masthead, .site-header {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
/* Header fijo cuando scroll */
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}

/* ====== MENU ====== */
/* Línea azul por debajo del elemento activo */
.site-header ul .current-menu-item > a::after {
    content: "";
    position: absolute;
    bottom: -15px; /* Ajusta este valor para bajar o subir la línea hasta el borde */
    left: 0;
    width: 100%;
    height: 4px; /* Grosor de la línea */
    background-color: #1F6FEB;
    border-radius: 2px 2px 0 0; /* Un poco de redondeado arriba para que se vea moderno */
}

/* ====== DISEÑO DE POSTS ====== */
.wp-block-post-featured-image img {
    width: 100%;
    height: auto;
    display: block;
    border: 4px;
    border-radius: 0; /* La imagen se ajusta al borde superior del contenedor */
}

/* Tarjeta principal del post */
.wp-block-post {
    background-color: #ffffff;
    border: 1px solid #e0e0e0; /* 👈 Borde fino añadido */
    overflow: hidden;           /* Mantiene la imagen dentro de los límites del borde */
}

/* Espaciado para el resto del contenido (Título, etiquetas, extracto) */
/* Un poco de espacio extra al final para el botón */
.wp-block-button {
    padding-bottom: 100px;
}
/* Efecto opcional: Sombra pasar el ratón */
.wp-block-post:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}

/* ====== MINIATURAS DE BLOG ====== */
.post-thumbnail img,
.wp-post-image {
  width: 100%;      /* Se ajusta al ancho del contenedor */
  height: auto;     /* Mantiene proporciones */
  display: block;
  margin: 0 auto;   /* Centrar imagen */
}

/* Tablet */
@media screen and (max-width: 1024px) {
  .post-thumbnail img,
  .wp-post-image {
    max-width: 300px;
  }
}

/* Móvil */
@media screen and (max-width: 768px) {
  .post-thumbnail img,
  .wp-post-image {
    max-width: 100%; /* Ocupar todo el ancho */
  }
}