.navbar_container {
  font-family: 'Barlow', sans-serif;
}

.navbar_container {
  margin: 0 auto;
  width: calc(100% - 30px);
  max-width: 1180px;
  position: fixed;
  z-index: 100;
  top: 16px;
  left: 0;
  right: 0;
  padding: 16px 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  border-radius: 100px;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
}

.navbar_container a {
  text-decoration: none;
}

.navbar_container ul {
  margin: 0;
  padding:0;
  list-style: none;
  box-sizing: border-box
}


/* ------------ LOGO ------------ */
.navbar_container .navbar_logo {
  width: 125px;
  position: relative;
  z-index: 10;
}

.navbar_container .navbar_logo img {
  display: block;
  width: 100%;
}

/* ------------ BUTTON CONTACTO ------------ */
.navbar_container .navbar_btn a {
  position: relative;
  z-index: 10;
  background: #FF3D00;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 8px 16px;
  display: block;
  border-radius: 100px;
  transition: opacity 0.2s ease-in-out;
}

.navbar_container .navbar_btn a:hover {
  opacity: 0.8
}


/* ------------ MENU PRINCIPAL ------------ */

.navbar_menu .navbar_menu_container {
  padding: 0 8px;
  display: flex;
  gap: 16px;
  width: 100%;
}

.navbar_menu .item_menu:hover .item_menu_label {
  color: #005CFF
}

.navbar_menu .navbar_menu_container .item_menu_label {
  display: block;
  padding: 0 10px 0 0;
  position: relative;
  z-index: 10;
  font-size: 14px;
  color: #333333;
  font-weight: 600;
}

