/*
Theme Name: Perfil Business
Theme URI: https://perfilbusiness.com
Author: Perfil Business
Author URI: https://perfilbusiness.com
Description: Tema Oficial perfilbusiness.com
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: perfil-business
Tags: perfil
*/
:root {
       --black: #000000;
       --white: #FFFFFF;
       --charcoal: #121212;
       --grey-sec: #1E1E1E;
       --grey-section: #1E1E1E;
       --gold: #D4A574;
       --navy: #1a3a52;
       --navy-custom: #1a3a52;
       --navy-dark: #0A192F;
       --navy-magazine: #0A192F;
       --cyan: #00D4AA;
       --accent-cyan: #00d6b2;
       --magenta: #E91E63;
       --text-muted: #808080;
       --text-body: #4a4a4a;
       --text-light: #b0b0b0;

       --font-body: 'Inter', system-ui, sans-serif;
       --font-display: 'Playfair Display', Georgia, serif;

       --max-w: 1920px;
       --px: 24px;

       --s1: 8px;
       --s2: 16px;
       --s3: 24px;
       --s4: 32px;
       --s6: 48px;
       --s8: 64px;
       --s10: 80px;
       --s12: 96px;
}

body {
       font-family: var(--font-body);
       font-size: 16px;
       background-color: var(--charcoal);
       color: var(--text-light);
       -webkit-font-smoothing: antialiased;
       overflow-x: hidden;
}

.serif-heading {
       font-family: var(--font-display);
}

.section-label {
       display: inline-flex;
       align-items: center;
       gap: 16px;
       color: var(--gold);
       font-size: 11px;
       font-weight: 900;
       letter-spacing: 0.3em;
       text-transform: uppercase;
       margin-bottom: 16px;
}

.ad-label {
       font-size: 10px;
       font-weight: 800;
       letter-spacing: 0.25em;
       text-transform: uppercase;
       color: rgba(255,255,255,0.2);
       position: absolute;
       top: 6px;
       left: 10px;
}

.section-label::before {
       content: '';
       display: block;
       width: 48px;
       height: 1px;
       background-color: var(--gold);
}

.menu-item a {
       transition: color 200ms ease;
}
.menu-item a:hover {
       color: var(--gold) !important;
}
.current-menu-item > a {
       color: #fff !important;
       border-bottom: 2px solid var(--gold);
       padding-bottom: 4px;
}

.dflip-thumb-wrap,
.dflip-thumb {
       width: 100% !important;
       height: 100% !important;
}
.dflip-thumb img {
       width: 100% !important;
       height: 100% !important;
       object-fit: cover !important;
}