/* =======================================================================
//////////////////////////////////////////////////////////////////////////
GLOBAL ///////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////
======================================================================== */

details,figcaption,figure,hgroup,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px
solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,
html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/*
html, body {
	align-items:flex-start;
	align-content:flex-start;
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	height:auto;
	min-height:100vh;
	text-align:left;
	position: relative;
	scroll-behavior:smooth;
	width:100%;
	}
	
	@media only screen and (max-width:620px) {
	html, body {
	overflow-x:hidden;
	}}
*/


/*------------------------------------------------------------------------ 
GLOBAL - COLORS /////////////////////////////////////////////////////////
------------------------------------------------------------------------*/
:root {


	--color-white:#fff;
	--color-white-90:rgba(255, 255, 255, 0.9);
	--color-white-80:rgba(255, 255, 255, 0.8);
	--color-white-70:rgba(255, 255, 255, 0.7);
	--color-white-60:rgba(255, 255, 255, 0.6);
	--color-white-50:rgba(255, 255, 255, 0.5);
	--color-white-40:rgba(255, 255, 255, 0.4);
	--color-white-30:rgba(255, 255, 255, 0.3);
	--color-white-20:rgba(255, 255, 255, 0.2);
	--color-white-10:rgba(255, 255, 255, 0.1);

	--color-black:#000;
	--color-black-90:rgba(0, 0, 0, 0.9);
	--color-black-80:rgba(0, 0, 0, 0.8);
	--color-black-70:rgba(0, 0, 0, 0.7);
	--color-black-60:rgba(0, 0, 0, 0.6);
	--color-black-50:rgba(0, 0, 0, 0.5);
	--color-black-40:rgba(0, 0, 0, 0.4);
	--color-black-30:rgba(0, 0, 0, 0.3);
	--color-black-20:rgba(0, 0, 0, 0.2);
	--color-black-10:rgba(0, 0, 0, 0.1);

	--color-whatsapp:#25d366;
	--color-facebook:#3b5998;
	--color-instagram:#cd486b;
	--color-youtube:#ff0000;
	--color-ubicacion:#ff0000;
	--color-twitter:#55acee;
	--color-tiktok:#000;
	--color-x:#55acee;
	--color-linkedin:#007bb5;

	--gradient-main:linear-gradient(to top, var(--color-main) 0%, var(--color-main-soft) 100%);
	--gradient-main-soft:linear-gradient(to top, var(--color-main-softer) 0%, var(--color-white) 120%);
	--gradient-main-dark:linear-gradient(to top, var(--color-main-darker) 0%, var(--color-main) 80%);
	--gradient-main-to-right:linear-gradient(to right, var(--color-main) 0%, transparent 80%);
	--gradient-main-to-top:linear-gradient(to top, var(--color-main) 0%, transparent 80%);
	--gradient-main-to-left:linear-gradient(to left, var(--color-main) 0%, transparent 80%);
	--gradient-main-to-bottom:linear-gradient(to bottom, var(--color-main) 0%, transparent 80%);
	--gradient-main-softer-to-right:linear-gradient(to right, var(--color-main-softer) 0%, transparent 80%);
	--gradient-main-softer-to-top:linear-gradient(to top, var(--color-main-softer) 0%, transparent 80%);
	--gradient-main-softer-to-left:linear-gradient(to left, var(--color-main-softer) 0%, transparent 80%);
	--gradient-main-softer-to-bottom:linear-gradient(to bottom, var(--color-main-softer) 0%, transparent 80%);


	--gradient-second:linear-gradient(to top, var(--color-second) 0%, var(--color-second-soft) 100%);
	--gradient-second-soft:linear-gradient(to top, var(--color-second-softer) 0%, var(--color-white) 120%);
	--gradient-second-dark:linear-gradient(to top, var(--color-second-darker) 0%, var(--color-second) 80%);
	--gradient-second-to-right:linear-gradient(to right, var(--color-second) 0%, transparent 80%);
	--gradient-second-to-top:linear-gradient(to top, var(--color-second) 0%, transparent 80%);
	--gradient-second-to-left:linear-gradient(to left, var(--color-second) 0%, transparent 80%);
	--gradient-second-to-bottom:linear-gradient(to bottom, var(--color-second) 0%, transparent 80%);


	--gradient-combinado:linear-gradient(to top, var(--color-main) 0%, var(--color-second-soft) 100%);
	--gradient-combinado-soft:linear-gradient(to top, var(--color-main-soft) -20%, var(--color-second-softer) 100%);
	--gradient-combinado-dark:linear-gradient(to top, var(--color-main-dark) 0%, var(--color-second) 120%);
	--gradient-combinado-to-right:linear-gradient(to right, var(--color-main) 0%, var(--color-second-soft) 100%);
	--gradient-combinado-to-top:linear-gradient(to top, var(--color-main) 0%, var(--color-second-soft) 100%);
	--gradient-combinado-to-left:linear-gradient(to left, var(--color-main) 0%, var(--color-second-soft) 100%);
	--gradient-combinado-to-bottom:linear-gradient(to bottom, var(--color-main) 0%, var(--color-second-soft) 100%);



	--gradient-combinado-uno:linear-gradient(to right top, var(--color-main-soft) 0%, var(--color-main-softer) 40%, var(--color-second-softer) 80%);
	--gradient-combinado-dos:linear-gradient(to right top, var(--color-main) 0%, var(--color-main-soft) 40%, var(--color-second-soft) 80%);
	--gradient-combinado-tres:linear-gradient(to right top, var(--color-main-dark) 0%, var(--color-main) 40%, var(--color-second) 80%);


	--gradient-neutro:linear-gradient(to top, var(--color-neutro) 0%, var(--color-neutro-soft) 100%);
	--gradient-neutro-soft:linear-gradient(to top, var(--color-neutro-softer) 0%, var(--color-white) 120%);
	--gradient-neutro-dark:linear-gradient(to top, var(--color-neutro-darker) 0%, var(--color-neutro) 80%);
	--gradient-neutro-to-right:linear-gradient(to right, var(--color-neutro) 0%, transparent 80%);
	--gradient-neutro-to-top:linear-gradient(to top, var(--color-neutro) 0%, transparent 80%);
	--gradient-neutro-to-left:linear-gradient(to left, var(--color-neutro) 0%, transparent 80%);
	--gradient-neutro-to-bottom:linear-gradient(to bottom, var(--color-neutro) 0%, transparent 80%);



	--gradient-white-to-right:linear-gradient(to right, var(--color-white) 0%, transparent 80%);
	--gradient-white-to-top:linear-gradient(to top, var(--color-white) 0%, transparent 80%);
	--gradient-white-to-left:linear-gradient(to left, var(--color-white) 0%, transparent 80%);
	--gradient-white-to-bottom:linear-gradient(to bottom, var(--color-white) 0%, transparent 80%);


	--gradient-black-to-right:linear-gradient(to right, var(--color-black) 0%, transparent 80%);
	--gradient-black-to-top:linear-gradient(to top, var(--color-black) 0%, transparent 80%);
	--gradient-black-to-left:linear-gradient(to left, var(--color-black) 0%, transparent 80%);
	--gradient-black-to-bottom:linear-gradient(to bottom, var(--color-black) 0%, transparent 80%);

	}

