/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/


/*****************************************/
/* INICIO - ESTILOS DEL NAVBAR DEL HOME Y LANDINGS */
/*****************************************/

@font-face {
    font-family: 'GothamNarrow Medium';
    font-weight: 500;
    src: url("https://landingpage.medhubandino.com/hubfs/Gotham-Narrow-Font-Family/GothamNarrow-Medium.otf") format("opentype");
}
@font-face {
    font-family: 'GothamNarrow Light';
    font-weight: 100;
    src: url("https://landingpage.medhubandino.com/hubfs/Gotham-Narrow-Font-Family/GothamNarrow-Light.otf") format("opentype");
}
@font-face {
    font-family: 'GothamNarrow Bold';
    font-weight: 700;
    src: url("https://landingpage.medhubandino.com/hubfs/Gotham-Narrow-Font-Family/GothamNarrow-Bold.otf") format("opentype");
}
@font-face {
    font-family: 'GothamNarrow Black';
    font-weight: 900;
    src: url("https://landingpage.medhubandino.com/hubfs/Gotham-Narrow-Font-Family/GothamNarrow-Black.otf") format("opentype");
}
@font-face {
    font-family: 'GothamNarrow Book';
    font-weight: 700;
    src: url("https://landingpage.medhubandino.com/hubfs/Gotham-Narrow-Font-Family/GothamNarrow-Book.otf") format("opentype");
}


body {
    font-family: 'GothamNarrow Medium' !important;
}
h1{
    font-family: 'GothamNarrow Black' !important;
}
h1 span{
    font-family: 'GothamNarrow Black' !important;
}
h2{
    font-family: 'GothamNarrow Black' !important;  
}
h2 span{
    font-family: 'GothamNarrow Black' !important;
}

h3,h4,h5,h6,strong,b{
    font-family: 'GothamNarrow Bold' !important;
}
h3 span{
    font-family: 'GothamNarrow Bold' !important;
}

p{
    font-family: 'GothamNarrow Light' !important;
}
span{
    font-family: 'GothamNarrow Light' !important;
}



/* Estilos generales del navbar */
.hs-menu-wrapper {
  background-color: #ffffff;
  
}

.hs-menu-wrapper ul {
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.hs-menu-wrapper ul li {
  position: relative;
}

.hs-menu-wrapper ul li a {
  display: block;
  padding: 15px 25px;
  color: #333333;
  text-decoration: none;
  font-weight: 900;
  font-size: 15px !important;
  transition: color 0.3s ease;
}

/* Estilos para el dropdown */
.hs-menu-wrapper ul li ul.hs-menu-children-wrapper {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #ffffff;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  min-width: 200px;
}

.hs-menu-wrapper ul li:hover > ul.hs-menu-children-wrapper {
  display: block;
}

.hs-menu-wrapper ul li ul.hs-menu-children-wrapper li {
  width: 100%;
  text-align: left;
}

.hs-menu-wrapper ul li ul.hs-menu-children-wrapper li a {
  padding: 10px 20px;
}

/* Estilos para la flecha del dropdown */
.hs-menu-wrapper ul li.hs-item-has-children > a::after {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 8px;
  margin-top: -3px;
  border: solid #333;
  border-color: #E1AA1E;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  transition: transform 0.3s ease, border-color 0.3s ease;
  vertical-align: middle;
}
.hs-menu-wrapper ul li.hs-item-has-children > a {
  display: inline-flex;
  align-items: center;
}

/* Rotación de la flecha cuando el dropdown está abierto */
.hs-menu-wrapper ul li.hs-item-has-children:hover > a::after {
  transform: rotate(225deg);
  border-color: #E1AA1E;
}

/* Estilos para el hover */
.hs-menu-wrapper ul li:hover > a {
  color: #E1AA1E;
}

/* Ajustes para el responsive */
@media (max-width: 768px) {
  .hs-menu-wrapper ul {
    flex-direction: column;
  }

  .hs-menu-wrapper ul li ul.hs-menu-children-wrapper {
    position: static;
    box-shadow: none;
  }
}

/* Estilos para el menú hamburguesa */
.hamburger-menu {
  display: none;
  cursor: pointer;
  padding: 10px;
  position: absolute;
  right: 0px;
  top: 10px;
}

.hamburger-menu span {
  display: block;
  width: 25px;
  height: 3px;
  background-color: #333;
  margin: 5px 0;
  transition: 0.4s;
}

/* Media query para dispositivos móviles */
@media (max-width: 768px) {
  .hamburger-menu {
    display: block;
  }
 /*cambiar .span cuando se haga cambio en el navbar y se rompa*/
  .span10.widget-span.widget-type-cell.cell_1726945525958-vertical-alignment {
    position: fixed;
    top: 60px;
    left: 0;
    width: 100%;
    background-color: #ffffff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    display: none;
  }
 /*cambiar .span cuando se haga cambio en el navbar y se rompa*/
  .span10.widget-span.widget-type-cell.cell_1726945525958-vertical-alignment.active {
    display: block;
  }

  #hs_menu_wrapper_widget_1726945525801_ ul {
    flex-direction: column;
  }

  #hs_menu_wrapper_widget_1726945525801_ ul li {
    width: 100%;
  }

  #hs_menu_wrapper_widget_1726945525801_ ul li ul.hs-menu-children-wrapper {
    position: static;
    display: none;
    box-shadow: none;
  }

  #hs_menu_wrapper_widget_1726945525801_ ul li.active > ul.hs-menu-children-wrapper {
    display: block;
  }

/* Fin de Estilos generales del navbar */



  .hs-search-field__bar form{
    position: relative;
    border: 0px!important;
    padding: 0px!important;
    
  }

  .hs-search-field__bar form button{
    position: absolute;
    background: #dbdbdb;
    border: 0;
    font-size: 20px;
    right: 0px;
    top: 0px;
    height: 48px;
    border-radius: 0 8px 8px 0;
  }

.hs-search-field__bar button svg {
    height: 20px !important;
  }

   .in-header-wrap {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
      
  }
 
  .body-container-wrapper {
   padding-top: 99px !important;
  }
}
 
@media (max-width: 990px) {

/* estilos para nabvar en celular - para tres items logo-cajabusqueda-icono*/
  
  .in-header.header__container {
    padding: 10px 0;
    position: relative;
}
  .header-navigation-row-0-force-full-width-section > .row-fluid {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding-top: 0px;
        
    }
  .header-navigation-row-0-force-full-width-section #hs_cos_wrapper_widget_1708125969498 {
      position: absolute;
      left: 25px;
      top: 12px;
        
    }

    #hs_cos_wrapper_header-navigation-module-2 .in-logo {
        width: 111px;
        margin: 0 auto;
        margin-right: 6px;
    }
    
    #hs_cos_wrapper_module_17073464435063 .in-logo {
        width: 98px;
        margin: 0 auto;
        margin-left: 12px;
    }
   .body-container-wrapper {
        padding-top: 0px !important;
        margin-top: 70px !important;
    }
  
/*hasta este es el estilo para navbar en celular/*
  
}


/*****************************************/
/* FIN - ESTILOS DEL NAVBAR DEL HOME Y LANDINGS */
/*****************************************/