/*
Theme Name: WP Granada 26
Theme URI: https://wpgranada.dev
Author: WordPress Granada
Author URI: https://wpgranada.dev
Description: Block theme para la comunidad WordPress Granada. Diseñado para mostrar eventos, meetups y conectar con la comunidad local de profesionales WordPress.
Version: 1.0.8
Requires at least: 6.5
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wpgranada26
Tags: full-site-editing, block-patterns, custom-colors, custom-fonts, translation-ready, wide-blocks
*/

/* -------------------------------------------------------
   Estilos base del tema
   ------------------------------------------------------- */

/* Next event card */
.next-event-card.wp-block-media-text {
	border: 2px solid var(--wp--preset--color--primary);
	border-radius: 12px;
	overflow: hidden;
}

.next-event-card .wp-block-media-text__media img {
	border-radius: 0;
}

/* Section labels */
.is-style-section-label {
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

/* Next event card: image column fills card height */
.next-event-image-col {
	display: flex;
	flex-direction: column;
}

.next-event-image-col .wp-block-post-featured-image {
	flex: 1;
	min-height: 300px;
}

.next-event-image-col .wp-block-post-featured-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Past event cards */
.past-event-card {
	border: 1px solid var(--wp--preset--color--primary-muted);
	border-radius: 12px;
	overflow: hidden;
	transition: box-shadow 0.2s ease;
}

.past-event-card:hover {
	box-shadow: 0 8px 24px rgba(56, 88, 233, 0.12);
}

.past-event-card .wp-block-post-featured-image img,
.past-event-card .wp-block-image img {
	border-radius: 0;
}

/* Channel cards */
.channel-card {
	border: 1px solid var(--wp--preset--color--primary-muted);
	border-radius: 12px;
	transition: box-shadow 0.2s ease;
}

.channel-card:hover {
	box-shadow: 0 8px 24px rgba(56, 88, 233, 0.12);
}

/* Stat cards */
.stat-card {
	border-radius: 12px;
	background-color: #FFFFFF1A;
	border: 1px solid #FFFFFF2E;
}

/* Imagen inclinada con sombra — patrón manifiesto comunidad */
.wpgranada-img-tilted img {
	transform: rotate(2deg);
	box-shadow: 0 24px 60px rgba(16, 24, 40, 0.22);
	display: block;
}

/* Block style: Textos secundarios */
.wp-block-paragraph.is-style-textos-secundarios {
	font-family: var(--wp--preset--font-family--body);
	font-size: 12.5px;
	font-weight: 700;
	line-height: 27px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--wp--preset--color--primary);
}

/* Classic nav menu via shortcode */
.wpgranada-nav-menu {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
}

.wpgranada-nav-menu li {
	margin: 0;
	padding: 0;
}

.wpgranada-nav-menu a {
	font-family: var(--wp--preset--font-family--body);
	font-weight: 500;
	font-size: 1rem;
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
}

.wpgranada-nav-menu a:hover {
	color: var(--wp--preset--color--primary);
}

/* Footer */
.site-footer a {
	text-decoration: none;
	color: var(--wp--preset--color--base);
}

.site-footer a:hover {
	opacity: 0.75;
}

.footer-logo img {
	width: 160px;
	height: auto;
}

/* Hero cover adjustments */
.hero-section .wp-block-cover__inner-container {
	max-width: 1000px;
}

/* Responsive adjustments */
@media (max-width: 782px) {
	.next-event-card.wp-block-media-text {
		border-radius: 8px;
	}

	.next-event-card .wp-block-media-text__content {
		padding: var(--wp--preset--spacing--60);
	}
}

.alignfull {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

.alignfull .alignwide {
	max-width: var(--wp--style--global--content-size, 1280px);
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.wp-block-columns:has(.stat-card) {
	gap: var(--wp--preset--spacing--60);
}

/* Mobile: reduce section padding in generic theme sections */
@media (max-width: 600px) {

	.wp-block-cover.alignfull,
	.wp-block-group.alignfull {
		padding-left: var(--wp--preset--spacing--50) !important;
		padding-right: var(--wp--preset--spacing--50) !important;
	}
}

/* -------------------------------------------------------
   WordPress Granada - Home editorial creativa
   ------------------------------------------------------- */

.wpgranada-home {
	background: #ffffff;
	color: var(--wp--preset--color--contrast);
	overflow: hidden;
}

/* -------------------------------------------------------
   HERO
   ------------------------------------------------------- */

.wpgranada-hero {
	position: relative;
	min-height: 86vh;
	padding: clamp(4rem, 8vw, 8rem) var(--wp--preset--spacing--80);
	background:
		radial-gradient(circle at 85% 20%, rgba(249, 115, 22, 0.16), transparent 24rem),
		linear-gradient(135deg, #eff2ff 0%, #ffffff 58%, #fff7ed 100%);
	overflow: hidden;
}

/* Patrón geométrico suave del hero */
.wpgranada-hero::before {
	content: "";
	position: absolute;
	right: -8vw;
	bottom: -10vw;
	width: 55vw;
	height: 55vw;
	opacity: 0.08;
	background-image:
		linear-gradient(45deg, rgba(56, 88, 233, 0.45) 25%, transparent 25%),
		linear-gradient(-45deg, rgba(56, 88, 233, 0.45) 25%, transparent 25%),
		linear-gradient(45deg, transparent 75%, rgba(249, 115, 22, 0.35) 75%),
		linear-gradient(-45deg, transparent 75%, rgba(249, 115, 22, 0.35) 75%);
	background-size: 42px 42px;
	background-position: 0 0, 0 21px, 21px -21px, -21px 0;
	transform: rotate(-8deg);
	pointer-events: none;
	z-index: 0;
}

/* Imagen lineal de la Alhambra colocada en el hueco superior derecho */
.wpgranada-hero::after {
	content: "";
	position: absolute;

	/*
        La imagen antes salía encima de WORDPRESS.
        Ahora la subimos al hueco superior derecho del hero.
    */
	top: clamp(0.75rem, 2.2vw, 2.25rem);
	right: clamp(2.5rem, 6vw, 7rem);

	width: clamp(520px, 58vw, 1050px);
	height: clamp(90px, 12vw, 170px);

	background-image: url("./assets/images/alhambra-line.png");
	background-repeat: no-repeat;
	background-position: center right;
	background-size: contain;

	opacity: 0.20;
	mix-blend-mode: multiply;
	pointer-events: none;
	z-index: 1;
}

/* El contenido principal queda por encima de fondos decorativos */
.wpgranada-hero__grid {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 380px);
	gap: clamp(3rem, 6vw, 6rem);
	align-items: end;
}

.wpgranada-kicker,
.wpgranada-section-label {
	margin: 0 0 1.25rem;
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.16em;
	line-height: 1.2;
	text-transform: uppercase;
	color: var(--wp--preset--color--primary);
}

.wpgranada-hero-title {
	margin: 0;
	max-width: 980px;
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(4.8rem, 15vw, 13rem);
	font-weight: 800;
	line-height: 0.78;
	letter-spacing: -0.09em;
	text-transform: uppercase;
	color: var(--wp--preset--color--contrast);
}

.wpgranada-hero-claim {
	margin: clamp(1.5rem, 3vw, 2.5rem) 0 0;
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(2rem, 5vw, 4.8rem);
	font-weight: 800;
	line-height: 0.95;
	letter-spacing: -0.055em;
	color: var(--wp--preset--color--primary);
}

.wpgranada-hero-text {
	max-width: 680px;
	margin: 1.5rem 0 0;
	font-size: clamp(1.05rem, 1.6vw, 1.35rem);
	line-height: 1.65;
	color: var(--wp--preset--color--secondary);
}

.wpgranada-buttons {
	margin-top: 2rem;
	gap: 1rem;
}

.wpgranada-buttons .wp-block-button__link {
	border-radius: 999px;
	padding: 0.95rem 1.5rem;
	font-weight: 800;
	text-decoration: none;
	transition: transform 180ms ease, box-shadow 180ms ease, opacity 180ms ease;
}

.wpgranada-buttons .wp-block-button__link:hover {
	transform: translateY(-2px);
	box-shadow: 0 18px 40px rgba(16, 24, 40, 0.14);
	opacity: 0.94;
}

/* -------------------------------------------------------
   HERO ASIDE
   ------------------------------------------------------- */

.wpgranada-hero__aside {
	position: relative;
	padding: 2rem;
	border: 1px solid rgba(56, 88, 233, 0.16);
	border-radius: 32px;
	background: rgba(255, 255, 255, 0.78);
	box-shadow: 0 32px 80px rgba(16, 24, 40, 0.08);
	backdrop-filter: blur(14px);
}

.wpgranada-hero__aside::before {
	content: "";
	display: block;
	width: 72px;
	height: 8px;
	margin-bottom: 2rem;
	border-radius: 999px;
	background: var(--wp--preset--color--accent);
}

.wpgranada-aside-number {
	margin: 0 0 1rem;
	font-size: 0.78rem;
	font-weight: 900;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent);
}

.wpgranada-aside-text {
	margin: 0;
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(1.35rem, 2vw, 2rem);
	font-weight: 800;
	line-height: 1.08;
	letter-spacing: -0.04em;
	color: var(--wp--preset--color--contrast);
}

/* Por si queda la clase antigua en algún bloque */
.wpgranada-aside-note {
	display: none;
}

/* -------------------------------------------------------
   MARQUEE / TEXTO EN MOVIMIENTO
   ------------------------------------------------------- */

.wpgranada-marquee-items {
	padding: 1.15rem var(--wp--preset--spacing--80);
	gap: 0.5rem 2rem;
}

.wpgranada-marquee-section {
	position: relative;
	border-top: 1px solid rgba(16, 24, 40, 0.08);
	border-bottom: 1px solid rgba(16, 24, 40, 0.08);
	background: var(--wp--preset--color--contrast);
	overflow: hidden;
	width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

.wpgranada-marquee {
	display: flex;
	width: max-content;
	margin: 0;
	padding: 0;
	will-change: transform;
}

.wpgranada-marquee-content {
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
	padding: 1.15rem 0;
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(1.1rem, 3vw, 2rem);
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wp--preset--color--base);
}

@keyframes wpgranada-marquee-continuous {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(calc(-1 * var(--marquee-copy-width, 50%)));
	}
}

.wpgranada-marquee-dot {
	color: var(--wp--preset--color--accent);
	margin: 0 0.6em;
}

/* -------------------------------------------------------
   MANIFEST
   ------------------------------------------------------- */

.wpgranada-manifest {
	padding: clamp(5rem, 9vw, 8rem) var(--wp--preset--spacing--80);
	background: #ffffff;
}

.wpgranada-manifest-text {
	max-width: 980px;
	margin: 0;
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(2.4rem, 6vw, 6.5rem);
	font-weight: 800;
	line-height: 0.98;
	letter-spacing: -0.065em;
	color: var(--wp--preset--color--contrast);
}

/* Por si queda el párrafo antiguo */
.wpgranada-manifest-subtext {
	display: none;
}

/* -------------------------------------------------------
   ACTIVITIES
   ------------------------------------------------------- */

.wpgranada-activities {
	padding: clamp(5rem, 8vw, 8rem) var(--wp--preset--spacing--80);
	background: var(--wp--preset--color--background-light);
}

.wpgranada-section-title {
	max-width: 900px;
	margin: 0 0 3rem;
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(2.5rem, 6vw, 6rem);
	font-weight: 800;
	line-height: 0.98;
	letter-spacing: -0.065em;
	color: var(--wp--preset--color--contrast);
}

.wpgranada-activity-list {
	border-top: 1px solid rgba(16, 24, 40, 0.16);
}

.wpgranada-activity-row {
	display: grid;
	grid-template-columns: 90px minmax(180px, 360px) minmax(0, 1fr);
	gap: clamp(1.5rem, 4vw, 4rem);
	align-items: start;
	padding: clamp(1.75rem, 4vw, 3rem) 0;
	border-bottom: 1px solid rgba(16, 24, 40, 0.16);
}

.wpgranada-activity-number {
	margin: 0;
	font-size: 0.95rem;
	font-weight: 900;
	letter-spacing: 0.16em;
	color: var(--wp--preset--color--accent);
}

.wpgranada-activity-title {
	margin: 0;
	font-size: clamp(1.7rem, 3.5vw, 3.5rem);
	font-weight: 800;
	line-height: 0.95;
	letter-spacing: -0.055em;
	color: var(--wp--preset--color--contrast);
}

.wpgranada-activity-text {
	max-width: 640px;
	margin: 0;
	font-size: clamp(1rem, 1.3vw, 1.18rem);
	line-height: 1.7;
	color: var(--wp--preset--color--secondary);
}

/* La sección antigua de identidad se oculta por si quedara cacheada */
.wpgranada-identity {
	display: none;
}

/* -------------------------------------------------------
   NEWS
   ------------------------------------------------------- */

.wpgranada-news {
	padding: clamp(5rem, 8vw, 8rem) var(--wp--preset--spacing--80);
	background: #ffffff;
}

.wpgranada-news-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.5rem;
	align-items: stretch;
}

/*
    IMPORTANTE:
    WordPress Query Loop mete un UL/LI interno.
    Estas reglas hacen que la tarjeta real y las dos tarjetas manuales
    arranquen a la misma altura y tengan comportamiento equivalente.
*/
.wpgranada-news-grid>.wp-block-query,
.wpgranada-news-grid>.wp-block-group {
	align-self: stretch;
	height: 100%;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.wpgranada-query {
	height: 100%;
	margin: 0 !important;
	padding: 0 !important;
}

.wpgranada-query .wp-block-post-template {
	display: block !important;
	height: 100%;
	margin: 0 !important;
	padding: 0 !important;
}

.wpgranada-query .wp-block-post-template>li {
	height: 100%;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}

.wpgranada-query .wp-block-post-template>li>.wp-block-group {
	height: 100%;
	margin: 0 !important;
}

.wpgranada-post-template {
	margin: 0 !important;
	padding: 0 !important;
}

.wpgranada-post-card {
	position: relative;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	height: 100%;
	min-height: 290px;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding: 1.5rem;
	border-radius: 24px;
	background: var(--wp--preset--color--background-light);
	overflow: hidden;
	transition: transform 180ms ease, box-shadow 180ms ease;
}

.wpgranada-post-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 24px 60px rgba(16, 24, 40, 0.1);
}

.wpgranada-post-date {
	margin: 0 0 1rem;
	font-size: 0.85rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wp--preset--color--muted);
}

.wpgranada-post-title {
	margin: 0 0 1rem;
	font-size: clamp(1.3rem, 2vw, 2rem);
	line-height: 1.08;
	color: var(--wp--preset--color--contrast);
}

.wpgranada-post-title a {
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
}

.wpgranada-post-title a:hover {
	color: var(--wp--preset--color--primary);
}

.wpgranada-post-excerpt {
	margin-top: 0;
	color: var(--wp--preset--color--secondary);
}

.wpgranada-example-card {
	height: 100%;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.wpgranada-example-card::after {
	content: "Ejemplo";
	position: absolute;
	right: 1.25rem;
	bottom: 1rem;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(56, 88, 233, 0.22);
}

/* -------------------------------------------------------
   FINAL CTA
   ------------------------------------------------------- */

.wpgranada-final-cta {
	position: relative;
	padding: clamp(5rem, 9vw, 9rem) var(--wp--preset--spacing--80);
	background:
		radial-gradient(circle at 15% 20%, rgba(255, 255, 255, 0.22), transparent 22rem),
		linear-gradient(135deg, #3858e9 0%, #7a5db9 46%, #f97316 100%);
	color: var(--wp--preset--color--base);
	text-align: center;
}

.wpgranada-final-cta .wpgranada-section-label {
	color: var(--wp--preset--color--base);
}

.wpgranada-final-title {
	max-width: 940px;
	margin: 0 auto;
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(3rem, 7vw, 7rem);
	font-weight: 800;
	line-height: 0.95;
	letter-spacing: -0.07em;
	color: var(--wp--preset--color--base);
}

.wpgranada-final-text {
	display: none;
}

.wpgranada-final-buttons {
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
}

/* -------------------------------------------------------
   RESPONSIVE
   ------------------------------------------------------- */

@media (max-width: 900px) {
	.wpgranada-hero {
		min-height: auto;
	}

	.wpgranada-hero::after {
		top: 1rem;
		right: 1rem;
		width: 72vw;
		height: 120px;
		opacity: 0.10;
	}

	.wpgranada-hero__grid {
		grid-template-columns: 1fr;
	}

	.wpgranada-hero-title {
		font-size: clamp(4rem, 22vw, 7rem);
	}

	.wpgranada-activity-row {
		grid-template-columns: 1fr;
		gap: 0.75rem;
	}

	.wpgranada-activity-number {
		font-size: 0.85rem;
	}

	.wpgranada-section-title,
	.wpgranada-manifest-text,
	.wpgranada-final-title {
		letter-spacing: -0.045em;
	}

	.wpgranada-hero__aside {
		margin-top: 2rem;
	}

	.wpgranada-news-grid {
		grid-template-columns: 1fr;
	}

	.wpgranada-post-card {
		min-height: 240px;
	}
}

@media (max-width: 600px) {

	.wpgranada-hero,
	.wpgranada-manifest,
	.wpgranada-activities,
	.wpgranada-news,
	.wpgranada-final-cta {
		padding-left: 1.25rem !important;
		padding-right: 1.25rem !important;
	}

	.wpgranada-buttons {
		display: flex;
		flex-direction: column;
		align-items: stretch;
	}

	.wpgranada-buttons .wp-block-button,
	.wpgranada-buttons .wp-block-button__link {
		width: 100%;
		text-align: center;
	}

	.wpgranada-marquee {
		font-size: 1rem;
	}

	.wpgranada-hero-title {
		letter-spacing: -0.07em;
	}

	.wpgranada-hero__aside {
		border-radius: 24px;
		padding: 1.5rem;
	}
}

/* -------------------------------------------------------
   Ajustes móviles específicos para evitar cortes laterales
   ------------------------------------------------------- */

@media (max-width: 600px) {

	html,
	body {
		width: 100%;
		max-width: 100%;
		overflow-x: hidden;
	}

	.wp-site-blocks,
	.wpgranada-home {
		width: 100%;
		max-width: 100%;
		overflow-x: hidden;
	}

	/* Header: evita que el encabezado se corte en móvil */
	.wp-site-blocks>.wp-block-template-part:first-child {
		width: 100%;
		max-width: 100%;
		overflow-x: hidden;
	}

	.wp-site-blocks>.wp-block-template-part:first-child .wp-block-group,
	.wp-site-blocks>.wp-block-template-part:first-child .wp-block-columns,
	.wp-site-blocks>.wp-block-template-part:first-child .wp-block-column {
		box-sizing: border-box;
		max-width: 100%;
		min-width: 0;
		overflow-x: hidden;
		flex-wrap: wrap;
	}

	.wp-site-blocks>.wp-block-template-part:first-child .wp-block-site-logo img {
		max-width: 70px;
		height: auto;
	}

	.wp-site-blocks>.wp-block-template-part:first-child .wp-block-site-title {
		font-size: 1.05rem;
		line-height: 1.15;
		max-width: 100%;
		white-space: normal;
		overflow-wrap: break-word;
	}

	.wp-site-blocks>.wp-block-template-part:first-child .wp-block-site-tagline {
		display: none;
	}

	/* Hero: reduce tamaños para que WORDPRESS GRANADA no se corte */
	.wpgranada-hero {
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
		min-height: auto;
		padding: 3.5rem 1.25rem !important;
		overflow-x: hidden;
	}

	.wpgranada-hero::after {
		top: 1rem;
		left: 1rem;
		right: auto;
		width: calc(100% - 2rem);
		height: 80px;
		background-position: center;
		opacity: 0.08;
	}

	.wpgranada-hero__grid,
	.wpgranada-hero__content,
	.wpgranada-hero__aside {
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
		min-width: 0;
		overflow-x: hidden;
	}

	.wpgranada-hero__grid {
		grid-template-columns: 1fr;
		gap: 2rem;
	}

	.wpgranada-kicker {
		max-width: 100%;
		font-size: 0.72rem;
		letter-spacing: 0.11em;
		white-space: normal;
		overflow-wrap: break-word;
	}

	.wpgranada-hero-title {
		max-width: 100%;
		font-size: clamp(2.6rem, 12vw, 3.2rem);
		line-height: 0.95;
		letter-spacing: -0.035em;
		overflow-wrap: normal;
		word-break: normal;
	}

	.wpgranada-hero-claim {
		max-width: 100%;
		font-size: clamp(1.7rem, 8vw, 2.2rem);
		line-height: 1;
		letter-spacing: -0.03em;
		overflow-wrap: break-word;
	}

	.wpgranada-hero-text {
		max-width: 100%;
		font-size: 1rem;
		line-height: 1.6;
		overflow-wrap: break-word;
	}

	.wpgranada-buttons {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		width: 100%;
		max-width: 100%;
	}

	.wpgranada-buttons .wp-block-button,
	.wpgranada-buttons .wp-block-button__link {
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
		text-align: center;
		white-space: normal;
	}

	.wpgranada-hero__aside {
		padding: 1.25rem;
		border-radius: 22px;
	}

	.wpgranada-aside-text {
		max-width: 100%;
		font-size: clamp(1.05rem, 5.5vw, 1.35rem);
		line-height: 1.15;
		letter-spacing: -0.02em;
		overflow-wrap: break-word;
	}

	/* Secciones generales */
	.wpgranada-manifest,
	.wpgranada-activities,
	.wpgranada-news,
	.wpgranada-final-cta {
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
		padding-left: 1.25rem !important;
		padding-right: 1.25rem !important;
		overflow-x: hidden;
	}

	.wpgranada-section-title,
	.wpgranada-manifest-text,
	.wpgranada-final-title,
	.wpgranada-activity-title,
	.wpgranada-activity-text {
		max-width: 100%;
		overflow-wrap: break-word;
	}

	.wpgranada-section-title {
		font-size: clamp(2rem, 10vw, 3.2rem);
		line-height: 1;
	}

	.wpgranada-manifest-text {
		font-size: clamp(2rem, 10vw, 3.4rem);
		line-height: 1;
	}

	.wpgranada-activity-row {
		grid-template-columns: 1fr;
	}

	.wpgranada-news-grid {
		grid-template-columns: 1fr;
	}

	.channel-card {
		min-height: auto !important;
	}

	/* Footer: evita que el pie se corte en móvil */
	.wp-site-blocks>.wp-block-template-part:last-child {
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
		overflow-x: hidden;
	}

	.wp-site-blocks>.wp-block-template-part:last-child .wp-block-group,
	.wp-site-blocks>.wp-block-template-part:last-child .wp-block-columns,
	.wp-site-blocks>.wp-block-template-part:last-child .wp-block-column {
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
		min-width: 0;
		overflow-x: hidden;
	}

	.wp-site-blocks>.wp-block-template-part:last-child .wp-block-columns {
		display: flex;
		flex-direction: column;
		gap: 2rem;
	}

	.wp-site-blocks>.wp-block-template-part:last-child .wp-block-column {
		flex-basis: 100% !important;
	}

	.wp-site-blocks>.wp-block-template-part:last-child p,
	.wp-site-blocks>.wp-block-template-part:last-child h1,
	.wp-site-blocks>.wp-block-template-part:last-child h2,
	.wp-site-blocks>.wp-block-template-part:last-child h3,
	.wp-site-blocks>.wp-block-template-part:last-child h4,
	.wp-site-blocks>.wp-block-template-part:last-child h5,
	.wp-site-blocks>.wp-block-template-part:last-child h6,
	.wp-site-blocks>.wp-block-template-part:last-child a {
		max-width: 100%;
		white-space: normal;
		overflow-wrap: break-word;
	}
}

/* -------------------------------------------------------
   Corrección final móvil: header, menú responsive y footer
   ------------------------------------------------------- */

@media (max-width: 600px) {

	/* Asegura que nada importante empiece fuera de pantalla */
	.wp-site-blocks {
		width: 100%;
		max-width: 100%;
		overflow-x: hidden;
	}

	/* HEADER: elimina desplazamientos laterales y añade margen interno */
	.wp-site-blocks>.wp-block-template-part:first-child,
	.wp-site-blocks>.wp-block-template-part:first-child>* {
		box-sizing: border-box;
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		left: auto !important;
		right: auto !important;
		transform: none !important;
		overflow-x: hidden;
	}

	.wp-site-blocks>.wp-block-template-part:first-child {
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}

	.wp-site-blocks>.wp-block-template-part:first-child .wp-block-group,
	.wp-site-blocks>.wp-block-template-part:first-child .wp-block-columns,
	.wp-site-blocks>.wp-block-template-part:first-child .wp-block-column {
		box-sizing: border-box;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		overflow: visible;
	}

	/* Logo y textos del header */
	.wp-site-blocks>.wp-block-template-part:first-child .wp-block-site-logo {
		flex-shrink: 0;
		margin-left: 0 !important;
	}

	.wp-site-blocks>.wp-block-template-part:first-child .wp-block-site-logo img {
		display: block;
		max-width: 72px;
		height: auto;
	}

	.wp-site-blocks>.wp-block-template-part:first-child .wp-block-site-title,
	.wp-site-blocks>.wp-block-template-part:first-child .wp-block-site-tagline {
		max-width: 100%;
		white-space: normal;
		overflow-wrap: break-word;
	}

	.wp-site-blocks>.wp-block-template-part:first-child .wp-block-site-title {
		font-size: 1.05rem;
		line-height: 1.15;
	}

	.wp-site-blocks>.wp-block-template-part:first-child .wp-block-site-tagline {
		font-size: 0.78rem;
		line-height: 1.3;
	}

	/* Botón hamburguesa: que no quede pegado ni cortado */
	.wp-block-navigation__responsive-container-open {
		margin-left: 0 !important;
		margin-right: auto !important;
		padding: 0.5rem !important;
		position: relative;
		left: 0 !important;
		transform: none !important;
	}

	/* MENÚ ABIERTO: corrige el panel que se iba hacia la derecha */
	.wp-block-navigation__responsive-container.is-menu-open {
		box-sizing: border-box;
		width: 100% !important;
		max-width: 100% !important;
		left: 0 !important;
		right: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding: 2rem 1.5rem !important;
		overflow-x: hidden !important;
	}

	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
		box-sizing: border-box;
		width: 100% !important;
		max-width: 100% !important;
		align-items: flex-start !important;
		justify-content: flex-start !important;
		padding: 0 !important;
		margin: 0 !important;
		overflow-x: hidden !important;
	}

	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
		box-sizing: border-box;
		width: 100% !important;
		max-width: 100% !important;
		align-items: flex-start !important;
		gap: 1.5rem !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
		width: 100% !important;
		max-width: 100% !important;
		text-align: left !important;
		white-space: normal !important;
		overflow-wrap: break-word !important;
	}

	/* FOOTER: elimina el corte lateral */
	.wp-site-blocks>.wp-block-template-part:last-child,
	.wp-site-blocks>.wp-block-template-part:last-child>* {
		box-sizing: border-box;
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		left: auto !important;
		right: auto !important;
		transform: none !important;
		overflow-x: hidden !important;
	}

	.wp-site-blocks>.wp-block-template-part:last-child {
		padding-left: 1.25rem !important;
		padding-right: 1.25rem !important;
	}

	.wp-site-blocks>.wp-block-template-part:last-child .wp-block-group,
	.wp-site-blocks>.wp-block-template-part:last-child .wp-block-columns,
	.wp-site-blocks>.wp-block-template-part:last-child .wp-block-column {
		box-sizing: border-box;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		overflow-x: hidden !important;
	}

	.wp-site-blocks>.wp-block-template-part:last-child .wp-block-columns {
		display: flex !important;
		flex-direction: column !important;
		gap: 2rem !important;
	}

	.wp-site-blocks>.wp-block-template-part:last-child .wp-block-column {
		flex-basis: 100% !important;
	}

	.wp-site-blocks>.wp-block-template-part:last-child p,
	.wp-site-blocks>.wp-block-template-part:last-child h1,
	.wp-site-blocks>.wp-block-template-part:last-child h2,
	.wp-site-blocks>.wp-block-template-part:last-child h3,
	.wp-site-blocks>.wp-block-template-part:last-child h4,
	.wp-site-blocks>.wp-block-template-part:last-child h5,
	.wp-site-blocks>.wp-block-template-part:last-child h6,
	.wp-site-blocks>.wp-block-template-part:last-child a {
		max-width: 100% !important;
		white-space: normal !important;
		overflow-wrap: break-word !important;
		word-break: normal !important;
	}
}

/* -------------------------------------------------------
   Plantilla 404 - Página no encontrada
------------------------------------------------------- */

.wpgranada-404-main {
	text-align: center;
}

.wpgranada-404-hero {
	max-width: 850px;
	margin-left: auto;
	margin-right: auto;
}

.wpgranada-404-text {
	max-width: 680px;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.15rem;
	line-height: 1.7;
}

.wpgranada-404-search,
.wpgranada-404-links,
.wpgranada-404-cta {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	padding: 2rem;
	border-radius: 24px;
}

.wpgranada-404-search,
.wpgranada-404-links {
	background: rgba(253, 128, 46, 0.08);
}

.wpgranada-404-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1rem;
	margin: 1.5rem 0 0;
	padding-left: 0;
	list-style: none;
}

.wpgranada-404-list li {
	margin: 0;
}

