.elementor-2174 .elementor-element.elementor-element-ea74a59{--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-2174 .elementor-element.elementor-element-ea74a59:not(.elementor-motion-effects-element-type-background), .elementor-2174 .elementor-element.elementor-element-ea74a59 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F325D;}.elementor-2174 .elementor-element.elementor-element-6523fd22{--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-2174 .elementor-element.elementor-element-121e5b6b img{max-width:100%;}.elementor-2174 .elementor-element.elementor-element-55295fd3{--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;}.elementor-2174 .elementor-element.elementor-element-de144b3 .elementor-menu-toggle{margin:0 auto;}.elementor-2174 .elementor-element.elementor-element-de144b3 .elementor-nav-menu .elementor-item{font-size:17px;}.elementor-2174 .elementor-element.elementor-element-de144b3{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-2174 .elementor-element.elementor-element-de144b3 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-2174 .elementor-element.elementor-element-de144b3 .elementor-nav-menu--dropdown a{padding-top:3px;padding-bottom:3px;}.elementor-2174 .elementor-element.elementor-element-de144b3 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-2174 .elementor-element.elementor-element-de144b3 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:-51px !important;}.elementor-2174 .elementor-element.elementor-element-403fa0c1{--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-2174 .elementor-element.elementor-element-403fa0c1.e-con{--order:99999 /* order end hack */;}.elementor-2174 .elementor-element.elementor-element-40b35b11 .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-2174 .elementor-element.elementor-element-40b35b11{padding:12px 26px 12px 26px;}@media(min-width:768px){.elementor-2174 .elementor-element.elementor-element-ea74a59{--content-width:100%;}.elementor-2174 .elementor-element.elementor-element-6523fd22{--width:20%;}.elementor-2174 .elementor-element.elementor-element-55295fd3{--width:65%;}.elementor-2174 .elementor-element.elementor-element-403fa0c1{--width:15%;}}/* Start custom CSS for container, class: .elementor-element-ea74a59 *//* ===== 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;
}

/* cada li para anclar bien los submenús */
.kreto-nav .elementor-nav-menu > li {
  position: relative;
}

.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%;
}

/* ===== BAJAR SUBMENÚS (con espacio visible) ===== */
.kreto-nav .elementor-nav-menu > li > .sub-menu,
.kreto-nav .elementor-nav-menu > li > .elementor-nav-menu--dropdown {
  margin-top: 10px; /* separación debajo del botón */
}

/* ===== 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: 20px;
  }
}

/* Solo el menú principal de escritorio */
.kreto-nav .elementor-nav-menu--main {
  white-space: nowrap;
  overflow: visible; /* 🔥 antes estaba en hidden y recortaba el submenú */
}

/* Estilo botón MORE */
.kreto-nav .menu-more > a {
  color: #ffffff !important;
  cursor: pointer;
  position: relative;
}

/* Dropdown de MORE */
.kreto-nav .menu-more {
  position: relative;
}

/* Submenú del botón MORE, con misma separación */
.kreto-nav .menu-more .sub-menu {
  position: absolute;
  top: 100%;
  margin-top: 10px;
  left: 0;
  min-width: 180px;
  background: #0b2543;
  border-radius: 4px;
  padding: 8px 0;
  display: none;
  list-style: none;
  margin-bottom: 0;
  z-index: 9999;
}

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

/* Mostrar el dropdown cuando se abra */
.kreto-nav .menu-more.kreto-more-open .sub-menu {
  display: block;
}

/* ===== SEPARAR SUBMENÚ EN ESCRITORIO ===== */
@media (min-width: 1025px) {
  /* Cubre los submenús de Elementor en ese header */
  .kreto-header .elementor-nav-menu--dropdown,
  .kreto-header .sub-menu {
    transform: translateY(45px) !important; /* baja el dropdown */
  }
}

/* =======================================================
   AJUSTES SOLO PARA MÓVIL (<= 1024px)
   – mejorar legibilidad y fondo del acordeón
   – SIN tocar posición, top ni transform
   ======================================================= */
@media (max-width: 1024px) {

  /* quitar el hueco blanco enorme encima del contenido del acordeón */
  .kreto-header .elementor-nav-menu > li > .sub-menu,
  .kreto-header .elementor-nav-menu > li > .elementor-nav-menu--dropdown {
    margin-top: 0;
  }

  /* caja del menú desplegable */
  .kreto-header .elementor-nav-menu--dropdown {
    background: #f2f4f7;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
  }

  /* items principales del acordeón (Home, Models, etc.) */
  .kreto-header .elementor-nav-menu--dropdown > li > a {
    background: #f2f4f7;              /* gris claro, no oscuro */
    color: #0f325d !important;        /* texto azul oscuro */
    padding: 12px 18px;
    font-weight: 500;
    display: block;
  }

  /* flecha de despliegue más visible */
  .kreto-header .elementor-nav-menu--dropdown .sub-arrow {
    color: #0f325d !important;
  }

  /* enlaces dentro de los submenús en móvil */
  .kreto-header .elementor-nav-menu--dropdown .sub-menu a {
    background: #000000;
    color: #0f325d !important;
    padding: 10px 26px;
    border-top: 1px solid rgba(15,50,93,0.08);
    display: block;
  }
}/* End custom CSS */