/*
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.
*/

/* ============================================================
   SISTEMA DE BREAKPOINTS LDM 2026
   Alineados con Elementor (Kit activo en este sitio):
     mobile  : max-width 767px   (smartphone — "Móvil vertical" en Elementor)
     tablet  : max-width 1024px  (tableta  — "Tableta vertical" en Elementor)
     desktop : todo lo demás     (laptop/escritorio — regla base)

   Regla de uso:
   - Estilos BASE siempre para desktop (≥ 1025px).
   - @media (max-width: 1024px) → tablet.
   - @media (max-width: 767px)  → smartphone.
   - @media (max-width: 520px)  → móvil muy pequeño (sobrescribe lo anterior).
   ============================================================ */

/*CODIGO SIN RESPONSIVE*/
/* Fotografías de jurados siempre a color */
html body .jurado-carousel .item--image img,
html body .jurado-carousel .item--inner:hover .item--image img,
html body .jurado-2026-carousel .item--image img,
html body .jurado-2026-carousel .item--inner:hover .item--image img {
    filter: none !important;
    -webkit-filter: none !important;
}
/* Espacio inferior para navegación de carruseles de jurados */
.jurado-carousel .ct-slick-carousel {
    padding-bottom: 40px !important;
}

/* Compatibilidad temporal con Jurado 2026 */
.jurado-2026-carousel .ct-slick-carousel {
    padding-bottom: 40px !important;
}
/* Desplazamiento suave para enlaces internos */
html {
    scroll-behavior: smooth;
}

/* Evita que el encabezado tape Versiones anteriores */
#versiones-anteriores {
    scroll-margin-top: 120px;
}
/* Smart Slider: galería de videos de Conócelos */
body.page-id-6702 #n2-ss-2 .nextend-arrow {
  background: #eb44ef !important;
}

body.page-id-6702 #n2-ss-2 .nextend-arrow:hover,
body.page-id-6702 #n2-ss-2 .nextend-arrow:focus-visible {
  background: #655ef6 !important;
}

body.page-id-6702 #n2-ss-2 .nextend-bar > div > span:first-child {
  font-family: "Atkinson Hyperlegible", sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
}

@media (max-width: 767px) {
    #versiones-anteriores {
        scroll-margin-top: 90px;
    }
}
/* ============================================================
  	HEADER > MENÚ
   ============================================================ */
@media screen and (min-width: 1200px) {
	#ct-header-wrap.ct-header-layout9 .ct-main-menu > li > a {
        line-height: 50px!important;
}

.ct-main-menu > li {
    margin: 0 10px!important;
}
	
#ct-header-wrap .ct-header-branding {
    padding-left: 0px !important;
}
	
#ct-header-wrap .ct-header-branding img {
	max-height: 70px!important;
}
	
/* Negrita solo al pasar el mouse o en el ítem activo */
.ct-main-menu > li > a:hover,
.ct-main-menu > li.current-menu-item > a,
.ct-main-menu > li.current_page_item > a,
.ct-main-menu > li.current-menu-ancestor > a,
.ct-main-menu > li.current_page_ancestor > a {
  font-weight: 600 !important;
}

/* Botón exclusivo: Ceremonia 2026 */
.ct-main-menu > li.menu-item-6608 > a {
  display: inline-flex;
  align-items: center;
  background: #eb44e7 !important;
  color: #fff !important;
  border-radius: 999px;
  padding: 0px 22px;
  line-height: 1.2;
  text-decoration: none;
}

/* El texto interno permanece blanco */
.ct-main-menu > li.menu-item-6608 > a span {
  color: #ffffff !important;
}

/* Hover y foco del botón */
.ct-main-menu > li.menu-item-6608 > a:hover,
.ct-main-menu > li.menu-item-6608 > a:focus {
  background: #283382 !important;
  color: #fff !important;
}

/* Evita la línea inferior adicional en este botón */
.ct-main-menu > li.menu-item-6608 > a::before {
  display: none !important;
}

/* SECCIÓN VERSIONES ANTERIORES (BOTONES) */
.versiones-anteriores .ct-button-wrapper {
  width: 300px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 24px;
}