.wpgranada-404-list a {
	display: inline-block;
	padding: 0.8rem 1.1rem;
	border-radius: 999px;
	background: #ffffff;
	color: var(--wp--preset--color--contrast, #111827);
	font-weight: 700;
	text-decoration: none;
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
}

.wpgranada-404-list a:hover {
	color: var(--wp--preset--color--accent, #fd802e);
}

.wpgranada-404-cta {
	background: var(--wp--preset--color--contrast, #111827);
	color: #ffffff;
}

.wpgranada-404-cta h2,
.wpgranada-404-cta p {
	color: #ffffff;
}

.wpgranada-404-cta .is-style-outline .wp-block-button__link {
	color: #ffffff;
	border-color: #ffffff;
}

@media (max-width: 768px) {

	.wpgranada-404-search,
	.wpgranada-404-links,
	.wpgranada-404-cta {
		padding: 1.5rem;
	}

	.wpgranada-404-list {
		flex-direction: column;
		align-items: stretch;
	}

	.wpgranada-404-list a {
		display: block;
	}
}

/* ===================================================   Mejora de coherencia visual - 20/05/2026
   Ajustes globales de títulos, botones, enlaces y espaciados
   ========================================================== */

:root {
	--wpgranada-color-principal: #0073aa;
	--wpgranada-color-principal-hover: #005f8f;
	--wpgranada-color-texto: #1f2933;
	--wpgranada-color-texto-suave: #5f6b76;
	--wpgranada-radio-boton: 999px;
	--wpgranada-espaciado-seccion: clamp(3rem, 6vw, 5rem);
}

/* Mejora general de lectura */
body {
	color: var(--wpgranada-color-texto);
	line-height: 1.65;
}

/* Jerarquía visual de títulos */
h1,
.wp-block-post-title {
	font-size: clamp(2rem, 4vw, 3.25rem);
	line-height: 1.15;
	margin-bottom: 1rem;
}

h2 {
	font-size: clamp(1.6rem, 3vw, 2.25rem);
	line-height: 1.2;
	margin-bottom: 0.9rem;
}

h3 {
	font-size: clamp(1.25rem, 2vw, 1.6rem);
	line-height: 1.25;
	margin-bottom: 0.75rem;
}

/* Párrafos más cómodos de leer */
p {
	margin-bottom: 1.1rem;
}

/* Espaciado entre secciones principales */
main .wp-block-group {
	margin-top: 0;
	margin-bottom: 0;
}

/* Espaciado entre columnas y tarjetas */
.wp-block-columns {
	gap: clamp(1.5rem, 3vw, 2.5rem);
}

/* Botones principales */
.wp-block-button__link,
.wp-element-button {
	background-color: var(--wpgranada-color-principal);
	color: #ffffff;
	border-radius: var(--wpgranada-radio-boton);
	padding: 0.85rem 1.5rem;
	font-weight: 700;
	text-decoration: none;
	line-height: 1.2;
	transition: background-color 0.2s ease, transform 0.2s ease;
}

/* Hover de botones */
.wp-block-button__link:hover,
.wp-element-button:hover {
	background-color: var(--wpgranada-color-principal-hover);
	color: #ffffff;
	transform: translateY(-1px);
}

/* Enlaces de texto */
a {
	color: var(--wpgranada-color-principal);
	text-underline-offset: 0.18em;
}

a:hover {
	color: var(--wpgranada-color-principal-hover);
}

/* Textos secundarios, fechas y metadatos */
.wp-block-post-date,
.wp-block-post-terms,
.wp-block-post-author,
.wp-block-post-excerpt {
	color: var(--wpgranada-color-texto-suave);
}

/* Ajustes responsive */
@media (max-width: 768px) {

	h1,
	.wp-block-post-title {
		font-size: clamp(1.8rem, 9vw, 2.4rem);
	}

	h2 {
		font-size: clamp(1.4rem, 7vw, 1.9rem);
	}

	main .wp-block-group+.wp-block-group {
		margin-top: 3rem;
	}

	.wp-block-button__link,
	.wp-element-button {
		width: auto;
		max-width: 100%;
		text-align: center;
	}
}


/* ==========================================================
   Home - Sección MeetUps pasadas según Figma
   ========================================================== */

.wpgranada-past-events {
	margin-top: 0 !important;
	padding: clamp(4.5rem, 8vw, 7rem) var(--wp--preset--spacing--80);
	background: #ffffff;
}

.wpgranada-past-events>.wp-block-group:first-child {
	margin-bottom: 2.5rem;
}

.wpgranada-past-events>.wp-block-group:first-child p {
	margin-bottom: 0.75rem;
	color: var(--wp--preset--color--primary);
}

.wpgranada-past-events h2 {
	max-width: 760px;
	margin: 0;
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(2.4rem, 5vw, 4.8rem);
	font-weight: 800;
	line-height: 0.98;
	letter-spacing: -0.055em;
	color: var(--wp--preset--color--contrast);
}

.wpgranada-past-events .wp-block-columns {
	gap: 1.5rem;
	align-items: stretch;
}

.wpgranada-past-events .wp-block-column {
	display: flex;
}

.wpgranada-past-events .past-event-card {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border: 1px solid rgba(56, 88, 233, 0.14) !important;
	border-radius: 18px !important;
	background: #ffffff;
	box-shadow: 0 14px 36px rgba(16, 24, 40, 0.06);
	transition: transform 180ms ease, box-shadow 180ms ease;
}

.wpgranada-past-events .past-event-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 22px 54px rgba(16, 24, 40, 0.1);
}

.wpgranada-past-events .past-event-card-image {
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	width: 100%;
	min-height: 180px;
	margin: 0;
	padding: 1.25rem;
	aspect-ratio: 16 / 9;
	background:
		radial-gradient(circle at 18% 20%, rgba(255, 255, 255, 0.42), transparent 11rem),
		linear-gradient(135deg, rgba(56, 88, 233, 0.96), rgba(249, 115, 22, 0.9));
	overflow: hidden;
}

.wpgranada-past-events .past-event-card-image::before {
	content: "";
	position: absolute;
	inset: auto -15% -38% auto;
	width: 72%;
	height: 72%;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.18);
}

.wpgranada-past-events .past-event-card-image::after {
	content: "";
	position: absolute;
	top: 18%;
	right: 10%;
	width: 42%;
	height: 42%;
	border: 2px solid rgba(255, 255, 255, 0.24);
	border-radius: 999px;
}

.wpgranada-past-events .past-event-card-tag {
	position: relative;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	min-height: 32px;
	margin: 0 !important;
	padding: 0.45rem 0.8rem;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.92);
	color: var(--wp--preset--color--primary) !important;
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	line-height: 1;
	text-transform: uppercase;
}

.wpgranada-past-events .past-event-card h3 {
	margin: 0;
	font-size: clamp(1.15rem, 1.6vw, 1.45rem);
	line-height: 1.25;
	letter-spacing: -0.025em;
}

.wpgranada-past-events .past-event-card p {
	margin-top: 0;
}

.wpgranada-past-events .past-event-card>.wp-block-group:last-child {
	flex: 1;
}

@media (max-width: 781px) {
	.wpgranada-past-events {
		padding-left: 1.25rem !important;
		padding-right: 1.25rem !important;
	}

	.wpgranada-past-events .wp-block-columns {
		gap: 1.25rem;
	}

	.wpgranada-past-events .past-event-card {
		border-radius: 16px !important;
	}

	.wpgranada-past-events .past-event-card-image {
		min-height: 165px;
	}
}

/* ==========================================================
   Home - Sección ¿Qué es WordPress Granada? según Figma
   ========================================================== */

.wpgranada-community-intro {
	box-sizing: border-box;
	width: 100%;
	margin-top: 0 !important;
	padding: clamp(5rem, 8vw, 7rem) var(--wp--preset--spacing--80) !important;
	background: #ffffff;
}

.wpgranada-community-intro__grid {
	display: grid !important;
	grid-template-columns: minmax(320px, 0.82fr) minmax(480px, 1.18fr) !important;
	gap: clamp(3rem, 6vw, 6rem) !important;
	align-items: center !important;
	width: 100%;
	max-width: 1440px;
	margin: 0 auto !important;
}

.wpgranada-community-intro__content {
	width: 100%;
	max-width: 640px;
	justify-self: start;
	text-align: left !important;
}

.wpgranada-community-intro__label {
	margin: 0 0 2rem !important;
	color: var(--wp--preset--color--primary) !important;
	font-size: 0.82rem !important;
	font-weight: 900 !important;
	line-height: 1.2 !important;
	letter-spacing: 0.14em !important;
	text-transform: uppercase !important;
	text-align: left !important;
}

.wpgranada-community-intro__title {
	margin: 0 !important;
	max-width: 650px !important;
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(2.5rem, 3.8vw, 4.1rem) !important;
	font-weight: 800 !important;
	line-height: 1.02 !important;
	letter-spacing: -0.055em !important;
	color: var(--wp--preset--color--contrast) !important;
	text-align: left !important;
}

.wpgranada-community-intro__image {
	display: block;
	width: 100%;
	margin: 0 !important;
	justify-self: end;
}

.wpgranada-community-intro__image img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 520px;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	border-radius: 28px;
	box-shadow: 0 24px 55px rgba(15, 23, 42, 0.24);
}

.wpgranada-home .wpgranada-community-intro h2,
.wpgranada-home .wpgranada-community-intro p {
	text-align: left !important;
}

/* Ajustes dentro del editor de WordPress */
.editor-styles-wrapper .wpgranada-community-intro__grid {
	display: grid !important;
	grid-template-columns: minmax(320px, 0.82fr) minmax(480px, 1.18fr) !important;
	gap: 4rem !important;
	align-items: center !important;
}

.editor-styles-wrapper .wpgranada-community-intro__content,
.editor-styles-wrapper .wpgranada-community-intro__label,
.editor-styles-wrapper .wpgranada-community-intro__title {
	text-align: left !important;
}

.editor-styles-wrapper .wpgranada-community-intro__image img {
	width: 100% !important;
	height: auto !important;
	border-radius: 28px !important;
}

@media (max-width: 1000px) {
	.wpgranada-community-intro__grid {
		grid-template-columns: 1fr !important;
		gap: 2.5rem !important;
	}

	.wpgranada-community-intro__content {
		max-width: 760px;
	}

	.wpgranada-community-intro__title {
		font-size: clamp(2.4rem, 8vw, 4rem) !important;
	}
}

@media (max-width: 600px) {
	.wpgranada-community-intro {
		padding: 4rem 1.25rem !important;
	}

	.wpgranada-community-intro__label {
		margin-bottom: 1.25rem !important;
		font-size: 0.72rem !important;
		letter-spacing: 0.11em !important;
	}

	.wpgranada-community-intro__title {
		font-size: clamp(2rem, 10vw, 3rem) !important;
		line-height: 1 !important;
		letter-spacing: -0.04em !important;
	}

	.wpgranada-community-intro__image img {
		max-height: 360px;
		border-radius: 20px;
	}
}

/* ==========================================================
   Home - Sección Actividades según Figma
   ========================================================== */

.wpgranada-activities {
	box-sizing: border-box;
	width: 100%;
	margin-top: 0 !important;
	padding: clamp(4.5rem, 7vw, 6.5rem) clamp(1.25rem, 2vw, 2rem) !important;
	background: #f3f6fb !important;
}

/* Evita separaciones globales heredadas dentro de actividades */
.wpgranada-activities .wp-block-group,
.wpgranada-activities .wp-block-group+.wp-block-group {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/* Ancho amplio como en Figma */
.wpgranada-activities>.wpgranada-section-label,
.wpgranada-activities>.wpgranada-section-title,
.wpgranada-activities>.wpgranada-activity-list {
	width: 100%;
	max-width: 1760px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Etiqueta ACTIVIDADES */
.wpgranada-activities .wpgranada-section-label {
	margin: 0 0 1.6rem !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 0.86rem !important;
	font-weight: 900 !important;
	line-height: 1.1 !important;
	letter-spacing: 0.13em !important;
	text-transform: uppercase !important;
	color: var(--wp--preset--color--primary) !important;
	text-align: left !important;
}

/* Título principal */
.wpgranada-activities .wpgranada-section-title {
	margin: 0 0 clamp(3.5rem, 5vw, 5rem) !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: clamp(2.7rem, 4.6vw, 5.2rem) !important;
	font-weight: 900 !important;
	line-height: 1.02 !important;
	letter-spacing: -0.055em !important;
	color: var(--wp--preset--color--contrast) !important;
	text-align: left !important;
}

/* Lista */
.wpgranada-activity-list {
	border-top: 1px solid rgba(15, 23, 42, 0.12) !important;
}

/* Filas */
.wpgranada-activity-row {
	display: grid !important;
	grid-template-columns: 90px minmax(260px, 340px) minmax(0, 1fr) !important;
	gap: clamp(1.5rem, 3.2vw, 4rem) !important;
	align-items: center !important;
	padding: clamp(2.1rem, 3vw, 3rem) 0 !important;
	border-bottom: 1px solid rgba(15, 23, 42, 0.12) !important;
}

/* Número */
.wpgranada-activity-number {
	margin: 0 !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: clamp(1rem, 1.1vw, 1.15rem) !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	letter-spacing: 0.02em !important;
	color: var(--wp--preset--color--accent) !important;
}

/* Título de cada actividad */
.wpgranada-activity-title {
	margin: 0 !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: clamp(1.65rem, 2vw, 2.25rem) !important;
	font-weight: 900 !important;
	line-height: 1.05 !important;
	letter-spacing: -0.04em !important;
	color: var(--wp--preset--color--contrast) !important;
	text-align: left !important;
}

/* Texto descriptivo */
.wpgranada-activity-text {
	max-width: none !important;
	margin: 0 !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: clamp(1rem, 1.12vw, 1.22rem) !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
	letter-spacing: -0.015em !important;
	color: var(--wp--preset--color--secondary) !important;
	text-align: left !important;
}

/* Editor WordPress */
.editor-styles-wrapper .wpgranada-activities {
	background: #f3f6fb !important;
}

.editor-styles-wrapper .wpgranada-activity-row {
	display: grid !important;
	grid-template-columns: 90px minmax(260px, 340px) minmax(0, 1fr) !important;
	gap: 3rem !important;
	align-items: center !important;
}

/* Tablet */
@media (max-width: 1000px) {
	.wpgranada-activities .wpgranada-section-title {
		font-size: clamp(2.4rem, 7vw, 4.2rem) !important;
	}

	.wpgranada-activity-row {
		grid-template-columns: 70px minmax(220px, 300px) minmax(0, 1fr) !important;
		gap: 2rem !important;
	}

	.wpgranada-activity-title {
		font-size: clamp(1.45rem, 3vw, 1.9rem) !important;
	}

	.wpgranada-activity-text {
		font-size: 1rem !important;
	}
}

/* Móvil */
@media (max-width: 700px) {
	.wpgranada-activities {
		padding: 4rem 1.25rem !important;
	}

	.wpgranada-activities .wpgranada-section-label {
		margin-bottom: 1.2rem !important;
		font-size: 0.75rem !important;
	}

	.wpgranada-activities .wpgranada-section-title {
		margin-bottom: 2.5rem !important;
		font-size: clamp(2.1rem, 10vw, 3.2rem) !important;
		line-height: 1 !important;
	}

	.wpgranada-activity-row {
		grid-template-columns: 1fr !important;
		gap: 0.9rem !important;
		padding: 2rem 0 !important;
	}

	.wpgranada-activity-number {
		font-size: 0.9rem !important;
	}

	.wpgranada-activity-title {
		font-size: clamp(1.7rem, 8vw, 2.3rem) !important;
	}

	.wpgranada-activity-text {
		font-size: 1rem !important;
		line-height: 1.55 !important;
	}
}

/* ==========================================================
   Corrección comunidad + Actividades + MeetUps según Figma
   ========================================================== */

/* Corrige imagen de comunidad */
.wpgranada-community-intro__image {
	display: block;
	width: 100%;
	margin: 0 !important;
	justify-self: end;
}

.wpgranada-community-intro__image img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 520px;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	border-radius: 28px;
	box-shadow: 0 24px 55px rgba(15, 23, 42, 0.24);
}

/* ==========================================================
   Home - Sección Actividades según Figma
   ========================================================== */

.wpgranada-activities {
	box-sizing: border-box;
	width: 100%;
	margin-top: 0 !important;
	padding: clamp(4.5rem, 7vw, 6.5rem) clamp(1.25rem, 2vw, 2rem) !important;
	background: #f3f6fb !important;
}

.wpgranada-activities .wp-block-group,
.wpgranada-activities .wp-block-group+.wp-block-group {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.wpgranada-activities>.wpgranada-section-label,
.wpgranada-activities>.wpgranada-section-title,
.wpgranada-activities>.wpgranada-activity-list {
	width: 100%;
	max-width: 1760px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.wpgranada-activities .wpgranada-section-label {
	margin: 0 0 1.6rem !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 0.86rem !important;
	font-weight: 900 !important;
	line-height: 1.1 !important;
	letter-spacing: 0.13em !important;
	text-transform: uppercase !important;
	color: var(--wp--preset--color--primary) !important;
	text-align: left !important;
}

.wpgranada-activities .wpgranada-section-title {
	margin: 0 0 clamp(3.5rem, 5vw, 5rem) !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: clamp(2.7rem, 4.6vw, 5.2rem) !important;
	font-weight: 900 !important;
	line-height: 1.02 !important;
	letter-spacing: -0.055em !important;
	color: var(--wp--preset--color--contrast) !important;
	text-align: left !important;
}

.wpgranada-activity-list {
	border-top: 1px solid rgba(15, 23, 42, 0.12) !important;
}

.wpgranada-activity-row {
	display: grid !important;
	grid-template-columns: 90px minmax(260px, 340px) minmax(0, 1fr) !important;
	gap: clamp(1.5rem, 3.2vw, 4rem) !important;
	align-items: center !important;
	padding: clamp(2.1rem, 3vw, 3rem) 0 !important;
	border-bottom: 1px solid rgba(15, 23, 42, 0.12) !important;
}

.wpgranada-activity-number {
	margin: 0 !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: clamp(1rem, 1.1vw, 1.15rem) !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	letter-spacing: 0.02em !important;
	color: var(--wp--preset--color--accent) !important;
}

.wpgranada-activity-title {
	margin: 0 !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: clamp(1.65rem, 2vw, 2.25rem) !important;
	font-weight: 900 !important;
	line-height: 1.05 !important;
	letter-spacing: -0.04em !important;
	color: var(--wp--preset--color--contrast) !important;
	text-align: left !important;
}

.wpgranada-activity-text {
	max-width: none !important;
	margin: 0 !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: clamp(1rem, 1.12vw, 1.22rem) !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
	letter-spacing: -0.015em !important;
	color: var(--wp--preset--color--secondary) !important;
	text-align: left !important;
}

/* ==========================================================
   Home - Revive nuestras MeetUps según Figma
   ========================================================== */

.wpgranada-past-events {
	box-sizing: border-box;
	width: 100%;
	margin-top: 0 !important;
	padding: clamp(4.5rem, 7vw, 6.5rem) clamp(1.25rem, 2vw, 2rem) !important;
	background: #ffffff !important;
}

.wpgranada-past-events .wp-block-group,
.wpgranada-past-events .wp-block-group+.wp-block-group {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.wpgranada-past-events__header,
.wpgranada-meetup-grid {
	width: 100%;
	max-width: 1760px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.wpgranada-past-events__header {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 2rem;
	align-items: end;
	margin-bottom: clamp(3rem, 5vw, 5rem) !important;
}

.wpgranada-past-events__heading {
	margin: 0 !important;
}

.wpgranada-past-events__label {
	margin: 0 0 1.6rem !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 0.86rem !important;
	font-weight: 900 !important;
	line-height: 1.1 !important;
	letter-spacing: 0.13em !important;
	text-transform: uppercase !important;
	color: var(--wp--preset--color--primary) !important;
}

.wpgranada-past-events__title {
	margin: 0 !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: clamp(3rem, 5vw, 6rem) !important;
	font-weight: 900 !important;
	line-height: 0.98 !important;
	letter-spacing: -0.06em !important;
	color: var(--wp--preset--color--contrast) !important;
}

.wpgranada-past-events__buttons {
	margin: 0 !important;
	justify-content: flex-end;
}

.wpgranada-past-events__button .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 1rem 2rem !important;
	border: 1px solid rgba(15, 23, 42, 0.16) !important;
	border-radius: 999px !important;
	background: #ffffff !important;
	color: var(--wp--preset--color--contrast) !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 1rem !important;
	font-weight: 900 !important;
	text-decoration: none !important;
	box-shadow: none !important;
}

.wpgranada-meetup-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(1.5rem, 2.5vw, 3rem);
}

.wpgranada-meetup-card {
	display: flex !important;
	flex-direction: column;
	min-height: 560px;
	overflow: hidden;
	border: 1px solid rgba(15, 23, 42, 0.12);
	border-radius: 18px;
	background: #ffffff;
	box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
}

.wpgranada-meetup-card__media {
	width: 100%;
	min-height: 300px;
	background-color: #0b1f4d;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.wpgranada-meetup-card__media--ia {
	background-image:
		linear-gradient(rgba(4, 20, 54, 0.08), rgba(4, 20, 54, 0.08)),
		url("./assets/images/meetup-ia-wordpress.png");
}

.wpgranada-meetup-card__media--block-theme {
	background-image:
		linear-gradient(rgba(4, 20, 54, 0.08), rgba(4, 20, 54, 0.08)),
		url("./assets/images/meetup-block-theme.png");
}

.wpgranada-meetup-card__media--mentalidad {
	background-image:
		linear-gradient(rgba(4, 20, 54, 0.08), rgba(4, 20, 54, 0.08)),
		url("./assets/images/meetup-mentalidad.png");
}

.wpgranada-meetup-card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: clamp(1.75rem, 2.2vw, 2.4rem) !important;
}

.wpgranada-meetup-card__meta {
	display: flex !important;
	flex-wrap: wrap;
	gap: 1.5rem;
	align-items: center;
	margin-bottom: 2rem !important;
}

.wpgranada-meetup-card__category {
	display: inline-flex;
	align-items: center;
	margin: 0 !important;
	padding: 0.65rem 1.15rem;
	border-radius: 999px;
	background: #fff1e7;
	color: var(--wp--preset--color--accent) !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 0.95rem !important;
	font-weight: 900 !important;
	line-height: 1 !important;
}

.wpgranada-meetup-card__date {
	margin: 0 !important;
	color: #7a8194 !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 0.95rem !important;
	font-weight: 900 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase;
}

.wpgranada-meetup-card__title {
	margin: 0 0 2rem !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: clamp(1.65rem, 2vw, 2.25rem) !important;
	font-weight: 900 !important;
	line-height: 1.08 !important;
	letter-spacing: -0.04em !important;
	color: #0b2743 !important;
}

.wpgranada-meetup-card__link {
	margin: auto 0 0 !important;
}

.wpgranada-meetup-card__link a {
	color: var(--wp--preset--color--primary) !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 1.05rem !important;
	font-weight: 700 !important;
	text-decoration: none !important;
}

/* Responsive */
@media (max-width: 1100px) {
	.wpgranada-past-events__header {
		grid-template-columns: 1fr;
	}

	.wpgranada-past-events__buttons {
		justify-content: flex-start;
	}

	.wpgranada-meetup-grid {
		grid-template-columns: 1fr;
	}

	.wpgranada-meetup-card {
		min-height: auto;
	}
}

@media (max-width: 700px) {
	.wpgranada-past-events {
		padding: 4rem 1.25rem !important;
	}

	.wpgranada-past-events__title {
		font-size: clamp(2.4rem, 11vw, 3.6rem) !important;
	}

	.wpgranada-meetup-card__media {
		min-height: 220px;
	}

	.wpgranada-meetup-card__body {
		padding: 1.5rem !important;
	}
}

/* ==========================================================
   Correcciones finales Home - Comunidad, Actividades y MeetUps
   ========================================================== */

/* Corrige imagen de comunidad para que no salga como texto */
.wpgranada-community-intro__image {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	justify-self: end !important;
}

.wpgranada-community-intro__image img {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	max-height: 520px !important;
	aspect-ratio: 16 / 9 !important;
	object-fit: cover !important;
	border-radius: 28px !important;
	box-shadow: 0 24px 55px rgba(15, 23, 42, 0.24) !important;
}

/* Oculta la sección antigua de eventos pasados si todavía aparece por caché o patrón */
.wpgranada-past-events {
	display: none !important;
}

/* ==========================================================
   MeetUps según Figma
   ========================================================== */

.wpgranada-meetups-section {
	box-sizing: border-box;
	width: 100%;
	margin-top: 0 !important;
	padding: clamp(4.5rem, 7vw, 6.5rem) clamp(1.25rem, 2vw, 2rem) !important;
	background: #ffffff !important;
}

.wpgranada-meetups-section .wp-block-group,
.wpgranada-meetups-section .wp-block-group+.wp-block-group {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.wpgranada-meetups-header,
.wpgranada-meetups-grid {
	width: 100%;
	max-width: 1760px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.wpgranada-meetups-header {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	gap: 2rem !important;
	align-items: end !important;
	margin-bottom: clamp(3rem, 5vw, 5rem) !important;
}

.wpgranada-meetups-heading {
	margin: 0 !important;
}

.wpgranada-meetups-label {
	margin: 0 0 1.6rem !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 0.86rem !important;
	font-weight: 900 !important;
	line-height: 1.1 !important;
	letter-spacing: 0.13em !important;
	text-transform: uppercase !important;
	color: var(--wp--preset--color--primary) !important;
	text-align: left !important;
}

.wpgranada-meetups-title {
	margin: 0 !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: clamp(3rem, 5vw, 6rem) !important;
	font-weight: 900 !important;
	line-height: 0.98 !important;
	letter-spacing: -0.06em !important;
	color: var(--wp--preset--color--contrast) !important;
	text-align: left !important;
}

.wpgranada-meetups-buttons {
	justify-content: flex-end !important;
	margin: 0 !important;
}

.wpgranada-meetups-button .wp-block-button__link {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 1rem 2rem !important;
	border: 1px solid rgba(15, 23, 42, 0.16) !important;
	border-radius: 999px !important;
	background: #ffffff !important;
	color: var(--wp--preset--color--contrast) !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 1rem !important;
	font-weight: 900 !important;
	text-decoration: none !important;
	box-shadow: none !important;
}

.wpgranada-meetups-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: clamp(1.5rem, 2.5vw, 3rem) !important;
}

.wpgranada-meetup-card {
	display: flex !important;
	flex-direction: column !important;
	min-height: 560px !important;
	overflow: hidden !important;
	border: 1px solid rgba(15, 23, 42, 0.12) !important;
	border-radius: 18px !important;
	background: #ffffff !important;
	box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06) !important;
}

.wpgranada-meetup-card__image {
	width: 100% !important;
	min-height: 300px !important;
	background-color: #0b1f4d !important;
	background-position: center !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
}

.wpgranada-meetup-card__image--ia {
	background-image:
		linear-gradient(rgba(4, 20, 54, 0.05), rgba(4, 20, 54, 0.05)),
		url("/wp-content/themes/wpgranada26/assets/images/meetup-ia-wordpress.png") !important;
}

.wpgranada-meetup-card__image--block-theme {
	background-image:
		linear-gradient(rgba(4, 20, 54, 0.05), rgba(4, 20, 54, 0.05)),
		url("/wp-content/themes/wpgranada26/assets/images/meetup-block-theme.png") !important;
}

.wpgranada-meetup-card__image--mentalidad {
	background-image:
		linear-gradient(rgba(4, 20, 54, 0.05), rgba(4, 20, 54, 0.05)),
		url("/wp-content/themes/wpgranada26/assets/images/meetup-mentalidad.png") !important;
}

.wpgranada-meetup-card__content {
	display: flex !important;
	flex: 1 !important;
	flex-direction: column !important;
	padding: clamp(1.75rem, 2.2vw, 2.4rem) !important;
}

.wpgranada-meetup-card__meta {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 1.5rem !important;
	align-items: center !important;
	margin-bottom: 2rem !important;
}

.wpgranada-meetup-card__tag {
	display: inline-flex !important;
	align-items: center !important;
	padding: 0.65rem 1.15rem !important;
	border-radius: 999px !important;
	background: #fff1e7 !important;
	color: var(--wp--preset--color--accent) !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 0.95rem !important;
	font-weight: 900 !important;
	line-height: 1 !important;
}

.wpgranada-meetup-card__date {
	color: #7a8194 !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 0.95rem !important;
	font-weight: 900 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
}

.wpgranada-meetup-card__title {
	margin: 0 0 2rem !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: clamp(1.65rem, 2vw, 2.25rem) !important;
	font-weight: 900 !important;
	line-height: 1.08 !important;
	letter-spacing: -0.04em !important;
	color: #0b2743 !important;
}

.wpgranada-meetup-card__link {
	margin-top: auto !important;
	color: var(--wp--preset--color--primary) !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 1.05rem !important;
	font-weight: 700 !important;
	text-decoration: none !important;
}

/* Responsive MeetUps */
@media (max-width: 1100px) {
	.wpgranada-meetups-header {
		grid-template-columns: 1fr !important;
	}

	.wpgranada-meetups-buttons {
		justify-content: flex-start !important;
	}

	.wpgranada-meetups-grid {
		grid-template-columns: 1fr !important;
	}

	.wpgranada-meetup-card {
		min-height: auto !important;
	}
}

@media (max-width: 700px) {
	.wpgranada-meetups-section {
		padding: 4rem 1.25rem !important;
	}

	.wpgranada-meetups-title {
		font-size: clamp(2.4rem, 11vw, 3.6rem) !important;
	}

	.wpgranada-meetup-card__image {
		min-height: 220px !important;
	}

	.wpgranada-meetup-card__content {
		padding: 1.5rem !important;
	}
}

/* ==========================================================
   Ajuste final Home - Imagen comunidad y MeetUps más compactas
   ========================================================== */

/* ----------------------------------------------------------
   1. Corrige imagen de comunidad que salía como texto
   ---------------------------------------------------------- */

.wpgranada-community-intro__image {
	display: block !important;
	width: 100% !important;
	min-height: 360px !important;
	margin: 0 !important;
	justify-self: end !important;
	font-size: 0 !important;
	line-height: 0 !important;
	color: transparent !important;
	background-image: url("/wp-content/themes/wpgranada26/assets/images/comunidad-wpgranada.png") !important;
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	border-radius: 28px !important;
	box-shadow: 0 24px 55px rgba(15, 23, 42, 0.18) !important;
	overflow: hidden !important;
}

/* Por si en algún momento aparece un img real dentro */
.wpgranada-community-intro__image img {
	display: none !important;
}

/* ----------------------------------------------------------
   2. MeetUps más compactas y alineadas
   ---------------------------------------------------------- */

.wpgranada-meetups-section {
	box-sizing: border-box !important;
	width: 100% !important;
	margin-top: 0 !important;
	padding: clamp(3.5rem, 5vw, 5rem) clamp(1.25rem, 2vw, 2rem) !important;
	background: #ffffff !important;
}

/* Evita márgenes raros heredados */
.wpgranada-meetups-section .wp-block-group,
.wpgranada-meetups-section .wp-block-group+.wp-block-group {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/* Ancho más controlado para que no parezca gigante */
.wpgranada-meetups-header,
.wpgranada-meetups-grid {
	width: 100% !important;
	max-width: 1400px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Cabecera más compacta */
.wpgranada-meetups-header {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	gap: 2rem !important;
	align-items: end !important;
	margin-bottom: clamp(2rem, 3vw, 3rem) !important;
}

.wpgranada-meetups-heading {
	margin: 0 !important;
}

.wpgranada-meetups-label {
	margin: 0 0 1rem !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 0.78rem !important;
	font-weight: 900 !important;
	line-height: 1.1 !important;
	letter-spacing: 0.13em !important;
	text-transform: uppercase !important;
	color: var(--wp--preset--color--primary) !important;
	text-align: left !important;
}

/* Título más pequeño */
.wpgranada-meetups-title {
	margin: 0 !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: clamp(2.6rem, 4vw, 4.8rem) !important;
	font-weight: 900 !important;
	line-height: 0.98 !important;
	letter-spacing: -0.055em !important;
	color: var(--wp--preset--color--contrast) !important;
	text-align: left !important;
}

/* Botón más pequeño */
.wpgranada-meetups-buttons {
	justify-content: flex-end !important;
	margin: 0 !important;
}

.wpgranada-meetups-button,
.wpgranada-meetups-button .wp-block-button__link {
	margin: 0 !important;
}

.wpgranada-meetups-button .wp-block-button__link {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 48px !important;
	padding: 0.8rem 1.55rem !important;
	border: 1px solid rgba(15, 23, 42, 0.16) !important;
	border-radius: 999px !important;
	background: #ffffff !important;
	color: var(--wp--preset--color--contrast) !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 0.95rem !important;
	font-weight: 900 !important;
	text-decoration: none !important;
	box-shadow: none !important;
}

/* Grid de tarjetas alineado */
.wpgranada-meetups-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: clamp(1.25rem, 2vw, 2.25rem) !important;
	align-items: stretch !important;
}

/* Todas las tarjetas al mismo nivel */
.wpgranada-meetup-card {
	box-sizing: border-box !important;
	display: flex !important;
	flex-direction: column !important;
	width: 100% !important;
	height: 100% !important;
	min-height: 440px !important;
	margin: 0 !important;
	overflow: hidden !important;
	border: 1px solid rgba(15, 23, 42, 0.12) !important;
	border-radius: 16px !important;
	background: #ffffff !important;
	box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06) !important;
	transform: none !important;
}

/* Evita que alguna tarjeta se suba o baje por márgenes internos */
.wpgranada-meetup-card>* {
	margin-top: 0 !important;
}

/* Imagen de cada tarjeta más pequeña */
.wpgranada-meetup-card__image {
	display: block !important;
	width: 100% !important;
	height: 230px !important;
	min-height: 230px !important;
	max-height: 230px !important;
	margin: 0 !important;
	background-color: #0b1f4d !important;
	background-position: center !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	flex-shrink: 0 !important;
}

.wpgranada-meetup-card__image--ia {
	background-image:
		linear-gradient(rgba(4, 20, 54, 0.03), rgba(4, 20, 54, 0.03)),
		url("/wp-content/themes/wpgranada26/assets/images/meetup-ia-wordpress.png") !important;
}

.wpgranada-meetup-card__image--block-theme {
	background-image:
		linear-gradient(rgba(4, 20, 54, 0.03), rgba(4, 20, 54, 0.03)),
		url("/wp-content/themes/wpgranada26/assets/images/meetup-block-theme.png") !important;
}

.wpgranada-meetup-card__image--mentalidad {
	background-image:
		linear-gradient(rgba(4, 20, 54, 0.03), rgba(4, 20, 54, 0.03)),
		url("/wp-content/themes/wpgranada26/assets/images/meetup-mentalidad.png") !important;
}

/* Cuerpo más compacto */
.wpgranada-meetup-card__content {
	box-sizing: border-box !important;
	display: flex !important;
	flex: 1 !important;
	flex-direction: column !important;
	padding: 1.45rem 1.55rem 1.6rem !important;
}

/* Meta más pequeña */
.wpgranada-meetup-card__meta {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 1rem !important;
	align-items: center !important;
	margin: 0 0 1.35rem !important;
}

.wpgranada-meetup-card__tag {
	display: inline-flex !important;
	align-items: center !important;
	padding: 0.55rem 0.95rem !important;
	border-radius: 999px !important;
	background: #fff1e7 !important;
	color: var(--wp--preset--color--accent) !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 0.82rem !important;
	font-weight: 900 !important;
	line-height: 1 !important;
}

.wpgranada-meetup-card__date {
	color: #7a8194 !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 0.82rem !important;
	font-weight: 900 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
}

/* Títulos de tarjeta más pequeños */
.wpgranada-meetup-card__title {
	margin: 0 0 1.5rem !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: clamp(1.35rem, 1.55vw, 1.8rem) !important;
	font-weight: 900 !important;
	line-height: 1.12 !important;
	letter-spacing: -0.035em !important;
	color: #0b2743 !important;
}

/* Enlace inferior */
.wpgranada-meetup-card__link {
	margin-top: auto !important;
	color: var(--wp--preset--color--primary) !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 0.98rem !important;
	font-weight: 700 !important;
	text-decoration: none !important;
}

/* ----------------------------------------------------------
   Responsive
   ---------------------------------------------------------- */

@media (max-width: 1200px) {
	.wpgranada-meetups-grid {
		grid-template-columns: 1fr !important;
		max-width: 760px !important;
	}

	.wpgranada-meetup-card {
		min-height: auto !important;
	}

	.wpgranada-meetup-card__image {
		height: 260px !important;
		min-height: 260px !important;
		max-height: 260px !important;
	}
}

@media (max-width: 900px) {
	.wpgranada-meetups-header {
		grid-template-columns: 1fr !important;
		align-items: start !important;
	}

	.wpgranada-meetups-buttons {
		justify-content: flex-start !important;
	}

	.wpgranada-meetups-title {
		font-size: clamp(2.4rem, 9vw, 3.6rem) !important;
	}
}

@media (max-width: 700px) {
	.wpgranada-community-intro__image {
		min-height: 260px !important;
		border-radius: 20px !important;
	}

	.wpgranada-meetups-section {
		padding: 3.5rem 1.25rem !important;
	}

	.wpgranada-meetups-title {
		font-size: clamp(2.2rem, 10vw, 3.2rem) !important;
	}

	.wpgranada-meetup-card__image {
		height: 210px !important;
		min-height: 210px !important;
		max-height: 210px !important;
	}

	.wpgranada-meetup-card__content {
		padding: 1.35rem !important;
	}

	.wpgranada-meetup-card__title {
		font-size: 1.45rem !important;
	}
}

/* ==========================================================
   Home - Conecta con nosotros según Figma
   ========================================================== */

/* Ocultamos la sección antigua de canales si aparece desde el patrón */
.wpgranada-home .channel-card,
.wpgranada-home .wpgranada-channels,
.wpgranada-home .channels-section {
	display: none !important;
}

.wpgranada-connect-section {
	box-sizing: border-box !important;
	width: 100% !important;
	margin-top: 0 !important;
	padding: clamp(4.5rem, 7vw, 6.5rem) clamp(1.25rem, 2vw, 2rem) !important;
	background: #f3f6fb !important;
}

.wpgranada-connect-section .wp-block-group,
.wpgranada-connect-section .wp-block-group+.wp-block-group {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.wpgranada-connect-inner {
	width: 100% !important;
	max-width: 1500px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.wpgranada-connect-label {
	margin: 0 0 1.25rem !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 0.78rem !important;
	font-weight: 900 !important;
	line-height: 1.1 !important;
	letter-spacing: 0.14em !important;
	text-transform: uppercase !important;
	color: var(--wp--preset--color--primary) !important;
	text-align: left !important;
}

.wpgranada-connect-title {
	margin: 0 0 clamp(2.8rem, 4vw, 4rem) !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: clamp(2.6rem, 4.2vw, 4.8rem) !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	letter-spacing: -0.055em !important;
	color: var(--wp--preset--color--contrast) !important;
	text-align: left !important;
}

.wpgranada-connect-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: clamp(1.5rem, 2.2vw, 2rem) !important;
	align-items: stretch !important;
}

.wpgranada-connect-card {
	box-sizing: border-box !important;
	display: flex !important;
	flex-direction: column !important;
	min-height: 250px !important;
	padding: clamp(1.8rem, 2.6vw, 2.5rem) !important;
	border: 1px solid rgba(15, 23, 42, 0.10) !important;
	border-radius: 18px !important;
	background: #ffffff !important;
	box-shadow: 0 10px 26px rgba(15, 23, 42, 0.05) !important;
}

.wpgranada-connect-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 52px !important;
	height: 52px !important;
	margin: 0 0 1.3rem !important;
	border-radius: 14px !important;
	flex-shrink: 0 !important;
}

.wpgranada-connect-icon--blue {
	background: #eef2ff !important;
	color: var(--wp--preset--color--primary) !important;
}

.wpgranada-connect-icon--orange {
	background: #fff1e7 !important;
	color: var(--wp--preset--color--accent) !important;
}

.wpgranada-connect-card h3 {
	margin: 0 0 0.85rem !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: clamp(1.35rem, 1.8vw, 1.7rem) !important;
	font-weight: 900 !important;
	line-height: 1.1 !important;
	letter-spacing: -0.035em !important;
	color: var(--wp--preset--color--contrast) !important;
}

.wpgranada-connect-card p {
	margin: 0 0 1.5rem !important;
	max-width: 420px !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 1rem !important;
	font-weight: 400 !important;
	line-height: 1.55 !important;
	color: var(--wp--preset--color--secondary) !important;
}

.wpgranada-connect-card a {
	margin-top: auto !important;
	color: var(--wp--preset--color--primary) !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 1rem !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	text-decoration: none !important;
}

.wpgranada-connect-card a:hover {
	color: var(--wp--preset--color--primary) !important;
	text-decoration: underline !important;
	text-underline-offset: 0.2em !important;
}

/* Responsive */
@media (max-width: 1100px) {
	.wpgranada-connect-grid {
		grid-template-columns: 1fr !important;
		max-width: 760px !important;
	}

	.wpgranada-connect-card {
		min-height: auto !important;
	}
}

@media (max-width: 700px) {
	.wpgranada-connect-section {
		padding: 4rem 1.25rem !important;
	}

	.wpgranada-connect-title {
		font-size: clamp(2.2rem, 10vw, 3.3rem) !important;
		margin-bottom: 2.5rem !important;
	}

	.wpgranada-connect-card {
		padding: 1.6rem !important;
	}

	.wpgranada-connect-icon {
		width: 48px !important;
		height: 48px !important;
	}
}

/* ==========================================================
   Corrección definitiva - CTA Ponente + Newsletter
   ========================================================== */

.wpgranada-speaker-newsletter-section {
	box-sizing: border-box !important;
	width: 100% !important;
	margin-top: 0 !important;
	padding: clamp(4.5rem, 7vw, 6.5rem) clamp(1.25rem, 2vw, 2rem) clamp(5rem, 8vw, 7rem) !important;
	background: #ffffff !important;
}

/* Evita que estilos globales del tema rompan la sección */
.wpgranada-speaker-newsletter-section *,
.wpgranada-speaker-newsletter-section *::before,
.wpgranada-speaker-newsletter-section *::after {
	box-sizing: border-box !important;
}

/* ----------------------------------------------------------
   CTA "¿Quieres ser ponente?"
   ---------------------------------------------------------- */

.wpgranada-speaker-cta {
	width: 100% !important;
	max-width: 1100px !important;
	margin: 0 auto clamp(5.5rem, 9vw, 8.5rem) !important;
	text-align: center !important;
}

.wpgranada-speaker-cta__label {
	margin: 0 0 1.4rem !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 0.78rem !important;
	font-weight: 900 !important;
	line-height: 1.1 !important;
	letter-spacing: 0.14em !important;
	text-transform: uppercase !important;
	color: var(--wp--preset--color--primary) !important;
	text-align: center !important;
}

.wpgranada-speaker-cta h2 {
	margin: 0 0 1.8rem !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: clamp(2.8rem, 4.4vw, 5rem) !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	letter-spacing: -0.055em !important;
	color: var(--wp--preset--color--contrast) !important;
	text-align: center !important;
}

.wpgranada-speaker-cta__text {
	max-width: 960px !important;
	margin: 0 auto 2.4rem !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: clamp(1rem, 1.25vw, 1.18rem) !important;
	font-weight: 400 !important;
	line-height: 1.55 !important;
	color: var(--wp--preset--color--secondary) !important;
	text-align: center !important;
}

.wpgranada-speaker-cta__button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 54px !important;
	padding: 0.95rem 1.8rem !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: var(--wp--preset--color--accent) !important;
	color: #ffffff !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 1rem !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	box-shadow: none !important;
}

.wpgranada-speaker-cta__button:hover {
	transform: translateY(-2px) !important;
	color: #ffffff !important;
	box-shadow: 0 18px 38px rgba(249, 115, 22, 0.22) !important;
}

/* ----------------------------------------------------------
   Newsletter azul
   ---------------------------------------------------------- */

.wpgranada-newsletter-box {
	box-sizing: border-box !important;
	display: grid !important;
	grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1fr) !important;
	gap: clamp(3rem, 6vw, 6rem) !important;
	align-items: center !important;
	width: 100% !important;
	max-width: 1640px !important;
	min-height: clamp(320px, 25vw, 420px) !important;
	margin: 0 auto !important;
	padding: clamp(3rem, 5vw, 4.5rem) clamp(2rem, 5vw, 4.5rem) !important;
	border-radius: 28px !important;
	background: var(--wp--preset--color--primary) !important;
	color: #ffffff !important;
	overflow: hidden !important;
}

