/* ***************************************************
 **** MENU PRINCIPAL (fijo arriba: logo + menú)
 ***************************************************** */

body						{ padding-top: 110px; }		/* lo ajusta el JS de top_float.php con la altura real del menú */

.menu-principal				{ background: #FFFFFF; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08); padding: 6px 0; transition: padding 250ms ease; }

.menu-principal .navbar-brand	{ padding: 0; margin-right: 10px; }
.menu-logo						{ height: 90px; width: auto; transition: height 250ms ease; }

.menu-principal .nav-link		{ font-family: 'Roboto Condensed', var(--fuente-titulos); font-size: 15px; font-weight: 500; letter-spacing: 0.2px; white-space: nowrap; color: var(--naranja-oscuro); transition: padding 250ms ease, color 150ms ease; }
.menu-principal .nav-link:hover,
.menu-principal .nav-link:focus,
.menu-principal .show > .nav-link,
.menu-principal .nav-link.show		{ color: var(--azul-oscuro); }
.menu-principal .nav-link > i:first-child	{ color: var(--naranja); }
.menu-principal .nav-link:hover > i:first-child	{ color: var(--azul-oscuro); }

.menu-principal .dropdown-toggle::after	{ display: none; }		/* se usa el ícono .menu-caret */
.menu-caret						{ font-size: 0.55em; opacity: 0.8; vertical-align: middle; margin-left: 2px; }

.menu-principal .dropdown-menu	{ margin-top: 0; padding: 5px 0; }
.menu-principal .dropdown-item	{ font-family: 'Roboto Condensed', var(--fuente-titulos); font-size: 15px; font-weight: 400; padding: 6px 20px; border-bottom: dotted 1px #CCCCCC; }
.menu-principal .dropdown-item		{ color: var(--azul-oscuro); }
.menu-principal .dropdown-item:hover,
.menu-principal .dropdown-item:focus	{ text-decoration: none; color: var(--naranja-oscuro); background-color: var(--naranja-claro); }

.menu-principal .navbar-toggler	{ border-color: rgba(0, 0, 0, 0.25); }
.menu-principal .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 34, 68, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }


/* Escritorio: ícono arriba y texto abajo; submenús al pasar el mouse */
@media (min-width: 992px) {
	.menu-principal .nav-link		{ display: flex; flex-direction: column; align-items: center; padding: 6px 7px; text-align: center; }
	.menu-principal .nav-link > i:first-child	{ font-size: 19px; height: 22px; line-height: 22px; margin-bottom: 5px; overflow: hidden; transition: height 250ms ease, margin 250ms ease, opacity 200ms ease; }
	.menu-principal .navbar-nav li:hover > .dropdown-menu { display: block; }

	/* achicado (al hacer scroll): logo más chico y solo el texto, sin los íconos */
	.menu-principal.menu-chico				{ padding: 2px 0; }
	.menu-principal.menu-chico .menu-logo	{ height: 48px; }
	.menu-principal.menu-chico .nav-link	{ padding-top: 3px; padding-bottom: 3px; }
	.menu-principal.menu-chico .nav-link > i:first-child	{ height: 0; margin-bottom: 0; opacity: 0; }
}

/* Entre 992 y 1199: letra y logo un poco más chicos para que entre todo en una línea */
@media (min-width: 992px) and (max-width: 1199px) {
	.menu-principal .nav-link		{ font-size: 14px; padding: 6px 4px; }
	.menu-logo						{ height: 70px; }
}

/* Celular / tablet: ícono al lado del texto */
@media (max-width: 991px) {
	.menu-logo						{ height: 56px; }
	.menu-principal.menu-chico .menu-logo	{ height: 40px; }
	.menu-principal .navbar-collapse	{ max-height: calc(100vh - 80px); overflow-y: auto; }
	.menu-principal .nav-link		{ display: flex; align-items: center; gap: 12px; padding: 9px 4px; font-size: 17px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
	.menu-principal .nav-link > i:first-child	{ width: 24px; text-align: center; font-size: 16px; }
	.menu-principal .dropdown-menu	{ background-color: transparent; border: 0; padding: 0 0 6px 38px; }
	.menu-principal .dropdown-item	{ color: var(--azul-oscuro); font-size: 15px; border-bottom: 0; padding: 5px 0; }
	.menu-principal .dropdown-item:hover,
	.menu-principal .dropdown-item:focus	{ background-color: transparent; color: var(--naranja-oscuro); }
}


/* ***************************************************
 **** NAVEGACION (Inicio > Sección)
 ***************************************************** */

.top_navegacion		{ background-color: #d4d6e8; color: #006633; font-size: 13px; padding: 5px 3px; margin-bottom: 4px; border-bottom: 1px solid #AAAAAA; }
.top_navegacion a 	{ color: #006633; }


/* ***************************************************
 **** CARRUSEL DE LA HOME
 ***************************************************** */

.carrusel-home						{ padding-top: 12px; }
.carrusel-home .carousel-item img	{ height: 300px; object-fit: cover; }
@media (max-width: 1199px) {	.carrusel-home .carousel-item img	{ height: 250px; }	}
@media (max-width: 767px) {		.carrusel-home .carousel-item img	{ height: 180px; }	}