.versiones-anteriores .ct-button-wrapper .btn {
  display: inline-flex;
  width: 100%;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
}
	
/* ============================================================
  	JURADO 2026
   ============================================================ */
.ct-team-carousel1 .item--position, .ct-team-grid4 .item--position{
	line-height: 17px!important;
}
.ct-team-carousel1 .item--title a, .ct-team-grid4 .item--title a {
    color: #eb44e7!important;
    font-weight: 600!important;
}
.ct-team-carousel1 .item--position, .ct-team-grid4 .item--position {
	font-size: 15px!important;
}
	.ct-team-carousel1 .item--holder-inner, .ct-team-grid4 .item--holder-inner {
	padding: 20px 15px!important;	
}
.ct-team-carousel1 .item--position, .ct-team-grid4 .item--position {
    color: #283382!important;
	margin-bottom: 10px!important;
}
.ct-team-carousel1 .item--title, .ct-team-grid4 .item--title {
    margin-bottom: 8px!important;
}
.ct-team-carousel1 .item--holder-inner, .ct-team-grid4 .item--holder-inner {
    padding: 17px 9px !important;
}
.ct-team-carousel1 .item--social li a, .ct-team-grid4 .item--social li a {
    font-size: 20px!important;
}
.slick-dots li button {
	background-color: #eb44e7!important;
}
.ct-slick-carousel.slick-arrow-style2 .slick-arrow {
    width: 50px!important;
    height: 50px!important;
	background-color: #eb44e7!important;
}
/* ==================================================
   ESTÁNDAR GENERAL — CARRUSELES DE JURADOS
   ================================================== */

.jurado-carousel {
    --ancho-caja-jurado: 198px;
    --alto-caja-jurado: 146px;
}

/* Fotografías permanentemente a color */
.elementor-widget-ct_team_carousel.jurado-carousel .item--image img,
.elementor-widget-ct_team_carousel.jurado-carousel .item--inner:hover .item--image img,
.elementor-widget-ct_team_carousel.jurado-carousel .item--image:hover img {
    filter: none !important;
    -webkit-filter: none !important;
}

/* Tamaño estándar de las cajas: laptop y escritorio */
@media (min-width: 1025px) {

    .jurado-carousel .item--holder-inner {
        width: var(--ancho-caja-jurado) !important;

        height: var(--alto-caja-jurado) !important;
        min-height: var(--alto-caja-jurado) !important;
        max-height: var(--alto-caja-jurado) !important;

        left: 50% !important;
        right: auto !important;
        margin-left: -99px !important;

        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }

    .jurado-carousel .item--title,
    .jurado-carousel .item--position {
        width: 100% !important;
        text-align: center !important;
    }
}

/* ============================================================
  	FICHA LIDER MAYOR
   ============================================================ */	
.ficha-lider-encabezado {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}
	
/* ============================================================
  	PREGUNTAS FRECUENTES
   ============================================================ */
/* Preguntas Frecuentes */
.faq-preguntas .ct-accordion.layout1 .ct-ac-title,
.faq-preguntas .ct-accordion.layout1 .ct-ac-title a {
  color: #655EF6 !important;
}

/* Barra lateral de la pregunta abierta */
.faq-preguntas .ct-accordion.layout1 .ct-accordion-item::before {
  background: #655EF6 !important;
}
/* Indicador derecho de Preguntas Frecuentes */
.faq-preguntas .ct-accordion.layout1 .ct-ac-title a {
  padding-right: 90px;
}

/* Flecha: 16 px actuales → 24 px */
.faq-preguntas .ct-accordion.layout1 .ct-ac-title a::before {
  font-size: 30px !important;
  right: 28px;
  color: #eb44e7 !important;
  opacity: 1 !important;
}

/* Al abrir, la misma flecha gira hacia arriba */
.faq-preguntas .ct-accordion.layout1 .ct-accordion-item.active .ct-ac-title a::before {
  transform: translate(0, -50%) rotate(180deg) !important;
}

/* Oculta el ícono circular que Consultio muestra al abrir */
.faq-preguntas .ct-accordion.layout1 .ct-ac-title a::after {
  display: none !important;
}

