/* -------------
------------------------------------------------------------------------------------
Generales
----------------------------------------------------------- */
.--jcc {justify-content: center !important;}
.--jcsb {justify-content: space-between !important;}
.--aic {align-items: center !important;}
.--jcse {justify-content: space-evenly !important;}
.--ul-reset {padding: 0;margin: 0;list-style: none;}
.--border-top-0 {border-top: 0 !important;}
.--border-bottom-0 {border-bottom: 0 !important;}
    
  
/* -------------
------------------------------------------------------------------------------------
Width con FalseGap
----------------------------------------------------------- */
:root {
    --false-gap-0: 0px;
    --false-gap-1: 3px;
    --false-gap-2: 6px;
    --false-gap-3: 12px; 
    --false-gap-4: 16px;
    --false-gap-5: 20px;
}
/* XL */
@media (min-width: 1200px){
    .--w-xl-1--fg-0 {width: calc((100% / 1) - var(--false-gap-0)) !important;}
    .--w-xl-1--fg-1 {width: calc((100% / 1) - var(--false-gap-1)) !important;}
    .--w-xl-1--fg-2 {width: calc((100% / 1) - var(--false-gap-2)) !important;}
    .--w-xl-1--fg-3 {width: calc((100% / 1) - var(--false-gap-3)) !important;}
    .--w-xl-1--fg-4 {width: calc((100% / 1) - var(--false-gap-4)) !important;}
    .--w-xl-1--fg-5 {width: calc((100% / 1) - var(--false-gap-5)) !important;}
    
    .--w-xl-2--fg-0 {width: calc((100% / 2) - var(--false-gap-0)) !important;}
    .--w-xl-2--fg-1 {width: calc((100% / 2) - var(--false-gap-1)) !important;}
    .--w-xl-2--fg-2 {width: calc((100% / 2) - var(--false-gap-2)) !important;}
    .--w-xl-2--fg-3 {width: calc((100% / 2) - var(--false-gap-3)) !important;}
    .--w-xl-2--fg-4 {width: calc((100% / 2) - var(--false-gap-4)) !important;}
    .--w-xl-2--fg-5 {width: calc((100% / 2) - var(--false-gap-5)) !important;}
    
    .--w-xl-3--fg-0 {width: calc((100% / 3) - var(--false-gap-0)) !important;}
    .--w-xl-3--fg-1 {width: calc((100% / 3) - var(--false-gap-1)) !important;}
    .--w-xl-3--fg-2 {width: calc((100% / 3) - var(--false-gap-2)) !important;}
    .--w-xl-3--fg-3 {width: calc((100% / 3) - var(--false-gap-3)) !important;}
    .--w-xl-3--fg-4 {width: calc((100% / 3) - var(--false-gap-4)) !important;}
    .--w-xl-3--fg-5 {width: calc((100% / 3) - var(--false-gap-5)) !important;}
    
    .--w-xl-4--fg-0 {width: calc((100% / 4) - var(--false-gap-0)) !important;}
    .--w-xl-4--fg-1 {width: calc((100% / 4) - var(--false-gap-1)) !important;}
    .--w-xl-4--fg-2 {width: calc((100% / 4) - var(--false-gap-2)) !important;}
    .--w-xl-4--fg-3 {width: calc((100% / 4) - var(--false-gap-3)) !important;}
    .--w-xl-4--fg-4 {width: calc((100% / 4) - var(--false-gap-4)) !important;}
    .--w-xl-4--fg-5 {width: calc((100% / 4) - var(--false-gap-5)) !important;}
    
    .--w-xl-5--fg-0 {width: calc((100% / 5) - var(--false-gap-0)) !important;}
    .--w-xl-5--fg-1 {width: calc((100% / 5) - var(--false-gap-1)) !important;}
    .--w-xl-5--fg-2 {width: calc((100% / 5) - var(--false-gap-2)) !important;}
    .--w-xl-5--fg-3 {width: calc((100% / 5) - var(--false-gap-3)) !important;}
    .--w-xl-5--fg-4 {width: calc((100% / 5) - var(--false-gap-4)) !important;}
    .--w-xl-5--fg-5 {width: calc((100% / 5) - var(--false-gap-5)) !important;}
    
    .--w-xl-6--fg-0 {width: calc((100% / 6) - var(--false-gap-0)) !important;}
    .--w-xl-6--fg-1 {width: calc((100% / 6) - var(--false-gap-1)) !important;}
    .--w-xl-6--fg-2 {width: calc((100% / 6) - var(--false-gap-2)) !important;}
    .--w-xl-6--fg-3 {width: calc((100% / 6) - var(--false-gap-3)) !important;}
    .--w-xl-6--fg-4 {width: calc((100% / 6) - var(--false-gap-4)) !important;}
    .--w-xl-6--fg-5 {width: calc((100% / 6) - var(--false-gap-5)) !important;}

    .--w-xl-7--fg-0 {width: calc((100% / 7) - var(--false-gap-0)) !important;}
    .--w-xl-7--fg-1 {width: calc((100% / 7) - var(--false-gap-1)) !important;}
    .--w-xl-7--fg-2 {width: calc((100% / 7) - var(--false-gap-2)) !important;}
    .--w-xl-7--fg-3 {width: calc((100% / 7) - var(--false-gap-3)) !important;}
    .--w-xl-7--fg-4 {width: calc((100% / 7) - var(--false-gap-4)) !important;}
    .--w-xl-7--fg-5 {width: calc((100% / 7) - var(--false-gap-5)) !important;}

    .--w-xl-8--fg-0 {width: calc((100% / 8) - var(--false-gap-0)) !important;}
    .--w-xl-8--fg-1 {width: calc((100% / 8) - var(--false-gap-1)) !important;}
    .--w-xl-8--fg-2 {width: calc((100% / 8) - var(--false-gap-2)) !important;}
    .--w-xl-8--fg-3 {width: calc((100% / 8) - var(--false-gap-3)) !important;}
    .--w-xl-8--fg-4 {width: calc((100% / 8) - var(--false-gap-4)) !important;}
    .--w-xl-8--fg-5 {width: calc((100% / 8) - var(--false-gap-5)) !important;}
}
/* LG */
@media (min-width: 992px) and (max-width: 1200px){
    .--w-lg-1--fg-0 {width: calc((100% / 1) - var(--false-gap-0)) !important;}
    .--w-lg-1--fg-1 {width: calc((100% / 1) - var(--false-gap-1)) !important;}
    .--w-lg-1--fg-2 {width: calc((100% / 1) - var(--false-gap-2)) !important;}
    .--w-lg-1--fg-3 {width: calc((100% / 1) - var(--false-gap-3)) !important;}
    .--w-lg-1--fg-4 {width: calc((100% / 1) - var(--false-gap-4)) !important;}
    .--w-lg-1--fg-5 {width: calc((100% / 1) - var(--false-gap-5)) !important;}

    .--w-lg-2--fg-0 {width: calc((100% / 2) - var(--false-gap-0)) !important;}
    .--w-lg-2--fg-1 {width: calc((100% / 2) - var(--false-gap-1)) !important;}
    .--w-lg-2--fg-2 {width: calc((100% / 2) - var(--false-gap-2)) !important;}
    .--w-lg-2--fg-3 {width: calc((100% / 2) - var(--false-gap-3)) !important;}
    .--w-lg-2--fg-4 {width: calc((100% / 2) - var(--false-gap-4)) !important;}
    .--w-lg-2--fg-5 {width: calc((100% / 2) - var(--false-gap-5)) !important;}

    .--w-lg-3--fg-0 {width: calc((100% / 3) - var(--false-gap-0)) !important;}
    .--w-lg-3--fg-1 {width: calc((100% / 3) - var(--false-gap-1)) !important;}
    .--w-lg-3--fg-2 {width: calc((100% / 3) - var(--false-gap-2)) !important;}
    .--w-lg-3--fg-3 {width: calc((100% / 3) - var(--false-gap-3)) !important;}
    .--w-lg-3--fg-4 {width: calc((100% / 3) - var(--false-gap-4)) !important;}
    .--w-lg-3--fg-5 {width: calc((100% / 3) - var(--false-gap-5)) !important;}

    .--w-lg-4--fg-0 {width: calc((100% / 4) - var(--false-gap-0)) !important;}
    .--w-lg-4--fg-1 {width: calc((100% / 4) - var(--false-gap-1)) !important;}
    .--w-lg-4--fg-2 {width: calc((100% / 4) - var(--false-gap-2)) !important;}
    .--w-lg-4--fg-3 {width: calc((100% / 4) - var(--false-gap-3)) !important;}
    .--w-lg-4--fg-4 {width: calc((100% / 4) - var(--false-gap-4)) !important;}
    .--w-lg-4--fg-5 {width: calc((100% / 4) - var(--false-gap-5)) !important;}

    .--w-lg-5--fg-0 {width: calc((100% / 5) - var(--false-gap-0)) !important;}
    .--w-lg-5--fg-1 {width: calc((100% / 5) - var(--false-gap-1)) !important;}
    .--w-lg-5--fg-2 {width: calc((100% / 5) - var(--false-gap-2)) !important;}
    .--w-lg-5--fg-3 {width: calc((100% / 5) - var(--false-gap-3)) !important;}
    .--w-lg-5--fg-4 {width: calc((100% / 5) - var(--false-gap-4)) !important;}
    .--w-lg-5--fg-5 {width: calc((100% / 5) - var(--false-gap-5)) !important;}

    .--w-lg-6--fg-0 {width: calc((100% / 6) - var(--false-gap-0)) !important;}
    .--w-lg-6--fg-1 {width: calc((100% / 6) - var(--false-gap-1)) !important;}
    .--w-lg-6--fg-2 {width: calc((100% / 6) - var(--false-gap-2)) !important;}
    .--w-lg-6--fg-3 {width: calc((100% / 6) - var(--false-gap-3)) !important;}
    .--w-lg-6--fg-4 {width: calc((100% / 6) - var(--false-gap-4)) !important;}
    .--w-lg-6--fg-5 {width: calc((100% / 6) - var(--false-gap-5)) !important;}

    .--w-lg-7--fg-0 {width: calc((100% / 7) - var(--false-gap-0)) !important;}
    .--w-lg-7--fg-1 {width: calc((100% / 7) - var(--false-gap-1)) !important;}
    .--w-lg-7--fg-2 {width: calc((100% / 7) - var(--false-gap-2)) !important;}
    .--w-lg-7--fg-3 {width: calc((100% / 7) - var(--false-gap-3)) !important;}
    .--w-lg-7--fg-4 {width: calc((100% / 7) - var(--false-gap-4)) !important;}
    .--w-lg-7--fg-5 {width: calc((100% / 7) - var(--false-gap-5)) !important;}

    .--w-lg-8--fg-0 {width: calc((100% / 8) - var(--false-gap-0)) !important;}
    .--w-lg-8--fg-1 {width: calc((100% / 8) - var(--false-gap-1)) !important;}
    .--w-lg-8--fg-2 {width: calc((100% / 8) - var(--false-gap-2)) !important;}
    .--w-lg-8--fg-3 {width: calc((100% / 8) - var(--false-gap-3)) !important;}
    .--w-lg-8--fg-4 {width: calc((100% / 8) - var(--false-gap-4)) !important;}
    .--w-lg-8--fg-5 {width: calc((100% / 8) - var(--false-gap-5)) !important;}
}
/* MD */
@media (min-width: 768px) and (max-width: 992px){
    .--w-md-1--fg-0 {width: calc((100% / 1) - var(--false-gap-0)) !important;}
    .--w-md-1--fg-1 {width: calc((100% / 1) - var(--false-gap-1)) !important;}
    .--w-md-1--fg-2 {width: calc((100% / 1) - var(--false-gap-2)) !important;}
    .--w-md-1--fg-3 {width: calc((100% / 1) - var(--false-gap-3)) !important;}
    .--w-md-1--fg-4 {width: calc((100% / 1) - var(--false-gap-4)) !important;}
    .--w-md-1--fg-5 {width: calc((100% / 1) - var(--false-gap-5)) !important;}

    .--w-md-2--fg-0 {width: calc((100% / 2) - var(--false-gap-0)) !important;}
    .--w-md-2--fg-1 {width: calc((100% / 2) - var(--false-gap-1)) !important;}
    .--w-md-2--fg-2 {width: calc((100% / 2) - var(--false-gap-2)) !important;}
    .--w-md-2--fg-3 {width: calc((100% / 2) - var(--false-gap-3)) !important;}
    .--w-md-2--fg-4 {width: calc((100% / 2) - var(--false-gap-4)) !important;}
    .--w-md-2--fg-5 {width: calc((100% / 2) - var(--false-gap-5)) !important;}

    .--w-md-3--fg-0 {width: calc((100% / 3) - var(--false-gap-0)) !important;}
    .--w-md-3--fg-1 {width: calc((100% / 3) - var(--false-gap-1)) !important;}
    .--w-md-3--fg-2 {width: calc((100% / 3) - var(--false-gap-2)) !important;}
    .--w-md-3--fg-3 {width: calc((100% / 3) - var(--false-gap-3)) !important;}
    .--w-md-3--fg-4 {width: calc((100% / 3) - var(--false-gap-4)) !important;}
    .--w-md-3--fg-5 {width: calc((100% / 3) - var(--false-gap-5)) !important;}

    .--w-md-4--fg-0 {width: calc((100% / 4) - var(--false-gap-0)) !important;}
    .--w-md-4--fg-1 {width: calc((100% / 4) - var(--false-gap-1)) !important;}
    .--w-md-4--fg-2 {width: calc((100% / 4) - var(--false-gap-2)) !important;}
    .--w-md-4--fg-3 {width: calc((100% / 4) - var(--false-gap-3)) !important;}
    .--w-md-4--fg-4 {width: calc((100% / 4) - var(--false-gap-4)) !important;}
    .--w-md-4--fg-5 {width: calc((100% / 4) - var(--false-gap-5)) !important;}

    .--w-md-5--fg-0 {width: calc((100% / 5) - var(--false-gap-0)) !important;}
    .--w-md-5--fg-1 {width: calc((100% / 5) - var(--false-gap-1)) !important;}
    .--w-md-5--fg-2 {width: calc((100% / 5) - var(--false-gap-2)) !important;}
    .--w-md-5--fg-3 {width: calc((100% / 5) - var(--false-gap-3)) !important;}
    .--w-md-5--fg-4 {width: calc((100% / 5) - var(--false-gap-4)) !important;}
    .--w-md-5--fg-5 {width: calc((100% / 5) - var(--false-gap-5)) !important;}

    .--w-md-6--fg-0 {width: calc((100% / 6) - var(--false-gap-0)) !important;}
    .--w-md-6--fg-1 {width: calc((100% / 6) - var(--false-gap-1)) !important;}
    .--w-md-6--fg-2 {width: calc((100% / 6) - var(--false-gap-2)) !important;}
    .--w-md-6--fg-3 {width: calc((100% / 6) - var(--false-gap-3)) !important;}
    .--w-md-6--fg-4 {width: calc((100% / 6) - var(--false-gap-4)) !important;}
    .--w-md-6--fg-5 {width: calc((100% / 6) - var(--false-gap-5)) !important;}

    .--w-md-7--fg-0 {width: calc((100% / 7) - var(--false-gap-0)) !important;}
    .--w-md-7--fg-1 {width: calc((100% / 7) - var(--false-gap-1)) !important;}
    .--w-md-7--fg-2 {width: calc((100% / 7) - var(--false-gap-2)) !important;}
    .--w-md-7--fg-3 {width: calc((100% / 7) - var(--false-gap-3)) !important;}
    .--w-md-7--fg-4 {width: calc((100% / 7) - var(--false-gap-4)) !important;}
    .--w-md-7--fg-5 {width: calc((100% / 7) - var(--false-gap-5)) !important;}

    .--w-md-8--fg-0 {width: calc((100% / 8) - var(--false-gap-0)) !important;}
    .--w-md-8--fg-1 {width: calc((100% / 8) - var(--false-gap-1)) !important;}
    .--w-md-8--fg-2 {width: calc((100% / 8) - var(--false-gap-2)) !important;}
    .--w-md-8--fg-3 {width: calc((100% / 8) - var(--false-gap-3)) !important;}
    .--w-md-8--fg-4 {width: calc((100% / 8) - var(--false-gap-4)) !important;}
    .--w-md-8--fg-5 {width: calc((100% / 8) - var(--false-gap-5)) !important;}
}
/* SM */
@media (min-width: 576px) and (max-width: 768px){
    .--w-sm-1--fg-0 {width: calc((100% / 1) - var(--false-gap-0)) !important;}
    .--w-sm-1--fg-1 {width: calc((100% / 1) - var(--false-gap-1)) !important;}
    .--w-sm-1--fg-2 {width: calc((100% / 1) - var(--false-gap-2)) !important;}
    .--w-sm-1--fg-3 {width: calc((100% / 1) - var(--false-gap-3)) !important;}
    .--w-sm-1--fg-4 {width: calc((100% / 1) - var(--false-gap-4)) !important;}
    .--w-sm-1--fg-5 {width: calc((100% / 1) - var(--false-gap-5)) !important;}

    .--w-sm-2--fg-0 {width: calc((100% / 2) - var(--false-gap-0)) !important;}
    .--w-sm-2--fg-1 {width: calc((100% / 2) - var(--false-gap-1)) !important;}
    .--w-sm-2--fg-2 {width: calc((100% / 2) - var(--false-gap-2)) !important;}
    .--w-sm-2--fg-3 {width: calc((100% / 2) - var(--false-gap-3)) !important;}
    .--w-sm-2--fg-4 {width: calc((100% / 2) - var(--false-gap-4)) !important;}
    .--w-sm-2--fg-5 {width: calc((100% / 2) - var(--false-gap-5)) !important;}

    .--w-sm-3--fg-0 {width: calc((100% / 3) - var(--false-gap-0)) !important;}
    .--w-sm-3--fg-1 {width: calc((100% / 3) - var(--false-gap-1)) !important;}
    .--w-sm-3--fg-2 {width: calc((100% / 3) - var(--false-gap-2)) !important;}
    .--w-sm-3--fg-3 {width: calc((100% / 3) - var(--false-gap-3)) !important;}
    .--w-sm-3--fg-4 {width: calc((100% / 3) - var(--false-gap-4)) !important;}
    .--w-sm-3--fg-5 {width: calc((100% / 3) - var(--false-gap-5)) !important;}

    .--w-sm-4--fg-0 {width: calc((100% / 4) - var(--false-gap-0)) !important;}
    .--w-sm-4--fg-1 {width: calc((100% / 4) - var(--false-gap-1)) !important;}
    .--w-sm-4--fg-2 {width: calc((100% / 4) - var(--false-gap-2)) !important;}
    .--w-sm-4--fg-3 {width: calc((100% / 4) - var(--false-gap-3)) !important;}
    .--w-sm-4--fg-4 {width: calc((100% / 4) - var(--false-gap-4)) !important;}
    .--w-sm-4--fg-5 {width: calc((100% / 4) - var(--false-gap-5)) !important;}

    .--w-sm-5--fg-0 {width: calc((100% / 5) - var(--false-gap-0)) !important;}
    .--w-sm-5--fg-1 {width: calc((100% / 5) - var(--false-gap-1)) !important;}
    .--w-sm-5--fg-2 {width: calc((100% / 5) - var(--false-gap-2)) !important;}
    .--w-sm-5--fg-3 {width: calc((100% / 5) - var(--false-gap-3)) !important;}
    .--w-sm-5--fg-4 {width: calc((100% / 5) - var(--false-gap-4)) !important;}
    .--w-sm-5--fg-5 {width: calc((100% / 5) - var(--false-gap-5)) !important;}

    .--w-sm-6--fg-0 {width: calc((100% / 6) - var(--false-gap-0)) !important;}
    .--w-sm-6--fg-1 {width: calc((100% / 6) - var(--false-gap-1)) !important;}
    .--w-sm-6--fg-2 {width: calc((100% / 6) - var(--false-gap-2)) !important;}
    .--w-sm-6--fg-3 {width: calc((100% / 6) - var(--false-gap-3)) !important;}
    .--w-sm-6--fg-4 {width: calc((100% / 6) - var(--false-gap-4)) !important;}
    .--w-sm-6--fg-5 {width: calc((100% / 6) - var(--false-gap-5)) !important;}

    .--w-sm-7--fg-0 {width: calc((100% / 7) - var(--false-gap-0)) !important;}
    .--w-sm-7--fg-1 {width: calc((100% / 7) - var(--false-gap-1)) !important;}
    .--w-sm-7--fg-2 {width: calc((100% / 7) - var(--false-gap-2)) !important;}
    .--w-sm-7--fg-3 {width: calc((100% / 7) - var(--false-gap-3)) !important;}
    .--w-sm-7--fg-4 {width: calc((100% / 7) - var(--false-gap-4)) !important;}
    .--w-sm-7--fg-5 {width: calc((100% / 7) - var(--false-gap-5)) !important;}

    .--w-sm-8--fg-0 {width: calc((100% / 8) - var(--false-gap-0)) !important;}
    .--w-sm-8--fg-1 {width: calc((100% / 8) - var(--false-gap-1)) !important;}
    .--w-sm-8--fg-2 {width: calc((100% / 8) - var(--false-gap-2)) !important;}
    .--w-sm-8--fg-3 {width: calc((100% / 8) - var(--false-gap-3)) !important;}
    .--w-sm-8--fg-4 {width: calc((100% / 8) - var(--false-gap-4)) !important;}
    .--w-sm-8--fg-5 {width: calc((100% / 8) - var(--false-gap-5)) !important;}
}
/* XS */
@media (min-width: 0px) and (max-width: 576px){
    .--w-xs-1--fg-0 {width: calc((100% / 1) - var(--false-gap-0)) !important;}
    .--w-xs-1--fg-1 {width: calc((100% / 1) - var(--false-gap-1)) !important;}
    .--w-xs-1--fg-2 {width: calc((100% / 1) - var(--false-gap-2)) !important;}
    .--w-xs-1--fg-3 {width: calc((100% / 1) - var(--false-gap-3)) !important;}
    .--w-xs-1--fg-4 {width: calc((100% / 1) - var(--false-gap-4)) !important;}
    .--w-xs-1--fg-5 {width: calc((100% / 1) - var(--false-gap-5)) !important;}

    .--w-xs-2--fg-0 {width: calc((100% / 2) - var(--false-gap-0)) !important;}
    .--w-xs-2--fg-1 {width: calc((100% / 2) - var(--false-gap-1)) !important;}
    .--w-xs-2--fg-2 {width: calc((100% / 2) - var(--false-gap-2)) !important;}
    .--w-xs-2--fg-3 {width: calc((100% / 2) - var(--false-gap-3)) !important;}
    .--w-xs-2--fg-4 {width: calc((100% / 2) - var(--false-gap-4)) !important;}
    .--w-xs-2--fg-5 {width: calc((100% / 2) - var(--false-gap-5)) !important;}

    .--w-xs-3--fg-0 {width: calc((100% / 3) - var(--false-gap-0)) !important;}
    .--w-xs-3--fg-1 {width: calc((100% / 3) - var(--false-gap-1)) !important;}
    .--w-xs-3--fg-2 {width: calc((100% / 3) - var(--false-gap-2)) !important;}
    .--w-xs-3--fg-3 {width: calc((100% / 3) - var(--false-gap-3)) !important;}
    .--w-xs-3--fg-4 {width: calc((100% / 3) - var(--false-gap-4)) !important;}
    .--w-xs-3--fg-5 {width: calc((100% / 3) - var(--false-gap-5)) !important;}

    .--w-xs-4--fg-0 {width: calc((100% / 4) - var(--false-gap-0)) !important;}
    .--w-xs-4--fg-1 {width: calc((100% / 4) - var(--false-gap-1)) !important;}
    .--w-xs-4--fg-2 {width: calc((100% / 4) - var(--false-gap-2)) !important;}
    .--w-xs-4--fg-3 {width: calc((100% / 4) - var(--false-gap-3)) !important;}
    .--w-xs-4--fg-4 {width: calc((100% / 4) - var(--false-gap-4)) !important;}
    .--w-xs-4--fg-5 {width: calc((100% / 4) - var(--false-gap-5)) !important;}

    .--w-xs-5--fg-0 {width: calc((100% / 5) - var(--false-gap-0)) !important;}
    .--w-xs-5--fg-1 {width: calc((100% / 5) - var(--false-gap-1)) !important;}
    .--w-xs-5--fg-2 {width: calc((100% / 5) - var(--false-gap-2)) !important;}
    .--w-xs-5--fg-3 {width: calc((100% / 5) - var(--false-gap-3)) !important;}
    .--w-xs-5--fg-4 {width: calc((100% / 5) - var(--false-gap-4)) !important;}
    .--w-xs-5--fg-5 {width: calc((100% / 5) - var(--false-gap-5)) !important;}

    .--w-xs-6--fg-0 {width: calc((100% / 6) - var(--false-gap-0)) !important;}
    .--w-xs-6--fg-1 {width: calc((100% / 6) - var(--false-gap-1)) !important;}
    .--w-xs-6--fg-2 {width: calc((100% / 6) - var(--false-gap-2)) !important;}
    .--w-xs-6--fg-3 {width: calc((100% / 6) - var(--false-gap-3)) !important;}
    .--w-xs-6--fg-4 {width: calc((100% / 6) - var(--false-gap-4)) !important;}
    .--w-xs-6--fg-5 {width: calc((100% / 6) - var(--false-gap-5)) !important;}

    .--w-xs-7--fg-0 {width: calc((100% / 7) - var(--false-gap-0)) !important;}
    .--w-xs-7--fg-1 {width: calc((100% / 7) - var(--false-gap-1)) !important;}
    .--w-xs-7--fg-2 {width: calc((100% / 7) - var(--false-gap-2)) !important;}
    .--w-xs-7--fg-3 {width: calc((100% / 7) - var(--false-gap-3)) !important;}
    .--w-xs-7--fg-4 {width: calc((100% / 7) - var(--false-gap-4)) !important;}
    .--w-xs-7--fg-5 {width: calc((100% / 7) - var(--false-gap-5)) !important;}

    .--w-xs-8--fg-0 {width: calc((100% / 8) - var(--false-gap-0)) !important;}
    .--w-xs-8--fg-1 {width: calc((100% / 8) - var(--false-gap-1)) !important;}
    .--w-xs-8--fg-2 {width: calc((100% / 8) - var(--false-gap-2)) !important;}
    .--w-xs-8--fg-3 {width: calc((100% / 8) - var(--false-gap-3)) !important;}
    .--w-xs-8--fg-4 {width: calc((100% / 8) - var(--false-gap-4)) !important;}
    .--w-xs-8--fg-5 {width: calc((100% / 8) - var(--false-gap-5)) !important;}
}








