/*
Theme Name: La Patria Yards
Theme URI:
Author: Jose Salas
Author URL: https://buenavista.design/
Version: 1.0
Description: Plantilla personalizada para La Patria Yards
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: theme-private
Text Domain: La Patria Yards
Domain Path: /languages/
*/


@font-face {font-family:'Raleway'; font-style:normal; font-display: swap; font-weight:500; src:url(fonts/Raleway-Medium.ttf)}
@font-face {font-family:'Raleway'; font-style:normal; font-display: swap; font-weight:600; src:url(fonts/Raleway-SemiBold.ttf)}
@font-face {font-family:'Raleway'; font-style:normal; font-display: swap; font-weight:700; src:url(fonts/Raleway-Bold.ttf)}
@font-face {font-family:'Roboto Slab'; font-style:normal; font-display: swap; font-weight:500; src:url(fonts/RobotoSlab-Regular.ttf)}
@font-face {font-family:'Roboto Slab'; font-style:normal; font-display: swap; font-weight:600; src:url(fonts/RobotoSlab-SemiBold.ttf)}



@keyframes marquee {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-102%);
    }
}

@keyframes rotateComplete {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes fadeout{
	0%{
		opacity: 1;
	}
	100%{
		opacity: 0;
		display: none;
	}
}

@keyframes flipInx{
	0%{
		transform: perspective(40rem) rotateX(-90deg);
		opacity: 0;
	}
	100%{
		opacity: 1;
		transform: perspective(40rem) rotateX(0deg);

	}
}

@keyframes fadein{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;


	}
}

@keyframes expandir {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.2);
    }
}

@keyframes clickme{
	0%{
		transform: scale(0.8);
	}
	100%{
		transform: scale(1.2);


	}
}

@keyframes card_left{
	0%{
		opacity: 0;
		transform: rotate(-18deg) translate(-40%);

	}
	100%{
		transform: rotate(0deg) translate(0%);
		opacity: 1;


	}
}

@keyframes card_right{
	0%{
		opacity: 0;
		transform: rotate(18deg) translate(40%);

	}
	100%{
		transform: rotate(0deg) translate(0%);
		opacity: 1;


	}
}

@keyframes card_center{
	0%{
		opacity: 0;
		transform: translateY(50%);

	}
	100%{
		transform: translateY(0%);
		opacity: 1;


	}
}

@keyframes bg_text{
	0%{
		background-position: 101% 100%;

	}
	100%{
		background-position: 0% 100%;

	}
}

@keyframes entry_left{
	0%{
		opacity: 0;
		transform: translateX(-100%);

	}
	100%{
		opacity: 1;
		transform: translateX(0%);

	}
}

@keyframes entry_right{
	0%{
		opacity: 0;
		transform: translateX(100%);

	}
	100%{
		opacity: 1;
		transform: translateX(0%);

	}
}

