/*
Theme Name: AGV Media Localization
Description: Child theme de Twenty Twenty-Five con la identidad visual de AGV Media Localization (Alba García Ventura): oscuro #2B313A + turquesa #15C2BD, Space Grotesk + Inter autoalojadas.
Template: twentytwentyfive
Version: 1.0.0
Author: Claude Code
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: agv-theme
*/

/* Kicker: etiqueta pequeña en mayúsculas sobre los titulares */
.agv-kicker {
	letter-spacing: .18em;
	text-transform: uppercase;
	font-weight: 600;
	font-size: .82rem;
}

/* Chip: pastilla de KPI o de plataforma */
.agv-chip {
	border: 1px solid rgba(63, 224, 218, .5);
	border-radius: 999px;
	padding: .5rem 1.15rem;
	display: inline-block;
	font-weight: 600;
}

/* Chip sobre fondo claro */
.agv-chip-light {
	border: 1px solid rgba(12, 143, 139, .35);
	background: #fff;
	border-radius: 999px;
	padding: .5rem 1.15rem;
	display: inline-block;
	font-weight: 600;
}

/* Filmstrip: banda de títulos localizados */
.agv-film {
	letter-spacing: .16em;
	text-transform: uppercase;
	font-weight: 600;
}

/* Tarjeta con elevación al pasar el ratón */
.agv-card {
	border-radius: 16px;
	transition: transform .18s ease, box-shadow .18s ease;
}
.agv-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 14px 34px rgba(43, 49, 58, .14);
}

/* Titular con barra turquesa a la izquierda */
.agv-bar {
	border-left: 5px solid #15C2BD;
	padding-left: 16px;
}

/* Hueco de foto: monograma AG hasta que haya foto real */
.agv-photo {
	aspect-ratio: 4 / 5;
	background: linear-gradient(160deg, #353C46, #2B313A);
	border-radius: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.agv-photo span {
	font-family: "Space Grotesk", sans-serif;
	font-weight: 700;
	font-size: 4rem;
	color: #15C2BD;
	letter-spacing: .04em;
}

/* Formulario de contacto (Contact Form 7) acorde a la marca */
.wpcf7 label {
	font-weight: 600;
	display: block;
	margin-bottom: 1rem;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
	width: 100%;
	border: 1.5px solid #d6ecea;
	border-radius: 10px;
	padding: .7rem .9rem;
	font-family: inherit;
	font-size: 1rem;
	margin-top: .35rem;
	background: #fff;
}
.wpcf7 input:focus,
.wpcf7 textarea:focus {
	outline: 2px solid #15C2BD;
	border-color: #15C2BD;
}
.wpcf7 input[type="submit"] {
	background: #15C2BD;
	color: #2B313A;
	font-family: "Space Grotesk", sans-serif;
	font-weight: 700;
	font-size: 1rem;
	border: 0;
	border-radius: 10px;
	padding: .8rem 1.8rem;
	cursor: pointer;
}
.wpcf7 input[type="submit"]:hover {
	background: #3FE0DA;
}
.wpcf7 .wpcf7-acceptance label {
	font-weight: 400;
	font-size: .9rem;
}
.wpcf7 .wpcf7-acceptance input {
	width: auto;
	margin-right: .5rem;
}

/* Footer: legibilidad sobre fondo oscuro */
.agv-footer a {
	color: #3FE0DA;
}
.agv-footer a:hover {
	color: #15C2BD;
}
.agv-muted {
	color: #A9B2BC;
}

/* ===== Rediseno bold (2026-07-08) ===== */

/* Header pegajoso */
.agv-header {
	position: sticky;
	top: 0;
	z-index: 100;
}

/* Marquee infinito de titulos */
.agv-marquee {
	overflow: hidden;
	white-space: nowrap;
}
.agv-marquee__track {
	display: inline-block;
	animation: agv-scroll 30s linear infinite;
}
.agv-marquee__track span {
	font-family: "Space Grotesk", sans-serif;
	font-weight: 700;
	letter-spacing: .18em;
	text-transform: uppercase;
	font-size: 1.05rem;
	color: #3FE0DA;
}
@keyframes agv-scroll {
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
	.agv-marquee__track { animation: none; }
}

/* KPIs gigantes */
.agv-kpi-num {
	font-family: "Space Grotesk", sans-serif;
	font-weight: 700;
	font-size: clamp(2.6rem, 5vw, 3.8rem);
	line-height: 1;
	color: #3FE0DA;
}
.agv-kpi-label {
	font-size: .9rem;
	letter-spacing: .08em;
	text-transform: uppercase;
	opacity: .85;
	margin-top: .45rem;
}

/* Microinteraccion en botones */
.wp-element-button {
	transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease;
}
.wp-element-button:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 24px rgba(21, 194, 189, .35);
}

/* Meta-etiquetas de cards del portafolio */
.agv-meta {
	font-size: .78rem;
	letter-spacing: .12em;
	text-transform: uppercase;
}
.agv-meta .k {
	color: #3FE0DA;
	font-weight: 700;
	margin-right: .3rem;
}
.agv-meta .v {
	margin-right: 1rem;
}

/* Banda de plataformas grande */
.agv-platforms {
	font-family: "Space Grotesk", sans-serif;
	font-weight: 500;
	font-size: clamp(1.05rem, 2vw, 1.3rem);
	letter-spacing: .06em;
}

/* Meta labels sobre card turquesa oscura */
.has-accent-3-background-color .agv-meta .k {
	color: #CDF7F5;
}