.elementor-1934 .elementor-element.elementor-element-483606e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1934 .elementor-element.elementor-element-d9d3b44 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-1934 .elementor-element.elementor-element-08b6fdf > .elementor-widget-container{padding:45px 0px 0px 0px;}.elementor-1934 .elementor-element.elementor-element-16cb8c6 > .elementor-element-populated{padding:0px 0px 0px 0px;}/* Start custom CSS for bbh9banner, class: .elementor-element-b11a7b4 *//* HERO H2 (título principal) */
.box-table.shadow.dark .col-lg-8.info h2{
  font-size: clamp(28px, 3.8vw, 100px); /* ajusta el rango si lo necesitas */
  line-height: 1.08;
  letter-spacing: -0.02em;
  margin: 0 0 20px;
  max-width: 25ch;
  text-align: left !important;/* controla el ancho del texto para evitar una línea eterna */
  text-wrap: balance;       /* mejor reparto de líneas (navegadores modernos) */
  overflow-wrap: anywhere;  /* evita desbordes por palabras largas */
}

.btn {
    border: #2C73B3 !important;
    background: #2C73B3 !important;
}/* End custom CSS */
/* Start custom CSS for cbh7services, class: .elementor-element-36ec876 */.services-style-four .item > p{
  white-space: pre-line;
}
/* Íconos de los cards de Servicios: color unificado a azul medio */
.services-style-four .item i{
  color: #2C73B3 !important;
}

/* Servicios (cards): color normal del título link + hover (quita naranja) */
.services-style-four .item h4 a{
  color: #495466 !important;        /* gris oscuro de tu paleta */
  text-decoration: none !important;
}

.services-style-four .item h4 a:hover,
.services-style-four .item:hover h4 a{
  color: #2C73B3 !important;        /* azul marino al hover */
}/* End custom CSS */
/* Start custom CSS for cbbanner, class: .elementor-element-afc3312 */.why-choose-us {
    background: #2C73B3 !important;
}

.why-choose-us .btn{
    background: #495466 !important;
}/* End custom CSS */
/* Start custom CSS for aph8about, class: .elementor-element-483606e */.feature-area h2 {
    padding-top: 70px;
}

.feature-area {
    background: #082545 !important;
}/* End custom CSS */
/* Start custom CSS for sth6features, class: .elementor-element-08b6fdf *//* Process/steps: icon color */
.process-list-items .item .icon i{
  color: #2C73B3 !important;
}/* End custom CSS */
/* Start custom CSS *//* 1) LOGO: se mantiene, sin reducir */
.navbar-brand img.logo{
  width: 200px !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 90px !important; /* logo NO baja */
  object-fit: contain;
  display: block;
}

/* 2) HEADER más bajo + centrado vertical real (flex) */
:root{
  --header-h: 100px; /* ajusta: 68–84 suele quedar bien */
}

.top-bar-area {
    background: #2C73B3 !important;
}

.wrap-sticky,
.navbar{
  height: auto !important;         /* clave: no fuerces height fijo */
  min-height: var(--header-h) !important;
  padding-top: 8px !important;     /* reduce “alto” visual */
  display: flex !important;
  align-items: center !important;  /* centra verticalmente todo */
}

/* 3) Evita que el brand agregue altura extra por márgenes */
.navbar-brand{
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
}

/* 4) Centrar verticalmente el menú y el botón (Bootstrap-like) */
.navbar .navbar-nav,
.navbar .navbar-collapse{
  align-items: center !important;
}

/* Responsive: un poco más compacto en tablet/móvil */
@media (max-width: 992px){
  :root{ --header-h: 70px; }

  .navbar-brand img.logo{
    width: 200px !important;
    max-height: 80px !important;
  }
}

/* Aplica a todos los botones temáticos (sm, md, etc.) */
.btn.btn-theme.effect {
  border-radius: 50px !important;      /* completamente redondeado */
  overflow: hidden;                    /* evita que efectos sobresalgan */
  transition: all 0.3s ease;           /* suaviza animaciones */
}

/* Opcional: efecto al pasar el mouse */
.btn.btn-theme.effect:hover {
  transform: translateY(-2px);         /* leve elevación */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15); /* sombra sutil */
}





/* Fuerza color turquesa en el botón del attr-nav dentro de .blue */
.blue .attr-nav > ul.button.theme > li > a,
.blue .attr-nav > ul.button.theme > li > .btn {
  background-color: #2C73B3 !important;
  border-color: #2C73B3 !important;
  color: #ffffff !important;
  background-image: none !important; /* por si el tema usa gradientes */
  box-shadow: none !important;       /* evita sombras que alteren el color */
}

/* =======================================================
   REEMPLAZOS CSS: ÍCONOS DE TELÉFONO Y UBICACIÓN (sin FA)
   ======================================================= */

/* Configuración base compartida */
i.fas.fa-phone,
i.fas.fa-map-marker-alt {
  position: relative;
  display: inline-block;
  font-size: 1em;        /* escala con el texto */
  line-height: 1;
  color: inherit;         /* hereda color del contenedor */
  vertical-align: middle;
}

/* Elimina glifos viejos de FA si aún cargan */
i.fas.fa-phone::after,
i.fas.fa-map-marker-alt::after {
  content: none !important;
}

/* ---------- Teléfono moderno ---------- */
i.fas.fa-phone::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.1em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M493.4 24.6l-104-24c-11.4-2.6-23.2 2.7-28.6 12.9l-48 96c-4.5 9-2.6 20 4.8 27.2l60.6 60.6c-36.3 70.9-93.2 127.8-164.1 164.1l-60.6-60.6c-7.2-7.4-18.2-9.3-27.2-4.8l-96 48C2.7 357.2-2.6 369 0 380.4l24 104C26.3 500.6 38.3 512 52 512 279.9 512 512 279.9 512 52c0-13.7-11.4-25.7-24.6-27.4z'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M493.4 24.6l-104-24c-11.4-2.6-23.2 2.7-28.6 12.9l-48 96c-4.5 9-2.6 20 4.8 27.2l60.6 60.6c-36.3 70.9-93.2 127.8-164.1 164.1l-60.6-60.6c-7.2-7.4-18.2-9.3-27.2-4.8l-96 48C2.7 357.2-2.6 369 0 380.4l24 104C26.3 500.6 38.3 512 52 512 279.9 512 512 279.9 512 52c0-13.7-11.4-25.7-24.6-27.4z'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* ---------- Ubicación (map marker) ---------- */
i.fas.fa-map-marker-alt::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1.2em;
  vertical-align: -0.2em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='currentColor' d='M168 0C75.1 0 0 75.1 0 168c0 87.7 135.9 294.5 162.4 330.3a24 24 0 0 0 39.3 0C248.1 462.5 384 255.7 384 168 384 75.1 308.9 0 216 0h-48zM192 256a88 88 0 1 1 0-176 88 88 0 0 1 0 176z'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='currentColor' d='M168 0C75.1 0 0 75.1 0 168c0 87.7 135.9 294.5 162.4 330.3a24 24 0 0 0 39.3 0C248.1 462.5 384 255.7 384 168 384 75.1 308.9 0 216 0h-48zM192 256a88 88 0 1 1 0-176 88 88 0 0 1 0 176z'/%3E%3C/svg%3E") center / contain no-repeat;
}/* End custom CSS */