@keyframes message{
	0%{
		opacity: 0;
		transform: scale(0);
	}
	50%{
		opacity: 1;
		transform: scale(1.2);
	}
	75%{
		opacity: 1;
		transform: scale(0.8);
	}
	100%{
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes button_arrow{
	0%{
		transform: translateX(-10px) translateY(10px) scale(0);
	}
	50%{
		transform:  translateX(-5px) translateY(5px) scale(0.5);
	}
	100%{
		transform:  translateX(0px) translateY(0px) scale(1);
	}
}

@keyframes color-change-2x{0%{background:#E5EC42}50%{background:#F1A884}100%{background: #32ade6;}}



@media screen and (min-width:0px){
	:root{
		--main-color-primary:#2b5f9f;
		--main-color-secundary:#00b2ff;
		--main-color-yellow:#FFB400;
		--main-color-yellow2:#FFDA00;

		--video-ratio: calc(16 / 9);
		--video-container-max-width: 640px;
		--video-container-x-padding-sum: 2rem;


		--paragraph-font-size:1.6rem;
		--paragraph-line-height:3.15rem;
		/* --paragraph-text-align:center; */
		--paragraph-color:#151515;
		--paragraph-letter-spacing: 0.32px;
		--paragraph-font-style: normal;
		--paragraph-font-weight: 400;
		--paragraph-font-family: 'Manrope',sans-serif;

		--title-font-size:4rem;
		--title-line-height:6.4rem;
		--title-letter-spacing: 0.4px;

		--font-paragraph:
			var(--paragraph-font-style)
			var(--paragraph-font-weight)
			var(--paragraph-font-size)
			var(--paragraph-line-height)
			var(--paragraph-font-family);
	}



	::selection{background:rgba(0, 0, 0, 0.3);}

	/*=============== GENERAL ===============*/
	.wcbtn.btn-blue{background:var(--main-color-secundary);}
	.wcbtn.btn-red{background:#FF0000;}
	.wcbtn.btn-grey{background:rgba(0, 0, 0, 0.5);}
	.flex-column-center{display: flex; flex-direction: column; align-items: center; justify-content: center;}
	table{display:block; min-width:100%; width:100%; margin:2rem 0; border-radius:1rem; overflow-x:auto;}
	table thead tr th{background:rgba(0, 0, 0, 0.15); padding:1rem 1.5rem; text-transform:uppercase; font-weight:bold;}
	table tbody tr td{padding:0.5rem 1.5rem;}
	table tbody tr:nth-child(odd) td{background:rgba(0, 0, 0, 0.015);}
	table tbody tr:nth-child(even) td{background:rgba(0, 0, 0, 0.03);}
    table tbody tr:hover td{background:rgba(0, 0, 0, 0.09);}
    table tbody tr td{color:rgba(0, 0, 0, 0.5);}
	.pro-paragraph-inner p{font-family:inherit; font-size:inherit; line-height:inherit; font-weight:inherit; letter-spacing:inherit;}
	.loading::after{display:none !important; width:0; height:0;}
	.tpgb-plus-button a{transition:all .3s;}
	#main__wrapper article{overflow-x: hidden;}
	#main__wrapper .slick-track,
	#main__wrapper .splide__list{transition:unset;}
	#main__wrapper .slick-list{width: 100%; order: 1;}
	#main__wrapper .slick-dots{ width: 100%; display: flex; justify-content: center; list-style: none; order: 2;}
	#main__wrapper .slick-track{display: flex;}
	#main__wrapper .tpgb-plus-button a > span{display: flex; align-items: center;}
	#main__wrapper .tpgb-plus-button a > span img{padding-top: .1rem;}
	#main__wrapper .tpgb-section > .tpgb-section-wrap{max-width:160rem;}
	#main__wrapper .tpgb-section > .tpgb-section-wrap.tpgb-container-fluid{width:100%; max-width:100%;}
	#main__wrapper .tpgb-creative-img-wrap{line-height:0;}
	#main__wrapper .yoast-breadcrumbs span{display: flex; align-items: center; text-wrap: wrap;}
	#main__wrapper .yoast-breadcrumbs span a{font-family: "Lexend Deca", sans-serif; font-size: 1.8rem; font-weight: 400; line-height: 2.8rem; color: #38393F;}
	#main__wrapper .yoast-breadcrumbs span.breadcrumb_last{font-family: "Lexend Deca", sans-serif; font-size: 1.8rem; font-weight: 700; line-height: 2.8rem; color: #38393F;}

	/*========== WHATSAPP ==========*/
	#container__whatsapp {box-shadow: 0rem .4rem 6.2rem 0rem rgb(137, 125, 196, 47%); border-radius: 100rem;}
	#container__whatsapp *{margin:0; padding:0;}
	#container__whatsapp .texto{display:block;}

	/*========== SCROLL TOP ==========*/
	#scrollto__top{bottom:7rem; z-index: 9999;}
	#scrollto__top a#scrolltop__btn{width: 4.5rem; height: 4.5rem; display: flex; align-items: center; justify-content: center; border: .1rem solid #FFFFFF; background: #00909e;}
	#scrollto__top a#scrolltop__btn:hover{background: #00909e;}
	#scrollto__top a#scrolltop__btn path{fill: #FFF;}

	/*=============== TEXTOS GLOBALES ===============*/


	/*========== GLOBAL STYLES ==========*/
  	.wp-block-outermost-icon-block .icon-container{width: fit-content !important;}
  	.wp-block-outermost-icon-block .icon-container svg{width: auto; height: auto;}
	.fixed{position: fixed; top: 0;}
	.absolute-end{position: absolute; bottom: 0; top: auto;}

	/*========== ANIMATIONS ==========*/
	.fade-in{opacity: 0; transition: opacity 0.5s;}
	.fade-in.active-animation{animation-name: fadein; animation-duration: 1s; animation-fill-mode: forwards;}

	.rotateComplete{transform: rotate(0deg);}
	.rotateComplete.active-animation{animation: rotateComplete infinite 10s linear;}

	.card_left-animation{opacity: 0; transform: rotate(-18deg) translate(-40%); transition: opacity 0.5s, transform 0.5s;}
	.card_left-animation.active-animation{animation-name: card_left; animation-duration: 1s; animation-fill-mode: forwards;}
	.card_right-animation{opacity: 0; transform: rotate(18deg) translate(40%); transition: opacity 0.5s, transform 0.5s;}
	.card_right-animation.active-animation{animation-name: card_right; animation-duration: 1s; animation-fill-mode: forwards;}
	.card_center-animation{opacity: 0; transform: translateY(50%); transition: opacity 0.5s, transform 0.5s;}
	.card_center-animation.active-animation{animation-name: card_center; animation-duration: 1s; animation-fill-mode: forwards;}

	.entry_left-animation{opacity: 0;transition: opacity 0.5s, transform 0.5s;}
	.entry_left-animation.active-animation{animation-name: entry_left; animation-duration: 1s; animation-fill-mode: forwards;}
	.entry_right-animation{opacity: 0; transition: opacity 0.5s, transform 0.5s;}
	.entry_right-animation.active-animation{animation-name: entry_right; animation-duration: 1s; animation-fill-mode: forwards;}

	.message_entry-animation{opacity: 0; transition: opacity 0.5s, transform 0.5s;}
	.message_entry-animation.active-animation{animation-name: message; animation-duration: 1s; animation-fill-mode: forwards;}

	.scroll-down{ animation: expandir 1.5s infinite alternate ease;}

	/*========== OFFCANVAS ==========*/
	#offcanvas{display: none;}

	/*========== HEADER ==========*/
	#header.hiden{padding: 1rem 1rem 2rem; opacity: 0; visibility: hidden;}
	#header.activeup{opacity: 1; visibility: visible;}
	#header.fixed{margin: 0rem; padding: 2rem 0rem 6rem; background: #E7E1D3;}
	#header{width: 100%; padding: 4.2rem 0rem 0rem; position: fixed; top: 0rem; transition: all .4s ease; z-index: 99999; background: transparent;}
	#header .container__row{width: min(84.6%, 117rem); max-width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 1rem; align-items: center; margin: 0rem auto;}
	#header .container__row #social_links > div{display: flex; flex-direction: row-reverse; align-items: center; column-gap: 1.8rem;}
	#header .container__row #social_links > div aside{width: fit-content;}
	#header .container__row #social_links > div aside a{width: 3.2rem; height: 3.2rem; display: flex; justify-content: center; align-items: center; border-radius: 100%; background: #452668;}
	#header .container__row #social_links > div aside a img{width: 2rem; height: 2rem;}
	#header .container__row #social_links > div aside p{font-family: 'Raleway', sans-serif; font-size: 1.2rem; font-weight: 600; line-height: 2.2rem; letter-spacing: 11%; color: #00909e; text-transform: uppercase;}
	#header .container__row #container__logo{order: 0;}
	#header .container__row #social_links{order: 1;}
	#header .container__row #container__logo,
	#header .container__row #container__logo a{display: flex;}
	#header .container__row #container__logo a img{width: 100%; max-width: 11rem;}
	#header .container__row #nav__header #list__icons-header a{display: none;}


	/*========== HOME ==========*/
	body{background-color: #E7E1D3; overflow: hidden;}
	#hero_home .tpgb-cont-in{height: 40rem; overflow: auto;}
	#hero_home .tpgb-cont-in::before{content: ''; display: block; width: 109.3rem; height: 12.1rem; position: absolute; bottom: 0rem; left: 50%; transform: translateX(-50%); border-radius: 0rem 0rem 2rem 2rem; background: linear-gradient(180deg, rgba(231, 225, 211, 0.1) 0%, rgba(166, 162, 152, 0.1) 63.36%, rgba(129, 126, 118, 0.1) 100%);}
	#hero_home .tpgb-heading-title{width: 100%; max-width: 62.9rem;}
	#hero_home .tpgb-pro-paragraph{width: 100%; max-width: 92.9rem;}
	#hero_home .tpgb-cont-in::-webkit-scrollbar{width: .8rem; border-radius: 1rem;}
	#hero_home .tpgb-cont-in::-webkit-scrollbar-track {background: #D2C9B3; border-radius: 1rem;}
	#hero_home .tpgb-cont-in::-webkit-scrollbar-thumb {background-color: #00909e; border:unset;}
	


	/*========== ERROR 404 - MAINTENANCE ==========*/
	#error404,
	#maintenance{padding:5rem 1rem;}
	#error404 .wccol-md-4,
	#maintenance .wccol-md-4{order:2;}
	#error404 .wccol-md-8,
	#maintenance .wccol-md-8{order:1;}
	#error404 h2{font-size:12rem; color:var(--main-color-primary); line-height:1;}
	#maintenance h2{font-size:4rem; color:var(--main-color-primary); line-height:1;}
	#error404 h4,
	#maintenance h4{font-size:5rem; line-height:1;}
	#error404 p,
	#maintenance p{margin:1rem 0; font-size:1.4rem;}
	#error404 a.wcbtn,
	#maintenance a.wcbtn{background:#000; color:#fff; padding:1rem 4rem;}

	/*========== PRIVACY POLICY ==========*/


	/*========== FOOTER ==========*/
	/* #footer{width: 98%; margin: 0rem auto; padding: 4rem 0rem 8rem; background: url(images/bg-footer.webp) no-repeat center center; background-size: cover;} */
	#footer{width: 100%; position: relative; padding: 4rem 1.5rem 8rem; background: #E7E1D3; }
	#footer::before{content: ''; display: block; width: 100%; height: 4.4rem; position: absolute; bottom: 0rem; left: 0rem; z-index: 1; background: url(images/bg-footer.webp) repeat-x top/144rem; }
	#footer *{color: #00909e;}
	#footer .container__row{width: min(98%, 117rem); max-width: 100%; margin: 0 auto; }
	#footer .top .wcrow{align-items: center; row-gap: 3rem; padding: 0rem;}
	#footer .top .wcrow p{font-family: 'Roboto Slab', sans-serif; font-size: 3rem; font-weight: 400; line-height: 4.6rem; color: #00909e;}
	




}
@media screen and (min-width:500px){


	/*========== FOOTER ==========*/


}

@media screen and (min-width:768px){



	/*========== ERROR 404 - MAINTENANCE ==========*/
	#error404,
	#maintenance{background:url("images/404-background.png") no-repeat center 0; background-size:cover;}
	#error404 .wccol-md-4,
	#maintenance .wccol-md-4{order:1;}
	#error404 .wccol-md-4 img,
	#maintenance .wccol-md-4 img{margin:0 auto;}
	#error404 .wccol-md-8,
	#maintenance .wccol-md-8{order:2;}
	#error404 h2{font-size:15rem;}
	#maintenance h2{font-size:9rem;}
	#error404 h4,
	#maintenance h4{font-size:7rem;}
	#error404 p,
	#maintenance p{font-size:1.8rem;}

	/*========== GLOBAL-STYLES ==========*/


	/*========== OFFCANVAS ==========*/
	#offcanvas{width: min(91.6%, 132rem); margin: 4.2rem 0rem 0rem;}



	/*========== HEADER ==========*/

	#header{width: 100%;}
	#header .container__row{width: min(92%, 117rem); display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 1rem;  justify-content: unset;}
	#header .container__row #container__logo{order: 1;}
	#header .container__row #container__logo a img{max-width: 29.7rem;}
	#header .container__row #social_links{order: 0;}
	#header .container__row #social_links > div{flex-direction: column; align-items: unset; row-gap: 1.8rem;}
	#header .container__row #social_links > div aside:has(p){transform: rotate(-90deg) translate(-3.4rem, -1.7rem);}

	#header .container__row #container__logo a img{max-width: 100%;}



	/*========== HOME ==========*/



	/*========== FOOTER ==========*/
	#footer{margin: 0rem auto; padding: 1.3rem 0rem 10rem;}
	#footer .top .wcrow{row-gap: 2.7rem;}
	#footer .top .wcrow p{font-size: 3.6rem;}



	

	


}


@media screen and (min-width:1024px){

	/*========== HOME ==========*/

}



@media screen and (min-width:1025px){

	/*========== SCROLL TOP ==========*/
	#scrollto__top{bottom:8rem;}
	#scrollto__top a#scrolltop__btn{width: 5rem; height: 5rem;}
	.chatwith.rightpos .chatwith-mainbutton{width: 5rem; height: 5rem;}

	/*========== GLOBAL-STYLES ==========*/




	/*========== OFFCANVAS ==========*/


	/*========== HEADER ==========*/
	#header .container__row{width: min(98%, 117rem);}
	#header .container__row #nav__header{order: 0; display: flex; justify-content: center;}
	#header .container__row #contact_links{display: block;}

	#header .container__row #nav__header a{font-family: "Ovo", sans-serif; font-size: 1.6rem; font-weight: 400; line-height: 2.4rem; letter-spacing: .032rem; color: #FFFFFF; transition: color .3s ease;}
	

	/*========== HOME ==========*/
	


	/*========== FOOTER ==========*/


}

@media screen and (min-width:1200px){
	/*========== HEADER ==========*/
	#header .container__row #nav__header ul.menu{gap: 3.2rem;}

	
	/*========== HOME ==========*/
		body::before{content: ''; display: block; width: 21.7rem; height: 38.4rem; position: absolute; bottom: -6.9rem; left: -4.74rem; transform: rotate(33deg); background: url(images/bg-hero-home.webp) no-repeat top/100%;}
	body::after{content: ''; display: block; width: 21.7rem; height: 38.4rem; position: absolute; top: -11.6rem; right: -6.74rem; transform: scaleX(-1) rotate(138deg); background: url(images/bg-hero-home.webp) no-repeat top/100%;}
	

}


@media screen and (min-width:1440px){
	/*========== HEADER ==========*/
	
	/*========== Footer ==========*/


}


@media screen and (min-width:1550px){
	/*========== HOME ==========*/
				
	
}