.wpgranada-newsletter-box__content {
	max-width: 640px !important;
}

.wpgranada-newsletter-box__label {
	margin: 0 0 1.6rem !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 0.82rem !important;
	font-weight: 900 !important;
	line-height: 1.1 !important;
	letter-spacing: 0.14em !important;
	text-transform: uppercase !important;
	color: rgba(255, 255, 255, 0.72) !important;
}

.wpgranada-newsletter-box h2 {
	margin: 0 0 2rem !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: clamp(2.4rem, 4vw, 4.7rem) !important;
	font-weight: 900 !important;
	line-height: 1.02 !important;
	letter-spacing: -0.055em !important;
	color: #ffffff !important;
}

.wpgranada-newsletter-box h2 span {
	color: var(--wp--preset--color--accent) !important;
}

.wpgranada-newsletter-box__content>p:last-child {
	max-width: 560px !important;
	margin: 0 !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: clamp(1rem, 1.2vw, 1.15rem) !important;
	font-weight: 400 !important;
	line-height: 1.55 !important;
	color: rgba(255, 255, 255, 0.72) !important;
}

.wpgranada-newsletter-form {
	width: 100% !important;
	max-width: 720px !important;
	justify-self: end !important;
}

.wpgranada-newsletter-form__row {
	box-sizing: border-box !important;
	display: flex !important;
	align-items: center !important;
	width: 100% !important;
	min-height: 74px !important;
	padding: 0.45rem !important;
	border: 1px solid rgba(255, 255, 255, 0.20) !important;
	border-radius: 20px !important;
	background: rgba(255, 255, 255, 0.08) !important;
}

.wpgranada-newsletter-form input {
	flex: 1 !important;
	width: 100% !important;
	height: 58px !important;
	padding: 0 1.4rem !important;
	border: 0 !important;
	outline: 0 !important;
	background: transparent !important;
	color: #ffffff !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 1.05rem !important;
}

.wpgranada-newsletter-form input::placeholder {
	color: rgba(255, 255, 255, 0.45) !important;
}

.wpgranada-newsletter-form button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	height: 58px !important;
	min-width: 150px !important;
	padding: 0 1.4rem !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: var(--wp--preset--color--accent) !important;
	color: #ffffff !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 1rem !important;
	font-weight: 900 !important;
	cursor: pointer !important;
}

.wpgranada-newsletter-form>p {
	margin: 1.25rem 0 0 !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 0.9rem !important;
	line-height: 1.5 !important;
	color: rgba(255, 255, 255, 0.43) !important;
}

/* Accesibilidad */
.screen-reader-text {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* Responsive */
@media (max-width: 1000px) {
	.wpgranada-newsletter-box {
		grid-template-columns: 1fr !important;
	}

	.wpgranada-newsletter-form {
		max-width: 100% !important;
		justify-self: start !important;
	}
}

@media (max-width: 700px) {
	.wpgranada-speaker-newsletter-section {
		padding: 4rem 1.25rem 5rem !important;
	}

	.wpgranada-speaker-cta {
		margin-bottom: 4rem !important;
	}

	.wpgranada-speaker-cta h2 {
		font-size: clamp(2.2rem, 10vw, 3.3rem) !important;
	}

	.wpgranada-newsletter-box {
		padding: 2rem 1.5rem !important;
		border-radius: 22px !important;
	}

	.wpgranada-newsletter-box h2 {
		font-size: clamp(2rem, 9vw, 3rem) !important;
	}

	.wpgranada-newsletter-form__row {
		display: block !important;
		min-height: auto !important;
		padding: 0.7rem !important;
	}

	.wpgranada-newsletter-form input {
		height: 52px !important;
		padding: 0 1rem !important;
	}

	.wpgranada-newsletter-form button {
		width: 100% !important;
		height: 52px !important;
		margin-top: 0.5rem !important;
	}
}

/* ==========================================================
   AJUSTE DEFINITIVO HERO PORTADA - SIN DECORACIÓN Y 100% ZOOM
   ========================================================== */

/* ----------------------------------------------------------
   1. Limpieza total de decoraciones antiguas del hero
   ---------------------------------------------------------- */

.wpgranada-home .wpgranada-hero,
.wpgranada-home .wpgranada-hero-v2 {
	background: #ffffff !important;
	background-image: none !important;
	overflow: hidden !important;
}

.wpgranada-home .wpgranada-hero::before,
.wpgranada-home .wpgranada-hero::after,
.wpgranada-home .wpgranada-hero-v2::before,
.wpgranada-home .wpgranada-hero-v2::after,
.wpgranada-hero.wpgranada-hero-v2::before,
.wpgranada-hero.wpgranada-hero-v2::after {
	content: none !important;
	display: none !important;
	background: none !important;
	background-image: none !important;
	width: 0 !important;
	height: 0 !important;
	opacity: 0 !important;
}

/* ----------------------------------------------------------
   2. Hero general más compacto
   ---------------------------------------------------------- */

.wpgranada-home .wpgranada-hero-v2 {
	box-sizing: border-box !important;
	width: 100% !important;
	min-height: auto !important;
	margin: 0 !important;
	padding: clamp(3rem, 4.5vw, 4.8rem) clamp(1.5rem, 4vw, 5rem) clamp(3.5rem, 5vw, 5.5rem) !important;
	background: #ffffff !important;
}

.wpgranada-home .wpgranada-hero-v2 *,
.wpgranada-home .wpgranada-hero-v2 *::before,
.wpgranada-home .wpgranada-hero-v2 *::after {
	box-sizing: border-box !important;
}

/* Contenedor principal */
.wpgranada-home .wpgranada-hero-v2__inner {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(400px, 540px) !important;
	gap: clamp(3rem, 5vw, 5.5rem) !important;
	align-items: center !important;
	width: 100% !important;
	max-width: 1680px !important;
	min-height: auto !important;
	margin: 0 auto !important;
}

/* ----------------------------------------------------------
   3. Columna izquierda reducida
   ---------------------------------------------------------- */

.wpgranada-home .wpgranada-hero-v2__content {
	width: 100% !important;
	max-width: 880px !important;
}

/* Texto pequeño superior */
.wpgranada-home .wpgranada-hero-v2__kicker {
	margin: 0 0 clamp(1.6rem, 2vw, 2.2rem) !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: clamp(0.76rem, 0.85vw, 0.9rem) !important;
	font-weight: 900 !important;
	line-height: 1.1 !important;
	letter-spacing: 0.14em !important;
	text-transform: uppercase !important;
	color: var(--wp--preset--color--primary) !important;
}

/* Título principal reducido y en sans */
.wpgranada-home .wpgranada-hero-v2__title {
	margin: 0 !important;
	max-width: 900px !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: clamp(4.8rem, 7.2vw, 8.4rem) !important;
	font-weight: 900 !important;
	line-height: 0.84 !important;
	letter-spacing: -0.075em !important;
	text-transform: uppercase !important;
	color: var(--wp--preset--color--contrast) !important;
}

/* Claim azul más proporcionado */
.wpgranada-home .wpgranada-hero-v2__claim {
	margin: clamp(1.9rem, 2.8vw, 2.6rem) 0 0 !important;
	max-width: 760px !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: clamp(2.1rem, 3.25vw, 3.8rem) !important;
	font-weight: 900 !important;
	line-height: 1.02 !important;
	letter-spacing: -0.055em !important;
	color: var(--wp--preset--color--primary) !important;
}

/* Texto descriptivo */
.wpgranada-home .wpgranada-hero-v2__text {
	max-width: 760px !important;
	margin: clamp(1.2rem, 1.6vw, 1.6rem) 0 0 !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: clamp(1rem, 1.05vw, 1.12rem) !important;
	font-weight: 400 !important;
	line-height: 1.6 !important;
	letter-spacing: -0.01em !important;
	color: var(--wp--preset--color--secondary) !important;
}

/* Botones */
.wpgranada-home .wpgranada-hero-v2__buttons {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 1rem !important;
	align-items: center !important;
	margin-top: clamp(1.7rem, 2.5vw, 2.4rem) !important;
}

.wpgranada-home .wpgranada-hero-v2__button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 54px !important;
	padding: 0.9rem 1.65rem !important;
	border-radius: 999px !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 0.98rem !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	text-decoration: none !important;
}

.wpgranada-home .wpgranada-hero-v2__button--primary {
	border: 0 !important;
	background: var(--wp--preset--color--accent) !important;
	color: #ffffff !important;
}

.wpgranada-home .wpgranada-hero-v2__button--secondary {
	border: 1px solid rgba(15, 23, 42, 0.16) !important;
	background: #ffffff !important;
	color: var(--wp--preset--color--contrast) !important;
}

/* ----------------------------------------------------------
   4. Tarjeta derecha reducida
   ---------------------------------------------------------- */

.wpgranada-home .wpgranada-hero-event-card {
	display: flex !important;
	flex-direction: column !important;
	width: 100% !important;
	max-width: 540px !important;
	margin: 0 !important;
	justify-self: end !important;
	border-radius: 22px !important;
	background: #fff1e7 !important;
	overflow: hidden !important;
	box-shadow: 0 16px 42px rgba(15, 23, 42, 0.10) !important;
}

/* Imagen completa sin cortar y sin decoración detrás */
.wpgranada-home .wpgranada-hero-event-card__image {
	display: block !important;
	width: 100% !important;
	height: 300px !important;
	min-height: 300px !important;
	max-height: 300px !important;
	margin: 0 !important;
	background-image: url("/wp-content/themes/wpgranada26/assets/images/hero-meetup.png") !important;
	background-color: #071742 !important;
	background-position: center center !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	border-bottom: 6px solid var(--wp--preset--color--accent) !important;
}

/* Contenido de tarjeta */
.wpgranada-home .wpgranada-hero-event-card__content {
	padding: clamp(1.6rem, 2.3vw, 2.2rem) !important;
}

.wpgranada-home .wpgranada-hero-event-card__date {
	margin: 0 0 1.1rem !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 0.8rem !important;
	font-weight: 900 !important;
	line-height: 1.1 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	color: #7a8194 !important;
}

.wpgranada-home .wpgranada-hero-event-card__title {
	margin: 0 0 1rem !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: clamp(1.45rem, 1.8vw, 1.9rem) !important;
	font-weight: 900 !important;
	line-height: 1.12 !important;
	letter-spacing: -0.04em !important;
	color: var(--wp--preset--color--contrast) !important;
}

.wpgranada-home .wpgranada-hero-event-card__text {
	margin: 0 0 1.5rem !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 0.98rem !important;
	line-height: 1.5 !important;
	color: var(--wp--preset--color--secondary) !important;
}

.wpgranada-home .wpgranada-hero-event-card__meta {
	display: flex !important;
	gap: 0.85rem !important;
	align-items: flex-start !important;
	padding-top: 1.25rem !important;
	margin-bottom: 1.45rem !important;
	border-top: 2px solid var(--wp--preset--color--accent) !important;
}

.wpgranada-home .wpgranada-hero-event-card__icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 28px !important;
	height: 28px !important;
	color: var(--wp--preset--color--accent) !important;
	font-size: 1.35rem !important;
	line-height: 1 !important;
}

.wpgranada-home .wpgranada-hero-event-card__meta strong {
	display: block !important;
	margin-bottom: 0.35rem !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 0.95rem !important;
	font-weight: 900 !important;
	color: var(--wp--preset--color--contrast) !important;
}

.wpgranada-home .wpgranada-hero-event-card__meta span {
	display: block !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 0.88rem !important;
	color: #7a8194 !important;
}

.wpgranada-home .wpgranada-hero-event-card__button {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 54px !important;
	width: 100% !important;
	border-radius: 999px !important;
	background: var(--wp--preset--color--accent) !important;
	color: #ffffff !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 0.98rem !important;
	font-weight: 900 !important;
	text-decoration: none !important;
}

/* ----------------------------------------------------------
   5. Ajuste para pantallas medianas
   ---------------------------------------------------------- */

@media (max-width: 1350px) {
	.wpgranada-home .wpgranada-hero-v2__inner {
		grid-template-columns: minmax(0, 1fr) minmax(360px, 480px) !important;
		gap: 3.5rem !important;
	}

	.wpgranada-home .wpgranada-hero-v2__title {
		font-size: clamp(4.2rem, 7vw, 7.4rem) !important;
	}

	.wpgranada-home .wpgranada-hero-v2__claim {
		font-size: clamp(1.9rem, 3vw, 3.3rem) !important;
	}

	.wpgranada-home .wpgranada-hero-event-card {
		max-width: 480px !important;
	}

	.wpgranada-home .wpgranada-hero-event-card__image {
		height: 270px !important;
		min-height: 270px !important;
		max-height: 270px !important;
	}
}

/* ----------------------------------------------------------
   6. Responsive móvil/tablet
   ---------------------------------------------------------- */

@media (max-width: 1050px) {
	.wpgranada-home .wpgranada-hero-v2__inner {
		grid-template-columns: 1fr !important;
		gap: 2.5rem !important;
	}

	.wpgranada-home .wpgranada-hero-event-card {
		max-width: 640px !important;
		justify-self: start !important;
	}

	.wpgranada-home .wpgranada-hero-event-card__image {
		height: 320px !important;
		min-height: 320px !important;
		max-height: 320px !important;
	}
}

@media (max-width: 700px) {
	.wpgranada-home .wpgranada-hero-v2 {
		padding: 3rem 1.25rem 3.5rem !important;
	}

	.wpgranada-home .wpgranada-hero-v2__title {
		font-size: clamp(3.4rem, 17vw, 5.8rem) !important;
		line-height: 0.88 !important;
		letter-spacing: -0.06em !important;
	}

	.wpgranada-home .wpgranada-hero-v2__claim {
		font-size: clamp(2rem, 10vw, 3rem) !important;
	}

	.wpgranada-home .wpgranada-hero-v2__text {
		font-size: 1rem !important;
	}

	.wpgranada-home .wpgranada-hero-v2__buttons {
		align-items: stretch !important;
	}

	.wpgranada-home .wpgranada-hero-v2__button {
		width: 100% !important;
	}

	.wpgranada-home .wpgranada-hero-event-card {
		border-radius: 20px !important;
	}

	.wpgranada-home .wpgranada-hero-event-card__image {
		height: 220px !important;
		min-height: 220px !important;
		max-height: 220px !important;
	}

	.wpgranada-home .wpgranada-hero-event-card__content {
		padding: 1.45rem !important;
	}
}

/* ==========================================================
   AJUSTES BLOG + HEADER - MENÚ, FILTROS Y FOTO DESTACADA
   ========================================================== */

/* ==========================================================
   1. HEADER / MENÚ COMO FIGMA
   ========================================================== */

/* Quita marco, sombra y caja alrededor del menú */
.wp-site-blocks>.wp-block-template-part:first-child .wp-block-navigation,
.wp-site-blocks>.wp-block-template-part:first-child .wp-block-navigation__container,
.wp-site-blocks>.wp-block-template-part:first-child nav {
	border: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
}

/* Si el menú está dentro de un grupo con borde/sombra, lo limpiamos */
.wp-site-blocks>.wp-block-template-part:first-child .wp-block-group {
	box-shadow: none !important;
}

/* Ajusta el header completo para parecerse más al Figma */
.wp-site-blocks>.wp-block-template-part:first-child {
	border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
	background: #ffffff !important;
}

/* Enlaces del menú */
.wp-site-blocks>.wp-block-template-part:first-child .wp-block-navigation-item__content {
	color: #111827 !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 1rem !important;
	font-weight: 700 !important;
	text-decoration: none !important;
}

/* Enlace activo o hover */
.wp-site-blocks>.wp-block-template-part:first-child .wp-block-navigation-item__content:hover,
.wp-site-blocks>.wp-block-template-part:first-child .current-menu-item .wp-block-navigation-item__content {
	color: #3858e9 !important;
}

/* Botón naranja del header */
.wp-site-blocks>.wp-block-template-part:first-child .wp-block-button__link,
.wp-site-blocks>.wp-block-template-part:first-child .wp-element-button {
	min-height: 48px !important;
	padding: 0.85rem 1.55rem !important;
	border-radius: 999px !important;
	background: #ff6b16 !important;
	color: #ffffff !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 0.98rem !important;
	font-weight: 900 !important;
	text-decoration: none !important;
	box-shadow: none !important;
}

/* ==========================================================
   2. FILTROS DEL BLOG CENTRADOS
   ========================================================== */

.wpgranada-blog-filters {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 0.9rem !important;
	width: 100% !important;
	margin: 2rem auto 0 !important;
}

/* Botones de categorías */
.wpgranada-blog-filter {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 42px !important;
	padding: 0.7rem 1.25rem !important;
	border: 1px solid rgba(15, 23, 42, 0.16) !important;
	border-radius: 999px !important;
	background: #ffffff !important;
	color: #111827 !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 0.92rem !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	text-decoration: none !important;
}

/* Botón activo: Todas */
.wpgranada-blog-filter--active {
	background: #111827 !important;
	color: #ffffff !important;
	border-color: #111827 !important;
}

/* Centra también el texto del hero del blog si hiciera falta */
.wpgranada-blog-hero__inner {
	text-align: center !important;
}

.wpgranada-blog-hero__title,
.wpgranada-blog-hero__text {
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: center !important;
}

/* ==========================================================
   3. ARTÍCULO DESTACADO MÁS PEQUEÑO Y FOTO SIN CORTE
   ========================================================== */

/* Hace el bloque destacado más compacto */
.wpgranada-blog-featured {
	padding-top: 2rem !important;
	padding-bottom: 3.5rem !important;
}

/* Caja principal destacada más pequeña */
.wpgranada-blog-featured-card {
	grid-template-columns: minmax(0, 0.95fr) minmax(360px, 0.85fr) !important;
	max-width: 1180px !important;
	border-radius: 22px !important;
}

