/*
Theme Name: Mendoza - Fletes y Mudanzas
Theme URI: https://fletesmendoza.com
Author: Mendoza Elite Logistics
Author URI: https://fletesmendoza.com
Description: Tema personalizado para Fletes y Mudanzas Mendoza - Landing page corporativa con diseño de alta gama y soporte para blog.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mendoza
Tags: responsive, custom-logo, custom-menu, translation-ready
Requires at least: 5.0
Tested up to: 6.4
*/

:root {
    --primary: #000e24;
    --primary-container: #00234B;
    --secondary: #5f5e5e;
    --surface: #f9f9f9;
    --surface-container: #eeeeee;
    --surface-container-low: #f3f3f3;
    --on-surface: #1a1c1c;
    --on-primary: #ffffff;
    --on-secondary: #ffffff;
    --tertiary: #180c00;
}

body {
    font-family: 'Manrope', sans-serif;
    background-color: var(--surface);
    color: var(--on-surface);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Work Sans', sans-serif;
}

.hero-gradient {
    background: linear-gradient(to right, rgba(0, 14, 36, 0.9) 0%, rgba(0, 14, 36, 0.4) 50%, rgba(0, 14, 36, 0) 100%);
}

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
}

@media (max-width: 768px) {
    .hero-gradient {
        background: linear-gradient(to bottom, rgba(0, 14, 36, 0.95) 0%, rgba(0, 14, 36, 0.6) 100%);
    }
}

/* Custom Logo WordPress */
.custom-logo-link img.custom-logo {
    height: 64px !important;
    width: auto !important;
    max-width: 180px;
}

/* Blog Cards */
.blog-card {
    transition: all 0.3s ease;
}
.blog-card:hover {
    transform: translateY(-5px);
}
.blog-card img {
    transition: all 0.5s ease;
}
.blog-card:hover img {
    transform: scale(1.05);
}