/*
Theme Name: B.A.S.E.
Author: Farina Luciano
Author URI: 
Description: 
Version: 1.0
License: 
License URI: 
*/
body 
{
	background: #31353E;
}
b
{
	color: #067594;
}
blockquote
{
	font-size: 22px;
}
footer 
{
	padding-top: 20px;
	padding-bottom: 20px;
	color: #FFF; 
}
	footer a, footer a:hover 
	{
		color: #FFF;
		padding-right: 20px;
		font-size: 20px;
	}
form
{
	
}
	form fieldset
	{
		margin-bottom: 20px;
	}
	form .error
	{
		border-color: #ff0000 !important;
		color: #ff0000 !important;
	}
	form .error-container
	{
		display: none !important;
	}
main 
{
	background: #FFF;
	padding-top: 90px;
	padding-bottom: 30px;
}
body.home main
{
	background: #F5F5F5;
	background: #EAEAEA;
	background: #F0F0F0;
	padding-top: 90px;
	padding-bottom: 30px;
}
	body.home main article 
	{
		background: #FFF;
		padding: 3%;
		margin-bottom: 5%;
		border: 1px solid #F1F1F1;
		word-wrap: break-word;
	}
		body.home main article:hover 
		{
			border-color: #3173AF;
			border-color: #FFF;
			-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
			-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
			box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
			/*
			-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);
			-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);
			box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);
			*/
		}
			body.home main article figure 
			{
				height: 120px;
				overflow: hidden;
			}
			body.home main article header 
			{
				height: 70px;
				overflow: hidden;
			}
				body.home main article header h2
				{
					color: #3173AF;
					font-size: 25px;
					margin-top: 10px;
					margin-bottom: 5px;
				}
			body.home main article div 
			{
				height: 70px;
				overflow: hidden;
			}
				body.home main article div p
				{
					font-size: 17.5px;
				}
	main hgroup h1
	{
		border-bottom: 2px solid #333;
		color: #333;
		font-weight: bold;
		margin-bottom: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
		
	}
	main iframe
	{
		border: 0;
	}
p
{
    line-height: 30px;
	/*text-indent: 30px;*/
	word-wrap: break-word;
	
}
.carousel 
{
	margin-bottom: 30px;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
}
	.carousel .container 
	{
		position: relative;
		z-index: 9;
	}
	.carousel-control 
	{
		height: 320px;
		margin-top: 0;
		font-size: 120px;
		text-shadow: 0 1px 1px rgba(0,0,0,.4);
		background-color: transparent;
		border: 0;
		z-index: 10;
		width: 10%;
		padding-top: 100px;
	}
	.carousel .item 
	{
		height: 320px;
	}
		.carousel img 
		{
			position: absolute;
			top: 0;
			left: 0;
			min-width: 100%;
		}
		.carousel-caption 
		{
			background-color: transparent;
			background: url('images/bg-carousel-00.png') repeat;
			position: static;
			max-width: 550px;
			padding: 10px;
			margin-top: 20px;
			text-align: left;
		}
			.carousel-caption h1,
			.carousel-caption .lead 
			{
				margin: 0;
				line-height: 1.25;
				color: #FFF;
				text-shadow: 0 1px 1px rgba(0,0,0,.8);
			}
			.carousel-caption h1 
			{
				font-weight: 600;
			}
			.carousel-caption .lead 
			{
				font-size: 18px;
			}
			.carousel-caption .btn 
			{
				margin-top: 10px;
			}

/*--- NAV ---*/
.navbar 
{
	background: #FFF;
	border: none;
	margin-bottom: 0;
	border-radius: 0;
	min-height: 90px;
}
	.navbar-brand 
	{
		min-height: auto;
		padding: 5px 15px;
	}
ul#nav_superior 
{
	font-size: 21px;
}
	ul#nav_superior li 
	{
		
	}
		ul#nav_superior li a 
		{
			padding: 5px 15px;
		}
		ul#nav_superior li a:hover 
		{
			color: #33A5DF;
		}
ul#nav_principal 
{
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: 900;
	text-transform: uppercase;
	margin-left: 100px;
}
	ul#nav_principal li 
	{
		
	}
		ul#nav_principal li a 
		{
			background: none;
			box-shadow: none;
			color: #33A5DF;
			padding: 13px;
			margin: 5px 10px 0;
		}
		ul#nav_principal li.current-menu-item a,
		ul#nav_principal li.current-page-ancestor a
		{
			color: #3173AF;
		}
		ul#nav_principal li a:hover 
		{
			color: #33A5DF;
		}
		
		ul#nav_principal li:first-child a 
		{
			
		}
		ul#nav_principal li:first-child.current-menu-item a 
		{
			
			
		}
		ul#nav_principal li:first-child a:hover 
		{
			
		}
		
		ul#nav_principal li:last-child a 
		{
			background: #33A5DF;
			color: #FFF;
		}
		ul#nav_principal li:last-child.current-menu-item a 
		{
			background: #3173AF;
		}
		ul#nav_principal li:last-child a:hover 
		{
			background: #3173AF;
		}