/* Imagen destacada completa, sin corte */
.wpgranada-blog-featured-card__image {
	min-height: 330px !important;
	height: 330px !important;
	background-size: contain !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-color: #071742 !important;
}

/* Contenido derecho más compacto */
.wpgranada-blog-featured-card__content {
	padding: 2.2rem !important;
}

/* Título destacado más pequeño */
.wpgranada-blog-featured-card__title {
	margin-bottom: 1.2rem !important;
	font-size: clamp(1.9rem, 2.6vw, 2.8rem) !important;
	line-height: 1.06 !important;
	letter-spacing: -0.05em !important;
}

/* Texto descriptivo más compacto */
.wpgranada-blog-featured-card__excerpt {
	margin-bottom: 1.8rem !important;
	font-size: 0.95rem !important;
	line-height: 1.55 !important;
}

/* Autor más pequeño */
.wpgranada-blog-author__avatar {
	width: 40px !important;
	height: 40px !important;
	font-size: 0.82rem !important;
}

.wpgranada-blog-author strong {
	font-size: 0.92rem !important;
}

.wpgranada-blog-author span {
	font-size: 0.84rem !important;
}

/* ==========================================================
   4. REDUCCIÓN GENERAL EXTRA DEL BLOG
   ========================================================== */

.wpgranada-blog-hero {
	padding-top: 3.8rem !important;
	padding-bottom: 2.8rem !important;
}

.wpgranada-blog-hero__title {
	max-width: 1200px !important;
	font-size: clamp(3.2rem, 5vw, 5.6rem) !important;
	line-height: 0.98 !important;
}

.wpgranada-blog-hero__text {
	max-width: 1180px !important;
	font-size: 0.98rem !important;
	line-height: 1.6 !important;
}

/* Cards de abajo algo más compactas */
.wpgranada-blog-grid {
	max-width: 1180px !important;
	gap: 1.25rem !important;
}

.wpgranada-blog-card {
	min-height: 330px !important;
}

.wpgranada-blog-card__image {
	height: 145px !important;
}

.wpgranada-blog-card__body {
	padding: 1rem 1.15rem 1.2rem !important;
}

.wpgranada-blog-card h3 {
	font-size: clamp(1rem, 1.25vw, 1.2rem) !important;
}

/* ==========================================================
   5. RESPONSIVE
   ========================================================== */

@media (max-width: 1050px) {
	.wpgranada-blog-featured-card {
		grid-template-columns: 1fr !important;
		max-width: 760px !important;
	}

	.wpgranada-blog-featured-card__image {
		height: 300px !important;
		min-height: 300px !important;
	}

	.wpgranada-blog-featured-card__content {
		padding: 1.8rem !important;
	}

	.wpgranada-blog-featured-card__title {
		font-size: clamp(1.8rem, 6vw, 2.6rem) !important;
	}
}

@media (max-width: 700px) {
	.wpgranada-blog-filters {
		justify-content: flex-start !important;
	}

	.wpgranada-blog-hero__inner,
	.wpgranada-blog-hero__title,
	.wpgranada-blog-hero__text {
		text-align: left !important;
	}

	.wpgranada-blog-hero__title {
		font-size: clamp(2.6rem, 13vw, 4rem) !important;
	}

	.wpgranada-blog-featured-card__image {
		height: 230px !important;
		min-height: 230px !important;
	}
}

/* ==========================================================
   BLOG PAGE - CORRECCIÓN DEFINITIVA
   ========================================================== */

body:has(.wpgranada-blog-page) .wp-block-post-title,
body:has(.wpgranada-blog-page) h1.entry-title,
body:has(.wpgranada-blog-page) .entry-title,
body.page-id-9 .wp-block-post-title,
body.page-id-9 h1.entry-title,
body.page-id-9 .entry-title {
	display: none !important;
}

body:has(.wpgranada-blog-page) main,
body:has(.wpgranada-blog-page) .wp-block-post-content,
body:has(.wpgranada-blog-page) .entry-content,
body.page-id-9 main,
body.page-id-9 .wp-block-post-content,
body.page-id-9 .entry-content {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #ffffff !important;
}

body.page-id-9 .wp-block-post-title::after,
body.page-id-9 h1::after,
body.page-id-9 h2::after {
	display: none !important;
	content: none !important;
}

.wpgranada-blog-page {
	width: 100% !important;
	background: #ffffff !important;
	color: #111827 !important;
	overflow-x: hidden !important;
}

.wpgranada-blog-page *,
.wpgranada-blog-page *::before,
.wpgranada-blog-page *::after {
	box-sizing: border-box !important;
}

.wpgranada-blog-page h1,
.wpgranada-blog-page h2,
.wpgranada-blog-page h3,
.wpgranada-blog-page p,
.wpgranada-blog-page a,
.wpgranada-blog-page span,
.wpgranada-blog-page button,
.wpgranada-blog-page input {
	font-family: Inter, Arial, Helvetica, sans-serif !important;
}

/* Header - quita marco del menú */
.wp-site-blocks>.wp-block-template-part:first-child .wp-block-navigation,
.wp-site-blocks>.wp-block-template-part:first-child .wp-block-navigation__container,
.wp-site-blocks>.wp-block-template-part:first-child nav {
	border: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
}

/* Hero blog */
.wpgranada-blog-hero {
	padding: 4rem 2rem 3rem !important;
	background:
		radial-gradient(circle at 92% 12%, rgba(249, 115, 22, 0.08), transparent 24rem),
		#ffffff !important;
}

.wpgranada-blog-hero__inner {
	max-width: 1280px !important;
	margin: 0 auto !important;
	text-align: center !important;
}

.wpgranada-blog-hero__title {
	max-width: 1160px !important;
	margin: 0 auto 1.5rem !important;
	font-size: clamp(3rem, 4.6vw, 5.2rem) !important;
	font-weight: 900 !important;
	line-height: 0.98 !important;
	letter-spacing: -0.065em !important;
	text-align: center !important;
	color: #111827 !important;
}

.wpgranada-blog-hero__title span {
	color: #3858e9 !important;
}

.wpgranada-blog-hero__text {
	max-width: 1080px !important;
	margin: 0 auto 1.9rem !important;
	font-size: 1rem !important;
	line-height: 1.6 !important;
	text-align: center !important;
	color: #4b5563 !important;
}

.wpgranada-blog-filters {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 0.85rem !important;
	margin: 0 auto !important;
}

.wpgranada-blog-filter {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 42px !important;
	padding: 0.7rem 1.2rem !important;
	border: 1px solid rgba(15, 23, 42, 0.16) !important;
	border-radius: 999px !important;
	background: #ffffff !important;
	color: #111827 !important;
	font-size: 0.92rem !important;
	font-weight: 800 !important;
	text-decoration: none !important;
}

.wpgranada-blog-filter--active {
	background: #111827 !important;
	color: #ffffff !important;
	border-color: #111827 !important;
}

/* Artículo destacado */
.wpgranada-blog-featured {
	padding: 2rem 2rem 3.8rem !important;
	background: #ffffff !important;
}

.wpgranada-blog-featured-card {
	display: grid !important;
	grid-template-columns: minmax(0, 0.92fr) minmax(340px, 0.9fr) !important;
	max-width: 1180px !important;
	margin: 0 auto !important;
	overflow: hidden !important;
	border: 1px solid rgba(15, 23, 42, 0.10) !important;
	border-radius: 22px !important;
	background: #ffffff !important;
	box-shadow: 0 14px 34px rgba(15, 23, 42, 0.07) !important;
}

.wpgranada-blog-featured-card__image {
	min-height: 300px !important;
	height: 300px !important;
	background-color: #071742 !important;
	background-position: center center !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
}

.wpgranada-blog-featured-card__content {
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	padding: 2.1rem !important;
}

.wpgranada-blog-featured-card__title {
	margin: 0 0 1.15rem !important;
	font-size: clamp(1.8rem, 2.45vw, 2.65rem) !important;
	font-weight: 900 !important;
	line-height: 1.06 !important;
	letter-spacing: -0.05em !important;
	text-align: left !important;
	color: #111827 !important;
}

.wpgranada-blog-featured-card__excerpt {
	margin: 0 0 1.6rem !important;
	font-size: 0.94rem !important;
	line-height: 1.56 !important;
	color: #4b5563 !important;
}

/* Imágenes */
.wpgranada-blog-image--ia {
	background-image: url("/wp-content/themes/wpgranada26/assets/images/meetup-ia-wordpress.png") !important;
}

.wpgranada-blog-image--block-theme {
	background-image: url("/wp-content/themes/wpgranada26/assets/images/meetup-block-theme.png") !important;
}

.wpgranada-blog-image--mentalidad {
	background-image: url("/wp-content/themes/wpgranada26/assets/images/meetup-mentalidad.png") !important;
}

/* Meta */
.wpgranada-blog-card__meta {
	display: flex !important;
	align-items: center !important;
	gap: 0.85rem !important;
	margin: 0 0 1rem !important;
}

.wpgranada-blog-card__tag {
	display: inline-flex !important;
	padding: 0.42rem 0.72rem !important;
	border-radius: 999px !important;
	background: #fff1e7 !important;
	color: #f97316 !important;
	font-size: 0.68rem !important;
	font-weight: 900 !important;
	line-height: 1 !important;
}

.wpgranada-blog-card__date {
	color: #7a8194 !important;
	font-size: 0.68rem !important;
	font-weight: 900 !important;
	letter-spacing: 0.12em !important;
}

/* Autor */
.wpgranada-blog-author {
	display: flex !important;
	align-items: center !important;
	gap: 0.85rem !important;
}

.wpgranada-blog-author__avatar {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 40px !important;
	height: 40px !important;
	border-radius: 999px !important;
	background: #eef2ff !important;
	color: #3858e9 !important;
	font-size: 0.82rem !important;
	font-weight: 900 !important;
}

.wpgranada-blog-author strong {
	display: block !important;
	font-size: 0.9rem !important;
	font-weight: 900 !important;
}

.wpgranada-blog-author span {
	display: block !important;
	font-size: 0.82rem !important;
	color: #7a8194 !important;
}

/* Posts */
.wpgranada-blog-posts {
	padding: 3.4rem 2rem !important;
	background: #ffffff !important;
}

.wpgranada-blog-posts__header {
	display: flex !important;
	justify-content: space-between !important;
	gap: 2rem !important;
	align-items: end !important;
	max-width: 1180px !important;
	margin: 0 auto 2rem !important;
}

.wpgranada-blog-posts__header h2 {
	margin: 0 !important;
	font-size: clamp(1.7rem, 2.2vw, 2.2rem) !important;
	font-weight: 900 !important;
	color: #111827 !important;
}

.wpgranada-blog-posts__header p {
	margin: 0 !important;
	font-size: 0.78rem !important;
	color: #7a8194 !important;
}

.wpgranada-blog-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 1.25rem !important;
	max-width: 1180px !important;
	margin: 0 auto !important;
}

.wpgranada-blog-card {
	display: flex !important;
	flex-direction: column !important;
	min-height: 330px !important;
	overflow: hidden !important;
	border: 1px solid rgba(15, 23, 42, 0.10) !important;
	border-radius: 14px !important;
	background: #ffffff !important;
}

.wpgranada-blog-card__image {
	height: 145px !important;
	background-position: center !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
}

.wpgranada-blog-card__body {
	display: flex !important;
	flex: 1 !important;
	flex-direction: column !important;
	padding: 1rem 1.15rem 1.2rem !important;
}

.wpgranada-blog-card h3 {
	margin: 0 0 1.1rem !important;
	font-size: clamp(1rem, 1.25vw, 1.2rem) !important;
	font-weight: 900 !important;
	line-height: 1.14 !important;
	color: #0b2743 !important;
}

.wpgranada-blog-card a {
	margin-top: auto !important;
	color: #3858e9 !important;
	font-size: 0.82rem !important;
	font-weight: 700 !important;
	text-decoration: none !important;
}

/* Pagination */
.wpgranada-blog-pagination {
	display: flex !important;
	justify-content: center !important;
	gap: 0.55rem !important;
	margin: 2.4rem auto 0 !important;
}

.wpgranada-blog-pagination a,
.wpgranada-blog-pagination span {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 30px !important;
	height: 30px !important;
	border: 1px solid rgba(15, 23, 42, 0.12) !important;
	border-radius: 9px !important;
	color: #111827 !important;
	font-size: 0.82rem !important;
	font-weight: 700 !important;
	text-decoration: none !important;
}

.wpgranada-blog-pagination .is-active {
	background: #111827 !important;
	color: #ffffff !important;
}

/* Responsive */
@media (max-width: 1050px) {
	.wpgranada-blog-featured-card {
		grid-template-columns: 1fr !important;
	}

	.wpgranada-blog-featured-card__image {
		height: 260px !important;
		min-height: 260px !important;
	}

	.wpgranada-blog-grid {
		grid-template-columns: 1fr !important;
	}
}

/* ==========================================================
   BLOG PAGE - CORRECCIÓN FINAL SECCIÓN CONECTA + PONENTE + NEWSLETTER
   ========================================================== */

/* ==========================================================
   CONECTA CON NOSOTROS - BLOG
   ========================================================== */

.wpgranada-blog-connect-section {
	box-sizing: border-box !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 4.5rem 2rem !important;
	background: #f3f6fb !important;
}

.wpgranada-blog-connect-inner {
	width: 100% !important;
	max-width: 1180px !important;
	margin: 0 auto !important;
}

.wpgranada-blog-connect-label {
	margin: 0 0 0.9rem !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 0.68rem !important;
	font-weight: 900 !important;
	line-height: 1.1 !important;
	letter-spacing: 0.15em !important;
	text-transform: uppercase !important;
	color: #3858e9 !important;
	text-align: left !important;
}

.wpgranada-blog-connect-title {
	margin: 0 0 2.5rem !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: clamp(2.1rem, 3.2vw, 3.3rem) !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	letter-spacing: -0.055em !important;
	color: #111827 !important;
	text-align: left !important;
}

.wpgranada-blog-connect-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 1.4rem !important;
	width: 100% !important;
}

.wpgranada-blog-connect-card {
	box-sizing: border-box !important;
	display: flex !important;
	flex-direction: column !important;
	min-height: 185px !important;
	padding: 1.65rem !important;
	border: 1px solid rgba(15, 23, 42, 0.10) !important;
	border-radius: 14px !important;
	background: #ffffff !important;
	box-shadow: 0 8px 22px rgba(15, 23, 42, 0.04) !important;
}

.wpgranada-blog-connect-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 38px !important;
	height: 38px !important;
	margin: 0 0 1rem !important;
	border-radius: 11px !important;
	flex-shrink: 0 !important;
}

.wpgranada-blog-connect-icon--blue {
	background: #eef2ff !important;
	color: #3858e9 !important;
}

.wpgranada-blog-connect-icon--orange {
	background: #fff1e7 !important;
	color: #f97316 !important;
}

.wpgranada-blog-connect-card h3 {
	margin: 0 0 0.65rem !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 1.08rem !important;
	font-weight: 900 !important;
	line-height: 1.1 !important;
	color: #111827 !important;
	text-align: left !important;
}

.wpgranada-blog-connect-card p {
	margin: 0 0 1rem !important;
	max-width: none !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 0.86rem !important;
	font-weight: 400 !important;
	line-height: 1.55 !important;
	color: #4b5563 !important;
	text-align: left !important;
}

.wpgranada-blog-connect-card a {
	margin-top: auto !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 0.82rem !important;
	font-weight: 700 !important;
	color: #3858e9 !important;
	text-decoration: none !important;
}

.wpgranada-blog-connect-card a:hover {
	text-decoration: underline !important;
	text-underline-offset: 0.2em !important;
}

/* ==========================================================
   ¿QUIERES SER PONENTE? - BLOG
   ========================================================== */

.wpgranada-blog-speaker-newsletter-section {
	box-sizing: border-box !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 4.2rem 2rem 5rem !important;
	background: #ffffff !important;
}

.wpgranada-blog-speaker-cta {
	width: 100% !important;
	max-width: 820px !important;
	margin: 0 auto 4.8rem !important;
	text-align: center !important;
}

.wpgranada-blog-speaker-cta__label {
	margin: 0 0 0.85rem !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 0.68rem !important;
	font-weight: 900 !important;
	line-height: 1.1 !important;
	letter-spacing: 0.15em !important;
	text-transform: uppercase !important;
	color: #3858e9 !important;
	text-align: center !important;
}

.wpgranada-blog-speaker-cta h2 {
	margin: 0 0 1.15rem !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: clamp(2.1rem, 3.2vw, 3.4rem) !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	letter-spacing: -0.055em !important;
	color: #111827 !important;
	text-align: center !important;
}

.wpgranada-blog-speaker-cta p:not(.wpgranada-blog-speaker-cta__label) {
	max-width: 720px !important;
	margin: 0 auto 1.7rem !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 0.92rem !important;
	font-weight: 400 !important;
	line-height: 1.55 !important;
	color: #4b5563 !important;
	text-align: center !important;
}

.wpgranada-blog-speaker-cta a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 44px !important;
	padding: 0.78rem 1.35rem !important;
	border-radius: 999px !important;
	background: #f97316 !important;
	color: #ffffff !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 0.9rem !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	box-shadow: none !important;
}

.wpgranada-blog-speaker-cta a:hover {
	color: #ffffff !important;
	transform: translateY(-1px) !important;
}

/* ==========================================================
   NEWSLETTER AZUL - BLOG
   ========================================================== */

.wpgranada-blog-newsletter-box {
	box-sizing: border-box !important;
	display: grid !important;
	grid-template-columns: minmax(0, 0.9fr) minmax(340px, 1fr) !important;
	gap: 2.5rem !important;
	align-items: center !important;
	width: 100% !important;
	max-width: 1180px !important;
	min-height: 260px !important;
	margin: 0 auto !important;
	padding: 3rem !important;
	border-radius: 24px !important;
	background: #3858e9 !important;
	color: #ffffff !important;
	overflow: hidden !important;
}

.wpgranada-blog-newsletter-box__content {
	max-width: 560px !important;
}

.wpgranada-blog-newsletter-box__label {
	margin: 0 0 1rem !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 0.68rem !important;
	font-weight: 900 !important;
	line-height: 1.1 !important;
	letter-spacing: 0.15em !important;
	text-transform: uppercase !important;
	color: rgba(255, 255, 255, 0.72) !important;
	text-align: left !important;
}

.wpgranada-blog-newsletter-box h2 {
	margin: 0 0 1.3rem !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: clamp(1.9rem, 3vw, 3.2rem) !important;
	font-weight: 900 !important;
	line-height: 1.02 !important;
	letter-spacing: -0.055em !important;
	color: #ffffff !important;
	text-align: left !important;
}

.wpgranada-blog-newsletter-box h2 span {
	color: #f97316 !important;
}

.wpgranada-blog-newsletter-box__content>p:last-child {
	max-width: 500px !important;
	margin: 0 !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 0.88rem !important;
	font-weight: 400 !important;
	line-height: 1.55 !important;
	color: rgba(255, 255, 255, 0.72) !important;
	text-align: left !important;
}

.wpgranada-blog-newsletter-form {
	width: 100% !important;
	max-width: 560px !important;
	justify-self: end !important;
}

.wpgranada-blog-newsletter-form__row {
	box-sizing: border-box !important;
	display: flex !important;
	align-items: center !important;
	width: 100% !important;
	min-height: 58px !important;
	padding: 0.35rem !important;
	border: 1px solid rgba(255, 255, 255, 0.20) !important;
	border-radius: 16px !important;
	background: rgba(255, 255, 255, 0.08) !important;
}

.wpgranada-blog-newsletter-form input {
	flex: 1 !important;
	width: 100% !important;
	height: 46px !important;
	padding: 0 1rem !important;
	border: 0 !important;
	outline: 0 !important;
	background: transparent !important;
	color: #ffffff !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 0.92rem !important;
}

.wpgranada-blog-newsletter-form input::placeholder {
	color: rgba(255, 255, 255, 0.45) !important;
}

.wpgranada-blog-newsletter-form button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	height: 46px !important;
	min-width: 126px !important;
	padding: 0 1.1rem !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: #f97316 !important;
	color: #ffffff !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 0.88rem !important;
	font-weight: 900 !important;
	cursor: pointer !important;
}

.wpgranada-blog-newsletter-form>p {
	margin: 0.85rem 0 0 !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 0.78rem !important;
	line-height: 1.45 !important;
	color: rgba(255, 255, 255, 0.45) !important;
	text-align: left !important;
}

/* ==========================================================
   RESPONSIVE FINAL BLOG
   ========================================================== */

@media (max-width: 1050px) {
	.wpgranada-blog-connect-grid {
		grid-template-columns: 1fr !important;
	}

	.wpgranada-blog-newsletter-box {
		grid-template-columns: 1fr !important;
	}

	.wpgranada-blog-newsletter-form {
		max-width: 100% !important;
		justify-self: start !important;
	}
}

@media (max-width: 700px) {

	.wpgranada-blog-connect-section,
	.wpgranada-blog-speaker-newsletter-section {
		padding-left: 1.25rem !important;
		padding-right: 1.25rem !important;
	}

	.wpgranada-blog-connect-title,
	.wpgranada-blog-speaker-cta h2 {
		font-size: clamp(2rem, 10vw, 3rem) !important;
	}

	.wpgranada-blog-newsletter-box {
		padding: 2rem 1.35rem !important;
		border-radius: 20px !important;
	}

	.wpgranada-blog-newsletter-box h2 {
		font-size: clamp(1.8rem, 9vw, 2.7rem) !important;
	}

	.wpgranada-blog-newsletter-form__row {
		display: block !important;
		min-height: auto !important;
		padding: 0.55rem !important;
	}

	.wpgranada-blog-newsletter-form input {
		height: 46px !important;
		padding: 0 0.8rem !important;
	}

	.wpgranada-blog-newsletter-form button {
		width: 100% !important;
		margin-top: 0.45rem !important;
	}
}

/* ==========================================================
   SOBRE NOSOTROS - PÁGINA COMPLETA SEGÚN FIGMA
   ========================================================== */

/* Oculta título automático antiguo de la página */
body:has(.wpgranada-about-page) .wp-block-post-title,
body:has(.wpgranada-about-page) h1.entry-title,
body:has(.wpgranada-about-page) .entry-title {
	display: none !important;
}

/* Limpia contenedores de WordPress */
body:has(.wpgranada-about-page) main,
body:has(.wpgranada-about-page) .wp-block-post-content,
body:has(.wpgranada-about-page) .entry-content {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #ffffff !important;
}

body:has(.wpgranada-about-page) .wp-block-post-content>*,
body:has(.wpgranada-about-page) .entry-content>* {
	max-width: none !important;
}

/* Base */
.wpgranada-about-page {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow-x: hidden !important;
	background: #ffffff !important;
	color: #111827 !important;
}

.wpgranada-about-page *,
.wpgranada-about-page *::before,
.wpgranada-about-page *::after {
	box-sizing: border-box !important;
}

.wpgranada-about-page h1,
.wpgranada-about-page h2,
.wpgranada-about-page h3,
.wpgranada-about-page p,
.wpgranada-about-page a,
.wpgranada-about-page span,
.wpgranada-about-page input,
.wpgranada-about-page button {
	font-family: Inter, Arial, Helvetica, sans-serif !important;
}

/* ==========================================================
   HERO SOBRE NOSOTROS
   ========================================================== */

.wpgranada-about-hero {
	width: 100% !important;
	padding: 6rem 2rem 5rem !important;
	background:
		radial-gradient(circle at 92% 10%, rgba(249, 115, 22, 0.08), transparent 24rem),
		#ffffff !important;
}

.wpgranada-about-hero__inner {
	display: grid !important;
	grid-template-columns: minmax(0, 0.95fr) minmax(420px, 1fr) !important;
	gap: clamp(3rem, 6vw, 6rem) !important;
	align-items: center !important;
	width: 100% !important;
	max-width: 1280px !important;
	margin: 0 auto !important;
}

.wpgranada-about-hero__content {
	max-width: 620px !important;
}

.wpgranada-about-kicker {
	margin: 0 0 1.4rem !important;
	color: #3858e9 !important;
	font-size: clamp(3rem, 5vw, 4.8rem) !important;
	font-weight: 900 !important;
	line-height: 0.95 !important;
	letter-spacing: -0.065em !important;
}

.wpgranada-about-title {
	margin: 0 0 1.6rem !important;
	color: #111827 !important;
	font-size: clamp(2rem, 3.4vw, 3rem) !important;
	font-weight: 900 !important;
	line-height: 1.06 !important;
	letter-spacing: -0.055em !important;
}

.wpgranada-about-hero__content p:not(.wpgranada-about-kicker) {
	margin: 0 0 1.35rem !important;
	color: #374151 !important;
	font-size: 1rem !important;
	line-height: 1.7 !important;
}

.wpgranada-about-hero__image {
	display: block !important;
	width: 100% !important;
	height: 330px !important;
	margin: 0 !important;
	border-radius: 22px !important;
	background-image: url("/wp-content/themes/wpgranada26/assets/images/about-hero.png") !important;
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	box-shadow: 0 22px 45px rgba(15, 23, 42, 0.22) !important;
}

/* ==========================================================
   ESTADÍSTICAS AZULES
   ========================================================== */

.wpgranada-about-stats {
	width: 100% !important;
	padding: 5rem 2rem 5.5rem !important;
	background: #3858e9 !important;
	color: #ffffff !important;
}

.wpgranada-about-stats__inner {
	max-width: 1280px !important;
	margin: 0 auto !important;
}

.wpgranada-about-stats__heading {
	text-align: center !important;
	margin-bottom: 3rem !important;
}

.wpgranada-about-stats__heading h2 {
	margin: 0 0 0.8rem !important;
	color: #ffffff !important;
	font-size: clamp(2rem, 3.2vw, 3rem) !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	letter-spacing: -0.055em !important;
}

.wpgranada-about-stats__heading p {
	margin: 0 !important;
	color: rgba(255, 255, 255, 0.75) !important;
	font-size: 1rem !important;
}

.wpgranada-about-stats__grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 1.5rem !important;
}

.wpgranada-about-stat-card {
	padding: 3rem 2rem !important;
	border: 1px solid rgba(255, 255, 255, 0.22) !important;
	border-radius: 16px !important;
	background: rgba(255, 255, 255, 0.10) !important;
	text-align: center !important;
}

.wpgranada-about-stat-card strong {
	display: block !important;
	margin-bottom: 0.7rem !important;
	color: #ffffff !important;
	font-size: clamp(2rem, 3.4vw, 3rem) !important;
	font-weight: 900 !important;
	line-height: 1 !important;
}

.wpgranada-about-stat-card span {
	color: rgba(255, 255, 255, 0.78) !important;
	font-size: 1rem !important;
}

/* ==========================================================
   CÓMO NOS ORGANIZAMOS
   ========================================================== */

.wpgranada-about-organization {
	width: 100% !important;
	padding: 5.5rem 2rem !important;
	background: #ffffff !important;
}

.wpgranada-about-organization__inner {
	display: grid !important;
	grid-template-columns: minmax(360px, 0.9fr) minmax(0, 1fr) !important;
	gap: clamp(3rem, 6vw, 5.5rem) !important;
	align-items: center !important;
	max-width: 1180px !important;
	margin: 0 auto !important;
}

.wpgranada-about-organization__image {
	display: block !important;
	width: 100% !important;
	height: 280px !important;
	margin: 0 !important;
	border-radius: 16px !important;
	background-image: url("/wp-content/themes/wpgranada26/assets/images/about-organizacion.png") !important;
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	box-shadow: 0 18px 34px rgba(15, 23, 42, 0.18) !important;
}

.wpgranada-about-organization__content h2 {
	margin: 0 0 1.5rem !important;
	color: #111827 !important;
	font-size: clamp(2rem, 3vw, 2.7rem) !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	letter-spacing: -0.055em !important;
}

.wpgranada-about-organization__content p {
	margin: 0 0 1.15rem !important;
	color: #374151 !important;
	font-size: 0.95rem !important;
	line-height: 1.65 !important;
}

/* ==========================================================
   CONECTA CON NOSOTROS
   ========================================================== */

.wpgranada-about-connect-section {
	width: 100% !important;
	padding: 4.5rem 2rem !important;
	background: #f3f6fb !important;
}

.wpgranada-about-connect-inner {
	max-width: 1180px !important;
	margin: 0 auto !important;
}

.wpgranada-about-section-label {
	margin: 0 0 0.9rem !important;
	color: #3858e9 !important;
	font-size: 0.68rem !important;
	font-weight: 900 !important;
	letter-spacing: 0.15em !important;
	text-transform: uppercase !important;
}

.wpgranada-about-connect-inner>h2 {
	margin: 0 0 2.5rem !important;
	color: #111827 !important;
	font-size: clamp(2.1rem, 3.2vw, 3.3rem) !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	letter-spacing: -0.055em !important;
}

.wpgranada-about-connect-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 1.4rem !important;
}

.wpgranada-about-connect-card {
	display: flex !important;
	flex-direction: column !important;
	min-height: 190px !important;
	padding: 1.65rem !important;
	border: 1px solid rgba(15, 23, 42, 0.10) !important;
	border-radius: 14px !important;
	background: #ffffff !important;
	box-shadow: 0 8px 22px rgba(15, 23, 42, 0.04) !important;
}

.wpgranada-about-connect-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 38px !important;
	height: 38px !important;
	margin: 0 0 1rem !important;
	border-radius: 11px !important;
}

.wpgranada-about-connect-icon--blue {
	background: #eef2ff !important;
	color: #3858e9 !important;
}

.wpgranada-about-connect-icon--orange {
	background: #fff1e7 !important;
	color: #f97316 !important;
}

.wpgranada-about-connect-card h3 {
	margin: 0 0 0.65rem !important;
	color: #111827 !important;
	font-size: 1.08rem !important;
	font-weight: 900 !important;
}

.wpgranada-about-connect-card p {
	margin: 0 0 1rem !important;
	color: #4b5563 !important;
	font-size: 0.86rem !important;
	line-height: 1.55 !important;
}

.wpgranada-about-connect-card a {
	margin-top: auto !important;
	color: #3858e9 !important;
	font-size: 0.82rem !important;
	font-weight: 700 !important;
	text-decoration: none !important;
}

/* ==========================================================
   PONENTE + NEWSLETTER
   ========================================================== */

.wpgranada-about-speaker-newsletter-section {
	width: 100% !important;
	padding: 4.5rem 2rem 5.5rem !important;
	background: #ffffff !important;
}

.wpgranada-about-speaker-cta {
	max-width: 860px !important;
	margin: 0 auto 5rem !important;
	text-align: center !important;
}