/* -------------
------------------------------------------------------------------------------------
Mismas Propiedades (same properties)
----------------------------------------------------------- */
.--anamprop-001 {
    text-align: center;margin-bottom: 0;
}
.--anamprop-002 {
    text-align: center;text-transform: uppercase;margin-bottom: 0;
    font-weight: 600;color: #1b1b1b;
}
.--anamprop-003 {
    text-align: center;color: #999;font-weight: 500;
}
.--anamprop-003-b {
    color: #000;font-weight: 700;
}
.--anamprop-004 {
    text-align: center;color: #000;
}
.--anamprop-005 {
    text-align: center;padding: 18px 0;border-radius: 6px;
    width: auto;display: block;line-height: 1;font-weight: 600;margin-bottom: 6px;
    border: 1px solid #0c0c0c;
}
.--anamprop-005.--anamprop-contact-us {
    cursor: pointer;background: #0c0c0c;color: #fbfbfb;
}
.--anamprop-006 {
    color: #000;text-align: center;
}
.--anamprop-007 {
    color: #1b1b1b;text-align: center;
}
.--anamprop-008 {
    color: #000;text-align: center;
}
.--anamprop-input-form {
    padding: 12px 12px;background: #f7f7f7;border: 0;margin-bottom: 12px;
}
.--anamprop-input-form:focus {
    color: #2f2f33;
}
.--anamprop-input-form::placeholder {
    color: rgba(134, 134, 134, 0.75);opacity: 1;
}
.--anamprop-009 {
    font-size: 18px;text-align: center;padding: 16px 0;border-radius: 6px;width: 100%;display: block;line-height: 1;font-weight: 600;margin-bottom: 6px;
    border: 1px solid #0c0c0c;background: #0c0c0c;color: #fbfbfb;cursor: pointer;
}

