/* IE11 */

/*.space-xxxs  { margin-bottom: 8px!important; width: var(--space-xxxs); background: #fff; height: 40px;  }
.space-xxs   { margin-bottom: 8px!important; width: var(--space-xxs); background: #fff; height: 40px;  }
.space-xs    { margin-bottom: 8px!important; width: var(--space-xs); background: #fff; height: 40px;  } 
.space-s     { margin-bottom: 8px!important; width: var(--space-s); background: #fff; height: 40px;  }
.space-m     { margin-bottom: 8px!important; width: var(--space-m); background: #fff; height: 40px;  }
.space-l     { margin-bottom: 8px!important; width: var(--space-l); background: #fff; height: 40px;  }
.space-xl    { margin-bottom: 8px!important; width: var(--space-xl); background: #fff; height: 40px;  }
.space-xxl   { margin-bottom: 8px!important; width: var(--space-xxl); background: #fff; height: 40px;  }
.space-xxxl  { margin-bottom: 8px!important; width: var(--space-xxxl); background: #fff; height: 40px;  }
.space-huge  { margin-bottom: 8px!important; width: var(--space-huge); background: #fff; height: 40px;  }
*/
/* -------------------------------- 
ANIMATIONS AND MORE
-------------------------------- */

::selection       { color:#fff; background:hsl(var(--brand));}
::-moz-selection  { color:#fff; background:hsl(var(--brand));}

a:link, .button, [class*="shadow"], input[type=submit], header, .slick-dots li button, .slick-dots li.slick-active button,
.blog_card--img img, .blog_card--all, .blog_card--body, .blog--card_date, .blog_card--last,
.card--certificaciones, .testimonios-card--info  {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}


/*-------------------------------- 
GRID UTILITIES
-------------------------------- */

.flex                  { display: flex; }
.flex--end             { justify-content: flex-end; }
.flex--start           { justify-content: flex-start; }
.flex--center          { justify-content: flex-center; }
.row--full             { max-width:100%!important; width: 100%!important;}
.row--center           { align-items: center; justify-content: center;}
.row--top              { align-items: flex-start; }
.row--bottom           { align-items: flex-end; }
.row--right            { align-items: center; justify-content: flex-end!important; }
.row--reverse          { flex-direction: row-reverse; }

/*.center--items         { display: flex; align-items: center!important; justify-content: center!important; }*/
.center--items         { display: flex;}
.center--items > *     { margin: auto!important; }

.align--center         { margin: auto; align-self: center; align-items: center; justify-content: center; }
.align--left           { margin:0 auto 0 0; align-self: center;  }
.align--right          { margin:0 0 0 auto; align-self: center; }
.align--top-center     { margin:0 auto; align-self: flex-start; }
.align--top-left       { margin:0 auto 0 0; align-self: flex-start; }
.align--top-right      { margin:0 0 0 auto; align-self: flex-start;  }
.align--bottom-center  { margin:0 auto; align-self: flex-end; }
.align--bottom-left    { margin:0 auto 0 0; align-self: flex-end; }
.align--bottom-right   { margin:0 0 0 auto; align-self: flex-end; }

.hidden--col           { visibility: hidden;}
.section--vh           { padding:0!important; height: 100vh; width: 100%; }

.d-block                  { display: block; }
.d-inline-block           { display: inline-block; }
.d-flex                   { display: flex; }
.d-inline-flex            { display: inline-flex; }
.d-none                   { display: none; }

.lh-05 { line-height: .5 }

.flex-row                 { flex-direction: row !important;}
.flex-column              { flex-direction: column !important;}
.flex-row-reverse         { flex-direction: row-reverse !important;}
.flex-column-reverse      { flex-direction: column-reverse !important; }

.justify-content-start    { justify-content: flex-start !important; } 
.justify-content-end      { justify-content: flex-end !important; } 
.justify-content-center   { justify-content: center !important; } 
.justify-content-between  { justify-content: space-between !important; } 
.justify-content-around   { justify-content: space-around !important; } 
.justify-content-evenly   { justify-content: space-evenly !important; } 

.align-items-start        { align-items: flex-start !important; } 
.align-items-end          { align-items: flex-end !important; } 
.align-items-center       { align-items: center !important; } 
.align-items-baseline     { align-items: baseline !important; } 
.align-items-stretch      { align-items: stretch !important; } 
.align-content-start      { align-content: flex-start !important; } 
.align-content-end        { align-content: flex-end !important; } 
.align-content-center     { align-content: center !important; } 
.align-content-between    { align-content: space-between !important; }
.align-content-around     { align-content: space-around !important; }
.align-content-stretch    { align-content: stretch !important; }

.align-self-auto          { align-self: auto !important; }
.align-self-start         { align-self: flex-start !important; }
.align-self-end           { align-self: flex-end !important; }
.align-self-center        { align-self: center !important; }
.align-self-baseline      { align-self: baseline !important; }
.align-self-stretch       { align-self: stretch !important; }



img.aligncenter        { display: block; margin: 0 auto }

@media only screen and (max-width:890px) {

.hidden--col            { visibility: hidden; display: none;}

}


/*-------------------------------- 
CUSTOM SCROLLBAR
-------------------------------- */
 
/*scroll bar FIREFOX */
.custom--scrollbar {
  scrollbar-color: hsla(var(--brand),1)  hsla(var(--dark),.1);
  scrollbar-width: thin;
}

/*scroll bar*/
.custom--scrollbar::-webkit-scrollbar             { width: 6px; height: 6px } 
.custom--scrollbar::-webkit-scrollbar-track       { background: hsla(var(--dark),.1); }
.custom--scrollbar::-webkit-scrollbar-thumb       { background: hsla(var(--brand),1); }
.custom--scrollbar::-webkit-scrollbar-thumb:hover { background: hsla(var(--brand),1); }


/*-------------------------------- 
SPECIALS GRIDS
-------------------------------- */

.w--100 { width: 100% }
.w--50  { width: 50% }
.w--25  { width: 25% }

[class*="rowslide--"] {
 
  list-style: none;
  display: flex; 
  flex-wrap: nowrap;
  overflow-x: auto;
  margin:0 auto;
  width:     calc( 100% - var(--row-gap));
  max-width: var(--screen-l);
  position: relative; 
   padding:0 0 0 var(--space-l); 
  /* make it smooth on iOS */
  -webkit-overflow-scrolling: touch;
  scroll-snap-points-x: repeat(300px);
  scroll-snap-type: mandatory;
}

[class*="rowslide--"] > div a { height: 100%; }

[class*="rowslide--"] > *:last-child

.rowslide--2 > * { padding-right: var(--space-l); flex: 0 0 50%; }
.rowslide--3 > * { padding-right: var(--space-l); flex: 0 0 33.3333%; }
.rowslide--4 > * { padding-right: var(--space-l); flex: 0 0 25%; }
.rowslide--5 > * { padding-right: var(--space-l); flex: 0 0 20%; }
.rowslide--6 > * { padding-right: var(--space-l); flex: 0 0 16.6667%; }


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

[class*="rowslide--"] { padding:0 0 var(--space-l) var(--space-l); }

.rowslide--l-2 > *  { padding-right: var(--space-l); flex: 0 0 50%; }
.rowslide--l-3 > *  { padding-right: var(--space-l); flex: 0 0 33.3333%; }
.rowslide--l-4 > *  { padding-right: var(--space-l); flex: 0 0 25%; }
.rowslide--l-5 > *  { padding-right: var(--space-l); flex: 0 0 20%; }
.rowslide--l-6 > *  { padding-right: var(--space-l); flex: 0 0 16.6667%; }

}  

@media only screen and (max-width:800px) {

[class*="rowslide--"] { padding:0 0 var(--space-s) var(--space-m);  }

.rowslide--m-2 > *  { padding-right: var(--space-m); min-width:200px;  flex: 0 0 48%; }
.rowslide--m-3 > *  { padding-right: var(--space-m); min-width:200px;  flex: 0 0 31.3333%; }
.rowslide--m-4 > *  { padding-right: var(--space-m); min-width:200px;  flex: 0 0 23%; }
.rowslide--m-5 > *  { padding-right: var(--space-m); min-width:200px;  flex: 0 0 18%; }
.rowslide--m-6 > *  { padding-right: var(--space-m); min-width:200px;  flex: 0 0 14.6667%; }

}  

@media only screen and (max-width:512px) {

[class*="rowslide--"] { padding:0 0 var(--space-s) var(--space-s);  }

.rowslide--s-2 > *  { padding-right: var(--space-s); flex: 0 0 48%; }
.rowslide--s-3 > *  { padding-right: var(--space-s); flex: 0 0 31.3333%; }
.rowslide--s-4 > *  { padding-right: var(--space-s); flex: 0 0 23%; }
.rowslide--s-5 > *  { padding-right: var(--space-s); flex: 0 0 18%; }
.rowslide--s-6 > *  { padding-right: var(--space-s); flex: 0 0 14.6667%; }

}  


/* -------------------------------- 
TEXT UTILITIES
-------------------------------- */
.has-brand-color        { color: hsla(var(--brand),1) }
.has-brand-second-color { color: hsla(var(--brand-second),1) }
.has-dark-color         { color: hsla(var(--dark),1) }

.text--brand    { color: hsla(var(--brand),1)!important; }
.text--second   { color: hsla(var(--brand-second),1)!important; }
.text--third    { color: hsla(var(--brand-third),1)!important; }
.text--light    { color: hsla(var(--light),1)!important; }
.text--dark     { color: hsla(var(--dark),1)!important; }

.text--brand-6  { color: hsla(var(--brand),.6)!important; }
.text--second-6 { color: hsla(var(--brand-second),.6)!important; }
.text--third-6  { color: hsla(var(--brand-third),.6)!important; }
.text--light-6  { color: hsla(var(--light),.6)!important; }
.text--grey     { color: hsla(var(--dark),.6)!important; }
.text--error    { color: var(--error); }

.back--brand    { background-color: hsla(var(--brand),1); }
.back--second   { background-color: hsla(var(--brand-second),1); }
.back--third    { background-color: hsla(var(--brand-third),1); }
.back--light    { background-color: hsla(var(--light),1); }
.back--dark     { background-color: hsla(var(--dark),1); }


*.hover--brand:hover    { color: hsla(var(--brand-dark),1); }
*.hover--second:hover   { color: hsla(var(--brand-second-dark),1); }
*.hover--third:hover    { color: hsla(var(--brand-third-dark),1); }
*.hover--light:hover    { color: hsla(var(--light),1); }
*.hover--dark:hover     { color: hsla(var(--dark),1); }


b, strong               { font-weight: bold; color:hsla(var(--dark),1); }
em                      { font-style: italic; }
u                       { text-decoration: underline; }

.text--uppercase        { text-transform: uppercase;  }
.text--center           { text-align: center; }
.text--left             { text-align: left; }
.text--right            { text-align: right; }
.left--center           { text-align: left; } 
.right--center          { text-align: right; } 

.text--truncate         { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.text--ellipses {
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}


.text--pretitle,
.text--posttitle        { font-size: var(--h6); display: block; text-transform: uppercase; }    

.text--pretitle         { margin-bottom:0!important;  }
.text--posttitle        { margin-bottom:0!important;  }

.text--meta,
.text--meta p           { font-size:var(--h4); line-height:1.4; }

@media only screen and (max-width:820px) {

.text--grey-m     { color: hsla(var(--dark),.6); }

}

/*---TEXT COLUMNS */

.text--columns {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: var(--space-xl);
  -moz-column-gap: var(--space-xl);
  column-gap: var(--space-xl);
}

ul.text--columns { margin-bottom: 0; }

.hide--desktop-flex,
.hide--desktop      { display: none; }
.hide--mobile       { display: inline-flex; }
 

@media only screen and (max-width:820px) {

.hide--desktop-flex { display: flex; }
.hide--desktop      { display: block; }
.hide--mobile-block,
.hide--mobile       { display: none; }

.left--center, .right--center   { text-align: center; } 
}


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

.text--sm-grey    { color: hsla(var(--dark),.6)!important; }  

}

@media only screen and (max-width:512px) { 
 
.text--columns {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
}


}


/* -------------------------------- 
UI UTILITIES
-------------------------------- */

.close svg { pointer-events: none; }

.visually--hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: auto;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

.full-bleed {
  width: 100vw;
  margin-left: calc(50% - 50vw);
}

[class*='aspect-ratio-'] {
  display: block;
  position: relative;
}

[class*='aspect-ratio-'] > * {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

[class*='aspect-ratio-'] > img { object-fit: cover; }

.aspect-ratio-wide {
  padding-top: 56.25%;
}

.aspect-ratio-square {
  padding-top: 100%;
}

/* -------------------------------- 
PATTERNS DE LAS IMÁGENES
-------------------------------- */

.pattern-color,
.pattern-green,
.pattern-blue,
.pattern-dark,
.pattern-light,
.pattern-white { position: relative; }

.pattern-color:before,
.pattern-green:before,
.pattern-blue:before,
.pattern-dark:before,
.pattern-light:before,
.pattern-white:before {
  content:'';
  background:url(../imgs/dots-rectangle-big.png);
  width:300px;
  height:300px;
  display:block;
}

.pattern-color:before  { background:url(../images/svg/patterns/pattern-color.svg); background-position:-1px; } 
.pattern-green:before  { background:url(../images/svg/patterns/pattern-green.svg); background-position:-1px; }
.pattern-blue:before   { background:url(../images/svg/patterns/pattern-blue.svg);  background-position:-1px; } 
.pattern-dark:before   { background:url(../images/svg/patterns/pattern-dark.svg);  background-position:-1px; }
.pattern-light:before  { background:url(../images/svg/patterns/pattern-light.svg); background-position:-1px; } 
.pattern-white:before  { background:url(../images/svg/patterns/pattern-white.svg); background-position:-1px; }  


.pattern-top-left:before,
.pattern-top-right:before,
.pattern-bottom-left:before,
.pattern-bottom-right:before { 
  content:'';
  position:absolute;
  z-index:-1;
  display:block;
}

.pattern-top-left:before     { top:0; left:0; } 
.pattern-top-right:before    { top:0; right:0; }
.pattern-bottom-left:before  { bottom:0; left: 0; }
.pattern-bottom-right:before { bottom:0; right: 0; }


@media only screen and (max-width:31.250em) { 

.pattern-top-left:before,
.pattern-top-right:before,
.pattern-bottom-left:before,
.pattern-bottom-right:before { -webkit-transform:scale(0.7); transform:scale(0.7); }

.pattern-top-left:before     { -webkit-transform-origin:top left;     transform-origin:top left; } 
.pattern-top-right:before    { -webkit-transform-origin:top right;    transform-origin:top right; }
.pattern-bottom-left:before  { -webkit-transform-origin:bottom left;  transform-origin:bottom left; }
.pattern-bottom-right:before { -webkit-transform-origin:bottom right; transform-origin:bottom right; }
 
} 



/* -------------------------------- 
SPACE UTILITIES
-------------------------------- */
 
.section--vh     { height: 100vh; }
.section--none   { padding: 0; }
.section--xxxxs  { padding: var(--space-xxxxs) 0; }
.section--xxxs   { padding: var(--space-xxxs) 0; } 
.section--xxs    { padding: var(--space-xxs) 0; }  
.section--xs     { padding: var(--space-xs) 0; }   
.section--s      { padding: var(--space-s) 0; }    
.section--m      { padding: var(--space-m) 0; }    
.section--l      { padding: var(--space-l) 0; }    
.section--xl     { padding: var(--space-xl) 0; }   
.section--xxl    { padding: var(--space-xxl) 0; }  
.section--xxxl   { padding: var(--space-xxxl) 0; } 
.section--xxxxl  { padding: var(--space-xxxxl) 0; } 
.section--huge   { padding: var(--space-huge) 0; }


.mt--none       { margin-top: 0!important; } 
.mt--xxxxs      { margin-top: var(--space-xxxxs)!important; } 
.mt--xxxs       { margin-top: var(--space-xxxs)!important; } 
.mt--xxs        { margin-top: var(--space-xxs)!important; } 
.mt--xs         { margin-top: var(--space-xs)!important; } 
.mt--s          { margin-top: var(--space-s)!important; } 
.mt--m          { margin-top: var(--space-m)!important; } 
.mt--l          { margin-top: var(--space-l)!important; } 
.mt--xl         { margin-top: var(--space-xl)!important; } 
.mt--xxl        { margin-top: var(--space-xxl)!important; }
.mt--xxxl       { margin-top: var(--space-xxxl)!important; }
.mt--xxxxl      { margin-top: var(--space-xxxxl)!important; }
.mt--huge       { margin-top: var(--space-huge)!important; }

.mb--none       { margin-bottom: 0!important; } 
.mb--xxxxs      { margin-bottom: var(--space-xxxxs)!important; }
.mb--xxxs       { margin-bottom: var(--space-xxxs)!important; } 
.mb--xxs        { margin-bottom: var(--space-xxs)!important; }  
.mb--xs         { margin-bottom: var(--space-xs)!important; }   
.mb--s          { margin-bottom: var(--space-s)!important; }    
.mb--m          { margin-bottom: var(--space-m)!important; }    
.mb--l          { margin-bottom: var(--space-l)!important; }    
.mb--xl         { margin-bottom: var(--space-xl)!important; }   
.mb--xxl        { margin-bottom: var(--space-xxl)!important; }  
.mb--xxxl       { margin-bottom: var(--space-xxxl)!important; }
.mb--xxxxl      { margin-bottom: var(--space-xxxxl)!important; } 
.mb--huge       { margin-bottom: var(--space-huge)!important; }

.my--none       { margin-top: 0!important; margin-bottom: 0!important; } 
.my--xxxxs      { margin-top: var(--space-xxxxs); margin-bottom: var(--space-xxxxs); } 
.my--xxxs       { margin-top: var(--space-xxxs); margin-bottom: var(--space-xxxs);  } 
.my--xxs        { margin-top: var(--space-xxs); margin-bottom: var(--space-xxs);  } 
.my--xs         { margin-top: var(--space-xs); margin-bottom: var(--space-xs);  } 
.my--s          { margin-top: var(--space-s); margin-bottom: var(--space-s);  } 
.my--m          { margin-top: var(--space-m); margin-bottom: var(--space-m);  } 
.my--l          { margin-top: var(--space-l); margin-bottom: var(--space-l); } 
.my--xl         { margin-top: var(--space-xl); margin-bottom: var(--space-xl);  } 
.my--xxl        { margin-top: var(--space-xxl); margin-bottom: var(--space-xxl);  }
.my--xxxl       { margin-top: var(--space-xxxl); margin-bottom: var(--space-xxxl);  }
.my--huge       { margin-top: var(--space-huge); margin-bottom: var(--space-huge);  }


.pt--none       { padding-top: 0!important; }
.pt--xxxxs      { padding-top: var(--space-xxxxs); } 
.pt--xxxs       { padding-top: var(--space-xxxs); } 
.pt--xxs        { padding-top: var(--space-xxs); } 
.pt--xs         { padding-top: var(--space-xs); } 
.pt--s          { padding-top: var(--space-s); } 
.pt--m          { padding-top: var(--space-m); } 
.pt--l          { padding-top: var(--space-l); } 
.pt--xl         { padding-top: var(--space-xl); } 
.pt--xxl        { padding-top: var(--space-xxl); }
.pt--xxxl       { padding-top: var(--space-xxxl); }
.pt--xxxxl      { padding-top: var(--space-xxxxl); }
.pt--huge       { padding-top: var(--space-huge); }

.pb--none       { padding-bottom: 0!important; }
.pb--xxxxs      { padding-bottom: var(--space-xxxxs); }
.pb--xxxs       { padding-bottom: var(--space-xxxs); } 
.pb--xxs        { padding-bottom: var(--space-xxs); }  
.pb--xs         { padding-bottom: var(--space-xs); }   
.pb--s          { padding-bottom: var(--space-s); }    
.pb--m          { padding-bottom: var(--space-m); }    
.pb--l          { padding-bottom: var(--space-l); }    
.pb--xl         { padding-bottom: var(--space-xl); }   
.pb--xxl        { padding-bottom: var(--space-xxl); }  
.pb--xxxl       { padding-bottom: var(--space-xxxl); } 
.pb--xxxxl      { padding-bottom: var(--space-xxxxl); } 
.pb--huge       { padding-bottom: var(--space-huge); }

.pl--none       { padding-left: 0!important; }
.pl--xxxxs      { padding-left: var(--space-xxxxs); }
.pl--xxxs       { padding-left: var(--space-xxxs); } 
.pl--xxs        { padding-left: var(--space-xxs); }  
.pl--xs         { padding-left: var(--space-xs); }   
.pl--s          { padding-left: var(--space-s); }    
.pl--m          { padding-left: var(--space-m); }    
.pl--l          { padding-left: var(--space-l); }    
.pl--xl         { padding-left: var(--space-xl); }   
.pl--xxl        { padding-left: var(--space-xxl); }  
.pl--xxxl       { padding-left: var(--space-xxxl); } 
.pl--huge       { padding-left: var(--space-huge); }

.py--none       { padding-top: 0; padding-bottom: 0; } 
.py--xxxxs      { padding-top: var(--space-xxxxs);  padding-bottom: var(--space-xxxxs); } 
.py--xxxs       { padding-top: var(--space-xxxs);   padding-bottom: var(--space-xxxs); } 
.py--xxs        { padding-top: var(--space-xxs);    padding-bottom: var(--space-xxs); } 
.py--xs         { padding-top: var(--space-xs);     padding-bottom: var(--space-xs); } 
.py--s          { padding-top: var(--space-s);      padding-bottom: var(--space-s); } 
.py--m          { padding-top: var(--space-m);      padding-bottom: var(--space-m); } 
.py--l          { padding-top: var(--space-l);      padding-bottom: var(--space-l); } 
.py--xl         { padding-top: var(--space-xl);     padding-bottom: var(--space-xl); } 
.py--xxl        { padding-top: var(--space-xxl);    padding-bottom: var(--space-xxl); }
.py--xxxl       { padding-top: var(--space-xxxl);   padding-bottom: var(--space-xxxl); }
.py--huge       { padding-top: var(--space-huge);   padding-bottom: var(--space-huge); }

.px--none       { padding-left: 0; padding-right: 0; } 
.px--xxxxs      { padding-left: var(--space-xxxxs); padding-right: var(--space-xxxxs); } 
.px--xxxs       { padding-left: var(--space-xxxs);  padding-right: var(--space-xxxs); } s
.px--xxs        { padding-left: var(--space-xxs);   padding-right: var(--space-xxs); } 
.px--xs         { padding-left: var(--space-xs);    padding-right: var(--space-xs); } 
.px--s          { padding-left: var(--space-s);     padding-right: var(--space-s); } 
.px--m          { padding-left: var(--space-m);     padding-right: var(--space-m); } 
.px--l          { padding-left: var(--space-l);     padding-right: var(--space-l); } 
.px--xl         { padding-left: var(--space-xl);    padding-right: var(--space-xl); } 
.px--xxl        { padding-left: var(--space-xxl);   padding-right: var(--space-xxl); }
.px--xxxl       { padding-left: var(--space-xxxl);  padding-right: var(--space-xxxl); }
.px--huge       { padding-left: var(--space-huge);  padding-right: var(--space-huge); }

.p--none       { padding:0!important; } 
.p--xxxxs      { padding:var(--space-xxxxs); } 
.p--xxxs       { padding:var(--space-xxxs); } 
.p--xxs        { padding:var(--space-xxs); } 
.p--xs         { padding:var(--space-xs); } 
.p--s          { padding:var(--space-s); } 
.p--m          { padding:var(--space-m); } 
.p--l          { padding:var(--space-l); } 
.p--xl         { padding:var(--space-xl); } 
.p--xxl        { padding:var(--space-xxl); }
.p--xxxl       { padding:var(--space-xxxl); }
.p--huge       { padding:var(--space-huge); }