/*
Theme Name: Vi Metallum
Template: twentytwentyfive
Description: Tema hijo de Twenty Twenty-Five para vimetallum.com (fuente: Willis75/vi-metallum-infra, marcela/vimetallum-tema).
Version: 0.1.0
Requires at least: 6.7
Text Domain: vimetallum
*/

/* Boton fijo de WhatsApp (lo imprime functions.php en wp_footer) */
.vm-wa-fab {
	position: fixed; right: 16px; bottom: 16px; z-index: 9999;
	display: inline-flex; align-items: center; gap: .5rem;
	padding: .8rem 1.1rem; border-radius: 999px;
	background: var(--wp--preset--color--accent-1); color: #fff;
	font-family: var(--wp--preset--font-family--manrope), sans-serif;
	font-weight: 700; font-size: 1rem; line-height: 1; text-decoration: none;
	box-shadow: 0 6px 18px rgba(0,0,0,.28);
}
.vm-wa-fab:hover, .vm-wa-fab:focus-visible { background: #8C4320; color: #fff; }
.vm-wa-fab:focus-visible { outline: 3px solid var(--wp--preset--color--contrast); outline-offset: 3px; }
.vm-wa-fab svg { width: 1.4rem; height: 1.4rem; fill: currentColor; flex: none; }
@media (max-width: 600px) {
	.vm-wa-fab { padding: .9rem; }
	.vm-wa-fab .vm-wa-fab__txt { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}

/* Encabezado: el boton de WhatsApp del header solo en escritorio (en movil esta el fijo) */
@media (max-width: 781px) { .vm-header-wa { display: none !important; } }

/* Tarjetas de proyecto (portada, /ejemplos/ y archivos) */
.vm-proyectos figure, .vm-proyectos .wp-block-post-featured-image { overflow: hidden; margin: 0; }
.vm-proyectos img { transition: transform .35s ease; }
.vm-proyectos a:hover img, .vm-proyectos a:focus-visible img { transform: scale(1.03); }
.vm-proyectos figcaption.wp-element-caption {
	margin-top: .6rem; text-align: left; font-weight: 700;
	font-size: var(--wp--preset--font-size--medium); color: var(--wp--preset--color--contrast);
}
.vm-proyectos .wp-block-post-title a { text-decoration: none; }

/* Etiqueta pequena sobre titulos */
.vm-kicker { text-transform: uppercase; letter-spacing: .12em; font-weight: 700; }

/* Linea de cobre arriba de cada valor de la portada */
.vm-valor { border-top: 3px solid var(--wp--preset--color--accent-1); padding-top: 1rem; }

/* Secciones oscuras: enlaces legibles */
.has-accent-3-background-color a:not(.wp-element-button) { color: var(--wp--preset--color--accent-2); }

@media (prefers-reduced-motion: reduce) { .vm-proyectos img { transition: none; } }