/* XL */
@media (min-width: 1200px){
    .--anamprop-001 {font-size: 86px;}
    .--anamprop-002 {font-size: 16px;}
    .--anamprop-003 {font-size: 48px;}
    .--anamprop-004, .--anamprop-006, .--anamprop-008 {font-size: 48px;}
    .--anamprop-005 {font-size: 20px;}
    .--anamprop-007 {font-size: 20px;}
    .--anamprop-input-form {font-size: 18px;}
}
/* LG */
@media (min-width: 992px) and (max-width: 1200px){
    .--anamprop-001 {font-size: 69px;}
    .--anamprop-002 {font-size: 15px;}
    .--anamprop-003 {font-size: 40px;}
    .--anamprop-004, .--anamprop-006, .--anamprop-008 {font-size: 44px;}
    .--anamprop-005 {font-size: 20px;}
    .--anamprop-input-form {font-size: 18px;}
}
/* MD */
@media (min-width: 768px) and (max-width: 992px){
    .--anamprop-001 {font-size: 56px;}
    .--anamprop-002 {font-size: 14px;}
    .--anamprop-003 {font-size: 36px;}
    .--anamprop-004, .--anamprop-006, .--anamprop-008 {font-size: 40px;}
    .--anamprop-005 {font-size: 18px;}
    .--anamprop-input-form {font-size: 14px;}
}
/* SM */
@media (min-width: 576px) and (max-width: 768px){
    .--anamprop-001 {font-size: 44px;}
    .--anamprop-002 {font-size: 13px;}
    .--anamprop-003 {font-size: 26px;}
    .--anamprop-004, .--anamprop-006, .--anamprop-008 {font-size: 34px;}
    .--anamprop-005 {font-size: 18px;}
    .--anamprop-input-form {font-size: 14px;}
}
/* XS */
@media (min-width: 0px) and (max-width: 576px){
    .--anamprop-001 {font-size: 34px;}
    .--anamprop-002 {font-size: 12px;}
    .--anamprop-003 {font-size: 26px;}
    .--anamprop-004, .--anamprop-006, .--anamprop-008 {font-size: 34px;}
    .--anamprop-005 {font-size: 18px;}
    .--anamprop-input-form {font-size: 14px;}
    .--anamprop-009 {font-size: 18px;}
}






