/*
Theme Name:  Bioxnet Theme Child
Description: Child theme for Bioxnet Theme
Template:   bioxnet
Text Domain: bioxnet-child
Version: 1.0
*/
header.is-sticky{
 background-color: rgba(255, 255, 255, 0.8);
}
ul.wp-block-list {
  list-style: disc;
  margin-left: 16px !important;
}

.menu-top.wp-block-navigation .menu-top li a{
	color: inherit;
}
.menu-top.wp-block-navigation .menu-top li a:hover{
	color: var(--wp--preset--color--custom-color-1);
}

.theme-bioxnet-child .navigation-item-logo a img {
    max-width: 120px;
    height: auto;
}
.theme-bioxnet-child  .menu-close{
	background-color: var(--wp--preset--color--custom-color-2);
	color:  #FFF
}

@media (min-width: 801px) {
.wp-block-list.telefonos-header{
	display:flex;
	list-style: none;
	margin-left: 0 !important;
    margin-right: 16px;
}
.wp-block-list.telefonos-header ul{
	list-style: none;
	margin-left: 0 !important;
    margin-right: 0;
	display: flex;
}
.wp-block-list.telefonos-header li{
	margin: 0 0 0 10px;
}
.wp-block-list.telefonos-header li:first-child{
	margin: 0 0 0 0;
    display: flex;
    flex-wrap: wrap;
    line-height: normal;
    gap: 5px;
}
.wp-block-list.telefonos-header li:first-child img{
	width:20px;
	height:20px;
}
.wp-block-list.telefonos-header li a{
	color:#FFF;
}
.wp-block-list.telefonos-header li a:hover{
	color: #FFF;
}
}

@media (max-width: 800px) {
	.wp-block-group.header-der-content{
		display: flex;
    	gap: 30px;
	}
	.wp-block-list.telefonos-header, .wp-block-list.telefonos-header ul{
		list-style: none;
	}
	.wp-block-list.telefonos-header {
	  list-style: none;
	  margin: 0;
	  padding: 0;
	  position: relative;
	}
	
	.wp-block-list.telefonos-header li{
		margin: 0 0 0 0;
	}
	.wp-block-list.telefonos-header li figure{
		margin: 0 0 0 0;
        display: flex;
        flex-wrap: wrap;
        width: 40px;
        height: 40px;
        justify-content: center;
        align-items: center;
        background-color: var(--wp--preset--color--custom-color-2);
        border-radius: 20px;
	}

	.wp-block-list.telefonos-header > li {
	  position: relative;
	  display: inline-block;
	}
	

	.wp-block-list.telefonos-header > li > img {
	  cursor: pointer;
	  vertical-align: middle;
	}

	/* Ocultar el submenú inicialmente */
	.wp-block-list.telefonos-header ul {
	  display: none;
	  position: absolute;
	  top: 100%; /* justo debajo del ícono */
	  right: 0;
	  width: 164px;
      max-width: 190px;
	  background: var(--wp--preset--color--custom-color-1);
	  padding: 8px 0;
	  margin: 0;
	  list-style: none;
	  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
	  border-radius: 6px;
	  z-index: 1000;
	}

	/* Mostrar el submenú al pasar el mouse */
	.wp-block-list.telefonos-header li:hover > ul {
	  display: block;
	}

	/* Estilos de los enlaces dentro del dropdown */
	.wp-block-list.telefonos-header ul li a {
	  display: block;
	  padding: 4px 16px;
	  color: #FFF;
	  text-decoration: none;
	  white-space: nowrap;
	}

	.wp-block-list.telefonos-header ul li a:hover {
	  color: var(--wp--preset--color--custom-color-4);
	}
	
}


@media (min-width: 959px) {
    .theme-bioxnet-child .menu-desktop li a {
        text-transform: none;
    }
	.theme-bioxnet-child .menu-desktop li a:hover {
        color: var(--wp--preset--color--custom-color-4);
    }
	
	.theme-bioxnet-child .menu-desktop li a .wp-block-navigation-item__label{
		position:relative
	}
	 .theme-bioxnet-child .menu-desktop li ul {
        min-width: 228px;
    }
	.theme-bioxnet-child.header-absoluto header .menu-desktop li ul li a{
		color:#FFF;
	}
	.theme-bioxnet-child.header-absoluto header .menu-desktop li a:hover{
		color: var(--wp--preset--color--custom-color-4);
	}
}
@media (max-width: 958px) {
	.wp-block-group.menu-top{
		display:none;
	}
	
	.theme-bioxnet-child .menu-toggle {
	    margin: 0 0 0 0;
	}
	.theme-bioxnet-child .menu-toggle span, .theme-bioxnet-child .menu-toggle span:before, .theme-bioxnet-child .menu-toggle span:after{
		height: 2px;
	}
	.theme-bioxnet-child .menu-toggle.menu-toggle-bg span{
		top: 20px;
	}
	.theme-bioxnet-child .menu-toggle.menu-toggle-bg span::before {
        margin-top: -8px;
    }
	.theme-bioxnet-child  .menu-toggle.menu-toggle-bg span:after {
        margin-top: 8px;
    }
}
@media screen and (max-width: 682px) {
	
}


