.elementor-528 .elementor-element.elementor-element-e0bd42a{--display:flex;--min-height:350px;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.92;}.elementor-528 .elementor-element.elementor-element-e0bd42a:not(.elementor-motion-effects-element-type-background), .elementor-528 .elementor-element.elementor-element-e0bd42a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://abeph.org.br/wp-content/uploads/2025/12/Abeph-2048x962-1.webp");background-position:bottom left;background-repeat:no-repeat;}.elementor-528 .elementor-element.elementor-element-e0bd42a::before, .elementor-528 .elementor-element.elementor-element-e0bd42a > .elementor-background-video-container::before, .elementor-528 .elementor-element.elementor-element-e0bd42a > .e-con-inner > .elementor-background-video-container::before, .elementor-528 .elementor-element.elementor-element-e0bd42a > .elementor-background-slideshow::before, .elementor-528 .elementor-element.elementor-element-e0bd42a > .e-con-inner > .elementor-background-slideshow::before, .elementor-528 .elementor-element.elementor-element-e0bd42a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #03089000 0%, #030890 60%);}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-528 .elementor-element.elementor-element-bf663bc{width:var( --container-widget-width, 53.498% );max-width:53.498%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:13px 13px 13px 13px;--container-widget-width:53.498%;--container-widget-flex-grow:0;text-align:left;}.elementor-528 .elementor-element.elementor-element-bf663bc.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-528 .elementor-element.elementor-element-bf663bc .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:50px;font-weight:700;color:var( --e-global-color-secondary );}.elementor-528 .elementor-element.elementor-element-a9597cc{--display:flex;--min-height:207px;--justify-content:center;}.elementor-528 .elementor-element.elementor-element-a9597cc:not(.elementor-motion-effects-element-type-background), .elementor-528 .elementor-element.elementor-element-a9597cc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(90deg, #030890 0%, var( --e-global-color-f20b312 ) 100%);}.elementor-528 .elementor-element.elementor-element-5e3f2ed{padding:20px 20px 20px 20px;text-align:center;}.elementor-528 .elementor-element.elementor-element-5e3f2ed.elementor-element{--align-self:center;}.elementor-528 .elementor-element.elementor-element-5e3f2ed .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-528 .elementor-element.elementor-element-be1e0a6{--display:flex;--min-height:524px;--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;--overlay-opacity:0.12;}.elementor-528 .elementor-element.elementor-element-be1e0a6::before, .elementor-528 .elementor-element.elementor-element-be1e0a6 > .elementor-background-video-container::before, .elementor-528 .elementor-element.elementor-element-be1e0a6 > .e-con-inner > .elementor-background-video-container::before, .elementor-528 .elementor-element.elementor-element-be1e0a6 > .elementor-background-slideshow::before, .elementor-528 .elementor-element.elementor-element-be1e0a6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-528 .elementor-element.elementor-element-be1e0a6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://abeph.org.br/wp-content/uploads/2025/11/Prancheta-7.png");--background-overlay:'';background-position:center right;background-repeat:no-repeat;}.elementor-528 .elementor-element.elementor-element-689c225{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.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-528 .elementor-element.elementor-element-5dd9190{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-528 .elementor-element.elementor-element-b93b564{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-528 .elementor-element.elementor-element-7b38f0e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-528 .elementor-element.elementor-element-689c225{--width:25%;}.elementor-528 .elementor-element.elementor-element-5dd9190{--width:25%;}.elementor-528 .elementor-element.elementor-element-b93b564{--width:25%;}.elementor-528 .elementor-element.elementor-element-7b38f0e{--width:25%;}}@media(max-width:767px){.elementor-528 .elementor-element.elementor-element-bf663bc{width:var( --container-widget-width, 328.844px );max-width:328.844px;--container-widget-width:328.844px;--container-widget-flex-grow:0;}.elementor-528 .elementor-element.elementor-element-689c225{--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;}.elementor-528 .elementor-element.elementor-element-5dd9190{--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;}.elementor-528 .elementor-element.elementor-element-b93b564{--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;}.elementor-528 .elementor-element.elementor-element-7b38f0e{--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;}}/* Start custom CSS for image, class: .elementor-element-fd5d3cf */.elementor-528 .elementor-element.elementor-element-fd5d3cf {
    position: relative;
    display: inline-block;
    width: 260px;
    overflow: hidden;
}