.--tnprop-002 {font-weight: 700;}



/* XL */
@media (min-width: 1200px){
    .--tnprop-001 {font-size: 44px;}
    .--tnprop-002 {font-size: 28px;}
    .--tnprop-h2 {font-size: calc(var(--text-size-checkpoint) * 0.85);}
}
/* LG */
@media (min-width: 992px) and (max-width: 1200px){
    .--tnprop-001 {font-size: 44px;}
    .--tnprop-h2 {font-size: calc(var(--text-size-checkpoint) * 0.8);}
}
/* MD */
@media (min-width: 768px) and (max-width: 992px){
    .--tnprop-001 {font-size: 36px;}
    .--tnprop-h2 {font-size: calc(var(--text-size-checkpoint) * 0.75);}
}
/* SM */
@media (min-width: 576px) and (max-width: 768px){
    .--tnprop-001 {font-size: 28px;}
    .--tnprop-h2 {font-size: calc(var(--text-size-checkpoint) * 0.7);}
}
/* XS */
@media (min-width: 0px) and (max-width: 576px){
    .--tnprop-001 {font-size: 28px;}
    .--tnprop-h2 {font-size: calc(var(--text-size-checkpoint) * 0.65);}
}








/* -------------
------------------------------------------------------------------------------------
MEDIAS QUERIES
----------------------------------------------------------- */
/* XL */
@media (min-width: 1200px){

}
/* LG */
@media (min-width: 992px) and (max-width: 1200px){

}
/* MD */
@media (min-width: 768px) and (max-width: 992px){

}
/* SM */
@media (min-width: 576px) and (max-width: 768px){

}
/* XS */
@media (min-width: 0px) and (max-width: 576px){

}





