/*
Theme Name: MKTV Child
Author: MySiteFaster
Author URI: https://marketividade.com/
Description: Marketividade creates the fastest, fully customizable and beautiful websites, suitable for blogs, personal portfolios and business websites. Very light, offers unrivaled speed. Built with SEO in mind, it comes with schema.org code built in to make search engines love your site. It offers many sidebar options and widget areas, giving you full control for customizations. Plus, we've included special features and templates, so feel free to choose any of your favorite page build plugins to flexibly build pages. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plug-ins # Translation Ready # Extensible with premium add-ons # Regularly updated # Designed, developed, maintained and supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Marketividade creates your website fast, fully customizable and beautiful!
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: MKTV Child
Template: astra
*/

/*
 * Fenix Child Theme — style.css
 *
 * INDEX
 * ─────────────────────────────────────────────────────────────
 *  2.  Menu — Item #53 Override
 *  3.  Visibility Helpers (desktop-only / mobile-only)
 *  4.  Headings
 *  5.  Soluções — Post Grid Thumbnails
 *  6.  Serviços — Post Grid Thumbnails
 *  7.  Como Escolher — Post Grid
 *  8.  Testemunhos & Quote — Post Grid
 *  9.  Footer Logo
 * 10.  Header Bar (ast-below-header-wrap)
 * 11.  Page #46 — Admissões (hide header, CTA, entry-header)
 * 12.  Media Image Widgets (#media_image-6 / #media_image-8)
 * 13.  Marcar Visita — Section & Form (#wpforms-form-469)
 * 14.  Gallery — Instalações spacing (mobile)
 *
 * NOTA: Os estilos do Floating CTA (.fenix-floating-cta)
 *       são geridos em functions.php → fenix_add_floating_cta_styles()
 *       NÃO adicionar regras .fenix-floating-cta aqui.
 * ─────────────────────────────────────────────────────────────
 */


/* ============================================================
   2. MENU — ITEM #53 OVERRIDE
   ============================================================ */

#menu-item-53 > a {
    font-family: Source Sans, Serif;
    font-size: 18px;
    margin-left: 16px;
}


/* ============================================================
   3. VISIBILITY HELPERS
   ============================================================ */

.desktop-only {
    display: inline;
}

.mobile-only {
    display: none;
}

@media (max-width: 768px) {
    .desktop-only {
        display: none !important;
    }

    .mobile-only {
        display: inline !important;
    }
}


/* ============================================================
   4. HEADINGS
   ============================================================ */

h1 {
    text-align: center;
    margin-top: 40px;
}


/* ============================================================
   5. SOLUÇÕES — POST GRID THUMBNAILS
   ============================================================ */

#solucoes div.uael-post__thumbnail {
    transition: filter 0.4s ease;
    background: linear-gradient(
        180deg,
        rgba(15, 33, 28, 0)    50%,
        rgba(22, 46, 42, 0.82) 100%
    );
}

#solucoes div.uael-post__thumbnail img:hover {
    filter: brightness(110%);
}


/* ============================================================
   6. SERVIÇOS — POST GRID THUMBNAILS
   ============================================================ */

#servicos div.uael-post__thumbnail {
    transition: filter 0.4s ease;
}


/* ============================================================
   7. COMO ESCOLHER — POST GRID
   ============================================================ */


#como-escolher .uael-post__content-wrap {
    text-align: left;
}

#como-escolher .uael-post__content-wrap .uael-post__read-more {
    float: right;
}

#como-escolher svg {
    padding: 2px;
    border: 2px solid #51aea4;
    border-radius: 8px;
    filter:
        brightness(0)
        saturate(100%)
        invert(63%)
        sepia(22%)
        saturate(946%)
        hue-rotate(128deg)
        brightness(65%)
        contrast(105%);
}


/* ============================================================
   8. TESTEMUNHOS & QUOTE — POST GRID
   ============================================================ */

#testemunhos .uael-post__content-wrap,
#quote .uael-post__content-wrap {
    display: flex;
    flex-direction: column-reverse;
}

#quote .uael-post__footer {
    display: none;
}

#quote .quote-thumb .uael-post__content-wrap {
    display: none;
}

#quote .titulo {
    color: var(--e-global-color-astglobalcolor0);
}


/* ============================================================
   9. FOOTER LOGO
   ============================================================ */

footer img {
    filter: brightness(4.95);
}


/* ============================================================
   10. HEADER BAR (ast-below-header-wrap)
   ============================================================ */

.ast-below-header-wrap {
    display: none;
}

body.page-id-46 .ast-below-header-wrap {
    display: block;
}


/* ============================================================
   11. PAGE #46 — ADMISSÕES
   ============================================================ */

body.page-id-46 .fenix-floating-cta,
body.page-id-46 .entry-header,
body.page-id-46 .ast-main-header-wrap {
    display: none;
}


/* ============================================================
   12. MEDIA IMAGE WIDGETS
   ============================================================ */

#media_image-6,
#media_image-8 {
    display: flex;
    flex-direction: row-reverse;
    vertical-align: middle;
    gap: 10px;
}