.wpgranada-about-speaker-cta .wpgranada-about-section-label {
	text-align: center !important;
}

.wpgranada-about-speaker-cta h2 {
	margin: 0 0 1.15rem !important;
	color: #111827 !important;
	font-size: clamp(2.1rem, 3.2vw, 3.4rem) !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	letter-spacing: -0.055em !important;
}

.wpgranada-about-speaker-cta p:not(.wpgranada-about-section-label) {
	max-width: 720px !important;
	margin: 0 auto 1.7rem !important;
	color: #4b5563 !important;
	font-size: 0.92rem !important;
	line-height: 1.55 !important;
}

.wpgranada-about-speaker-button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 44px !important;
	padding: 0.78rem 1.35rem !important;
	border-radius: 999px !important;
	background: #f97316 !important;
	color: #ffffff !important;
	font-size: 0.9rem !important;
	font-weight: 900 !important;
	text-decoration: none !important;
}

/* Newsletter */
.wpgranada-about-newsletter-box {
	display: grid !important;
	grid-template-columns: minmax(0, 0.9fr) minmax(340px, 1fr) !important;
	gap: 2.5rem !important;
	align-items: center !important;
	max-width: 1180px !important;
	min-height: 260px !important;
	margin: 0 auto !important;
	padding: 3rem !important;
	border-radius: 24px !important;
	background: #3858e9 !important;
	color: #ffffff !important;
}

.wpgranada-about-newsletter-label {
	margin: 0 0 1rem !important;
	color: rgba(255, 255, 255, 0.72) !important;
	font-size: 0.68rem !important;
	font-weight: 900 !important;
	letter-spacing: 0.15em !important;
	text-transform: uppercase !important;
}

.wpgranada-about-newsletter-box h2 {
	margin: 0 0 1.3rem !important;
	color: #ffffff !important;
	font-size: clamp(1.9rem, 3vw, 3.2rem) !important;
	font-weight: 900 !important;
	line-height: 1.02 !important;
	letter-spacing: -0.055em !important;
}

.wpgranada-about-newsletter-box h2 span {
	color: #f97316 !important;
}

.wpgranada-about-newsletter-box__content>p:last-child {
	max-width: 500px !important;
	margin: 0 !important;
	color: rgba(255, 255, 255, 0.72) !important;
	font-size: 0.88rem !important;
	line-height: 1.55 !important;
}

.wpgranada-about-newsletter-form {
	width: 100% !important;
	max-width: 560px !important;
	justify-self: end !important;
}

.wpgranada-about-newsletter-form__row {
	display: flex !important;
	align-items: center !important;
	min-height: 58px !important;
	padding: 0.35rem !important;
	border: 1px solid rgba(255, 255, 255, 0.20) !important;
	border-radius: 16px !important;
	background: rgba(255, 255, 255, 0.08) !important;
}

.wpgranada-about-newsletter-form input {
	flex: 1 !important;
	height: 46px !important;
	padding: 0 1rem !important;
	border: 0 !important;
	outline: 0 !important;
	background: transparent !important;
	color: #ffffff !important;
	font-size: 0.92rem !important;
}

.wpgranada-about-newsletter-form input::placeholder {
	color: rgba(255, 255, 255, 0.45) !important;
}

.wpgranada-about-newsletter-form button {
	height: 46px !important;
	min-width: 126px !important;
	padding: 0 1.1rem !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: #f97316 !important;
	color: #ffffff !important;
	font-size: 0.88rem !important;
	font-weight: 900 !important;
	cursor: pointer !important;
}

.wpgranada-about-newsletter-form>p {
	margin: 0.85rem 0 0 !important;
	color: rgba(255, 255, 255, 0.45) !important;
	font-size: 0.78rem !important;
	line-height: 1.45 !important;
}

