.elementor-9 .elementor-element.elementor-element-4b45cf2{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 36px;--row-gap:0px;--column-gap:36px;--flex-wrap:nowrap;border-style:solid;--border-style:solid;border-width:0px 0px 5px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:5px;--border-left-width:0px;border-color:var( --e-global-color-227e1db );--border-color:var( --e-global-color-227e1db );box-shadow:0px 0px 12px 0px #000000;--z-index:10000;}.elementor-9 .elementor-element.elementor-element-4b45cf2:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-4b45cf2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://pei.uncoma.edu.ar/wp-content/uploads/2025/06/image-001-scaled.png");background-size:cover;}.elementor-9 .elementor-element.elementor-element-10356b9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overflow:hidden;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-9 .elementor-element.elementor-element-b847329 img{width:auto;height:200px;}.elementor-9 .elementor-element.elementor-element-45414a9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-831fe9b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-9 .elementor-element.elementor-element-30f2dfe > .elementor-widget-container{padding:0% 10% 0% 10%;}.elementor-9 .elementor-element.elementor-element-9fb9e45{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-9 .elementor-element.elementor-element-bc1079e .elementor-menu-toggle{margin:0 auto;}.elementor-9 .elementor-element.elementor-element-bc1079e .elementor-nav-menu .elementor-item{font-weight:400;line-height:1.5em;}.elementor-9 .elementor-element.elementor-element-bc1079e .elementor-nav-menu--main .elementor-item{color:#0060A8;fill:#0060A8;padding-left:15px;padding-right:15px;padding-top:10px;padding-bottom:10px;}.elementor-9 .elementor-element.elementor-element-bc1079e .elementor-nav-menu--main .elementor-item:hover,
					.elementor-9 .elementor-element.elementor-element-bc1079e .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-9 .elementor-element.elementor-element-bc1079e .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-9 .elementor-element.elementor-element-bc1079e .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-bc1079e .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-9 .elementor-element.elementor-element-bc1079e .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#61CE7000;}.elementor-9 .elementor-element.elementor-element-bc1079e .e--pointer-framed .elementor-item:before,
					.elementor-9 .elementor-element.elementor-element-bc1079e .e--pointer-framed .elementor-item:after{border-color:#61CE7000;}.elementor-9 .elementor-element.elementor-element-bc1079e .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-bc1079e .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
					.elementor-9 .elementor-element.elementor-element-bc1079e .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#02010100;}.elementor-9 .elementor-element.elementor-element-bc1079e .e--pointer-framed .elementor-item.elementor-item-active:before,
					.elementor-9 .elementor-element.elementor-element-bc1079e .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#02010100;}.elementor-9 .elementor-element.elementor-element-bc1079e{--e-nav-menu-horizontal-menu-item-margin:calc( 20px / 2 );}.elementor-9 .elementor-element.elementor-element-bc1079e .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:20px;}.elementor-9 .elementor-element.elementor-element-bc1079e .elementor-nav-menu--dropdown a:hover,
					.elementor-9 .elementor-element.elementor-element-bc1079e .elementor-nav-menu--dropdown a:focus,
					.elementor-9 .elementor-element.elementor-element-bc1079e .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-9 .elementor-element.elementor-element-bc1079e .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-227e1db );}.elementor-9 .elementor-element.elementor-element-bc1079e .elementor-nav-menu--dropdown a.elementor-item-active{background-color:var( --e-global-color-227e1db );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-9 .elementor-element.elementor-element-b847329 img{height:70px;object-fit:contain;}}@media(min-width:768px){.elementor-9 .elementor-element.elementor-element-10356b9{--width:100%;}.elementor-9 .elementor-element.elementor-element-45414a9{--width:100%;}.elementor-9 .elementor-element.elementor-element-831fe9b{--width:20%;}.elementor-9 .elementor-element.elementor-element-9fb9e45{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-10356b9 *//***
* class: .logo
* Add the class "logo" to your logo to scale your logo to 80% on scroll
*/
header.sticky-header .logo,
header.sticky-header .logo.elementor-widget-theme-site-logo,
header.sticky-header .logo .elementor-icon svg {
	max-height: 200px;
	transition: var(--transition-timing) !important;
}
header.sticky-header.elementor-sticky--effects .logo img{
    opacity: 0;
}
header.sticky-header.elementor-sticky--effects .logo,
header.sticky-header.elementor-sticky--effects .logo.elementor-widget-theme-site-logo,
header.sticky-header.elementor-sticky--effects .logo .elementor-icon svg {
	/*height: calc(var(--logo-height) * var(--logo-shrink-to));*/
	visibility: hidden;
    opacity: 0;
    max-height: 0;
    padding: 0;
}
header.sticky-header .logo .elementor-icon svg {
	width: auto;
}

header.sticky-header .logo-blanco {
    transition: var(--transition-timing) !important;
    visibility: hidden;
    opacity: 0;
    max-width: 0;
}
header.sticky-header.elementor-sticky--effects .logo-blanco {
    visibility: visible;
    opacity: 1;
    max-width: 20%;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-bc1079e */@media screen and (min-width: 767px) {
.menu-principal .elementor-item {
        white-space: normal !important;
        width: 186px;
        text-align: center;
        justify-content: center;
}
}
.menu-principal li a {
    border-radius: 4px;
    transition: all .4s ease;
}
.menu-principal li a:hover,
.menu-principal li a.elementor-item-active{
    background: #0060A8;
    transition: all .4s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4b45cf2 *//***
* Shrinking Sticky header, Elementor Container edition
* class: .sticky-header
* This will only work with the Elementor container section
* the header uses additional 3 classes to gain higher CSS specificity and to avoid adding !important
*/
header.sticky-header.e-con.elementor-element {
	--header-height: 100px; /* Set your own header height */
	--shrink-header-to: 0.6; /* Shrinks to 60%, values: 0.1 to 1 */
	--transition-timing: .45s cubic-bezier(.4, 0, .2, 1); /* values: .1s to 0.5s (or more), replace "cubic-bezier(.4, 0, .2, 1)" with "ease" if you need a simpler transition */

}
header.sticky-header.e-con.elementor-element.elementor-sticky--effects {
	background-image: url('https://pei.uncoma.edu.ar//wp-content/uploads/2025/05/image-000.png') !important; /* Set your own background color on scroll */
	-webkit-backdrop-filter: saturate(180%) blur(20px); /* Delete this line if you don't use transparency on scroll */
	backdrop-filter: saturate(180%) blur(20px); /* Delete this line if you don't use transparency on scroll */
	--min-height: 0;
}

header.sticky-header.e-con.elementor-element.elementor-sticky--effects .menu-principal .elementor-item {
    width: unset;
    justify-content: center;
    max-width: 200px;
}

/***
* Optional: Change nav menu text color on scroll
*/
header.sticky-header.elementor-sticky--effects .mega-menu nav > ul > li > a,
header.sticky-header.elementor-sticky--effects .mega-menu nav > ul > li > a > i{
	color: white !important; 
	/* Set your own nav menu font color on scroll */
}
header.sticky-header.elementor-sticky--effects .mega-menu nav > ul > li > a:hover,
header.sticky-header.elementor-sticky--effects .mega-menu nav > ul > li > a:hover > i,
header.sticky-header.elementor-sticky--effects .mega-menu nav > ul > li > a.elementor-item-active,
header.sticky-header.elementor-sticky--effects .mega-menu nav> ul > li.current-menu-ancestor > a.elementor-item-active,
header.sticky-header.elementor-sticky--effects .mega-menu nav > ul > li.current-menu-ancestor > a.elementor-item-active > i{
	color: #0055B5 !important;
	/* This will be the mouse hover color for the menu on scroll */
}
header.sticky-header.elementor-sticky--effects .mega-menu nav > ul > li > a:hover,
header.sticky-header.elementor-sticky--effects .mega-menu nav > ul > li > a.elementor-item-active,
header.sticky-header.elementor-sticky--effects .mega-menu nav > ul > li.current-menu-ancestor > a.elementor-item-active{
	background: white;
	/* This will be the mouse hover color for the menu on scroll */
}

header.sticky-header.elementor-sticky--effects {
    border-color: white !important;
}/* End custom CSS */