#media_image-6 > a > img {
    width: 60px;
}

#media_image-8 > a > img {
    width: 20px;
}

#media_image-6 > h2,
#media_image-8 > h2 {
    margin-top: 5px;
}


/* ============================================================
   13. MARCAR VISITA — SECTION & FORM (#wpforms-form-469)
   ============================================================ */

.fenix-marcar-visita,
.fenix-marcar-visita .wpforms-container {
    background-color: #d6eeea;
    padding: 48px 40px 56px;
    border-radius: 0;
}

.fenix-marcar-visita-section h2,
.fenix-marcar-visita-section .section-title {
    font-size: 2rem;
    font-weight: 800;
    color: #1a6b6b;
    text-align: center;
    margin-bottom: 8px;
}

.fenix-marcar-visita-section .section-subtitle {
    font-size: 1rem;
    color: #3a3a3a;
    text-align: center;
    margin-bottom: 40px;
}

#wpforms-form-469 .wpforms-field-container {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    max-width: 860px;
    margin: 0 auto;
}

#wpforms-form-469 .wpforms-field {
    display: grid;
    grid-template-columns: 160px 1fr;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
    padding: 0;
}

#wpforms-form-469 .wpforms-field-label {
    font-size: 1rem;
    font-weight: 700;
    color: #1a6b6b;
    text-align: right;
    margin: 0;
    padding-right: 4px;
}

#wpforms-form-469 .wpforms-field-label .wpforms-required-label {
    display: none;
}

#wpforms-form-469 input[type="text"],
#wpforms-form-469 input[type="tel"],
#wpforms-form-469 input[type="email"] {
    width: 100%;
    padding: 14px 18px;
    font-size: 0.95rem;
    font-style: italic;
    color: #555;
    background-color: #ffffff;
    border: 1.5px solid #7ecec4;
    border-radius: 1px;
    outline: none;
    box-sizing: border-box;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    height: 52px;
}

#wpforms-form-469 input[type="text"]:focus,
#wpforms-form-469 input[type="tel"]:focus,
#wpforms-form-469 input[type="email"]:focus {
    border-color: #1a8a82;
    box-shadow: 0 0 0 3px rgba(26, 138, 130, 0.15);
    font-style: normal;
    color: #222;
}

#wpforms-form-469 input::placeholder {
    font-style: italic;
    color: #a0beba;
}

#wpforms-form-469 .wpforms-field-select {
    align-items: flex-start;
}

#wpforms-form-469 select.wpforms-field-large {
    width: 100%;
    padding: 14px 44px 14px 18px;
    font-size: 0.95rem;
    font-style: italic;
    color: #a0beba;
    background-color: #ffffff;
    border: 1.5px solid #7ecec4;
    border-radius: 1px;
    outline: none;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%231a8a82' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    cursor: pointer;
    height: 52px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

#wpforms-form-469 select.wpforms-field-large:focus {
    border-color: #1a8a82;
    box-shadow: 0 0 0 3px rgba(26, 138, 130, 0.15);
}

#wpforms-form-469 select.wpforms-field-large:not([value=""]) {
    font-style: normal;
    color: #222;
}

#wpforms-form-469 select option {
    font-style: normal;
    color: #333;
    background-color: #fff;
    padding: 10px 18px;
}

#wpforms-form-469 select option:hover,
#wpforms-form-469 select option:checked {
    background-color: #c8ebe6;
}

#wpforms-form-469 .wpforms-submit-container {
    display: flex;
    justify-content: center;
    margin-top: 32px;
}

#wpforms-form-469 button.wpforms-submit {
    background-color: #1a8a82;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 700;
    padding: 16px 52px;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    letter-spacing: 0.02em;
    transition: background-color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
    box-shadow: 0 4px 14px rgba(26, 138, 130, 0.3);
}

#wpforms-form-469 button.wpforms-submit:hover {
    background-color: #157870;
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(26, 138, 130, 0.4);
}

#wpforms-form-469 button.wpforms-submit:active {
    transform: translateY(0);
    box-shadow: 0 3px 10px rgba(26, 138, 130, 0.25);
}

#wpforms-form-469 .wpforms-field.wpforms-has-error {
    align-items: flex-start;
}

#wpforms-form-469 .wpforms-field label.wpforms-error {
    grid-column: 2;
    font-size: 13px;
    font-weight: 400;
    color: #dc2626;
    margin-top: 4px;
    text-align: left;
}

#wpforms-form-469 .wpforms-field.wpforms-has-error .wpforms-field-label {
    padding-top: 14px;
}

@media (max-width: 640px) {
    #wpforms-form-469 .wpforms-field {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    #wpforms-form-469 .wpforms-field-label {
        text-align: left;
        padding-right: 0;
    }

    .fenix-marcar-visita,
    .fenix-marcar-visita .wpforms-container {
        padding: 32px 20px 40px;
    }
}


/* ============================================================
   14. GALLERY — INSTALAÇÕES SPACING (mobile)
   ============================================================ */

@media (max-width: 640px) {
    #instalacoes .elementor-element .gallery-item {
        padding-bottom: 30px;
    }
}