/*
Theme Name: Consultio Child
Theme URI: http://demo.casethemes.net/consultio/
Author: Case-Themes
Author URI: https://themeforest.net/user/case-themes/portfolio/
Description: Consultio is the Perfect Consulting Finane & Business WordPress Theme. Consultio is best suited for corporate website like Consultioial Advisor, Accountant, Consulting Firms, insurance, loan, tax help, Investment firm etc. This is a business theme that is help full for online presence for Corporate Business and Consultioial Firms.
Version: 3.2.8
License: ThemeForest
License URI: https://themeforest.net/licenses
Template: consultio
Text Domain: consultio-child
Tags: advisor, attorney, corporate accountant, consulting, consultant, finance, insurance, invest, investment, investor, mutual funds, pensions, retirement, saving, trading
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* ==========================================================================
   Language Switcher — inline nav menu item with flags
   ========================================================================== */

/* Flag images inside menu items */
.menu-item-lang-switcher img,
.menu-item-lang-switcher .pll-flag {
    width: 20px;
    height: 14px;
    border-radius: 2px;
    object-fit: cover;
    vertical-align: middle;
    margin-right: 4px;
}

/* Uppercase language slug text */
.menu-item-lang-switcher span {
    text-transform: uppercase;
}

/* Sub-menu flag alignment */
.menu-item-lang-switcher .sub-menu img,
.menu-item-lang-switcher .sub-menu .pll-flag {
    width: 18px;
    height: 13px;
    margin-right: 6px;
}

/* Subtitulo dentro del texto del Canal Etico ("Como utilizar nuestro Canal
   Etico"). El h3 del tema son 36px, casi el tamano del h1 del hero; aqui es
   un subapartado dentro del cuerpo y necesita menos peso visual. */
.agem-ce-subtitle {
    font-size: 24px;
    line-height: 1.4;
    margin-top: 32px;
    margin-bottom: 10px;
}

@media (max-width: 600px) {
    .agem-ce-subtitle {
        font-size: 21px;
    }
}

/* Enlace de correo del Canal Etico — el color de enlace del tema es rojo,
   aqui usamos el azul de marca. */
.agem-mail-link,
.agem-mail-link:visited {
    color: #0061CB;
}

.agem-mail-link:hover,
.agem-mail-link:focus-visible {
    color: #265FC4;
    text-decoration: underline;
}

/* ==========================================================================
   Compliance downloads — [agem_compliance_docs]
   Lista vertical con separadores. Paleta de marca (#0061CB).
   ========================================================================== */

.agem-compliance-docs {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #e3e6ea;
}

/* El tema aplica sangria francesa (text-indent negativo) a los <li> de
   contenido. Sin este reset la primera letra del titulo se sale de su caja
   y queda oculta bajo el badge PDF. */
.agem-compliance-docs,
.agem-compliance-doc,
.agem-compliance-doc * {
    text-indent: 0;
}

.agem-compliance-doc {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #e3e6ea;
}

.agem-compliance-doc::before,
.agem-compliance-doc::marker {
    content: none;
}

.agem-compliance-doc > a {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 18px 16px;
    text-decoration: none;
    transition: background-color .18s ease, padding-left .18s ease;
}

.agem-compliance-doc > a:hover,
.agem-compliance-doc > a:focus-visible {
    background-color: #f4f8fd;
    padding-left: 22px;
}

/* Distintivo "PDF" */
.agem-compliance-doc-ext {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 4px;
    background: #0061CB;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .5px;
    line-height: 1;
}

.agem-compliance-doc-title {
    flex: 1 1 auto;
    min-width: 0;
    font-weight: 600;
    line-height: 1.4;
    color: #383838;
    transition: color .18s ease;
}

.agem-compliance-doc > a:hover .agem-compliance-doc-title,
.agem-compliance-doc > a:focus-visible .agem-compliance-doc-title {
    color: #0061CB;
}

/* Nota de idioma cuando el documento cae al castellano */
.agem-compliance-doc-note {
    font-weight: 400;
    font-style: italic;
    font-size: 13px;
    color: #7a8290;
    white-space: nowrap;
}

.agem-compliance-doc-meta {
    flex: 0 0 auto;
    font-size: 13px;
    color: #7a8290;
    font-variant-numeric: tabular-nums;
}

/* Flecha de descarga, dibujada en CSS (sin dependencia de icon font) */
.agem-compliance-doc-arrow {
    flex: 0 0 auto;
    position: relative;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1.5px solid #c2ccd8;
    transition: border-color .18s ease, background-color .18s ease;
}

.agem-compliance-doc-arrow::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 50%;
    width: 1.5px;
    height: 8px;
    margin-left: -.75px;
    background: #7a8290;
    transition: background-color .18s ease;
}

.agem-compliance-doc-arrow::after {
    content: "";
    position: absolute;
    top: 6px;
    left: 50%;
    width: 5px;
    height: 5px;
    margin-left: -2.5px;
    border-right: 1.5px solid #7a8290;
    border-bottom: 1.5px solid #7a8290;
    transform: rotate(45deg);
    transition: border-color .18s ease;
}

.agem-compliance-doc > a:hover .agem-compliance-doc-arrow,
.agem-compliance-doc > a:focus-visible .agem-compliance-doc-arrow {
    border-color: #0061CB;
    background-color: #0061CB;
}

.agem-compliance-doc > a:hover .agem-compliance-doc-arrow::before,
.agem-compliance-doc > a:focus-visible .agem-compliance-doc-arrow::before {
    background: #fff;
}

.agem-compliance-doc > a:hover .agem-compliance-doc-arrow::after,
.agem-compliance-doc > a:focus-visible .agem-compliance-doc-arrow::after {
    border-right-color: #fff;
    border-bottom-color: #fff;
}

@media (max-width: 600px) {
    .agem-compliance-doc > a {
        flex-wrap: wrap;
        gap: 12px;
        padding: 16px 12px;
    }

    .agem-compliance-doc-title {
        flex: 1 1 calc(100% - 60px);
    }

    /* Tamano y flecha bajan a una segunda linea, alineados con el titulo */
    .agem-compliance-doc-meta {
        margin-left: 60px;
    }

    .agem-compliance-doc-arrow {
        margin-left: auto;
    }

    .agem-compliance-doc-note {
        white-space: normal;
    }
}