/* esto cambia solo el color del enlistado de elementor el que va al lado del logo */

.elementor-icon-list-items .elementor-icon-list-item,
.elementor-icon-list-items .elementor-icon-list-item a {
    color: #0F2E7A !important;
}

.elementor-icon-list-text {
    color: #0F2E7A !important;
}



h1.pbmit-tbar-title {
  color: #ffffff;
}

div.pbmit-breadcrumb-inner {
  color: #ffffff;
}

span a span {
  color: #ffffff;
}




@media (max-width: 768px) {
  .mwai-trigger.mwai-open-button {
    bottom: 0 !important;
    /* baja 60px y agranda aprox. 2px */
    transform: translateY(0px) scale(1.30) !important;
  }
}




/* 🔵 Bordes redondeados para imágenes de Elementor */
.elementor-widget-image img {
    border-radius: 30px;   /* Ajusta el valor a tu gusto (px, %, etc.) */
    overflow: hidden;      /* Asegura que la imagen respete el borde */
    transition: all 0.3s ease; /* Animación suave si cambias tamaño/hover */
}

/* 💫 Opcional: efecto hover más pro */
.elementor-widget-image img:hover {
    transform: scale(1.02); /* Pequeño zoom al pasar el mouse */
}











/* === MÓVIL: colores de ALTO CONTRASTE para menú y submenú === */
@media (max-width: 991px){

  /* Principal (nivel 1) */
  .pbmit-mobile-menu ul > li.menu-item.menu-item-has-children > a,
  .pbmit-mobile-menu ul > li.menu-item > a,
  .pbmit-mobile-menu ul > li.menu-item > a .pbmit-span-wrapper,
  .pbmit-mobile-menu ul > li.menu-item .pbmit-span-wrapper,
  .mean-container .mean-nav > ul > li > a,
  nav .menu > li > a,
  .mobile-menu .menu > li > a,
  .pbmit-offcanvas .menu > li > a,
  .pbmit-offcanvas .menu > li > a .pbmit-span-wrapper {
    color: #19191B !important;
    -webkit-text-fill-color: #19191B !important;
    font-weight: 900 !important;
  }

  /* Submenú (nivel 2+) */
  .pbmit-mobile-menu ul li ul.sub-menu li > a,
  .pbmit-mobile-menu ul li ul.sub-menu li > a .pbmit-span-wrapper,
  .mean-container .mean-nav ul li li > a,
  nav .menu li ul.sub-menu li > a,
  .mobile-menu .menu li ul.sub-menu li > a,
  .pbmit-offcanvas .menu li ul.sub-menu li > a {
    color: #25263B !important;
    -webkit-text-fill-color: #25263B !important;
    font-weight: 800 !important;
  }

  /* Estados link/visited/hover/active */
  .pbmit-mobile-menu a:link,
  .pbmit-mobile-menu a:visited,
  .pbmit-mobile-menu a:hover,
  .pbmit-mobile-menu a:active,
  .pbmit-offcanvas .menu a:link,
  .pbmit-offcanvas .menu a:visited,
  .pbmit-offcanvas .menu a:hover,
  .pbmit-offcanvas .menu a:active {
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
  }

  /* Flechas/chevrones */
  .pbmit-mobile-menu i[class*="angle"],
  .pbmit-offcanvas .menu i[class*="angle"],
  .mean-container .mean-nav i,
  .pbmit-mobile-menu .dropdown-toggle i,
  .pbmit-mobile-menu .dropdown-toggle svg {
    color: #19191B !important;
    fill: #19191B !important;
    stroke: #19191B !important;
  }

  /* Botón hamburguesa / X */
  .pbmit-menu-toggle,
  .pbmit-menu-toggle i,
  .pbmit-menu-toggle svg,
  .pbmit-menu-toggle span,
  .mean-container a.meanmenu-reveal,
  .mean-container a.meanmenu-reveal span {
    color: #19191B !important;
    background-color: #19191B !important;
    fill: #19191B !important;
    stroke: #19191B !important;
    border-color: #19191B !important;
  }

  /* Opcional: resaltar item activo o abierto sin perder contraste */
  .pbmit-mobile-menu .current-menu-item > a,
  .pbmit-mobile-menu .current-menu-ancestor > a,
  .pbmit-mobile-menu .mean-clicked + a,
  .pbmit-offcanvas .current-menu-item > a,
  .pbmit-offcanvas .current-menu-ancestor > a {
    color: #D8AC23 !important;
    -webkit-text-fill-color: #D8AC23 !important;
  }

  .pbmit-mobile-menu .current-menu-item > a i,
  .pbmit-mobile-menu .current-menu-ancestor > a i,
  .pbmit-offcanvas .current-menu-item > a i,
  .pbmit-offcanvas .current-menu-ancestor > a i {
    color: #D8AC23 !important;
    fill: #D8AC23 !important;
    stroke: #D8AC23 !important;
  }
}