/* -------------
------------------------------------------------------------------------------------
OverWrite
----------------------------------------------------------- */
.--header.--full {
    background: #2d3f80;
}
.--header-desktop .--c1 {
    background: transparent;border: transparent;
}
.--overlay-bg::before {
    border-radius: 0;background: linear-gradient(180deg, rgb(44, 61, 129) 0%, rgb(47, 66, 127) 28%, rgba(49, 130, 255, 0.74) 100%);
}
.--overlay-bg-2::before {
    content: '';position: absolute;top: 0;left: 0px;right: 0px;bottom: 0;pointer-events: none;border-radius: 0;
    background: linear-gradient(180deg, rgba(2, 4, 13, 0.44) 0%, rgba(6, 15, 44, 0.52) 28%, rgba(4, 24, 55, 0.39) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.76) 0%, rgba(0, 0, 0, 0.73) 28%, rgba(0, 0, 0, 0.69) 100%);
}
.--max-width-page {
    max-width: 1200px;
}
.--header-mobile {
    background: #2c3d81;
    border-bottom: 1px solid #2c3d81;
}
.--btn-light {
    background: #fff;
    border: 1px solid #fff;
    color: #17181a;
    border-radius: 4px;
}
.--btn-light:hover {
    background: #fff;
    border: 1px solid #fff;
    color: #17181a;
}
























