/*
Theme Name: Grupo Heca
Theme URI: https://www.grupoheca.net
Author: Grupo Heca
Author URI: https://www.grupoheca.net
Description: Tema corporativo a medida para Grupo Heca — grupo industrial español con fabricación propia en Barcelona, especializado en racordería de cobre y latón, válvulas de gas y agua, centralizaciones de gas, instrumentación y sistemas de fijación en acero inoxidable. Diseño responsive con los colores corporativos (granate #B1001B, negro y blanco), tipografías Memphis, Manrope e Inter y CSS compilado con TailwindCSS. Incluye las cinco empresas del grupo: Hecapo, Martigrap, MEI, J. Pareta (JPB) y Struktur. Web desarrollada por <a href="https://seoria.es">SEORÍA</a>.
Version: 1.5.12
Requires at least: 5.0
Tested up to: 6.5
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: grupo-heca
Tags: corporativo, industrial, responsive, custom-logo, custom-menu, blog
*/

/*
 * NOTA IMPORTANTE SOBRE ESTILOS
 * -----------------------------
 * El diseño visual de este tema se construye con TailwindCSS compilado a un
 * archivo estático (assets/css/tailwind.css, encolado en functions.php) y con
 * las utilidades definidas en las plantillas.
 * Este archivo style.css es OBLIGATORIO para WordPress (contiene la cabecera
 * del tema) y aquí solo se añaden unos pocos estilos base y de respaldo.
 *
 * Para regenerar el CSS de Tailwind tras cambiar las plantillas, usa el
 * proyecto de build en /home/ubuntu/tw-build (ver assets/css/README-tailwind.txt).
 */

/* Fuentes y base */
body {
    font-family: 'Inter', sans-serif;
    margin: 0;
    padding: 0;
}

h1, h2, h3, .font-display {
    font-family: 'Manrope', sans-serif;
}

/* H1, H2 y H3 con Memphis Medium (assets/fonts/memphis-medium.woff2, declarada en header.php). */
h1, h2, h3 {
    font-family: 'Memphis', 'Rockwell', Georgia, serif;
    letter-spacing: 0;
}

.kicker {
    letter-spacing: .18em;
}

/* Ajustes de compatibilidad para la barra de administración de WordPress */
.admin-bar .site-header-sticky {
    top: 32px;
}

@media screen and (max-width: 782px) {
    .admin-bar .site-header-sticky {
        top: 46px;
    }
}

/* Imágenes responsive por defecto */
img {
    max-width: 100%;
    height: auto;
}