/* === HAMBURGUESA DORADA Y MÁS GRUESA — SELECTOR REAL === */
@media (max-width: 1200px){

  button#menu-toggle.nav-menu-toggle{
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

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

    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;

    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    overflow: visible !important;
    cursor: pointer !important;
  }

  /* ocultar cualquier icono viejo si el tema lo mete por fuente */
  button#menu-toggle.nav-menu-toggle,
  button#menu-toggle.nav-menu-toggle *{
    color: transparent !important;
    fill: transparent !important;
    stroke: transparent !important;
    text-shadow: none !important;
  }

  /* dibujar las 3 líneas nuevas */
  button#menu-toggle.nav-menu-toggle::before{
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;

    width: 45px !important;
    height: 5.5px !important;
    border-radius: 999px !important;
    background: #D8AC23 !important;

    transform: translate(-50%, -50%) !important;

    box-shadow:
      0 -10px 0 0 #D8AC23,
      0  10px 0 0 #D8AC23 !important;

    opacity: 1 !important;
    visibility: visible !important;
    z-index: 9999 !important;
    pointer-events: none !important;
  }

  /* por si el tema usa otro pseudo, lo neutralizamos */
  button#menu-toggle.nav-menu-toggle::after{
    content: none !important;
  }

  /* hover */
  button#menu-toggle.nav-menu-toggle:hover::before,
  button#menu-toggle.nav-menu-toggle:focus-visible::before{
    background: #D8AC23 !important;
    box-shadow:
      0 -10px 0 0 #D8AC23,
      0  10px 0 0 #D8AC23 !important;
  }
}


























/* 📸 Imágenes de bloque Elementor a ancho completo */
.elementor-widget-image img {
    display: block;
    width: 100% !important;   /* ocupa el 100% del contenedor */
    height: auto !important;  /* mantiene proporción */
    max-width: 100% !important;
}















/* Aquí va tu CSS anterior (otros estilos) */
/* …otras reglas… */

:root{--scf-gap:calc((100vw - 100%)/2);}
.scf-hero{position:relative;margin-left:calc(-1*var(--scf-gap));margin-right:calc(-1*var(--scf-gap));overflow-x:clip;box-sizing:border-box;width:auto;max-width:none;}
.scf-hero .scf-wrap{max-width:none!important;width:100%!important;margin:0!important;}
.scf-hero .scf-card{width:100%!important;}
.scf-hero img{display:block;width:100%;height:auto;max-width:100%;}
@media (max-width:768px){.scf-hero{margin-left:0;margin-right:0;}}








/* ✅ Solo acordeones dentro de la sección de Servicios en pantallas móviles *//* Solo en móvil */  .services-acc .elementor-widget-wrap {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;      /* que la columna ocupe el 100% */
    box-sizing: border-box;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* 2) Asegura que el widget de acordeón no tenga límites */
  .services-acc .elementor-widget-accordion,
  .services-acc .elementor-accordion {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* 3) Títulos y contenidos a ancho completo + padding cómodo */
  .services-acc .elementor-accordion .elementor-tab-title,
  .services-acc .elementor-accordion .elementor-tab-content {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    padding-left: 16px;
    padding-right: 16px;
  }

  /* 4) Por si el tema aplica un max-width al widget container */
  .services-acc .elementor-widget-container {
    max-width: none !important;
  }
}
   width: 100% !important;       /* Ocupa todo el ancho del dispositivo */
    max-width: 100% !important;
    box-sizing: border-box;
    padding-left: 6px;           /* Espacio lateral para mejor lectura */
    padding-right: 16px;
    margin: 0 auto;
    display: block !important;
  }
}





/* ✅ Cerrar visualmente el primer acordeón de Elementor */
.elementor-accordion .elementor-accordion-item:first-child .elementor-tab-title.elementor-active,
.elementor-accordion .elementor-accordion-item:first-child .elementor-tab-content {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
}











/* SOLO PC */
@media (min-width: 1024px){

  /* El contenedor del sidebar debe ser relativo para que absolute se “ancle” */
  #secondary{
    position: relative;
  }

  /* Cuando toca el footer, frenamos aquí */
  .sticky-banners.sticky-stop{
    position: absolute !important;
    top: var(--stop-top) !important;
    left: var(--stop-left) !important;
    width: var(--stop-width) !important;
    z-index: 9999 !important;
  }

  .sticky-banners{
    box-sizing: border-box;
  }
}

/* Ocultar caja de icono vacia en tarjetas de Servicios */
.pbmit-service-icon:not(:has(*)) {
  display: none !important;
}