/*
Theme Name: Armelec
Theme URI: https://armelec.es
Author: Armelec
Author URI: https://armelec.es
Description: Tema WordPress a medida para Armelec, fabricante de armarios metálicos eléctricos. Adaptado desde el proyecto React original (Header, Footer, Inicio, Empresa, Servicios, Trabajos Especiales, Catálogo General y Contacto).
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: armelec
*/

:root {
    /* ARMELEC brand */
    --armelec-red: #ae0a09;
    --armelec-red-bright: #c11319;
    --ink: #14151a;
    --ink-2: #0b0c0f;
    --paper: #ffffff;
    --paper-2: #eeeef1;
    --paper-3: #f6f6f8;
    --text: #1b1c20;
    --text-muted: #63656b;
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family:
        -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display",
        "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: var(--text);
    background: var(--paper);
    text-rendering: optimizeLegibility;
}

code {
    font-family: "SF Mono", ui-monospace, Menlo, Monaco, Consolas, monospace;
}

/* Display / heading treatment */
.font-display {
    font-family:
        -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue",
        Helvetica, Arial, sans-serif;
    letter-spacing: -0.022em;
    font-weight: 700;
}

.tracking-tightish {
    letter-spacing: -0.015em;
}

/* selection */
::selection {
    background: var(--armelec-red);
    color: #fff;
}

/* thin scrollbar */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-thumb {
    background: #c9c9cf;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--armelec-red);
}

/* utility: section vertical rhythm */
.section-pad {
    padding-top: 96px;
    padding-bottom: 96px;
}
@media (max-width: 768px) {
    .section-pad {
        padding-top: 56px;
        padding-bottom: 56px;
    }
}

.shell {
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 24px;
    padding-right: 24px;
}