.navbar_menu .item_menu_label.item_menu_has_children:after {
  content: "";
  position: absolute;
  top: 30%;
  right: 0px;
  border: solid #333333;
  border-width: 0 2px 2px 0;
  padding: 2px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.navbar_menu .item_menu:hover .item_menu_label:after {
  border: solid #005CFF;
  border-width: 0 2px 2px 0;
}

.navbar_menu .item_menu_label {
  cursor: pointer
}

.navbar_menu .sub_menu {
  width: 100%;
  max-height: 0px;
  overflow: hidden;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  border-bottom-left-radius: 70px;
  border-bottom-right-radius: 70px;
  background: #fff;
  transition: max-height 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.navbar_menu .sub_menu .sub_menu_container {
  padding: 74px 116px 48px 116px;
  position: relative;
}

.navbar_menu .sub_menu_container:before {
  content: "";
  width: 0;
  margin: 0 auto;
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  border-bottom: 1px solid #A7A8AA;
  transition: width 0.4s ease-in-out;
}

.navbar_menu .item_menu:hover .sub_menu {
  max-height: 600px;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
}

.navbar_menu .item_menu:hover .sub_menu_container:before {
  width: calc(100% - 230px)
}

.navbar_menu .sub_menu_items {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 32px;
}

.navbar_menu .sub_menu_items a {
  display: flex;
  justify-content: space-between;
}

.navbar_menu .sub_menu_items a .img {
  width: 32px
}

.navbar_menu .sub_menu_items a img {
  width: 100%;
  display: block
}

.navbar_menu .sub_menu_items a .cont {
  width: calc(100% - 40px);
  font-size: 14px;
  font-weight: 600;
  color: #333333
}

.navbar_menu .sub_menu_items a .cont span {
  display: block;
  font-size: 14px;
  color: #A7A8AA;
  font-weight: 400
}

.navbar_menu .sub_menu_items a:hover .cont {
  color: #005CFF;
}

.navbar_menu .sub_menu_items > li {
  width: 30%;
}

.navbar_menu .categoria_label {
  display: block;
  padding-bottom: 8px;
  margin: 0 0 16px 0;
  font-size: 13px;
  font-weight: 600;
  color: #333333;
  border-bottom: 1px solid #f1f1f1
}

.navbar_menu .categoria {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 24px;
}

.navbar_menu .categoria li {
  width: calc(50% - 12px)
}

.navbar_menu .categoria_container:hover .categoria_label {
  color: #005CFF;
}

.navbar_menu .extraBox {
/*   min-height: 320px; */
  padding: 16px 0;
  border: 1px solid #005CFF;
  border-top-left-radius: 24px;
  border-bottom-right-radius: 24px;
  box-sizing: border-box;
  overflow: hidden;
}

.navbar_menu .extraBox .extraBoxImg {
  height: 50%;
}

.navbar_menu .extraBox .extraBoxImg img {
  margin: 0 auto;
  display: block;
  width: 100%;
}

.navbar_menu .extraBox .extraBoxText,
.navbar_menu .extraBox .extraBoxBtn {
  padding: 0 16px;
}

.navbar_menu .extraBox .extraBoxText h3,
.navbar_menu .extraBox .extraBoxText p {
  margin: 0;
  text-align: center;
}


.navbar_menu .extraBox .extraBoxText h3 {
  font-weight: 600;
  font-size: 15px;
  color: #005CFF;
}

.navbar_menu .extraBox .extraBoxText p {
  padding: 8px 0 16px 0;
  font-size: 14px;
  color: #333333
}

.navbar_menu .extraBox .extraBoxBtn a {
  width: 100%;
  font-size: 14px;
  position: relative;
  color:#fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 8px;
  background: #FF3D00;
  border-radius: 100px;
  font-weight: 600;
  transition: opacity 0.2s ease-in-out;
}

.navbar_menu .extraBox .extraBoxBtn a:hover {
  opacity: 0.8;
}

/* Estilos para item_menu_0 */

.navbar_menu .item_menu_0 .sub_menu_container {
  display: flex;
  justify-content: space-between;
}

.navbar_menu .item_menu_0 .sub_menu_items {
  max-width: calc(70% - 16px);
}

.navbar_menu .item_menu_0 .extraBox_item_menu_0,
.navbar_menu .item_menu_1 .extraBox_item_menu_0,
.navbar_menu .item_menu_2 .extraBox_item_menu_0{
  width: 100%;
  max-width: calc(30% - 16px);
}

.navbar_menu .item_menu_0 .extraBox_item_menu_0 .extraBoxImg,
.navbar_menu .item_menu_1 .extraBox_item_menu_0 .extraBoxImg,
.navbar_menu .item_menu_2 .extraBox_item_menu_0 .extraBoxImg {
  padding: 8px 0;
  background: url("https://enteldigital.cl/hubfs/Portadas%20Ebooks%20o%20descargables/Ciberseguridad/Portada-reporte-cibserseguridad-2025.png");
  background-size: 100px;
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 170px;
}

.navbar_menu .item_menu_0 .extraBox_item_menu_0 .extraBoxBtn a:after,
.navbar_menu .item_menu_1 .extraBox_item_menu_0 .extraBoxBtn a:after,
.navbar_menu .item_menu_2 .extraBox_item_menu_0 .extraBoxBtn a:after{
  content: "\279C";
  font-size: 11px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(90deg);
  margin-left: 5px;
  border-radius: 100%;
  border: 1px solid #fff;
}

.navbar_menu .item_menu_0 .sub_menu_items > li {
  width: 100%;
  min-width: 100%;
}

.navbar_menu .extraBox_item_menu_0 .extraBoxImg {
  padding: 8px 0;
  background: url("https://entelocean.com/hubfs/tablet_ciberseguridad_2023.png");
  background-size: 100px;
  background-repeat: no-repeat;
  background-position: center center;
}


/* Estilos para item_menu_1  Respaldo*/
/*
.navbar_menu .item_menu_1 .sub_menu_container {
display: flex;
justify-content: space-between;
}

.navbar_menu .item_menu_1 .sub_menu_items {
max-width: calc(70% - 16px);
justify-content: space-between;
gap: 24px;
}

.navbar_menu .item_menu_1 .sub_menu_items li {
min-width: calc(50% - 24px)
}

.navbar_menu .item_menu_1 .extraBox_item_menu_0 {
width: 100%;
max-width: calc(30% - 16px);
}

.navbar_menu .item_menu_1 .extraBox_item_menu_0 .extraBoxImg {
padding: 8px 0;
background: url("https://entelocean.com/hubfs/tablet_ciberseguridad_2023.png");
background-size: 100px;
background-repeat: no-repeat;
background-position: center center;
}

.navbar_menu .item_menu_1 .extraBox_item_menu_0 .extraBoxBtn a:after {
content: "\279C";
font-size: 11px;
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
transform: rotate(90deg);
margin-left: 5px;
border-radius: 100%;
border: 1px solid #fff;
}


.navbar_menu .item_menu_1 .sub_menu_items a {
display: block
}

.navbar_menu .item_menu_1 .sub_menu_items a .img {
margin: 0 0 4px 0;
width: 100%;
max-width: 170px;
}
*/

/* Estilos para item_menu_1 */
.navbar_menu .item_menu_3 .sub_menu_container {
  display: flex;
  justify-content: space-between;
}

.navbar_menu .item_menu_3 .sub_menu_items {
  width: 100%
}

.navbar_menu .item_menu_3 .sub_menu_items > li {
  width: 100%
}

.navbar_menu .item_menu_3 .sub_menu_items .categoria_container:nth-child(2) a {
  display: block
}

.navbar_menu .item_menu_3 .sub_menu_items .categoria_container:nth-child(2) a .img {
  margin: 0 0 4px 0;
  width: 100%;
  max-width: 170px;
}

/*fin menu 1*/ 


/* menu 2*/
.navbar_menu .item_menu_2 .sub_menu_container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start
}

.navbar_menu .item_menu_2 .sub_menu_items {
  max-width: calc(70% - 16px);
}

.navbar_menu .item_menu_2 .extraBox_item_menu_0 .extraBoxBtn a:after {
  content: "\279C";
  font-size: 11px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(90deg);
  margin-left: 5px;
  border-radius: 100%;
  border: 1px solid #fff;
}

.navbar_menu .item_menu_2 .sub_menu_items li {
  min-width: calc(50% - 24px)
}

.navbar_menu .item_menu_2 .extraBox_item_menu_2 {
  width: 100%;
    max-width: calc(30% - 16px);
}

.navbar_menu .item_menu_2 .extraBox_item_menu_0 {
    width: 100%;
    max-width: calc(30% - 16px);
}


/*fin menu 2*/

/* menu 3*/
.navbar_menu .item_menu_1 .sub_menu_container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start
}

