.elementor-2227 .elementor-element.elementor-element-1766e409{--display:flex;--min-height:80px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2227 .elementor-element.elementor-element-1766e409:not(.elementor-motion-effects-element-type-background), .elementor-2227 .elementor-element.elementor-element-1766e409 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F325D;}.elementor-2227 .elementor-element.elementor-element-1c5a6e6{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-2227 .elementor-element.elementor-element-6513da4f{text-align:right;}.elementor-2227 .elementor-element.elementor-element-6513da4f img{max-width:60%;}.elementor-2227 .elementor-element.elementor-element-f70a0ad{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2227 .elementor-element.elementor-element-75232f5c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2227 .elementor-element.elementor-element-75232f5c.e-con{--order:99999 /* order end hack */;}.elementor-2227 .elementor-element.elementor-element-e858ed7 .elementor-button{background-color:#F7D6A3;fill:#0F325D;color:#0F325D;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-radius:50px 50px 50px 50px;}.elementor-2227 .elementor-element.elementor-element-e858ed7{padding:12px 26px 12px 26px;}@media(min-width:768px){.elementor-2227 .elementor-element.elementor-element-1766e409{--content-width:100%;}.elementor-2227 .elementor-element.elementor-element-1c5a6e6{--width:30%;}.elementor-2227 .elementor-element.elementor-element-f70a0ad{--width:85%;}.elementor-2227 .elementor-element.elementor-element-75232f5c{--width:20%;}}/* Start custom CSS for container, class: .elementor-element-f70a0ad */.elementor-2227 .elementor-element.elementor-element-f70a0ad .elementor-nav-menu--main .elementor-nav-menu {
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1766e409 *//* ===== HEADER GENERAL ===== */
.kreto-header {
  background: #0f325d;
  position: sticky;
  top: 0;
  z-index: 999;
}

/* columnas */
.kreto-col-left,
.kreto-col-center,
.kreto-col-right {
  display: flex;
  align-items: center;
}

/* logo alineado */
.kreto-col-left {
  justify-content: flex-start;
}

/* menú centrado */
.kreto-col-center {
  justify-content: center;
}

/* botón derecha */
.kreto-col-right {
  justify-content: flex-end;
}

/* ===== MENÚ ===== */
.kreto-nav .elementor-nav-menu {
  gap: 15px;
}

.kreto-nav .elementor-nav-menu > li > a {
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.02em;
  position: relative;
}

/* subrayado suave */
.kreto-nav .elementor-nav-menu > li > a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 0;
  height: 2px;
  background: #f2c27b;
  transition: width 0.2s ease;
}

.kreto-nav .elementor-nav-menu > li > a:hover::after {
  width: 100%;
}

/* ===== BOTÓN CALL NOW ===== */
.kreto-btn-call .elementor-button {
  background: #f7d6a3;
  color: #0f325d;
  border-radius: 999px;
  padding: 12px 26px;
  font-weight: 600;
  box-shadow: 0 4px 8px rgba(0,0,0,0.12);
  transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.kreto-btn-call .elementor-button:hover {
  background: #ffdfb4;
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(0,0,0,0.16);
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1024px) {
  .kreto-col-center {
    justify-content: flex-end;
  }
}

@media (max-width: 768px) {
  .kreto-header {
    padding-inline: 16px;
  }
}

/* ===== FIX: MENÚ UNA LÍNEA SIN CORTAR DROPDOWNS ===== */
.kreto-nav .elementor-nav-menu--main {
  white-space: nowrap;
  overflow: visible !important; /* antes estaba en hidden */
}

/* ===== MENÚ MORE ===== */
.kreto-nav .menu-more > a {
  color: #ffffff !important;
  cursor: pointer;
  position: relative;
}

.kreto-nav .menu-more {
  position: relative;
}

.kreto-nav .menu-more .sub-menu {
  position: absolute;
  top: 140%;
  left: 0;
  min-width: 180px;
  background: #0b2543;
  border-radius: 4px;
  padding: 8px 0;
  display: none;
  list-style: none;
  margin: 0;
  z-index: 9999;
}

.kreto-nav .menu-more .sub-menu li a {
  padding: 8px 16px;
  display: block;
  color: #ffffff !important;
  white-space: nowrap;
}

/* Dropdown cuando está abierto */
.kreto-nav .menu-more.kreto-more-open .sub-menu {
  display: block;
}

/* ===== FLECHAS BLANCAS ===== */

/* Caso 1: icono arrow-down */
.kreto-nav .eicon-arrow-down {
  color: #ffffff !important;
}

/* Caso 2: indicador tipo triangulito */
.kreto-nav.elementor-nav-menu--indicator-angle
  .elementor-nav-menu--main
  .elementor-item.has-submenu:after {
  border-color: #ffffff transparent transparent transparent !important;
}

/* ===== FLECHA DE SUBMENÚ — SVG EN BLANCO ===== */
.kreto-nav svg.e-font-icon-svg.e-fas-caret-down {
    fill: #ffffff !important;
    color: #ffffff !important;
}

/* ============================================================
   ===============  📱 DISEÑO PERFECTO PARA MÓVIL  =============
   ============================================================ */
@media (max-width: 768px) {

  /* La sección principal del header se convierte en layout vertical */
  .kreto-header .elementor-container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 18px !important; /* espacio entre logo / menú / botón */
    padding-top: 16px;
    padding-bottom: 16px;
  }

  /* Cada columna ocupa el 100% hacia abajo */
  .kreto-col-left,
  .kreto-col-center,
  .kreto-col-right {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
  }

  /* LOGO — centrado */
  .kreto-col-left {
    order: 1;
  }

  /* MENÚ (hamburguesa) — centrado */
  .kreto-col-center {
    order: 2;
    justify-content: center !important;
  }

  /* Hamburguesa blanca */
  .kreto-nav .elementor-menu-toggle {
    color: #ffffff !important;
  }
  .kreto-nav .elementor-menu-toggle svg {
    fill: #ffffff !important;
    color: #ffffff !important;
  }

  /* BOTÓN CALL NOW — centrado y visible */
  .kreto-col-right {
    order: 3;
    justify-content: center !important;
    display: flex !important;
  }

  /* Ajuste del botón para que se vea bien */
  .kreto-btn-call .elementor-button {
    width: auto;
    margin: 0 auto;
  }

  /* Dropdown del menú móvil centrado */
  .kreto-nav .elementor-nav-menu--dropdown {
    background: #0f325d !important;
    text-align: center !important;
  }

  .kreto-nav .elementor-nav-menu--dropdown a {
    color: #ffffff !important;
  }
}/* End custom CSS */