/*
Theme Name: WestCreativo
Theme URI: https://westcreativo.com/
Author: Santiago Aristizábal
Author URL: https://westcreativo.com/
Version: 1.0
Description: Plantilla personalizada para WestCreativo
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: theme-private
Text Domain: westcreativo
Domain Path: /languages/
*/

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100;200;300;400;500;600;700;800;900&display=swap');

@keyframes pulsate {
	0% {
		transform: translate(-50%, -50%) scale(1);
		opacity: 1;
	}
	100% {
		transform: translate(-50%, -50%) scale(1.5);
		opacity: 0;
	}	
}

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

		--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: 'Nunito',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);}
	#main__wrapper iframe,
	#main__wrapper-single-product iframe{--video-container-width: calc(100vw - var(--video-container-x-padding-sum)); width:100%;height:calc(var(--video-container-width) / var(--video-ratio));}
	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;}
	span.map{position: absolute; bottom: 2.3rem; left: 2.3rem; display: block; width: 1.8rem;height: 2rem;background: url(images/location-map.svg) no-repeat center/1.6rem;}
	#main__wrapper .slick-slider{display:block;}
	#main__wrapper .slick-track,
	#main__wrapper .splide__list{transition:unset;}
/* 	#main__wrapper .slick-track{display:flex; } */
/* 	#main__wrapper .slick-list{padding:0 1.5rem;} */
	#main__wrapper .tpgb-creative-img-wrap{line-height:0;}
	#main__wrapper p,
	#main__wrapper h3{text-wrap:pretty;}
	.text__yellow{color:#F6D365;}
	.orange{color:var(--main-color-orange);}
	.orange-deg{background:linear-gradient(90deg, #F6D365 0%, #FDA085 100%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
	.tpgb-stylist-list .tpgb-icon-list-icon{line-height:1.2; margin-top:.5rem;}
	/*========== PRELOADER ==========*/
	
	/*========== OFFCANVAS ==========*/

	/*========== SCROLL TOP ==========*/
	#scrollto__top{bottom:9rem;}
	#scrollto__top a#scrolltop__btn{color:var(--main-color-orange); background:#181818;}
	#scrollto__top a#scrolltop__btn:hover{color:#fff; background:var(--main-color-orange);}
	
	/*========== WHATSAPP ==========*/
	#container__whatsapp *{margin:0; padding:0;}
	#container__whatsapp .texto{display:none;}
	#container__whatsapp{top:25%; right:3%;}
	#container__whatsapp aside{margin:2rem 0;}
	#container__whatsapp aside .wp-block-image{justify-content:center; display:flex;}
	#container__whatsapp aside .wp-block-image img{width:3.5rem !important;}
	#container__whatsapp #block-6{animation:socials; animation-duration:.2s; animation-delay: 3.8s; animation-timing-function:linear;}
	#container__whatsapp #block-11{animation:socials; animation-duration:.2s; animation-delay: 3.9s; animation-timing-function:linear;}
	#container__whatsapp #block-13{animation:socials; animation-duration:.2s; animation-delay: 4s; animation-timing-function:linear;}
	#container__whatsapp #block-12{animation:socials; animation-duration:.2s; animation-delay: 4.1s; animation-timing-function:linear;}

	/*========== HEADER ==========*/
	#header{width:100%; position:fixed; top:0; left:0; padding:4rem 2rem; background:hsla(0, 0%, 0%, 0); z-index:9999999; transition:all .4s ease;}
	#header.fixed{background:hsl(0deg 0% 0% / 40%); backdrop-filter: blur(7px); padding:1rem;}
	body.black #header.fixed{background:hsla(0, 0%, 100%, 0.3); backdrop-filter: blur(4px);}
	#header .container__row{display:flex; align-items:center; max-width:155rem; justify-content:space-between;}
	#header .container__row #container__logo{margin:auto;}
	#header .container__row #container__logo a img{width:24.9rem; height:auto; transition:width .5s;}
	#header.fixed .container__row #container__logo a img{width:24.9rem; height:auto;}
		
	/*========== 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;}

	/*========== LANDINGS GENERALES==========*/
	body.home{background:#000;}
	
	body.landing__page-wc #container__whatsapp{display:none;}
	body.landing__page-wc #header{position:fixed;}

	.text__deg-orange{background:linear-gradient(90deg, #F6D365 0%, #FDA085 100%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-weight:bold;}
	#main__wrapper .seccion__landing .container__nosotros .text__nosotros span{font-weight:bold;}
	.text__black{font-weight:bold;}
	.text__orange{color:var(--main-color-orange); font-weight:bold;}
	.content-bg{background-color:transparent; flex-direction:column;}
	
	/*========== HOME ==========*/
	#main__wrapper #section__hero .form-landings .heading-title{max-width:35rem;}

	#main__wrapper #section__impulsa .title{max-width:114rem;}
	#main__wrapper #section__impulsa .paragraph{max-width:68.9rem;}
	#main__wrapper #section__impulsa .tp-countdown .tpgb-countdown-counter{width:max-content; margin:0;}
	#main__wrapper #section__impulsa .tp-countdown .tpgb-countdown-counter > div{margin:0;}
	#main__wrapper #section__impulsa .tp-countdown .tpgb-countdown-counter > div:last-child{border-width:1px;}
	#main__wrapper #section__impulsa .tp-countdown .tpgb-countdown-counter div span{padding:0 .5rem;}
	#main__wrapper #section__impulsa .tp-countdown .tpgb-countdown-counter span.text{font-size:1.6rem; line-height:1.9rem; font-weight:400; font-family:'nunito', sans-serif;}
	
	#main__wrapper #section__prices .title{max-width:97.1rem; margin:auto;}
	#main__wrapper #section__prices .card-price{height:max-content;}
	#main__wrapper #section__prices .slick-slider{margin-top:5rem;}
	#main__wrapper #section__prices .slick-slider .slick-slide{margin:0 .5rem;}
	#main__wrapper #section__prices .slick-slider .slick-arrow{position:absolute; top:0; width:4rem; height:4rem; border-radius:50rem; font-size:0; border:1px solid #F57500; padding:0;}
	#main__wrapper #section__prices .slick-slider .slick-arrow.slick-prev{left:0; background:url(images/arrow-prev.png) #181818 no-repeat center/1.1rem;}
	#main__wrapper #section__prices .slick-slider .slick-arrow.slick-next{left:6rem; background:url(images/arrow-next.png) #181818 no-repeat center/1.1rem;}
	#main__wrapper #section__prices .card-price .content-discount span.title-s{margin-left:0.5rem; color:#fff; background:#F57500; border-radius:.5rem; padding:.5rem;}
	#main__wrapper #section__prices .card-price .content-discount span.discount{text-decoration:line-through;}
	#main__wrapper #section__prices .card-price .more,
	#main__wrapper #section__prices .card-price .btn-beneficios{display:none;}
	#main__wrapper #section__prices .card-price .btn-beneficios.open{display:block;}
	#main__wrapper #section__prices .card-price .btn-beneficios a img{transition:all .5s;}
	#main__wrapper #section__prices .card-price .btn-beneficios a:hover img{filter:invert(1);}
	#main__wrapper #section__prices .card-price a.button-link-wrap span{display:flex; align-items:center;}

	#main__wrapper #section__choose .column{max-width:51rem;}

	#main__wrapper #section__testimonials .title span{display:block;}
	#main__wrapper #section__testimonials .title span.title-s{font-style:normal;}
	#main__wrapper #section__testimonials .item-testimonial,
	#main__wrapper #section__testimonials .item-testimonial .tpgb-cont-in,
	#main__wrapper #section__testimonials .item-testimonial .tpgb-cont-in .top{height:100%;}

	#main__wrapper #section__easy{overflow:hidden;}
	#main__wrapper #section__easy .title span{display:block;}
	#main__wrapper #section__easy .title span.title-s{font-style:normal;}
	#main__wrapper #section__easy .content-card{z-index:2;}
	#main__wrapper #section__easy .content-card::before{content:""; position:absolute; left:0; top:0; width:27rem; aspect-ratio:1/1; border-radius:50rem; opacity:0.5; background:linear-gradient(180deg, hsla(0, 0%, 100%, 1) 0%, rgba(255, 255, 255, 0) 100%); transform:translate(-50%, -15%); z-index:-1;}
	#main__wrapper #section__easy .content-card::after{content:""; position:absolute; right:0; bottom:0; width:27rem; aspect-ratio:1/1; border-radius:50rem; opacity:0.5; background:linear-gradient(140deg, hsla(0, 0%, 100%, 1) 0%, rgba(255, 255, 255, 0) 100%); transform:translate(50%, -10%); z-index:-1;}
	
	#main__wrapper #section__questions, 
	#main__wrapper #section__form{z-index:2;} 
	#main__wrapper .astronauta{position:absolute; right:0; top:15%; z-index:1; max-width:50rem;}
		
	#main__wrapper #section__questions .tpgb-accordion{width:100%;}

	#main__wrapper .seccion__logos-ecommerce .splide__pagination{display:none;} 

	/*========== POP-UP ==========*/
	#sgpb-popup-dialog-main-div-wrapper > div{width:90%; left:50% !important; top:50% !important; transform:translate(-50%, -50%);}
	#sgpb-popup-dialog-main-div-wrapper .sgpb-popup-close-button-1{right:1.3rem; bottom:unset; top:1.3rem;}
	#sgpb-popup-dialog-main-div-wrapper .sgpb-content{max-width:94rem !important; padding:8rem 1rem !important; width:100% !important; box-sizing:border-box !important;}
	#sgpb-popup-dialog-main-div-wrapper .sgpb-content .tpgb-cont-in{max-width:57rem;}
	#sgpb-popup-dialog-main-div-wrapper .sgpb-content .tpgb-cont-in .tpgb-pro-paragraph{text-align:center;}
	#sgpb-popup-dialog-main-div-wrapper .sgpb-content .tpgb-cont-in .tpgb-pro-paragraph .pro-heading-inner{font-size:2rem; font-weight:700; line-height:2.4rem; margin-bottom:3rem; text-transform:uppercase;}
	#sgpb-popup-dialog-main-div-wrapper .sgpb-content .tpgb-cont-in .tpgb-pro-paragraph .pro-paragraph-inner{font-size:1.4rem; font-weight:400; line-height:2.6rem;}

	/*========== FORM ==========*/
	#main__wrapper .form-landings .frm_forms{width:100%; max-width:57rem;}
	#main__wrapper .form-landings .frm_forms .frm_form_field{margin-bottom:3.5rem;}
	#main__wrapper .form-landings .frm_forms .frm_form_field select,
	#main__wrapper .form-landings .frm_forms .frm_form_field textarea,
	#main__wrapper .form-landings .frm_forms .frm_form_field input{border:none; box-shadow:.1rem .1rem .6rem rgb(0 0 0 / 25%); height:5.9rem; border-radius:0;}
	#main__wrapper .form-landings .frm_forms .frm_form_field textarea{height:auto;}
	#main__wrapper .form-landings .frm_forms .frm_form_field select,
	#main__wrapper .form-landings .frm_forms .frm_form_field textarea,
	#main__wrapper .form-landings .frm_forms .frm_form_field input::placeholder{font-family: 'Nunito', sans-serif; font-size:2rem; font-weight:300; line-height:1; color:#A3A3A3;}
	#main__wrapper .form-landings .frm_forms .frm_submit button{position:relative; font-family:'Nunito', sans-serif; font-size:2rem; font-weight:bold; line-height:1;  color:#fff; background:#F57500; padding:2.5rem 1rem; border:.2rem solid #fff; border-radius:.2rem; margin:0; width:100%; justify-content:center;}	
	#main__wrapper .form-landings .frm_forms .frm_submit button:hover{color:#fff; background:#F55800; box-shadow:none;}
	#main__wrapper .form-landings .frm_forms .frm_submit button::before{content:""; width:2.2rem; height:2.1rem; margin-right:2rem; background:url(./images/img-cohete-blanco.png) no-repeat center center/cover;}

	/*========== FOOTER ==========*/
	#footer{background:url(images/bg-footer.jpg) #151515 no-repeat center/cover;}
	#footer *{color:#FEF1E4;}
	#footer .wcrow,
	#footer .container__row{width:100%;}
	#footer > div.top .wp-block-heading{color:#fff; font-size:2rem; line-height:2.6rem; margin-bottom:2rem;}
	#footer > div.top ul{list-style:none;}
	#footer > div.top ul li,
	#footer > div.top ul li a{font-size:1.3rem; line-height:2.5rem; font-weight:500;}
	#footer > div{width:100%; margin:auto;}
	#footer > div.top{padding:6rem 2rem 3rem; max-width:118rem;}
	#footer > div.top .left{display:flex; align-items:center;}
	#footer > div.top .content-logo{margin-bottom:6rem;}
	#footer > div.top #logo-footer-link{display:flex;}
	#footer > div.top #logo-footer-link img{width:25rem; margin-bottom:2rem;}
	#footer > div.top #widget__social-offcanvas .wp-block-heading{font-size:1.4rem; line-height:1.8rem; letter-spacing:2px; font-size:600;}
	#footer > div.top #widget__social-offcanvas #content-icons{display:flex; width:max-content; gap:2rem;}
	#footer > div.top #widget__social-offcanvas #content-icons > .wp-block-column{flex-basis:unset !important;}
	#footer > div.top #widget__social-offcanvas #content-icons .wp-block-image img{width:2.2rem; height:2.2rem;}
	#footer > div.top .content-map{position:relative;}
	#footer > div.top .content-map p{position:absolute; width:1.5rem; height: auto; aspect-ratio: 1 / 1; background: #fff; display: block; border-radius: 50rem; z-index: 9;}
	#footer > div.top .content-map p::before{content: ""; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; background-color: rgb(255, 255, 255); border-radius: 50%; transform: translate(-50%, -50%) scale(1); animation: pulsate 1.5s infinite; z-index: -1;}
	#footer > div.top .content-map p.medellin::before{animation-delay:0.5s;}
	#footer > div.top .content-map p.medellin{top:51%; left: 45%;}
	#footer > div.top .content-map p.florida{top:33%; left:41%;}
	#footer > div.top .content-map p span{position: absolute; width:max-content; background:#fff; color:#000; padding:.2rem .7rem; border-radius:5px; font-size:1.2rem; line-height:1.2; top:-10px; left:24px; opacity:0; transition: opacity .5s;}
	#footer > div.top .content-map p:hover span{opacity:1;}
	#footer > div.bottom{padding:2rem; background:#000000;}
	#footer > div.bottom span{display:block; margin:auto; text-align:center; font-size:1.3rem; font-family:var(--paragraph-font-family); color:#fff;}

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

	/*========== SCROLL TOP ==========*/
	#scrollto__top{bottom:10rem; right:2.8rem;}
	#scrollto__top a#scrolltop__btn{width:6rem; height:6rem;}
	#scrollto__top a#scrolltop__btn .wcicon{line-height:6rem;}

	/*========== HEADER ==========*/
	#header{padding:5rem 2rem;}
	#header .container__row #container__logo a img{width:44.9rem;}

	/*========== HOME ==========*/
	#main__wrapper #section__prices .card-price .content-discount span.title-s{margin-left:1rem;}
	#main__wrapper #section__prices .slick-slider{margin-top:7rem;}
	#main__wrapper #section__prices .slick-slider .slick-slide{margin:0 1rem;}
	#main__wrapper #section__prices .slick-slider .slick-arrow{width:5rem; height:5rem;}
	#main__wrapper #section__prices .slick-slider .slick-arrow.slick-prev{background:url(images/arrow-prev.png) #181818 no-repeat center/1.5rem;}
	#main__wrapper #section__prices .slick-slider .slick-arrow.slick-next{left:7rem; background:url(images/arrow-next.png) #181818 no-repeat center/1.5rem;}
	
	/*========== FORM ==========*/
	#main__wrapper .form-landings .frm_forms .frm_submit button{padding:2.5rem 1rem; font-size:2.5rem;}	
	#main__wrapper .form-landings .frm_forms .frm_submit button::before{margin-right:2rem;}

	/*========== POP-UP ==========*/
	#sgpb-popup-dialog-main-div-wrapper .sgpb-content{padding:14rem 2rem !important;}
	

	/*========== 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;}
	
}
@media screen and (min-width:840px){

	#main__wrapper #section__prices .content-card-price{max-width:100vw !important;}

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

	#container__whatsapp{right:1.6%;}

	/*========== HEADER ==========*/
	#header{padding:6rem 2rem;}

	/*========== HOME ==========*/
	#main__wrapper #section__hero .column:nth-child(1){width:00%;}
	#main__wrapper #section__hero .column:nth-child(2){width:50%;}
	#main__wrapper #section__hero .column:nth-child(3){width:50%;}

	#main__wrapper #section__form > .tpgb-cont-in > .tpgb-container-col{width:42%;} 

	#main__wrapper .astronauta{max-width:60rem;}

	/*========== FORM ==========*/
	#main__wrapper .form-landings .frm_forms .frm_submit button{padding:2.5rem 1rem;}	

	/*========== FOOTER ==========*/
	#footer > div.top .content-map p{ width:2rem;}

}
@media screen and (min-width:1201px){
	
	/*========== HOME ==========*/
	#main__wrapper .astronauta{max-width:70rem;}

	/*========== HOME ==========*/
	#main__wrapper #section__hero .column:nth-child(1){width:30%;}
	#main__wrapper #section__hero .column:nth-child(2){width:40%;}
	#main__wrapper #section__hero .column:nth-child(3){width:30%;}

}
@media screen and (min-width:1265px){
	
	/*========== HOME ==========*/
	#main__wrapper #section__prices .content-card-price{flex-wrap:nowrap;}
	#main__wrapper #section__prices .content-card-price .card-price{width:33.33%; margin:0;}
	#main__wrapper #section__prices .card-price .content-discount span.title-s{margin-left:1.5rem;}
	
}
@media screen and (min-width:1370px){
}
@media screen and (min-width:1400px){
	
	/*========== HOME ==========*/
	#main__wrapper #section__hero .column:nth-child(1){width:35%;}
	#main__wrapper #section__hero .column:nth-child(2){width:35%;}
	#main__wrapper #section__hero .column:nth-child(3){width:30%;}
	}
@media screen and (min-width:1400px){

	#main__wrapper .form-landings .frm_forms .frm_submit button{font-size:3rem;}	
}