.elementor-6655 .elementor-element.elementor-element-f0c1e6d{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:15px;--padding-bottom:15px;--padding-left:020px;--padding-right:20px;--z-index:2;}.elementor-6655 .elementor-element.elementor-element-b874673{--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;--justify-content:space-evenly;--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-6655 .elementor-element.elementor-element-3c431c1{width:var( --container-widget-width, 10% );max-width:10%;--container-widget-width:10%;--container-widget-flex-grow:0;text-align:start;}.elementor-6655 .elementor-element.elementor-element-3c431c1 img{width:52%;height:70px;opacity:1;}.elementor-6655 .elementor-element.elementor-element-59a0dc1{width:var( --container-widget-width, 10% );max-width:10%;--container-widget-width:10%;--container-widget-flex-grow:0;text-align:start;}.elementor-6655 .elementor-element.elementor-element-59a0dc1 img{width:52%;height:70px;opacity:1;}.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-6655 .elementor-element.elementor-element-0633248{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;--e-nav-menu-horizontal-menu-item-margin:calc( 15px / 2 );}.elementor-6655 .elementor-element.elementor-element-0633248.elementor-element{--align-self:center;}.elementor-6655 .elementor-element.elementor-element-0633248 .elementor-menu-toggle{margin:0 auto;}.elementor-6655 .elementor-element.elementor-element-0633248 .elementor-nav-menu .elementor-item{font-family:"Outfit", Sans-serif;font-size:1.5rem;font-weight:400;}.elementor-6655 .elementor-element.elementor-element-0633248 .elementor-nav-menu--main .elementor-item{color:#1D1D1B;fill:#1D1D1B;padding-left:25px;padding-right:25px;padding-top:20px;padding-bottom:20px;}.elementor-6655 .elementor-element.elementor-element-0633248 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-6655 .elementor-element.elementor-element-0633248 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-6655 .elementor-element.elementor-element-0633248 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-6655 .elementor-element.elementor-element-0633248 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-6655 .elementor-element.elementor-element-0633248 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:15px;}.elementor-6655 .elementor-element.elementor-element-0633248 .elementor-nav-menu--dropdown a, .elementor-6655 .elementor-element.elementor-element-0633248 .elementor-menu-toggle{color:var( --e-global-color-c995036 );fill:var( --e-global-color-c995036 );}.elementor-6655 .elementor-element.elementor-element-0633248 .elementor-nav-menu--dropdown{background-color:#F3F4F7;border-radius:19px 19px 19px 19px;}.elementor-6655 .elementor-element.elementor-element-0633248 .elementor-nav-menu--dropdown a:hover,
					.elementor-6655 .elementor-element.elementor-element-0633248 .elementor-nav-menu--dropdown a:focus,
					.elementor-6655 .elementor-element.elementor-element-0633248 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-6655 .elementor-element.elementor-element-0633248 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-6655 .elementor-element.elementor-element-0633248 .elementor-menu-toggle:hover,
					.elementor-6655 .elementor-element.elementor-element-0633248 .elementor-menu-toggle:focus{color:var( --e-global-color-primary );}.elementor-6655 .elementor-element.elementor-element-0633248 .elementor-nav-menu--dropdown a:hover,
					.elementor-6655 .elementor-element.elementor-element-0633248 .elementor-nav-menu--dropdown a:focus,
					.elementor-6655 .elementor-element.elementor-element-0633248 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-6655 .elementor-element.elementor-element-0633248 .elementor-nav-menu--dropdown a.highlighted{background-color:#F3F4F7;}.elementor-6655 .elementor-element.elementor-element-0633248 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-primary );background-color:var( --e-global-color-3315a34 );}.elementor-6655 .elementor-element.elementor-element-0633248 .elementor-nav-menu--dropdown .elementor-item, .elementor-6655 .elementor-element.elementor-element-0633248 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Outfit", Sans-serif;font-size:1.1rem;font-weight:500;}.elementor-6655 .elementor-element.elementor-element-0633248 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:19px;border-top-right-radius:19px;}.elementor-6655 .elementor-element.elementor-element-0633248 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:19px;border-bottom-left-radius:19px;}.elementor-6655 .elementor-element.elementor-element-0633248 .elementor-nav-menu--dropdown a{padding-left:20px;padding-right:20px;padding-top:11px;padding-bottom:11px;}.elementor-6655 .elementor-element.elementor-element-0633248 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-6655 .elementor-element.elementor-element-0633248 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:-41px !important;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-6655 .elementor-element.elementor-element-bd6d7a0 .elementor-button:hover, .elementor-6655 .elementor-element.elementor-element-bd6d7a0 .elementor-button:focus{background-color:var( --e-global-color-primary );color:#FFFFFF;}.elementor-6655 .elementor-element.elementor-element-bd6d7a0{width:var( --container-widget-width, 10% );max-width:10%;padding:0px 0px 0px 0px;--container-widget-width:10%;--container-widget-flex-grow:0;}.elementor-6655 .elementor-element.elementor-element-bd6d7a0.elementor-element{--align-self:center;}.elementor-6655 .elementor-element.elementor-element-bd6d7a0 .elementor-button{font-family:"Outfit", Sans-serif;font-size:1.5rem;font-weight:400;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:50px 50px 50px 50px;padding:8px 24px 8px 24px;}.elementor-6655 .elementor-element.elementor-element-bd6d7a0 .elementor-button:hover svg, .elementor-6655 .elementor-element.elementor-element-bd6d7a0 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-6655 .elementor-element.elementor-element-d63c3f9 .elementor-icon-wrapper{text-align:center;}.elementor-6655 .elementor-element.elementor-element-d63c3f9.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );color:#000000;}.elementor-6655 .elementor-element.elementor-element-d63c3f9.elementor-view-framed .elementor-icon, .elementor-6655 .elementor-element.elementor-element-d63c3f9.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-6655 .elementor-element.elementor-element-d63c3f9.elementor-view-framed .elementor-icon, .elementor-6655 .elementor-element.elementor-element-d63c3f9.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-6655 .elementor-element.elementor-element-d63c3f9.elementor-view-framed .elementor-icon{background-color:#000000;}.elementor-6655 .elementor-element.elementor-element-d63c3f9.elementor-view-stacked .elementor-icon svg{fill:#000000;}.elementor-6655 .elementor-element.elementor-element-d63c3f9 .elementor-icon{font-size:22px;}.elementor-6655 .elementor-element.elementor-element-d63c3f9 .elementor-icon svg{height:22px;}.elementor-6655 .elementor-element.elementor-element-040c6eb{--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-6655 .elementor-element.elementor-element-040c6eb:not(.elementor-motion-effects-element-type-background), .elementor-6655 .elementor-element.elementor-element-040c6eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-6655 .elementor-element.elementor-element-b874673{--width:100%;}}@media(max-width:1366px){.elementor-6655 .elementor-element.elementor-element-0633248.elementor-element{--align-self:center;}.elementor-6655 .elementor-element.elementor-element-0633248 .elementor-nav-menu--main .elementor-item{padding-left:15px;padding-right:15px;padding-top:23px;padding-bottom:23px;}.elementor-6655 .elementor-element.elementor-element-bd6d7a0.elementor-element{--align-self:center;}}@media(max-width:1024px){.elementor-6655 .elementor-element.elementor-element-d63c3f9 .elementor-icon-wrapper{text-align:end;}.elementor-6655 .elementor-element.elementor-element-d63c3f9 .elementor-icon{font-size:22px;}.elementor-6655 .elementor-element.elementor-element-d63c3f9 .elementor-icon svg{height:22px;}.elementor-6655 .elementor-element.elementor-element-040c6eb{--min-height:0vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-6655 .elementor-element.elementor-element-f0c1e6d{--flex-wrap:wrap;}.elementor-6655 .elementor-element.elementor-element-b874673{--width:100%;--flex-wrap:wrap;}.elementor-6655 .elementor-element.elementor-element-0633248{--container-widget-width:41px;--container-widget-flex-grow:0;width:var( --container-widget-width, 41px );max-width:41px;}}/* Start custom CSS for container, class: .elementor-element-f0c1e6d */body {
    margin: 0; /* Eliminar márgenes por defecto */
}

.header {
    position: fixed; /* Fija la cabecera en la parte superior */
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000; /* Asegúrate de que esté encima de otros elementos */
    background-color: transparent; /* Fondo transparente al inicio */
    opacity: 1; /* Opacidad inicial */
    transform: translateY(0); /* Posición inicial */
    transition: opacity 0.5s ease, transform 0.5s ease; /* Transición suave para opacidad y transform */
}

.header.hidden {
    opacity: 0; /* Se desvanece la cabecera */
    transform: translateY(-100%); /* Desliza la cabecera hacia arriba */
}

.header.visible {
    opacity: 1; /* Se muestra la cabecera */
    transform: translateY(0); /* Se mantiene en su lugar */
}

.header a {
    color: #fff; /* Color blanco para los enlaces */
    transition: color 0.3s ease; /* Transición suave para el color */
}

.header.hidden a {
    color: #fff; /* Mantiene el color blanco cuando se desvanece */
}

.header.visible a {
    color: #1D1D1B; /* Cambia el color a negro cuando está visible */
}

/* Transición de color para los <li> del menú */
.header-nav ul {
    list-style: none; /* Elimina el estilo de lista */
    padding: 0; /* Elimina padding por defecto */
    margin: 0; /* Elimina margen por defecto */
}

.header-nav li {
    display: inline; /* Mostrar elementos en línea */
    margin-right: 20px; /* Espaciado entre los elementos del menú */
}

.header-nav li a {
    color: #fff; /* Color blanco inicial */
    transition: color 0.3s ease; /* Transición suave para el color */
}

.header.visible .header-nav li a {
    color: #1D1D1B; /* Cambia el color a negro cuando la cabecera es visible */
}

.content {
    margin-top: 80px; /* Espacio para la cabecera fija */
}

.header-image {
    width: 100%;
    opacity: 1; /* Comienza completamente visible */
    transition: opacity 0.5s ease; /* Transición suave para la opacidad */
    position: absolute; /* Asegúrate de que se superpongan */
    top: 0; /* Ajusta según sea necesario */
    left: 0; /* Ajusta según sea necesario */
}

.header-image-dark {
    width: 100%;
    opacity: 0; /* Oculta el logo de color al inicio */
    transition: opacity 0.5s ease; /* Transición suave para la opacidad */
    position: absolute; /* Asegúrate de que se superpongan */
    top: 0; /* Ajusta según sea necesario */
    left: 0; /* Ajusta según sea necesario */
}

/* Cambiar la opacidad del logo blanco al hacer scroll */
.header.scrolled .header-image {
    opacity: 0; /* Desvanece el logo blanco */
}

.header.scrolled .header-image-dark {
    opacity: 1; /* Muestra el logo de color */
}

/* Cambiar el color de los li al hacer scroll */
.elementor-nav-menu li a {
    color: #fff; /* Color inicial del texto (blanco) */
    transition: color 0.5s ease; /* Transición suave para el color */
}

/* Cambiar color del texto al hacer scroll */
.header.scrolled .elementor-nav-menu li a {
    color: #1D1D1B!important; /* Color del texto al hacer scroll */
}
.header.scrolled .elementor-nav-menu li a:hover {
    color:  #0404E2!important; /* Color del texto al hacer scroll */
}

.header.scrolled .elementor-nav-menu li.botonAmarillo a:hover {
    color:  #fff!important; /* Color del texto al hacer scroll */
}
/* Color inicial de la flecha (blanco) */
.elementor-nav-menu .sub-arrow .e-font-icon-svg.fa-svg-chevron-down {
    fill: #fff; /* Color inicial */
    transition: fill 0.5s ease; /* Transición suave para el color */
}

/* Cambiar color de la flecha al hacer scroll */
.header.scrolled .elementor-nav-menu .sub-arrow .e-font-icon-svg.fa-svg-chevron-down {
    fill: #1D1D1B; /* Color de la flecha al hacer scroll */
}

/* Cambiar color de la flecha al hacer hover */
.elementor-nav-menu li:hover .sub-arrow .e-font-icon-svg.fa-svg-chevron-down {
    fill: #0404E2; /* Color de la flecha cuando se hace hover */
}

/* Asegurarte de que el hover tenga más especificidad que el estado normal */
.header.scrolled .elementor-nav-menu li:hover .sub-arrow .e-font-icon-svg.fa-svg-chevron-down {
    fill: #0404E2; /* Mantener color hover al hacer scroll */
}

.header.scrolled {
    background-color: #fff; /* Fondo blanco al hacer scroll */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-040c6eb */.header2{background-color:red;}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Outfit';
	font-display: auto;
	src: url('https://perdigo.com/wp-content/uploads/2024/09/Outfit-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */