/*
 Theme Name: Divi Child
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: Elegant Themes
 Author URI: https://www.elegantthemes.com
 Template: Divi
 Version: 1.0.0
*/

#section-landing-page.et_pb_section.et_pb_section_1 {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  /* Crea 2 columnas */
  grid-template-rows: 1fr;
  /* Solo una fila para todos los slides */
  height: 100vh !important;
  /* Asegura que el grid ocupe toda la pantalla */
  min-height: 100vh !important;
  /* Asegura la altura mínima */
}
#landing-page-img-2 > img {
  object-position: bottom;
}
@media (max-width: 980px) {
  #section-landing-page.et_pb_section.et_pb_section_1 {
    display: grid !important;
    grid-template-columns: 1fr;
    /* Crea 2 columnas */
    grid-template-rows: 1fr;
    /* Solo una fila para todos los slides */
    height: 100vh !important;
    /* Asegura que el grid ocupe toda la pantalla */
    min-height: 100vh !important;
    /* Asegura la altura mínima */
  }
}
@media (max-width: 450px) {
  #landing-page-img-2 {
    display: none;
  }
  div#landing-page-img-1 > img {
    height: 100%;
    width: auto !important;
  }
  div#landing-page-img-1 {
    overflow: hidden;
  }
}
div#landing-page-img-1 > img,
div#landing-page-img-2 > img {
  max-height: 100vh;
  object-fit: cover;
}

#menu-dropdown-1.menu-2 {
  background-color: #ffff !important;
  height: 200px !important;
  position: static !important;
}

#menu-dropdown-1.menu-2 svg#cross > g > path {
  fill: black !important;
}

#menu-dropdown-1.menu-2 svg#horiz_bar > g > path {
  fill: black !important;
}

div.et_pb_menu__menu {
  width: 100%;
}

/* Estilo para el nav que contiene los items del menú */
nav.et-menu-nav {
  display: grid !important;
  /* Habilita el grid */
  grid-template-columns: 1fr;
  /* Crea dos columnas, cada una ocupa 50% del espacio */
  justify-items: stretch;
  /* Estira los elementos hijos dentro de cada columna */
  width: 100%;
}

ul#menu-menu-principal-js {
  display: flex;
  justify-content: space-between !important;
  align-items: center;
}

ul#menu-menu-principal-js > li > ul {
  background-color: transparent !important;
  right: 0 !important;
  left: unset !important;
  padding: 0 !important;
  box-shadow: none !important;
}

ul#menu-menu-principal-js > li > ul > li {
  padding: 10px !important;
}

.et_mobile_menu li a:hover,
.nav ul li a:hover {
  background-color: transparent;
}

/* Asegurar que la opacidad no cambie */
nav.et-menu-nav,
.et_mobile_menu,
.et-menu-nav li a,
.et_mobile_menu li a {
  animation: none !important;
  transition: none !important;
  opacity: 1 !important;
  /* Garantiza que la opacidad siempre sea 1 */
}

/* Desactivar opacidad en hover */
.et-menu-nav li:hover,
.et_mobile_menu li:hover {
  animation: none !important;
  transition: none !important;
  opacity: 1 !important;
  /* Desactivar cualquier cambio de opacidad */
}

/* Desactivar opacidad en sub-menús */
.et-menu-nav li:hover > .sub-menu,
.et_mobile_menu li:hover > .sub-menu {
  animation: none !important;
  transition: none !important;
  opacity: 1 !important;
  /* Mantener opacidad constante en sub-menús */
}

/* Desactivar opacidad en el menú cuando se hace hover en un item de submenú */
.et_pb_menu__menu .et_pb_menu_item_has_children > a:focus,
.et_pb_menu__menu .et_pb_menu_item_has_children > a:hover {
  transition: none !important;
  animation: none !important;
  opacity: 1 !important;
  /* Desactivar cualquier cambio de opacidad */
}

.et-menu .menu-item-has-children > a:first-child:after {
  display: none;
}

.nav li ul {
  border-top: 0px;
}

/* Forzar la visibilidad del submenú */
.nav li > ul {
  visibility: visible !important;
  /* Hace visible el submenú siempre */
  opacity: 1 !important;
  /* Asegura que el submenú sea opaco */
  z-index: 1000 !important;
  /* Mantén el z-index para que el submenú esté encima */
}

/* Asegura que el submenú siempre sea visible, sin necesidad de hover */
.nav li.et-hover > ul,
.nav li.et-touch-hover > ul,
.nav li:hover > ul {
  opacity: 1 !important;
  /* Elimina el efecto de opacidad */
  visibility: visible !important;
  /* Hace visible el submenú sin necesidad de hover */
}