/* ////////////////////////////////////////////// */
.--overlay-bg::before {
    border-radius: 0;
    background: linear-gradient(180deg, rgb(17, 17, 17) 0%, rgba(24, 24, 26, 0.58) 28%, rgba(19, 19, 19, 0.51) 100%);
    background: linear-gradient(180deg, rgba(17, 17, 17, 0.68) 0%, rgba(24, 24, 26, 0.58) 28%, rgba(19, 19, 19, 0.51) 100%);
}
.--header.--full {
    background: transparent;
}
.--header-desktop .--c1 .--i2 {
    margin-left: auto;
}
.--header-desktop .--c1 .--i3 {
    margin-left: 0;
}


.--items-001 {
    display: flex;justify-content: center;align-items: center;
    height: 100%;
}
.--items-001 .--item {
    width: calc(100% / 3);
    height: 100%;
    position: relative;
}
.--items-001 .--item:hover .--div-img img {
    transition: all 0.35s ease;transform: scale(1.03);
}
.--items-001 .--item .--div-img {
    height: 100%;overflow: hidden;
}
.--items-001 .--item .--div-img img {
    max-width: 100%;object-fit: cover;
    height: 100%;
    filter: brightness( 53% ) contrast( 109% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );
    transition: all 0.35s ease;transform: scale(1.0);
}
.--items-001 .--item .--textos {
    position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;
}
.--items-001 .--item .--textos .--texto-1 {
    font-family: 'Inter', sans-serif;font-size: 100px;text-align: center;line-height: 1;font-weight: 500;
    color: #fff;
}
.--items-001 .--item .--textos .--texto-2 {
    font-family: 'Inter', sans-serif;font-size: 26px;text-align: center;line-height: 1.2;font-weight: 500;max-width: 200px;letter-spacing: 4px;margin-top: 10px;
    color: #fff;
}

