/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.3.0.1745434699
Updated: 2025-04-23 18:58:19

*/

/****BASE****/
a {
	color: inherit;
}
html * {
	  scrollbar-width: thin;
	scrollbar-color: #002f61;
}

/***UTILS***/

.absolute-full-size {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.square-container {
	aspect-ratio: 1/1;
}

/*text underline*/
.txt-underline {
	text-decoration: underline;
}

/*Text highlight*/
.txt-highlight {
	  color: white;
	  background: linear-gradient(to bottom, #002f61 0%, #002f61 100%);
	  line-height: 1.8; /* separa as liñas */
	  background-repeat: repeat-y;
	  background-size: 100% 1.8em; /* axústase ao alto da liña */
	  background-position: 0 0;
	  display: inline;
	padding-left: 1rem;
	padding-right: 1rem;
}

/*list without padding*/
.custom-list {
	padding: 0;
	margin: 0
}
.custom-list li {
	margin-left: 1rem;
}

/*blue text*/
.txt-blue {
	color: #002F61;
}

/*hover container*/
.hover-element {
	opacity:0;
	display:none;
	transition: all .5s ease;
}

.hover-container:hover .hover-element{
	display: flex;
	opacity: 1;
}

/*Custom dropdown section*/
.custom-dropdown {
	height: 50vh;
    transition: all .5s ease;
	overflow: hidden;
}

.custom-dropdown.expanded {
	height: unset;
}

.custom-dropdown .dropdown-overlay {
	opacity: 1;
    transition: all .5s ease;
}

.custom-dropdown.expanded .dropdown-overlay {
	opacity: 0;
}

.custom-dropdown .custom-open-icon i{
	transition: all .5s ease;
}

.custom-dropdown.expanded .custom-open-icon i{
	transform: rotate(180deg);	
}

/*Custom flip box*/

.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.custom-flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

.flip-box-a, .flip-box-b {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

.flip-box-b {
  transform: rotateY(180deg);
}

/****HEADER*****/
/*class added to the element through elementor interface*/
.header {
	height: 12vh;
}

@media screen and (max-width: 767px) {
	.header {
		height: 10vh;
	}
}

@media screen and (min-width: 1400px) {
	.header {
		height: 10vh;
	}
}


.header-logo {
	height: 100%;
}
.elementskit-menu-close {
	position: absolute!important;
    top: 0;
    right: 0;
    height: 55px;
	width: 70px!important;
}

/*HERO BANNER*/
.hero-banner {
	height: 88vh;
}
@media screen and (max-width: 767px) {
	.hero-banner {
		height: 90vh;
	}
}

@media screen and (min-width: 1400px) {
	.hero-banner {
		height: 90vh;
	}
}

.hero-arrow svg {
	height: 80%!important;
}



/*TEAM MEMBER MODAL*/
.team-member-modal {
	display: none;
	height: 100vh;
}

.team-member-modal.open {
	display: flex;
}

.team-member-modal-inner {
	height: 100%;
}

@media screen and (max-width: 767px) {
	.team-member-modal-inner {
			overflow-y: scroll;
	}
}

@media screen and (min-width: 768px) {
	.team-member-modal-txt {
		height: 100%;
		overflow-y: scroll;
	}
}

.team-member-modal-image {
	aspect-ratio: 3/4;
}

.team-member-modal-image img{
	aspect-ratio: 3/4;
  	object-fit: cover;
}

/*DIGITAL PROJECTS MODAL*/
.project-modal {
	display: none;
	min-height: 100vh;
}

.project-modal.open {
	display: flex;
}

.project-modal-inner {
	max-height: 100vh;
	overflow-y: scroll;
	overflow-x: visible;
}

/*SERVICES*/

@media (min-width: 768px) {
	.service-card {
		width: calc(25% - 1px);
	}
}

@media (max-width: 1024px) and (min-width: 768px) {
		.service-card {
			width: calc(50% - 1px);
	}
}

/*NEWS*/
.elementor-post__title {
	  display: -webkit-box;          /* Usa o modelo de caixa flexible */
	  -webkit-line-clamp: 2;         /* Limita a 2 liñas */
	  -webkit-box-orient: vertical;  /* Orientación vertical */
	  overflow: hidden;             /* Oculta o texto que excede */
	  text-overflow: ellipsis;
}
.elementor-posts__hover-gradient .elementor-post__card .elementor-post__thumbnail__link::after {	
	background-image: linear-gradient(0deg,#9E9E9E77, #9E9E9E77)
}