body {margin-left:1%;margin-right:1%;}

		header {float:left;width:100%}
		#header1 {float:left;width:70%;font-size:140%;}
		#mouse {color:DarkOrange;font-weight:900;}
		#header2 {float:left;width:30%;}
		#country {float:left;width:50%;font-size:50%;}
		#attack {float:left;width:50%;font-size:50%;}		

		nav {float:left;width:100%;}

		#nav-1 {float:left;width:92%;}
		#nav-2 {float:left;width:70%;}
		#nav-3 {float:left;width:20%;}
		#nav-4 {float:right;width:5%;margin-right:5%;}
		i {font-size:150%;}
		
		a {color:black;outline: none;text-decoration: none;}
		a:link {color:black;}
		a:visited {color:black;}
		a:focus {color:black;}
		a:hover {color:black;}
		a:active {color:black;}


.dropdown-menu li {
position: relative;
}
		.dropdown-menu .dropdown-submenu {
display: none;
position: absolute;
left: 100%;
top: -7px;
}
.dropdown-menu .dropdown-submenu-left {
right: 100%;
left: auto;
}
.dropdown-menu > li:hover > .dropdown-submenu {
display: block;
}
		
		#nav-1 {font-size:50%;}
		#nav-2, #nav-3 {font-size:90%;}
		
		#youtube {color:red;} #linkedin {color:blue;} #facebook {color:blue;}
.icon { 

		width: 60px;
	height: 60px;
	border-radius: 15px;
	text-align: center;
	background-image: linear-gradient(155deg, #4C57A2 8%, #87439A 50%, #e02870 85%);
	position: relative;
	overflow: hidden;
	&:after{
		content: '';
		display: block;
		position: absolute;
		top: 30%;
    	left: -60%;
		width: 150%;
		height: 150%;
		background: radial-gradient(rgba(246, 221, 132,1) 15%, 
			rgba(255, 45, 45, 0.65) 50%, 
			rgba(0, 0, 0, 0) 70%);
    }
	#instagram{
		color: #fff;
    	font-size: 50px;
		line-height: 60px;
		position: relative;
		z-index: 1;
	}
}
		#twitter {color:RoyalBlue;}

		section {float:left;width:100%;}

		/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 1rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 1rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 26rem;
}
		
		#hr1 {margin-top:0%;}
		#internet {float:left;font-size:500%;}
		.logo-helpdesk {float:left;width:30%;height:30%;}
		.descripcion-helpdesk {float:left;font-size:125%;}

		.color1 {color:DarkOrange;font-weight:900;} .color2 {color:black;} .color3 {background-color:LawnGreen;font-weight:bold;}
		#color4 {color:LimeGreen;} #color5 {background-color:DarkOrange;font-weight:900;}

		.row{width:100%;margin-left:1%;margin-top:2%;}  
		.row::after {content: "";clear: both;display: table;}

		.productos-mas-vendidos {float:left;width:24%;border-left:1px solid #000;}
		.productos-mas-vendidos-t {font-size:100%;}

		.todos-los-productos-ocultos {display: none;}
		.todos-los-productos {float:left;width:24%;border-left:1px solid #000;}
		.todos-los-productos-t {font-size:100%;}
		.nav-link {cursor: pointer;}

		footer {float:left;width:100%;}
		#footer1,#footer2,#footer3 {float:left;width:33%;}
		#footer4 {width:100%;text-align:center;float:left;}
		.logos-footer {width:15%;height:15%;}

		.col1 {float:left;width:48%;} .col2 {float:left;width:32%;} .col3 {float:left;width:62%;} .col4 {float:left;width:24%;}
		table, th, td {border: 1px solid;}

/* descripcion-ciberseguridad */

	.descripcion-ciberseguridad {font-size: 95%;}

/* whatsapp marketing */

.espacio0 {float:left;width:85%;} .espacio1 {float:right;width:15%;}

.espacio3 {width:90%;}

#ar-carrito,#bo-carrito,#cl-carrito,#co-carrito,#de-de-carrito,#ec-carrito,#en-gb-carrito,#en-in-carrito,#en-us-carrito,#es-carrito,#es-us-carrito,#fr-fr-carrito,#it-it-carrito,#mx-carrito,#pe-carrito,#pt-br-carrito,#pt-pt-carrito,#py-carrito,#uy-carrito {
  width: 300px;  /* Ajusta el ancho deseado */
  max-height: 400px; /* Limita la altura máxima */
  overflow-y: auto;  /* Añade scroll si el contenido excede la altura */
}


.bootstrap-select .dropdown-menu.inner {
    /* Define la altura máxima visible (por ejemplo, 450px) */
    max-height: 650px !important; 
    /* Asegura que la barra de scroll aparezca si se supera la altura */
    overflow-y: auto !important;
}