/* Accesibilidad */
.screen-reader-text {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* ==========================================================
   RESPONSIVE SOBRE NOSOTROS
   ========================================================== */

@media (max-width: 1050px) {

	.wpgranada-about-hero__inner,
	.wpgranada-about-organization__inner,
	.wpgranada-about-newsletter-box {
		grid-template-columns: 1fr !important;
	}

	.wpgranada-about-hero__image,
	.wpgranada-about-organization__image {
		height: 300px !important;
	}

	.wpgranada-about-stats__grid,
	.wpgranada-about-connect-grid {
		grid-template-columns: 1fr !important;
	}

	.wpgranada-about-newsletter-form {
		max-width: 100% !important;
		justify-self: start !important;
	}
}

@media (max-width: 700px) {

	.wpgranada-about-hero,
	.wpgranada-about-stats,
	.wpgranada-about-organization,
	.wpgranada-about-connect-section,
	.wpgranada-about-speaker-newsletter-section {
		padding-left: 1.25rem !important;
		padding-right: 1.25rem !important;
	}

	.wpgranada-about-kicker {
		font-size: clamp(2.5rem, 13vw, 4rem) !important;
	}

	.wpgranada-about-title,
	.wpgranada-about-connect-inner>h2,
	.wpgranada-about-speaker-cta h2 {
		font-size: clamp(2rem, 10vw, 3rem) !important;
	}

	.wpgranada-about-newsletter-box {
		padding: 2rem 1.35rem !important;
		border-radius: 20px !important;
	}

	.wpgranada-about-newsletter-form__row {
		display: block !important;
		min-height: auto !important;
		padding: 0.55rem !important;
	}

	.wpgranada-about-newsletter-form input {
		height: 46px !important;
		padding: 0 0.8rem !important;
	}

	.wpgranada-about-newsletter-form button {
		width: 100% !important;
		margin-top: 0.45rem !important;
	}
}

/* ==========================================================
   SOBRE NOSOTROS - CORRECCIÓN FINAL DE ALINEACIÓN Y BLOQUES
   ========================================================== */

/* ----------------------------------------------------------
   1. Anula estilos globales antiguos que crean bloques blancos
   ---------------------------------------------------------- */

.wpgranada-about-page p,
.wpgranada-about-page h1,
.wpgranada-about-page h2,
.wpgranada-about-page h3,
.wpgranada-about-page a,
.wpgranada-about-page span {
	box-shadow: none !important;
}

.wpgranada-about-page h2+p,
.wpgranada-about-page h1+p,
.wpgranada-about-page .wp-block-post-content p,
.wpgranada-about-page .entry-content p {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
}

/* Evita que párrafos internos hereden cajas de páginas antiguas */
body:has(.wpgranada-about-page) h2+p,
body:has(.wpgranada-about-page) h1+p,
body:has(.wpgranada-about-page) .wp-block-post-content p,
body:has(.wpgranada-about-page) .entry-content p {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
}

/* ----------------------------------------------------------
   2. Primera sección: texto largo alineado a la izquierda
   ---------------------------------------------------------- */

.wpgranada-about-hero__content {
	text-align: left !important;
}

.wpgranada-about-hero__content p,
.wpgranada-about-hero__content h1,
.wpgranada-about-hero__content h2 {
	text-align: left !important;
}

.wpgranada-about-hero__content p:not(.wpgranada-about-kicker) {
	max-width: 620px !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	text-align: left !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
}

/* Mantiene "Sobre nosotros" y título bien alineados */
.wpgranada-about-kicker,
.wpgranada-about-title {
	text-align: left !important;
}

/* ----------------------------------------------------------
   3. Sección azul: quitar bloque blanco y centrar bien
   ---------------------------------------------------------- */

.wpgranada-about-stats {
	position: relative !important;
	overflow: hidden !important;
}

.wpgranada-about-stats__inner {
	width: 100% !important;
	max-width: 1280px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.wpgranada-about-stats__heading {
	width: 100% !important;
	max-width: 760px !important;
	margin: 0 auto 3rem !important;
	text-align: center !important;
}

.wpgranada-about-stats__heading h2,
.wpgranada-about-stats__heading p {
	text-align: center !important;
}

.wpgranada-about-stats__heading p {
	display: block !important;
	width: auto !important;
	max-width: none !important;
	margin: 0 auto !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: rgba(255, 255, 255, 0.78) !important;
}

/* Asegura que las 3 tarjetas quedan perfectamente centradas */
.wpgranada-about-stats__grid {
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* ----------------------------------------------------------
   4. Sección "Cómo nos organizamos": texto a la izquierda
   ---------------------------------------------------------- */

.wpgranada-about-organization__content {
	text-align: left !important;
}

.wpgranada-about-organization__content h2,
.wpgranada-about-organization__content p {
	text-align: left !important;
}

.wpgranada-about-organization__content p {
	max-width: 620px !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

/* Específico para eliminar el bloque raro del primer párrafo */
.wpgranada-about-organization__content h2+p {
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

/* ----------------------------------------------------------
   5. Conecta con nosotros: centrar etiqueta y título
   ---------------------------------------------------------- */

.wpgranada-about-connect-inner {
	text-align: center !important;
}

.wpgranada-about-connect-inner>.wpgranada-about-section-label,
.wpgranada-about-connect-inner>h2 {
	text-align: center !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.wpgranada-about-connect-inner>.wpgranada-about-section-label {
	display: block !important;
	width: 100% !important;
}

.wpgranada-about-connect-inner>h2 {
	max-width: 720px !important;
}

/* Las cards mantienen contenido alineado a la izquierda como en Figma */
.wpgranada-about-connect-card {
	text-align: left !important;
}

.wpgranada-about-connect-card h3,
.wpgranada-about-connect-card p,
.wpgranada-about-connect-card a {
	text-align: left !important;
}

/* ----------------------------------------------------------
   6. CTA ponente: quitar bloque blanco del texto
   ---------------------------------------------------------- */

.wpgranada-about-speaker-cta p {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

.wpgranada-about-speaker-cta p:not(.wpgranada-about-section-label) {
	padding: 0 !important;
	text-align: center !important;
}

/* ----------------------------------------------------------
   7. Newsletter azul: quitar bloque blanco interior
   ---------------------------------------------------------- */

.wpgranada-about-newsletter-box {
	overflow: hidden !important;
}

.wpgranada-about-newsletter-box p,
.wpgranada-about-newsletter-box h2,
.wpgranada-about-newsletter-box form {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

.wpgranada-about-newsletter-box__content>p,
.wpgranada-about-newsletter-box__content>p:last-child {
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

.wpgranada-about-newsletter-box__content>p:last-child {
	color: rgba(255, 255, 255, 0.72) !important;
	text-align: left !important;
}

.wpgranada-about-newsletter-form>p {
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: rgba(255, 255, 255, 0.45) !important;
}

/* El formulario sí debe conservar su caja translúcida */
.wpgranada-about-newsletter-form__row {
	border: 1px solid rgba(255, 255, 255, 0.20) !important;
	border-radius: 16px !important;
	background: rgba(255, 255, 255, 0.08) !important;
	box-shadow: none !important;
}

/* ----------------------------------------------------------
   8. Ajuste responsive
   ---------------------------------------------------------- */

@media (max-width: 1050px) {

	.wpgranada-about-hero__content,
	.wpgranada-about-organization__content {
		max-width: 760px !important;
	}

	.wpgranada-about-hero__content p:not(.wpgranada-about-kicker),
	.wpgranada-about-organization__content p {
		max-width: 760px !important;
	}

	.wpgranada-about-connect-inner {
		text-align: left !important;
	}

	.wpgranada-about-connect-inner>.wpgranada-about-section-label,
	.wpgranada-about-connect-inner>h2 {
		text-align: left !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}

@media (max-width: 700px) {
	.wpgranada-about-stats__heading {
		margin-bottom: 2.5rem !important;
	}

	.wpgranada-about-newsletter-box__content>p:last-child,
	.wpgranada-about-newsletter-form>p {
		text-align: left !important;
	}
}

/* ==========================================================
   SER PONENTE - PÁGINA COMPLETA SEGÚN FIGMA
   ========================================================== */

/* Oculta título automático antiguo */
body:has(.wpgranada-speaker-page) .wp-block-post-title,
body:has(.wpgranada-speaker-page) h1.entry-title,
body:has(.wpgranada-speaker-page) .entry-title {
	display: none !important;
}

/* Limpia contenedores WordPress */
body:has(.wpgranada-speaker-page) main,
body:has(.wpgranada-speaker-page) .wp-block-post-content,
body:has(.wpgranada-speaker-page) .entry-content {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #ffffff !important;
}

body:has(.wpgranada-speaker-page) .wp-block-post-content>*,
body:has(.wpgranada-speaker-page) .entry-content>* {
	max-width: none !important;
}

/* Base */
.wpgranada-speaker-page {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow-x: hidden !important;
	background: #ffffff !important;
	color: #111827 !important;
}

.wpgranada-speaker-page *,
.wpgranada-speaker-page *::before,
.wpgranada-speaker-page *::after {
	box-sizing: border-box !important;
}

.wpgranada-speaker-page h1,
.wpgranada-speaker-page h2,
.wpgranada-speaker-page h3,
.wpgranada-speaker-page p,
.wpgranada-speaker-page a,
.wpgranada-speaker-page span,
.wpgranada-speaker-page input,
.wpgranada-speaker-page textarea,
.wpgranada-speaker-page button,
.wpgranada-speaker-page label,
.wpgranada-speaker-page small {
	font-family: Inter, Arial, Helvetica, sans-serif !important;
}

/* ==========================================================
   HERO + FORMULARIO
   ========================================================== */

.wpgranada-speaker-hero {
	width: 100% !important;
	padding: 5rem 2rem 5.5rem !important;
	background:
		radial-gradient(circle at 92% 8%, rgba(249, 115, 22, 0.08), transparent 26rem),
		#ffffff !important;
}

.wpgranada-speaker-hero__inner {
	display: grid !important;
	grid-template-columns: minmax(0, 0.82fr) minmax(520px, 1.05fr) !important;
	gap: clamp(3rem, 5vw, 5.5rem) !important;
	align-items: start !important;
	max-width: 1280px !important;
	margin: 0 auto !important;
}

.wpgranada-speaker-hero__content h1 {
	margin: 0 0 1.8rem !important;
	color: #3858e9 !important;
	font-size: clamp(3.5rem, 5.8vw, 5.8rem) !important;
	font-weight: 900 !important;
	line-height: 0.95 !important;
	letter-spacing: -0.07em !important;
	text-align: left !important;
}

.wpgranada-speaker-hero__eyebrow {
	max-width: 520px !important;
	margin: 0 0 1.6rem !important;
	color: #111827 !important;
	font-size: 0.78rem !important;
	font-weight: 900 !important;
	line-height: 1.55 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	text-align: left !important;
}

.wpgranada-speaker-hero__content>p:not(.wpgranada-speaker-hero__eyebrow) {
	max-width: 540px !important;
	margin: 0 0 1.3rem !important;
	color: #374151 !important;
	font-size: 0.95rem !important;
	line-height: 1.7 !important;
	text-align: left !important;
}

/* Benefits */
.wpgranada-speaker-benefits {
	max-width: 500px !important;
	margin-top: 3rem !important;
	padding: 1.6rem !important;
	border: 1px solid rgba(15, 23, 42, 0.12) !important;
	border-radius: 14px !important;
	background: #ffffff !important;
	box-shadow: 0 10px 26px rgba(15, 23, 42, 0.04) !important;
}

.wpgranada-speaker-benefits h2 {
	margin: 0 0 1.2rem !important;
	color: #111827 !important;
	font-size: 1.2rem !important;
	font-weight: 900 !important;
	line-height: 1.2 !important;
}

.wpgranada-speaker-benefit {
	display: flex !important;
	gap: 1rem !important;
	padding: 1rem 0 !important;
	border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
}

.wpgranada-speaker-benefit:last-child {
	border-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.wpgranada-speaker-benefit__icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 34px !important;
	height: 34px !important;
	border-radius: 10px !important;
	background: #fff1e7 !important;
	color: #f97316 !important;
	flex-shrink: 0 !important;
	font-size: 1rem !important;
}

.wpgranada-speaker-benefit h3 {
	margin: 0 0 0.35rem !important;
	color: #111827 !important;
	font-size: 0.95rem !important;
	font-weight: 900 !important;
}

.wpgranada-speaker-benefit p {
	margin: 0 !important;
	color: #4b5563 !important;
	font-size: 0.82rem !important;
	line-height: 1.5 !important;
}

/* Form */
.wpgranada-speaker-form {
	overflow: hidden !important;
	border: 1px solid rgba(15, 23, 42, 0.12) !important;
	border-radius: 20px !important;
	background: #ffffff !important;
	box-shadow: 0 20px 55px rgba(15, 23, 42, 0.10) !important;
}

.wpgranada-speaker-form__section {
	padding: 2.2rem !important;
	border-bottom: 1px solid rgba(15, 23, 42, 0.10) !important;
}

.wpgranada-speaker-form__section-title {
	display: flex !important;
	align-items: center !important;
	gap: 0.85rem !important;
	margin-bottom: 1.6rem !important;
}

.wpgranada-speaker-form__section-title span {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 30px !important;
	height: 30px !important;
	border-radius: 8px !important;
	background: #111827 !important;
	color: #ffffff !important;
	font-size: 0.9rem !important;
	font-weight: 900 !important;
}

.wpgranada-speaker-form__section-title h2 {
	margin: 0 !important;
	color: #111827 !important;
	font-size: 1.45rem !important;
	font-weight: 900 !important;
}

.wpgranada-speaker-form__grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 1.5rem 1.4rem !important;
}

.wpgranada-speaker-form label,
.wpgranada-speaker-form__field {
	display: block !important;
}

.wpgranada-speaker-form label>span,
.wpgranada-speaker-form__label {
	display: block !important;
	margin-bottom: 0.55rem !important;
	color: #111827 !important;
	font-size: 0.82rem !important;
	font-weight: 900 !important;
}

.wpgranada-speaker-form strong {
	margin-left: 0.35rem !important;
	color: #f97316 !important;
	font-size: 0.68rem !important;
	font-weight: 900 !important;
}

.wpgranada-speaker-form input[type="text"],
.wpgranada-speaker-form input[type="email"],
.wpgranada-speaker-form input[type="tel"],
.wpgranada-speaker-form textarea {
	width: 100% !important;
	border: 0 !important;
	outline: 0 !important;
	border-radius: 10px !important;
	background: #f3f6fb !important;
	color: #111827 !important;
	font-size: 0.95rem !important;
}

.wpgranada-speaker-form input {
	height: 46px !important;
	padding: 0 1rem !important;
}

.wpgranada-speaker-form textarea {
	min-height: 125px !important;
	padding: 1rem !important;
	resize: vertical !important;
}

.wpgranada-speaker-form__field {
	margin-bottom: 1.5rem !important;
}

/* Options */
.wpgranada-speaker-option {
	display: flex !important;
	align-items: center !important;
	gap: 1rem !important;
	margin-bottom: 1rem !important;
	padding: 1rem !important;
	border: 1px solid rgba(15, 23, 42, 0.14) !important;
	border-radius: 12px !important;
	background: #ffffff !important;
	cursor: pointer !important;
}

.wpgranada-speaker-option--active {
	border-color: #f97316 !important;
	background: #fff1e7 !important;
}

.wpgranada-speaker-option input {
	width: 18px !important;
	height: 18px !important;
	accent-color: #f97316 !important;
}

.wpgranada-speaker-option__icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 34px !important;
	height: 34px !important;
	border-radius: 10px !important;
	background: #eef2ff !important;
	color: #3858e9 !important;
	flex-shrink: 0 !important;
}

.wpgranada-speaker-option strong {
	display: block !important;
	margin: 0 0 0.25rem !important;
	color: #111827 !important;
	font-size: 0.95rem !important;
}

.wpgranada-speaker-option small {
	color: #6b7280 !important;
	font-size: 0.78rem !important;
}

.wpgranada-speaker-date-options {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 0.8rem !important;
}

.wpgranada-speaker-date-options label {
	cursor: pointer !important;
}

.wpgranada-speaker-date-options input {
	display: none !important;
}

.wpgranada-speaker-date-options span {
	display: inline-flex !important;
	align-items: center !important;
	min-height: 40px !important;
	padding: 0.75rem 1.1rem !important;
	border: 1px solid rgba(15, 23, 42, 0.14) !important;
	border-radius: 999px !important;
	background: #ffffff !important;
	color: #111827 !important;
	font-size: 0.82rem !important;
	font-weight: 800 !important;
}

.wpgranada-speaker-date-options input:checked+span {
	background: #111827 !important;
	color: #ffffff !important;
}

/* Footer form */
.wpgranada-speaker-form__footer {
	display: flex !important;
	justify-content: space-between !important;
	gap: 2rem !important;
	align-items: center !important;
	padding: 1.8rem 2.2rem !important;
	background: #f3f6fb !important;
}

.wpgranada-speaker-form__footer p {
	max-width: 420px !important;
	margin: 0 !important;
	color: #6b7280 !important;
	font-size: 0.78rem !important;
	line-height: 1.5 !important;
}

.wpgranada-speaker-form__footer button {
	min-height: 48px !important;
	padding: 0.85rem 1.5rem !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: #f97316 !important;
	color: #ffffff !important;
	font-size: 0.92rem !important;
	font-weight: 900 !important;
	cursor: pointer !important;
}

/* ==========================================================
   MEETUPS
   ========================================================== */

.wpgranada-speaker-meetups {
	padding: 4.5rem 2rem !important;
	background: #ffffff !important;
}

.wpgranada-speaker-meetups__header {
	display: flex !important;
	justify-content: space-between !important;
	align-items: end !important;
	gap: 2rem !important;
	max-width: 1280px !important;
	margin: 0 auto 2.8rem !important;
}

.wpgranada-speaker-section-label {
	margin: 0 0 0.9rem !important;
	color: #3858e9 !important;
	font-size: 0.68rem !important;
	font-weight: 900 !important;
	letter-spacing: 0.15em !important;
	text-transform: uppercase !important;
}

.wpgranada-speaker-meetups__header h2 {
	margin: 0 !important;
	color: #111827 !important;
	font-size: clamp(2.2rem, 3.4vw, 3.5rem) !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	letter-spacing: -0.055em !important;
}

.wpgranada-speaker-meetups__button {
	display: inline-flex !important;
	align-items: center !important;
	min-height: 42px !important;
	padding: 0.75rem 1.2rem !important;
	border: 1px solid rgba(15, 23, 42, 0.14) !important;
	border-radius: 999px !important;
	color: #111827 !important;
	font-size: 0.9rem !important;
	font-weight: 800 !important;
	text-decoration: none !important;
}

.wpgranada-speaker-meetups__grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 1.6rem !important;
	max-width: 1280px !important;
	margin: 0 auto !important;
}

.wpgranada-speaker-meetup-card {
	overflow: hidden !important;
	border: 1px solid rgba(15, 23, 42, 0.10) !important;
	border-radius: 14px !important;
	background: #ffffff !important;
	box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04) !important;
}

.wpgranada-speaker-meetup-card__image {
	height: 215px !important;
	background-position: center !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
}

.wpgranada-speaker-meetup-card__image--ia {
	background-image: url("/wp-content/themes/wpgranada26/assets/images/meetup-ia-wordpress.png") !important;
}

.wpgranada-speaker-meetup-card__image--block-theme {
	background-image: url("/wp-content/themes/wpgranada26/assets/images/meetup-block-theme.png") !important;
}

.wpgranada-speaker-meetup-card__image--mentalidad {
	background-image: url("/wp-content/themes/wpgranada26/assets/images/meetup-mentalidad.png") !important;
}

.wpgranada-speaker-meetup-card__body {
	padding: 1.35rem !important;
}

.wpgranada-speaker-meetup-card__meta {
	display: flex !important;
	gap: 1rem !important;
	align-items: center !important;
	margin-bottom: 1.2rem !important;
}

.wpgranada-speaker-meetup-card__meta span {
	padding: 0.45rem 0.8rem !important;
	border-radius: 999px !important;
	background: #fff1e7 !important;
	color: #f97316 !important;
	font-size: 0.72rem !important;
	font-weight: 900 !important;
}

.wpgranada-speaker-meetup-card__meta small {
	color: #7a8194 !important;
	font-size: 0.72rem !important;
	font-weight: 900 !important;
	letter-spacing: 0.12em !important;
}

.wpgranada-speaker-meetup-card h3 {
	margin: 0 0 1.4rem !important;
	color: #0b2743 !important;
	font-size: clamp(1.2rem, 1.6vw, 1.45rem) !important;
	font-weight: 900 !important;
	line-height: 1.15 !important;
	letter-spacing: -0.04em !important;
}

.wpgranada-speaker-meetup-card a {
	color: #3858e9 !important;
	font-size: 0.85rem !important;
	font-weight: 700 !important;
	text-decoration: none !important;
}

/* ==========================================================
   STATS AZUL
   ========================================================== */

.wpgranada-speaker-stats {
	padding: 5rem 2rem !important;
	background: #3858e9 !important;
	color: #ffffff !important;
}

.wpgranada-speaker-stats__inner {
	max-width: 1280px !important;
	margin: 0 auto !important;
}

.wpgranada-speaker-stats__heading {
	text-align: center !important;
	margin-bottom: 3rem !important;
}

.wpgranada-speaker-stats__heading h2 {
	margin: 0 0 0.8rem !important;
	color: #ffffff !important;
	font-size: clamp(2rem, 3vw, 3rem) !important;
	font-weight: 900 !important;
}

.wpgranada-speaker-stats__heading p {
	margin: 0 !important;
	color: rgba(255, 255, 255, 0.75) !important;
	font-size: 1rem !important;
}

.wpgranada-speaker-stats__grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 1.5rem !important;
}

.wpgranada-speaker-stats__grid article {
	padding: 3rem 2rem !important;
	border: 1px solid rgba(255, 255, 255, 0.22) !important;
	border-radius: 16px !important;
	background: rgba(255, 255, 255, 0.10) !important;
	text-align: center !important;
}

.wpgranada-speaker-stats__grid strong {
	display: block !important;
	margin-bottom: 0.7rem !important;
	color: #ffffff !important;
	font-size: clamp(2rem, 3.4vw, 3rem) !important;
	font-weight: 900 !important;
}

.wpgranada-speaker-stats__grid span {
	color: rgba(255, 255, 255, 0.78) !important;
	font-size: 1rem !important;
}

/* ==========================================================
   CONECTA + NEWSLETTER
   ========================================================== */

.wpgranada-speaker-connect-section {
	padding: 4.5rem 2rem !important;
	background: #f3f6fb !important;
}

.wpgranada-speaker-connect-inner {
	max-width: 1180px !important;
	margin: 0 auto !important;
}

.wpgranada-speaker-connect-inner>h2 {
	margin: 0 0 2.5rem !important;
	color: #111827 !important;
	font-size: clamp(2.1rem, 3.2vw, 3.3rem) !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	letter-spacing: -0.055em !important;
}

.wpgranada-speaker-connect-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 1.4rem !important;
}

.wpgranada-speaker-connect-card {
	min-height: 190px !important;
	padding: 1.65rem !important;
	border: 1px solid rgba(15, 23, 42, 0.10) !important;
	border-radius: 14px !important;
	background: #ffffff !important;
	box-shadow: 0 8px 22px rgba(15, 23, 42, 0.04) !important;
}

.wpgranada-speaker-connect-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 38px !important;
	height: 38px !important;
	margin-bottom: 1rem !important;
	border-radius: 11px !important;
}

.wpgranada-speaker-connect-icon--blue {
	background: #eef2ff !important;
	color: #3858e9 !important;
}

.wpgranada-speaker-connect-icon--orange {
	background: #fff1e7 !important;
	color: #f97316 !important;
}

.wpgranada-speaker-connect-card h3 {
	margin: 0 0 0.65rem !important;
	color: #111827 !important;
	font-size: 1.08rem !important;
	font-weight: 900 !important;
}

.wpgranada-speaker-connect-card p {
	margin: 0 0 1rem !important;
	color: #4b5563 !important;
	font-size: 0.86rem !important;
	line-height: 1.55 !important;
}

.wpgranada-speaker-connect-card a {
	color: #3858e9 !important;
	font-size: 0.82rem !important;
	font-weight: 700 !important;
	text-decoration: none !important;
}

/* Newsletter */
.wpgranada-speaker-newsletter-section {
	padding: 4.5rem 2rem 5.5rem !important;
	background: #ffffff !important;
}

.wpgranada-speaker-newsletter-box {
	display: grid !important;
	grid-template-columns: minmax(0, 0.9fr) minmax(340px, 1fr) !important;
	gap: 2.5rem !important;
	align-items: center !important;
	max-width: 1180px !important;
	min-height: 260px !important;
	margin: 0 auto !important;
	padding: 3rem !important;
	border-radius: 24px !important;
	background: #3858e9 !important;
	color: #ffffff !important;
}

.wpgranada-speaker-newsletter-label {
	margin: 0 0 1rem !important;
	color: rgba(255, 255, 255, 0.72) !important;
	font-size: 0.68rem !important;
	font-weight: 900 !important;
	letter-spacing: 0.15em !important;
	text-transform: uppercase !important;
}

.wpgranada-speaker-newsletter-box h2 {
	margin: 0 0 1.3rem !important;
	color: #ffffff !important;
	font-size: clamp(1.9rem, 3vw, 3.2rem) !important;
	font-weight: 900 !important;
	line-height: 1.02 !important;
	letter-spacing: -0.055em !important;
}

.wpgranada-speaker-newsletter-box h2 span {
	color: #f97316 !important;
}

.wpgranada-speaker-newsletter-box__content>p:last-child {
	max-width: 500px !important;
	margin: 0 !important;
	color: rgba(255, 255, 255, 0.72) !important;
	font-size: 0.88rem !important;
	line-height: 1.55 !important;
}

.wpgranada-speaker-newsletter-form {
	width: 100% !important;
	max-width: 560px !important;
	justify-self: end !important;
}

.wpgranada-speaker-newsletter-form__row {
	display: flex !important;
	align-items: center !important;
	min-height: 58px !important;
	padding: 0.35rem !important;
	border: 1px solid rgba(255, 255, 255, 0.20) !important;
	border-radius: 16px !important;
	background: rgba(255, 255, 255, 0.08) !important;
}

.wpgranada-speaker-newsletter-form input {
	flex: 1 !important;
	height: 46px !important;
	padding: 0 1rem !important;
	border: 0 !important;
	outline: 0 !important;
	background: transparent !important;
	color: #ffffff !important;
	font-size: 0.92rem !important;
}

.wpgranada-speaker-newsletter-form input::placeholder {
	color: rgba(255, 255, 255, 0.45) !important;
}

.wpgranada-speaker-newsletter-form button {
	height: 46px !important;
	min-width: 126px !important;
	padding: 0 1.1rem !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: #f97316 !important;
	color: #ffffff !important;
	font-size: 0.88rem !important;
	font-weight: 900 !important;
	cursor: pointer !important;
}

.wpgranada-speaker-newsletter-form>p {
	margin: 0.85rem 0 0 !important;
	color: rgba(255, 255, 255, 0.45) !important;
	font-size: 0.78rem !important;
}

/* Accesibilidad */
.screen-reader-text {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* Responsive */
@media (max-width: 1050px) {

	.wpgranada-speaker-hero__inner,
	.wpgranada-speaker-newsletter-box {
		grid-template-columns: 1fr !important;
	}

	.wpgranada-speaker-form__grid,
	.wpgranada-speaker-meetups__grid,
	.wpgranada-speaker-stats__grid,
	.wpgranada-speaker-connect-grid {
		grid-template-columns: 1fr !important;
	}

	.wpgranada-speaker-newsletter-form {
		max-width: 100% !important;
		justify-self: start !important;
	}
}

@media (max-width: 700px) {

	.wpgranada-speaker-hero,
	.wpgranada-speaker-meetups,
	.wpgranada-speaker-stats,
	.wpgranada-speaker-connect-section,
	.wpgranada-speaker-newsletter-section {
		padding-left: 1.25rem !important;
		padding-right: 1.25rem !important;
	}

	.wpgranada-speaker-hero__content h1 {
		font-size: clamp(3rem, 14vw, 4.6rem) !important;
	}

	.wpgranada-speaker-form__section,
	.wpgranada-speaker-form__footer {
		padding: 1.35rem !important;
	}

	.wpgranada-speaker-form__footer {
		display: block !important;
	}

	.wpgranada-speaker-form__footer button {
		width: 100% !important;
		margin-top: 1rem !important;
	}

	.wpgranada-speaker-newsletter-box {
		padding: 2rem 1.35rem !important;
		border-radius: 20px !important;
	}

	.wpgranada-speaker-newsletter-form__row {
		display: block !important;
	}

	.wpgranada-speaker-newsletter-form button {
		width: 100% !important;
		margin-top: 0.45rem !important;
	}
}

/* ==========================================================
   SER PONENTE - CORRECCIÓN FINAL BLOQUES BLANCOS EN ZONAS AZULES
   ========================================================== */

/* ----------------------------------------------------------
   1. Limpieza general dentro de la página Ser Ponente
   ---------------------------------------------------------- */

.wpgranada-speaker-page p,
.wpgranada-speaker-page h1,
.wpgranada-speaker-page h2,
.wpgranada-speaker-page h3,
.wpgranada-speaker-page span,
.wpgranada-speaker-page a,
.wpgranada-speaker-page form {
	box-shadow: none !important;
}

/* Anula reglas globales antiguas tipo h2 + p */
body:has(.wpgranada-speaker-page) h2+p,
body:has(.wpgranada-speaker-page) h1+p,
body:has(.wpgranada-speaker-page) .wp-block-post-content p,
body:has(.wpgranada-speaker-page) .entry-content p {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

/* ----------------------------------------------------------
   2. Sección azul de estadísticas
   ---------------------------------------------------------- */

.wpgranada-speaker-stats,
.wpgranada-speaker-stats__inner,
.wpgranada-speaker-stats__heading,
.wpgranada-speaker-stats__grid {
	background-color: transparent !important;
	box-shadow: none !important;
}

/* Devuelve el fondo azul real a la sección */
.wpgranada-speaker-stats {
	background: #3858e9 !important;
}

/* Quita bloques blancos de textos dentro de estadísticas */
.wpgranada-speaker-stats p,
.wpgranada-speaker-stats h2,
.wpgranada-speaker-stats span,
.wpgranada-speaker-stats strong {
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

.wpgranada-speaker-stats__heading {
	width: 100% !important;
	max-width: 760px !important;
	margin: 0 auto 3rem !important;
	text-align: center !important;
}

.wpgranada-speaker-stats__heading h2 {
	margin: 0 0 0.8rem !important;
	color: #ffffff !important;
	text-align: center !important;
}

.wpgranada-speaker-stats__heading p {
	width: auto !important;
	max-width: none !important;
	margin: 0 auto !important;
	color: rgba(255, 255, 255, 0.75) !important;
	text-align: center !important;
}

/* Las tarjetas sí deben mantener su fondo translúcido, no blanco */
.wpgranada-speaker-stats__grid article {
	background: rgba(255, 255, 255, 0.10) !important;
	border: 1px solid rgba(255, 255, 255, 0.22) !important;
	border-radius: 16px !important;
	box-shadow: none !important;
}

/* ----------------------------------------------------------
   3. Newsletter azul inferior
   ---------------------------------------------------------- */

.wpgranada-speaker-newsletter-box {
	background: #3858e9 !important;
	box-shadow: none !important;
	overflow: hidden !important;
}

/* Quita bloques blancos dentro del newsletter */
.wpgranada-speaker-newsletter-box p,
.wpgranada-speaker-newsletter-box h2,
.wpgranada-speaker-newsletter-box span,
.wpgranada-speaker-newsletter-box form {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

/* Texto pequeño superior newsletter */
.wpgranada-speaker-newsletter-label {
	padding: 0 !important;
	margin: 0 0 1rem !important;
	color: rgba(255, 255, 255, 0.72) !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

/* Título newsletter */
.wpgranada-speaker-newsletter-box h2 {
	padding: 0 !important;
	margin: 0 0 1.3rem !important;
	color: #ffffff !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

.wpgranada-speaker-newsletter-box h2 span {
	color: #f97316 !important;
}

/* Párrafo descriptivo newsletter */
.wpgranada-speaker-newsletter-box__content>p,
.wpgranada-speaker-newsletter-box__content>p:last-child {
	padding: 0 !important;
	margin: 0 !important;
	max-width: 500px !important;
	color: rgba(255, 255, 255, 0.72) !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	text-align: left !important;
}

/* Texto legal bajo el formulario */
.wpgranada-speaker-newsletter-form>p {
	padding: 0 !important;
	margin: 0.85rem 0 0 !important;
	color: rgba(255, 255, 255, 0.45) !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	text-align: left !important;
}

/* El formulario sí mantiene su caja translúcida, no blanca */
.wpgranada-speaker-newsletter-form__row {
	display: flex !important;
	align-items: center !important;
	min-height: 58px !important;
	padding: 0.35rem !important;
	border: 1px solid rgba(255, 255, 255, 0.20) !important;
	border-radius: 16px !important;
	background: rgba(255, 255, 255, 0.08) !important;
	box-shadow: none !important;
}

/* Input transparente dentro de la barra */
.wpgranada-speaker-newsletter-form input {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: #ffffff !important;
}

.wpgranada-speaker-newsletter-form input::placeholder {
	color: rgba(255, 255, 255, 0.45) !important;
}

/* Botón naranja */
.wpgranada-speaker-newsletter-form button {
	background: #f97316 !important;
	color: #ffffff !important;
	border: 0 !important;
	box-shadow: none !important;
}

/* ----------------------------------------------------------
   4. Evita que cualquier caja blanca antigua se cuele en azul
   ---------------------------------------------------------- */

.wpgranada-speaker-stats [style*="background"],
.wpgranada-speaker-newsletter-box [style*="background"] {
	box-shadow: none !important;
}

/* Este selector elimina fondos blancos heredados en hijos directos,
   pero no toca las tarjetas translúcidas ni el formulario */
.wpgranada-speaker-stats__heading>*,
.wpgranada-speaker-newsletter-box__content>*,
.wpgranada-speaker-newsletter-form>p {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

/* ----------------------------------------------------------
   5. Responsive
   ---------------------------------------------------------- */

@media (max-width: 700px) {
	.wpgranada-speaker-newsletter-form__row {
		display: block !important;
		min-height: auto !important;
		padding: 0.55rem !important;
	}

	.wpgranada-speaker-newsletter-form input {
		width: 100% !important;
		height: 46px !important;
		padding: 0 0.8rem !important;
	}

	.wpgranada-speaker-newsletter-form button {
		width: 100% !important;
		margin-top: 0.45rem !important;
	}
}

/* ==========================================================
   ARTÍCULO BLOG - PÁGINA COMPLETA SEGÚN FIGMA
   ========================================================== */

/* Oculta título automático antiguo */
body:has(.wpgranada-article-page) .wp-block-post-title,
body:has(.wpgranada-article-page) h1.entry-title,
body:has(.wpgranada-article-page) .entry-title {
	display: none !important;
}

/* Limpia contenedores WordPress */
body:has(.wpgranada-article-page) main,
body:has(.wpgranada-article-page) .wp-block-post-content,
body:has(.wpgranada-article-page) .entry-content {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #ffffff !important;
}

body:has(.wpgranada-article-page) .wp-block-post-content>*,
body:has(.wpgranada-article-page) .entry-content>* {
	max-width: none !important;
}

/* Base */
.wpgranada-article-page {
	width: 100% !important;
	background: #ffffff !important;
	color: #111827 !important;
	overflow-x: hidden !important;
}

.wpgranada-article-page *,
.wpgranada-article-page *::before,
.wpgranada-article-page *::after {
	box-sizing: border-box !important;
}

.wpgranada-article-page h1,
.wpgranada-article-page h2,
.wpgranada-article-page h3,
.wpgranada-article-page p,
.wpgranada-article-page a,
.wpgranada-article-page span,
.wpgranada-article-page input,
.wpgranada-article-page button,
.wpgranada-article-page form {
	font-family: Inter, Arial, Helvetica, sans-serif !important;
}

/* ==========================================================
   HERO ARTÍCULO
   ========================================================== */

.wpgranada-article-hero {
	padding: 4rem 2rem 3rem !important;
	background: #ffffff !important;
}

.wpgranada-article-hero__inner {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(360px, 500px) !important;
	gap: clamp(3rem, 5vw, 5rem) !important;
	align-items: center !important;
	max-width: 1280px !important;
	margin: 0 auto !important;
}

.wpgranada-article-meta {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 1rem !important;
	align-items: center !important;
	margin-bottom: 1.8rem !important;
}

.wpgranada-article-meta span {
	color: #6b7280 !important;
	font-size: 0.72rem !important;
	font-weight: 900 !important;
	letter-spacing: 0.14em !important;
	text-transform: uppercase !important;
}

.wpgranada-article-tag {
	padding: 0.5rem 0.85rem !important;
	border-radius: 999px !important;
	background: #fff1e7 !important;
	color: #f97316 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
}

.wpgranada-article-hero h1 {
	max-width: 720px !important;
	margin: 0 0 1.4rem !important;
	color: #111827 !important;
	font-size: clamp(3rem, 5.2vw, 5.6rem) !important;
	font-weight: 900 !important;
	line-height: 0.98 !important;
	letter-spacing: -0.075em !important;
	text-align: left !important;
}

.wpgranada-article-hero__content>p {
	max-width: 700px !important;
	margin: 0 0 2rem !important;
	color: #4b5563 !important;
	font-size: 1rem !important;
	line-height: 1.6 !important;
	text-align: left !important;
}

.wpgranada-article-author-share {
	display: flex !important;
	justify-content: space-between !important;
	gap: 2rem !important;
	align-items: center !important;
	max-width: 720px !important;
}

.wpgranada-article-author {
	display: flex !important;
	gap: 0.9rem !important;
	align-items: center !important;
}

.wpgranada-article-author__avatar {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 42px !important;
	height: 42px !important;
	border-radius: 999px !important;
	background: #eef2ff !important;
	color: #3858e9 !important;
	font-size: 0.82rem !important;
	font-weight: 900 !important;
}

.wpgranada-article-author strong {
	display: block !important;
	margin-bottom: 0.2rem !important;
	color: #111827 !important;
	font-size: 0.9rem !important;
	font-weight: 900 !important;
}

.wpgranada-article-author span {
	display: block !important;
	color: #7a8194 !important;
	font-size: 0.78rem !important;
}

.wpgranada-article-share {
	display: flex !important;
	gap: 0.6rem !important;
	align-items: center !important;
}

.wpgranada-article-share span {
	color: #6b7280 !important;
	font-size: 0.78rem !important;
}

.wpgranada-article-share a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 34px !important;
	height: 34px !important;
	border: 1px solid rgba(15, 23, 42, 0.12) !important;
	border-radius: 999px !important;
	color: #111827 !important;
	font-size: 0.82rem !important;
	font-weight: 900 !important;
	text-decoration: none !important;
}

.wpgranada-article-hero__image {
	display: block !important;
	width: 100% !important;
	height: 310px !important;
	margin: 0 !important;
	border-radius: 16px !important;
	background-image: url("/wp-content/themes/wpgranada26/assets/images/blog-mapas-hero.png") !important;
	background-color: #071742 !important;
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	box-shadow: 0 20px 44px rgba(15, 23, 42, 0.18) !important;
}

/* ==========================================================
   CONTENIDO + SIDEBAR
   ========================================================== */

.wpgranada-article-body-section {
	padding: 3.5rem 2rem 4.5rem !important;
	background: #ffffff !important;
}

.wpgranada-article-layout {
	display: grid !important;
	grid-template-columns: minmax(0, 760px) 270px !important;
	gap: clamp(3rem, 6vw, 6rem) !important;
	align-items: start !important;
	max-width: 1280px !important;
	margin: 0 auto !important;
}

.wpgranada-article-content p {
	margin: 0 0 1.5rem !important;
	color: #374151 !important;
	font-size: 0.95rem !important;
	line-height: 1.75 !important;
	text-align: left !important;
}

.wpgranada-article-content section {
	margin-top: 3rem !important;
}

.wpgranada-article-content h2 {
	margin: 0 0 1.4rem !important;
	color: #111827 !important;
	font-size: clamp(1.8rem, 2.5vw, 2.4rem) !important;
	font-weight: 900 !important;
	line-height: 1.1 !important;
	letter-spacing: -0.05em !important;
	text-align: left !important;
}

.wpgranada-article-content h2 span {
	margin-right: 0.6rem !important;
	color: #f97316 !important;
	font-size: 1rem !important;
	letter-spacing: 0 !important;
}

.wpgranada-article-alert {
	display: flex !important;
	gap: 1rem !important;
	align-items: flex-start !important;
	margin: 2rem 0 !important;
	padding: 1.25rem !important;
	border-radius: 14px !important;
}

.wpgranada-article-alert--warning {
	background: #fff1e7 !important;
}

.wpgranada-article-alert--info {
	background: #eef2ff !important;
}

.wpgranada-article-alert>span {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 34px !important;
	height: 34px !important;
	border-radius: 10px !important;
	background: rgba(255, 255, 255, 0.75) !important;
	color: #f97316 !important;
	flex-shrink: 0 !important;
	font-weight: 900 !important;
}

.wpgranada-article-alert--info>span {
	color: #3858e9 !important;
}

.wpgranada-article-alert strong {
	display: block !important;
	margin-bottom: 0.35rem !important;
	color: #111827 !important;
	font-size: 0.95rem !important;
	font-weight: 900 !important;
}

.wpgranada-article-alert p {
	margin: 0 !important;
	font-size: 0.9rem !important;
	line-height: 1.55 !important;
}

.wpgranada-article-feature-grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 1rem !important;
	margin: 2rem 0 !important;
}

.wpgranada-article-feature-grid article {
	display: flex !important;
	gap: 0.8rem !important;
	align-items: flex-start !important;
	padding: 1rem !important;
	border: 1px solid rgba(15, 23, 42, 0.10) !important;
	border-radius: 12px !important;
	background: #ffffff !important;
}

.wpgranada-article-feature-grid span {
	color: #3858e9 !important;
	font-weight: 900 !important;
}

.wpgranada-article-feature-grid p {
	margin: 0 !important;
	font-size: 0.88rem !important;
}

/* Video */
.wpgranada-article-video-section h2 {
	margin-bottom: 1.5rem !important;
}

.wpgranada-article-video {
	position: relative !important;
	width: 100% !important;
	max-width: 720px !important;
	overflow: hidden !important;
	border-radius: 16px !important;
	box-shadow: 0 18px 42px rgba(15, 23, 42, 0.16) !important;
}

.wpgranada-article-video__image {
	height: 320px !important;
	background-image: url("/wp-content/themes/wpgranada26/assets/images/blog-video-charla.png") !important;
	background-color: #e5e7eb !important;
	background-size: cover !important;
	background-position: center !important;
}

.wpgranada-article-video button {
	position: absolute !important;
	inset: 50% auto auto 50% !important;
	transform: translate(-50%, -50%) !important;
	width: 64px !important;
	height: 64px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: #f97316 !important;
	color: #ffffff !important;
	font-size: 1.2rem !important;
	cursor: pointer !important;
}

/* Sidebar */
.wpgranada-article-sidebar {
	position: sticky !important;
	top: 90px !important;
}

.wpgranada-article-toc,
.wpgranada-article-sidebar-card {
	padding: 1.25rem !important;
	border: 1px solid rgba(15, 23, 42, 0.10) !important;
	border-radius: 14px !important;
	background: #ffffff !important;
	margin-bottom: 1.2rem !important;
}

.wpgranada-article-toc p,
.wpgranada-article-sidebar-card p {
	margin: 0 0 1rem !important;
	color: #6b7280 !important;
	font-size: 0.68rem !important;
	font-weight: 900 !important;
	letter-spacing: 0.14em !important;
	text-transform: uppercase !important;
}

.wpgranada-article-toc a {
	display: flex !important;
	gap: 0.7rem !important;
	padding: 0.6rem 0 !important;
	color: #4b5563 !important;
	font-size: 0.82rem !important;
	line-height: 1.35 !important;
	text-decoration: none !important;
}

.wpgranada-article-toc a span {
	color: #7a8194 !important;
	font-size: 0.75rem !important;
}

.wpgranada-article-toc__active {
	margin-top: 0.5rem !important;
	padding: 0.65rem 0.8rem !important;
	border-radius: 8px !important;
	background: #111827 !important;
	color: #ffffff !important;
}

.wpgranada-article-toc__active span {
	color: #ffffff !important;
}

.wpgranada-article-sidebar-card--dark {
	background: #111827 !important;
	color: #ffffff !important;
}

.wpgranada-article-sidebar-card--dark p {
	color: rgba(255, 255, 255, 0.6) !important;
}

.wpgranada-article-sidebar-card h3 {
	margin: 0 0 1rem !important;
	color: inherit !important;
	font-size: 1.25rem !important;
	font-weight: 900 !important;
	line-height: 1.15 !important;
}

.wpgranada-article-sidebar-card--dark a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	min-height: 42px !important;
	border-radius: 999px !important;
	background: #f97316 !important;
	color: #ffffff !important;
	font-size: 0.85rem !important;
	font-weight: 900 !important;
	text-decoration: none !important;
}

.wpgranada-article-sidebar-card strong {
	display: block !important;
	color: #3858e9 !important;
	font-size: 2rem !important;
	font-weight: 900 !important;
	line-height: 1 !important;
}

.wpgranada-article-sidebar-card span {
	display: block !important;
	margin-top: 0.4rem !important;
	color: #6b7280 !important;
	font-size: 0.75rem !important;
}

/* ==========================================================
   RELATED MEETUPS
   ========================================================== */

.wpgranada-article-related {
	padding: 4rem 2rem !important;
	background: #f3f6fb !important;
}

.wpgranada-article-related__header {
	display: flex !important;
	justify-content: space-between !important;
	align-items: end !important;
	gap: 2rem !important;
	max-width: 1280px !important;
	margin: 0 auto 2.4rem !important;
}

.wpgranada-article-section-label {
	margin: 0 0 0.8rem !important;
	color: #3858e9 !important;
	font-size: 0.68rem !important;
	font-weight: 900 !important;
	letter-spacing: 0.15em !important;
	text-transform: uppercase !important;
}

.wpgranada-article-related__header h2,
.wpgranada-article-connect-inner>h2 {
	margin: 0 !important;
	color: #111827 !important;
	font-size: clamp(2rem, 3vw, 3.2rem) !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	letter-spacing: -0.055em !important;
}

.wpgranada-article-related__button {
	display: inline-flex !important;
	align-items: center !important;
	min-height: 42px !important;
	padding: 0.75rem 1.2rem !important;
	border: 1px solid rgba(15, 23, 42, 0.14) !important;
	border-radius: 999px !important;
	color: #111827 !important;
	font-size: 0.88rem !important;
	font-weight: 800 !important;
	text-decoration: none !important;
	background: #ffffff !important;
}

.wpgranada-article-related-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 1.5rem !important;
	max-width: 1280px !important;
	margin: 0 auto !important;
}

.wpgranada-article-related-card {
	overflow: hidden !important;
	border: 1px solid rgba(15, 23, 42, 0.10) !important;
	border-radius: 14px !important;
	background: #ffffff !important;
}

.wpgranada-article-related-card__image {
	height: 205px !important;
	background-position: center !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
}

.wpgranada-article-related-card__image--ia {
	background-image: url("/wp-content/themes/wpgranada26/assets/images/meetup-ia-wordpress.png") !important;
}

.wpgranada-article-related-card__image--block-theme {
	background-image: url("/wp-content/themes/wpgranada26/assets/images/meetup-block-theme.png") !important;
}

.wpgranada-article-related-card__image--mentalidad {
	background-image: url("/wp-content/themes/wpgranada26/assets/images/meetup-mentalidad.png") !important;
}

.wpgranada-article-related-card__body {
	padding: 1.3rem !important;
}

.wpgranada-article-related-card__meta {
	display: flex !important;
	gap: 1rem !important;
	align-items: center !important;
	margin-bottom: 1rem !important;
}

.wpgranada-article-related-card__meta span {
	padding: 0.45rem 0.8rem !important;
	border-radius: 999px !important;
	background: #fff1e7 !important;
	color: #f97316 !important;
	font-size: 0.72rem !important;
	font-weight: 900 !important;
}

.wpgranada-article-related-card__meta small {
	color: #7a8194 !important;
	font-size: 0.72rem !important;
	font-weight: 900 !important;
}

.wpgranada-article-related-card h3 {
	margin: 0 0 1.1rem !important;
	color: #0b2743 !important;
	font-size: 1.2rem !important;
	font-weight: 900 !important;
	line-height: 1.15 !important;
}

.wpgranada-article-related-card a {
	color: #3858e9 !important;
	font-size: 0.85rem !important;
	font-weight: 700 !important;
	text-decoration: none !important;
}

/* ==========================================================
   CONNECT + CTA + NEWSLETTER
   ========================================================== */

.wpgranada-article-connect-section {
	padding: 4.5rem 2rem !important;
	background: #f3f6fb !important;
}

.wpgranada-article-connect-inner {
	max-width: 1180px !important;
	margin: 0 auto !important;
}

.wpgranada-article-connect-inner>h2 {
	margin: 0 0 2.5rem !important;
}

.wpgranada-article-connect-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 1.4rem !important;
}

.wpgranada-article-connect-card {
	min-height: 190px !important;
	padding: 1.65rem !important;
	border: 1px solid rgba(15, 23, 42, 0.10) !important;
	border-radius: 14px !important;
	background: #ffffff !important;
}

.wpgranada-article-connect-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 38px !important;
	height: 38px !important;
	margin-bottom: 1rem !important;
	border-radius: 11px !important;
}

.wpgranada-article-connect-icon--blue {
	background: #eef2ff !important;
	color: #3858e9 !important;
}

.wpgranada-article-connect-icon--orange {
	background: #fff1e7 !important;
	color: #f97316 !important;
}

.wpgranada-article-connect-card h3 {
	margin: 0 0 0.65rem !important;
	color: #111827 !important;
	font-size: 1.08rem !important;
	font-weight: 900 !important;
}

.wpgranada-article-connect-card p {
	margin: 0 0 1rem !important;
	color: #4b5563 !important;
	font-size: 0.86rem !important;
	line-height: 1.55 !important;
}

.wpgranada-article-connect-card a {
	color: #3858e9 !important;
	font-size: 0.82rem !important;
	font-weight: 700 !important;
	text-decoration: none !important;
}

/* CTA */
.wpgranada-article-speaker-newsletter-section {
	padding: 4.5rem 2rem 5.5rem !important;
	background: #ffffff !important;
}

.wpgranada-article-speaker-cta {
	max-width: 860px !important;
	margin: 0 auto 5rem !important;
	text-align: center !important;
}

.wpgranada-article-speaker-cta .wpgranada-article-section-label {
	text-align: center !important;
}

.wpgranada-article-speaker-cta h2 {
	margin: 0 0 1.15rem !important;
	color: #111827 !important;
	font-size: clamp(2rem, 3vw, 3.2rem) !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	letter-spacing: -0.055em !important;
}

.wpgranada-article-speaker-cta p:not(.wpgranada-article-section-label) {
	max-width: 720px !important;
	margin: 0 auto 1.7rem !important;
	color: #4b5563 !important;
	font-size: 0.92rem !important;
	line-height: 1.55 !important;
}

.wpgranada-article-speaker-cta a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 44px !important;
	padding: 0.78rem 1.35rem !important;
	border-radius: 999px !important;
	background: #f97316 !important;
	color: #ffffff !important;
	font-size: 0.9rem !important;
	font-weight: 900 !important;
	text-decoration: none !important;
}

/* Newsletter */
.wpgranada-article-newsletter-box {
	display: grid !important;
	grid-template-columns: minmax(0, 0.9fr) minmax(340px, 1fr) !important;
	gap: 2.5rem !important;
	align-items: center !important;
	max-width: 1180px !important;
	min-height: 260px !important;
	margin: 0 auto !important;
	padding: 3rem !important;
	border-radius: 24px !important;
	background: #3858e9 !important;
	color: #ffffff !important;
}

.wpgranada-article-newsletter-label {
	margin: 0 0 1rem !important;
	color: rgba(255, 255, 255, 0.72) !important;
	font-size: 0.68rem !important;
	font-weight: 900 !important;
	letter-spacing: 0.15em !important;
	text-transform: uppercase !important;
}

.wpgranada-article-newsletter-box h2 {
	margin: 0 0 1.3rem !important;
	color: #ffffff !important;
	font-size: clamp(1.9rem, 3vw, 3.2rem) !important;
	font-weight: 900 !important;
	line-height: 1.02 !important;
	letter-spacing: -0.055em !important;
}

.wpgranada-article-newsletter-box h2 span {
	color: #f97316 !important;
}

.wpgranada-article-newsletter-box__content>p:last-child {
	max-width: 500px !important;
	margin: 0 !important;
	color: rgba(255, 255, 255, 0.72) !important;
	font-size: 0.88rem !important;
	line-height: 1.55 !important;
}

.wpgranada-article-newsletter-form {
	width: 100% !important;
	max-width: 560px !important;
	justify-self: end !important;
}

.wpgranada-article-newsletter-form__row {
	display: flex !important;
	align-items: center !important;
	min-height: 58px !important;
	padding: 0.35rem !important;
	border: 1px solid rgba(255, 255, 255, 0.20) !important;
	border-radius: 16px !important;
	background: rgba(255, 255, 255, 0.08) !important;
}

.wpgranada-article-newsletter-form input {
	flex: 1 !important;
	height: 46px !important;
	padding: 0 1rem !important;
	border: 0 !important;
	outline: 0 !important;
	background: transparent !important;
	color: #ffffff !important;
	font-size: 0.92rem !important;
}

.wpgranada-article-newsletter-form input::placeholder {
	color: rgba(255, 255, 255, 0.45) !important;
}

.wpgranada-article-newsletter-form button {
	height: 46px !important;
	min-width: 126px !important;
	padding: 0 1.1rem !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: #f97316 !important;
	color: #ffffff !important;
	font-size: 0.88rem !important;
	font-weight: 900 !important;
	cursor: pointer !important;
}

.wpgranada-article-newsletter-form>p {
	margin: 0.85rem 0 0 !important;
	color: rgba(255, 255, 255, 0.45) !important;
	font-size: 0.78rem !important;
}

/* Accesibilidad */
.screen-reader-text {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* Responsive */
@media (max-width: 1050px) {

	.wpgranada-article-hero__inner,
	.wpgranada-article-layout,
	.wpgranada-article-newsletter-box {
		grid-template-columns: 1fr !important;
	}

	.wpgranada-article-sidebar {
		position: static !important;
	}

	.wpgranada-article-related-grid,
	.wpgranada-article-connect-grid {
		grid-template-columns: 1fr !important;
	}

	.wpgranada-article-newsletter-form {
		max-width: 100% !important;
		justify-self: start !important;
	}
}

@media (max-width: 700px) {

	.wpgranada-article-hero,
	.wpgranada-article-body-section,
	.wpgranada-article-related,
	.wpgranada-article-connect-section,
	.wpgranada-article-speaker-newsletter-section {
		padding-left: 1.25rem !important;
		padding-right: 1.25rem !important;
	}

	.wpgranada-article-hero h1 {
		font-size: clamp(2.6rem, 13vw, 4rem) !important;
	}

	.wpgranada-article-feature-grid {
		grid-template-columns: 1fr !important;
	}

	.wpgranada-article-video__image {
		height: 220px !important;
	}

	.wpgranada-article-newsletter-box {
		padding: 2rem 1.35rem !important;
		border-radius: 20px !important;
	}

	.wpgranada-article-newsletter-form__row {
		display: block !important;
	}

	.wpgranada-article-newsletter-form button {
		width: 100% !important;
		margin-top: 0.45rem !important;
	}
}

/* ==========================================================
   ARTÍCULO BLOG - PÁGINA COMPLETA FINAL
   Imagen principal: assets/images/blog-mapas.png
   ========================================================== */

/* ----------------------------------------------------------
   0. Limpieza de contenedores WordPress
   ---------------------------------------------------------- */

body:has(.wpgranada-article-page) .wp-block-post-title,
body:has(.wpgranada-article-page) h1.entry-title,
body:has(.wpgranada-article-page) .entry-title {
	display: none !important;
}

body:has(.wpgranada-article-page) main,
body:has(.wpgranada-article-page) .wp-block-post-content,
body:has(.wpgranada-article-page) .entry-content {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #ffffff !important;
}

body:has(.wpgranada-article-page) .wp-block-post-content>*,
body:has(.wpgranada-article-page) .entry-content>* {
	max-width: none !important;
}

/* Anula estilos antiguos de páginas internas */
body:has(.wpgranada-article-page) h2+p,
body:has(.wpgranada-article-page) h1+p,
body:has(.wpgranada-article-page) .wp-block-post-content p,
body:has(.wpgranada-article-page) .entry-content p {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

/* ----------------------------------------------------------
   1. Base general
   ---------------------------------------------------------- */

.wpgranada-article-page {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #ffffff !important;
	color: #111827 !important;
	overflow-x: hidden !important;
}

.wpgranada-article-page *,
.wpgranada-article-page *::before,
.wpgranada-article-page *::after {
	box-sizing: border-box !important;
}

.wpgranada-article-page h1,
.wpgranada-article-page h2,
.wpgranada-article-page h3,
.wpgranada-article-page p,
.wpgranada-article-page a,
.wpgranada-article-page span,
.wpgranada-article-page input,
.wpgranada-article-page button,
.wpgranada-article-page form,
.wpgranada-article-page strong,
.wpgranada-article-page small {
	font-family: Inter, Arial, Helvetica, sans-serif !important;
}

/* Quita sombras/cajas raras heredadas */
.wpgranada-article-page p,
.wpgranada-article-page h1,
.wpgranada-article-page h2,
.wpgranada-article-page h3,
.wpgranada-article-page span,
.wpgranada-article-page a,
.wpgranada-article-page form {
	box-shadow: none !important;
}

/* ==========================================================
   2. HERO DEL ARTÍCULO
   ========================================================== */

.wpgranada-article-hero {
	width: 100% !important;
	padding: 4rem 2rem 3rem !important;
	background: #ffffff !important;
}

.wpgranada-article-hero__inner {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(360px, 500px) !important;
	gap: clamp(3rem, 5vw, 5rem) !important;
	align-items: center !important;
	width: 100% !important;
	max-width: 1280px !important;
	margin: 0 auto !important;
}

.wpgranada-article-meta {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 1rem !important;
	align-items: center !important;
	margin-bottom: 1.8rem !important;
}

.wpgranada-article-meta span {
	color: #6b7280 !important;
	font-size: 0.72rem !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	letter-spacing: 0.14em !important;
	text-transform: uppercase !important;
}

.wpgranada-article-tag {
	padding: 0.5rem 0.85rem !important;
	border-radius: 999px !important;
	background: #fff1e7 !important;
	color: #f97316 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
}

.wpgranada-article-hero h1 {
	max-width: 720px !important;
	margin: 0 0 1.4rem !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	color: #111827 !important;
	font-size: clamp(3rem, 5.2vw, 5.6rem) !important;
	font-weight: 900 !important;
	line-height: 0.98 !important;
	letter-spacing: -0.075em !important;
	text-align: left !important;
}

.wpgranada-article-hero__content>p {
	max-width: 700px !important;
	margin: 0 0 2rem !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: #4b5563 !important;
	font-size: 1rem !important;
	line-height: 1.6 !important;
	text-align: left !important;
}

.wpgranada-article-author-share {
	display: flex !important;
	justify-content: space-between !important;
	gap: 2rem !important;
	align-items: center !important;
	max-width: 720px !important;
}

.wpgranada-article-author {
	display: flex !important;
	gap: 0.9rem !important;
	align-items: center !important;
}

.wpgranada-article-author__avatar {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 42px !important;
	height: 42px !important;
	border-radius: 999px !important;
	background: #eef2ff !important;
	color: #3858e9 !important;
	font-size: 0.82rem !important;
	font-weight: 900 !important;
	flex-shrink: 0 !important;
}

.wpgranada-article-author strong {
	display: block !important;
	margin-bottom: 0.2rem !important;
	color: #111827 !important;
	font-size: 0.9rem !important;
	font-weight: 900 !important;
}

.wpgranada-article-author span {
	display: block !important;
	color: #7a8194 !important;
	font-size: 0.78rem !important;
}

.wpgranada-article-share {
	display: flex !important;
	gap: 0.6rem !important;
	align-items: center !important;
}

.wpgranada-article-share span {
	color: #6b7280 !important;
	font-size: 0.78rem !important;
}

.wpgranada-article-share a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 34px !important;
	height: 34px !important;
	border: 1px solid rgba(15, 23, 42, 0.12) !important;
	border-radius: 999px !important;
	color: #111827 !important;
	font-size: 0.82rem !important;
	font-weight: 900 !important;
	text-decoration: none !important;
	background: #ffffff !important;
}

/* Imagen principal */
.wpgranada-article-hero__image {
	display: block !important;
	width: 100% !important;
	height: 310px !important;
	margin: 0 !important;
	border-radius: 16px !important;
	background-image: url("/wp-content/themes/wpgranada26/assets/images/blog-mapas.png") !important;
	background-color: #071742 !important;
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	box-shadow: 0 20px 44px rgba(15, 23, 42, 0.18) !important;
}

/* ==========================================================
   3. CUERPO DEL ARTÍCULO + SIDEBAR
   ========================================================== */

.wpgranada-article-body-section {
	width: 100% !important;
	padding: 3.5rem 2rem 4.5rem !important;
	background: #ffffff !important;
}

.wpgranada-article-layout {
	display: grid !important;
	grid-template-columns: minmax(0, 760px) 270px !important;
	gap: clamp(3rem, 6vw, 6rem) !important;
	align-items: start !important;
	max-width: 1280px !important;
	margin: 0 auto !important;
}

/* Párrafos normales limpios */
.wpgranada-article-content>p,
.wpgranada-article-content section>p {
	max-width: 760px !important;
	margin: 0 0 1.45rem !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: #374151 !important;
	font-size: 0.95rem !important;
	line-height: 1.75 !important;
	text-align: left !important;
}

.wpgranada-article-content section {
	margin-top: 3rem !important;
}

.wpgranada-article-content h2 {
	margin: 0 0 1.35rem !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: #111827 !important;
	font-size: clamp(1.75rem, 2.4vw, 2.35rem) !important;
	font-weight: 900 !important;
	line-height: 1.1 !important;
	letter-spacing: -0.05em !important;
	text-align: left !important;
}

.wpgranada-article-content h2 span {
	margin-right: 0.55rem !important;
	color: #f97316 !important;
	font-size: 1rem !important;
	font-weight: 900 !important;
}

/* Alertas */
.wpgranada-article-alert {
	display: flex !important;
	gap: 1rem !important;
	align-items: flex-start !important;
	max-width: 760px !important;
	margin: 2rem 0 !important;
	padding: 1.2rem 1.25rem !important;
	border: 0 !important;
	border-radius: 14px !important;
	box-shadow: none !important;
}

.wpgranada-article-alert--warning {
	background: #fff1e7 !important;
}

.wpgranada-article-alert--info {
	background: #eef2ff !important;
}

.wpgranada-article-alert>span {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 34px !important;
	height: 34px !important;
	border-radius: 10px !important;
	background: rgba(255, 255, 255, 0.75) !important;
	color: #f97316 !important;
	flex-shrink: 0 !important;
	font-weight: 900 !important;
}

.wpgranada-article-alert--info>span {
	color: #3858e9 !important;
}

.wpgranada-article-alert strong {
	display: block !important;
	margin-bottom: 0.35rem !important;
	color: #111827 !important;
	font-size: 0.95rem !important;
	font-weight: 900 !important;
}

.wpgranada-article-alert p {
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: #374151 !important;
	font-size: 0.9rem !important;
	line-height: 1.55 !important;
}

/* Grid funcionalidades */
.wpgranada-article-feature-grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 1rem !important;
	margin: 2rem 0 !important;
}

.wpgranada-article-feature-grid article {
	display: flex !important;
	gap: 0.8rem !important;
	align-items: flex-start !important;
	padding: 1rem !important;
	border: 1px solid rgba(15, 23, 42, 0.10) !important;
	border-radius: 12px !important;
	background: #ffffff !important;
	box-shadow: none !important;
}

.wpgranada-article-feature-grid span {
	color: #3858e9 !important;
	font-weight: 900 !important;
}

.wpgranada-article-feature-grid article p {
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	font-size: 0.88rem !important;
	line-height: 1.55 !important;
	color: #374151 !important;
}

/* ==========================================================
   4. VÍDEO
   ========================================================== */

.wpgranada-article-video-section h2 {
	margin-bottom: 1.5rem !important;
}

.wpgranada-article-video {
	position: relative !important;
	width: 100% !important;
	max-width: 720px !important;
	overflow: hidden !important;
	border-radius: 16px !important;
	box-shadow: 0 18px 42px rgba(15, 23, 42, 0.16) !important;
}

.wpgranada-article-video__image {
	height: 320px !important;
	background-image: url("/wp-content/themes/wpgranada26/assets/images/blog-video-charla.png") !important;
	background-color: #e5e7eb !important;
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
}

.wpgranada-article-video button {
	position: absolute !important;
	inset: 50% auto auto 50% !important;
	transform: translate(-50%, -50%) !important;
	width: 64px !important;
	height: 64px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: #f97316 !important;
	color: #ffffff !important;
	font-size: 1.2rem !important;
	cursor: pointer !important;
}

/* ==========================================================
   5. SIDEBAR
   ========================================================== */

.wpgranada-article-sidebar {
	position: sticky !important;
	top: 90px !important;
}

.wpgranada-article-sidebar p,
.wpgranada-article-sidebar h3,
.wpgranada-article-sidebar span,
.wpgranada-article-sidebar a {
	box-shadow: none !important;
}

.wpgranada-article-toc,
.wpgranada-article-sidebar-card {
	padding: 1.25rem !important;
	border: 1px solid rgba(15, 23, 42, 0.10) !important;
	border-radius: 14px !important;
	background: #ffffff !important;
	margin-bottom: 1.2rem !important;
	box-shadow: none !important;
}

.wpgranada-article-toc p,
.wpgranada-article-sidebar-card p {
	margin: 0 0 1rem !important;
	padding: 0 !important;
	color: #6b7280 !important;
	font-size: 0.68rem !important;
	font-weight: 900 !important;
	letter-spacing: 0.14em !important;
	text-transform: uppercase !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

.wpgranada-article-toc a {
	display: flex !important;
	gap: 0.7rem !important;
	padding: 0.6rem 0 !important;
	color: #4b5563 !important;
	font-size: 0.82rem !important;
	line-height: 1.35 !important;
	text-decoration: none !important;
}

.wpgranada-article-toc a span {
	color: #7a8194 !important;
	font-size: 0.75rem !important;
}

.wpgranada-article-toc__active {
	margin-top: 0.5rem !important;
	padding: 0.65rem 0.8rem !important;
	border-radius: 8px !important;
	background: #111827 !important;
	color: #ffffff !important;
}

.wpgranada-article-toc__active span {
	color: #ffffff !important;
}

.wpgranada-article-sidebar-card--dark {
	background: #111827 !important;
	color: #ffffff !important;
}

.wpgranada-article-sidebar-card--dark p,
.wpgranada-article-sidebar-card--dark h3 {
	background: transparent !important;
	color: inherit !important;
	border: 0 !important;
	box-shadow: none !important;
}

.wpgranada-article-sidebar-card h3 {
	margin: 0 0 1rem !important;
	color: inherit !important;
	font-size: 1.25rem !important;
	font-weight: 900 !important;
	line-height: 1.15 !important;
}

.wpgranada-article-sidebar-card--dark a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	min-height: 42px !important;
	border-radius: 999px !important;
	background: #f97316 !important;
	color: #ffffff !important;
	font-size: 0.85rem !important;
	font-weight: 900 !important;
	text-decoration: none !important;
}

.wpgranada-article-sidebar-card strong {
	display: block !important;
	color: #3858e9 !important;
	font-size: 2rem !important;
	font-weight: 900 !important;
	line-height: 1 !important;
}

.wpgranada-article-sidebar-card span {
	display: block !important;
	margin-top: 0.4rem !important;
	color: #6b7280 !important;
	font-size: 0.75rem !important;
}

/* ==========================================================
   6. MEETUPS RELACIONADAS
   ========================================================== */

.wpgranada-article-related {
	padding: 4rem 2rem !important;
	background: #f3f6fb !important;
}

.wpgranada-article-related__header {
	display: flex !important;
	justify-content: space-between !important;
	align-items: end !important;
	gap: 2rem !important;
	max-width: 1280px !important;
	margin: 0 auto 2.4rem !important;
}

.wpgranada-article-section-label {
	margin: 0 0 0.8rem !important;
	color: #3858e9 !important;
	font-size: 0.68rem !important;
	font-weight: 900 !important;
	letter-spacing: 0.15em !important;
	text-transform: uppercase !important;
}

.wpgranada-article-related__header h2,
.wpgranada-article-connect-inner>h2 {
	margin: 0 !important;
	color: #111827 !important;
	font-size: clamp(2rem, 3vw, 3.2rem) !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	letter-spacing: -0.055em !important;
}

.wpgranada-article-related__button {
	display: inline-flex !important;
	align-items: center !important;
	min-height: 42px !important;
	padding: 0.75rem 1.2rem !important;
	border: 1px solid rgba(15, 23, 42, 0.14) !important;
	border-radius: 999px !important;
	color: #111827 !important;
	font-size: 0.88rem !important;
	font-weight: 800 !important;
	text-decoration: none !important;
	background: #ffffff !important;
}

.wpgranada-article-related-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 1.5rem !important;
	max-width: 1280px !important;
	margin: 0 auto !important;
}

.wpgranada-article-related-card {
	overflow: hidden !important;
	border: 1px solid rgba(15, 23, 42, 0.10) !important;
	border-radius: 14px !important;
	background: #ffffff !important;
}

.wpgranada-article-related-card__image {
	height: 205px !important;
	background-position: center !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
}

.wpgranada-article-related-card__image--ia {
	background-image: url("/wp-content/themes/wpgranada26/assets/images/meetup-ia-wordpress.png") !important;
}

.wpgranada-article-related-card__image--block-theme {
	background-image: url("/wp-content/themes/wpgranada26/assets/images/meetup-block-theme.png") !important;
}

.wpgranada-article-related-card__image--mentalidad {
	background-image: url("/wp-content/themes/wpgranada26/assets/images/meetup-mentalidad.png") !important;
}

.wpgranada-article-related-card__body {
	padding: 1.3rem !important;
}

.wpgranada-article-related-card__meta {
	display: flex !important;
	gap: 1rem !important;
	align-items: center !important;
	margin-bottom: 1rem !important;
}

.wpgranada-article-related-card__meta span {
	padding: 0.45rem 0.8rem !important;
	border-radius: 999px !important;
	background: #fff1e7 !important;
	color: #f97316 !important;
	font-size: 0.72rem !important;
	font-weight: 900 !important;
}

.wpgranada-article-related-card__meta small {
	color: #7a8194 !important;
	font-size: 0.72rem !important;
	font-weight: 900 !important;
}

.wpgranada-article-related-card h3 {
	margin: 0 0 1.1rem !important;
	color: #0b2743 !important;
	font-size: 1.2rem !important;
	font-weight: 900 !important;
	line-height: 1.15 !important;
}

.wpgranada-article-related-card a {
	color: #3858e9 !important;
	font-size: 0.85rem !important;
	font-weight: 700 !important;
	text-decoration: none !important;
}

/* ==========================================================
   7. CONECTA
   ========================================================== */

.wpgranada-article-connect-section {
	padding: 4.5rem 2rem !important;
	background: #f3f6fb !important;
}

.wpgranada-article-connect-inner {
	max-width: 1180px !important;
	margin: 0 auto !important;
}

.wpgranada-article-connect-inner>h2 {
	margin: 0 0 2.5rem !important;
}

.wpgranada-article-connect-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 1.4rem !important;
}

.wpgranada-article-connect-card {
	min-height: 190px !important;
	padding: 1.65rem !important;
	border: 1px solid rgba(15, 23, 42, 0.10) !important;
	border-radius: 14px !important;
	background: #ffffff !important;
}

.wpgranada-article-connect-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 38px !important;
	height: 38px !important;
	margin-bottom: 1rem !important;
	border-radius: 11px !important;
}

