/*
Theme Name: Feature
Theme URI: https://themeshaper.com/feature/
Author: Automattic
Author URI: https://automattic.com
Description: Feature is a magazine theme focused on sizable typography and imagery to grow your blog posts, reviews, artwork, and news.
Requires at least: 6.0 
Tested up to: 6.6
Requires PHP: 5.7 
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: feature
Tags: blog, news, grid-layout, right-sidebar, block-patterns, block-styles, custom-background, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, footer-widgets, full-site-editing, rtl-language-support, style-variations, template-editing, theme-options, threaded-comments, translation-ready, wide-blocks

/*
 * Control the hover stylings of outline block style.
 * Unnecessary once block styles are configurable via theme.json
 * https://github.com/WordPress/gutenberg/features/42794
 */

/*
 * Control the hover stylings of outline block style.
 * Unnecessary once block styles are configurable via theme.json
 * https://github.com/WordPress/gutenberg/features/42794
 */
.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background):hover {
	background-color: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--background);
	border-color: var(--wp--preset--color--secondary);
}

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/features/42319
 */
a {
	text-decoration-thickness: .0625em !important;
	text-underline-offset: .15em;
}


/* CONTENEDOR EXTERIOR: solo asegura ancho completo */
.post-hero {
    width: 100%;
}

/* HERO: imagen de fondo + header arriba + título abajo */
.post-hero-bg {
    display: flex;
    flex-direction: column;
    justify-content: space-between;  /* primer hijo arriba, último abajo */
    min-height: 80vh;                /* ocupa ~50% de la pantalla */
    padding: 0rem 2rem 2rem;         /* arriba, lados, abajo: ajusta a gusto */
}

/* Header dentro del hero, arriba */
.post-hero-header {
    align-self: flex-start;          /* izquierda */
    margin: 0;
    z-index: 1;
}

/* Título + meta abajo a la izquierda */
.post-hero-title {
    align-self: flex-start;
    max-width: 50rem;
    margin-bottom: 0;                /* si lo quieres más separado del borde, súbelo a 2rem */
    color: #fff;
    z-index: 1;
}

.post-hero-title h1 {
    margin: 0 0 1rem;
    color: #fff;
}

.post-hero-title a {
    color: #fff;
}

/* Opcional: un poco menos alto en móvil */
@media (max-width: 768px) {
    .post-hero-bg {
        min-height: 40vh;
        padding: 1.5rem;
    }
}

/* Ocultar titulo y reading time repes */

body > div.wp-site-blocks > div > div.wp-block-group.has-global-padding.is-layout-constrained.wp-container-core-group-is-layout-d9e7936b.wp-block-group-is-layout-constrained > div:nth-child(2) > div:nth-child(1) > div > div > span{
	display: none;
}

h2.wp-block-post-title {
	display: none;
}