.navbar_menu .item_menu_1 .sub_menu_items {
  max-width: 100%
}


.navbar_menu .item_menu_1 .extraBox_item_menu_2 {
  width: 100%;
  max-width: calc(30% - 16px);
}

.navbar_menu .item_menu_1 .extraBox_item_menu_0 {
    width: 100%;
    max-width: calc(30% - 16px);
}


.navbar_menu .item_menu_1 .sub_menu_items li {
  min-width: calc(30% - 24px)
}
/*fin menu 3*/

/* menu 4
.navbar_menu .item_menu_4 .sub_menu_container {
display: flex;
justify-content: space-between;
}

.navbar_menu .item_menu_4 .sub_menu_items {
max-width: calc(70% - 16px);
}


.navbar_menu .item_menu_4 .extraBox_item_menu_2 {
width: 100%;
max-width: calc(30% - 16px);
}

.navbar_menu .item_menu_4 .sub_menu_items li {
min-width: calc(50% - 24px)
}
/*fin menu 4*/

/*menu 4 nuevo*/

.navbar_menu .item_menu_4 .sub_menu_container {
  display: flex;
  justify-content: space-between;
  align-items: start
}

.navbar_menu .item_menu_4 .sub_menu_items {
  max-width: calc(70% - 16px);
}

.navbar_menu .item_menu_4 .sub_menu_items li {
  min-width: calc(50% - 24px);
}

.navbar_menu .item_menu_4 .extraBox_item_menu_2 {
  width: 100%;
  max-width: calc(30% - 16px);
}

.navbar_menu .item_menu_4 .extraBoxImg {
    height: 50px;
    margin-bottom: 8px;
    background: url(https://entelocean.com/hubfs/iconos/navbar/alianzas.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.navbar_menu .item_menu_4 .extraBox_item_menu_0 .extraBoxBtn a:after {
  content: "\279C";
  font-size: 11px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(90deg);
  margin-left: 5px;
  border-radius: 100%;
  border: 1px solid #fff;
}

/*menu 4 nuevo FIN*/

/* menu 6 */

.navbar_menu .item_menu_6 .sub_menu_items {
  justify-content: start;
}


/* menu 6 FIM */

.navbar_menu .item_menu_5 .sub_menu_items {
  justify-content: start;
}

.navbar_menu .item_menu_7 .sub_menu_items {
  justify-content: start;
}

.navbar_menu .item_menu_8 .sub_menu_items {
  justify-content: start;
}


@media (max-width: 1195px) {
  .navbar_container {
    width: 100%;
    padding: 16px 32px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    top: 0;
  }
}

@media (max-width: 992px) {

  .navbar_container {
    width: 100%;
    padding: 16px 32px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    top: 0;
  }
}



/* ------------ MOVIL ------------ */

.navbar_container .navbar_mobile_btn {
  width: 25px;
  height: 25px;
  position: relative;
  cursor: pointer;
  display: none;
}

.navbar_container .navbar_mobile_btn span {
  position: absolute;
  top: 50%;
  width: 100%;
  height: 4px;
  border-radius: 10px;
  background: #005CFF;
}

.navbar_container .navbar_mobile_btn span:before,
.navbar_container .navbar_mobile_btn span:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 4px;
  border-radius: 10px;
  background: #005CFF;
  transform: rotate(0);
  transition: all 0.2s ease-in-out
}