.wpgranada-article-connect-icon--blue {
	background: #eef2ff !important;
	color: #3858e9 !important;
}

.wpgranada-article-connect-icon--orange {
	background: #fff1e7 !important;
	color: #f97316 !important;
}

.wpgranada-article-connect-card h3 {
	margin: 0 0 0.65rem !important;
	color: #111827 !important;
	font-size: 1.08rem !important;
	font-weight: 900 !important;
}

.wpgranada-article-connect-card p {
	margin: 0 0 1rem !important;
	color: #4b5563 !important;
	font-size: 0.86rem !important;
	line-height: 1.55 !important;
}

.wpgranada-article-connect-card a {
	color: #3858e9 !important;
	font-size: 0.82rem !important;
	font-weight: 700 !important;
	text-decoration: none !important;
}

/* ==========================================================
   8. CTA PONENTE + NEWSLETTER
   ========================================================== */

.wpgranada-article-speaker-newsletter-section {
	padding: 4.5rem 2rem 5.5rem !important;
	background: #ffffff !important;
}

.wpgranada-article-speaker-cta {
	max-width: 860px !important;
	margin: 0 auto 5rem !important;
	text-align: center !important;
}

.wpgranada-article-speaker-cta .wpgranada-article-section-label {
	text-align: center !important;
}

.wpgranada-article-speaker-cta h2 {
	margin: 0 0 1.15rem !important;
	color: #111827 !important;
	font-size: clamp(2rem, 3vw, 3.2rem) !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	letter-spacing: -0.055em !important;
}

.wpgranada-article-speaker-cta p:not(.wpgranada-article-section-label) {
	max-width: 720px !important;
	margin: 0 auto 1.7rem !important;
	color: #4b5563 !important;
	font-size: 0.92rem !important;
	line-height: 1.55 !important;
}

.wpgranada-article-speaker-cta a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 44px !important;
	padding: 0.78rem 1.35rem !important;
	border-radius: 999px !important;
	background: #f97316 !important;
	color: #ffffff !important;
	font-size: 0.9rem !important;
	font-weight: 900 !important;
	text-decoration: none !important;
}

/* Newsletter azul */
.wpgranada-article-newsletter-box {
	display: grid !important;
	grid-template-columns: minmax(0, 0.9fr) minmax(340px, 1fr) !important;
	gap: 2.5rem !important;
	align-items: center !important;
	max-width: 1180px !important;
	min-height: 260px !important;
	margin: 0 auto !important;
	padding: 3rem !important;
	border-radius: 24px !important;
	background: #3858e9 !important;
	color: #ffffff !important;
	box-shadow: none !important;
	overflow: hidden !important;
}