/*--------------------------------------------------- 
--- BOX SIZING   ////////////////////////////////////
---------------------------------------------------*/
* {
	box-sizing:border-box!important;
	}
	
/*--------------------------------------------------- 
--- GAP   //////////////////////////////////////////
---------------------------------------------------*/

:root {

	--gap-main:4vw;
	--gap-second:3vw;
	--gap-third:2vw;

	--gap-inside:8px;

	--gap-xlarge:clamp(10px, 2vw, 20px);
	--gap-large:clamp(8px, 2vw, 16px);
	--gap:clamp(6px, 1vw, 12px);
	--gap-medium:clamp(4px, 1vw, 8px);
	--gap-small:clamp(2px, 1vw, 4px);
	--gap-xsmall:clamp(1px, 1vw, 2px);
	
	--gap-1x:2px;
	--gap-2x:4px;
	--gap-3x:6px;
	--gap-4x:8px;
	--gap-5x:10px;
	--gap-6x:12px;
	
}


.gap-1x {
	gap:var(--gap-1x);
	}
.gap-2x {
	gap:var(--gap-2x);
	}
.gap-3x {
	gap:var(--gap-3x);
	}
.gap-4x {
	gap:var(--gap-4x);
	}
.gap-5x {
	gap:var(--gap-5x);
	}