/* Texto bajo la flecha */
.faq-preguntas .ct-accordion.layout1 .ct-ac-title::after {
  content: "Ver más";
  position: absolute;
  top: calc(50% + 15px);
  right: 18px;
  color: #eb44e7;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

/* ── TABLET (max 1024px) ─────────────────────────────────── */
@media (max-width: 1024px) {

} /* fin tablet */


/* ── SMARTPHONE (max 767px) ──────────────────────────────── */
@media (max-width: 767px) {
	
}
/* Solo celular: Versiones anteriores */
@media (max-width: 767px) {

}
/* Corrección final: botones Versiones anteriores en celular */
@media (max-width: 767px) {

  /* La columna que contiene los botones debe usar todo el ancho */
  .elementor-element-e17a56c
  .e-n-tabs-content
  [role="tabpanel"] > .e-con:nth-child(2),
  .elementor-element-e17a56c
  .e-n-tabs-content
  [role="tabpanel"] > .e-con:nth-child(2) > .e-con {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: 100% !important;
  }

  /* Cada widget y su contenedor ocupan el ancho disponible */
  .elementor-element-e17a56c
  .e-n-tabs-content
  .elementor-widget-ct_button {
    width: calc(100% - 48px) !important;
    max-width: 520px !important;
    flex-basis: auto !important;
    align-self: center !important;
    margin: 0 auto 12px !important;
  }

  .elementor-element-e17a56c
  .e-n-tabs-content
  .elementor-widget-ct_button > .elementor-widget-container,
  .elementor-element-e17a56c
  .e-n-tabs-content
  .elementor-widget-ct_button .ct-button-wrapper {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  /* Botón final: mismo ancho, alto y formato */
  .elementor-element-e17a56c
  .e-n-tabs-content
  .elementor-widget-ct_button .ct-button-wrapper .btn {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 56px !important;
    padding: 12px 20px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 60px !important;
    background: #eb44e7 !important;
    color: #fff !important;
  }

  .elementor-element-e17a56c
  .e-n-tabs-content
  .elementor-widget-ct_button .ct-button-wrapper .btn:active,
  .elementor-element-e17a56c
  .e-n-tabs-content
  .elementor-widget-ct_button .ct-button-wrapper .btn:hover {
    background: #655ef6 !important;
  }
}
} /* fin smartphone */


/* ── MOBILE MUY PEQUEÑO (max 520px) ──────────────────────── */
@media (max-width: 520px) {

} /* fin mobile-xs */
/* =========================================================
   NEWSLETTER BREVO — FOOTER LÍDERES MAYORES
   ========================================================= */

.newsletter-footer {
    width: 100%;
    max-width: 720px;
}

.newsletter-footer .elementor-widget-container,
.newsletter-footer form,
.newsletter-footer [class*="sib_signup_box_inside"] {
    width: 100%;
    max-width: 90%;
}

.newsletter-footer form {
    margin: 0 !important;
    padding: 0 !important;
}

/* Cápsula completa */
.newsletter-footer .lm-newsletter-row {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 5px;
    overflow: hidden;
    background: #ffffff;
    border-radius: 999px;
    box-sizing: border-box;
}

/* Eliminar márgenes incorporados por Brevo */
.newsletter-footer .lm-newsletter-row p {
    margin: 0 !important;
    padding: 0 !important;
}

.newsletter-footer .lm-newsletter-field {
    flex: 1 1 auto;
    min-width: 0;
}

.newsletter-footer .lm-newsletter-submit {
    flex: 0 0 auto;
}

/* Ocultar visualmente la etiqueta */
.newsletter-footer .lm-newsletter-sr {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* Campo de correo */
.newsletter-footer .lm-newsletter-email {
    display: block;
    width: 100% !important;
    height: 64px !important;
    margin: 0 !important;
    padding: 0 26px !important;
    border: 0 !important;
    border-radius: 999px !important;
    outline: 0;
    background: #ffffff !important;
    box-shadow: none !important;
    color: #283382 !important;
    font-family: "Atkinson Hyperlegible", sans-serif !important;
    font-size: 19px !important;
    font-weight: 400 !important;
    box-sizing: border-box;
}

.newsletter-footer .lm-newsletter-email::placeholder {
    color: #bcbcbc !important;
    opacity: 1;
}

/* Botón */
.newsletter-footer .lm-newsletter-button {
    display: block;
    width: auto !important;
    min-width: 190px;
    height: 60px !important;
    margin: 0 !important;
    padding: 0 28px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #eb44e7 !important;
    box-shadow: none !important;
    color: #ffffff !important;
    cursor: pointer;
    font-family: "Atkinson Hyperlegible", sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-transform: none !important;
    transition: background-color 0.25s ease !important;
}

.newsletter-footer .lm-newsletter-button:hover,
.newsletter-footer .lm-newsletter-button:focus {
    background: #655ef6 !important;
    color: #ffffff !important;
    transform: none !important;
}

/* Accesibilidad */
.newsletter-footer .lm-newsletter-email:focus-visible,
.newsletter-footer .lm-newsletter-button:focus-visible {
    outline: 3px solid rgba(235, 68, 231, 0.45) !important;
    outline-offset: 2px;
}

/* Mensajes de Brevo */
.newsletter-footer .sib_msg_disp,
.newsletter-footer .sib-alert-message {
    width: 100%;
    margin: 0 0 12px !important;
    font-family: "Atkinson Hyperlegible", sans-serif !important;
    font-size: 16px !important;
    box-sizing: border-box;
}

/* Celular */
@media screen and (max-width: 767px) {
    .newsletter-footer {
        max-width: 100%;
    }

    .newsletter-footer .lm-newsletter-row {
        flex-direction: column;
        gap: 12px;
        padding: 0;
        overflow: visible;
        background: transparent;
        border-radius: 0;
    }

    .newsletter-footer .lm-newsletter-field,
    .newsletter-footer .lm-newsletter-submit {
        width: 100%;
    }

    .newsletter-footer .lm-newsletter-email,
    .newsletter-footer .lm-newsletter-button {
        width: 100% !important;
        min-width: 0;
        height: 56px !important;
    }
}
/* =========================================================
   AJUSTE COMPACTO DEL NEWSLETTER
   ========================================================= */

/* Alinear el título con el formulario y reducir separación */
.elementor-18
.elementor-element.elementor-element-7f5bb33
> .elementor-widget-container {
    margin: 0 0 0 !important;
}

.elementor-18
.elementor-element.elementor-element-7f5bb33 h3 {
    margin: 0 !important;
}

/* Quitar espacios adicionales del widget */
.newsletter-footer,
.newsletter-footer .elementor-widget-container {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
.elementor-18
.elementor-element.elementor-element-7f5bb33
> .elementor-widget-container {
    margin-left: 17px !important;
}

/* Cápsula exterior más compacta */
.newsletter-footer .lm-newsletter-row {
    min-height: 0 !important;
    padding: 3px !important;
}

/* Campo de correo compacto */
.newsletter-footer .lm-newsletter-email {
    height: 39px !important;
    min-height: 39px !important;
    padding: 0 15px !important;
    font-size: 16px !important;
    line-height: 39px !important;
}

/* Botón compacto */
.newsletter-footer .lm-newsletter-button {
    width: auto !important;
    min-width: 145px !important;
    height: 39px !important;
    min-height: 39px !important;
    padding: 0 15px !important;
    font-size: 17px !important;
    line-height: 39px !important;
}

/* Evitar espacios generados por los párrafos de Brevo */
.newsletter-footer .lm-newsletter-field,
.newsletter-footer .lm-newsletter-submit {
    margin: 0 !important;
    padding: 0 !important;
}
/* =========================================================
   GALERÍA — QUÉ ES LÍDERES MAYORES
   Flechas circulares estilo carrusel EMOL TV
   ========================================================= */

/* Forma, tamaño y color de ambos controles */
#ml-gallery-1941 .lg-prev,
#ml-gallery-1941 .lg-next,
html body .lg-container.ml-gallery-1941 .lg-prev,
html body .lg-container.ml-gallery-1941 .lg-next {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 55px !important;
    min-width: 55px !important;
    height: 55px !important;
    min-height: 55px !important;

    padding: 0 !important;
    margin-top: -27.5px !important;

    border: 0 !important;
    border-radius: 50% !important;

    background-color: #eb44e7 !important;
    color: #ffffff !important;

    font-size: 0 !important;
    line-height: 1 !important;

    box-shadow: none !important;
    opacity: 1 !important;

    transition:
        background-color 0.25s ease,
        color 0.25s ease !important;
}

/* Flecha derecha tipo chevron */
#ml-gallery-1941 .lg-next::before,
html body .lg-container.ml-gallery-1941 .lg-next::before {
    content: "" !important;
    display: block !important;

    width: 14px !important;
    height: 14px !important;

    border-top: 4px solid #ffffff !important;
    border-right: 4px solid #ffffff !important;

    transform: rotate(45deg) !important;
    box-sizing: border-box !important;
}

/* Flecha izquierda tipo chevron */
#ml-gallery-1941 .lg-prev::after,
html body .lg-container.ml-gallery-1941 .lg-prev::after {
    content: "" !important;
    display: block !important;

    width: 14px !important;
    height: 14px !important;

    border-top: 4px solid #ffffff !important;
    border-right: 4px solid #ffffff !important;

    transform: rotate(-135deg) !important;
    box-sizing: border-box !important;
}

/* Hover y foco */
#ml-gallery-1941 .lg-prev:hover,
#ml-gallery-1941 .lg-next:hover,
#ml-gallery-1941 .lg-prev:focus,
#ml-gallery-1941 .lg-next:focus,
html body .lg-container.ml-gallery-1941 .lg-prev:hover,
html body .lg-container.ml-gallery-1941 .lg-next:hover,
html body .lg-container.ml-gallery-1941 .lg-prev:focus,
html body .lg-container.ml-gallery-1941 .lg-next:focus {
    background-color: #655ef6 !important;
    color: #ffffff !important;
}

/* Foco visible para navegación con teclado */
#ml-gallery-1941 .lg-prev:focus-visible,
#ml-gallery-1941 .lg-next:focus-visible {
    outline: 3px solid #ffffff !important;
    outline-offset: 3px !important;
}
#ml-gallery-1941 .lg-next::before,
html body .lg-container.ml-gallery-1941 .lg-next::before {
    position: relative !important;
    left: -2px !important;
}
@media screen and (min-width: 1025px) {
    #colophon .elementor-element-174ecda .ct-link1.style2 a::before {
        content: none !important;
        display: none !important;
    }

    #colophon .elementor-element-174ecda .ct-link1.style2 a:hover {
        padding-left: 0 !important;
        color: #283382 !important;
        font-weight: 700 !important;
    }
}
@media screen and (min-width: 768px) {

    /* Quita subrayado de títulos del footer */
    #colophon .elementor-element-7f5bb33 .item--title,
    #colophon .elementor-element-7f5bb33 .sp-main,
    #colophon .elementor-element-6ba1d20 .item--title,
    #colophon .elementor-element-6ba1d20 .sp-main {
        text-decoration: none !important;
    }

    /* Hover de enlaces: sin guion, azul y negrita */
    #colophon .elementor-element-174ecda .ct-link1.style2 a::before {
        content: none !important;
        display: none !important;
    }

    #colophon .elementor-element-174ecda .ct-link1.style2 a:hover {
        padding-left: 0 !important;
        color: #283382 !important;
        font-weight: 700 !important;
    }
}
/* Galería ¿Qué es Líderes Mayores? — borde activo en tablet y celular */
@media screen and (max-width: 1024px) {

    #ml-gallery-1941 .lg-thumb-item,
    html body .lg-container.ml-gallery-1941 .lg-thumb-item {
        box-sizing: border-box !important;
        border: 2px solid transparent !important;
        border-radius: 4px !important;
    }

    #ml-gallery-1941 .lg-thumb-item.active,
    #ml-gallery-1941 .lg-thumb-item:hover,
    #ml-gallery-1941 .lg-thumb-item:focus-visible,
    html body .lg-container.ml-gallery-1941 .lg-thumb-item.active,
    html body .lg-container.ml-gallery-1941 .lg-thumb-item:hover,
    html body .lg-container.ml-gallery-1941 .lg-thumb-item:focus-visible {
        border-color: #eb44e7 !important;
        opacity: 1 !important;
    }
}