/* Quitar bloques blancos dentro de newsletter */
.wpgranada-article-newsletter-box p,
.wpgranada-article-newsletter-box h2,
.wpgranada-article-newsletter-box span,
.wpgranada-article-newsletter-box form {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

.wpgranada-article-newsletter-label {
	margin: 0 0 1rem !important;
	padding: 0 !important;
	color: rgba(255, 255, 255, 0.72) !important;
	font-size: 0.68rem !important;
	font-weight: 900 !important;
	letter-spacing: 0.15em !important;
	text-transform: uppercase !important;
}

.wpgranada-article-newsletter-box h2 {
	margin: 0 0 1.3rem !important;
	padding: 0 !important;
	color: #ffffff !important;
	font-size: clamp(1.9rem, 3vw, 3.2rem) !important;
	font-weight: 900 !important;
	line-height: 1.02 !important;
	letter-spacing: -0.055em !important;
}

.wpgranada-article-newsletter-box h2 span {
	color: #f97316 !important;
}

.wpgranada-article-newsletter-box__content>p,
.wpgranada-article-newsletter-box__content>p:last-child {
	max-width: 500px !important;
	margin: 0 !important;
	padding: 0 !important;
	color: rgba(255, 255, 255, 0.72) !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	font-size: 0.88rem !important;
	line-height: 1.55 !important;
	text-align: left !important;
}

.wpgranada-article-newsletter-form {
	width: 100% !important;
	max-width: 560px !important;
	justify-self: end !important;
}

.wpgranada-article-newsletter-form__row {
	display: flex !important;
	align-items: center !important;
	min-height: 58px !important;
	padding: 0.35rem !important;
	border: 1px solid rgba(255, 255, 255, 0.20) !important;
	border-radius: 16px !important;
	background: rgba(255, 255, 255, 0.08) !important;
	box-shadow: none !important;
}

.wpgranada-article-newsletter-form input {
	flex: 1 !important;
	height: 46px !important;
	padding: 0 1rem !important;
	border: 0 !important;
	outline: 0 !important;
	background: transparent !important;
	color: #ffffff !important;
	font-size: 0.92rem !important;
	box-shadow: none !important;
}

.wpgranada-article-newsletter-form input::placeholder {
	color: rgba(255, 255, 255, 0.45) !important;
}

.wpgranada-article-newsletter-form button {
	height: 46px !important;
	min-width: 126px !important;
	padding: 0 1.1rem !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: #f97316 !important;
	color: #ffffff !important;
	font-size: 0.88rem !important;
	font-weight: 900 !important;
	cursor: pointer !important;
	box-shadow: none !important;
}

.wpgranada-article-newsletter-form>p {
	margin: 0.85rem 0 0 !important;
	padding: 0 !important;
	color: rgba(255, 255, 255, 0.45) !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	font-size: 0.78rem !important;
	text-align: left !important;
}

/* Accesibilidad */
.screen-reader-text {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* ==========================================================
   9. RESPONSIVE
   ========================================================== */

@media (max-width: 1050px) {

	.wpgranada-article-hero__inner,
	.wpgranada-article-layout,
	.wpgranada-article-newsletter-box {
		grid-template-columns: 1fr !important;
	}

	.wpgranada-article-sidebar {
		position: static !important;
	}

	.wpgranada-article-related-grid,
	.wpgranada-article-connect-grid {
		grid-template-columns: 1fr !important;
	}

	.wpgranada-article-newsletter-form {
		max-width: 100% !important;
		justify-self: start !important;
	}
}

@media (max-width: 700px) {

	.wpgranada-article-hero,
	.wpgranada-article-body-section,
	.wpgranada-article-related,
	.wpgranada-article-connect-section,
	.wpgranada-article-speaker-newsletter-section {
		padding-left: 1.25rem !important;
		padding-right: 1.25rem !important;
	}

	.wpgranada-article-hero h1 {
		font-size: clamp(2.6rem, 13vw, 4rem) !important;
	}

	.wpgranada-article-hero__image {
		height: 230px !important;
	}

	.wpgranada-article-feature-grid {
		grid-template-columns: 1fr !important;
	}

	.wpgranada-article-video__image {
		height: 220px !important;
	}

	.wpgranada-article-newsletter-box {
		padding: 2rem 1.35rem !important;
		border-radius: 20px !important;
	}

	.wpgranada-article-newsletter-form__row {
		display: block !important;
		min-height: auto !important;
		padding: 0.55rem !important;
	}

	.wpgranada-article-newsletter-form button {
		width: 100% !important;
		margin-top: 0.45rem !important;
	}
}

/* ==========================================================
   ARTÍCULO BLOG - CORREGIR PUNTO 05 DEL ÍNDICE LATERAL
   Quita el bloque azul oscuro de "Vídeo de la charla"
   ========================================================== */

/* Quita el estilo oscuro del enlace activo del índice */
.wpgranada-article-toc__active {
	margin-top: 0 !important;
	padding: 0.6rem 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #4b5563 !important;
	box-shadow: none !important;
}

/* Número del punto activo */
.wpgranada-article-toc__active span {
	color: #7a8194 !important;
}

/* Texto del punto activo */
.wpgranada-article-toc a.wpgranada-article-toc__active {
	color: #4b5563 !important;
	background: transparent !important;
}

/* Hover suave para todos los enlaces del índice */
.wpgranada-article-toc a:hover {
	color: #3858e9 !important;
	background: transparent !important;
}

/* Si quieres que el punto 05 tenga el mismo tamaño y separación que los demás */
.wpgranada-article-toc a {
	display: flex !important;
	gap: 0.7rem !important;
	align-items: flex-start !important;
	padding: 0.6rem 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	text-decoration: none !important;
}

/* ==========================================================
   HEADER - LOGO WPGRANADA Y AJUSTE MENÚ
   ========================================================== */

/* Sustituye el logo actual por el logo completo de WPGranada */
.wp-site-blocks>.wp-block-template-part:first-child .wp-block-site-logo img {
	content: url("/wp-content/themes/wpgranada26/assets/images/logo-wpgranada.png") !important;
	width: 215px !important;
	max-width: 215px !important;
	height: auto !important;
	object-fit: contain !important;
}

/* Ajusta el bloque del logo para que no quede enorme */
.wp-site-blocks>.wp-block-template-part:first-child .wp-block-site-logo {
	width: auto !important;
	max-width: 230px !important;
	margin: 0 !important;
}

/* Oculta el título y subtítulo antiguos porque ya vienen dentro del nuevo logo */
.wp-site-blocks>.wp-block-template-part:first-child .wp-block-site-title,
.wp-site-blocks>.wp-block-template-part:first-child .wp-block-site-tagline {
	display: none !important;
}

/* Alineación general del header */
.wp-site-blocks>.wp-block-template-part:first-child {
	background: #ffffff !important;
	border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
}

/* Limpia posibles bordes o cajas del menú */
.wp-site-blocks>.wp-block-template-part:first-child .wp-block-navigation,
.wp-site-blocks>.wp-block-template-part:first-child .wp-block-navigation__container,
.wp-site-blocks>.wp-block-template-part:first-child nav {
	border: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
}

/* Enlaces del menú */
.wp-site-blocks>.wp-block-template-part:first-child .wp-block-navigation-item__content {
	color: #111827 !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 0.98rem !important;
	font-weight: 800 !important;
	text-decoration: none !important;
}

/* Hover y enlace activo */
.wp-site-blocks>.wp-block-template-part:first-child .wp-block-navigation-item__content:hover,
.wp-site-blocks>.wp-block-template-part:first-child .current-menu-item .wp-block-navigation-item__content,
.wp-site-blocks>.wp-block-template-part:first-child .current-menu-ancestor .wp-block-navigation-item__content {
	color: #3858e9 !important;
}

/* Botón naranja del header */
.wp-site-blocks>.wp-block-template-part:first-child .wp-block-button__link,
.wp-site-blocks>.wp-block-template-part:first-child .wp-element-button {
	min-height: 48px !important;
	padding: 0.85rem 1.55rem !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: #ff6b16 !important;
	color: #ffffff !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 0.95rem !important;
	font-weight: 900 !important;
	text-decoration: none !important;
	box-shadow: none !important;
}

/* Responsive header */
@media (max-width: 700px) {
	.wp-site-blocks>.wp-block-template-part:first-child .wp-block-site-logo img {
		width: 170px !important;
		max-width: 170px !important;
	}
}

/* ==========================================================
   HEADER FINAL - LOGO WPGRANADA COMO FIGMA
   ========================================================== */

/* Header general compacto */
.wp-site-blocks>.wp-block-template-part:first-child {
	width: 100% !important;
	min-height: 74px !important;
	padding: 0 !important;
	background: #ffffff !important;
	border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
	box-shadow: none !important;
}

/* Contenedores internos del header */
.wp-site-blocks>.wp-block-template-part:first-child>*,
.wp-site-blocks>.wp-block-template-part:first-child .wp-block-group,
.wp-site-blocks>.wp-block-template-part:first-child .wp-block-columns,
.wp-site-blocks>.wp-block-template-part:first-child .wp-block-column {
	box-sizing: border-box !important;
	min-height: 74px !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	align-items: center !important;
}

/* Logo: usa la imagen completa logo-wpgranada.png */
.wp-site-blocks>.wp-block-template-part:first-child .wp-block-site-logo {
	display: flex !important;
	align-items: center !important;
	width: auto !important;
	max-width: 230px !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 0 !important;
}

.wp-site-blocks>.wp-block-template-part:first-child .wp-block-site-logo img {
	content: url("/wp-content/themes/wpgranada26/assets/images/logo-wpgranada.png") !important;
	display: block !important;
	width: 220px !important;
	max-width: 220px !important;
	height: auto !important;
	max-height: 58px !important;
	object-fit: contain !important;
}

/* Oculta textos antiguos del header porque el logo completo ya los incluye */
.wp-site-blocks>.wp-block-template-part:first-child .wp-block-site-title,
.wp-site-blocks>.wp-block-template-part:first-child .wp-block-site-tagline,
.wp-site-blocks>.wp-block-template-part:first-child .wp-block-site-title *,
.wp-site-blocks>.wp-block-template-part:first-child .wp-block-site-tagline *,
.wp-site-blocks>.wp-block-template-part:first-child p:has(+ .wp-block-site-title),
.wp-site-blocks>.wp-block-template-part:first-child p:contains("Comunidad local") {
	display: none !important;
}

/* Por si la frase antigua aparece como párrafo suelto */
.wp-site-blocks>.wp-block-template-part:first-child p {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.wp-site-blocks>.wp-block-template-part:first-child p:not(.wp-block-navigation-item__label) {
	font-size: 0 !important;
	line-height: 0 !important;
}

/* Menú limpio */
.wp-site-blocks>.wp-block-template-part:first-child .wp-block-navigation,
.wp-site-blocks>.wp-block-template-part:first-child .wp-block-navigation__container,
.wp-site-blocks>.wp-block-template-part:first-child nav {
	border: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
}

/* Items del menú */
.wp-site-blocks>.wp-block-template-part:first-child .wp-block-navigation-item__content {
	color: #111827 !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 0.98rem !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	text-decoration: none !important;
}

.wp-site-blocks>.wp-block-template-part:first-child .wp-block-navigation-item__content:hover,
.wp-site-blocks>.wp-block-template-part:first-child .current-menu-item .wp-block-navigation-item__content {
	color: #3858e9 !important;
}

/* Botón naranja */
.wp-site-blocks>.wp-block-template-part:first-child .wp-block-button__link,
.wp-site-blocks>.wp-block-template-part:first-child .wp-element-button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 48px !important;
	padding: 0.85rem 1.55rem !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: #ff6b16 !important;
	color: #ffffff !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 0.95rem !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	box-shadow: none !important;
}

/* Evita que el header se haga gigante */
.wp-site-blocks>.wp-block-template-part:first-child img {
	max-height: 58px !important;
}

/* Responsive */
@media (max-width: 900px) {
	.wp-site-blocks>.wp-block-template-part:first-child .wp-block-site-logo img {
		width: 185px !important;
		max-width: 185px !important;
		max-height: 50px !important;
	}
}

@media (max-width: 700px) {
	.wp-site-blocks>.wp-block-template-part:first-child {
		min-height: 68px !important;
	}

	.wp-site-blocks>.wp-block-template-part:first-child .wp-block-site-logo img {
		width: 165px !important;
		max-width: 165px !important;
		max-height: 46px !important;
	}
}

/* ==========================================================
   HEADER DEFINITIVO - LOGO + TEXTO + ALTURA IGUAL EN TODAS LAS PÁGINAS
   ========================================================== */

/* ----------------------------------------------------------
   1. Header general: misma altura en todas las páginas
   ---------------------------------------------------------- */

.wp-site-blocks>.wp-block-template-part:first-child {
	box-sizing: border-box !important;
	width: 100% !important;
	min-height: 76px !important;
	height: 76px !important;
	max-height: 76px !important;
	padding: 0 !important;
	margin: 0 !important;
	background: #ffffff !important;
	border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
	box-shadow: none !important;
	overflow: visible !important;
}

/* Contenedores internos del header */
.wp-site-blocks>.wp-block-template-part:first-child>*,
.wp-site-blocks>.wp-block-template-part:first-child .wp-block-group,
.wp-site-blocks>.wp-block-template-part:first-child .wp-block-columns,
.wp-site-blocks>.wp-block-template-part:first-child .wp-block-column {
	box-sizing: border-box !important;
	min-height: 76px !important;
	height: 76px !important;
	max-height: 76px !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	align-items: center !important;
	overflow: visible !important;
}

/* Evita que alguna página agrande el header */
body .wp-site-blocks>.wp-block-template-part:first-child {
	min-height: 76px !important;
	height: 76px !important;
	max-height: 76px !important;
}

/* ----------------------------------------------------------
   2. Logo pequeño + texto WPGRANADA al lado
   ---------------------------------------------------------- */

/* Contenedor del logo */
.wp-site-blocks>.wp-block-template-part:first-child .wp-block-site-logo {
	display: flex !important;
	align-items: center !important;
	width: auto !important;
	max-width: none !important;
	height: 76px !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1 !important;
}

/* Enlace del logo */
.wp-site-blocks>.wp-block-template-part:first-child .wp-block-site-logo a {
	display: inline-flex !important;
	align-items: center !important;
	gap: 0.75rem !important;
	height: 76px !important;
	text-decoration: none !important;
}

/* Icono W */
.wp-site-blocks>.wp-block-template-part:first-child .wp-block-site-logo img {
	content: url("/wp-content/themes/wpgranada26/assets/images/logo-wpgranada.png") !important;
	display: block !important;
	width: 52px !important;
	height: 52px !important;
	max-width: 52px !important;
	max-height: 52px !important;
	object-fit: contain !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Texto al lado del logo */
.wp-site-blocks>.wp-block-template-part:first-child .wp-block-site-logo a::after {
	content: "WPGRANADA\A COMUNIDAD WORDPRESS" !important;
	white-space: pre !important;
	display: block !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 1.12rem !important;
	font-weight: 900 !important;
	line-height: 0.9 !important;
	letter-spacing: -0.03em !important;
	color: #111827 !important;
}

/* Segunda línea más pequeña simulada con tamaño general ajustado */
.wp-site-blocks>.wp-block-template-part:first-child .wp-block-site-logo a::after {
	text-transform: none !important;
}

/* Oculta título y subtítulo antiguos para que no dupliquen texto */
.wp-site-blocks>.wp-block-template-part:first-child .wp-block-site-title,
.wp-site-blocks>.wp-block-template-part:first-child .wp-block-site-tagline {
	display: none !important;
}

/* Si queda un párrafo antiguo tipo "Comunidad local de WordPress en Granada", lo ocultamos */
.wp-site-blocks>.wp-block-template-part:first-child .wp-block-site-logo+p,
.wp-site-blocks>.wp-block-template-part:first-child .wp-block-site-logo~p {
	display: none !important;
}

/* ----------------------------------------------------------
   3. Menú limpio y alineado
   ---------------------------------------------------------- */

.wp-site-blocks>.wp-block-template-part:first-child .wp-block-navigation,
.wp-site-blocks>.wp-block-template-part:first-child .wp-block-navigation__container,
.wp-site-blocks>.wp-block-template-part:first-child nav {
	border: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
	margin: 0 !important;
	padding: 0 !important;
}

.wp-site-blocks>.wp-block-template-part:first-child .wp-block-navigation__container {
	gap: clamp(1.4rem, 2vw, 2rem) !important;
}

/* Enlaces del menú */
.wp-site-blocks>.wp-block-template-part:first-child .wp-block-navigation-item__content {
	color: #111827 !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 0.98rem !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	text-decoration: none !important;
}

/* Hover y activo */
.wp-site-blocks>.wp-block-template-part:first-child .wp-block-navigation-item__content:hover,
.wp-site-blocks>.wp-block-template-part:first-child .current-menu-item .wp-block-navigation-item__content,
.wp-site-blocks>.wp-block-template-part:first-child .current-menu-ancestor .wp-block-navigation-item__content {
	color: #3858e9 !important;
}

/* ----------------------------------------------------------
   4. Botón naranja del header
   ---------------------------------------------------------- */

.wp-site-blocks>.wp-block-template-part:first-child .wp-block-button,
.wp-site-blocks>.wp-block-template-part:first-child .wp-block-buttons {
	margin: 0 !important;
}

.wp-site-blocks>.wp-block-template-part:first-child .wp-block-button__link,
.wp-site-blocks>.wp-block-template-part:first-child .wp-element-button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 48px !important;
	height: 48px !important;
	padding: 0 1.55rem !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: #ff6b16 !important;
	color: #ffffff !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 0.95rem !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	box-shadow: none !important;
}

/* ----------------------------------------------------------
   5. Ajuste general para que nada agrande el header
   ---------------------------------------------------------- */

.wp-site-blocks>.wp-block-template-part:first-child img,
.wp-site-blocks>.wp-block-template-part:first-child svg {
	max-height: 52px !important;
}

.wp-site-blocks>.wp-block-template-part:first-child p,
.wp-site-blocks>.wp-block-template-part:first-child h1,
.wp-site-blocks>.wp-block-template-part:first-child h2,
.wp-site-blocks>.wp-block-template-part:first-child h3 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/* ----------------------------------------------------------
   6. Responsive
   ---------------------------------------------------------- */

@media (max-width: 900px) {
	.wp-site-blocks>.wp-block-template-part:first-child {
		min-height: 72px !important;
		height: 72px !important;
		max-height: 72px !important;
	}

	.wp-site-blocks>.wp-block-template-part:first-child>*,
	.wp-site-blocks>.wp-block-template-part:first-child .wp-block-group,
	.wp-site-blocks>.wp-block-template-part:first-child .wp-block-columns,
	.wp-site-blocks>.wp-block-template-part:first-child .wp-block-column {
		min-height: 72px !important;
		height: 72px !important;
		max-height: 72px !important;
	}

	.wp-site-blocks>.wp-block-template-part:first-child .wp-block-site-logo a {
		height: 72px !important;
	}

	.wp-site-blocks>.wp-block-template-part:first-child .wp-block-site-logo img {
		width: 46px !important;
		height: 46px !important;
		max-width: 46px !important;
		max-height: 46px !important;
	}

	.wp-site-blocks>.wp-block-template-part:first-child .wp-block-site-logo a::after {
		font-size: 1rem !important;
		line-height: 0.9 !important;
	}
}

@media (max-width: 700px) {
	.wp-site-blocks>.wp-block-template-part:first-child .wp-block-site-logo a::after {
		display: none !important;
	}

	.wp-site-blocks>.wp-block-template-part:first-child .wp-block-site-logo img {
		width: 44px !important;
		height: 44px !important;
		max-width: 44px !important;
		max-height: 44px !important;
	}

}

/* Full-bleed: rompe el contenedor y ocupa 100vw */
.wpgranada-full-bleed {
	padding-bottom: 100px;
	padding-top: 50px;
	width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

/* -------------------------------------------------------
   Meetups Recientes — tarjetas dinámicas
   ------------------------------------------------------- */

.meetups-grid {
	gap: var(--wp--preset--spacing--50);
}

.meetups-grid>* {
	display: flex;
}

@media (max-width: 781px) {
	.meetups-grid.is-layout-grid {
		grid-template-columns: 1fr;
	}
}

.meetup-card {
	overflow: hidden;
	transition: box-shadow 0.2s ease;
	padding: 0;
	flex: 1;
	display: flex;
	flex-direction: column;
}

.meetup-card>.wp-block-group {
	flex: 1;
}

.meetup-card:hover {
	box-shadow: 0 8px 24px rgba(56, 88, 233, 0.12);
}

.meetup-card__image img {
	border-radius: 0;
	width: 100%;
	object-fit: cover;
}

.meetup-card__meta {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	flex-wrap: wrap;
}

.meetup-card__badge .wp-block-post-terms__separator {
	display: none;
}

.meetup-card__badge a {
	display: inline-block;
	background-color: var(--wp--preset--color--primary-light);
	color: var(--wp--preset--color--primary-dark);
	font-size: 0.75rem;
	font-weight: 600;
	padding: 0.2em 0.7em;
	border-radius: 100px;
	text-decoration: none;
	white-space: nowrap;
}

.meetups-ver-todas .wp-block-button__link {
	border: 1.5px solid var(--wp--preset--color--primary-muted);
	color: var(--wp--preset--color--contrast) !important;
	background: transparent !important;
}

.meetups-ver-todas .wp-block-button__link:hover {
	border-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--primary) !important;
}

/* -------------------------------------------------------
   Newsletter — Gravity Forms inline style
   ------------------------------------------------------- */

.newsletter-section .gform_wrapper {
	margin: 0;
}

.newsletter-section form {
	display: flex;
	flex-direction: row;
	gap: 0.75rem;
	align-items: center;
}

.newsletter-section .gform_body {
	margin: 0;
}

.newsletter-section .gform_fields {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 0.75rem;
	align-items: center;
}

.newsletter-section .gfield {
	margin: 0;
	padding: 0;
}

.newsletter-section .gfield input[type="email"],
.newsletter-section .gfield input[type="text"] {
	width: 100%;
	padding: 0.85rem 1.25rem;
	border: none;
	border-radius: 100px;
	font-size: 1rem;
	font-family: var(--wp--preset--font-family--body);
	background: rgba(255, 255, 255, 0.15);
	color: var(--wp--preset--color--base);
	outline: none;
}

.newsletter-section .gfield input[type="email"]::placeholder,
.newsletter-section .gfield input[type="text"]::placeholder {
	color: rgba(255, 255, 255, 0.6);
}

.newsletter-section .gfield input[type="email"]:focus,
.newsletter-section .gfield input[type="text"]:focus {
	background: rgba(255, 255, 255, 0.25);
}

.newsletter-section .gform_footer,
.newsletter-section .gform_page_footer {
	margin: 0 !important;
	padding: 0;
	display: contents;
}

.newsletter-section .gform_button,
.newsletter-section input[type="submit"],
.newsletter-section button[type="submit"] {
	padding: 0.85rem 1.75rem;
	background-color: #F97316 !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: 100px;
	font-size: 1rem;
	font-family: var(--wp--preset--font-family--body);
	font-weight: 600;
	cursor: pointer;
	white-space: nowrap;
	transition: background-color 0.2s ease;
}

.newsletter-section .gform_button:hover,
.newsletter-section input[type="submit"]:hover,
.newsletter-section button[type="submit"]:hover {
	background-color: #e0620f !important;
}

.newsletter-section .gfield_validation_message,
.newsletter-section .validation_message {
	color: #ffd0b0;
	font-size: 0.8rem;
	margin-top: 0.25rem;
}

.newsletter-section .gform_confirmation_message {
	color: var(--wp--preset--color--base);
	font-weight: 600;
}

.newsletter-section a {
	color: var(--wp--preset--color--accent);
	text-decoration: none;
}

.newsletter-section a:hover {
	text-decoration: underline;
}

/* Actividades — separadores de fila */
.wpgranada-row-sep {
	border: none;
	border-top: 1px solid #D0D5DD;
	margin: 0;
	height: 0;
}

/* -------------------------------------------------------
   Pattern inline styles → CSS classes
   ------------------------------------------------------- */

/* Typography utilities */
.is-label {
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.lh-tight {
	line-height: 1.1;
}

.lh-snug {
	line-height: 1.3;
}

.lh-normal {
	line-height: 1.5;
}

.lh-relaxed {
	line-height: 1.6;
}

.lh-compressed {
	line-height: 0.9;
}

.fw-medium {
	font-weight: 500;
}

.fw-semibold {
	font-weight: 600;
}

.fw-bold {
	font-weight: 700;
}

.fw-extrabold {
	font-weight: 800;
	line-height: 1.15;
}

/* Button styles */
.btn-cta {
	border-radius: 8px;
	padding: 1.25rem 2.5rem;
	font-weight: 600;
}

.btn-cta-outline {
	border-color: var(--wp--preset--color--primary);
	border-width: 2px;
	border-radius: 8px;
	padding: 1.25rem 2.5rem;
	font-weight: 600;
}

/* Hero */
.hero-section.wp-block-cover {
	min-height: 600px;
	padding: var(--wp--preset--spacing--100);
}

.hero-badge {
	border-radius: 100px;
	padding: 0.625rem 1.5rem;
}

/* Stats section */
.wpgranada-stats-section {
	padding: var(--wp--preset--spacing--100);
}

.stat-card {
	padding: var(--wp--preset--spacing--80);
}

.stat-card .wp-block-heading {
	line-height: 0.9;
}

.stat-card p {
	font-weight: 600;
}

/* Newsletter */
.wpgranada-newsletter-wrapper {
	padding: var(--wp--preset--spacing--100);
}

.newsletter-section {
	border-radius: 40px;
	padding: var(--wp--preset--spacing--90);
}

.newsletter-section mark {
	background: transparent;
	color: var(--wp--preset--color--accent);
}

.newsletter-col {
	flex-basis: 50%;
}

/* Meetups */
.wpgranada-meetups-wrapper {
	padding-top: var(--wp--preset--spacing--100);
	padding-right: var(--wp--preset--spacing--80);
	padding-bottom: var(--wp--preset--spacing--100);
	padding-left: var(--wp--preset--spacing--80);
}

.meetup-card {
	border: 1px solid #c7d1ff;
	border-radius: 12px;
}

.meetup-card__body {
	padding: var(--wp--preset--spacing--50);
}

.meetups-ver-todas .wp-block-button__link {
	border-radius: 100px;
}

/* Next event */
.next-event-card.wp-block-group {
	border: 2px solid var(--wp--preset--color--primary);
	border-radius: 12px;
}

.next-event-image-col {
	flex-basis: 46%;
}

.next-event-body {
	padding: var(--wp--preset--spacing--80);
}

.event-date-badge {
	border-radius: 100px;
	padding: 0.625rem 1.25rem;
}

/* Channels */
.wpgranada-channels-section {
	background-color: #f5f7fa;
	padding: var(--wp--preset--spacing--100);
}

.channel-card {
	padding: 2.5rem;
}

.channel-card__icon img {
	width: 40px;
}

.channel-card .wp-block-heading {
	font-weight: 700;
}

/* Past events */
.past-event-card .wp-block-heading {
	font-weight: 700;
	line-height: 1.3;
}

/* Marquee */
.wpgranada-marquee-items p {
	color: var(--wp--preset--color--base);
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(1.1rem, 3vw, 2rem);
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

/* Manifiesto */
.manifest-section.wp-block-columns {
	padding-top: 4rem;
	padding-bottom: 4rem;
	padding-left: var(--wp--preset--spacing--60);
	padding-right: var(--wp--preset--spacing--60);
}

.manifest-col-text {
	flex-basis: 45%;
}

.manifest-col-image {
	flex-basis: 55%;
}

.wpgranada-img-tilted img {
	border-radius: 20px;
}

/* Actividades */
.actividades-spacer {
	height: 2.5rem;
}

.wpgranada-row-sep {
	background-color: #D0D5DD;
	color: #D0D5DD;
}

.actividades-row {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}

.actividades-col-num {
	flex-basis: 8%;
}

.actividades-col-title {
	flex-basis: 25%;
}

.actividades-col-desc {
	flex-basis: 67%;
}

.actividades-col-num p {
	font-weight: 700;
}

/* CTA Speaker */
.cta-speaker-section {
	text-align: center;
}

.btn-pill {
	border-radius: 100px;
	padding: 1rem 2.5rem;
	font-weight: 600;
}

/* -------------------------------------------------------
   Hero Home — patrón wpgranada26/hero-home
   ------------------------------------------------------- */

.hero-home-section {
	overflow: hidden;
}

.hero-event-card {
	overflow: hidden;
	box-shadow: 0 8px 32px rgba(56, 88, 233, 0.10);
}

.hero-event-card .wp-block-post-featured-image img {
	width: 100%;
	object-fit: cover;
	display: block;
	border-radius: 16px 16px 0 0;
}

.hero-event-card__cta.wp-block-read-more {
	display: block;
	text-align: center;
	text-decoration: none;
	font-weight: 600;
}

@media (max-width: 781px) {
	.hero-home-section .wp-block-columns {
		flex-direction: column;
	}

	.hero-home-section .wp-block-column {
		flex-basis: 100% !important;
	}
}

.hero-event-card.wp-block-group {
	padding: 0 !important;
}

/* Header */
.site-header.wp-block-group {
	padding: 1.2rem var(--wp--preset--spacing--80);
	border-bottom: 1px solid var(--wp--preset--color--primary-light);
	position: sticky;
	top: 0;
	z-index: 1000;
	backdrop-filter: blur(8px);
	background-color: rgba(255,255,255,0.92);
}

.site-header__title a,
.site-header__title {
	font-weight: 800;
	font-size: clamp(1rem, 0.9rem + 0.5vw, 1.35rem);
	line-height: 1.1;
	color: var(--wp--preset--color--contrast);
}

.site-header__tagline {
	font-size: 0.875rem;
	line-height: 1.3;
	margin: 0;
}

.site-header__btn .wp-block-button__link {
	border-radius: 100px;
	padding: 0.75rem 1.25rem;
}

/* Footer */
.site-footer.wp-block-group {
	padding: 4rem var(--wp--preset--spacing--100);
}

.footer-logo img {
	width: 160px;
	height: auto;
}

.site-footer__desc {
	line-height: 1.7;
}

.site-footer__nav-heading {
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.footer-separator {
	margin-top: 0;
	margin-bottom: 0;
}

.site-footer__bottom {
	gap: 1rem;
}

/* Hero Home pattern */
.hero-home-section.wp-block-group {
	padding: var(--wp--preset--spacing--90) var(--wp--preset--spacing--80);
}

.hero-home-col-text {
	flex-basis: 55%;
}

.hero-home-col-card {
	flex-basis: 45%;
}

.hero-home-label {
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.hero-home-title {
	font-size: clamp(1.5rem, 0.464rem + 5.429vw, 6.25rem);
	font-weight: 900;
	line-height: 0.92;
	text-transform: uppercase;
}

.hero-home-tagline {
	font-weight: 700;
	line-height: 1.2;
}

.hero-home-desc {
	line-height: 1.6;
}

.hero-home-btn .wp-block-button__link {
	border-radius: 100px;
	padding: 0.875rem 2rem;
}

.hero-event-card.wp-block-group {
	border: 1px solid var(--wp--preset--color--primary-muted);
	border-radius: 16px;
	overflow: hidden;
}

.hero-event-card .wp-block-post-featured-image img {
	border-radius: 16px 16px 0 0;
}

.hero-event-card__body.wp-block-group {
	padding: var(--wp--preset--spacing--60);
	gap: var(--wp--preset--spacing--40);
}

.hero-event-card__label {
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.hero-event-card__date {
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

.hero-event-card .wp-block-post-title {
	font-weight: 700;
	line-height: 1.2;
}

.hero-event-card .wp-block-post-excerpt__excerpt {
	line-height: 1.5;
}

.hero-event-card__location p {
	font-size: 0.8rem;
}

.hero-event-card__cta {
	border-radius: 100px;
	padding: 0.875rem 1.5rem;
	display: block;
	text-align: center;
}

/* Archive template */
.archive-hero-section.wp-block-group {
	padding: var(--wp--preset--spacing--90) var(--wp--preset--spacing--80) var(--wp--preset--spacing--70);
}

.archive-hero-title {
	font-weight: 800;
	line-height: 1.05;
}

.archive-hero-desc {
	line-height: 1.6;
}

.archive-featured-section.wp-block-group {
	padding: 0 var(--wp--preset--spacing--80) var(--wp--preset--spacing--80);
}

.archive-featured-card.wp-block-columns {
	border: 1px solid var(--wp--preset--color--primary-light);
	border-radius: 16px;
	overflow: hidden;
	gap: 0;
}

.archive-featured-image-col.wp-block-column {
	flex-basis: 52% !important;
}

.archive-featured-image-col .wp-block-post-featured-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border-radius: 0;
}

.archive-featured-body-col.wp-block-column {
	flex-basis: 48% !important;
	padding: var(--wp--preset--spacing--70);
}

.archive-featured-cat a {
	display: inline-block;
	background-color: var(--wp--preset--color--accent);
	color: #fff;
	border-radius: 100px;
	padding: 0.2rem 0.75rem;
	font-size: 0.75rem;
	font-weight: 700;
	text-decoration: none;
}

.archive-featured-cat .wp-block-post-terms__separator {
	display: none;
}

.archive-posts-section.wp-block-group {
	padding: var(--wp--preset--spacing--80);
}

.archive-posts-title {
	font-weight: 800;
	margin-bottom: var(--wp--preset--spacing--60);
}

.archive-post-card {
	border: 1px solid var(--wp--preset--color--primary-light);
	border-radius: 12px;
	overflow: hidden;
}

.archive-post-card__body {
	padding: var(--wp--preset--spacing--50);
	gap: var(--wp--preset--spacing--30);
}

.archive-post-card .wp-block-post-title {
	font-weight: 700;
	line-height: 1.3;
}

.archive-post-card .wp-block-post-date {
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}
/* Archive grid equal-height cards + gap */
.archive-posts-section .wp-block-post-template.is-flex-container {
    align-items: stretch;
    gap: var(--wp--preset--spacing--50) !important;
}
.archive-posts-section .wp-block-post-template.is-flex-container > li {
    display: flex;
    flex-direction: column;
}
.archive-posts-section .archive-post-card {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.archive-posts-section .archive-post-card__body {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--wp--preset--spacing--30);
}

/* Pagination */
.archive-posts-section .wp-block-query-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    margin-top: var(--wp--preset--spacing--70);
    flex-wrap: wrap;
}
.archive-posts-section .wp-block-query-pagination-numbers {
    display: flex;
    align-items: center;
    gap: 0.375rem;
}
.archive-posts-section .wp-block-query-pagination a,
.archive-posts-section .wp-block-query-pagination-previous a,
.archive-posts-section .wp-block-query-pagination-next a,
.archive-posts-section .wp-block-query-pagination-numbers a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.5rem;
    height: 2.5rem;
    padding: 0 0.75rem;
    border: 1px solid var(--wp--preset--color--primary-light);
    border-radius: 8px;
    color: var(--wp--preset--color--contrast);
    font-weight: 600;
    font-size: 0.875rem;
    text-decoration: none;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
}
.archive-posts-section .wp-block-query-pagination a:hover,
.archive-posts-section .wp-block-query-pagination-previous a:hover,
.archive-posts-section .wp-block-query-pagination-next a:hover,
.archive-posts-section .wp-block-query-pagination-numbers a:hover {
    background-color: var(--wp--preset--color--primary);
    border-color: var(--wp--preset--color--primary);
    color: #fff;
}
.archive-posts-section .wp-block-query-pagination-numbers .page-numbers.current {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.5rem;
    height: 2.5rem;
    padding: 0 0.75rem;
    background-color: var(--wp--preset--color--primary);
    border: 1px solid var(--wp--preset--color--primary);
    border-radius: 8px;
    color: #fff;
    font-weight: 700;
    font-size: 0.875rem;
}
.archive-posts-section .wp-block-query-pagination-previous,
.archive-posts-section .wp-block-query-pagination-next {
    font-size: 0;
}
.archive-posts-section .wp-block-query-pagination-previous a::before { content: "←"; font-size: 1rem; }
.archive-posts-section .wp-block-query-pagination-next a::after { content: "→"; font-size: 1rem; }

/* Grid: gap + equal height cards */
.archive-posts-section .wp-block-post-template {
    gap: 1.5rem !important;
}
.archive-posts-section .wp-block-post-template > li {
    display: flex;
    flex-direction: column;
}
.archive-posts-section .archive-post-card.wp-block-group {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.archive-posts-section .archive-post-card__body.wp-block-group {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.archive-post-card.wp-block-group { padding: 0 !important; }

/* Classic nav menu in header */
.wpgranada-nav-menu {
    display: flex;
    align-items: center;
    gap: 2rem;
    list-style: none;
    margin: 0;
    padding: 0;
}
.wpgranada-nav-menu li { margin: 0; padding: 0; }
.wpgranada-nav-menu a {
    font-family: var(--wp--preset--font-family--body);
    font-size: var(--wp--preset--font-size--medium);
    font-weight: 600;
    color: var(--wp--preset--color--contrast);
    text-decoration: none;
}
.wpgranada-nav-menu a:hover { color: var(--wp--preset--color--primary); }


/* About section */
.about-h1 { font-size: clamp(2.5rem, 1.786rem + 3.57vw, 5rem); line-height: 0.95; }
.about-hero-img img { transform: rotate(3deg); box-shadow: 0 24px 60px rgba(16,24,40,0.18), 0 6px 16px rgba(56,88,233,0.10); }
.organize-img img { transform: rotate(-3deg); box-shadow: 0 24px 60px rgba(16,24,40,0.18), 0 6px 16px rgba(56,88,233,0.10); }

@media (max-width: 781px) {
    .organize-section > .wp-block-column:first-child { order: 2; }
    .organize-section > .wp-block-column:last-child { order: 1; }
}

/* Single Meeting template */
.single-meeting-hero { padding-top: 3rem; padding-bottom: 3rem; }
.single-meeting-hero__inner { gap: 3rem !important; }
.single-meeting-title.wp-block-post-title { font-size: clamp(2rem, 1.5rem + 2.5vw, 3.5rem); font-weight: 800; line-height: 1.05; letter-spacing: -0.03em; }
.single-meeting-excerpt { line-height: 1.65; }
.single-meeting-tag .wp-block-post-terms__separator { display: none; }
.single-meeting-tag a { display: inline-block; background: var(--wp--preset--color--accent); color: #fff; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; padding: 0.3rem 0.8rem; border-radius: 100px; text-decoration: none; }
.single-meeting-body { padding-top: 2rem; padding-bottom: 4rem; }
.single-meeting-body__inner { gap: 3rem !important; align-items: flex-start; }
.single-meeting-sidebar { position: sticky; top: 2rem; }
.single-meeting-sidebar .sidebar-card { margin-bottom: 1.5rem; }
.single-meeting-sidebar .sidebar-recent .wp-block-post-template { margin: 0; padding: 0; }

/* Header logo */
.site-header__logo { margin: 0; }
.site-header__logo img { height: 40px; width: auto; display: block; }

/* Footer nav menus */
.footer-nav-menu { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.75rem; }
.footer-nav-menu li { margin: 0; padding: 0; }
.footer-nav-menu a { color: rgba(255,255,255,0.7); font-size: 0.875rem; text-decoration: none; transition: color 0.2s; }
.footer-nav-menu a:hover { color: #fff; }

.footer-col-menus > .wp-block-group { justify-content: flex-end !important; }

/* Ser Ponente pattern */
.ser-ponente-title { font-size: clamp(3rem, 2rem + 5vw, 6rem); }
.ponente-reason__icon { line-height: 1.4; flex-shrink: 0; width: 1.5rem; }
.ponente-form-card { position: sticky; top: 90px; }


/* Gravity Forms — global field styles */
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="url"],
.gform_wrapper input[type="number"],
.gform_wrapper input[type="password"],
.gform_wrapper textarea,
.gform_wrapper select {
    padding: 0.85rem 1.4rem;
    border-radius: 100px;
    border: 2px solid var(--wp--preset--color--primary-light);
    background: #fff;
    color: var(--wp--preset--color--contrast);
    font-size: var(--wp--preset--font-size--medium);
    font-family: var(--wp--preset--font-family--body);
    font-weight: 500;
    box-shadow: none;
    outline: none;
    width: 100%;
    box-sizing: border-box;
    transition: border-color 0.2s;
}
.gform_wrapper textarea { border-radius: 16px; }
.gform_wrapper input[type="text"]::placeholder,
.gform_wrapper input[type="email"]::placeholder,
.gform_wrapper input[type="tel"]::placeholder,
.gform_wrapper input[type="url"]::placeholder,
.gform_wrapper textarea::placeholder { color: var(--wp--preset--color--muted); }
.gform_wrapper input[type="text"]:focus,
.gform_wrapper input[type="email"]:focus,
.gform_wrapper input[type="tel"]:focus,
.gform_wrapper input[type="url"]:focus,
.gform_wrapper input[type="number"]:focus,
.gform_wrapper input[type="password"]:focus,
.gform_wrapper textarea:focus,
.gform_wrapper select:focus { border-color: var(--wp--preset--color--primary); outline: none; }

/* ============================================================
   HAMBURGER + MOBILE OVERLAY
   ============================================================ */

/* Hamburger button — hidden on desktop */
.site-header__hamburger {
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
}
.site-header__hamburger span {
    display: block;
    width: 22px;
    height: 2px;
    background: var(--wp--preset--color--contrast);
    border-radius: 2px;
}

/* Mobile overlay — hidden on desktop, flex on mobile */
.wpgranada-mobile-overlay {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 99999;
    background: var(--wp--preset--color--primary);
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease;
}
.wpgranada-mobile-overlay.is-open {
    opacity: 1;
    pointer-events: all;
}

/* Close button */
.wpgranada-mobile-overlay__close {
    position: absolute;
    top: var(--wp--preset--spacing--60);
    right: var(--wp--preset--spacing--60);
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
    padding: 8px;
    line-height: 0;
}

/* Logo inside overlay */
.wpgranada-mobile-overlay__logo {
    margin-bottom: 2.5rem;
    height: 44px;
    width: auto;
    filter: brightness(0) invert(1);
}

/* Nav links */
.wpgranada-mobile-overlay__menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
}
.wpgranada-mobile-overlay__menu li a {
    display: block;
    padding: 0.75rem 2rem;
    color: #fff;
    font-family: var(--wp--preset--font-family--heading);
    font-size: 1.75rem;
    font-weight: 800;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    transition: color 0.2s ease;
}
.wpgranada-mobile-overlay__menu li a:hover { color: rgba(255,255,255,0.65); }

/* CTA button inside overlay */
.wpgranada-mobile-overlay__cta {
    margin-top: 2rem;
    display: inline-block;
    padding: 0.85rem 2rem;
    background: var(--wp--preset--color--accent);
    color: #fff;
    border-radius: 100px;
    font-family: var(--wp--preset--font-family--body);
    font-size: var(--wp--preset--font-size--medium);
    font-weight: 700;
    text-decoration: none;
}

@media (max-width: 781px) {
    body .site-header .wp-block-group.site-header__right { display: none; }
    .site-header__hamburger { display: flex; }
    .wpgranada-mobile-overlay { display: flex; }
}