.gap-main,
.gap-main.items-split .item-row{
	gap:var(--gap-main);
	}

.gap-second,
.gap-second.items-split .item-row {
	gap:var(--gap-second);
	}

.gap-third,
.gap-third.items-split .item-row {
	gap:var(--gap-third);
	}


.gap-inside {
	gap:var(--gap-inside);
	}


.gap-xlarge {
	gap:var(--gap-xlarge);
	}

.gap-large {
	gap:var(--gap-large);
	}

.gap {
	gap:var(--gap);
	}

.gap-medium {
	gap:var(--gap-medium);
	}

.gap-small {
	gap:var(--gap-small);
	}

.gap-sxmall {
	gap:var(--gap-xsmall);
	}

/*-------------------------------------------------- 
--- IN  ////////////////////////////////////////////
---------------------------------------------------*/

/* Full
----------------------------------------*/
.in-full,
.in-full-to-in,
.in-full-to-none{
	padding-inline: clamp(40px, 40px, 80px);
	}
.padding.in-full,
.padding.in-full-to-none {
	padding-block: clamp(40px, 40px, 80px);
	}


/* Wide
----------------------------------------*/
.in-wide,
.in-wide-to-in,
.in-wide-to-none{
	padding-inline: clamp(40px, 2vw, 2vw);
	}
.padding.in-wide,
.padding.in-wide-to-none {
	padding-block:clamp(40px, 2vw, 2vw);
	}



/* In
----------------------------------------*/
.in,
.in-to-full,
.in-to-wide,
.in-to-none{
	padding-inline: clamp(40px, 8vw, 160px);
	}
.padding.in,
.padding.in-to-full,
.padding.in-to-wide,
.padding.in-to-none {
	padding-block:clamp(40px, 8vw, 160px);
	}


/* Thin
----------------------------------------*/
.in-thin,
.in-thin-to-full,
.in-thin-to-wide,
.in-thin-to-in,
.in-thin-to-none{
	padding-inline: clamp(40px, 18vw, 320px);
	}
.padding.in-thin,
.padding.in-thin-to-full,
.padding.in-thin-to-wide,
.padding.in-thin-to-in,
.padding.in-to-none {
	padding-block:clamp(40px, 18vw, 320px);
	}


/* content-in
----------------------------------------*/
.content{
	display:flex!important;
	flex-flow:row wrap;
	justify-content:center!important;
	width:100%;
	}


.content .content-in{
	display:flex;
	flex-flow:row wrap;
	width:580px;
	}

/*                                       
------------------------------------------  1020 ---
--------------------------------------------------*/
@media only screen and (max-width:720px) {

.content .content-in{
	padding-inline:40px!important;
	width:100%;
	}

}




/*                                       
------------------------------------------  620 ---
--------------------------------------------------*/
@media only screen and (max-width:620px) {

	.in-full,
	.in-to-full,
	.in-thin-to-full,
	.in-wide,
	.in-to-wide,
	.in-thin-to-wide{
	padding-inline: clamp(20px, 4vw, 40px);
	}
	.padding.in-full,
	.padding.in-to-full,
	.padding.in-thin-to-full,
	.padding.in-wide,
	.padding.in-to-wide,
	.padding.in-thin-to-wide{
	padding-block:clamp(20px, 5vw, 40px);
	}




	.in,
	.in-full-to-in,
	.in-wide-to-in,
	.in-thin-to-in{
	padding-inline:clamp(40px, 5vw, 60px);
	}
	.padding.in,
	.padding.in-full-to-in,
	.padding.in-wide-to-in,
	.padding.in-thin-to-in{
	padding-block:clamp(40px, 5vw, 60px);
	}



	.in-thin{
	padding-inline: clamp(40px, 5vw, 60px);
	}
	.padding.in-to-thin{
	padding-block:clamp(40px, 5vw, 60px);
	}



	.in-full-to-none,
	.in-wide-to-none,
	.in-to-none,
	.in-thin-to-none{
	padding-inline: clamp(0px, 0vw, 0px);
	}
	.padding.in-full-to-none,
	.padding.in-wide-to-none,
	.padding.in-to-none,
	.padding.in-thin-to-none{
	padding-block:clamp(0px, 0vw, 0px);
	}


}