/*
 Theme Name:   Astra Child
 Template:     astra
 Author:       Damas y Reyes
 Description:  Tema hijo para personalizaciones seguras.
 Version:      1.0.0
*/

/* Ajuste de imágenes destacadas para evitar distorsión y huecos */
img.attachment-large.size-large.wp-post-image {
    aspect-ratio: 1024 / 675; 
    width: 100%;
    height: auto; 
    display: block;
    object-fit: cover;
}
/* Evita que el título se rompa en vertical durante la carga en móvil */
.ast-site-title-wrap .site-title a {
    white-space: nowrap !important;
    display: inline-block !important;
}

/* Asegura que el contenedor tenga espacio suficiente desde el inicio */
.ast-site-title-wrap {
    min-width: fit-content !important;
}
/* Reservar espacio para el logo y evitar saltos (Layout Shift) */
.site-branding {
    display: flex !important;
    align-items: center !important;
    flex-direction: row !important; /* Fuerza horizontal siempre */
    min-height: 60px; /* La altura de tu logo */
}

/* Evitar que el logo se colapse antes de cargar */
.site-logo-img {
    display: block !important;
    width: 60px !important;
    height: 60px !important;
    margin-right: 15px; /* Espacio entre logo y texto */
}

.site-logo-img img {
    width: 60px !important;
    height: 60px !important;
}

/* Mantener el título en su sitio */
.ast-site-title-wrap .site-title a {
    white-space: nowrap !important;
}
/* Optimización de renderizado para el robot de Google */
#secondary {
    content-visibility: auto;
    contain-intrinsic-size: 300px 1000px;
}

/* Evitar que elementos pesados bloqueen el inicio de la carga */
.site-footer {
    content-visibility: auto;
}
/* Reserva espacio para el tablero de Lichess y evita saltos de diseño */
.lichess-pgn-viewer, .pgn-viewer {
    min-height: 400px; /* Ajusta según el tamaño medio de tus tableros */
    content-visibility: auto;
    contain-intrinsic-size: 400px;
}