.--items-002 .--item {
    height: 100%;position: relative;
}
.--items-002 .--item:hover .--div-img img {
    transition: all 0.35s ease;transform: scale(1.03);
    filter: brightness(100%) contrast(109%) saturate(100%) blur(0px) hue-rotate(0deg);
}
.--items-002 .--item .--div-img {
    height: 380px;
    overflow: hidden;
}
.--items-002 .--item .--div-img img {
    max-width: 100%;object-fit: cover;height: 100%;
    filter: brightness(100%) contrast(109%) saturate(100%) blur(0px) hue-rotate(0deg);
    filter: brightness(100%) contrast(100%) saturate(100%) blur(1px) hue-rotate(0deg);
    transition: all 0.35s ease;
    transform: scale(1.0);
}
.--items-002 .--item:hover .--div-img img {
    transition: all 0.35s ease;
    transform: scale(1.03);
}
.--items-002 .--item .--textos {
    position: absolute;top: 0;right: 0;bottom: 0;left: 0;
    display: flex;align-items: center;justify-content: center;flex-wrap: wrap;
}
.--items-002 .--item .--textos .--texto-1 {
    font-family: "Inter", sans-serif;color: #fff;background: #151517;font-size: 32px;font-weight: 500;padding: 10px 20px;line-height: 1;border-radius: 3px;
}



@media (min-width: 575.9px) {
    h1 {
      font-size: 3.4rem;
    }
}


























.--header-mobile {
    background: #0c0812;border-bottom: 1px solid #0c0812;
}



.--header-desktop .--c1 .--i2 .--g1 .--e1 .--item-click {
    color: #232426;/*color: #f8f8f8;*/
}

#--hero .--h1 {
    color: #fff;
}
#--hero .--h1-subtext {
    color: #d5ddfb;
}
#--hero img {
    object-fit: cover;border-radius: 5px;
}

#--page-item-002 {
    background: rgb(13, 10, 34);background: rgb(7, 15, 16);
    border-top: 1px dashed #fed925;
}
#--page-item-002 .--text {
    color: #eff2ff;font-size: 18px;display: block;margin: auto;margin-bottom: 12px;
}
#--page-item-002 .--svg-arrow-down {
    height: 11px;fill: #fed925;
}
#--page-item-002 .--vertical-line {
    content: '';
    display: block;
    width: 2px;
    height: 100px;
    margin: 20px auto 20px;
    background: #eff2ff;;
}

#--page-item-003 {
    position: relative;
    background: rgb(13, 10, 34);background: rgb(7, 15, 16);
}
#--page-item-003 .--items {
    display: flex;flex-wrap: wrap;justify-content: space-between;
}
#--page-item-003 .--items .--item {
    width: calc(33.3333% - 10px);
    background: #fbfcff;border-radius: 5px;padding: 12px;
    background: #10121a;border: 1px dashed #fed925;
}
#--page-item-003 .--items .--item .--div-img {
    overflow: hidden;border-radius: 5px;
}
#--page-item-003 .--items .--item .--div-img img {
    width: 100%;
    height: 150px;object-fit: cover;object-position: center;
}
#--page-item-003 .--items .--item .--textos {
    margin-top: 20px;
}
#--page-item-003 .--items .--item .--textos .--texto-1 {
    font-size: 19px;font-weight: 700;
    color: #262628;color: #f0f0f4;
}
#--page-item-003 .--items .--item .--textos .--texto-2 {
    margin-top: 6px;margin-bottom: 20px;line-height: 1.35;
    color: #f0f0f4;
}

#--page-item-004 {
    position: relative;
    background: #23222a;background: #17161c;
    border-top: 1px dashed #43444c;
}
#--page-item-004 h2 {
    font-size: 40px;text-transform: uppercase;margin-bottom: 32px;color: #fff;
}
#--page-item-004 .--p1 {
    font-size: 21px;color: #fff;
    font-weight: 300;
}
#--page-item-004 img {
    object-fit: cover;border-radius: 5px;
}

#--page-item-005 {
    background: #070f10;
}
#--page-item-005 .--text {
    font-size: 18px;display: block;margin: auto;margin-bottom: 12px;
    font-weight: 600;text-transform: uppercase;
    color: #eff2ff;
    color: #23222a;
    color: #f4f4f4;
}
#--page-item-005 .--vertical-line {
    content: '';
    display: block;
    width: 2px;
    height: 100px;
    margin: 20px auto 20px;
    background: #23222a;
    background: #eff2ff;
}
#--page-item-005 h2 {
    color: #f4f4f4;
}
#--page-item-005 .--p1 {
    color: #f4f4f4;
}


#--page-item-006 {
    position: relative;background: #070f10;
}
#--page-item-006 .--items {
    display: flex;flex-wrap: wrap;justify-content: space-between;
}
#--page-item-006 .--items .--item {
    width: calc(25% - 10px);margin-bottom: 16px;
    position: relative;border-radius: 5px;padding: 12px;overflow: hidden;
    background: #fbfcff;
    width: calc(33.333% - 10px);
}
#--page-item-006 .--items .--item .--div-img {
    overflow: hidden;border-radius: 5px;
}
#--page-item-006 .--items .--item .--div-img img {
    width: 100%;
    height: 150px;object-fit: cover;object-position: center;
}
#--page-item-006 .--items .--item .--textos {
    margin-top: 20px;
}
#--page-item-006 .--items .--item .--textos .--texto-1 {
    font-size: 19px;color: #262628;font-weight: 700;
}
#--page-item-006 .--items .--item .--textos .--texto-2 {
    margin-top: 6px;margin-bottom: 20px;line-height: 1.35;
}
#--page-item-006 .--cemento::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 1;
    background: linear-gradient(180deg, rgba(14, 14, 15, 0.2) 0%, rgba(14, 14, 15, 0.58) 70%, rgba(14, 14, 15, 0.51) 100%);
}
#--page-item-006 .--cemento::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 2;
    background-image: url(https://lyrafony.com/assets_ly/texture-01.avif);
    background-size: cover;
    background-position: center center;
    opacity: 0.8;
    filter: invert(0);
}
#--page-item-006 .--cemento .--all {
    z-index: 100;position: relative;height: 100%;
}
#--page-item-006 .--cemento .--all .--div-btn {
    position: absolute;bottom: 0;width: 100%;height: 38.5px;
}
#--page-item-006 .--cemento .--all .--div-btn a {
    font-family: 'Inter', sans-serif;display: flex;align-items: center;justify-content: space-between;
    padding: 8px 10px;font-size: 15px;font-weight: 600;border-radius: 4px;
    background: #16253c;color: #fff;
}


