/*
Theme Name: LeTrot Elementor
Theme URI: https://letrotwebcore.com/
Template: hello-elementor
Author: LeTrot Webcore
Author URI: https://letrotwebcore.com/
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.1.1.1729820980
Updated: 2024-10-25 01:49:40

*/

/*************************************************
**************************************************
**************************************************

General

**************************************************
**************************************************
**************************************************/ 



.d-none{
	display: none !important;
}

.d-block{
	display: block !important;
}

.d-flex-col{
	display: flex !important;
	flex-direction: column !important;
}

.d-flex-row{
	display: flex !important;
	flex-direction: row !important;
}

.elementor-widget-container p a{
	color: #02BF9D;
}


.elementor-widget-container p a:hover{
	color: #FFFFFF;
} 

.burger-menu-icon svg{
	transition: transform 0.3s ease;
}

.burger-menu-icon svg:hover {
	transform: rotate(90deg);
}


/*************************************************
**************************************************
**************************************************
Home

**************************************************
**************************************************
**************************************************/

.elementor-434 .elementor-element.elementor-element-36ccf77 .elementor-field-group .elementor-select-wrapper select {
	background-color: #000000 !important;
	border-color: #FFFFFF;
	border-width: 0px 0px 1px 0px;
}

.home-socials .swiper-slide img {
	transition: transform 0.3s ease-in-out; 
}

.home-socials .swiper-slide img:hover {
	transform: scale(1.2); 
}

/*************************************************
**************************************************
**************************************************

Nosotros

**************************************************
**************************************************
**************************************************/

.whatsapp-button {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: linear-gradient(to right, #00c58e, #00946e);
	color: white;
	font-weight: bold;
	padding: 12px 20px;
	border-radius: 999px; /* 100% redondo */
	text-decoration: none;
	font-size: 16px;
	width: fit-content;
	transition: background 0.3s ease;
}

/* Hover efecto opcional */
.whatsapp-button:hover {
	background: linear-gradient(to right, #00a77a, #007c5f);
	text-decoration: none;
}

.whatsapp-button .elementor-button-icon svg {
    width: 35px;
    height: auto; 
}

.whatsapp-button .elementor-button-content-wrapper {
    display: flex;
	align-items: center;
}

.page-id-616 .burger-menu-icon svg {
	fill: #02bf9d !important;
}

.page-id-616 .burger-menu-icon:hover svg {
	fill: #000000 !important;
}

/*************************************************
**************************************************
**************************************************

Amigos

**************************************************
**************************************************
**************************************************/

.page-id-688 .burger-menu-icon svg {
	fill: #02bf9d !important;
}

.page-id-688 .burger-menu-icon:hover svg {
	fill: #000000 !important;
}

/*************************************************
**************************************************
**************************************************

Mobile Menu

**************************************************
**************************************************
**************************************************/

.menu-pop .pop-top::after {
	content: '';
	width: 50%;
	height: 1px;
	background: #000;
	opacity: .20;
	order: 2;
}
.menu-pop .mob-menu nav, .menu-pop .mob-menu nav ul li {
	display: flex;
	flex-direction: column;
}

.menu-pop .mob-menu .elementor-nav-menu--dropdown {
	display: none;
}

.menu-pop .mob-menu .sub-menu {
	display: block !important;
	position: relative;
	margin-top: 10px;
	width: 100%;
	max-height: 0px;
	opacity: 0;
	transition: opacity 0.5s ease;
}

.menu-pop .mob-menu .menu-item-has-children:hover .sub-menu,
.menu-pop .mob-menu .menu-item-has-children:focus-within .sub-menu {
	opacity: 1;
}


.menu-pop .mob-menu .elementor-nav-menu--main {
	display: flex;
	flex-direction: column;
}

.menu-pop .mob-menu .elementor-item {
	padding: 10px 30px;
	text-decoration: none;
	color: #333;
	width: 100%;
}


.menu-pop .mob-menu .elementor-nav-menu .menu-item-has-children > a {
	display: flex;
	align-items: center;
}

.menu-pop .mob-menu .elementor-nav-menu .sub-arrow {
	margin-left: 5px;
}

.menu-pop .mob-menu .sub-menu a{
	line-height: 32px !important;
} 


@media (min-width: 1024px) {
	/* Estilo base para todos los enlaces del menú */
	.menu-pop .mob-menu li.menu-item a,
	.menu-pop .mob-menu li.menu-item .elementor-sub-item {
		display: inline-block;
		transition: transform 0.25s cubic-bezier(0.25, 1.5, 0.5, 1.25);
	}

	/* Efecto dock al hacer hover en enlaces del menú principal y submenús */
	.menu-pop .mob-menu li.menu-item a:hover,
	.menu-pop .mob-menu li.menu-item .elementor-sub-item:hover {
		transform: scale(1.3);
	}

	.menu-pop .mob-menu li.menu-item {
		margin: 6px 0;
	}
}