/*
Theme Name: Novoestudios
Template: twentytwentyfour
Version: 1.0.0
Description: Tema ligero a medida para Novoestudios, construido sobre Twenty Twenty-Four. Sin constructores ni plugins de diseño: todo se edita con los bloques de WordPress.
Author: Saber Comunicar
Text Domain: novoestudios
*/

/* Etiquetas pequeñas sobre los títulos */
.novo-eyebrow {
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent);
}

/* Títulos grandes de sección */
.novo-h2 { letter-spacing: -0.03em; line-height: 1.02; }

/* Tarjetas de servicios */
.novo-card {
	background: var(--wp--preset--color--surface);
	border-radius: 20px;
	padding: 1.75rem;
	height: 100%;
	transition: transform .25s ease, box-shadow .25s ease;
}
.novo-card:hover { transform: translateY(-3px); box-shadow: 0 18px 40px rgba(20,20,20,.08); }
.novo-card h3 { margin-top: 0; font-size: 1.15rem; letter-spacing: -0.01em; }
.novo-card p { margin-bottom: 0; color: var(--wp--preset--color--muted); font-size: 0.98rem; }
.novo-card .novo-icon { font-size: 1.6rem; line-height: 1; margin-bottom: .9rem; display:block; }

/* Cifras */
.novo-stat strong { display:block; font-size: clamp(2.2rem, 5vw, 3.4rem); font-weight: 800; letter-spacing: -0.04em; line-height: 1; color: var(--wp--preset--color--contrast); }
.novo-stat span { color: var(--wp--preset--color--muted); font-size: .95rem; }

/* Lista de artistas en rejilla */
.novo-artistas ul { list-style: none; padding: 0; margin: 0; }
.novo-artistas li { padding: .55rem 0; border-bottom: 1px solid rgba(20,20,20,.08); font-weight: 600; letter-spacing: .02em; text-transform: uppercase; font-size: .92rem; }

/* Backline */
.novo-backline ul { list-style: none; padding: 0; margin: 0 0 2rem; }
.novo-backline li { padding: .45rem 0; border-bottom: 1px solid rgba(20,20,20,.08); font-size: .97rem; }
.novo-backline h3 { margin: 0 0 .8rem; font-size: .85rem; letter-spacing: .18em; text-transform: uppercase; color: var(--wp--preset--color--accent); }

/* Vídeos */
.wp-block-embed figcaption { font-weight: 600; color: var(--wp--preset--color--contrast); text-align: left; margin-top: .6rem; }
.wp-block-embed iframe { border-radius: 14px; }

/* Galería */
.wp-block-gallery .wp-block-image img { border-radius: 14px; }

/* Botones secundarios */
.is-style-outline .wp-block-button__link { border: 2px solid currentColor; }

/* Mapa */
.novo-mapa iframe { width: 100%; height: 420px; border: 0; border-radius: 20px; display:block; }

/* Header */
.novo-header { border-bottom: 1px solid rgba(20,20,20,.06); backdrop-filter: saturate(1.2) blur(6px); }
.novo-header .wp-block-navigation a { padding: .35rem 0; }
.novo-header .wp-block-navigation .current-menu-item > a { color: var(--wp--preset--color--accent); }

/* Footer y bloques oscuros: texto y enlaces en claro */
.novo-footer, .novo-footer h3, .novo-footer p, .novo-footer a,
.has-dark-background-color h2, .has-dark-background-color a { color: var(--wp--preset--color--white); }
.novo-footer .has-muted-color, .has-dark-background-color .has-muted-color { color: #B8B4AD; }
.novo-footer a { text-decoration: none; border-bottom: 1px solid rgba(255,255,255,.25); }
.novo-footer a:hover, .has-dark-background-color a:hover { color: var(--wp--preset--color--accent); }
.novo-footer h3 { font-size: 1.5rem; letter-spacing: -0.02em; }
.wp-block-site-logo img { max-height: 44px; width: auto; }

/* Hero */
.novo-hero .wp-block-cover__inner-container { max-width: 1100px; }
.novo-hero h1 { letter-spacing: -0.035em; line-height: 1; }

@media (max-width: 781px) {
	.novo-card { padding: 1.35rem; }
	.novo-mapa iframe { height: 320px; }
}