.navbar_container .navbar_mobile_btn span:before {
  top: -7px;
}

.navbar_container .navbar_mobile_btn span:after {
  bottom: -7px;
}

.navbar_container .navbar_mobile_btn.active span {
  background: #fff
}

.navbar_container .navbar_mobile_btn.active span:before {
  transform: rotate(-45deg);
  top: 0
}

.navbar_container .navbar_mobile_btn.active span:after {
  transform: rotate(45deg);
  bottom: 0
}


/* ------------ MEDIA 992 ------------ */

@media (max-width: 1195px) {
  .navbar_container {
    margin: 0
  }
  
  .navbar_container .navbar_logo {
    width: 140px;
  }

  .navbar_container .navbar_mobile_btn {
    display: block
  }

  .navbar_container .navbar_menu {
    width: 100%;
    max-height: 0;
    overflow-x: auto;
    position: fixed;
    top: 55px;
    left: 0;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0,0,0,.07), 
      0 2px 2px rgba(0,0,0,.07), 
      0 4px 4px rgba(0,0,0,.07), 
      0 8px 8px rgba(0,0,0,.07), 
      0 16px 16px rgba(0,0,0,.07);
    transition: max-height 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  }

  .navbar_container .navbar_menu_container {
    margin: 0 auto;
    width: calc(100% - 64px);
    padding: 24px 0 32px 0;
    flex-direction: column;
    gap: 24px;
  }

  .navbar_menu .navbar_menu_container .item_menu_label {
    font-size: 16px;
    padding: 0 0 8px 0;
    border-bottom: 1px solid #cccccc
  }

  .navbar_menu .item_menu:hover .sub_menu {
    max-height: 0; /*cambiar esta propiedad a 0 */
    box-shadow: none;
  }

  .navbar_menu .item_menu:hover .item_menu_label {
    color: #333333
  }

  .navbar_menu .item_menu:hover .item_menu_label:after {
    border: solid #333333;
    border-width: 0 2px 2px 0;
  }

  .navbar_menu .sub_menu_container:before {
    width: 100%
  }

  .navbar_menu .item_menu:hover .sub_menu_container:before {
    width: 100%
  }

  .navbar_menu .sub_menu_items a:hover .cont {
    color: #333333;
  }

  .navbar_menu .categoria_container:hover .categoria_label {
    color: #333333;
  }

  .navbar_menu .sub_menu {
    border-radius: 0;
  }

  .navbar_menu .sub_menu .sub_menu_container {
    flex-direction: column;
    padding: 24px 0
  }

  .navbar_menu .sub_menu_container:before {
    display: none
  }


  .navbar_menu .extraBox {
    display: none
  }

  .navbar_menu .sub_menu {
    position: initial;
  }

  .navbar_menu .sub_menu .sub_menu_items {
    margin: 0 auto;
    width: 100%;
    max-width: calc(100% - 40px);
    gap: 24px
  }

  .navbar_menu .sub_menu_items > li {
    width: calc(50% - 12px)
  }

  .navbar_menu .item_menu_0 .sub_menu_items {
    gap: 32px
  }

  .navbar_menu .item_menu.mobile_show_items .sub_menu {
    max-height: 1000px;
  }

  .navbar_menu .item_menu.mobile_show_items .item_menu_label {
    color: #005CFF;
    border-bottom: 1px solid #005CFF
  }

  .navbar_menu .item_menu.mobile_show_items .item_menu_has_children:after {
    border: solid #005CFF;
    border-width: 0 2px 2px 0
  }

  .mobile_body_no_overflow_menu {
    overflow: hidden
  }

  .navbar_container.showing_mobile_menu {
    border-radius: 0
  }

  .navbar_container .navbar_menu.show_mobile_menu {
    max-height: 80vh
  }

  .navbar_container.showing_mobile_menu {
    border: 0
  }

}


@media (max-width: 576px) {
  .navbar_menu .navbar_menu_container .item_menu_label {
    font-size: 14px;
  }

  .navbar_container .navbar_logo {
    width: 130px;
  }

  .navbar_container .navbar_menu {
    top: 57px;
  }

  .navbar_menu .sub_menu_items > li,
  .navbar_menu .categoria li,
  .navbar_menu .item_menu_3 .sub_menu_items li {
    width: 100%;
  }
}