.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1190px;}.e-con{--container-max-width:1190px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */<style>
    /* Custom CSS for Figurine de Manga About Us Page */
    :root {
        --primary-red: #A92727;        /* Mexican Red (Primary) */
        --accent-red: #D0473E;         /* Accent Red (Badge) */
        --black-headings: #010101;     /* Black (Headings) */
        --dark-gray-text: #444444;     /* Dark Gray (Text) */
        --plain-black: #000000;        /* Plain Black */
        --white: #FFFFFF;
        --wild-sand: #F7F7F7;          /* Wild Sand - primary light background */
        --light-gray-text: #F5F5F5;    /* Light Gray (Text) - for text on dark backgrounds */
        --border-gray: #EBEBEB;        /* Border (Footer bottom line) */
        --footer-bg: #060606;          /* Footer BG from style guide */
    }

    /* Animation Utility (These are specific to the custom sections, keep them here) */
    .reveal-section {
        opacity: 0;
        transform: translateY(40px);
        transition: opacity 0.8s ease-out, transform 0.8s ease-out;
    }
    .reveal-section.is-visible {
        opacity: 1;
        transform: translateY(0);
    }

    .is-visible .reveal-text {
        opacity: 0;
        transform: translateY(20px);
        transition: opacity 0.6s ease-out, transform 0.6s ease-out;
        animation: fadeIn 0.6s forwards;
        animation-delay: var(--stagger-delay, 0s);
    }
    @keyframes fadeIn {
        to { opacity: 1; transform: translateY(0); }
    }

    .counter-value {
        transition: all 1.5s ease-out;
    }
    
    /* Custom Font Family & Color Utility Classes (apply these directly in HTML as needed) */
    .font-teko { font-family: 'Teko', sans-serif; letter-spacing: 0.05em; }
    .font-poppins { font-family: 'Poppins', sans-serif; }

    .text-primary-red { color: var(--primary-red); }
    .text-black-headings { color: var(--black-headings); }
    .text-dark-gray-text { color: var(--dark-gray-text); }
    .text-light-gray-text { color: var(--light-gray-text); }
    .text-white { color: var(--white); }

    /* Custom Background & Border Utility Classes (for elements *within* HTML widgets) */
    .bg-primary-red { background-color: var(--primary-red); }
    .bg-white-card { background-color: var(--white); } /* Specific for team cards */
    .border-border-gray { border-color: var(--border-gray); }
    .bg-footer-bg-custom { background-color: var(--footer-bg); } /* For the custom footer if used */

    /* Team card hover styles */
    .team-card-hover {
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    .team-card-hover:hover {
        transform: translateY(-8px);
        box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.1);
    }
</style>/* End custom CSS */