/* Blue Box */
.elementor-528 .elementor-element.elementor-element-fd5d3cf::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 90px;
    background: rgba(3, 8, 144, 0.9);
    transition: background .3s ease;
    z-index: 2;
}

/* Text centered */
.elementor-528 .elementor-element.elementor-element-fd5d3cf::before {
    content: "MPOR - Ministério de Portos e Aeroportos";
    white-space: pre-line;

    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);

    height: 90px;
    width: 92%;
    display: flex;
    align-items: center;
    justify-content: center;

    text-align: center;
    color: white;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;

    z-index: 3;
}

/* Hover Effects */
.elementor-528 .elementor-element.elementor-element-fd5d3cf:hover {
    border: 3px solid #c9ad64;
}

.elementor-528 .elementor-element.elementor-element-fd5d3cf:hover::after {
    background: #c9ad64;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8be40db */.elementor-528 .elementor-element.elementor-element-8be40db {
    position: relative;
    display: inline-block;
    width: 260px;
    overflow: hidden;
}

/* Blue box */
.elementor-528 .elementor-element.elementor-element-8be40db::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 90px;
    background: rgba(3, 8, 144, 0.9);
    transition: background .3s ease;
    z-index: 2;
}

/* Text */
.elementor-528 .elementor-element.elementor-element-8be40db::before {
    content: "ANTAQ -  Agência Nacional de Transportes Aquaviários";
    white-space: pre-line;

    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);

    height: 90px;
    width: 92%;
    display: flex;
    align-items: center;
    justify-content: center;

    text-align: center;
    color: white;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;

    z-index: 3;
}

/* Hover */
.elementor-528 .elementor-element.elementor-element-8be40db:hover {
    border: 3px solid #c9ad64;
}

.elementor-528 .elementor-element.elementor-element-8be40db:hover::after {
    background: #c9ad64;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a3caba3 */.elementor-528 .elementor-element.elementor-element-a3caba3 {
    position: relative;
    display: inline-block;
    width: 260px;
    overflow: hidden;
}

/* Blue box */
.elementor-528 .elementor-element.elementor-element-a3caba3::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 90px;
    background: rgba(3, 8, 144, 0.9);
    transition: background .3s ease;
    z-index: 2;
}

/* Text */
.elementor-528 .elementor-element.elementor-element-a3caba3::before {
    content: "IAPORTS - International Association of Port Development";
    white-space: pre-line;

    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);

    height: 90px;
    width: 92%;
    display: flex;
    align-items: center;
    justify-content: center;

    text-align: center;
    color: white;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;

    z-index: 3;
}

/* Hover */
.elementor-528 .elementor-element.elementor-element-a3caba3:hover {
    border: 3px solid #c9ad64;
}

.elementor-528 .elementor-element.elementor-element-a3caba3:hover::after {
    background: #c9ad64;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c650004 */.elementor-528 .elementor-element.elementor-element-c650004 {
    position: relative;
    display: inline-block;
    width: 260px;
    overflow: hidden;
}

/* Blue box */
.elementor-528 .elementor-element.elementor-element-c650004::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 90px;
    background: rgba(3, 8, 144, 0.9);
    transition: background .3s ease;
    z-index: 2;
}

/* Text */
.elementor-528 .elementor-element.elementor-element-c650004::before {
    content: "PIANC - The World Association for Waterborne Transport Infrastructure";
    white-space: pre-line;

    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);

    height: 90px;
    width: 92%;
    display: flex;
    align-items: center;
    justify-content: center;

    text-align: center;
    color: white;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;

    z-index: 3;
}

/* Hover */
.elementor-528 .elementor-element.elementor-element-c650004:hover {
    border: 3px solid #c9ad64;
}

.elementor-528 .elementor-element.elementor-element-c650004:hover::after {
    background: #c9ad64;
}/* End custom CSS */