/* COUNTER
/////////////////////////////////////////////////////// */

.counters { 
	width: 100%;
    height: auto;
    padding: 0 3vw;
	position: relative;
    z-index: 9; }

.global-counter { 
	width: 100%;
    height: auto;
    margin: 15vw auto;
	position: relative; }

.fixed-counter { 
	width: 100%;
    height: auto;
	position: relative; }

.content-sticky { 
	width: 100%;
    height: auto;
    grid-template-columns: repeat(3, 1fr);
    display: grid;
    column-gap: var(--gap);
	position: relative; }

.content-sticky:last-child {
    padding-top: 8vw; }

.sticky-2 {
    margin-top: 40vh; }

.sticky-3 {
    margin-top: 80vh; }

.sticky-5 {
    margin-top: 40vh; }

.sticky-6 {
    margin-top: 80vh; }

.pin {
    width: 100%;
	height: 60vh;
    display: grid;
    align-items: center;
    border-radius: var(--border-radius); 
    background: var(--orange);
    position: relative; }

.text-pin { 
	width: 100%;
    height: auto;
	position: relative; }

.unfixed {
	width: 100%;
	height: 1px;
    grid-column: span 3;
	position: relative; }

/* CONTADORS
/////////////////////////////////////////////////////// */

.global-counter h2 {
    font-family: "Barlow Semi Condensed", sans-serif;
    font-weight: 900;
    font-size: 13vw;
    line-height: 0.813em;  
    letter-spacing: -0.0125em;
    text-align: center;
    margin-top: 0.125em;
    color: var(--orange); }

.global-counter p {
    font-family: "Inter", sans-serif;
    font-weight: 800; 
    font-size: 2vw;   
    line-height: 0.9em; 
    letter-spacing: -0.0125em;
    text-align: center;
    color: var(--orange); }

.text-pin h2,
.text-pin p {
    font-family: "Inter", sans-serif;
    font-weight: 900;
    font-size: 9vw;   
    line-height: 0.9em; 
    letter-spacing: -0.0125em;
    text-align: center;
    text-transform: uppercase; }

.text-pin h2 {
    font-family: "Barlow Semi Condensed", sans-serif;
    color: var(--white); }

.text-pin p {
    font-size: 1vw;
    color: var(--white); }

/* RELLAX
/////////////////////////////////////////////////////// */

.ballon-1 { 
	width: 14vw;
    height: auto;
    top: 120vh;
    left: 29vw; 
	position: absolute;
    z-index: 99; }

.ballon-2 { 
	width: 14vw;
    height: auto;
    top: 160vh;
    right: 29vw; 
	position: absolute;
    z-index: 99; }

.ballon-3 { 
	width: 14vw;
    height: auto;
    top: 210vh;
    left: 29vw; 
	position: absolute;
    z-index: 99; }

/* STYLE
/////////////////////////////////////////////////////// */