/*
Theme Name: Aplitec Child
Theme URI: https://aplitecinformatica.com/
Template: astra
Author: Edu
Author URI: https://aplitecinformatica.com/disseny/projectes/
Version: 4.11.1.1748934662
Updated: 2025-06-03 09:11:02

*/

#masthead {
    position: sticky;
    top: 0;
    z-index: 99999;
    background: white;
}


.ast-mobile-header-wrap {
		position: fixed;
    top: 0;
    z-index: 999;
		width:100%;
}

html, body {
    max-width: 100%;
    overflow-x: clip;
}

.sub-menu {
    padding-top: 10px;
    padding-bottom: 10px;
    max-width: 270px;
}

.main-header-menu .sub-menu .menu-item:not(.menu-item-has-children) .menu-link .icon-arrow:first-of-type{
	display:none!important;
}

.sub-menu a {
    text-decoration: none;
    position: relative;
    display: inline-block; 
    padding: 8px 16px;
    margin: 4px 0;
}

.sub-menu a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -2px;
    left: 16px; 
    right: 16px; 
    background-color: currentColor;
    transition: width 0.3s ease;
}

.sub-menu a:hover::after {
    width: calc(100% - 30px);
}

.swiper-wrapper {
  transition-timing-function: linear !important; 

}

/*flecha down */
.elementor-element-aa25d88 {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

/*flecha down white */
.elementor-element-fce6f14 {
    position: absolute;
    top: 80%;
    right: 30px;
    transform: translateY(-50%); /* Centra el elemento verticalmente */
}


.elementor-image-carousel-wrapper::before,
.elementor-image-carousel-wrapper::after {
    content: "";
    position: absolute;
    z-index: 2;
    width: 200px;  /* Aumentado el ancho */
    height: 100%;
    pointer-events: none;
    top: 0;
}

.elementor-image-carousel-wrapper::before {
    left: 0;
    background: linear-gradient(to right, white 20%, transparent);
}

.elementor-image-carousel-wrapper::after {
    right: 0;
    background: linear-gradient(to left, white 20%, transparent);
}

.elementor-image-carousel-wrapper {
    position: relative;
    overflow: hidden;
}

@media (max-width: 767px) {
    .elementor-image-carousel-wrapper::before {
        background: linear-gradient(to right, white 5%, transparent);
    }
    .elementor-image-carousel-wrapper::after {
        background: linear-gradient(to left, white 5%, transparent);
    }
}

/*Noticies home */
.elementor-widget-container {
    overflow: visible !important;
}

.miga_custom_posts_post_thumb {
    position: relative;
    display: block;
    border-radius: 15px;
    overflow: visible !important;
}

.miga_custom_posts_post_thumb img {
    position: relative;
    width: 100%;
    height: auto;
    display: block;
    transition: all 0.4s ease;
    z-index: 1;
    border-radius: 15px;
    filter: brightness(0.5);
}

.miga_custom_posts_post_content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    z-index: -1;
}

.miga_custom_posts_post_title {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 !important;
		margin-bottom:20px!important;
    line-height: 1.4 !important;
    width: 70% !important;
    font-size: 1.2em !important;
    min-height: 4.2em !important;
    word-break: break-word !important;
}

/* Video styles */
.miga_custom_posts_post_thumb video.hover-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
    opacity: 0;
    transition: all 0.4s ease;
    z-index: 2;
}

/* Hover effects */
.miga_custom_posts_post_thumb:hover img {
    transform: translateY(-120px) !important;
    filter: brightness(1) !important;
}

.miga_custom_posts_post_thumb:hover video.hover-video {
    opacity: 1;
    transform: translateY(-120px) !important;
}

.miga_custom_posts_row,
.elementor-element,
.e-con-inner {
    overflow: visible !important;
}

.single-post #content .ast-container {
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100vw !important;
    width: 100% !important;
}

.miga_custom_posts_next.miga_pos_left {
    background-color: #1E2EC5;
    border: 2px solid #1E2EC5;
    border-radius: 10px;
		padding:5px;
		padding-left:30px;
		padding-right:30px;
    color: white;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    cursor: pointer;
    transition: all 0.3s ease;
}
/*Mobil responsive miga*/
@media screen and (max-width: 767px) {
	
	 .miga_custom_posts_post_content {
       padding: 10px !important;
		 	display: flex;
   	flex-direction: column;
   	align-items: flex-start;
		
   }

   .miga_custom_posts_post_title {
       margin-bottom: px 	!important;
       font-size: 1em !important; 
		 width: 100% !important;
		 text-align: center !important;
   }
   
   .miga_pos_left {
       bottom: 5px !important; 
   }
	
   .miga_custom_posts_row {
       display: flex;
       flex-direction: column;
		 
   }
   
   .miga_custom_posts_post_thumb img {
       height: 400px!important;
       object-fit: cover; 
   }
   
   .miga_custom_posts_post_thumb {
       margin-top: 25px!important;
   }
.miga_custom_posts_next.miga_pos_left {
   
    left: 50% !important;
    transform: translateX(-50%) !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 200px !important;
    max-width: 100%;
    background-color: white !important; 
    color: #1E2EC5 !important;
    border: 2px solid #1E2EC5 !important;  
    border-radius: 8px !important;
}
}

/*Serveis FAQS */

.e-font-icon-svg{
	align-self: flex-start; 
}

.eael-accordion-content {
	border: none !important;align-content}


/*video Creació*/
.elementor-video{
	 border-radius: 25px;
}

  .elementor-custom-embed-image-overlay {
    border-radius: 25px !important;
  }


/* Content */

.text-wrapper {
    position: relative;
    width: 100%;
    height: auto;
}

.text-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
}

#text2 {
    opacity: 0;
}


/*text typewrite*/
.eael-fancy-text-strings {
    margin-left: 50px!important;
    
}

.ast-builder-button-wrap{
	margin-top:10px;
}