/* Ajusta la posición del submenú (si es necesario) */
.nav li li ul {
  z-index: 1000 !important;
  top: -23px !important;
  left: 240px !important;
}

/* Asegura que el submenú no se oculte con el hover en el elemento principal */
.nav li:hover {
  visibility: inherit !important;
  /* Asegura que no se oculte */
}

/* Para evitar que las clases et-hover, et-touch-hover u otras clases oculten el submenú */
.nav li.et-hover,
.nav li.et-touch-hover {
  visibility: visible !important;
}

.et-menu li li a {
  padding: 0;
  width: 200px;
  text-align: right;
}

@media (max-width: 980px) {
  .et_pb_menu .et_pb_menu__menu {
    display: block !important;
  }

  .et-menu li li a,
  .et-menu li a {
    font-size: 1.5rem !important;
    line-height: 0.7em !important;
  }

  svg {
    width: 20px !important;
    height: 20px !important;
  }

  .et_pb_menu .et_mobile_nav_menu {
    display: none !important;
  }

  #menu-menu-principal-js
    > li.et_pb_menu_page_id-home.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-home.current-menu-item.page_item.page-item-6.current_page_item.menu-item-187
    > a {
    padding-left: 20px;
  }
  #menu-menu-principal-js
    > li.et_pb_menu_page_id-home.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-home.menu-item-187
    > a {
    padding-left: 20px;
  }
}

@media (max-width: 350px) {
  #menu-menu-principal-js
    > li.et_pb_menu_page_id-home.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-home.current-menu-item.page_item.page-item-6.current_page_item.menu-item-187
    > a {
    font-size: 20px !important;
  }
  #menu-menu-principal-js
    > li.et_pb_menu_page_id-home.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-home.menu-item-187
    > a {
    font-size: 20px !important;
  }
  .et-menu li li a {
    font-size: 20px !important;
    line-height: 0.5em !important;
  }
}

div.et_pb_portfolio_item.et_pb_grid_item {
  width: 33.3% !important;
  max-width: 33.3% !important;
  height: auto !important;
  padding-right: 2em !important;
  padding-bottom: 2em !important;
}

.et_pb_portfolio_image.landscape > img {
  width: 100% !important;
  height: 600px !important;
  max-width: none !important;
  object-fit: cover !important;
}

.et_pb_fullwidth_portfolio.et_pb_fullwidth_portfolio_0
  .et_pb_portfolio_image
  .et_overlay {
  background-color: rgba(255, 255, 255, 0) !important;
  border-color: rgba(255, 255, 255, 0) !important;
  z-index: 3 !important;
  visibility: visible !important;
  opacity: 1 !important;
}

div.et_pb_portfolio_image.landscape > div.meta {
  z-index: 3 !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Asegurar que el h3 siempre sea visible */
.et_pb_fullwidth_portfolio .et_pb_portfolio_image h3 {
  display: none !important;
}
/* Estilos navegador entre proyectos*/
div.et_pb_module.et_pb_post_nav_0.et_pb_posts_nav.nav-single {
  margin: 1.5em 0 -1.7em 0 !important;
  padding: 0 0 0 2rem !important;
  display: flex !important;
  gap: 0.5em;
}
div.et_pb_module.et_pb_post_nav_1.et_pb_posts_nav.nav-single {
  margin: 1.5em 0 -1.7em 0 !important;
  padding: 0 !important;
  display: flex !important;
  gap: 0.5em;
}

span.meta-nav {
  color: black !important;
  font-size: 1.7em;
}
.nav-next .meta-nav {
  visibility: hidden;
  position: relative;
}

.nav-next .meta-nav::before {
  content: ">";
  visibility: visible;
  position: absolute;
  left: 0;
  top: 0;
}

.nav-previous .meta-nav {
  visibility: hidden;
  position: relative;
}

.nav-previous .meta-nav::before {
  content: "<";
  visibility: visible;
  position: absolute;
  left: 0;
  top: 0;
}

span.nav-previous > a > span.nav-label {
  display: none !important;
}
span.nav-next > a > span.nav-label {
  display: none !important;
}

@media (max-width: 980px) {
  div.et_pb_module.et_pb_post_nav_1.et_pb_posts_nav.nav-single {
    display: none !important;
  }
}

@media (max-width: 980px) {
  div.et_pb_portfolio_item.et_pb_grid_item {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    /* 2 columnas en tablet/móvil */
  }
}

body {
  line-height: 0 !important;
}

#main-footer {
  display: none;
}