/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/*GENERALS*/
html, body {
	scroll-behavior: smooth;
}
.white{
	color: #ffffff !important;
}
.yellow{
	color: #F6EF85 !important;
}
.bold{
	font-weight:700 !important;
}
.blue{
	color:#001735 !important; 
}

/*movimiento fijo*/
html {
    scroll-behavior: smooth; /* Asegura el desplazamiento suave */
}
.scroll-section {
    min-height: 100vh; /* Cada sección ocupa toda la ventana */
}

/*Home*/

.wwd-tit{
	color: #FFF;
	font-family: "Be Vietnam", Sans-serif;
	font-size: 26px;
	font-style: normal;
	font-weight: 400;
	line-height: 33px;
	display:inline-flex;
	width:100%;
	margin-top: 20px;
	text-align: left;
}
.wwd-link{
	display:inline-flex;
	color: #F6EF85;
	font-family: "Be Vietnam", Sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 136%;
	width:100%;
	text-decoration:underline !important;
	text-underline-offset: 5px;
	margin-top:10px;
	margin-bottom:20px;
}
.wwd-link:hover{
	cursor:pointer;
	color:#fff;
}
.what-we-do-type .elementor-widget-container .elementor-image-carousel div:nth-child(odd) figure{
	display:flex;
	flex-direction: column-reverse;
}
.what-we-do-type .elementor-widget-container .elementor-image-carousel div figure img{
	width:100%;
}
/*memorable*/

.container{
	position: relative;
    display: inline-block;
    border-radius: 26px;
    overflow: hidden;
    transition: box-shadow 0.3s ease;
}
.container:hover{
	box-shadow: 0 0 100px #F6EF85;
}
.image{
	width: 100%;
    height: auto;
    border-radius: 26px;
    display: block;
    transition: filter 0.3s ease;
}
.container:hover .image{
	filter: blur(22px);
}
.overlay{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), url(<path-to-image>) lightgray 0px -60.74px / 100% 149.126% no-repeat, url(<path-to-image>) lightgray 1.449px 20px / 99.744% 101.622% no-repeat;
    color: #fff;
	font-size: 26px;
	font-family: "Be Vietnam", Sans-serif;
	font-style: normal;
	text-align:center;
	font-weight: 400;
	line-height: 33px;
    display: flex;
    justify-content: center;
	flex-direction:column;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease;
	padding:0px 30px;
}
.overlay img{
	width:60%;
	height:auto;
	margin-bottom:20px;
}
.container:hover .overlay {
	opacity: 1;
}
.text-rtl{
	direction: rtl; 
	unicode-bidi: bidi-override;
}

