/*
Theme Name: SmartMag Child Custom CSS
Theme URI: https://smartmag.theme-sphere.com
Version: 1.0
Description: Archivo adicional de estilos personalizados para el tema hijo de SmartMag.
Author: Carlos Ernesto Marcial Olmedo
*/

/*
-------------------------------------------------------------------------------
Motivo de creación:
-------------------------------------------------------------------------------
Este archivo fue creado porque el archivo style.css del tema hijo no estaba
sobrescribiendo correctamente los estilos del tema padre.

Para asegurar que los estilos personalizados se apliquen de forma efectiva,
se decidió separarlos en este archivo y encolarlo con una prioridad mayor
a través del archivo functions.php.

De ahora en adelante, todos los estilos propios del sitio se colocarán aquí
para evitar conflictos con el tema padre y facilitar el mantenimiento.
-------------------------------------------------------------------------------
*/

/* 
Estructura:

1. =Restablecimientos y elementos predeterminados
 1.1. =Tipografía / Elementos
 1.2. =Principales ayudantes

2. =Estructura global
 2.1. =Cuadrícula

3. =Componentes y bloques
4. =Encabezado y navegación
5. =Widgets

6. =Contenido
 6.1. =Entrada individual
 6.2. =Página individual y otras páginas

7. =Barra lateral principal
8. =Pie de página
9. =Varios
10. =Formulario de Contacto
11. =Elementor
12. =Texto de publicaciones
*/

/**
 * 4. =Encabezado y navegación
 */

 /* Aspecto del header completo */
.smart-head-mid.s-dark {
	height: 100px;
	background: #0a4583;
}

/* Tamaño del logo en desktop */
.smart-head .logo-image {
 /* width: 140px !important;
  height: auto !important;*/
	width:120px;
	height:58px;
	margin-left:25px;
}

/* Espacio entre los ítems del menú principal */
.navigation-main .menu {
  margin: 0px;
  font-family: "Poppins", Arial, sans-serif;
  font-size: 16px;
  line-height: 25px;
  font-weight: 200;         /* Más delgado */
  font-stretch: expanded;   /* Más alargado (si la fuente lo soporta) */
  letter-spacing: 0.5px;    /* Más espacio entre letras */
}

/*Css Primer ítem */
.navigation-main .menu > li:first-child {
  margin-left: 30px;
  font-size: 23px;
}

/*Css Todos los ítems */
.navigation-main .menu > li {
  margin-left: 5px;
  font-size: 23px;
}

/* Css Último ítem en mayúsculas */
.navigation-main .menu > li:last-of-type {
  text-transform: uppercase;
}

/**
 * 7. =Barra lateral principal
 */


/**
 * 8. =Pie de página
 */

 /* Modo escritorio */
@media (min-width:  790px) {

  /* Primer bloque: Quienes Somos */
  .widgets .widget:nth-of-type(1) {
    color: #ffffff;
		width: 410px;
		padding:0px;
		margin-left:10px;
  }


  /* Segundo bloque: Datos de contacto */
  .widgets .widget:nth-of-type(2) {
    margin-left: 0px;
		width: 300px;
		padding:0px;
  }

  /* Tercer bloque: Soporte técnico */
  .widgets .widget:nth-of-type(3) {
    margin-left: 0px;
		width:250px;
		padding:0px;
  }

  /*Cuato bloque: Paginas de Interes*/
  .widgets .widget:nth-of-type(4) {
		width:180px;
	  padding:0px;
	 margin-left:40px;
  }

}

 /*Modo escritorio*/ 

 /* Menu footer  */
 @media (min-width: 790px) {
	.logoad {
		margin-top: 0px !important;
	}

	#sub-menu ul {
		list-style: none;
		padding: 0;
		margin: 0;
		margin-left: 800px;
		margin-top: -20px;
		display: flex;
		gap: 1rem;
		align-items: center;
	}

	#sub-menu li {
		display: flex;
		align-items: center;
	}

	#sub-menu i {
		margin-right: 4px;
	}
}

/* Celular y Tabletas*/
/* Menu footer*/

@media (min-width: 0px) and (max-width: 789px) {
	.logoad {
		margin-top: 0px !important;
	}

	#sub-menu ul {
		list-style: none;
		padding: 0;
		margin: 0;
		margin-left: 50px;
		margin-top: 12px;
		display: flex;
		gap: 1rem;
		align-items: center;
	}

	#sub-menu li {
		display: flex;
		align-items: center;
	}

	#sub-menu i {
		margin-right: 4px;
	}
}