#--page-item-007 {
    background: #070f10;background: #fefefe;
}
#--page-item-007 .--text {
    font-size: 18px;display: block;margin: auto;margin-bottom: 12px;
    font-weight: 600;text-transform: uppercase;
    color: #eff2ff;
    color: #f4f4f4;
    color: #23222a;
}
#--page-item-007 .--vertical-line {
    content: '';
    display: block;
    width: 2px;
    height: 100px;
    margin: 20px auto 20px;
    background: #23222a;
    background: #eff2ff;
}
#--page-item-007 h2 {
    color: #f4f4f4;color: #23222a;
}
#--page-item-007 .--p1 {
    color: #f4f4f4;
}
#--page-item-007 img {
    max-width: 250px;margin: auto;
}


#--page-item-008 {
    background: #070f10;background: #fefefe;
}
#--page-item-008 .--text {
    font-size: 18px;display: block;margin: auto;margin-bottom: 12px;
    font-weight: 600;text-transform: uppercase;
    color: #eff2ff;
    color: #f4f4f4;
    color: #23222a;
}
#--page-item-008 .--vertical-line {
    content: '';
    display: block;
    width: 2px;
    height: 100px;
    margin: 20px auto 20px;
    background: #23222a;
    background: #eff2ff;
}
#--page-item-008 h2 {
    color: #f4f4f4;color: #23222a;
}
#--page-item-008 .--p1 {
    color: #f4f4f4;
    color: #1e1e20;line-height: 1.45;margin-bottom: 0;
}
#--page-item-008 .--item {
    display: flex;padding: 12px 12px;border-radius: 4px;height: 100%;
    background: #f3f4f7;
}
#--page-item-008 .--item .--1 {
    min-width: 86px;max-width: 86px;border-radius: 5px;overflow: hidden;
    display: none;
}
#--page-item-008 .--item .--1 img {
    object-fit: cover;height: 100%;width: 100%;
}
#--page-item-008 .--item .--2 {
    width: calc(100% - 86px);padding-left: 16px;padding-top: 10px;padding-bottom: 16px;padding-right: 12px;
    width: 100%;
}
#--page-item-008 .--item .--2 .--texto-1 {
    font-size: 22px;font-weight: 700;
}




/* XL */
@media (min-width: 1200px){
    .--desktop-text-left {text-align: left;}
    /* .--header-desktop .--c1 .--i2 .--g1 .--e1 .--item-click {font-size: 17px;} */
    /* .--header-desktop .--c1 .--i3 .--g1 .--btn {font-size: 17px;} */
    .--overlay-bg::before {
        background: linear-gradient(90deg, rgba(13, 10, 34, 0.94) 0%, rgba(13, 10, 34, 0.94) 28%, rgba(11, 11, 11, 0.51) 100%);
        background: linear-gradient(90deg, rgba(7, 5, 16, 0.94) 0%, rgba(7, 15, 16, 0.94) 28%, rgba(7, 5, 16, 0.51) 100%);
    }
    .--h1 {font-size: 72px;font-size: 68px;line-height: 1;}
    .--h1-subtext {font-size: 18px;}
    #--page-item-005 h2 {font-size: 44px;text-transform: uppercase;margin-bottom: 32px;}
    #--page-item-005 .--p1 {font-size: 22px;}
    #--page-item-007 h2 {font-size: 44px;text-transform: uppercase;margin-bottom: 32px;}
    #--page-item-008 h2 {font-size: 44px;text-transform: uppercase;margin-bottom: 32px;}
}
/* LG */
@media (min-width: 992px) and (max-width: 1199.9px){
    .--desktop-text-left {text-align: left;}
}
/* MD */
@media (min-width: 768px) and (max-width: 991.9px){
    .--mobile-text-center {text-align: center;}
}
/* SM */
@media (min-width: 576px) and (max-width: 767.9px){
    .--mobile-text-center {text-align: center;}
}
/* XS */
@media (min-width: 0px) and (max-width: 575.9px){
    .--mobile-text-center {text-align: center;}
    .--overlay-bg::before {
        background: linear-gradient(90deg, rgb(7, 5, 16) 0%, rgba(7, 15, 16, 0.95) 50%, rgba(7, 5, 16, 0.64) 100%);
    }
    #--hero .--h1 {font-size: calc(1.375rem + 4.5vw);}
    #--hero .--col-left {margin: 16px auto 24px;}
    #--page-item-003 .--items .--item {width: 100%;margin-bottom: 16px;}
    #--page-item-004 h2 {font-size: 26px;margin-bottom: 28px;}
    #--page-item-004 .--p1 {line-height: 1.35;font-size: 16px;font-weight: 400;color: #f0f0f4;}
    #--page-item-004 .--col-left {text-align: center;}
    #--page-item-004 .--col-right img {height: 300px !important;margin-top: 16px;}
    #--page-item-006 .--items .--item {width: 100%;background: #eee;}
    #--page-item-006 .--items .--item.--cemento .--textos {
        margin-bottom: 70px;
    }
    #--page-item-008 .--item .--1 {min-width: 48px;max-width: 48px;display: none;}
    #--page-item-008 .--item .--2 {width: 100%;padding-left: 6px;padding-right: 6px;}
    #--page-item-008 h2 {margin-bottom: 24px;}
}