.back-brands{
	background: linear-gradient(180deg, #001735 0%, #0289CC 31.99%, #0289CC 52.5%, #0289CC 69.99%, #001634 100%);
}

/*style banner home*/
/* Contenedor principal */
        .contenedor-home {
            position: relative;
            width: 100%;
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: hidden;
            background: black;
			border-radius:0 0 180px 0;
        }

        /* Video de fondo con blur */
        .fondo {
            position: absolute;
            width: 100%;
            height: 100%;
            object-fit: cover;
            filter: blur(15px);
            z-index: 1;
        }

        /* Contenedor con la máscara */
        .mascara {
            position: relative;
            width: 400px;
            height: 500px;
            z-index: 2;
            overflow: hidden;
            border-radius: 0 100px  0 0; /* Bordes personalizados */
        }

        /* Video dentro de la máscara */
        .video-mascara {
            position: absolute;
            width: 100%;
            height: 100%;
            object-fit: cover;
            z-index: -1;
        }

        /* Contenedor del texto (para que esté fuera de la máscara) */
        .texto-banner-h {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
            color: white;
            z-index: 3;
            width: 100%
        }

        /* Estilos para el título */
        .texto-banner-h h2 {
            
            margin-bottom: 0px;
            text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
            font-family: "Hvdtrial Brandon Text", Sans-serif;
			font-size: 8vw;
			line-height: 8vw;
			font-weight: 900;
			text-transform: uppercase;
			color:#fff;
        }
        .texto-banner-h h2 .yellowl{
            color:#f6ef85; 
            margin-bottom: 0px;
        }

        /* Estilos para el botón */
        .texto-banner-h a {
            display: inline-block;
            padding: 12px 25px;
            background: #F6EF85;
            color: #191919;
            text-decoration: none;
            font-size: 18px;
            border-radius: 0px;
            transition: background 0.3s, transform 0.2s;
            box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
            font-family: Inter;
            margin-top: 10px;
            border:solid 1px #f6ef85;
        }

        /* Efecto hover en el botón */
        .texto-banner-h a:hover {
            background: transparent;
            border:solid 1px #f6ef85;
            color: #f6ef85;
        }
        .left-tit-home{
            margin-right: 100px;
        }
@media only screen and (max-width: 768px) {
  .mascara {
    width: 250px;
    height: 300px;
   }
	.left-tit-home{
            margin-right: 0px;
        }
	.texto-banner-h h2 {
		font-size:12vw;
		line-height:12vw;
		margin-bottom:10px;
		
	}
	.contenedor-home {
		border-radius:0 0 80px 0;
		 height: 80vh;
	}
}

/*card intern proyect*/
.img-int-pro{
	width:30%;
	margin-bottom:30px;
}
.cont-int-pro{
	display:flex;
	flex-direction:column;
	align-items: center;
}
.full-height .elementor-flip-box{
  height: 100% !important;
}
.full-height{
	height:100%;
    backdrop-filter: blur(28.649999618530273px);
}

/***history****/
.back-history{
    width: 100%;
	margin-top:-50%;
}
.back-history h3{
    color: #F6EF85;
    font-family: "Hvdtrial Brandon Text", Sans-serif;
    font-size: 6vw;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: -120px;
    z-index: 2;
    position: relative;
    line-height: 100%;
}
.bh-intern{
   display:flex;
	flex-direction:column;
}
.bh-intern .bh-tit{
    color: #FFF;
	text-align: center;
	font-family: Assistant;
	font-size: 50px;
	font-style: normal;
	font-weight: 400;
	line-height: 45px;
	margin-top: -150px;
} 
.back-history .bh-text{
    color: #FFF;
	text-align: center;
	font-family: Assistant;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 135.084%; /* 27.017px */
	margin-top:100px;
}
@media only screen and (max-width: 768px) {
	.back-history h3{
		font-size: 40px;
		line-height:40px;
	}
}

/****blog****/
.blog-lemon-grid .elementor-post__read-more-wrapper{
    text-decoration: underline;
    color: #fff;
    text-underline-offset: 5px;
}
.blog-lemon-grid .elementor-post__read-more-wrapper:hover{
    color:#f6ef85;
}
.blog-lemon-grid article .elementor-post__thumbnail:hover::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(182deg, rgba(29, 46, 157, 0) 6.49%, rgba(8, 30, 71, 0.88) 72.52%);
	z-index: 1;
}
.blog-lemon-grid article .elementor-post__thumbnail {
	position: relative;
}
.blog-lemon-grid article:hover {
    box-shadow: 0px 0px 15px 5px #F6EF85;
    transition: box-shadow 0.3s ease;
	border-radius:24px;
}
.blog-lemon-grid article .elementor-post__text{
	position:absolute;
	margin-top:35%;
	z-index:1;
}
.blog-lemon-grid article .elementor-post__thumbnail::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(183deg, rgba(0, 0, 0, 0.00) 53.03%, rgba(0, 0, 0, 0.88) 91.15%);
	z-index: 1;
	
}
.blog-lemon-grid article{
	position:relative;
	border-radius:24px;
}
.blog-lemon-grid article a{
	margin-bottom:0px !important;
}
@media only screen and (max-width: 768px) {
	.blog-lemon-grid article .elementor-post__text{
		position:relative;
		margin-top:20px;
	}
	.full-height{
		height:60vh;	
	}
}

/*****contact****/
.page-id-2603 #lets-talk,.page-id-2893 #lets-talk,.page-id-2909 #lets-talk {
    display: none !important;
}

.form-ly{
	display:flex;
	flex-direction:column;
	width:100%;
}
.form-ly div input[type="text"],.form-ly div input[type="email"],.form-ly div input[type="tel"]{
	background:transparent;
	border-radius:0px;
	border: none;
	border-bottom: solid 1px #F1E861;
	font-family: "Be Vietnam", Sans-serif;
    font-size: 1.4vw;
    font-weight: 400;
	color:#fff;
	outline: none;
}
.form-ly select{
	background:transparent;
	border-radius:0px;
	border: none;
	border-bottom: solid 1px #F1E861;
	font-family: "Be Vietnam", Sans-serif;
    font-size: 1.2vw;
    font-weight: 400;
	color:#fff;
	outline: none;
}
.form-ly select option{
	background: #001735;
	font-size: 1.2 vw;
}
.form-ly div input[type="text"]::placeholder,.form-ly div input[type="email"]::placeholder,.form-ly div input[type="tel"]::placeholder{
	font-family: "Be Vietnam", Sans-serif;
    font-size: 1.4vw;
    font-weight: 400;
}
.form-ly div{
	margin-bottom:40px;
}
.wpcf7-response-output{
	color:#fff !important;
	border-color: #f1e861 !important;
	font-family: "Be Vietnam", Sans-serif;
}
.form-ly div p{
	color:#fff;
	font-family: "Be Vietnam", Sans-serif;
}
.form-ly .question p{
	display: flex;
}
.form-ly .question p .wpcf7-form-control-wrap{
	display: flex;
	width: 40%;
	justify-content: flex-end;
}


@media only screen and (max-width: 768px) {
	.form-ly div input[type="text"],.form-ly div input[type="email"],.form-ly div input[type="tel"]{
		font-size: 16px;
	}
	.form-ly div input[type="text"]::placeholder,.form-ly div input[type="email"]::placeholder,.form-ly div input[type="tel"]::placeholder{
		font-size:16px;
	}
	.form-ly select{
		font-size:16px;
	}
}