#nav_secundario 
{
	padding-top: 20px;
}
	#nav_secundario ul 
	{
		margin: 0;
		padding: 0;
	}
		#nav_secundario ul li 
		{
			list-style: none;
		}
			#nav_secundario ul li a 
			{
				background: #EEE;
				color: #333;
				cursor: pointer;
				display: block;
				font-family: 'Roboto', sans-serif;
				font-size: 16px;
				font-weight: bold;
				margin-bottom: 5px;
				padding: 5px 10px;
				width: 100%;
			}
			/*
			#nav_secundario ul li.current-menu-item a 
			{
				background: none;
				border-color: #33A5DF;
				color: #33A5DF;
			}
			*/
			#nav_secundario ul li a:hover 
			{
				background: #33A5DF;
				color: #FFF;
				text-decoration: none;
			}
			#nav_secundario ul li ul 
			{
				
			}
				#nav_secundario ul li ul li 
				{
					
				}
					#nav_secundario ul li ul li a 
					{
						background: none;
						border-left: 5px solid #EEE;
						color: #337AB7;
						font-size: 14px;
						font-weight: normal;
						padding: 3px 10px;
					}
					#nav_secundario ul li ul li a:hover 
					{
						/*
						color: #33A5DF;
						background: none;
						*/
						border-color: #3173AF;
					}
					#nav_secundario ul li ul li ul 
					{
						padding: 0 0 10px 20px;
					}
						#nav_secundario ul li ul li ul li 
						{
							
						}
							#nav_secundario ul li ul li ul li a 
							{
								background: none;
								border-color: #FFF;
							}
							#nav_secundario ul li ul li ul li a:hover 
							{
								
							}
#nav_secundario_button
{
    width: auto;
    min-height: auto;
    display: inline;
    float: left;
    background: none;
    border: 0;
    box-shadow: none;
}				
						
.screen
{
	display: block !important;
}
.mobile
{
	display: none !important;
}			
.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
	.embed-container iframe {
		position: absolute;
		top:0;
		left: 0;
		width: 100%;
		height: 100%;
	}					
							
						
/*---MEDIA QUERIES---*/
@media (max-width: 1000px) {
	
}
@media (max-width: 768px) {
blockquote
{
	font-size: 17.5px;
}
main 
{
	padding-top: 60px;
	padding-bottom: 10px;
}
body.home main 
{
	padding-top: 60px;
	padding-bottom: 10px;
}
	body.home main article 
	{
		margin-bottom: 20px;
		padding-bottom: 10px;
	}
			body.home main article figure,
			body.home main article header,
			body.home main article div 
			{
				min-height: auto;
				height: auto;
				overflow: inherit;
			}
			
	main hgroup h1
	{
		margin: 0 0 10px;
		padding-top: 5px;
		padding-bottom: 5px;
		
	}
.carousel
{
	display: none;
}	
.navbar
{
    min-height: auto;
    height: auto;
}
	.navbar .container
	{
		padding: 0 5px;
	}
.screen
{
	display: none !important;
}
.mobile
{
	display: block !important;
}
ul#nav_superior 
{
	font-size: 17px;
}
	ul#nav_superior li 
	{
		display: inline-block;
	}
	ul#nav_superior li:first-child
	{
		display: block;
	}
		ul#nav_superior li a 
		{
			
		}
ul#nav_mobile
{
	float: right;
	margin: 0;
	padding: 5px 10px 0 0;
}
	ul#nav_mobile li
	{
		display: inline-block;
		list-style: none;
		vertical-align: middle;
	}
		ul#nav_mobile li a
		{
			color: #333;
			font-size: 25px;
			padding: 0 5px;
		}
		ul#nav_mobile li a small
		{
			display: none;
		}
		ul#nav_mobile li a.phone
		{
			color: #3c763d;
		}
		/*
		ul#nav_mobile li:first-child a
		{
			color: #3c763d;
		}
		*/
		ul#nav_mobile li:last-child a
		{
			color: #33A5DF;
		}
ul#nav_principal 
{
	margin: 0;
}
	ul#nav_principal li 
	{
		
	}
		ul#nav_principal li a 
		{
			margin: 0 0 5px;
			padding: 5px;
		}
#nav_secundario 
{
	min-height: auto;
	padding-top: 0;
}
#nav_secundario_button
{
	
}
	#nav_secundario_button button
	{
		background: #33A5DF;
		border: 0;
		margin: 7px 10px 0 0;
	}	
		#nav_secundario_button button span
		{
			background: #FFF;
		}		
	
}
@media (max-width: 360px) {
	
}	
/* Estilo del menú principal */
.main-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap; /* Permitir ajuste en dispositivos pequeños */
    justify-content: center;
}

/* Estilo de los elementos principales */
.main-menu > li {
    position: relative; /* Necesario para los submenús */
    margin: 0 10px; /* Separación entre elementos */
}

.main-menu > li a {
    color: #003366; /* Azul oscuro */
    font-weight: bold;
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.main-menu > li a:hover {
    background-color: #007BFF; /* Fondo azul al pasar el mouse */
    color: #ffffff;
}