@media only screen and (min-width:0px){
/************************************************************* VARIAVEIS CSS **************************************************************/
/**                                                                                                                                      **/
/**                                     VARIAVEIS PARA ESTRUTURA DEFAULT (MARGINS/PADDINGS DEFAULT)                                      **/
/**                                                                                                                                      **/
/******************************************************************************************************************************************/
:root{
  --colunas2: 1;
  --colunas3: 1;
  --colunas4: 1;
  --colunas5: 1;
  --colunas6: 1;

  --column-gap-default: 35px;

  --margin-top-default: 30px;
  --margin-right-default: 20px;
  --margin-bottom-default: 60px;
  --margin-left-default: 20px;

  --margin-top-layout: 30px;
  --margin-right-layout: 20px;
  --margin-bottom-layout: 150px;
  --margin-left-layout: 20px;

  --padding-top-default: 50px;
  --padding-right-default: 30px;
  --padding-bottom-default: 50px;
  --padding-left-default: 30px;

  --padding-top-layout: 50px;
  --padding-right-layout: 30px;
  --padding-bottom-layout: 50px;
  --padding-left-layout: 30px;

  --heightbarramenu: 208px;

  --heightinputs: 46px;
  --heightTextarea: 83px;
}

input[type="checkbox"], input[type="radio"].checkbox {
  /*************** CHECKBOX ***************/
  --checkbox_background: #fff;
  --checkbox_width: 14px;
  --checkbox_height: 14px;
  --checkbox_border: 0;
  --checkbox_radius: 0%;
  --checkbox_check_background: #000;
  --checkbox_check_width: 12px;
  --checkbox_check_height: 12px;
  --checkbox_check_radius: 0%;
  /************* FIM CHECKBOX *************/
}

input[type="radio"], input[type="checkbox"].radio {
  /*************** CHECKBOX ***************/
  --radio_background: transparent;
  --radio_width: 16px;
  --radio_height: 16px;
  --radio_border: 1px solid var(--corpri3);
  --radio_radius: 100%;
  --radio_check_background: var(--corpri1);
  --radio_check_width: 8px;
  --radio_check_height: 8px;
  --radio_check_radius: 100%;
  /************* FIM CHECKBOX *************/
}


:root { --icono2-translate-x: 0; --icono2-translate-y: 0; --icono2-scale: 1; --icono2-rotate: 0deg; }
*{ --m: initial; --my: initial; --mx: initial; --mt: initial; --mr: initial; --mb: initial; --ml: initial; --p: initial; --p-769: initial; --py: initial; --px: initial; --pt: initial; --pr: initial; --pb: initial; --pl: initial; --top: initial; --bottom: initial; --left: initial; --right: initial; --w: initial; --min-w: initial; --max-w: initial; --h: initial; --max-h: initial; --basis: initial; --gap-x: initial; --gap-y: initial; --ratio-w: initial; --ratio-h: initial; --icono2-translate-x: 0; --icono2-translate-y: 0; --icono2-scale: 1; --icono2-rotate: 0deg; }
/*********************************************************** FIM VARIAVEIS CSS ************************************************************/

/********************************************************* RESET DEFAULT ELEMENTS *********************************************************/
/**                                                                                                                                      **/
/**                                       CLASES PARA RESET DOS DEFAULTS DO BROWSER NAO MODIFICAR                                        **/
/**                                                                                                                                      **/
/******************************************************************************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0 solid transparent;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1.4;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
button{ appearance: none; background: none; border:0; border-radius: 0; }
input[name="confirmorobot"]{ position: absolute; transform: scale(0); }

.grecaptcha-badge { visibility: hidden; pointer-events: none; }
/******************************************************* FIM RESET DEFAULT ELEMENTS *******************************************************/

/************************************************************* DEFAUTLS LENIS *************************************************************/
/**                                                                                                                                      **/
/**                                          CLASES DEFAULT LENIS (SMOOTH SCROLL) NAO MODIFICAR                                          **/
/**                                                                                                                                      **/
/******************************************************************************************************************************************/
html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-stopped { overflow: hidden; }
.lenis.lenis-scrolling iframe { pointer-events: none; }
.lg\:gap-y{ row-gap: 12px; }
/*********************************************************** FIM DEFAUTLS LENIS ***********************************************************/

/************************************************************ DEFAULT ELEMENTS ************************************************************/
/**                                                                                                                                      **/
/**                                             CLASES DEFAULT ELEMENTOS BASE NAO MODIFICAR                                              **/
/**                                                                                                                                      **/
/******************************************************************************************************************************************/
html, body{max-width: 100%; overflow-x: clip;}
.pre-animate [data-animate], .pre-animate [data-animate_child] { opacity: 0; }
.container{ max-width: 100%; }

input[type="checkbox"] { display: inline-block; position: relative; appearance: none; width: var(--checkbox_width); min-width: var(--checkbox_width); height: var(--checkbox_height); min-height: var(--checkbox_height); border: var(--checkbox_border); border-radius: var(--checkbox_radius); background: var(--checkbox_background); }
input[type="checkbox"]:checked::before { content: ''; position: absolute; width: var(--checkbox_check_width); min-width: var(--checkbox_check_width); height: var(--checkbox_check_height); min-height: var(--checkbox_check_height); top: 50%; left: 50%; transform: translate(-50%, -50%); background: var(--checkbox_check_background); border-radius: var(--checkbox_check_radius) }
input[type="radio"] { display: inline-block; position: relative; appearance: none; width: var(--radio_width); min-width: var(--radio_width); height: var(--radio_height); min-height: var(--radio_height); border: var(--radio_border); border-radius: var(--radio_radius); background: var(--radio_background); }
input[type="radio"]:checked::before { content: ''; position: absolute; width: var(--radio_check_width); min-width: var(--radio_check_width); height: var(--radio_check_height); min-height: var(--radio_check_height); top: 50%; left: 50%; transform: translate(-50%, -50%); background: var(--radio_check_background); border-radius: var(--radio_check_radius) }
input[type="checkbox"].radio { display: inline-block; position: relative; appearance: none; width: var(--radio_width); min-width: var(--radio_width); height: var(--radio_height); min-height: var(--radio_height); border: var(--radio_border); border-radius: var(--radio_radius); background: var(--radio_background); }
input[type="checkbox"].radio:checked::before { content: ''; position: absolute; width: var(--radio_check_width); min-width: var(--radio_check_width); height: var(--radio_check_height); min-height: var(--radio_check_height); top: 50%; left: 50%; transform: translate(-50%, -50%); background: var(--radio_check_background); border-radius: var(--radio_check_radius) }
input[type="radio"].checkbox { display: inline-block; position: relative; appearance: none; width: var(--radio_width); min-width: var(--radio_width); height: var(--radio_height); min-height: var(--checkbox_height); border: var(--checkbox_border); border-radius: var(--checkbox_radius); background: var(--checkbox_background); }
input[type="radio"].checkbox:checked::before { content: ''; position: absolute; width: var(--checkbox_check_width); min-width: var(--checkbox_check_width); height: var(--checkbox_check_height); min-height: var(--checkbox_check_height); top: 50%; left: 50%; transform: translate(-50%, -50%); background: var(--checkbox_check_background); border-radius: var(--checkbox_check_radius) }
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], select { width: 100%; height: var(--heightinputs); text-align: left; padding: 0 20px; background: transparent; appearance: none; }
textarea { width: 100%; height: var(--heightTextarea, --heightinputs); text-align: left; padding: 0 20px; background: transparent; }

.input--hoshi{overflow:hidden;position:relative;width:100%;}
.input__field--hoshi{transition: all .5s; width:100%;padding:0;padding-left:10px;padding-bottom:0px;font-size:14px;}
.input__field--hoshi::after{transition: all .5s;  margin-top:0px;}
.input__label--hoshi{position:absolute;bottom:0;left:0;padding:0;padding-left:0px;width:100%;height:100%;text-align:left;pointer-events:none;font-size:12px;}
.input__label-content--hoshi{transition: all .5s; position:absolute;top:50%;padding-left:12px;margin-top:0px;transform:translateY(-50%);}
.textarea .input__label-content--hoshi{transition: all .5s; position:absolute;top:30px;padding-left:12px;margin-top:0px;}
.input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi{top:20%;font-size:9px;}
.textarea .input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi{top:14px;font-size:9px;}
.textarea .input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi{top:15px;font-size:9px;}
.input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi, .input--filled .input__label-content--hoshi{ top:20%;font-size:9px; }
textarea.input__field--hoshi{padding-top: 20px;}
/********************************************************** FIM DEFAULT ELEMENTS **********************************************************/

/************************************************************ DEFAULTS COLUNAS ************************************************************/
*:has(>.colunas1), *:has(>.colunas2), *:has(>.colunas3), *:has(>.colunas4), *:has(>.colunas5), *:has(>.colunas6){display: flex; flex-direction: row; flex-wrap: wrap; }
.colunas1, .colunas2, .colunas3, .colunas4, .colunas5, .colunas6{--marginColunasBottom: 0px; --marginColunas: 0px;}
.colunas1:nth-child(1n+1){flex-grow: 0; flex-shrink: 0; width: 100%; margin-right: 0; margin-bottom: var(--marginColunasBottom); }

.colunas2:nth-child(2n+1){flex-grow: 0; flex-shrink: 0; width: calc((100% / 2) - ((var(--marginColunas) * 1) / 2)); margin-right: var(--marginColunas); margin-bottom: var(--marginColunasBottom); }
.colunas2:nth-child(2n+2){flex-grow: 0; flex-shrink: 0; width: calc((100% / 2) - ((var(--marginColunas) * 1) / 2)); margin-right: 0; margin-bottom: var(--marginColunasBottom); }

.colunas3:nth-child(3n+1){flex-grow: 0; flex-shrink: 0; width: calc((100% / 3) - ((var(--marginColunas) * 2) / 3)); margin-right: var(--marginColunas); margin-bottom: var(--marginColunasBottom); }
.colunas3:nth-child(3n+2){flex-grow: 0; flex-shrink: 0; width: calc((100% / 3) - ((var(--marginColunas) * 2) / 3)); margin-right: var(--marginColunas); margin-bottom: var(--marginColunasBottom); }
.colunas3:nth-child(3n+3){flex-grow: 0; flex-shrink: 0; width: calc((100% / 3) - ((var(--marginColunas) * 2) / 3)); margin-right: 0; margin-bottom: var(--marginColunasBottom); }

.colunas4:nth-child(4n+1){flex-grow: 0; flex-shrink: 0; width: calc((100% / 4) - ((var(--marginColunas) * 3) / 4)); margin-right: var(--marginColunas); margin-bottom: var(--marginColunasBottom); }
.colunas4:nth-child(4n+2){flex-grow: 0; flex-shrink: 0; width: calc((100% / 4) - ((var(--marginColunas) * 3) / 4)); margin-right: var(--marginColunas); margin-bottom: var(--marginColunasBottom); }
.colunas4:nth-child(4n+3){flex-grow: 0; flex-shrink: 0; width: calc((100% / 4) - ((var(--marginColunas) * 3) / 4)); margin-right: var(--marginColunas); margin-bottom: var(--marginColunasBottom); }
.colunas4:nth-child(4n+4){flex-grow: 0; flex-shrink: 0; width: calc((100% / 4) - ((var(--marginColunas) * 3) / 4)); margin-right: 0; margin-bottom: var(--marginColunasBottom); }

.colunas5:nth-child(5n+1){flex-grow: 0; flex-shrink: 0; width: calc((100% / 5) - ((var(--marginColunas) * 4) / 5)); margin-right: var(--marginColunas); margin-bottom: var(--marginColunasBottom); }
.colunas5:nth-child(5n+2){flex-grow: 0; flex-shrink: 0; width: calc((100% / 5) - ((var(--marginColunas) * 4) / 5)); margin-right: var(--marginColunas); margin-bottom: var(--marginColunasBottom); }
.colunas5:nth-child(5n+3){flex-grow: 0; flex-shrink: 0; width: calc((100% / 5) - ((var(--marginColunas) * 4) / 5)); margin-right: var(--marginColunas); margin-bottom: var(--marginColunasBottom); }
.colunas5:nth-child(5n+4){flex-grow: 0; flex-shrink: 0; width: calc((100% / 5) - ((var(--marginColunas) * 4) / 5)); margin-right: var(--marginColunas); margin-bottom: var(--marginColunasBottom); }
.colunas5:nth-child(5n+5){flex-grow: 0; flex-shrink: 0; width: calc((100% / 5) - ((var(--marginColunas) * 4) / 5)); margin-right: 0; margin-bottom: var(--marginColunasBottom); }

.colunas6:nth-child(6n+1){flex-grow: 0; flex-shrink: 0; width: calc((100% / 6) - ((var(--marginColunas) * 5) / 6)); margin-right: var(--marginColunas); margin-bottom: var(--marginColunasBottom); }
.colunas6:nth-child(6n+2){flex-grow: 0; flex-shrink: 0; width: calc((100% / 6) - ((var(--marginColunas) * 5) / 6)); margin-right: var(--marginColunas); margin-bottom: var(--marginColunasBottom); }
.colunas6:nth-child(6n+3){flex-grow: 0; flex-shrink: 0; width: calc((100% / 6) - ((var(--marginColunas) * 5) / 6)); margin-right: var(--marginColunas); margin-bottom: var(--marginColunasBottom); }
.colunas6:nth-child(6n+4){flex-grow: 0; flex-shrink: 0; width: calc((100% / 6) - ((var(--marginColunas) * 5) / 6)); margin-right: var(--marginColunas); margin-bottom: var(--marginColunasBottom); }
.colunas6:nth-child(6n+5){flex-grow: 0; flex-shrink: 0; width: calc((100% / 6) - ((var(--marginColunas) * 5) / 6)); margin-right: var(--marginColunas); margin-bottom: var(--marginColunasBottom); }
.colunas6:nth-child(6n+6){flex-grow: 0; flex-shrink: 0; width: calc((100% / 6) - ((var(--marginColunas) * 5) / 6)); margin-right: 0; margin-bottom: var(--marginColunasBottom); }

*:has(>.colunas05), *:has(>.colunas10),
*:has(>.colunas15), *:has(>.colunas20),
*:has(>.colunas25), *:has(>.colunas30),
*:has(>.colunas35), *:has(>.colunas40),
*:has(>.colunas45), *:has(>.colunas50),
*:has(>.colunas55), *:has(>.colunas60),
*:has(>.colunas65), *:has(>.colunas70),
*:has(>.colunas75), *:has(>.colunas80),
*:has(>.colunas85), *:has(>.colunas90),
*:has(>.colunas95){display: flex; flex-direction: row; flex-wrap: wrap; column-gap: var(--marginColunas);}

.colunas05, .colunas10, .colunas15, .colunas20, .colunas25, .colunas30, .colunas35, .colunas40, .colunas45, .colunas50, .colunas55, .colunas60, .colunas65, .colunas70, .colunas75, .colunas80, .colunas85, .colunas90, .colunas95{min-height: 100px;}
.colunas05{width: 5%;}
.colunas10{width: 10%;}
.colunas15{width: 15%;}
.colunas20{width: 20%;}
.colunas25{width: 25%;}
/*************************************************************** COLUNAS 30 ***************************************************************/
.colunas30{width: 30%;}
/************************************************************* COLUNAS 30-70 **************************************************************/
.colunas30:has(+ .colunas70){width: calc(30% - ((var(--marginColunas) * 1) / 2)); margin-right: var(--marginColunas);}
.colunas30 + .colunas70{width: calc(70% - ((var(--marginColunas) * 1) / 2));}
/************************************************************ FIM COLUNAS 30-70 ***********************************************************/
/************************************************************** FIM COLUNAS 30 ************************************************************/
.colunas35{width: 35%;}
/*************************************************************** COLUNAS 40 ***************************************************************/
.colunas40{width: 40%;}
/************************************************************** COLUNAS 40-60 *************************************************************/
.colunas40:has(+ .colunas60){width: calc(40% - ((var(--marginColunas) * 1) / 2)); margin-right: var(--marginColunas);}
.colunas40 + .colunas60{width: calc(60% - ((var(--marginColunas) * 1) / 2));}
/************************************************************ FIM COLUNAS 40-60 ***********************************************************/
/************************************************************** FIM COLUNAS 40 ************************************************************/
.colunas45{width: 45%;}
.colunas50{width: 50%;}
.colunas55{width: 55%;}
.colunas60{width: 60%;}
.colunas65{width: 65%;}
.colunas70{width: 70%;}
.colunas75{width: 75%;}
/*************************************************************** COLUNAS 75 ***************************************************************/

/******************************************************** COLUNAS 75-05-05-05-05-05 *******************************************************/
.colunas75:has(+ .colunas05 + .colunas05 + .colunas05 + .colunas05 + .colunas05){width: calc(75% - ((var(--marginColunas) * 5) / 6));}
.colunas75 + .colunas05:has(+ .colunas05 + .colunas05 + .colunas05 + .colunas05){width: calc(5% - ((var(--marginColunas) * 5) / 6));}
.colunas75 + .colunas05 + .colunas05:has(+ .colunas05 + .colunas05 + .colunas05){width: calc(5% - ((var(--marginColunas) * 5) / 6));}
.colunas75 + .colunas05 + .colunas05 + .colunas05:has(+ .colunas05 + .colunas05){width: calc(5% - ((var(--marginColunas) * 5) / 6));}
.colunas75 + .colunas05 + .colunas05 + .colunas05 + .colunas05:has(+ .colunas05){width: calc(5% - ((var(--marginColunas) * 5) / 6));}
.colunas75 + .colunas05 + .colunas05 + .colunas05 + .colunas05 + .colunas05{width: calc(5% - ((var(--marginColunas) * 5) / 6));}
/****************************************************** FIM COLUNAS 75-05-05-05-05-05 *****************************************************/
/******************************************************** COLUNAS 75-05-05-05-05-05 *******************************************************/
.colunas75:has(+ .colunas05 + .colunas05 + .colunas05 + .colunas05 + .colunas05){width: calc(75% - ((var(--marginColunas) * 5) / 6));}
.colunas75 + .colunas05:has(+ .colunas05 + .colunas05 + .colunas05 + .colunas05){width: calc(5% - ((var(--marginColunas) * 5) / 6));}
.colunas75 + .colunas05 + .colunas05:has(+ .colunas05 + .colunas05 + .colunas05){width: calc(5% - ((var(--marginColunas) * 5) / 6));}
.colunas75 + .colunas05 + .colunas05 + .colunas05:has(+ .colunas05 + .colunas05){width: calc(5% - ((var(--marginColunas) * 5) / 6));}
.colunas75 + .colunas05 + .colunas05 + .colunas05 + .colunas05:has(+ .colunas05){width: calc(5% - ((var(--marginColunas) * 5) / 6));}
.colunas75 + .colunas05 + .colunas05 + .colunas05 + .colunas05 + .colunas05{width: calc(5% - ((var(--marginColunas) * 5) / 6));}
/****************************************************** FIM COLUNAS 75-05-05-05-05-05 *****************************************************/
/************************************************************* FIM COLUNAS 75 *************************************************************/

/*************************************************************** COLUNAS 80 ***************************************************************/
.colunas80{width: 80%;}
/************************************************************* COLUNAS 80-20 **************************************************************/
.colunas80:has(+ .colunas20){width: calc(80% - ((var(--marginColunas) * 1) / 2));}
.colunas80 + .colunas20{width: calc(20% - ((var(--marginColunas) * 1) / 2));}
/************************************************************ FIM COLUNAS 80-20 ***********************************************************/
/************************************************************ COLUNAS 80-10-10 ************************************************************/
.colunas80:has(+ .colunas10 + .colunas10){width: calc(80% - ((var(--marginColunas) * 2) / 3));}
.colunas80 + .colunas10:has(+ .colunas10){width: calc(10% - ((var(--marginColunas) * 2) / 3));}
.colunas80 + .colunas10 + .colunas10{width: calc(10% - ((var(--marginColunas) * 2) / 3));}
/********************************************************** FIM COLUNAS 80-10-10 **********************************************************/
/********************************************************** COLUNAS 80-05-05-10 ***********************************************************/
.colunas80:has(+ .colunas05 + .colunas05 + .colunas10){width: calc(80% - ((var(--marginColunas) * 3) / 4));}
.colunas80 + .colunas05:has(+ .colunas05 + .colunas10){width: calc(5% - ((var(--marginColunas) * 3) / 4));}
.colunas80 + .colunas05 + .colunas05:has(+ .colunas10){width: calc(5% - ((var(--marginColunas) * 3) / 4));}
.colunas80 + .colunas05 + .colunas05 + .colunas10{width: calc(10% - ((var(--marginColunas) * 3) / 4));}
/******************************************************** FIM COLUNAS 80-05-05-10 *********************************************************/
/********************************************************** COLUNAS 80-05-10-05 ***********************************************************/
.colunas80:has(+ .colunas05 + .colunas10 + .colunas05){width: calc(80% - ((var(--marginColunas) * 3) / 4));}
.colunas80 + .colunas05:has(+ .colunas10 + .colunas05){width: calc(5% - ((var(--marginColunas) * 3) / 4));}
.colunas80 + .colunas05 + .colunas10:has(+ .colunas05){width: calc(10% - ((var(--marginColunas) * 3) / 4));}
.colunas80 + .colunas05 + .colunas10 + .colunas05{width: calc(5% - ((var(--marginColunas) * 3) / 4));}
/******************************************************** FIM COLUNAS 80-05-10-05 *********************************************************/
/********************************************************** COLUNAS 80-10-05-05 ***********************************************************/
.colunas80:has(+ .colunas10 + .colunas05 + .colunas05){width: calc(80% - ((var(--marginColunas) * 3) / 4));}
.colunas80 + .colunas10:has(+ .colunas05 + .colunas05){width: calc(10% - ((var(--marginColunas) * 3) / 4));}
.colunas80 + .colunas10 + .colunas05:has(+ .colunas05){width: calc(5% - ((var(--marginColunas) * 3) / 4));}
.colunas80 + .colunas10 + .colunas05 + .colunas05{width: calc(5% - ((var(--marginColunas) * 3) / 4));}
/******************************************************** FIM COLUNAS 80-10-05-05 *********************************************************/
/********************************************************* COLUNAS 80-05-05-05-05 *********************************************************/
.colunas80:has(+ .colunas05 + .colunas05 + .colunas05 + .colunas05){width: calc(80% - ((var(--marginColunas) * 4) / 5));}
.colunas80 + .colunas05:has(+ .colunas05 + .colunas05 + .colunas05){width: calc(5% - ((var(--marginColunas) * 4) / 5));}
.colunas80 + .colunas05 + .colunas05:has(+ .colunas05 + .colunas05){width: calc(5% - ((var(--marginColunas) * 4) / 5));}
.colunas80 + .colunas05 + .colunas05 + .colunas05:has(+ .colunas05){width: calc(5% - ((var(--marginColunas) * 4) / 5));}
.colunas80 + .colunas05 + .colunas05 + .colunas05 + .colunas05{width: calc(5% - ((var(--marginColunas) * 4) / 5));}
/******************************************************* FIM COLUNAS 80-05-05-05-05 *******************************************************/
/************************************************************* FIM COLUNAS 80 *************************************************************/

/*************************************************************** COLUNAS 85 ***************************************************************/
.colunas85{width: 85%;}
/************************************************************** COLUNAS 85-15 *************************************************************/
.colunas85:has(+ .colunas15){width: calc(85% - ((var(--marginColunas) * 1) / 2));}
.colunas85 + .colunas15{width: calc(15% - ((var(--marginColunas) * 1) / 2));}
/************************************************************ FIM COLUNAS 85-15 ***********************************************************/
/************************************************************* COLUNAS 85-05-10 ***********************************************************/
.colunas85:has(+ .colunas05 + .colunas10){width: calc(85% - ((var(--marginColunas) * 2) / 3));}
.colunas85 + .colunas05:has(+ .colunas10){width: calc(5% - ((var(--marginColunas) * 2) / 3));}
.colunas85 + .colunas05 + .colunas10{width: calc(10% - ((var(--marginColunas) * 2) / 3));}
/*********************************************************** FIM COLUNAS 85-05-10 *********************************************************/
/************************************************************* COLUNAS 85-10-05 ***********************************************************/
.colunas85:has(+ .colunas10 + .colunas05){width: calc(85% - ((var(--marginColunas) * 2) / 3));}
.colunas85 + .colunas10:has(+ .colunas05){width: calc(10% - ((var(--marginColunas) * 2) / 3));}
.colunas85 + .colunas10 + .colunas05{width: calc(5% - ((var(--marginColunas) * 2) / 3));}
/*********************************************************** FIM COLUNAS 85-10-05 *********************************************************/
/*********************************************************** COLUNAS 85-05-05-05 **********************************************************/
.colunas85:has(+ .colunas05 + .colunas05 + .colunas05){width: calc(85% - ((var(--marginColunas) * 3) / 4));}
.colunas85 + .colunas05:has(+ .colunas05 + .colunas05){width: calc(5% - ((var(--marginColunas) * 3) / 4));}
.colunas85 + .colunas05 + .colunas05:has(+ .colunas05){width: calc(5% - ((var(--marginColunas) * 3) / 4));}
.colunas85 + .colunas05 + .colunas05 + .colunas05{width: calc(5% - ((var(--marginColunas) * 3) / 4));}
/********************************************************* FIM COLUNAS 85-05-05-05 ********************************************************/
/************************************************************* FIM COLUNAS 85 *************************************************************/

/*************************************************************** COLUNAS 90 ***************************************************************/
.colunas90{width: 90%;}
/************************************************************** COLUNAS 90-10 *************************************************************/
.colunas90:has(+ .colunas10){width: calc(90% - ((var(--marginColunas) * 1) / 2));}
.colunas90 + .colunas10{width: calc(10% - ((var(--marginColunas) * 1) / 2));}
/************************************************************ FIM COLUNAS 90-10 ***********************************************************/

/************************************************************* COLUNAS 90-05-05 ***********************************************************/
.colunas90:has(+ .colunas05 + .colunas05){width: calc(90% - ((var(--marginColunas) * 2) / 3));}
.colunas90 + .colunas05:has(+ .colunas05){width: calc(5% - ((var(--marginColunas) * 2) / 3));}
.colunas90 + .colunas05 + .colunas05{width: calc(5% - ((var(--marginColunas) * 2) / 3));}
/*********************************************************** FIM COLUNAS 90-05-05 *********************************************************/
/************************************************************* FIM COLUNAS 90 *************************************************************/

/*************************************************************** COLUNAS 95 ***************************************************************/
.colunas95{width: 95%;}
/************************************************************** COLUNAS 95-05 *************************************************************/
.colunas95:has(+ .colunas05){width: calc(95% - ((var(--marginColunas) * 1) / 2));}
.colunas95 + .colunas05{width: calc(5% - ((var(--marginColunas) * 1) / 2));}
/************************************************************ FIM COLUNAS 95-05 ***********************************************************/
/************************************************************* FIM COLUNAS 95 *************************************************************/

.colunasflex2{ display: flex; flex-direction: row; flex-wrap: wrap; }
.colunasflex2 > * { width: calc(100% / var(--colunas2)); }
.colunasflex3{ display: flex; flex-direction: row; flex-wrap: wrap; }
.colunasflex3 > * { width: calc(100% / var(--colunas3)); }
.colunasflex4{ display: flex; flex-direction: row; flex-wrap: wrap; }
.colunasflex4 > * { width: calc(100% / var(--colunas4)); }
.colunasflex5{ display: flex; flex-direction: row; flex-wrap: wrap; }
.colunasflex5 > * { width: calc(100% / var(--colunas5)); }
.colunasflex6{ display: flex; flex-direction: row; flex-wrap: wrap; }
.colunasflex6 > * { width: calc(100% / var(--colunas6)); }

.text-columns-1{ column-count: 1; }
.text-columns-2{ column-count: 2; }
.text-columns-3{ column-count: 3; }
.text-columns-4{ column-count: 4; }
.text-columns-5{ column-count: 5; }
.text-columns-6{ column-count: 6; }

.column-gap-default-\/3{column-gap: calc(var(--column-gap-default) / 3);}
.column-gap-default-\/2{column-gap: calc(var(--column-gap-default) / 2);}
.column-gap-default{column-gap: var(--column-gap-default);}
.column-gap-default-x2{column-gap: calc(var(--column-gap-default) * 2);}
.column-gap-default-x3{column-gap: calc(var(--column-gap-default) * 3);}
/********************************************************** FIM DEFAULTS COLUNAS **********************************************************/


/******************************************************** DEFAULT MARGINS/PADDINGS ********************************************************/
/**                                                                                                                                      **/
/**                                  CLASES DEFAULT MARGINS/PADDINGS NAO MODIFICAR, USAR VARIAVEIS CSS                                   **/
/**                                                                                                                                      **/
/******************************************************************************************************************************************/
.m-0 { margin: 0; }
.mx-0 { margin-left: 0; margin-right: 0; }
.my-0 { margin-top: 0; margin-bottom: 0; }
.mt-0 { margin-top: 0; }
.mr-0 { margin-right: 0; }
.mb-0 { margin-bottom: 0; }
.ml-0 { margin-left: 0; }

.m-1 { margin: 1px; }
.mx-1 { margin-left: 1px; margin-right: 1px; }
.my-1 { margin-top: 1px; margin-bottom: 1px; }
.mt-1 { margin-top: 1px; }
.mr-1 { margin-right: 1px; }
.mb-1 { margin-bottom: 1px; }
.ml-1 { margin-left: 1px; }

.p-0 { padding: 0; }
.px-0 { padding-left: 0; padding-right: 0; }
.py-0 { padding-top: 0; padding-bottom: 0; }
.pt-0 { padding-top: 0; }
.pr-0 { padding-right: 0; }
.pb-0 { padding-bottom: 0; }
.pl-0 { padding-left: 0; }

.p-1 { padding: 1px; }
.px-1 { padding-left: 1px; padding-right: 1px; }
.py-1 { padding-top: 1px; padding-bottom: 1px; }
.pt-1 { padding-top: 1px; }
.pr-1 { padding-right: 1px; }
.pb-1 { padding-bottom: 1px; }
.pl-1 { padding-left: 1px; }


.m-auto { margin: auto; }
.mx-auto { margin-left: auto; margin-right: auto; }
.my-auto { margin-top: auto; margin-bottom: auto; }
.mt-auto { margin-top: auto; }
.mr-auto { margin-right: auto; }
.mb-auto { margin-bottom: auto; }
.ml-auto { margin-left: auto; }

.m { margin: var(--m); }
.my { margin-top: var(--my); margin-bottom: var(--my); }
.mx { margin-right: var(--mx); margin-left: var(--mx); }
.mt { margin-top: var(--mt); }
.mr { margin-right: var(--mr); }
.mb { margin-bottom: var(--mb); }
.ml { margin-left: var(--ml); }

.m-default-\/5 { margin: calc(var(--margin-top-default) / 5) calc(var(--margin-right-default) / 5) calc(var(--margin-bottom-default) / 5) calc(var(--margin-left-default) / 5); }
.mx-default-\/5 { margin-left: calc(var(--margin-left-default) / 5); margin-right: calc(var(--margin-right-default) / 5); width: calc(100% - (calc(var(--margin-left-default) / 5) + calc(var(--margin-right-default) / 5))); }
.my-default-\/5 { margin-top: calc(var(--margin-top-default) / 5); margin-bottom: calc(var(--margin-bottom-default) / 5); }
.mt-default-\/5 { margin-top: calc(var(--margin-top-default) / 5); }
.mr-default-\/5 { margin-right: calc(var(--margin-right-default) / 5); }
.mb-default-\/5 { margin-bottom: calc(var(--margin-bottom-default) / 5); }
.ml-default-\/5 { margin-left: calc(var(--margin-left-default) / 5); }

.m-layout-\/5 { margin: calc(var(--margin-top-layout) / 5) calc(var(--margin-right-layout) / 5) calc(var(--margin-bottom-layout) / 5) calc(var(--margin-left-layout) / 5); }
.mx-layout-\/5 { margin-left: calc(var(--margin-left-layout) / 5); margin-right: calc(var(--margin-right-layout) / 5); width: calc(100% - (calc(var(--margin-left-layout) / 5) + calc(var(--margin-right-layout) / 5))); }
.my-layout-\/5 { margin-top: calc(var(--margin-top-layout) / 5); margin-bottom: calc(var(--margin-bottom-layout) / 5); }
.mt-layout-\/5 { margin-top: calc(var(--margin-top-layout) / 5); }
.mr-layout-\/5 { margin-right: calc(var(--margin-right-layout) / 5); }
.mb-layout-\/5 { margin-bottom: calc(var(--margin-bottom-layout) / 5); }
.ml-layout-\/5 { margin-left: calc(var(--margin-left-layout) / 5); }

.m-default-\/4 { margin: calc(var(--margin-top-default) / 4) calc(var(--margin-right-default) / 4) calc(var(--margin-bottom-default) / 4) calc(var(--margin-left-default) / 4); }
.mx-default-\/4 { margin-left: calc(var(--margin-left-default) / 4); margin-right: calc(var(--margin-right-default) / 4); width: calc(100% - (calc(var(--margin-left-default) / 4) + calc(var(--margin-right-default) / 4))); }
.my-default-\/4 { margin-top: calc(var(--margin-top-default) / 4); margin-bottom: calc(var(--margin-bottom-default) / 4); }
.mt-default-\/4 { margin-top: calc(var(--margin-top-default) / 4); }
.mr-default-\/4 { margin-right: calc(var(--margin-right-default) / 4); }
.mb-default-\/4 { margin-bottom: calc(var(--margin-bottom-default) / 4); }
.ml-default-\/4 { margin-left: calc(var(--margin-left-default) / 4); }

.m-layout-\/4 { margin: calc(var(--margin-top-layout) / 4) calc(var(--margin-right-layout) / 4) calc(var(--margin-bottom-layout) / 4) calc(var(--margin-left-layout) / 4); }
.mx-layout-\/4 { margin-left: calc(var(--margin-left-layout) / 4); margin-right: calc(var(--margin-right-layout) / 4); width: calc(100% - (calc(var(--margin-left-layout) / 4) + calc(var(--margin-right-layout) / 4))); }
.my-layout-\/4 { margin-top: calc(var(--margin-top-layout) / 4); margin-bottom: calc(var(--margin-bottom-layout) / 4); }
.mt-layout-\/4 { margin-top: calc(var(--margin-top-layout) / 4); }
.mr-layout-\/4 { margin-right: calc(var(--margin-right-layout) / 4); }
.mb-layout-\/4 { margin-bottom: calc(var(--margin-bottom-layout) / 4); }
.ml-layout-\/4 { margin-left: calc(var(--margin-left-layout) / 4); }

.m-default-\/3 { margin: calc(var(--margin-top-default) / 3) calc(var(--margin-right-default) / 3) calc(var(--margin-bottom-default) / 3) calc(var(--margin-left-default) / 3); }
.mx-default-\/3 { margin-left: calc(var(--margin-left-default) / 3); margin-right: calc(var(--margin-right-default) / 3); width: calc(100% - (calc(var(--margin-left-default) / 3) + calc(var(--margin-right-default) / 3))); }
.my-default-\/3 { margin-top: calc(var(--margin-top-default) / 3); margin-bottom: calc(var(--margin-bottom-default) / 3); }
.mt-default-\/3 { margin-top: calc(var(--margin-top-default) / 3); }
.mr-default-\/3 { margin-right: calc(var(--margin-right-default) / 3); }
.mb-default-\/3 { margin-bottom: calc(var(--margin-bottom-default) / 3); }
.ml-default-\/3 { margin-left: calc(var(--margin-left-default) / 3); }

.m-layout-\/3 { margin: calc(var(--margin-top-layout) / 3) calc(var(--margin-right-layout) / 3) calc(var(--margin-bottom-layout) / 3) calc(var(--margin-left-layout) / 3); }
.mx-layout-\/3 { margin-left: calc(var(--margin-left-layout) / 3); margin-right: calc(var(--margin-right-layout) / 3); width: calc(100% - (calc(var(--margin-left-layout) / 3) + calc(var(--margin-right-layout) / 3))); }
.my-layout-\/3 { margin-top: calc(var(--margin-top-layout) / 3); margin-bottom: calc(var(--margin-bottom-layout) / 3); }
.mt-layout-\/3 { margin-top: calc(var(--margin-top-layout) / 3); }
.mr-layout-\/3 { margin-right: calc(var(--margin-right-layout) / 3); }
.mb-layout-\/3 { margin-bottom: calc(var(--margin-bottom-layout) / 3); }
.ml-layout-\/3 { margin-left: calc(var(--margin-left-layout) / 3); }

.m-default-\/2 { margin: calc(var(--margin-top-default) / 2) calc(var(--margin-right-default) / 2) calc(var(--margin-bottom-default) / 2) calc(var(--margin-left-default) / 2); }
.mx-default-\/2 { margin-left: calc(var(--margin-left-default) / 2); margin-right: calc(var(--margin-right-default) / 2); width: calc(100% - (calc(var(--margin-left-default) / 2) + calc(var(--margin-right-default) / 2))); }
.my-default-\/2 { margin-top: calc(var(--margin-top-default) / 2); margin-bottom: calc(var(--margin-bottom-default) / 2); }
.mt-default-\/2 { margin-top: calc(var(--margin-top-default) / 2); }
.mr-default-\/2 { margin-right: calc(var(--margin-right-default) / 2); }
.mb-default-\/2 { margin-bottom: calc(var(--margin-bottom-default) / 2); }
.ml-default-\/2 { margin-left: calc(var(--margin-left-default) / 2); }

.m-layout-\/2 { margin: calc(var(--margin-top-layout) / 2) calc(var(--margin-right-layout) / 2) calc(var(--margin-bottom-layout) / 2) calc(var(--margin-left-layout) / 2); }
.mx-layout-\/2 { margin-left: calc(var(--margin-left-layout) / 2); margin-right: calc(var(--margin-right-layout) / 2); width: calc(100% - (calc(var(--margin-left-layout) / 2) + calc(var(--margin-right-layout) / 2))); }
.my-layout-\/2 { margin-top: calc(var(--margin-top-layout) / 2); margin-bottom: calc(var(--margin-bottom-layout) / 2); }
.mt-layout-\/2 { margin-top: calc(var(--margin-top-layout) / 2); }
.mr-layout-\/2 { margin-right: calc(var(--margin-right-layout) / 2); }
.mb-layout-\/2 { margin-bottom: calc(var(--margin-bottom-layout) / 2); }
.ml-layout-\/2 { margin-left: calc(var(--margin-left-layout) / 2); }

.m-default-\/1_5 { margin: calc(var(--margin-top-default) / 1.5) calc(var(--margin-right-default) / 1.5) calc(var(--margin-bottom-default) / 1.5) calc(var(--margin-left-default) / 1.5); }
.mx-default-\/1_5 { margin-left: calc(var(--margin-left-default) / 1.5); margin-right: calc(var(--margin-right-default) / 1.5); width: calc(100% - (calc(var(--margin-left-default) / 1.5) + calc(var(--margin-right-default) / 1.5))); }
.my-default-\/1_5 { margin-top: calc(var(--margin-top-default) / 1.5); margin-bottom: calc(var(--margin-bottom-default) / 1.5); }
.mt-default-\/1_5 { margin-top: calc(var(--margin-top-default) / 1.5); }
.mr-default-\/1_5 { margin-right: calc(var(--margin-right-default) / 1.5); }
.mb-default-\/1_5 { margin-bottom: calc(var(--margin-bottom-default) / 1.5); }
.ml-default-\/1_5 { margin-left: calc(var(--margin-left-default) / 1.5); }

.m-layout-\/1_5 { margin: calc(var(--margin-top-layout) / 1.5) calc(var(--margin-right-layout) / 1.5) calc(var(--margin-bottom-layout) / 1.5) calc(var(--margin-left-layout) / 1.5); }
.mx-layout-\/1_5 { margin-left: calc(var(--margin-left-layout) / 1.5); margin-right: calc(var(--margin-right-layout) / 1.5); width: calc(100% - (calc(var(--margin-left-layout) / 1.5) + calc(var(--margin-right-layout) / 1.5))); }
.my-layout-\/1_5 { margin-top: calc(var(--margin-top-layout) / 1.5); margin-bottom: calc(var(--margin-bottom-layout) / 1.5); }
.mt-layout-\/1_5 { margin-top: calc(var(--margin-top-layout) / 1.5); }
.mr-layout-\/1_5 { margin-right: calc(var(--margin-right-layout) / 1.5); }
.mb-layout-\/1_5 { margin-bottom: calc(var(--margin-bottom-layout) / 1.5); }
.ml-layout-\/1_5 { margin-left: calc(var(--margin-left-layout) / 1.5); }

.m-default { margin: var(--margin-top-default) var(--margin-right-default) var(--margin-bottom-default) var(--margin-left-default); }
.mx-default { margin-left: var(--margin-left-default); margin-right: var(--margin-right-default); width: calc(100% - (var(--margin-left-default) + var(--margin-right-default))); }
.my-default { margin-top: var(--margin-top-default); margin-bottom: var(--margin-bottom-default); }
.mt-default { margin-top: var(--margin-top-default); }
.mr-default { margin-right: var(--margin-right-default); }
.mb-default { margin-bottom: var(--margin-bottom-default); }
.ml-default { margin-left: var(--margin-left-default); }

.m-layout { margin: var(--margin-top-layout) var(--margin-right-layout) var(--margin-bottom-layout) var(--margin-left-layout); }
.mx-layout { margin-left: var(--margin-left-layout); margin-right: var(--margin-right-layout); width: calc(100% - (var(--margin-left-layout) + var(--margin-right-layout))); }
.my-layout { margin-top: var(--margin-top-layout); margin-bottom: var(--margin-bottom-layout); }
.mt-layout { margin-top: var(--margin-top-layout); }
.mr-layout { margin-right: var(--margin-right-layout); }
.mb-layout { margin-bottom: var(--margin-bottom-layout); }
.ml-layout { margin-left: var(--margin-left-layout); }

.m-default-x1_5 { margin: calc(var(--margin-top-default) * 1.5) calc(var(--margin-right-default) * 1.5) calc(var(--margin-bottom-default) * 1.5) calc(var(--margin-left-default) * 1.5); }
.mx-default-x1_5 { margin-left: calc(var(--margin-left-default) * 1.5); margin-right: calc(var(--margin-right-default) * 1.5); width: calc(100% - (calc(var(--margin-left-default) * 1.5) + calc(var(--margin-right-default) * 1.5))); }
.my-default-x1_5 { margin-top: calc(var(--margin-top-default) * 1.5); margin-bottom: calc(var(--margin-bottom-default) * 1.5); }
.mt-default-x1_5 { margin-top: calc(var(--margin-top-default) * 1.5); }
.mr-default-x1_5 { margin-right: calc(var(--margin-right-default) * 1.5); }
.mb-default-x1_5 { margin-bottom: calc(var(--margin-bottom-default) * 1.5); }
.ml-default-x1_5 { margin-left: calc(var(--margin-left-default) * 1.5); }

.m-layout-x1_5 { margin: calc(var(--margin-top-layout) * 1.5) calc(var(--margin-right-layout) * 1.5) calc(var(--margin-bottom-layout) * 1.5) calc(var(--margin-left-layout) * 1.5); }
.mx-layout-x1_5 { margin-left: calc(var(--margin-left-layout) * 1.5); margin-right: calc(var(--margin-right-layout) * 1.5); width: calc(100% - (calc(var(--margin-left-layout) * 1.5) + calc(var(--margin-right-layout) * 1.5))); }
.my-layout-x1_5 { margin-top: calc(var(--margin-top-layout) * 1.5); margin-bottom: calc(var(--margin-bottom-layout) * 1.5); }
.mt-layout-x1_5 { margin-top: calc(var(--margin-top-layout) * 1.5); }
.mr-layout-x1_5 { margin-right: calc(var(--margin-right-layout) * 1.5); }
.mb-layout-x1_5 { margin-bottom: calc(var(--margin-bottom-layout) * 1.5); }
.ml-layout-x1_5 { margin-left: calc(var(--margin-left-layout) * 1.5); }

.m-default-x2 { margin: calc(var(--margin-top-default) * 2) calc(var(--margin-right-default) * 2) calc(var(--margin-bottom-default) * 2) calc(var(--margin-left-default) * 2); }
.mx-default-x2 { margin-left: calc(var(--margin-left-default) * 2); margin-right: calc(var(--margin-right-default) * 2); width: calc(100% - (calc(var(--margin-left-default) * 2) + calc(var(--margin-right-default) * 2))); }
.my-default-x2 { margin-top: calc(var(--margin-top-default) * 2); margin-bottom: calc(var(--margin-bottom-default) * 2); }
.mt-default-x2 { margin-top: calc(var(--margin-top-default) * 2); }
.mr-default-x2 { margin-right: calc(var(--margin-right-default) * 2); }
.mb-default-x2 { margin-bottom: calc(var(--margin-bottom-default) * 2); }
.ml-default-x2 { margin-left: calc(var(--margin-left-default) * 2); }

.m-layout-x2 { margin: calc(var(--margin-top-layout) * 2) calc(var(--margin-right-layout) * 2) calc(var(--margin-bottom-layout) * 2) calc(var(--margin-left-layout) * 2); }
.mx-layout-x2 { margin-left: calc(var(--margin-left-layout) * 2); margin-right: calc(var(--margin-right-layout) * 2); width: calc(100% - (calc(var(--margin-left-layout) * 2) + calc(var(--margin-right-layout) * 2))); }
.my-layout-x2 { margin-top: calc(var(--margin-top-layout) * 2); margin-bottom: calc(var(--margin-bottom-layout) * 2); }
.mt-layout-x2 { margin-top: calc(var(--margin-top-layout) * 2); }
.mr-layout-x2 { margin-right: calc(var(--margin-right-layout) * 2); }
.mb-layout-x2 { margin-bottom: calc(var(--margin-bottom-layout) * 2); }
.ml-layout-x2 { margin-left: calc(var(--margin-left-layout) * 2); }

.m-default-x3 { margin: calc(var(--margin-top-default) * 3) calc(var(--margin-right-default) * 3) calc(var(--margin-bottom-default) * 3) calc(var(--margin-left-default) * 3); }
.mx-default-x3 { margin-left: calc(var(--margin-left-default) * 3); margin-right: calc(var(--margin-right-default) * 3); width: calc(100% - (calc(var(--margin-left-default) * 3) + calc(var(--margin-right-default) * 3))); }
.my-default-x3 { margin-top: calc(var(--margin-top-default) * 3); margin-bottom: calc(var(--margin-bottom-default) * 3); }
.mt-default-x3 { margin-top: calc(var(--margin-top-default) * 3); }
.mr-default-x3 { margin-right: calc(var(--margin-right-default) * 3); }
.mb-default-x3 { margin-bottom: calc(var(--margin-bottom-default) * 3); }
.ml-default-x3 { margin-left: calc(var(--margin-left-default) * 3); }

.m-layout-x3 { margin: calc(var(--margin-top-layout) * 3) calc(var(--margin-right-layout) * 3) calc(var(--margin-bottom-layout) * 3) calc(var(--margin-left-layout) * 3); }
.mx-layout-x3 { margin-left: calc(var(--margin-left-layout) * 3); margin-right: calc(var(--margin-right-layout) * 3); width: calc(100% - (calc(var(--margin-left-layout) * 3) + calc(var(--margin-right-layout) * 3))); }
.my-layout-x3 { margin-top: calc(var(--margin-top-layout) * 3); margin-bottom: calc(var(--margin-bottom-layout) * 3); }
.mt-layout-x3 { margin-top: calc(var(--margin-top-layout) * 3); }
.mr-layout-x3 { margin-right: calc(var(--margin-right-layout) * 3); }
.mb-layout-x3 { margin-bottom: calc(var(--margin-bottom-layout) * 3); }
.ml-layout-x3 { margin-left: calc(var(--margin-left-layout) * 3); }

.m-default-x4 { margin: calc(var(--margin-top-default) * 4) calc(var(--margin-right-default) * 4) calc(var(--margin-bottom-default) * 4) calc(var(--margin-left-default) * 4); }
.mx-default-x4 { margin-left: calc(var(--margin-left-default) * 4); margin-right: calc(var(--margin-right-default) * 4); width: calc(100% - (calc(var(--margin-left-default) * 4) + calc(var(--margin-right-default) * 4))); }
.my-default-x4 { margin-top: calc(var(--margin-top-default) * 4); margin-bottom: calc(var(--margin-bottom-default) * 4); }
.mt-default-x4 { margin-top: calc(var(--margin-top-default) * 4); }
.mr-default-x4 { margin-right: calc(var(--margin-right-default) * 4); }
.mb-default-x4 { margin-bottom: calc(var(--margin-bottom-default) * 4); }
.ml-default-x4 { margin-left: calc(var(--margin-left-default) * 4); }

.m-layout-x4 { margin: calc(var(--margin-top-layout) * 4) calc(var(--margin-right-layout) * 4) calc(var(--margin-bottom-layout) * 4) calc(var(--margin-left-layout) * 4); }
.mx-layout-x4 { margin-left: calc(var(--margin-left-layout) * 4); margin-right: calc(var(--margin-right-layout) * 4); width: calc(100% - (calc(var(--margin-left-layout) * 4) + calc(var(--margin-right-layout) * 4))); }
.my-layout-x4 { margin-top: calc(var(--margin-top-layout) * 4); margin-bottom: calc(var(--margin-bottom-layout) * 4); }
.mt-layout-x4 { margin-top: calc(var(--margin-top-layout) * 4); }
.mr-layout-x4 { margin-right: calc(var(--margin-right-layout) * 4); }
.mb-layout-x4 { margin-bottom: calc(var(--margin-bottom-layout) * 4); }
.ml-layout-x4 { margin-left: calc(var(--margin-left-layout) * 4); }

.m-default-x5 { margin: calc(var(--margin-top-default) * 5) calc(var(--margin-right-default) * 5) calc(var(--margin-bottom-default) * 5) calc(var(--margin-left-default) * 5); }
.mx-default-x5 { margin-left: calc(var(--margin-left-default) * 5); margin-right: calc(var(--margin-right-default) * 5); width: calc(100% - (calc(var(--margin-left-default) * 5) + calc(var(--margin-right-default) * 5))); }
.my-default-x5 { margin-top: calc(var(--margin-top-default) * 5); margin-bottom: calc(var(--margin-bottom-default) * 5); }
.mt-default-x5 { margin-top: calc(var(--margin-top-default) * 5); }
.mr-default-x5 { margin-right: calc(var(--margin-right-default) * 5); }
.mb-default-x5 { margin-bottom: calc(var(--margin-bottom-default) * 5); }
.ml-default-x5 { margin-left: calc(var(--margin-left-default) * 5); }

.m-layout-x5 { margin: calc(var(--margin-top-layout) * 5) calc(var(--margin-right-layout) * 5) calc(var(--margin-bottom-layout) * 5) calc(var(--margin-left-layout) * 5); }
.mx-layout-x5 { margin-left: calc(var(--margin-left-layout) * 5); margin-right: calc(var(--margin-right-layout) * 5); width: calc(100% - (calc(var(--margin-left-layout) * 5) + calc(var(--margin-right-layout) * 5))); }
.my-layout-x5 { margin-top: calc(var(--margin-top-layout) * 5); margin-bottom: calc(var(--margin-bottom-layout) * 5); }
.mt-layout-x5 { margin-top: calc(var(--margin-top-layout) * 5); }
.mr-layout-x5 { margin-right: calc(var(--margin-right-layout) * 5); }
.mb-layout-x5 { margin-bottom: calc(var(--margin-bottom-layout) * 5); }
.ml-layout-x5 { margin-left: calc(var(--margin-left-layout) * 5); }

.p { padding: var(--p); }
.py { padding-top: var(--py); padding-bottom: var(--py); }
.px { padding-right: var(--px); padding-left: var(--px); }
.pt { padding-top: var(--pt); }
.pr { padding-right: var(--pr); }
.pb { padding-bottom: var(--pb); }
.pl { padding-left: var(--pl); }

.p-default-\/5 { padding: calc(var(--padding-top-default) / 5) calc(var(--padding-right-default) / 5) calc(var(--padding-bottom-default) / 5) calc(var(--padding-left-default) / 5); }
.px-default-\/5 { padding-left: calc(var(--padding-left-default) / 5); padding-right: calc(var(--padding-right-default) / 5); }
.py-default-\/5 { padding-top: calc(var(--padding-top-default) / 5); padding-bottom: calc(var(--padding-bottom-default) / 5); }
.pt-default-\/5 { padding-top: calc(var(--padding-top-default) / 5); }
.pr-default-\/5 { padding-right: calc(var(--padding-right-default) / 5); }
.pb-default-\/5 { padding-bottom: calc(var(--padding-bottom-default) / 5); }
.pl-default-\/5 { padding-left: calc(var(--padding-left-default) / 5); }

.p-layout-\/5 { padding: calc(var(--padding-top-layout) / 5) calc(var(--padding-right-layout) / 5) calc(var(--padding-bottom-layout) / 5) calc(var(--padding-left-layout) / 5); }
.px-layout-\/5 { padding-left: calc(var(--padding-left-layout) / 5); padding-right: calc(var(--padding-right-layout) / 5); }
.py-layout-\/5 { padding-top: calc(var(--padding-top-layout) / 5); padding-bottom: calc(var(--padding-bottom-layout) / 5); }
.pt-layout-\/5 { padding-top: calc(var(--padding-top-layout) / 5); }
.pr-layout-\/5 { padding-right: calc(var(--padding-right-layout) / 5); }
.pb-layout-\/5 { padding-bottom: calc(var(--padding-bottom-layout) / 5); }
.pl-layout-\/5 { padding-left: calc(var(--padding-left-layout) / 5); }

.p-default-\/4 { padding: calc(var(--padding-top-default) / 4) calc(var(--padding-right-default) / 4) calc(var(--padding-bottom-default) / 4) calc(var(--padding-left-default) / 4); }
.px-default-\/4 { padding-left: calc(var(--padding-left-default) / 4); padding-right: calc(var(--padding-right-default) / 4); }
.py-default-\/4 { padding-top: calc(var(--padding-top-default) / 4); padding-bottom: calc(var(--padding-bottom-default) / 4); }
.pt-default-\/4 { padding-top: calc(var(--padding-top-default) / 4); }
.pr-default-\/4 { padding-right: calc(var(--padding-right-default) / 4); }
.pb-default-\/4 { padding-bottom: calc(var(--padding-bottom-default) / 4); }
.pl-default-\/4 { padding-left: calc(var(--padding-left-default) / 4); }

.p-layout-\/4 { padding: calc(var(--padding-top-layout) / 4) calc(var(--padding-right-layout) / 4) calc(var(--padding-bottom-layout) / 4) calc(var(--padding-left-layout) / 4); }
.px-layout-\/4 { padding-left: calc(var(--padding-left-layout) / 4); padding-right: calc(var(--padding-right-layout) / 4); }
.py-layout-\/4 { padding-top: calc(var(--padding-top-layout) / 4); padding-bottom: calc(var(--padding-bottom-layout) / 4); }
.pt-layout-\/4 { padding-top: calc(var(--padding-top-layout) / 4); }
.pr-layout-\/4 { padding-right: calc(var(--padding-right-layout) / 4); }
.pb-layout-\/4 { padding-bottom: calc(var(--padding-bottom-layout) / 4); }
.pl-layout-\/4 { padding-left: calc(var(--padding-left-layout) / 4); }

.p-default-\/3 { padding: calc(var(--padding-top-default) / 3) calc(var(--padding-right-default) / 3) calc(var(--padding-bottom-default) / 3) calc(var(--padding-left-default) / 3); }
.px-default-\/3 { padding-left: calc(var(--padding-left-default) / 3); padding-right: calc(var(--padding-right-default) / 3); }
.py-default-\/3 { padding-top: calc(var(--padding-top-default) / 3); padding-bottom: calc(var(--padding-bottom-default) / 3); }
.pt-default-\/3 { padding-top: calc(var(--padding-top-default) / 3); }
.pr-default-\/3 { padding-right: calc(var(--padding-right-default) / 3); }
.pb-default-\/3 { padding-bottom: calc(var(--padding-bottom-default) / 3); }
.pl-default-\/3 { padding-left: calc(var(--padding-left-default) / 3); }

.p-layout-\/3 { padding: calc(var(--padding-top-layout) / 3) calc(var(--padding-right-layout) / 3) calc(var(--padding-bottom-layout) / 3) calc(var(--padding-left-layout) / 3); }
.px-layout-\/3 { padding-left: calc(var(--padding-left-layout) / 3); padding-right: calc(var(--padding-right-layout) / 3); }
.py-layout-\/3 { padding-top: calc(var(--padding-top-layout) / 3); padding-bottom: calc(var(--padding-bottom-layout) / 3); }
.pt-layout-\/3 { padding-top: calc(var(--padding-top-layout) / 3); }
.pr-layout-\/3 { padding-right: calc(var(--padding-right-layout) / 3); }
.pb-layout-\/3 { padding-bottom: calc(var(--padding-bottom-layout) / 3); }
.pl-layout-\/3 { padding-left: calc(var(--padding-left-layout) / 3); }

.p-default-\/2 { padding: calc(var(--padding-top-default) / 2) calc(var(--padding-right-default) / 2) calc(var(--padding-bottom-default) / 2) calc(var(--padding-left-default) / 2); }
.px-default-\/2 { padding-left: calc(var(--padding-left-default) / 2); padding-right: calc(var(--padding-right-default) / 2); }
.py-default-\/2 { padding-top: calc(var(--padding-top-default) / 2); padding-bottom: calc(var(--padding-bottom-default) / 2); }
.pt-default-\/2 { padding-top: calc(var(--padding-top-default) / 2); }
.pr-default-\/2 { padding-right: calc(var(--padding-right-default) / 2); }
.pb-default-\/2 { padding-bottom: calc(var(--padding-bottom-default) / 2); }
.pl-default-\/2 { padding-left: calc(var(--padding-left-default) / 2); }

.p-layout-\/2 { padding: calc(var(--padding-top-layout) / 2) calc(var(--padding-right-layout) / 2) calc(var(--padding-bottom-layout) / 2) calc(var(--padding-left-layout) / 2); }
.px-layout-\/2 { padding-left: calc(var(--padding-left-layout) / 2); padding-right: calc(var(--padding-right-layout) / 2); }
.py-layout-\/2 { padding-top: calc(var(--padding-top-layout) / 2); padding-bottom: calc(var(--padding-bottom-layout) / 2); }
.pt-layout-\/2 { padding-top: calc(var(--padding-top-layout) / 2); }
.pr-layout-\/2 { padding-right: calc(var(--padding-right-layout) / 2); }
.pb-layout-\/2 { padding-bottom: calc(var(--padding-bottom-layout) / 2); }
.pl-layout-\/2 { padding-left: calc(var(--padding-left-layout) / 2); }

.p-default { padding: var(--padding-top-default) var(--padding-right-default) var(--padding-bottom-default) var(--padding-left-default); }
.px-default { padding-right: var(--padding-right-default); padding-left: var(--padding-left-default); }
.py-default { padding-top: var(--padding-top-default); padding-bottom: var(--padding-bottom-default); }
.pt-default { padding-top: var(--padding-top-default); }
.pr-default { padding-right: var(--padding-right-default); }
.pb-default { padding-bottom: var(--padding-bottom-default); }
.pl-default { padding-left: var(--padding-left-default); }

.p-layout { padding: var(--padding-top-layout) var(--padding-right-layout) var(--padding-bottom-layout) var(--padding-left-layout); }
.px-layout { padding-right: var(--padding-right-layout); padding-left: var(--padding-left-layout); }
.py-layout { padding-top: var(--padding-top-layout); padding-bottom: var(--padding-bottom-layout); }
.pt-layout { padding-top: var(--padding-top-layout); }
.pr-layout { padding-right: var(--padding-right-layout); }
.pb-layout { padding-bottom: var(--padding-bottom-layout); }
.pl-layout { padding-left: var(--padding-left-layout); }

.p-default-x1_5 { padding: calc(var(--padding-top-default) * 1.5) calc(var(--padding-right-default) * 1.5) calc(var(--padding-bottom-default) * 1.5) calc(var(--padding-left-default) * 1.5); }
.px-default-x1_5 { padding-left: calc(var(--padding-left-default) * 1.5); padding-right: calc(var(--padding-right-default) * 1.5); }
.py-default-x1_5 { padding-top: calc(var(--padding-top-default) * 1.5); padding-bottom: calc(var(--padding-bottom-default) * 1.5); }
.pt-default-x1_5 { padding-top: calc(var(--padding-top-default) * 1.5); }
.pr-default-x1_5 { padding-right: calc(var(--padding-right-default) * 1.5); }
.pb-default-x1_5 { padding-bottom: calc(var(--padding-bottom-default) * 1.5); }
.pl-default-x1_5 { padding-left: calc(var(--padding-left-default) * 1.5); }

.p-layout-x1_5 { padding: calc(var(--padding-top-layout) * 1.5) calc(var(--padding-right-layout) * 1.5) calc(var(--padding-bottom-layout) * 1.5) calc(var(--padding-left-layout) * 1.5); }
.px-layout-x1_5 { padding-left: calc(var(--padding-left-layout) * 1.5); padding-right: calc(var(--padding-right-layout) * 1.5); }
.py-layout-x1_5 { padding-top: calc(var(--padding-top-layout) * 1.5); padding-bottom: calc(var(--padding-bottom-layout) * 1.5); }
.pt-layout-x1_5 { padding-top: calc(var(--padding-top-layout) * 1.5); }
.pr-layout-x1_5 { padding-right: calc(var(--padding-right-layout) * 1.5); }
.pb-layout-x1_5 { padding-bottom: calc(var(--padding-bottom-layout) * 1.5); }
.pl-layout-x1_5 { padding-left: calc(var(--padding-left-layout) * 1.5); }

.p-default-x2 { padding: calc(var(--padding-top-default) * 2) calc(var(--padding-right-default) * 2) calc(var(--padding-bottom-default) * 2) calc(var(--padding-left-default) * 2); }
.px-default-x2 { padding-left: calc(var(--padding-left-default) * 2); padding-right: calc(var(--padding-right-default) * 2); }
.py-default-x2 { padding-top: calc(var(--padding-top-default) * 2); padding-bottom: calc(var(--padding-bottom-default) * 2); }
.pt-default-x2 { padding-top: calc(var(--padding-top-default) * 2); }
.pr-default-x2 { padding-right: calc(var(--padding-right-default) * 2); }
.pb-default-x2 { padding-bottom: calc(var(--padding-bottom-default) * 2); }
.pl-default-x2 { padding-left: calc(var(--padding-left-default) * 2); }

.p-layout-x2 { padding: calc(var(--padding-top-layout) * 2) calc(var(--padding-right-layout) * 2) calc(var(--padding-bottom-layout) * 2) calc(var(--padding-left-layout) * 2); }
.px-layout-x2 { padding-left: calc(var(--padding-left-layout) * 2); padding-right: calc(var(--padding-right-layout) * 2); }
.py-layout-x2 { padding-top: calc(var(--padding-top-layout) * 2); padding-bottom: calc(var(--padding-bottom-layout) * 2); }
.pt-layout-x2 { padding-top: calc(var(--padding-top-layout) * 2); }
.pr-layout-x2 { padding-right: calc(var(--padding-right-layout) * 2); }
.pb-layout-x2 { padding-bottom: calc(var(--padding-bottom-layout) * 2); }
.pl-layout-x2 { padding-left: calc(var(--padding-left-layout) * 2); }

.p-default-x3 { padding: calc(var(--padding-top-default) * 3) calc(var(--padding-right-default) * 3) calc(var(--padding-bottom-default) * 3) calc(var(--padding-left-default) * 3); }
.px-default-x3 { padding-left: calc(var(--padding-left-default) * 3); padding-right: calc(var(--padding-right-default) * 3); }
.py-default-x3 { padding-top: calc(var(--padding-top-default) * 3); padding-bottom: calc(var(--padding-bottom-default) * 3); }
.pt-default-x3 { padding-top: calc(var(--padding-top-default) * 3); }
.pr-default-x3 { padding-right: calc(var(--padding-right-default) * 3); }
.pb-default-x3 { padding-bottom: calc(var(--padding-bottom-default) * 3); }
.pl-default-x3 { padding-left: calc(var(--padding-left-default) * 3); }

.p-layout-x3 { padding: calc(var(--padding-top-layout) * 3) calc(var(--padding-right-layout) * 3) calc(var(--padding-bottom-layout) * 3) calc(var(--padding-left-layout) * 3); }
.px-layout-x3 { padding-left: calc(var(--padding-left-layout) * 3); padding-right: calc(var(--padding-right-layout) * 3); }
.py-layout-x3 { padding-top: calc(var(--padding-top-layout) * 3); padding-bottom: calc(var(--padding-bottom-layout) * 3); }
.pt-layout-x3 { padding-top: calc(var(--padding-top-layout) * 3); }
.pr-layout-x3 { padding-right: calc(var(--padding-right-layout) * 3); }
.pb-layout-x3 { padding-bottom: calc(var(--padding-bottom-layout) * 3); }
.pl-layout-x3 { padding-left: calc(var(--padding-left-layout) * 3); }

.p-default-x4 { padding: calc(var(--padding-top-default) * 4) calc(var(--padding-right-default) * 4) calc(var(--padding-bottom-default) * 4) calc(var(--padding-left-default) * 4); }
.px-default-x4 { padding-left: calc(var(--padding-left-default) * 4); padding-right: calc(var(--padding-right-default) * 4); }
.py-default-x4 { padding-top: calc(var(--padding-top-default) * 4); padding-bottom: calc(var(--padding-bottom-default) * 4); }
.pt-default-x4 { padding-top: calc(var(--padding-top-default) * 4); }
.pr-default-x4 { padding-right: calc(var(--padding-right-default) * 4); }
.pb-default-x4 { padding-bottom: calc(var(--padding-bottom-default) * 4); }
.pl-default-x4 { padding-left: calc(var(--padding-left-default) * 4); }

.p-layout-x4 { padding: calc(var(--padding-top-layout) * 4) calc(var(--padding-right-layout) * 4) calc(var(--padding-bottom-layout) * 4) calc(var(--padding-left-layout) * 4); }
.px-layout-x4 { padding-left: calc(var(--padding-left-layout) * 4); padding-right: calc(var(--padding-right-layout) * 4); }
.py-layout-x4 { padding-top: calc(var(--padding-top-layout) * 4); padding-bottom: calc(var(--padding-bottom-layout) * 4); }
.pt-layout-x4 { padding-top: calc(var(--padding-top-layout) * 4); }
.pr-layout-x4 { padding-right: calc(var(--padding-right-layout) * 4); }
.pb-layout-x4 { padding-bottom: calc(var(--padding-bottom-layout) * 4); }
.pl-layout-x4 { padding-left: calc(var(--padding-left-layout) * 4); }

.p-default-x5 { padding: calc(var(--padding-top-default) * 5) calc(var(--padding-right-default) * 5) calc(var(--padding-bottom-default) * 5) calc(var(--padding-left-default) * 5); }
.px-default-x5 { padding-left: calc(var(--padding-left-default) * 5); padding-right: calc(var(--padding-right-default) * 5); }
.py-default-x5 { padding-top: calc(var(--padding-top-default) * 5); padding-bottom: calc(var(--padding-bottom-default) * 5); }
.pt-default-x5 { padding-top: calc(var(--padding-top-default) * 5); }
.pr-default-x5 { padding-right: calc(var(--padding-right-default) * 5); }
.pb-default-x5 { padding-bottom: calc(var(--padding-bottom-default) * 5); }
.pl-default-x5 { padding-left: calc(var(--padding-left-default) * 5); }

.p-layout-x5 { padding: calc(var(--padding-top-layout) * 5) calc(var(--padding-right-layout) * 5) calc(var(--padding-bottom-layout) * 5) calc(var(--padding-left-layout) * 5); }
.px-layout-x5 { padding-left: calc(var(--padding-left-layout) * 5); padding-right: calc(var(--padding-right-layout) * 5); }
.py-layout-x5 { padding-top: calc(var(--padding-top-layout) * 5); padding-bottom: calc(var(--padding-bottom-layout) * 5); }
.pt-layout-x5 { padding-top: calc(var(--padding-top-layout) * 5); }
.pr-layout-x5 { padding-right: calc(var(--padding-right-layout) * 5); }
.pb-layout-x5 { padding-bottom: calc(var(--padding-bottom-layout) * 5); }
.pl-layout-x5 { padding-left: calc(var(--padding-left-layout) * 5); }
/****************************************************** FIM DEFAULT MARGINS/PADDINGS ******************************************************/

/********************************************************* CONTROLOS SHOW / HIDE **********************************************************/
.block { display: block; }
.inline { display: inline; }
.inline-block { display: inline-block; }
.flex { display: flex; }
.inline-flex { display: inline-flex; }
.grid { display: grid; }
.inline-grid { display: inline-grid; }
.table { display: table; }
.table-row { display: table-row; }
.table-cell { display: table-cell; }
.hidden { display: none; }
.hide1024{display: none;}
.show1024{display: block;}
/******************************************************* FIM CONTROLOS SHOW / HIDE ********************************************************/
/**************************************************************** OVERFLOW ****************************************************************/
.overflow-auto{ overflow: auto; }
.overflow-hidden{ overflow: hidden; }
.overflow-clip{ overflow: clip; }
.overflow-visible{ overflow: visible; }
.overflow-scroll{ overflow: scroll; }
.overflow-x-auto{ overflow-x: auto; }
.overflow-y-auto{ overflow-y: auto; }
.overflow-x-hidden{ overflow-x: hidden; }
.overflow-y-hidden{ overflow-y: hidden; }
.overflow-x-clip{ overflow-x: clip; }
.overflow-y-clip{ overflow-y: clip; }
.overflow-x-visible{ overflow-x: visible; }
.overflow-y-visible{ overflow-y: visible; }
.overflow-x-scroll{ overflow-x: scroll; }
.overflow-y-scroll{ overflow-y: scroll; }
/************************************************************** FIM OVERFLOW **************************************************************/
/************************************************************** POSITIONING ***************************************************************/
.static { position: static; }
.relative { position: relative; }
.absolute { position: absolute; }
.fixed { position: fixed; }
.sticky { position: sticky; }

.top-0 { top: 0; }
.top-50 { top: 50%; }
.top-100 { top: 100%; }
.top { top: var(--top); }

.bottom-0 { bottom: 0; }
.bottom-50 { bottom: 50%; }
.bottom-100 { bottom: 100%; }
.bottom { bottom: var(--bottom); }

.left-0 { left: 0; }
.left-50 { left: 50%; }
.left-100 { left: 100%; }
.left { left: var(--left); }

.right-0 { right: 0; }
.right-50 { right: 50%; }
.right-100 { right: 100%; }
.right { right: var(--right); }

.group.active .group-active\:translate-x-0, .group.selected .group-selected\:translate-x-0, .group:hover .group-hover\:translate-x-0, .hover\:translate-x-0:hover, .translate-x-0 { --icono2-translate-x: 0; }
.group.active .group-active\:translate-x-50, .group.selected .group-selected\:translate-x-50, .group:hover .group-hover\:translate-x-50, .hover\:translate-x-50:hover, .translate-x-50 { --icono2-translate-x: 50%; }
.group.active .group-active\:-translate-x-50, .group.selected .group-selected\:-translate-x-50, .group:hover .group-hover\:-translate-x-50, .hover\:-translate-x-50:hover, .-translate-x-50 { --icono2-translate-x: -50%; }
.group.active .group-active\:translate-x-full, .group.selected .group-selected\:translate-x-full, .group:hover .group-hover\:translate-x-full, .hover\:translate-x-full:hover, .translate-x-full { --icono2-translate-x: 100%; }
.group.active .group-active\:-translate-x-full, .group.selected .group-selected\:-translate-x-full, .group:hover .group-hover\:-translate-x-full, .hover\:-translate-x-full:hover, .-translate-x-full { --icono2-translate-x: -100%; }
.group.active .group-active\:translate-y-0, .group.selected .group-selected\:translate-y-0, .group:hover .group-hover\:translate-y-0, .hover\:translate-y-0:hover, .translate-y-0 { --icono2-translate-y: 0; }
.group.active .group-active\:translate-y-50, .group.selected .group-selected\:translate-y-50, .group:hover .group-hover\:translate-y-50, .hover\:translate-y-50:hover, .translate-y-50 { --icono2-translate-y: 50%; }
.group.active .group-active\:-translate-y-50, .group.selected .group-selected\:-translate-y-50, .group:hover .group-hover\:-translate-y-50, .hover\:-translate-y-50:hover, .-translate-y-50 { --icono2-translate-y: -50%; }
.group.active .group-active\:translate-y-full, .group.selected .group-selected\:translate-y-full, .group:hover .group-hover\:translate-y-full, .hover\:translate-y-full:hover, .translate-y-full { --icono2-translate-y: 100%; }
.group.active .group-active\:-translate-y-full, .group.selected .group-selected\:-translate-y-full, .group:hover .group-hover\:-translate-y-full, .hover\:-translate-y-full:hover, .-translate-y-full { --icono2-translate-y: -100%; }
.group.active .group-active\:translate-50, .group.selected .group-selected\:translate-50, .group:hover .group-hover\:translate-50, .hover\:translate-50:hover, .translate-50 { --icono2-translate-x: 50%; --icono2-translate-y: 50%; }
.group.active .group-active\:-translate-50, .group.selected .group-selected\:-translate-50, .group:hover .group-hover\:-translate-50, .hover\:-translate-50:hover, .-translate-50 { --icono2-translate-x: -50%; --icono2-translate-y: -50%; }
.group.active .group-active\:translate-x, .group.selected .group-selected\:translate-x, .group:hover .group-hover\:translate-x, .hover\:translate-x:hover, .translate-x { --icono2-translate-x: var(--translate-x); }
.group.active .group-active\:translate-x-anim, .group.selected .group-selected\:translate-x-anim, .group:hover .group-hover\:translate-x-anim, .hover\:translate-x-anim:hover { --icono2-translate-x: var(--translate-x-anim); }
.group.active .group-active\:translate-y, .group.selected .group-selected\:translate-y, .group:hover .group-hover\:translate-y, .hover\:translate-y:hover, .translate-y { --icono2-translate-y: var(--translate-y); }
.group.active .group-active\:translate-y-anim, .group.selected .group-selected\:translate-y-anim, .group:hover .group-hover\:translate-y-anim, .hover\:translate-y-anim:hover { --icono2-translate-y: var(--translate-y-anim); }
.group.active .group-active\:scale, .group.selected .group-selected\:scale, .group:hover .group-hover\:scale, .hover\:scale:hover, .scale { --icono2-scale: var(--scale); }
.group.active .group-active\:scale-anim, .group.selected .group-selected\:scale-anim, .group:hover .group-hover\:scale-anim, .hover\:scale-anim:hover, .scale-anim { --icono2-scale-anim: var(--scale-anim); }
.group.active .group-active\:scale-100, .group.selected .group-selected\:scale-100, .group:hover .group-hover\:scale-100, .hover\:scale-100:hover, .scale-100 { --icono2-scale: 1; }
.group.active .group-active\:scale-anim-100, .group.selected .group-selected\:scale-anim-100, .group:hover .group-hover\:scale-anim-100, .hover\:scale-anim-100:hover, .scale-anim-100 { --icono2-scale-anim: 1; }
.group.active .group-active\:scale-110, .group.selected .group-selected\:scale-110, .group:hover .group-hover\:scale-110, .hover\:scale-110:hover, .scale-110 { --icono2-scale: 1.1; }
.group.active .group-active\:scale-anim-110, .group.selected .group-selected\:scale-anim-110, .group:hover .group-hover\:scale-anim-110, .hover\:scale-anim-110:hover, .scale-anim-110 { --icono2-scale-anim: 1.1; }
.group.active .group-active\:scale-125, .group.selected .group-selected\:scale-125, .group:hover .group-hover\:scale-125, .hover\:scale-125:hover, .scale-125 { --icono2-scale: 1.25; }
.group.active .group-active\:scale-anim-125, .group.selected .group-selected\:scale-anim-125, .group:hover .group-hover\:scale-anim-125, .hover\:scale-anim-125:hover, .scale-anim-125 { --icono2-scale-anim: 1.25; }
.group.active .group-active\:scale-150, .group.selected .group-selected\:scale-150, .group:hover .group-hover\:scale-150, .hover\:scale-150:hover, .scale-150 { --icono2-scale: 1.5; }
.group.active .group-active\:scale-anim-150, .group.selected .group-selected\:scale-anim-150, .group:hover .group-hover\:scale-anim-150, .hover\:scale-anim-150:hover, .scale-anim-150 { --icono2-scale-anim: 1.5; }
.group.active .group-active\:scale-200, .group.selected .group-selected\:scale-200, .group:hover .group-hover\:scale-200, .hover\:scale-200:hover, .scale-200 { --icono2-scale: 2; }
.group.active .group-active\:scale-anim-200, .group.selected .group-selected\:scale-anim-200, .group:hover .group-hover\:scale-anim-200, .hover\:scale-anim-200:hover, .scale-anim-200 { --icono2-scale-anim: 2; }
.group.active .group-active\:rotate-0, .group.selected .group-selected\:rotate-0, .group:hover .group-hover\:rotate-0, .hover\:rotate-0:hover, .rotate-0 { --icono2-rotate: 0deg; }
.group.active .group-active\:rotate-45, .group.selected .group-selected\:rotate-45, .group:hover .group-hover\:rotate-45, .hover\:rotate-45:hover, .rotate-45 { --icono2-rotate: 45deg; }
.group.active .group-active\:rotate-90, .group.selected .group-selected\:rotate-90, .group:hover .group-hover\:rotate-90, .hover\:rotate-90:hover, .rotate-90 { --icono2-rotate: 90deg; }
.group.active .group-active\:rotate-180, .group.selected .group-selected\:rotate-180, .group:hover .group-hover\:rotate-180, .hover\:rotate-180:hover, .rotate-180 { --icono2-rotate: 180deg; }
.group.active .group-active\:rotate-270, .group.selected .group-selected\:rotate-270, .group:hover .group-hover\:rotate-270, .hover\:rotate-270:hover, .rotate-270 { --icono2-rotate: 270deg; }
.group.active .group-active\:translate-x-0, .group.selected .group-selected\:translate-x-0, .group:hover .group-hover\:translate-x-0, .hover\:translate-x-0:hover, .translate-x-0,
.group.active .group-active\:translate-x-50, .group.selected .group-selected\:translate-x-50, .group:hover .group-hover\:translate-x-50, .hover\:translate-x-50:hover, .translate-x-50,
.group.active .group-active\:-translate-x-50, .group.selected .group-selected\:-translate-x-50, .group:hover .group-hover\:-translate-x-50, .hover\:-translate-x-50:hover, .-translate-x-50,
.group.active .group-active\:translate-x-full, .group.selected .group-selected\:translate-x-full, .group:hover .group-hover\:translate-x-full, .hover\:translate-x-full:hover, .translate-x-full,
.group.active .group-active\:-translate-x-full, .group.selected .group-selected\:-translate-x-full, .group:hover .group-hover\:-translate-x-full, .hover\:-translate-x-full:hover, .-translate-x-full,
.group.active .group-active\:translate-y-0, .group.selected .group-selected\:translate-y-0, .group:hover .group-hover\:translate-y-0, .hover\:translate-y-0:hover, .translate-y-0,
.group.active .group-active\:translate-y-50, .group.selected .group-selected\:translate-y-50, .group:hover .group-hover\:translate-y-50, .hover\:translate-y-50:hover, .translate-y-50,
.group.active .group-active\:-translate-y-50, .group.selected .group-selected\:-translate-y-50, .group:hover .group-hover\:-translate-y-50, .hover\:-translate-y-50:hover, .-translate-y-50,
.group.active .group-active\:translate-y-full, .group.selected .group-selected\:translate-y-full, .group:hover .group-hover\:translate-y-full, .hover\:translate-y-full:hover, .translate-y-full,
.group.active .group-active\:-translate-y-full, .group.selected .group-selected\:-translate-y-full, .group:hover .group-hover\:-translate-y-full, .hover\:-translate-y-full:hover, .-translate-y-full,
.group.active .group-active\:translate-50, .group.selected .group-selected\:translate-50, .group:hover .group-hover\:translate-50, .hover\:translate-50:hover, .translate-50,
.group.active .group-active\:-translate-50, .group.selected .group-selected\:-translate-50, .group:hover .group-hover\:-translate-50, .hover\:-translate-50:hover, .-translate-50,
.group.active .group-active\:translate-x, .group.selected .group-selected\:translate-x, .group:hover .group-hover\:translate-x, .hover\:translate-x:hover, .translate-x,
.group.active .group-active\:translate-y, .group.selected .group-selected\:translate-y, .group:hover .group-hover\:translate-y, .hover\:translate-y:hover, .translate-y,
.group.active .group-active\:scale-100, .group.selected .group-selected\:scale-100, .group:hover .group-hover\:scale-100, .hover\:scale-100:hover, .scale-100,
.group.active .group-active\:scale-110, .group.selected .group-selected\:scale-110, .group:hover .group-hover\:scale-110, .hover\:scale-110:hover, .scale-110,
.group.active .group-active\:scale-125, .group.selected .group-selected\:scale-125, .group:hover .group-hover\:scale-125, .hover\:scale-125:hover, .scale-125,
.group.active .group-active\:scale-150, .group.selected .group-selected\:scale-150, .group:hover .group-hover\:scale-150, .hover\:scale-150:hover, .scale-150,
.group.active .group-active\:scale-200, .group.selected .group-selected\:scale-200, .group:hover .group-hover\:scale-200, .hover\:scale-200:hover, .scale-200,
.group.active .group-active\:rotate-0, .group.selected .group-selected\:rotate-0, .group:hover .group-hover\:rotate-0, .hover\:rotate-0:hover, .rotate-0,
.group.active .group-active\:rotate-45, .group.selected .group-selected\:rotate-45, .group:hover .group-hover\:rotate-45, .hover\:rotate-45:hover, .rotate-45,
.group.active .group-active\:rotate-90, .group.selected .group-selected\:rotate-90, .group:hover .group-hover\:rotate-90, .hover\:rotate-90:hover, .rotate-90,
.group.active .group-active\:rotate-180, .group.selected .group-selected\:rotate-180, .group:hover .group-hover\:rotate-180, .hover\:rotate-180:hover, .rotate-180,
.group.active .group-active\:rotate-270:not(.group .group-active\:rotate-270 *), .group.selected .group-selected\:rotate-270, .group:hover .group-hover\:rotate-270, .hover\:rotate-270:hover, .rotate-270,
.hoverimg-child, .transform { transform: translateX(var(--icono2-translate-x)) translateY(var(--icono2-translate-y)) rotate(var(--icono2-rotate)) scale(var(--icono2-scale)); }

.-z-1 { z-index: -1; }
.z-0 { z-index: 0; }
.z-1 { z-index: 1; }
.z-2 { z-index: 2; }
.z-3 { z-index: 3; }
.z-4 { z-index: 4; }
.z-5 { z-index: 5; }
.z-6 { z-index: 6; }
.z-7 { z-index: 7; }
.z-8 { z-index: 8; }
.z-9 { z-index: 9; }
.z-10 { z-index: 10; }
.z-11 { z-index: 11; }
.z-12 { z-index: 12; }
.z-13 { z-index: 13; }
.z-14 { z-index: 14; }
.z-15 { z-index: 15; }
.z-16 { z-index: 16; }
.z-17 { z-index: 17; }
.z-18 { z-index: 18; }
.z-19 { z-index: 19; }
.z-20 { z-index: 20; }
.z-50 { z-index: 50; }
.z-100 { z-index: 100; }
.z-auto { z-index: auto; }

.float-right{ float: right; }
.float-left{ float: left; }
.float-start{ float: inline-start; }
.float-end{ float: inline-end; }
.float-none{ float: none; }

.clear-left{ clear: left; }
.clear-right{ clear: right; }
.clear-both{ clear: both; }
.clear-start{ clear: inline-start; }
.clear-end{ clear: inline-end; }
.clear-none{ clear: none; }
/************************************************************ FIM POSITIONING *************************************************************/

.text-left{ text-align: left; }
.text-center{ text-align: center; }
.text-right{ text-align: right; }
.text-justify{ text-align: justify; }
.text-start{ text-align: start; }
.text-end{ text-align: end; }

.writing-mode-vlr{ writing-mode: vertical-lr; }

/************************************************************** ASPECT_RATIO **************************************************************/
.ratio-1{ --ratio-w: 1; --ratio-h: 1; }
.ratio-4\/3{ --ratio-w: 4; --ratio-h: 3; }
.ratio-16\/9{ --ratio-w: 16; --ratio-h: 9; }
.ratio-9\/16{ --ratio-w: 9; --ratio-h: 16; }
.ratio-1, .ratio-4\/3, .ratio-16\/9, .ratio-9\/16, .ratio{ aspect-ratio: var(--ratio-w)/var(--ratio-h); }

@supports not (aspect-ratio: 1/1) {
  .ratio::before, .ratio-1::before, .ratio-4\/3::before, .ratio-16\/9::before, .ratio-9\/16::before{ float: left; padding-top: calc((var(--ratio-h) / var(--ratio-w)) * 100%); content: ""; }
  .ratio > div:nth-child(1), .ratio-1 > div:nth-child(1), .ratio-4\/3 > div:nth-child(1), .ratio-16\/9 > div:nth-child(1), .ratio-9\/16 > div:nth-child(1){ position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
  .ratio::after, .ratio-1::after, .ratio-4\/3::after, .ratio-16\/9::after, .ratio-9\/16::after{display: block; content: ""; clear: both;}
}
/************************************************************ FIM ASPECT_RATIO ************************************************************/


/*********************************************************** DEFAULTS FLEX/GRID ***********************************************************/
/*************************************************************** DIRECTION ****************************************************************/
.flex-row{ flex-direction: row; }
.flex-row-reverse{ flex-direction: row-reverse; }
.flex-col{ flex-direction: column; }
.flex-col-reverse{ flex-direction: column-reverse; }
/************************************************************* FIM DIRECTION **************************************************************/
/****************************************************************** WRAP ******************************************************************/
.flex-nowrap{ flex-wrap: nowrap; }
.flex-wrap{ flex-wrap: wrap; }
.flex-wrap-reverse{ flex-wrap: wrap-reverse; }
/**************************************************************** FIM WRAP ****************************************************************/
/****************************************************************** GROW ******************************************************************/
.flex-grow{ flex-grow: var(--flex-grow); }
.flex-grow-1{ flex-grow: 1; }
.flex-nogrow{ flex-grow: 0; }
/**************************************************************** FIM GROW ****************************************************************/
/***************************************************************** SHRINK *****************************************************************/
.flex-shrink{ flex-shrink: var(--flex-shrink); }
.flex-shrink-1{ flex-shrink: 1; }
.flex-noshrink{ flex-shrink: 0; }
/*************************************************************** FIM SHRINK ***************************************************************/
/*************************************************************** FLEX-BASIS ***************************************************************/
.basis{ flex-basis: var(--basis); }
.basis-full{ flex-basis: 100%; }
.basis-0{ flex-basis: 0%; }
.basis-1\/12 { flex-basis: 8.333%; }
.basis-1\/10 { flex-basis: 10%; }
.basis-1\/8 { flex-basis: 12.5%; }
.basis-1\/6, .basis-2\/12 { flex-basis: 16.667%; }
.basis-1\/5, .basis-2\/10 { flex-basis: 20%; }
.basis-1\/4, .basis-2\/8, .basis-3\/12 { flex-basis: 25%; }
.basis-3\/10 { flex-basis: 30%; }
.basis-1\/3, .basis-2\/6, .basis-4\/12 { flex-basis: 33.333%; }
.basis-3\/8 { flex-basis: 37.5%; }
.basis-2\/5, .basis-4\/10 { flex-basis: 40%; }
.basis-5\/12 { flex-basis: 41.667%; }
.basis-1\/2, .basis-2\/4, .basis-3\/6, .basis-4\/8, .basis-5\/10, .basis-6\/12 { flex-basis: 50%; }
.basis-7\/12 { flex-basis: 58.333%; }
.basis-3\/5, .basis-6\/10 { flex-basis: 60%; }
.basis-5\/8 { flex-basis: 62.5%; }
.basis-2\/3 { flex-basis: 66.666%; }
.basis-4\/6, .basis-8\/12 { flex-basis: 66.667%; }
.basis-7\/10 { flex-basis: 70%; }
.basis-3\/4, .basis-6\/8, .basis-9\/12 { flex-basis: 75%; }
.basis-4\/5, .basis-8\/10 { flex-basis: 80%; }
.basis-5\/6, .basis-10\/12 { flex-basis: 83.333%; }
.basis-7\/8 { flex-basis: 87.5%; }
.basis-9\/10 { flex-basis: 90%; }
.basis-11\/12 { flex-basis: 91.667%; }
/************************************************************* FIM FLEX-BASIS *************************************************************/

/****************************************************************** GROW ******************************************************************/
.gap-x-0{ column-gap: 0; }
.gap-y-0{ row-gap: 0; }
.gap-x{ column-gap: var(--gap-x); }
.gap-y{ row-gap: var(--gap-y); }
/**************************************************************** FIM GROW ****************************************************************/
/************************************************************ JUSTIFY CONTENT *************************************************************/
.justify-start{ justify-content: flex-start; }
.justify-end{ justify-content: flex-end; }
.justify-center{ justify-content: center; }
.justify-between{ justify-content: space-between; }
.justify-around{ justify-content: space-around; }
.justify-evenly{ justify-content: space-evenly; }
.justify-stretch{ justify-content: stretch; }
.justify-baseline{ justify-content: baseline; }
.justify-normal{ justify-content: normal; }
/********************************************************** FIM JUSTIFY CONTENT ***********************************************************/
/************************************************************* JUSTIFY ITEMS **************************************************************/
.justify-items-start{ justify-items: start; }
.justify-items-end{ justify-items: end; }
.justify-items-center{ justify-items: center; }
.justify-items-stretch{ justify-items: stretch; }
.justify-items-normal{ justify-items: normal; }
/*********************************************************** FIM JUSTIFY ITEMS ************************************************************/
/************************************************************** ALIGN ITEMS ***************************************************************/
.items-start{ align-items: flex-start; }
.items-end{ align-items: flex-end; }
.items-center{ align-items: center; }
.items-baseline{ align-items: baseline; }
.items-stretch{ align-items: stretch; }
/************************************************************ FIM ALIGN ITEMS *************************************************************/
/*************************************************************** ALIGN SELF ***************************************************************/
.self-auto{ align-self: auto; }
.self-start{ align-self: flex-start; }
.self-end{ align-self: flex-end; }
.self-center{ align-self: center; }
.self-stretch{ align-self: stretch; }
.self-baseline{ align-self: baseline; }
/************************************************************* FIM ALIGN SELF *************************************************************/
.auto-cols-auto{ grid-auto-columns: auto; }
.auto-cols-min{ grid-auto-columns: min-content; }
.auto-cols-max{ grid-auto-columns: max-content; }
.auto-cols-fr{ grid-auto-columns: minmax(0, 1fr); }

.template-cols-fr{ grid-template-rows: minmax(0, 1fr); }

/********************************************************* FIM DEFAULTS FLEX/GRID *********************************************************/

.whitespace-normal{ white-space: normal; }
.whitespace-nowrap{ white-space: nowrap; }
.whitespace-pre{ white-space: pre; }
.whitespace-pre-line{ white-space: pre-line; }
.whitespace-pre-wrap{ white-space: pre-wrap; }
.whitespace-break-spaces{ white-space: break-spaces; }

.text-wrap{ text-wrap: wrap; }
.text-nowrap{ text-wrap: nowrap; }
.text-balance{ text-wrap: balance; }
.text-pretty{ text-wrap: pretty; }

.whitespace-normal{ white-space: normal; }
.whitespace-nowrap{ white-space: nowrap; }
.whitespace-pre{ white-space: pre; }
.whitespace-pre-line{ white-space: pre-line; }
.whitespace-pre-wrap{ white-space: pre-wrap; }
.whitespace-break-spaces{ white-space: break-spaces; }

.object-contain{ object-fit: contain; }
.object-cover{ object-fit: cover; }
.object-fill{ object-fit: fill; }
.object-none{ object-fit: none; }
.object-scale-down{ object-fit: scale-down; }

/***************************************************************** WIDTHS *****************************************************************/
.w{ width: var(--w); }
.w-0{ width: 0; }
.w-auto{ width: auto; }
.w-full{ width: 100%; }
.w-screen{ width: 100vw; }

.w-1\/12 { width: 8.333%; }
.w-1\/10 { width: 10%; }
.w-1\/8 { width: 12.5%; }
.w-1\/6, .w-2\/12 { width: 16.667%; }
.w-1\/5, .w-2\/10 { width: 20%; }
.w-1\/4, .w-2\/8, .w-3\/12 { width: 25%; }
.w-3\/10 { width: 30%; }
.w-1\/3, .w-2\/6, .w-4\/12 { width: 33.333%; }
.w-3\/8 { width: 37.5%; }
.w-2\/5, .w-4\/10 { width: 40%; }
.w-5\/12 { width: 41.667%; }
.w-1\/2, .w-2\/4, .w-3\/6, .w-4\/8, .w-5\/10, .w-6\/12 { width: 50%; }
.w-7\/12 { width: 58.333%; }
.w-3\/5, .w-6\/10 { width: 60%; }
.w-5\/8 { width: 62.5%; }
.w-2\/3 { width: 66.666%; }
.w-4\/6, .w-8\/12 { width: 66.667%; }
.w-7\/10 { width: 70%; }
.w-3\/4, .w-6\/8, .w-9\/12 { width: 75%; }
.w-4\/5, .w-8\/10 { width: 80%; }
.w-5\/6, .w-10\/12 { width: 83.333%; }
.w-7\/8 { width: 87.5%; }
.w-9\/10 { width: 90%; }
.w-11\/12 { width: 91.667%; }

/*************************************************************** FIM WIDTHS ***************************************************************/

/*************************************************************** MAX WIDTHS ***************************************************************/
.min-w{ min-width: var(--min-w); }
.min-w-0{ min-width: 0; }
.min-w-full{ min-width: 100%; }
.min-w-screen{ min-width: 100vw; }

.min-w-1\/12 { min-width: 8.333%; }
.min-w-1\/10 { min-width: 10%; }
.min-w-1\/8 { min-width: 12.5%; }
.min-w-1\/6, .min-w-2\/12 { min-width: 16.667%; }
.min-w-1\/5, .min-w-2\/10 { min-width: 20%; }
.min-w-1\/4, .min-w-2\/8, .min-w-3\/12 { min-width: 25%; }
.min-w-3\/10 { min-width: 30%; }
.min-w-1\/3, .min-w-2\/6, .min-w-4\/12 { min-width: 33.333%; }
.min-w-3\/8 { min-width: 37.5%; }
.min-w-2\/5, .min-w-4\/10 { min-width: 40%; }
.min-w-5\/12 { min-width: 41.667%; }
.min-w-1\/2, .min-w-2\/4, .min-w-3\/6, .min-w-4\/8, .min-w-5\/10, .min-w-6\/12 { min-width: 50%; }
.min-w-7\/12 { min-width: 58.333%; }
.min-w-3\/5, .min-w-6\/10 { min-width: 60%; }
.min-w-5\/8 { min-width: 62.5%; }
.min-w-2\/3 { min-width: 66.666%; }
.min-w-4\/6, .min-w-8\/12 { min-width: 66.667%; }
.min-w-7\/10 { min-width: 70%; }
.min-w-3\/4, .min-w-6\/8, .min-w-9\/12 { min-width: 75%; }
.min-w-4\/5, .min-w-8\/10 { min-width: 80%; }
.min-w-5\/6, .min-w-10\/12 { min-width: 83.333%; }
.min-w-7\/8 { min-width: 87.5%; }
.min-w-9\/10 { min-width: 90%; }
.min-w-11\/12 { min-width: 91.667%; }
/************************************************************* FIM MAX WIDTHS *************************************************************/

/*************************************************************** MAX WIDTHS ***************************************************************/
.max-w{ max-width: var(--max-w); }
.max-w-0{ max-width: 0%; }
.max-w-full{ max-width: 100%; }
.max-w-screen{ max-width: 100vw; }

.max-w-1\/12 { max-width: 8.333%; }
.max-w-1\/10 { max-width: 10%; }
.max-w-1\/8 { max-width: 12.5%; }
.max-w-1\/6, .max-w-2\/12 { max-width: 16.667%; }
.max-w-1\/5, .max-w-2\/10 { max-width: 20%; }
.max-w-1\/4, .max-w-2\/8, .max-w-3\/12 { max-width: 25%; }
.max-w-3\/10 { max-width: 30%; }
.max-w-1\/3, .max-w-2\/6, .max-w-4\/12 { max-width: 33.333%; }
.max-w-3\/8 { max-width: 37.5%; }
.max-w-2\/5, .max-w-4\/10 { max-width: 40%; }
.max-w-5\/12 { max-width: 41.667%; }
.max-w-1\/2, .max-w-2\/4, .max-w-3\/6, .max-w-4\/8, .max-w-5\/10, .max-w-6\/12 { max-width: 50%; }
.max-w-7\/12 { max-width: 58.333%; }
.max-w-3\/5, .max-w-6\/10 { max-width: 60%; }
.max-w-5\/8 { max-width: 62.5%; }
.max-w-2\/3 { max-width: 66.666%; }
.max-w-4\/6, .max-w-8\/12 { max-width: 66.667%; }
.max-w-7\/10 { max-width: 70%; }
.max-w-3\/4, .max-w-6\/8, .max-w-9\/12 { max-width: 75%; }
.max-w-4\/5, .max-w-8\/10 { max-width: 80%; }
.max-w-5\/6, .max-w-10\/12 { max-width: 83.333%; }
.max-w-7\/8 { max-width: 87.5%; }
.max-w-9\/10 { max-width: 90%; }
.max-w-11\/12 { max-width: 91.667%; }
/************************************************************* FIM MAX WIDTHS *************************************************************/

/**************************************************************** HEIGHTS *****************************************************************/
.h{ height: var(--h); }
.h-auto{ height: auto; }
.h-full{ height: 100%; }
.h-screen{ height: 100vh; }
.h-screenNoHead{ height: calc(100vh - var(--heightbarramenu)); }

.h-1\/12 { height: 8.333%; }
.h-1\/10 { height: 10%; }
.h-1\/8 { height: 12.5%; }
.h-1\/6, .h-2\/12 { height: 16.667%; }
.h-1\/5, .h-2\/10 { height: 20%; }
.h-1\/4, .h-2\/8, .h-3\/12 { height: 25%; }
.h-3\/10 { height: 30%; }
.h-1\/3, .h-2\/6, .h-4\/12 { height: 33.333%; }
.h-3\/8 { height: 37.5%; }
.h-2\/5, .h-4\/10 { height: 40%; }
.h-5\/12 { height: 41.667%; }
.h-1\/2, .h-2\/4, .h-3\/6, .h-4\/8, .h-5\/10, .h-6\/12 { height: 50%; }
.h-7\/12 { height: 58.333%; }
.h-3\/5, .h-6\/10 { height: 60%; }
.h-5\/8 { height: 62.5%; }
.h-2\/3 { height: 66.666%; }
.h-4\/6, .h-8\/12 { height: 66.667%; }
.h-7\/10 { height: 70%; }
.h-3\/4, .h-6\/8, .h-9\/12 { height: 75%; }
.h-4\/5, .h-8\/10 { height: 80%; }
.h-5\/6, .h-10\/12 { height: 83.333%; }
.h-7\/8 { height: 87.5%; }
.h-9\/10 { height: 90%; }
.h-11\/12 { height: 91.667%; }
/************************************************************** FIM HEIGHTS ***************************************************************/

/************************************************************** MAX HEIGHTS ***************************************************************/
.max-h{ max-height: var(--max-h); }
.max-h-full{ max-height: 100%; }
.max-h-screen{ max-height: 100vh; }

.max-h-1\/12 { max-height: 8.333%; }
.max-h-1\/10 { max-height: 10%; }
.max-h-1\/8 { max-height: 12.5%; }
.max-h-1\/6, .max-h-2\/12 { max-height: 16.667%; }
.max-h-1\/5, .max-h-2\/10 { max-height: 20%; }
.max-h-1\/4, .max-h-2\/8, .max-h-3\/12 { max-height: 25%; }
.max-h-3\/10 { max-height: 30%; }
.max-h-1\/3, .max-h-2\/6, .max-h-4\/12 { max-height: 33.333%; }
.max-h-3\/8 { max-height: 37.5%; }
.max-h-2\/5, .max-h-4\/10 { max-height: 40%; }
.max-h-5\/12 { max-height: 41.667%; }
.max-h-1\/2, .max-h-2\/4, .max-h-3\/6, .max-h-4\/8, .max-h-5\/10, .max-h-6\/12 { max-height: 50%; }
.max-h-7\/12 { max-height: 58.333%; }
.max-h-3\/5, .max-h-6\/10 { max-height: 60%; }
.max-h-5\/8 { max-height: 62.5%; }
.max-h-2\/3 { max-height: 66.666%; }
.max-h-4\/6, .max-h-8\/12 { max-height: 66.667%; }
.max-h-7\/10 { max-height: 70%; }
.max-h-3\/4, .max-h-6\/8, .max-h-9\/12 { max-height: 75%; }
.max-h-4\/5, .max-h-8\/10 { max-height: 80%; }
.max-h-5\/6, .max-h-10\/12 { max-height: 83.333%; }
.max-h-7\/8 { max-height: 87.5%; }
.max-h-9\/10 { max-height: 90%; }
.max-h-11\/12 { max-height: 91.667%; }
/************************************************************ FIM MAX HEIGHTS *************************************************************/

/************************************************************** MIN HEIGHTS ***************************************************************/
.min-h{ min-height: var(--min-h); }
.min-h-full{ min-height: 100%; }
.min-h-screen{ min-height: 100vh; }

.min-h-1\/12 { min-height: 8.333%; }
.min-h-1\/10 { min-height: 10%; }
.min-h-1\/8 { min-height: 12.5%; }
.min-h-1\/6, .min-h-2\/12 { min-height: 16.667%; }
.min-h-1\/5, .min-h-2\/10 { min-height: 20%; }
.min-h-1\/4, .min-h-2\/8, .min-h-3\/12 { min-height: 25%; }
.min-h-3\/10 { min-height: 30%; }
.min-h-1\/3, .min-h-2\/6, .min-h-4\/12 { min-height: 33.333%; }
.min-h-3\/8 { min-height: 37.5%; }
.min-h-2\/5, .min-h-4\/10 { min-height: 40%; }
.min-h-5\/12 { min-height: 41.667%; }
.min-h-1\/2, .min-h-2\/4, .min-h-3\/6, .min-h-4\/8, .min-h-5\/10, .min-h-6\/12 { min-height: 50%; }
.min-h-7\/12 { min-height: 58.333%; }
.min-h-3\/5, .min-h-6\/10 { min-height: 60%; }
.min-h-5\/8 { min-height: 62.5%; }
.min-h-2\/3 { min-height: 66.666%; }
.min-h-4\/6, .min-h-8\/12 { min-height: 66.667%; }
.min-h-7\/10 { min-height: 70%; }
.min-h-3\/4, .min-h-6\/8, .min-h-9\/12 { min-height: 75%; }
.min-h-4\/5, .min-h-8\/10 { min-height: 80%; }
.min-h-5\/6, .min-h-10\/12 { min-height: 83.333%; }
.min-h-7\/8 { min-height: 87.5%; }
.min-h-9\/10 { min-height: 90%; }
.min-h-11\/12 { min-height: 91.667%; }
/************************************************************ FIM MIN HEIGHTS *************************************************************/

/************************************************************* DEFAULTS TEXTS *************************************************************/
.linhas1, .linhas2, .linhas3, .linhas4, .linhas5, .linhas6, .linhas7, .linhas8, .linhas9, .linhas10{display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.linhas1{-webkit-line-clamp: 1; line-clamp: 1;}
.linhas2{-webkit-line-clamp: 2; line-clamp: 2;}
.linhas3{-webkit-line-clamp: 3; line-clamp: 3;}
.linhas4{-webkit-line-clamp: 4; line-clamp: 4;}
.linhas5{-webkit-line-clamp: 5; line-clamp: 5;}
.linhas6{-webkit-line-clamp: 6; line-clamp: 6;}
.linhas7{-webkit-line-clamp: 7; line-clamp: 7;}
.linhas8{-webkit-line-clamp: 8; line-clamp: 8;}
.linhas9{-webkit-line-clamp: 9; line-clamp: 9;}
.linhas10{-webkit-line-clamp: 10; line-clamp: 10;}
/********************************************************** FIM DEFAULTS TEXTS ***********************************************************/
}

@media only screen and (min-width:640px){
/************************************************************* VARIAVEIS CSS **************************************************************/
/**                                                                                                                                      **/
/**                                     VARIAVEIS PARA ESTRUTURA DEFAULT (MARGINS/PADDINGS DEFAULT)                                      **/
/**                                                                                                                                      **/
/******************************************************************************************************************************************/
:root{
  --colunas2: 1;
  --colunas3: 1;
  --colunas4: 1;
  --colunas5: 1;
  --colunas6: 1;

  --column-gap-default: 35px;

  --margin-top-default: 30px;
  --margin-right-default: 20px;
  --margin-bottom-default: 100px;
  --margin-left-default: 20px;

  --margin-top-layout: 30px;
  --margin-right-layout: 20px;
  --margin-bottom-layout: 100px;
  --margin-left-layout: 20px;

  --padding-top-default: 50px;
  --padding-right-default: 30px;
  --padding-bottom-default: 50px;
  --padding-left-default: 30px;

  --padding-top-layout: 50px;
  --padding-right-layout: 30px;
  --padding-bottom-layout: 50px;
  --padding-left-layout: 30px;
}

/*********************************************************** FIM VARIAVEIS CSS ************************************************************/


/************************************************************* DEFAUTLS LENIS *************************************************************/
/**                                                                                                                                      **/
/**                                          CLASES DEFAULT LENIS (SMOOTH SCROLL) NAO MODIFICAR                                          **/
/**                                                                                                                                      **/
/******************************************************************************************************************************************/
html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-stopped { overflow: hidden; }
.lenis.lenis-scrolling iframe { pointer-events: none; }
/*********************************************************** FIM DEFAUTLS LENIS ***********************************************************/


/************************************************************ DEFAULT ELEMENTS ************************************************************/
/**                                                                                                                                      **/
/**                                             CLASES DEFAULT ELEMENTOS BASE NAO MODIFICAR                                              **/
/**                                                                                                                                      **/
/******************************************************************************************************************************************/
.container{ max-width: 640px; }
/********************************************************** FIM DEFAULT ELEMENTS **********************************************************/

/************************************************************ DEFAULTS COLUNAS ************************************************************/
*:has(>.sm\:colunas1), *:has(>.sm\:colunas2), *:has(>.sm\:colunas3), *:has(>.sm\:colunas4), *:has(>.sm\:colunas5), *:has(>.sm\:colunas6){display: flex; flex-direction: row; flex-wrap: wrap;}
.sm\:colunas1:nth-child(1n+1){flex-grow: 0; flex-shrink: 0; width: 100%; margin-right: 0;}

.sm\:colunas2:nth-child(2n+1){flex-grow: 0; flex-shrink: 0; width: calc((100% / 2) - ((var(--marginColunas) * 1) / 2)); margin-right: var(--marginColunas); }
.sm\:colunas2:nth-child(2n+2){flex-grow: 0; flex-shrink: 0; width: calc((100% / 2) - ((var(--marginColunas) * 1) / 2)); margin-right: 0; }

.sm\:colunas3:nth-child(3n+1){flex-grow: 0; flex-shrink: 0; width: calc((100% / 3) - ((var(--marginColunas) * 2) / 3)); margin-right: var(--marginColunas); }
.sm\:colunas3:nth-child(3n+2){flex-grow: 0; flex-shrink: 0; width: calc((100% / 3) - ((var(--marginColunas) * 2) / 3)); margin-right: var(--marginColunas); }
.sm\:colunas3:nth-child(3n+3){flex-grow: 0; flex-shrink: 0; width: calc((100% / 3) - ((var(--marginColunas) * 2) / 3)); margin-right: 0; }

.sm\:colunas4:nth-child(4n+1){flex-grow: 0; flex-shrink: 0; width: calc((100% / 4) - ((var(--marginColunas) * 3) / 4)); margin-right: var(--marginColunas); }
.sm\:colunas4:nth-child(4n+2){flex-grow: 0; flex-shrink: 0; width: calc((100% / 4) - ((var(--marginColunas) * 3) / 4)); margin-right: var(--marginColunas); }
.sm\:colunas4:nth-child(4n+3){flex-grow: 0; flex-shrink: 0; width: calc((100% / 4) - ((var(--marginColunas) * 3) / 4)); margin-right: var(--marginColunas); }
.sm\:colunas4:nth-child(4n+4){flex-grow: 0; flex-shrink: 0; width: calc((100% / 4) - ((var(--marginColunas) * 3) / 4)); margin-right: 0; }

.sm\:colunas5:nth-child(5n+1){flex-grow: 0; flex-shrink: 0; width: calc((100% / 5) - ((var(--marginColunas) * 4) / 5)); margin-right: var(--marginColunas); }
.sm\:colunas5:nth-child(5n+2){flex-grow: 0; flex-shrink: 0; width: calc((100% / 5) - ((var(--marginColunas) * 4) / 5)); margin-right: var(--marginColunas); }
.sm\:colunas5:nth-child(5n+3){flex-grow: 0; flex-shrink: 0; width: calc((100% / 5) - ((var(--marginColunas) * 4) / 5)); margin-right: var(--marginColunas); }
.sm\:colunas5:nth-child(5n+4){flex-grow: 0; flex-shrink: 0; width: calc((100% / 5) - ((var(--marginColunas) * 4) / 5)); margin-right: var(--marginColunas); }
.sm\:colunas5:nth-child(5n+5){flex-grow: 0; flex-shrink: 0; width: calc((100% / 5) - ((var(--marginColunas) * 4) / 5)); margin-right: 0; }

.sm\:colunas6:nth-child(6n+1){flex-grow: 0; flex-shrink: 0; width: calc((100% / 6) - ((var(--marginColunas) * 5) / 6)); margin-right: var(--marginColunas); }
.sm\:colunas6:nth-child(6n+2){flex-grow: 0; flex-shrink: 0; width: calc((100% / 6) - ((var(--marginColunas) * 5) / 6)); margin-right: var(--marginColunas); }
.sm\:colunas6:nth-child(6n+3){flex-grow: 0; flex-shrink: 0; width: calc((100% / 6) - ((var(--marginColunas) * 5) / 6)); margin-right: var(--marginColunas); }
.sm\:colunas6:nth-child(6n+4){flex-grow: 0; flex-shrink: 0; width: calc((100% / 6) - ((var(--marginColunas) * 5) / 6)); margin-right: var(--marginColunas); }
.sm\:colunas6:nth-child(6n+5){flex-grow: 0; flex-shrink: 0; width: calc((100% / 6) - ((var(--marginColunas) * 5) / 6)); margin-right: var(--marginColunas); }
.sm\:colunas6:nth-child(6n+6){flex-grow: 0; flex-shrink: 0; width: calc((100% / 6) - ((var(--marginColunas) * 5) / 6)); margin-right: 0; }

.sm\:colunas5{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 5%;}
.sm\:colunas10{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 10%;}
.sm\:colunas15{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 15%;}
.sm\:colunas20{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 20%;}
.sm\:colunas25{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 25%;}
.sm\:colunas30{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 30%;}
.sm\:colunas35{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 35%;}
.sm\:colunas40{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 40%;}
.sm\:colunas45{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 45%;}
.sm\:colunas50{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 50%;}
.sm\:colunas55{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 55%;}
.sm\:colunas60{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 60%;}
.sm\:colunas65{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 65%;}
.sm\:colunas70{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 70%;}
.sm\:colunas75{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 75%;}
.sm\:colunas80{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 80%;}
.sm\:colunas85{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 85%;}
.sm\:colunas90{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 90%;}
.sm\:colunas95{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 95%;}

.sm\:colunasflex2{ display: flex; flex-direction: row; flex-wrap: wrap; }
.sm\:colunasflex2 > * { width: calc(100% / var(--colunas2)); }
.sm\:colunasflex3{ display: flex; flex-direction: row; flex-wrap: wrap; }
.sm\:colunasflex3 > * { width: calc(100% / var(--colunas3)); }
.sm\:colunasflex4{ display: flex; flex-direction: row; flex-wrap: wrap; }
.sm\:colunasflex4 > * { width: calc(100% / var(--colunas4)); }
.sm\:colunasflex5{ display: flex; flex-direction: row; flex-wrap: wrap; }
.sm\:colunasflex5 > * { width: calc(100% / var(--colunas5)); }
.sm\:colunasflex6{ display: flex; flex-direction: row; flex-wrap: wrap; }
.sm\:colunasflex6 > * { width: calc(100% / var(--colunas6)); }

.sm\:text-columns-1{ column-count: 1; }
.sm\:text-columns-2{ column-count: 2; }
.sm\:text-columns-3{ column-count: 3; }
.sm\:text-columns-4{ column-count: 4; }
.sm\:text-columns-5{ column-count: 5; }
.sm\:text-columns-6{ column-count: 6; }

.sm\:column-gap-default-\/3{column-gap: calc(var(--column-gap-default) / 3);}
.sm\:column-gap-default-\/2{column-gap: calc(var(--column-gap-default) / 2);}
.sm\:column-gap-default{column-gap: var(--column-gap-default);}
.sm\:column-gap-default-x2{column-gap: calc(var(--column-gap-default) * 2);}
.sm\:column-gap-default-x3{column-gap: calc(var(--column-gap-default) * 3);}
/********************************************************** FIM DEFAULTS COLUNAS **********************************************************/

/******************************************************** DEFAULT MARGINS/PADDINGS ********************************************************/
/**                                                                                                                                      **/
/**                                  CLASES DEFAULT MARGINS/PADDINGS NAO MODIFICAR, USAR VARIAVEIS CSS                                   **/
/**                                                                                                                                      **/
/******************************************************************************************************************************************/
.sm\:m-0 { margin: 0; }
.sm\:mx-0 { margin-left: 0; margin-right: 0; }
.sm\:my-0 { margin-top: 0; margin-bottom: 0; }
.sm\:mt-0 { margin-top: 0; }
.sm\:mr-0 { margin-right: 0; }
.sm\:mb-0 { margin-bottom: 0; }
.sm\:ml-0 { margin-left: 0; }

.sm\:m-1 { margin: 1px; }
.sm\:mx-1 { margin-left: 1px; margin-right: 1px; }
.sm\:my-1 { margin-top: 1px; margin-bottom: 1px; }
.sm\:mt-1 { margin-top: 1px; }
.sm\:mr-1 { margin-right: 1px; }
.sm\:mb-1 { margin-bottom: 1px; }
.sm\:ml-1 { margin-left: 1px; }

.sm\:p-0 { padding: 0; }
.sm\:px-0 { padding-left: 0; padding-right: 0; }
.sm\:py-0 { padding-top: 0; padding-bottom: 0; }
.sm\:pt-0 { padding-top: 0; }
.sm\:pr-0 { padding-right: 0; }
.sm\:pb-0 { padding-bottom: 0; }
.sm\:pl-0 { padding-left: 0; }

.sm\:p-1 { padding: 1px; }
.sm\:px-1 { padding-left: 1px; padding-right: 1px; }
.sm\:py-1 { padding-top: 1px; padding-bottom: 1px; }
.sm\:pt-1 { padding-top: 1px; }
.sm\:pr-1 { padding-right: 1px; }
.sm\:pb-1 { padding-bottom: 1px; }
.sm\:pl-1 { padding-left: 1px; }


.sm\:m-auto { margin: auto; }
.sm\:mx-auto { margin-left: auto; margin-right: auto; }
.sm\:my-auto { margin-top: auto; margin-bottom: auto; }
.sm\:mt-auto { margin-top: auto; }
.sm\:mr-auto { margin-right: auto; }
.sm\:mb-auto { margin-bottom: auto; }
.sm\:ml-auto { margin-left: auto; }

.sm\:m { margin: var(--m); }
.sm\:my { margin-top: var(--my); margin-bottom: var(--my); }
.sm\:mx { margin-right: var(--mx); margin-left: var(--mx); }
.sm\:mt { margin-top: var(--mt); }
.sm\:mr { margin-right: var(--mr); }
.sm\:mb { margin-bottom: var(--mb); }
.sm\:ml { margin-left: var(--ml); }

.sm\:m-default-\/5 { margin: calc(var(--margin-top-default) / 5) calc(var(--margin-right-default) / 5) calc(var(--margin-bottom-default) / 5) calc(var(--margin-left-default) / 5); }
.sm\:mx-default-\/5 { margin-left: calc(var(--margin-left-default) / 5); margin-right: calc(var(--margin-right-default) / 5); width: calc(100% - (calc(var(--margin-left-default) / 5) + calc(var(--margin-right-default) / 5))); }
.sm\:my-default-\/5 { margin-top: calc(var(--margin-top-default) / 5); margin-bottom: calc(var(--margin-bottom-default) / 5); }
.sm\:mt-default-\/5 { margin-top: calc(var(--margin-top-default) / 5); }
.sm\:mr-default-\/5 { margin-right: calc(var(--margin-right-default) / 5); }
.sm\:mb-default-\/5 { margin-bottom: calc(var(--margin-bottom-default) / 5); }
.sm\:ml-default-\/5 { margin-left: calc(var(--margin-left-default) / 5); }

.sm\:m-layout-\/5 { margin: calc(var(--margin-top-layout) / 5) calc(var(--margin-right-layout) / 5) calc(var(--margin-bottom-layout) / 5) calc(var(--margin-left-layout) / 5); }
.sm\:mx-layout-\/5 { margin-left: calc(var(--margin-left-layout) / 5); margin-right: calc(var(--margin-right-layout) / 5); width: calc(100% - (calc(var(--margin-left-layout) / 5) + calc(var(--margin-right-layout) / 5))); }
.sm\:my-layout-\/5 { margin-top: calc(var(--margin-top-layout) / 5); margin-bottom: calc(var(--margin-bottom-layout) / 5); }
.sm\:mt-layout-\/5 { margin-top: calc(var(--margin-top-layout) / 5); }
.sm\:mr-layout-\/5 { margin-right: calc(var(--margin-right-layout) / 5); }
.sm\:mb-layout-\/5 { margin-bottom: calc(var(--margin-bottom-layout) / 5); }
.sm\:ml-layout-\/5 { margin-left: calc(var(--margin-left-layout) / 5); }

.sm\:m-default-\/4 { margin: calc(var(--margin-top-default) / 4) calc(var(--margin-right-default) / 4) calc(var(--margin-bottom-default) / 4) calc(var(--margin-left-default) / 4); }
.sm\:mx-default-\/4 { margin-left: calc(var(--margin-left-default) / 4); margin-right: calc(var(--margin-right-default) / 4); width: calc(100% - (calc(var(--margin-left-default) / 4) + calc(var(--margin-right-default) / 4))); }
.sm\:my-default-\/4 { margin-top: calc(var(--margin-top-default) / 4); margin-bottom: calc(var(--margin-bottom-default) / 4); }
.sm\:mt-default-\/4 { margin-top: calc(var(--margin-top-default) / 4); }
.sm\:mr-default-\/4 { margin-right: calc(var(--margin-right-default) / 4); }
.sm\:mb-default-\/4 { margin-bottom: calc(var(--margin-bottom-default) / 4); }
.sm\:ml-default-\/4 { margin-left: calc(var(--margin-left-default) / 4); }

.sm\:m-layout-\/4 { margin: calc(var(--margin-top-layout) / 4) calc(var(--margin-right-layout) / 4) calc(var(--margin-bottom-layout) / 4) calc(var(--margin-left-layout) / 4); }
.sm\:mx-layout-\/4 { margin-left: calc(var(--margin-left-layout) / 4); margin-right: calc(var(--margin-right-layout) / 4); width: calc(100% - (calc(var(--margin-left-layout) / 4) + calc(var(--margin-right-layout) / 4))); }
.sm\:my-layout-\/4 { margin-top: calc(var(--margin-top-layout) / 4); margin-bottom: calc(var(--margin-bottom-layout) / 4); }
.sm\:mt-layout-\/4 { margin-top: calc(var(--margin-top-layout) / 4); }
.sm\:mr-layout-\/4 { margin-right: calc(var(--margin-right-layout) / 4); }
.sm\:mb-layout-\/4 { margin-bottom: calc(var(--margin-bottom-layout) / 4); }
.sm\:ml-layout-\/4 { margin-left: calc(var(--margin-left-layout) / 4); }

.sm\:m-default-\/3 { margin: calc(var(--margin-top-default) / 3) calc(var(--margin-right-default) / 3) calc(var(--margin-bottom-default) / 3) calc(var(--margin-left-default) / 3); }
.sm\:mx-default-\/3 { margin-left: calc(var(--margin-left-default) / 3); margin-right: calc(var(--margin-right-default) / 3); width: calc(100% - (calc(var(--margin-left-default) / 3) + calc(var(--margin-right-default) / 3))); }
.sm\:my-default-\/3 { margin-top: calc(var(--margin-top-default) / 3); margin-bottom: calc(var(--margin-bottom-default) / 3); }
.sm\:mt-default-\/3 { margin-top: calc(var(--margin-top-default) / 3); }
.sm\:mr-default-\/3 { margin-right: calc(var(--margin-right-default) / 3); }
.sm\:mb-default-\/3 { margin-bottom: calc(var(--margin-bottom-default) / 3); }
.sm\:ml-default-\/3 { margin-left: calc(var(--margin-left-default) / 3); }

.sm\:m-layout-\/3 { margin: calc(var(--margin-top-layout) / 3) calc(var(--margin-right-layout) / 3) calc(var(--margin-bottom-layout) / 3) calc(var(--margin-left-layout) / 3); }
.sm\:mx-layout-\/3 { margin-left: calc(var(--margin-left-layout) / 3); margin-right: calc(var(--margin-right-layout) / 3); width: calc(100% - (calc(var(--margin-left-layout) / 3) + calc(var(--margin-right-layout) / 3))); }
.sm\:my-layout-\/3 { margin-top: calc(var(--margin-top-layout) / 3); margin-bottom: calc(var(--margin-bottom-layout) / 3); }
.sm\:mt-layout-\/3 { margin-top: calc(var(--margin-top-layout) / 3); }
.sm\:mr-layout-\/3 { margin-right: calc(var(--margin-right-layout) / 3); }
.sm\:mb-layout-\/3 { margin-bottom: calc(var(--margin-bottom-layout) / 3); }
.sm\:ml-layout-\/3 { margin-left: calc(var(--margin-left-layout) / 3); }

.sm\:m-default-\/2 { margin: calc(var(--margin-top-default) / 2) calc(var(--margin-right-default) / 2) calc(var(--margin-bottom-default) / 2) calc(var(--margin-left-default) / 2); }
.sm\:mx-default-\/2 { margin-left: calc(var(--margin-left-default) / 2); margin-right: calc(var(--margin-right-default) / 2); width: calc(100% - (calc(var(--margin-left-default) / 2) + calc(var(--margin-right-default) / 2))); }
.sm\:my-default-\/2 { margin-top: calc(var(--margin-top-default) / 2); margin-bottom: calc(var(--margin-bottom-default) / 2); }
.sm\:mt-default-\/2 { margin-top: calc(var(--margin-top-default) / 2); }
.sm\:mr-default-\/2 { margin-right: calc(var(--margin-right-default) / 2); }
.sm\:mb-default-\/2 { margin-bottom: calc(var(--margin-bottom-default) / 2); }
.sm\:ml-default-\/2 { margin-left: calc(var(--margin-left-default) / 2); }

.sm\:m-layout-\/2 { margin: calc(var(--margin-top-layout) / 2) calc(var(--margin-right-layout) / 2) calc(var(--margin-bottom-layout) / 2) calc(var(--margin-left-layout) / 2); }
.sm\:mx-layout-\/2 { margin-left: calc(var(--margin-left-layout) / 2); margin-right: calc(var(--margin-right-layout) / 2); width: calc(100% - (calc(var(--margin-left-layout) / 2) + calc(var(--margin-right-layout) / 2))); }
.sm\:my-layout-\/2 { margin-top: calc(var(--margin-top-layout) / 2); margin-bottom: calc(var(--margin-bottom-layout) / 2); }
.sm\:mt-layout-\/2 { margin-top: calc(var(--margin-top-layout) / 2); }
.sm\:mr-layout-\/2 { margin-right: calc(var(--margin-right-layout) / 2); }
.sm\:mb-layout-\/2 { margin-bottom: calc(var(--margin-bottom-layout) / 2); }
.sm\:ml-layout-\/2 { margin-left: calc(var(--margin-left-layout) / 2); }

.sm\:m-default-\/1_5 { margin: calc(var(--margin-top-default) / 1.5) calc(var(--margin-right-default) / 1.5) calc(var(--margin-bottom-default) / 1.5) calc(var(--margin-left-default) / 1.5); }
.sm\:mx-default-\/1_5 { margin-left: calc(var(--margin-left-default) / 1.5); margin-right: calc(var(--margin-right-default) / 1.5); width: calc(100% - (calc(var(--margin-left-default) / 1.5) + calc(var(--margin-right-default) / 1.5))); }
.sm\:my-default-\/1_5 { margin-top: calc(var(--margin-top-default) / 1.5); margin-bottom: calc(var(--margin-bottom-default) / 1.5); }
.sm\:mt-default-\/1_5 { margin-top: calc(var(--margin-top-default) / 1.5); }
.sm\:mr-default-\/1_5 { margin-right: calc(var(--margin-right-default) / 1.5); }
.sm\:mb-default-\/1_5 { margin-bottom: calc(var(--margin-bottom-default) / 1.5); }
.sm\:ml-default-\/1_5 { margin-left: calc(var(--margin-left-default) / 1.5); }

.sm\:m-layout-\/1_5 { margin: calc(var(--margin-top-layout) / 1.5) calc(var(--margin-right-layout) / 1.5) calc(var(--margin-bottom-layout) / 1.5) calc(var(--margin-left-layout) / 1.5); }
.sm\:mx-layout-\/1_5 { margin-left: calc(var(--margin-left-layout) / 1.5); margin-right: calc(var(--margin-right-layout) / 1.5); width: calc(100% - (calc(var(--margin-left-layout) / 1.5) + calc(var(--margin-right-layout) / 1.5))); }
.sm\:my-layout-\/1_5 { margin-top: calc(var(--margin-top-layout) / 1.5); margin-bottom: calc(var(--margin-bottom-layout) / 1.5); }
.sm\:mt-layout-\/1_5 { margin-top: calc(var(--margin-top-layout) / 1.5); }
.sm\:mr-layout-\/1_5 { margin-right: calc(var(--margin-right-layout) / 1.5); }
.sm\:mb-layout-\/1_5 { margin-bottom: calc(var(--margin-bottom-layout) / 1.5); }
.sm\:ml-layout-\/1_5 { margin-left: calc(var(--margin-left-layout) / 1.5); }

.sm\:m-default { margin: var(--margin-top-default) var(--margin-right-default) var(--margin-bottom-default) var(--margin-left-default); }
.sm\:mx-default { margin-left: var(--margin-left-default); margin-right: var(--margin-right-default); width: calc(100% - (var(--margin-left-default) + var(--margin-right-default))); }
.sm\:my-default { margin-top: var(--margin-top-default); margin-bottom: var(--margin-bottom-default); }
.sm\:mt-default { margin-top: var(--margin-top-default); }
.sm\:mr-default { margin-right: var(--margin-right-default); }
.sm\:mb-default { margin-bottom: var(--margin-bottom-default); }
.sm\:ml-default { margin-left: var(--margin-left-default); }

.sm\:m-layout { margin: var(--margin-top-layout) var(--margin-right-layout) var(--margin-bottom-layout) var(--margin-left-layout); }
.sm\:mx-layout { margin-left: var(--margin-left-layout); margin-right: var(--margin-right-layout); width: calc(100% - (var(--margin-left-layout) + var(--margin-right-layout))); }
.sm\:my-layout { margin-top: var(--margin-top-layout); margin-bottom: var(--margin-bottom-layout); }
.sm\:mt-layout { margin-top: var(--margin-top-layout); }
.sm\:mr-layout { margin-right: var(--margin-right-layout); }
.sm\:mb-layout { margin-bottom: var(--margin-bottom-layout); }
.sm\:ml-layout { margin-left: var(--margin-left-layout); }

.sm\:m-default-x1_5 { margin: calc(var(--margin-top-default) * 1.5) calc(var(--margin-right-default) * 1.5) calc(var(--margin-bottom-default) * 1.5) calc(var(--margin-left-default) * 1.5); }
.sm\:mx-default-x1_5 { margin-left: calc(var(--margin-left-default) * 1.5); margin-right: calc(var(--margin-right-default) * 1.5); width: calc(100% - (calc(var(--margin-left-default) * 1.5) + calc(var(--margin-right-default) * 1.5))); }
.sm\:my-default-x1_5 { margin-top: calc(var(--margin-top-default) * 1.5); margin-bottom: calc(var(--margin-bottom-default) * 1.5); }
.sm\:mt-default-x1_5 { margin-top: calc(var(--margin-top-default) * 1.5); }
.sm\:mr-default-x1_5 { margin-right: calc(var(--margin-right-default) * 1.5); }
.sm\:mb-default-x1_5 { margin-bottom: calc(var(--margin-bottom-default) * 1.5); }
.sm\:ml-default-x1_5 { margin-left: calc(var(--margin-left-default) * 1.5); }

.sm\:m-layout-x1_5 { margin: calc(var(--margin-top-layout) * 1.5) calc(var(--margin-right-layout) * 1.5) calc(var(--margin-bottom-layout) * 1.5) calc(var(--margin-left-layout) * 1.5); }
.sm\:mx-layout-x1_5 { margin-left: calc(var(--margin-left-layout) * 1.5); margin-right: calc(var(--margin-right-layout) * 1.5); width: calc(100% - (calc(var(--margin-left-layout) * 1.5) + calc(var(--margin-right-layout) * 1.5))); }
.sm\:my-layout-x1_5 { margin-top: calc(var(--margin-top-layout) * 1.5); margin-bottom: calc(var(--margin-bottom-layout) * 1.5); }
.sm\:mt-layout-x1_5 { margin-top: calc(var(--margin-top-layout) * 1.5); }
.sm\:mr-layout-x1_5 { margin-right: calc(var(--margin-right-layout) * 1.5); }
.sm\:mb-layout-x1_5 { margin-bottom: calc(var(--margin-bottom-layout) * 1.5); }
.sm\:ml-layout-x1_5 { margin-left: calc(var(--margin-left-layout) * 1.5); }

.sm\:m-default-x2 { margin: calc(var(--margin-top-default) * 2) calc(var(--margin-right-default) * 2) calc(var(--margin-bottom-default) * 2) calc(var(--margin-left-default) * 2); }
.sm\:mx-default-x2 { margin-left: calc(var(--margin-left-default) * 2); margin-right: calc(var(--margin-right-default) * 2); width: calc(100% - (calc(var(--margin-left-default) * 2) + calc(var(--margin-right-default) * 2))); }
.sm\:my-default-x2 { margin-top: calc(var(--margin-top-default) * 2); margin-bottom: calc(var(--margin-bottom-default) * 2); }
.sm\:mt-default-x2 { margin-top: calc(var(--margin-top-default) * 2); }
.sm\:mr-default-x2 { margin-right: calc(var(--margin-right-default) * 2); }
.sm\:mb-default-x2 { margin-bottom: calc(var(--margin-bottom-default) * 2); }
.sm\:ml-default-x2 { margin-left: calc(var(--margin-left-default) * 2); }

.sm\:m-layout-x2 { margin: calc(var(--margin-top-layout) * 2) calc(var(--margin-right-layout) * 2) calc(var(--margin-bottom-layout) * 2) calc(var(--margin-left-layout) * 2); }
.sm\:mx-layout-x2 { margin-left: calc(var(--margin-left-layout) * 2); margin-right: calc(var(--margin-right-layout) * 2); width: calc(100% - (calc(var(--margin-left-layout) * 2) + calc(var(--margin-right-layout) * 2))); }
.sm\:my-layout-x2 { margin-top: calc(var(--margin-top-layout) * 2); margin-bottom: calc(var(--margin-bottom-layout) * 2); }
.sm\:mt-layout-x2 { margin-top: calc(var(--margin-top-layout) * 2); }
.sm\:mr-layout-x2 { margin-right: calc(var(--margin-right-layout) * 2); }
.sm\:mb-layout-x2 { margin-bottom: calc(var(--margin-bottom-layout) * 2); }
.sm\:ml-layout-x2 { margin-left: calc(var(--margin-left-layout) * 2); }

.sm\:m-default-x3 { margin: calc(var(--margin-top-default) * 3) calc(var(--margin-right-default) * 3) calc(var(--margin-bottom-default) * 3) calc(var(--margin-left-default) * 3); }
.sm\:mx-default-x3 { margin-left: calc(var(--margin-left-default) * 3); margin-right: calc(var(--margin-right-default) * 3); width: calc(100% - (calc(var(--margin-left-default) * 3) + calc(var(--margin-right-default) * 3))); }
.sm\:my-default-x3 { margin-top: calc(var(--margin-top-default) * 3); margin-bottom: calc(var(--margin-bottom-default) * 3); }
.sm\:mt-default-x3 { margin-top: calc(var(--margin-top-default) * 3); }
.sm\:mr-default-x3 { margin-right: calc(var(--margin-right-default) * 3); }
.sm\:mb-default-x3 { margin-bottom: calc(var(--margin-bottom-default) * 3); }
.sm\:ml-default-x3 { margin-left: calc(var(--margin-left-default) * 3); }

.sm\:m-layout-x3 { margin: calc(var(--margin-top-layout) * 3) calc(var(--margin-right-layout) * 3) calc(var(--margin-bottom-layout) * 3) calc(var(--margin-left-layout) * 3); }
.sm\:mx-layout-x3 { margin-left: calc(var(--margin-left-layout) * 3); margin-right: calc(var(--margin-right-layout) * 3); width: calc(100% - (calc(var(--margin-left-layout) * 3) + calc(var(--margin-right-layout) * 3))); }
.sm\:my-layout-x3 { margin-top: calc(var(--margin-top-layout) * 3); margin-bottom: calc(var(--margin-bottom-layout) * 3); }
.sm\:mt-layout-x3 { margin-top: calc(var(--margin-top-layout) * 3); }
.sm\:mr-layout-x3 { margin-right: calc(var(--margin-right-layout) * 3); }
.sm\:mb-layout-x3 { margin-bottom: calc(var(--margin-bottom-layout) * 3); }
.sm\:ml-layout-x3 { margin-left: calc(var(--margin-left-layout) * 3); }

.sm\:m-default-x4 { margin: calc(var(--margin-top-default) * 4) calc(var(--margin-right-default) * 4) calc(var(--margin-bottom-default) * 4) calc(var(--margin-left-default) * 4); }
.sm\:mx-default-x4 { margin-left: calc(var(--margin-left-default) * 4); margin-right: calc(var(--margin-right-default) * 4); width: calc(100% - (calc(var(--margin-left-default) * 4) + calc(var(--margin-right-default) * 4))); }
.sm\:my-default-x4 { margin-top: calc(var(--margin-top-default) * 4); margin-bottom: calc(var(--margin-bottom-default) * 4); }
.sm\:mt-default-x4 { margin-top: calc(var(--margin-top-default) * 4); }
.sm\:mr-default-x4 { margin-right: calc(var(--margin-right-default) * 4); }
.sm\:mb-default-x4 { margin-bottom: calc(var(--margin-bottom-default) * 4); }
.sm\:ml-default-x4 { margin-left: calc(var(--margin-left-default) * 4); }

.sm\:m-layout-x4 { margin: calc(var(--margin-top-layout) * 4) calc(var(--margin-right-layout) * 4) calc(var(--margin-bottom-layout) * 4) calc(var(--margin-left-layout) * 4); }
.sm\:mx-layout-x4 { margin-left: calc(var(--margin-left-layout) * 4); margin-right: calc(var(--margin-right-layout) * 4); width: calc(100% - (calc(var(--margin-left-layout) * 4) + calc(var(--margin-right-layout) * 4))); }
.sm\:my-layout-x4 { margin-top: calc(var(--margin-top-layout) * 4); margin-bottom: calc(var(--margin-bottom-layout) * 4); }
.sm\:mt-layout-x4 { margin-top: calc(var(--margin-top-layout) * 4); }
.sm\:mr-layout-x4 { margin-right: calc(var(--margin-right-layout) * 4); }
.sm\:mb-layout-x4 { margin-bottom: calc(var(--margin-bottom-layout) * 4); }
.sm\:ml-layout-x4 { margin-left: calc(var(--margin-left-layout) * 4); }

.sm\:m-default-x5 { margin: calc(var(--margin-top-default) * 5) calc(var(--margin-right-default) * 5) calc(var(--margin-bottom-default) * 5) calc(var(--margin-left-default) * 5); }
.sm\:mx-default-x5 { margin-left: calc(var(--margin-left-default) * 5); margin-right: calc(var(--margin-right-default) * 5); width: calc(100% - (calc(var(--margin-left-default) * 5) + calc(var(--margin-right-default) * 5))); }
.sm\:my-default-x5 { margin-top: calc(var(--margin-top-default) * 5); margin-bottom: calc(var(--margin-bottom-default) * 5); }
.sm\:mt-default-x5 { margin-top: calc(var(--margin-top-default) * 5); }
.sm\:mr-default-x5 { margin-right: calc(var(--margin-right-default) * 5); }
.sm\:mb-default-x5 { margin-bottom: calc(var(--margin-bottom-default) * 5); }
.sm\:ml-default-x5 { margin-left: calc(var(--margin-left-default) * 5); }

.sm\:m-layout-x5 { margin: calc(var(--margin-top-layout) * 5) calc(var(--margin-right-layout) * 5) calc(var(--margin-bottom-layout) * 5) calc(var(--margin-left-layout) * 5); }
.sm\:mx-layout-x5 { margin-left: calc(var(--margin-left-layout) * 5); margin-right: calc(var(--margin-right-layout) * 5); width: calc(100% - (calc(var(--margin-left-layout) * 5) + calc(var(--margin-right-layout) * 5))); }
.sm\:my-layout-x5 { margin-top: calc(var(--margin-top-layout) * 5); margin-bottom: calc(var(--margin-bottom-layout) * 5); }
.sm\:mt-layout-x5 { margin-top: calc(var(--margin-top-layout) * 5); }
.sm\:mr-layout-x5 { margin-right: calc(var(--margin-right-layout) * 5); }
.sm\:mb-layout-x5 { margin-bottom: calc(var(--margin-bottom-layout) * 5); }
.sm\:ml-layout-x5 { margin-left: calc(var(--margin-left-layout) * 5); }

.sm\:p { padding: var(--p); }
.sm\:py { padding-top: var(--py); padding-bottom: var(--py); }
.sm\:px { padding-right: var(--px); padding-left: var(--px); }
.sm\:pt { padding-top: var(--pt); }
.sm\:pr { padding-right: var(--pr); }
.sm\:pb { padding-bottom: var(--pb); }
.sm\:pl { padding-left: var(--pl); }

.sm\:p-default-\/5 { padding: calc(var(--padding-top-default) / 5) calc(var(--padding-right-default) / 5) calc(var(--padding-bottom-default) / 5) calc(var(--padding-left-default) / 5); }
.sm\:px-default-\/5 { padding-left: calc(var(--padding-left-default) / 5); padding-right: calc(var(--padding-right-default) / 5); }
.sm\:py-default-\/5 { padding-top: calc(var(--padding-top-default) / 5); padding-bottom: calc(var(--padding-bottom-default) / 5); }
.sm\:pt-default-\/5 { padding-top: calc(var(--padding-top-default) / 5); }
.sm\:pr-default-\/5 { padding-right: calc(var(--padding-right-default) / 5); }
.sm\:pb-default-\/5 { padding-bottom: calc(var(--padding-bottom-default) / 5); }
.sm\:pl-default-\/5 { padding-left: calc(var(--padding-left-default) / 5); }

.sm\:p-layout-\/5 { padding: calc(var(--padding-top-layout) / 5) calc(var(--padding-right-layout) / 5) calc(var(--padding-bottom-layout) / 5) calc(var(--padding-left-layout) / 5); }
.sm\:px-layout-\/5 { padding-left: calc(var(--padding-left-layout) / 5); padding-right: calc(var(--padding-right-layout) / 5); }
.sm\:py-layout-\/5 { padding-top: calc(var(--padding-top-layout) / 5); padding-bottom: calc(var(--padding-bottom-layout) / 5); }
.sm\:pt-layout-\/5 { padding-top: calc(var(--padding-top-layout) / 5); }
.sm\:pr-layout-\/5 { padding-right: calc(var(--padding-right-layout) / 5); }
.sm\:pb-layout-\/5 { padding-bottom: calc(var(--padding-bottom-layout) / 5); }
.sm\:pl-layout-\/5 { padding-left: calc(var(--padding-left-layout) / 5); }

.sm\:p-default-\/4 { padding: calc(var(--padding-top-default) / 4) calc(var(--padding-right-default) / 4) calc(var(--padding-bottom-default) / 4) calc(var(--padding-left-default) / 4); }
.sm\:px-default-\/4 { padding-left: calc(var(--padding-left-default) / 4); padding-right: calc(var(--padding-right-default) / 4); }
.sm\:py-default-\/4 { padding-top: calc(var(--padding-top-default) / 4); padding-bottom: calc(var(--padding-bottom-default) / 4); }
.sm\:pt-default-\/4 { padding-top: calc(var(--padding-top-default) / 4); }
.sm\:pr-default-\/4 { padding-right: calc(var(--padding-right-default) / 4); }
.sm\:pb-default-\/4 { padding-bottom: calc(var(--padding-bottom-default) / 4); }
.sm\:pl-default-\/4 { padding-left: calc(var(--padding-left-default) / 4); }

.sm\:p-layout-\/4 { padding: calc(var(--padding-top-layout) / 4) calc(var(--padding-right-layout) / 4) calc(var(--padding-bottom-layout) / 4) calc(var(--padding-left-layout) / 4); }
.sm\:px-layout-\/4 { padding-left: calc(var(--padding-left-layout) / 4); padding-right: calc(var(--padding-right-layout) / 4); }
.sm\:py-layout-\/4 { padding-top: calc(var(--padding-top-layout) / 4); padding-bottom: calc(var(--padding-bottom-layout) / 4); }
.sm\:pt-layout-\/4 { padding-top: calc(var(--padding-top-layout) / 4); }
.sm\:pr-layout-\/4 { padding-right: calc(var(--padding-right-layout) / 4); }
.sm\:pb-layout-\/4 { padding-bottom: calc(var(--padding-bottom-layout) / 4); }
.sm\:pl-layout-\/4 { padding-left: calc(var(--padding-left-layout) / 4); }

.sm\:p-default-\/3 { padding: calc(var(--padding-top-default) / 3) calc(var(--padding-right-default) / 3) calc(var(--padding-bottom-default) / 3) calc(var(--padding-left-default) / 3); }
.sm\:px-default-\/3 { padding-left: calc(var(--padding-left-default) / 3); padding-right: calc(var(--padding-right-default) / 3); }
.sm\:py-default-\/3 { padding-top: calc(var(--padding-top-default) / 3); padding-bottom: calc(var(--padding-bottom-default) / 3); }
.sm\:pt-default-\/3 { padding-top: calc(var(--padding-top-default) / 3); }
.sm\:pr-default-\/3 { padding-right: calc(var(--padding-right-default) / 3); }
.sm\:pb-default-\/3 { padding-bottom: calc(var(--padding-bottom-default) / 3); }
.sm\:pl-default-\/3 { padding-left: calc(var(--padding-left-default) / 3); }

.sm\:p-layout-\/3 { padding: calc(var(--padding-top-layout) / 3) calc(var(--padding-right-layout) / 3) calc(var(--padding-bottom-layout) / 3) calc(var(--padding-left-layout) / 3); }
.sm\:px-layout-\/3 { padding-left: calc(var(--padding-left-layout) / 3); padding-right: calc(var(--padding-right-layout) / 3); }
.sm\:py-layout-\/3 { padding-top: calc(var(--padding-top-layout) / 3); padding-bottom: calc(var(--padding-bottom-layout) / 3); }
.sm\:pt-layout-\/3 { padding-top: calc(var(--padding-top-layout) / 3); }
.sm\:pr-layout-\/3 { padding-right: calc(var(--padding-right-layout) / 3); }
.sm\:pb-layout-\/3 { padding-bottom: calc(var(--padding-bottom-layout) / 3); }
.sm\:pl-layout-\/3 { padding-left: calc(var(--padding-left-layout) / 3); }

.sm\:p-default-\/2 { padding: calc(var(--padding-top-default) / 2) calc(var(--padding-right-default) / 2) calc(var(--padding-bottom-default) / 2) calc(var(--padding-left-default) / 2); }
.sm\:px-default-\/2 { padding-left: calc(var(--padding-left-default) / 2); padding-right: calc(var(--padding-right-default) / 2); }
.sm\:py-default-\/2 { padding-top: calc(var(--padding-top-default) / 2); padding-bottom: calc(var(--padding-bottom-default) / 2); }
.sm\:pt-default-\/2 { padding-top: calc(var(--padding-top-default) / 2); }
.sm\:pr-default-\/2 { padding-right: calc(var(--padding-right-default) / 2); }
.sm\:pb-default-\/2 { padding-bottom: calc(var(--padding-bottom-default) / 2); }
.sm\:pl-default-\/2 { padding-left: calc(var(--padding-left-default) / 2); }

.sm\:p-layout-\/2 { padding: calc(var(--padding-top-layout) / 2) calc(var(--padding-right-layout) / 2) calc(var(--padding-bottom-layout) / 2) calc(var(--padding-left-layout) / 2); }
.sm\:px-layout-\/2 { padding-left: calc(var(--padding-left-layout) / 2); padding-right: calc(var(--padding-right-layout) / 2); }
.sm\:py-layout-\/2 { padding-top: calc(var(--padding-top-layout) / 2); padding-bottom: calc(var(--padding-bottom-layout) / 2); }
.sm\:pt-layout-\/2 { padding-top: calc(var(--padding-top-layout) / 2); }
.sm\:pr-layout-\/2 { padding-right: calc(var(--padding-right-layout) / 2); }
.sm\:pb-layout-\/2 { padding-bottom: calc(var(--padding-bottom-layout) / 2); }
.sm\:pl-layout-\/2 { padding-left: calc(var(--padding-left-layout) / 2); }

.sm\:p-default { padding: var(--padding-top-default) var(--padding-right-default) var(--padding-bottom-default) var(--padding-left-default); }
.sm\:px-default { padding-right: var(--padding-right-default); padding-left: var(--padding-left-default); }
.sm\:py-default { padding-top: var(--padding-top-default); padding-bottom: var(--padding-bottom-default); }
.sm\:pt-default { padding-top: var(--padding-top-default); }
.sm\:pr-default { padding-right: var(--padding-right-default); }
.sm\:pb-default { padding-bottom: var(--padding-bottom-default); }
.sm\:pl-default { padding-left: var(--padding-left-default); }

.sm\:p-layout { padding: var(--padding-top-layout) var(--padding-right-layout) var(--padding-bottom-layout) var(--padding-left-layout); }
.sm\:px-layout { padding-right: var(--padding-right-layout); padding-left: var(--padding-left-layout); }
.sm\:py-layout { padding-top: var(--padding-top-layout); padding-bottom: var(--padding-bottom-layout); }
.sm\:pt-layout { padding-top: var(--padding-top-layout); }
.sm\:pr-layout { padding-right: var(--padding-right-layout); }
.sm\:pb-layout { padding-bottom: var(--padding-bottom-layout); }
.sm\:pl-layout { padding-left: var(--padding-left-layout); }

.sm\:p-default-x1_5 { padding: calc(var(--padding-top-default) * 1.5) calc(var(--padding-right-default) * 1.5) calc(var(--padding-bottom-default) * 1.5) calc(var(--padding-left-default) * 1.5); }
.sm\:px-default-x1_5 { padding-left: calc(var(--padding-left-default) * 1.5); padding-right: calc(var(--padding-right-default) * 1.5); }
.sm\:py-default-x1_5 { padding-top: calc(var(--padding-top-default) * 1.5); padding-bottom: calc(var(--padding-bottom-default) * 1.5); }
.sm\:pt-default-x1_5 { padding-top: calc(var(--padding-top-default) * 1.5); }
.sm\:pr-default-x1_5 { padding-right: calc(var(--padding-right-default) * 1.5); }
.sm\:pb-default-x1_5 { padding-bottom: calc(var(--padding-bottom-default) * 1.5); }
.sm\:pl-default-x1_5 { padding-left: calc(var(--padding-left-default) * 1.5); }

.sm\:p-layout-x1_5 { padding: calc(var(--padding-top-layout) * 1.5) calc(var(--padding-right-layout) * 1.5) calc(var(--padding-bottom-layout) * 1.5) calc(var(--padding-left-layout) * 1.5); }
.sm\:px-layout-x1_5 { padding-left: calc(var(--padding-left-layout) * 1.5); padding-right: calc(var(--padding-right-layout) * 1.5); }
.sm\:py-layout-x1_5 { padding-top: calc(var(--padding-top-layout) * 1.5); padding-bottom: calc(var(--padding-bottom-layout) * 1.5); }
.sm\:pt-layout-x1_5 { padding-top: calc(var(--padding-top-layout) * 1.5); }
.sm\:pr-layout-x1_5 { padding-right: calc(var(--padding-right-layout) * 1.5); }
.sm\:pb-layout-x1_5 { padding-bottom: calc(var(--padding-bottom-layout) * 1.5); }
.sm\:pl-layout-x1_5 { padding-left: calc(var(--padding-left-layout) * 1.5); }

.sm\:p-default-x2 { padding: calc(var(--padding-top-default) * 2) calc(var(--padding-right-default) * 2) calc(var(--padding-bottom-default) * 2) calc(var(--padding-left-default) * 2); }
.sm\:px-default-x2 { padding-left: calc(var(--padding-left-default) * 2); padding-right: calc(var(--padding-right-default) * 2); }
.sm\:py-default-x2 { padding-top: calc(var(--padding-top-default) * 2); padding-bottom: calc(var(--padding-bottom-default) * 2); }
.sm\:pt-default-x2 { padding-top: calc(var(--padding-top-default) * 2); }
.sm\:pr-default-x2 { padding-right: calc(var(--padding-right-default) * 2); }
.sm\:pb-default-x2 { padding-bottom: calc(var(--padding-bottom-default) * 2); }
.sm\:pl-default-x2 { padding-left: calc(var(--padding-left-default) * 2); }

.sm\:p-layout-x2 { padding: calc(var(--padding-top-layout) * 2) calc(var(--padding-right-layout) * 2) calc(var(--padding-bottom-layout) * 2) calc(var(--padding-left-layout) * 2); }
.sm\:px-layout-x2 { padding-left: calc(var(--padding-left-layout) * 2); padding-right: calc(var(--padding-right-layout) * 2); }
.sm\:py-layout-x2 { padding-top: calc(var(--padding-top-layout) * 2); padding-bottom: calc(var(--padding-bottom-layout) * 2); }
.sm\:pt-layout-x2 { padding-top: calc(var(--padding-top-layout) * 2); }
.sm\:pr-layout-x2 { padding-right: calc(var(--padding-right-layout) * 2); }
.sm\:pb-layout-x2 { padding-bottom: calc(var(--padding-bottom-layout) * 2); }
.sm\:pl-layout-x2 { padding-left: calc(var(--padding-left-layout) * 2); }

.sm\:p-default-x3 { padding: calc(var(--padding-top-default) * 3) calc(var(--padding-right-default) * 3) calc(var(--padding-bottom-default) * 3) calc(var(--padding-left-default) * 3); }
.sm\:px-default-x3 { padding-left: calc(var(--padding-left-default) * 3); padding-right: calc(var(--padding-right-default) * 3); }
.sm\:py-default-x3 { padding-top: calc(var(--padding-top-default) * 3); padding-bottom: calc(var(--padding-bottom-default) * 3); }
.sm\:pt-default-x3 { padding-top: calc(var(--padding-top-default) * 3); }
.sm\:pr-default-x3 { padding-right: calc(var(--padding-right-default) * 3); }
.sm\:pb-default-x3 { padding-bottom: calc(var(--padding-bottom-default) * 3); }
.sm\:pl-default-x3 { padding-left: calc(var(--padding-left-default) * 3); }

.sm\:p-layout-x3 { padding: calc(var(--padding-top-layout) * 3) calc(var(--padding-right-layout) * 3) calc(var(--padding-bottom-layout) * 3) calc(var(--padding-left-layout) * 3); }
.sm\:px-layout-x3 { padding-left: calc(var(--padding-left-layout) * 3); padding-right: calc(var(--padding-right-layout) * 3); }
.sm\:py-layout-x3 { padding-top: calc(var(--padding-top-layout) * 3); padding-bottom: calc(var(--padding-bottom-layout) * 3); }
.sm\:pt-layout-x3 { padding-top: calc(var(--padding-top-layout) * 3); }
.sm\:pr-layout-x3 { padding-right: calc(var(--padding-right-layout) * 3); }
.sm\:pb-layout-x3 { padding-bottom: calc(var(--padding-bottom-layout) * 3); }
.sm\:pl-layout-x3 { padding-left: calc(var(--padding-left-layout) * 3); }

.sm\:p-default-x4 { padding: calc(var(--padding-top-default) * 4) calc(var(--padding-right-default) * 4) calc(var(--padding-bottom-default) * 4) calc(var(--padding-left-default) * 4); }
.sm\:px-default-x4 { padding-left: calc(var(--padding-left-default) * 4); padding-right: calc(var(--padding-right-default) * 4); }
.sm\:py-default-x4 { padding-top: calc(var(--padding-top-default) * 4); padding-bottom: calc(var(--padding-bottom-default) * 4); }
.sm\:pt-default-x4 { padding-top: calc(var(--padding-top-default) * 4); }
.sm\:pr-default-x4 { padding-right: calc(var(--padding-right-default) * 4); }
.sm\:pb-default-x4 { padding-bottom: calc(var(--padding-bottom-default) * 4); }
.sm\:pl-default-x4 { padding-left: calc(var(--padding-left-default) * 4); }

.sm\:p-layout-x4 { padding: calc(var(--padding-top-layout) * 4) calc(var(--padding-right-layout) * 4) calc(var(--padding-bottom-layout) * 4) calc(var(--padding-left-layout) * 4); }
.sm\:px-layout-x4 { padding-left: calc(var(--padding-left-layout) * 4); padding-right: calc(var(--padding-right-layout) * 4); }
.sm\:py-layout-x4 { padding-top: calc(var(--padding-top-layout) * 4); padding-bottom: calc(var(--padding-bottom-layout) * 4); }
.sm\:pt-layout-x4 { padding-top: calc(var(--padding-top-layout) * 4); }
.sm\:pr-layout-x4 { padding-right: calc(var(--padding-right-layout) * 4); }
.sm\:pb-layout-x4 { padding-bottom: calc(var(--padding-bottom-layout) * 4); }
.sm\:pl-layout-x4 { padding-left: calc(var(--padding-left-layout) * 4); }

.sm\:p-default-x5 { padding: calc(var(--padding-top-default) * 5) calc(var(--padding-right-default) * 5) calc(var(--padding-bottom-default) * 5) calc(var(--padding-left-default) * 5); }
.sm\:px-default-x5 { padding-left: calc(var(--padding-left-default) * 5); padding-right: calc(var(--padding-right-default) * 5); }
.sm\:py-default-x5 { padding-top: calc(var(--padding-top-default) * 5); padding-bottom: calc(var(--padding-bottom-default) * 5); }
.sm\:pt-default-x5 { padding-top: calc(var(--padding-top-default) * 5); }
.sm\:pr-default-x5 { padding-right: calc(var(--padding-right-default) * 5); }
.sm\:pb-default-x5 { padding-bottom: calc(var(--padding-bottom-default) * 5); }
.sm\:pl-default-x5 { padding-left: calc(var(--padding-left-default) * 5); }

.sm\:p-layout-x5 { padding: calc(var(--padding-top-layout) * 5) calc(var(--padding-right-layout) * 5) calc(var(--padding-bottom-layout) * 5) calc(var(--padding-left-layout) * 5); }
.sm\:px-layout-x5 { padding-left: calc(var(--padding-left-layout) * 5); padding-right: calc(var(--padding-right-layout) * 5); }
.sm\:py-layout-x5 { padding-top: calc(var(--padding-top-layout) * 5); padding-bottom: calc(var(--padding-bottom-layout) * 5); }
.sm\:pt-layout-x5 { padding-top: calc(var(--padding-top-layout) * 5); }
.sm\:pr-layout-x5 { padding-right: calc(var(--padding-right-layout) * 5); }
.sm\:pb-layout-x5 { padding-bottom: calc(var(--padding-bottom-layout) * 5); }
.sm\:pl-layout-x5 { padding-left: calc(var(--padding-left-layout) * 5); }
/****************************************************** FIM DEFAULT MARGINS/PADDINGS ******************************************************/

/********************************************************* CONTROLOS SHOW / HIDE **********************************************************/
.sm\:block { display: block; }
.sm\:inline { display: inline; }
.sm\:inline-block { display: inline-block; }
.sm\:flex { display: flex; }
.sm\:inline-flex { display: inline-flex; }
.sm\:grid { display: grid; }
.sm\:inline-grid { display: inline-grid; }
.sm\:table { display: table; }
.sm\:table-row { display: table-row; }
.sm\:table-cell { display: table-cell; }
.sm\:hidden { display: none; }
/******************************************************* FIM CONTROLOS SHOW / HIDE ********************************************************/
/**************************************************************** OVERFLOW ****************************************************************/
.sm\:overflow-auto{ overflow: auto; }
.sm\:overflow-hidden{ overflow: hidden; }
.sm\:overflow-clip{ overflow: clip; }
.sm\:overflow-visible{ overflow: visible; }
.sm\:overflow-scroll{ overflow: scroll; }
.sm\:overflow-x-auto{ overflow-x: auto; }
.sm\:overflow-y-auto{ overflow-y: auto; }
.sm\:overflow-x-hidden{ overflow-x: hidden; }
.sm\:overflow-y-hidden{ overflow-y: hidden; }
.sm\:overflow-x-clip{ overflow-x: clip; }
.sm\:overflow-y-clip{ overflow-y: clip; }
.sm\:overflow-x-visible{ overflow-x: visible; }
.sm\:overflow-y-visible{ overflow-y: visible; }
.sm\:overflow-x-scroll{ overflow-x: scroll; }
.sm\:overflow-y-scroll{ overflow-y: scroll; }
/************************************************************** FIM OVERFLOW **************************************************************/
/************************************************************** POSITIONING ***************************************************************/
.sm\:static { position: static; }
.sm\:relative { position: relative; }
.sm\:absolute { position: absolute; }
.sm\:fixed { position: fixed; }
.sm\:sticky { position: sticky; }

.sm\:top-0 { top: 0; }
.sm\:top-50 { top: 50%; }
.sm\:top-100 { top: 100%; }
.sm\:top { top: var(--top); }

.sm\:bottom-0 { bottom: 0; }
.sm\:bottom-50 { bottom: 50%; }
.sm\:bottom-100 { bottom: 100%; }
.sm\:bottom { bottom: var(--bottom); }

.sm\:left-0 { left: 0; }
.sm\:left-50 { left: 50%; }
.sm\:left-100 { left: 100%; }
.sm\:left { left: var(--left); }

.sm\:right-0 { right: 0; }
.sm\:right-50 { right: 50%; }
.sm\:right-100 { right: 100%; }
.sm\:right { right: var(--right); }

.group.active .sm\:group-active\:translate-x-0, .group.selected .sm\:group-selected\:translate-x-0, .group:hover .sm\:group-hover\:translate-x-0, .sm\:hover\:translate-x-0:hover, .sm\:translate-x-0 { --icono2-translate-x: 0; }
.group.active .sm\:group-active\:translate-x-50, .group.selected .sm\:group-selected\:translate-x-50, .group:hover .sm\:group-hover\:translate-x-50, .sm\:hover\:translate-x-50:hover, .sm\:translate-x-50 { --icono2-translate-x: 50%; }
.group.active .sm\:group-active\:-translate-x-50, .group.selected .sm\:group-selected\:-translate-x-50, .group:hover .sm\:group-hover\:-translate-x-50, .sm\:hover\:-translate-x-50:hover, .sm\:-translate-x-50 { --icono2-translate-x: -50%; }
.group.active .sm\:group-active\:translate-x-full, .group.selected .sm\:group-selected\:translate-x-full, .group:hover .sm\:group-hover\:translate-x-full, .sm\:hover\:translate-x-full:hover, .sm\:translate-x-full { --icono2-translate-x: 100%; }
.group.active .sm\:group-active\:-translate-x-full, .group.selected .sm\:group-selected\:-translate-x-full, .group:hover .sm\:group-hover\:-translate-x-full, .sm\:hover\:-translate-x-full:hover, .sm\:-translate-x-full { --icono2-translate-x: -100%; }
.group.active .sm\:group-active\:translate-y-0, .group.selected .sm\:group-selected\:translate-y-0, .group:hover .sm\:group-hover\:translate-y-0, .sm\:hover\:translate-y-0:hover, .sm\:translate-y-0 { --icono2-translate-y: 0; }
.group.active .sm\:group-active\:translate-y-50, .group.selected .sm\:group-selected\:translate-y-50, .group:hover .sm\:group-hover\:translate-y-50, .sm\:hover\:translate-y-50:hover, .sm\:translate-y-50 { --icono2-translate-y: 50%; }
.group.active .sm\:group-active\:-translate-y-50, .group.selected .sm\:group-selected\:-translate-y-50, .group:hover .sm\:group-hover\:-translate-y-50, .sm\:hover\:-translate-y-50:hover, .sm\:-translate-y-50 { --icono2-translate-y: -50%; }
.group.active .sm\:group-active\:translate-y-full, .group.selected .sm\:group-selected\:translate-y-full, .group:hover .sm\:group-hover\:translate-y-full, .sm\:hover\:translate-y-full:hover, .sm\:translate-y-full { --icono2-translate-y: 100%; }
.group.active .sm\:group-active\:-translate-y-full, .group.selected .sm\:group-selected\:-translate-y-full, .group:hover .sm\:group-hover\:-translate-y-full, .sm\:hover\:-translate-y-full:hover, .sm\:-translate-y-full { --icono2-translate-y: -100%; }
.group.active .sm\:group-active\:translate-50, .group.selected .sm\:group-selected\:translate-50, .group:hover .sm\:group-hover\:translate-50, .sm\:hover\:translate-50:hover, .sm\:translate-50 { --icono2-translate-x: 50%; --icono2-translate-y: 50%; }
.group.active .sm\:group-active\:-translate-50, .group.selected .sm\:group-selected\:-translate-50, .group:hover .sm\:group-hover\:-translate-50, .sm\:hover\:-translate-50:hover, .sm\:-translate-50 { --icono2-translate-x: -50%; --icono2-translate-y: -50%; }
.group.active .sm\:group-active\:translate-x, .group.selected .sm\:group-selected\:translate-x, .group:hover .sm\:group-hover\:translate-x, .sm\:hover\:translate-x:hover, .sm\:translate-x { --icono2-translate-x: var(--translate-x); }
.group.active .sm\:group-active\:translate-x-anim, .group.selected .sm\:group-selected\:translate-x-anim, .group:hover .sm\:group-hover\:translate-x-anim, .sm\:hover\:translate-x-anim:hover { --icono2-translate-x: var(--translate-x-anim); }
.group.active .sm\:group-active\:translate-y, .group.selected .sm\:group-selected\:translate-y, .group:hover .sm\:group-hover\:translate-y, .sm\:hover\:translate-y:hover, .sm\:translate-y { --icono2-translate-y: var(--translate-y); }
.group.active .sm\:group-active\:translate-y-anim, .group.selected .sm\:group-selected\:translate-y-anim, .group:hover .sm\:group-hover\:translate-y-anim, .sm\:hover\:translate-y-anim:hover { --icono2-translate-y: var(--translate-y-anim); }
.group.active .sm\:group-active\:scale, .group.selected .sm\:group-selected\:scale, .group:hover .sm\:group-hover\:scale, .sm\:hover\:scale:hover, .sm\:scale { --icono2-scale: var(--scale); }
.group.active .sm\:group-active\:scale-anim, .group.selected .sm\:group-selected\:scale-anim, .group:hover .sm\:group-hover\:scale-anim, .sm\:hover\:scale-anim:hover, .sm\:scale-anim { --icono2-scale-anim: var(--scale-anim); }
.group.active .sm\:group-active\:scale-100, .group.selected .sm\:group-selected\:scale-100, .group:hover .sm\:group-hover\:scale-100, .sm\:hover\:scale-100:hover, .sm\:scale-100 { --icono2-scale: 1; }
.group.active .sm\:group-active\:scale-anim-100, .group.selected .sm\:group-selected\:scale-anim-100, .group:hover .sm\:group-hover\:scale-anim-100, .sm\:hover\:scale-anim-100:hover, .sm\:scale-anim-100 { --icono2-scale-anim: 1; }
.group.active .sm\:group-active\:scale-110, .group.selected .sm\:group-selected\:scale-110, .group:hover .sm\:group-hover\:scale-110, .sm\:hover\:scale-110:hover, .sm\:scale-110 { --icono2-scale: 1.1; }
.group.active .sm\:group-active\:scale-anim-110, .group.selected .sm\:group-selected\:scale-anim-110, .group:hover .sm\:group-hover\:scale-anim-110, .sm\:hover\:scale-anim-110:hover, .sm\:scale-anim-110 { --icono2-scale-anim: 1.1; }
.group.active .sm\:group-active\:scale-125, .group.selected .sm\:group-selected\:scale-125, .group:hover .sm\:group-hover\:scale-125, .sm\:hover\:scale-125:hover, .sm\:scale-125 { --icono2-scale: 1.25; }
.group.active .sm\:group-active\:scale-anim-125, .group.selected .sm\:group-selected\:scale-anim-125, .group:hover .sm\:group-hover\:scale-anim-125, .sm\:hover\:scale-anim-125:hover, .sm\:scale-anim-125 { --icono2-scale-anim: 1.25; }
.group.active .sm\:group-active\:scale-150, .group.selected .sm\:group-selected\:scale-150, .group:hover .sm\:group-hover\:scale-150, .sm\:hover\:scale-150:hover, .sm\:scale-150 { --icono2-scale: 1.5; }
.group.active .sm\:group-active\:scale-anim-150, .group.selected .sm\:group-selected\:scale-anim-150, .group:hover .sm\:group-hover\:scale-anim-150, .sm\:hover\:scale-anim-150:hover, .sm\:scale-anim-150 { --icono2-scale-anim: 1.5; }
.group.active .sm\:group-active\:scale-200, .group.selected .sm\:group-selected\:scale-200, .group:hover .sm\:group-hover\:scale-200, .sm\:hover\:scale-200:hover, .sm\:scale-200 { --icono2-scale: 2; }
.group.active .sm\:group-active\:scale-anim-200, .group.selected .sm\:group-selected\:scale-anim-200, .group:hover .sm\:group-hover\:scale-anim-200, .sm\:hover\:scale-anim-200:hover, .sm\:scale-anim-200 { --icono2-scale-anim: 2; }
.group.active .sm\:group-active\:rotate-0, .group.selected .sm\:group-selected\:rotate-0, .group:hover .sm\:group-hover\:rotate-0, .sm\:hover\:rotate-0:hover, .sm\:rotate-0 { --icono2-rotate: 0deg; }
.group.active .sm\:group-active\:rotate-45, .group.selected .sm\:group-selected\:rotate-45, .group:hover .sm\:group-hover\:rotate-45, .sm\:hover\:rotate-45:hover, .sm\:rotate-45 { --icono2-rotate: 45deg; }
.group.active .sm\:group-active\:rotate-90, .group.selected .sm\:group-selected\:rotate-90, .group:hover .sm\:group-hover\:rotate-90, .sm\:hover\:rotate-90:hover, .sm\:rotate-90 { --icono2-rotate: 90deg; }
.group.active .sm\:group-active\:rotate-180, .group.selected .sm\:group-selected\:rotate-180, .group:hover .sm\:group-hover\:rotate-180, .sm\:hover\:rotate-180:hover, .sm\:rotate-180 { --icono2-rotate: 180deg; }
.group.active .sm\:group-active\:rotate-270, .group.selected .sm\:group-selected\:rotate-270, .group:hover .sm\:group-hover\:rotate-270, .sm\:hover\:rotate-270:hover, .sm\:rotate-270 { --icono2-rotate: 270deg; }
.group.active .sm\:group-active\:translate-x-0, .group.selected .sm\:group-selected\:translate-x-0, .group:hover .sm\:group-hover\:translate-x-0, .sm\:hover\:translate-x-0:hover, .sm\:translate-x-0,
.group.active .sm\:group-active\:translate-x-50, .group.selected .sm\:group-selected\:translate-x-50, .group:hover .sm\:group-hover\:translate-x-50, .sm\:hover\:translate-x-50:hover, .sm\:translate-x-50,
.group.active .sm\:group-active\:-translate-x-50, .group.selected .sm\:group-selected\:-translate-x-50, .group:hover .sm\:group-hover\:-translate-x-50, .sm\:hover\:-translate-x-50:hover, .sm\:-translate-x-50,
.group.active .sm\:group-active\:translate-x-full, .group.selected .sm\:group-selected\:translate-x-full, .group:hover .sm\:group-hover\:translate-x-full, .sm\:hover\:translate-x-full:hover, .sm\:translate-x-full,
.group.active .sm\:group-active\:-translate-x-full, .group.selected .sm\:group-selected\:-translate-x-full, .group:hover .sm\:group-hover\:-translate-x-full, .sm\:hover\:-translate-x-full:hover, .sm\:-translate-x-full,
.group.active .sm\:group-active\:translate-y-0, .group.selected .sm\:group-selected\:translate-y-0, .group:hover .sm\:group-hover\:translate-y-0, .sm\:hover\:translate-y-0:hover, .sm\:translate-y-0,
.group.active .sm\:group-active\:translate-y-50, .group.selected .sm\:group-selected\:translate-y-50, .group:hover .sm\:group-hover\:translate-y-50, .sm\:hover\:translate-y-50:hover, .sm\:translate-y-50,
.group.active .sm\:group-active\:-translate-y-50, .group.selected .sm\:group-selected\:-translate-y-50, .group:hover .sm\:group-hover\:-translate-y-50, .sm\:hover\:-translate-y-50:hover, .sm\:-translate-y-50,
.group.active .sm\:group-active\:translate-y-full, .group.selected .sm\:group-selected\:translate-y-full, .group:hover .sm\:group-hover\:translate-y-full, .sm\:hover\:translate-y-full:hover, .sm\:translate-y-full,
.group.active .sm\:group-active\:-translate-y-full, .group.selected .sm\:group-selected\:-translate-y-full, .group:hover .sm\:group-hover\:-translate-y-full, .sm\:hover\:-translate-y-full:hover, .sm\:-translate-y-full,
.group.active .sm\:group-active\:translate-50, .group.selected .sm\:group-selected\:translate-50, .group:hover .sm\:group-hover\:translate-50, .sm\:hover\:translate-50:hover, .sm\:translate-50,
.group.active .sm\:group-active\:-translate-50, .group.selected .sm\:group-selected\:-translate-50, .group:hover .sm\:group-hover\:-translate-50, .sm\:hover\:-translate-50:hover, .sm\:-translate-50,
.group.active .sm\:group-active\:translate-x, .group.selected .sm\:group-selected\:translate-x, .group:hover .sm\:group-hover\:translate-x, .sm\:hover\:translate-x:hover, .sm\:translate-x,
.group.active .sm\:group-active\:translate-y, .group.selected .sm\:group-selected\:translate-y, .group:hover .sm\:group-hover\:translate-y, .sm\:hover\:translate-y:hover, .sm\:translate-y,
.group.active .sm\:group-active\:scale-100, .group.selected .sm\:group-selected\:scale-100, .group:hover .sm\:group-hover\:scale-100, .sm\:hover\:scale-100:hover, .sm\:scale-100,
.group.active .sm\:group-active\:scale-110, .group.selected .sm\:group-selected\:scale-110, .group:hover .sm\:group-hover\:scale-110, .sm\:hover\:scale-110:hover, .sm\:scale-110,
.group.active .sm\:group-active\:scale-125, .group.selected .sm\:group-selected\:scale-125, .group:hover .sm\:group-hover\:scale-125, .sm\:hover\:scale-125:hover, .sm\:scale-125,
.group.active .sm\:group-active\:scale-150, .group.selected .sm\:group-selected\:scale-150, .group:hover .sm\:group-hover\:scale-150, .sm\:hover\:scale-150:hover, .sm\:scale-150,
.group.active .sm\:group-active\:scale-200, .group.selected .sm\:group-selected\:scale-200, .group:hover .sm\:group-hover\:scale-200, .sm\:hover\:scale-200:hover, .sm\:scale-200,
.group.active .sm\:group-active\:rotate-0, .group.selected .sm\:group-selected\:rotate-0, .group:hover .sm\:group-hover\:rotate-0, .sm\:hover\:rotate-0:hover, .sm\:rotate-0,
.group.active .sm\:group-active\:rotate-45, .group.selected .sm\:group-selected\:rotate-45, .group:hover .sm\:group-hover\:rotate-45, .sm\:hover\:rotate-45:hover, .sm\:rotate-45,
.group.active .sm\:group-active\:rotate-90, .group.selected .sm\:group-selected\:rotate-90, .group:hover .sm\:group-hover\:rotate-90, .sm\:hover\:rotate-90:hover, .sm\:rotate-90,
.group.active .sm\:group-active\:rotate-180, .group.selected .sm\:group-selected\:rotate-180, .group:hover .sm\:group-hover\:rotate-180, .sm\:hover\:rotate-180:hover, .sm\:rotate-180,
.group.active .sm\:group-active\:rotate-270:not(.group .group-active\:rotate-270 *), .group.selected .sm\:group-selected\:rotate-270, .group:hover .sm\:group-hover\:rotate-270, .sm\:hover\:rotate-270:hover, .sm\:rotate-270,
.sm\:hoverimg-child, .sm\:transform { transform: translateX(var(--icono2-translate-x)) translateY(var(--icono2-translate-y)) rotate(var(--icono2-rotate)) scale(var(--icono2-scale)); }

.sm\:-z-1 { z-index: -1; }
.sm\:z-0 { z-index: 0; }
.sm\:z-1 { z-index: 1; }
.sm\:z-2 { z-index: 2; }
.sm\:z-3 { z-index: 3; }
.sm\:z-4 { z-index: 4; }
.sm\:z-5 { z-index: 5; }
.sm\:z-6 { z-index: 6; }
.sm\:z-7 { z-index: 7; }
.sm\:z-8 { z-index: 8; }
.sm\:z-9 { z-index: 9; }
.sm\:z-10 { z-index: 10; }
.sm\:z-11 { z-index: 11; }
.sm\:z-12 { z-index: 12; }
.sm\:z-13 { z-index: 13; }
.sm\:z-14 { z-index: 14; }
.sm\:z-15 { z-index: 15; }
.sm\:z-16 { z-index: 16; }
.sm\:z-17 { z-index: 17; }
.sm\:z-18 { z-index: 18; }
.sm\:z-19 { z-index: 19; }
.sm\:z-20 { z-index: 20; }
.sm\:z-50 { z-index: 50; }
.sm\:z-100 { z-index: 100; }
.sm\:z-auto { z-index: auto; }

.sm\:float-right{ float: right; }
.sm\:float-left{ float: left; }
.sm\:float-start{ float: inline-start; }
.sm\:float-end{ float: inline-end; }
.sm\:float-none{ float: none; }

.sm\:clear-left{ clear: left; }
.sm\:clear-right{ clear: right; }
.sm\:clear-both{ clear: both; }
.sm\:clear-start{ clear: inline-start; }
.sm\:clear-end{ clear: inline-end; }
.sm\:clear-none{ clear: none; }
/************************************************************ FIM POSITIONING *************************************************************/

.sm\:text-left{ text-align: left; }
.sm\:text-center{ text-align: center; }
.sm\:text-right{ text-align: right; }
.sm\:text-justify{ text-align: justify; }
.sm\:text-start{ text-align: start; }
.sm\:text-end{ text-align: end; }

.sm\:writing-mode-vlr{ writing-mode: vertical-lr; }

/************************************************************** ASPECT_RATIO **************************************************************/
.sm\:ratio-1{ --ratio-w: 1; --ratio-h: 1; }
.sm\:ratio-4\/3{ --ratio-w: 4; --ratio-h: 3; }
.sm\:ratio-16\/9{ --ratio-w: 16; --ratio-h: 9; }
.sm\:ratio-9\/16{ --ratio-w: 9; --ratio-h: 16; }
.sm\:ratio-1, .sm\:ratio-4\/3, .sm\:ratio-16\/9, .sm\:ratio-9\/16, .sm\:ratio{ aspect-ratio: var(--ratio-w)/var(--ratio-h); }

@supports not (aspect-ratio: 1/1) {
  .sm\:ratio::before, .sm\:ratio-1::before, .sm\:ratio-4\/3::before, .sm\:ratio-16\/9::before, .sm\:ratio-9\/16::before{ float: left; padding-top: calc((var(--ratio-h) / var(--ratio-w)) * 100%); content: ""; }
  .sm\:ratio > div:nth-child(1), .sm\:ratio-1 > div:nth-child(1), .sm\:ratio-4\/3 > div:nth-child(1), .sm\:ratio-16\/9 > div:nth-child(1), .sm\:ratio-9\/16 > div:nth-child(1){ position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
  .sm\:ratio::after, .sm\:ratio-1::after, .sm\:ratio-4\/3::after, .sm\:ratio-16\/9::after, .sm\:ratio-9\/16::after{display: block; content: ""; clear: both;}
}
/************************************************************ FIM ASPECT_RATIO ************************************************************/


/*********************************************************** DEFAULTS FLEX/GRID ***********************************************************/
/*************************************************************** DIRECTION ****************************************************************/
.sm\:flex-row{ flex-direction: row; }
.sm\:flex-row-reverse{ flex-direction: row-reverse; }
.sm\:flex-col{ flex-direction: column; }
.sm\:flex-col-reverse{ flex-direction: column-reverse; }
/************************************************************* FIM DIRECTION **************************************************************/
/****************************************************************** WRAP ******************************************************************/
.sm\:flex-nowrap{ flex-wrap: nowrap; }
.sm\:flex-wrap{ flex-wrap: wrap; }
.sm\:flex-wrap-reverse{ flex-wrap: wrap-reverse; }
/**************************************************************** FIM WRAP ****************************************************************/
/****************************************************************** GROW ******************************************************************/
.sm\:flex-grow{ flex-grow: var(--flex-grow); }
.sm\:flex-grow-1{ flex-grow: 1; }
.sm\:flex-nogrow{ flex-grow: 0; }
/**************************************************************** FIM GROW ****************************************************************/
/***************************************************************** SHRINK *****************************************************************/
.sm\:flex-shrink{ flex-shrink: var(--flex-shrink); }
.sm\:flex-shrink-1{ flex-shrink: 1; }
.sm\:flex-noshrink{ flex-shrink: 0; }
/*************************************************************** FIM SHRINK ***************************************************************/
/*************************************************************** FLEX-BASIS ***************************************************************/
.sm\:basis{ flex-basis: var(--basis); }
.sm\:basis-full{ flex-basis: 100%; }
.sm\:basis-0{ flex-basis: 0%; }
.sm\:basis-1\/12 { flex-basis: 8.333%; }
.sm\:basis-1\/10 { flex-basis: 10%; }
.sm\:basis-1\/8 { flex-basis: 12.5%; }
.sm\:basis-1\/6, .basis-2\/12 { flex-basis: 16.667%; }
.sm\:basis-1\/5, .basis-2\/10 { flex-basis: 20%; }
.sm\:basis-1\/4, .basis-2\/8, .basis-3\/12 { flex-basis: 25%; }
.sm\:basis-3\/10 { flex-basis: 30%; }
.sm\:basis-1\/3, .basis-2\/6, .basis-4\/12 { flex-basis: 33.333%; }
.sm\:basis-3\/8 { flex-basis: 37.5%; }
.sm\:basis-2\/5, .basis-4\/10 { flex-basis: 40%; }
.sm\:basis-5\/12 { flex-basis: 41.667%; }
.sm\:basis-1\/2, .basis-2\/4, .basis-3\/6, .basis-4\/8, .basis-5\/10, .basis-6\/12 { flex-basis: 50%; }
.sm\:basis-7\/12 { flex-basis: 58.333%; }
.sm\:basis-3\/5, .basis-6\/10 { flex-basis: 60%; }
.sm\:basis-5\/8 { flex-basis: 62.5%; }
.sm\:basis-2\/3 { flex-basis: 66.666%; }
.sm\:basis-4\/6, .basis-8\/12 { flex-basis: 66.667%; }
.sm\:basis-7\/10 { flex-basis: 70%; }
.sm\:basis-3\/4, .basis-6\/8, .basis-9\/12 { flex-basis: 75%; }
.sm\:basis-4\/5, .basis-8\/10 { flex-basis: 80%; }
.sm\:basis-5\/6, .basis-10\/12 { flex-basis: 83.333%; }
.sm\:basis-7\/8 { flex-basis: 87.5%; }
.sm\:basis-9\/10 { flex-basis: 90%; }
.sm\:basis-11\/12 { flex-basis: 91.667%; }
/************************************************************* FIM FLEX-BASIS *************************************************************/

/****************************************************************** GROW ******************************************************************/
.sm\:gap-x-0{ column-gap: 0; }
.sm\:gap-y-0{ row-gap: 0; }
.sm\:gap-x{ column-gap: var(--gap-x); }
.sm\:gap-y{ row-gap: var(--gap-y); }
/**************************************************************** FIM GROW ****************************************************************/
/************************************************************ JUSTIFY CONTENT *************************************************************/
.sm\:justify-start{ justify-content: flex-start; }
.sm\:justify-end{ justify-content: flex-end; }
.sm\:justify-center{ justify-content: center; }
.sm\:justify-between{ justify-content: space-between; }
.sm\:justify-around{ justify-content: space-around; }
.sm\:justify-evenly{ justify-content: space-evenly; }
.sm\:justify-stretch{ justify-content: stretch; }
.sm\:justify-baseline{ justify-content: baseline; }
.sm\:justify-normal{ justify-content: normal; }
/********************************************************** FIM JUSTIFY CONTENT ***********************************************************/
/************************************************************* JUSTIFY ITEMS **************************************************************/
.sm\:justify-items-start{ justify-items: start; }
.sm\:justify-items-end{ justify-items: end; }
.sm\:justify-items-center{ justify-items: center; }
.sm\:justify-items-stretch{ justify-items: stretch; }
.sm\:justify-items-normal{ justify-items: normal; }
/*********************************************************** FIM JUSTIFY ITEMS ************************************************************/
/************************************************************** ALIGN ITEMS ***************************************************************/
.sm\:items-start{ align-items: flex-start; }
.sm\:items-end{ align-items: flex-end; }
.sm\:items-center{ align-items: center; }
.sm\:items-baseline{ align-items: baseline; }
.sm\:items-stretch{ align-items: stretch; }
/************************************************************ FIM ALIGN ITEMS *************************************************************/
/*************************************************************** ALIGN SELF ***************************************************************/
.sm\:self-auto{ align-self: auto; }
.sm\:self-start{ align-self: flex-start; }
.sm\:self-end{ align-self: flex-end; }
.sm\:self-center{ align-self: center; }
.sm\:self-stretch{ align-self: stretch; }
.sm\:self-baseline{ align-self: baseline; }
/************************************************************* FIM ALIGN SELF *************************************************************/
.sm\:auto-cols-auto{ grid-auto-columns: auto; }
.sm\:auto-cols-min{ grid-auto-columns: min-content; }
.sm\:auto-cols-max{ grid-auto-columns: max-content; }
.sm\:auto-cols-fr{ grid-auto-columns: minmax(0, 1fr); }

.sm\:template-cols-fr{ grid-template-rows: minmax(0, 1fr); }

/********************************************************* FIM DEFAULTS FLEX/GRID *********************************************************/
.sm\:whitespace-normal{ white-space: normal; }
.sm\:whitespace-nowrap{ white-space: nowrap; }
.sm\:whitespace-pre{ white-space: pre; }
.sm\:whitespace-pre-line{ white-space: pre-line; }
.sm\:whitespace-pre-wrap{ white-space: pre-wrap; }
.sm\:whitespace-break-spaces{ white-space: break-spaces; }

.sm\:text-wrap{ text-wrap: wrap; }
.sm\:text-nowrap{ text-wrap: nowrap; }
.sm\:text-balance{ text-wrap: balance; }
.sm\:text-pretty{ text-wrap: pretty; }

.sm\:whitespace-normal{ white-space: normal; }
.sm\:whitespace-nowrap{ white-space: nowrap; }
.sm\:whitespace-pre{ white-space: pre; }
.sm\:whitespace-pre-line{ white-space: pre-line; }
.sm\:whitespace-pre-wrap{ white-space: pre-wrap; }
.sm\:whitespace-break-spaces{ white-space: break-spaces; }

.sm\:object-contain{ object-fit: contain; }
.sm\:object-cover{ object-fit: cover; }
.sm\:object-fill{ object-fit: fill; }
.sm\:object-none{ object-fit: none; }
.sm\:object-scale-down{ object-fit: scale-down; }

/***************************************************************** WIDTHS *****************************************************************/
.sm\:w{ width: var(--w); }
.sm\:w-0{ width: 0; }
.sm\:w-auto{ width: auto; }
.sm\:w-full{ width: 100%; }
.sm\:w-screen{ width: 100vw; }

.sm\:w-1\/12 { width: 8.333%; }
.sm\:w-1\/10 { width: 10%; }
.sm\:w-1\/8 { width: 12.5%; }
.sm\:w-1\/6, .sm\:w-2\/12 { width: 16.667%; }
.sm\:w-1\/5, .sm\:w-2\/10 { width: 20%; }
.sm\:w-1\/4, .sm\:w-2\/8, .sm\:w-3\/12 { width: 25%; }
.sm\:w-3\/10 { width: 30%; }
.sm\:w-1\/3, .sm\:w-2\/6, .sm\:w-4\/12 { width: 33.333%; }
.sm\:w-3\/8 { width: 37.5%; }
.sm\:w-2\/5, .sm\:w-4\/10 { width: 40%; }
.sm\:w-5\/12 { width: 41.667%; }
.sm\:w-1\/2, .sm\:w-2\/4, .sm\:w-3\/6, .sm\:w-4\/8, .sm\:w-5\/10, .sm\:w-6\/12 { width: 50%; }
.sm\:w-7\/12 { width: 58.333%; }
.sm\:w-3\/5, .sm\:w-6\/10 { width: 60%; }
.sm\:w-5\/8 { width: 62.5%; }
.sm\:w-2\/3 { width: 66.666%; }
.sm\:w-4\/6, .sm\:w-8\/12 { width: 66.667%; }
.sm\:w-7\/10 { width: 70%; }
.sm\:w-3\/4, .sm\:w-6\/8, .sm\:w-9\/12 { width: 75%; }
.sm\:w-4\/5, .sm\:w-8\/10 { width: 80%; }
.sm\:w-5\/6, .sm\:w-10\/12 { width: 83.333%; }
.sm\:w-7\/8 { width: 87.5%; }
.sm\:w-9\/10 { width: 90%; }
.sm\:w-11\/12 { width: 91.667%; }

/*************************************************************** FIM WIDTHS ***************************************************************/

/*************************************************************** MAX WIDTHS ***************************************************************/
.sm\:min-w{ min-width: var(--min-w); }
.sm\:min-w-0{ min-width: 0; }
.sm\:min-w-full{ min-width: 100%; }
.sm\:min-w-screen{ min-width: 100vw; }

.sm\:min-w-1\/12 { min-width: 8.333%; }
.sm\:min-w-1\/10 { min-width: 10%; }
.sm\:min-w-1\/8 { min-width: 12.5%; }
.sm\:min-w-1\/6, .sm\:min-w-2\/12 { min-width: 16.667%; }
.sm\:min-w-1\/5, .sm\:min-w-2\/10 { min-width: 20%; }
.sm\:min-w-1\/4, .sm\:min-w-2\/8, .sm\:min-w-3\/12 { min-width: 25%; }
.sm\:min-w-3\/10 { min-width: 30%; }
.sm\:min-w-1\/3, .sm\:min-w-2\/6, .sm\:min-w-4\/12 { min-width: 33.333%; }
.sm\:min-w-3\/8 { min-width: 37.5%; }
.sm\:min-w-2\/5, .sm\:min-w-4\/10 { min-width: 40%; }
.sm\:min-w-5\/12 { min-width: 41.667%; }
.sm\:min-w-1\/2, .sm\:min-w-2\/4, .sm\:min-w-3\/6, .sm\:min-w-4\/8, .sm\:min-w-5\/10, .sm\:min-w-6\/12 { min-width: 50%; }
.sm\:min-w-7\/12 { min-width: 58.333%; }
.sm\:min-w-3\/5, .sm\:min-w-6\/10 { min-width: 60%; }
.sm\:min-w-5\/8 { min-width: 62.5%; }
.sm\:min-w-2\/3 { min-width: 66.666%; }
.sm\:min-w-4\/6, .sm\:min-w-8\/12 { min-width: 66.667%; }
.sm\:min-w-7\/10 { min-width: 70%; }
.sm\:min-w-3\/4, .sm\:min-w-6\/8, .sm\:min-w-9\/12 { min-width: 75%; }
.sm\:min-w-4\/5, .sm\:min-w-8\/10 { min-width: 80%; }
.sm\:min-w-5\/6, .sm\:min-w-10\/12 { min-width: 83.333%; }
.sm\:min-w-7\/8 { min-width: 87.5%; }
.sm\:min-w-9\/10 { min-width: 90%; }
.sm\:min-w-11\/12 { min-width: 91.667%; }
/************************************************************* FIM MAX WIDTHS *************************************************************/

/*************************************************************** MAX WIDTHS ***************************************************************/
.sm\:max-w{ max-width: var(--max-w); }
.sm\:max-w-0{ max-width: 0%; }
.sm\:max-w-full{ max-width: 100%; }
.sm\:max-w-screen{ max-width: 100vw; }

.sm\:max-w-1\/12 { max-width: 8.333%; }
.sm\:max-w-1\/10 { max-width: 10%; }
.sm\:max-w-1\/8 { max-width: 12.5%; }
.sm\:max-w-1\/6, .sm\:max-w-2\/12 { max-width: 16.667%; }
.sm\:max-w-1\/5, .sm\:max-w-2\/10 { max-width: 20%; }
.sm\:max-w-1\/4, .sm\:max-w-2\/8, .sm\:max-w-3\/12 { max-width: 25%; }
.sm\:max-w-3\/10 { max-width: 30%; }
.sm\:max-w-1\/3, .sm\:max-w-2\/6, .sm\:max-w-4\/12 { max-width: 33.333%; }
.sm\:max-w-3\/8 { max-width: 37.5%; }
.sm\:max-w-2\/5, .sm\:max-w-4\/10 { max-width: 40%; }
.sm\:max-w-5\/12 { max-width: 41.667%; }
.sm\:max-w-1\/2, .sm\:max-w-2\/4, .sm\:max-w-3\/6, .sm\:max-w-4\/8, .sm\:max-w-5\/10, .sm\:max-w-6\/12 { max-width: 50%; }
.sm\:max-w-7\/12 { max-width: 58.333%; }
.sm\:max-w-3\/5, .sm\:max-w-6\/10 { max-width: 60%; }
.sm\:max-w-5\/8 { max-width: 62.5%; }
.sm\:max-w-2\/3 { max-width: 66.666%; }
.sm\:max-w-4\/6, .sm\:max-w-8\/12 { max-width: 66.667%; }
.sm\:max-w-7\/10 { max-width: 70%; }
.sm\:max-w-3\/4, .sm\:max-w-6\/8, .sm\:max-w-9\/12 { max-width: 75%; }
.sm\:max-w-4\/5, .sm\:max-w-8\/10 { max-width: 80%; }
.sm\:max-w-5\/6, .sm\:max-w-10\/12 { max-width: 83.333%; }
.sm\:max-w-7\/8 { max-width: 87.5%; }
.sm\:max-w-9\/10 { max-width: 90%; }
.sm\:max-w-11\/12 { max-width: 91.667%; }
/************************************************************* FIM MAX WIDTHS *************************************************************/

/**************************************************************** HEIGHTS *****************************************************************/
.sm\:h{ height: var(--h); }
.sm\:h-auto{ height: auto; }
.sm\:h-full{ height: 100%; }
.sm\:h-screen{ height: 100vh; }
.sm\:h-screenNoHead{ height: calc(100vh - var(--heightbarramenu)); }

.sm\:h-1\/12 { height: 8.333%; }
.sm\:h-1\/10 { height: 10%; }
.sm\:h-1\/8 { height: 12.5%; }
.sm\:h-1\/6, .sm\:h-2\/12 { height: 16.667%; }
.sm\:h-1\/5, .sm\:h-2\/10 { height: 20%; }
.sm\:h-1\/4, .sm\:h-2\/8, .sm\:h-3\/12 { height: 25%; }
.sm\:h-3\/10 { height: 30%; }
.sm\:h-1\/3, .sm\:h-2\/6, .sm\:h-4\/12 { height: 33.333%; }
.sm\:h-3\/8 { height: 37.5%; }
.sm\:h-2\/5, .sm\:h-4\/10 { height: 40%; }
.sm\:h-5\/12 { height: 41.667%; }
.sm\:h-1\/2, .sm\:h-2\/4, .sm\:h-3\/6, .sm\:h-4\/8, .sm\:h-5\/10, .sm\:h-6\/12 { height: 50%; }
.sm\:h-7\/12 { height: 58.333%; }
.sm\:h-3\/5, .sm\:h-6\/10 { height: 60%; }
.sm\:h-5\/8 { height: 62.5%; }
.sm\:h-2\/3 { height: 66.666%; }
.sm\:h-4\/6, .sm\:h-8\/12 { height: 66.667%; }
.sm\:h-7\/10 { height: 70%; }
.sm\:h-3\/4, .sm\:h-6\/8, .sm\:h-9\/12 { height: 75%; }
.sm\:h-4\/5, .sm\:h-8\/10 { height: 80%; }
.sm\:h-5\/6, .sm\:h-10\/12 { height: 83.333%; }
.sm\:h-7\/8 { height: 87.5%; }
.sm\:h-9\/10 { height: 90%; }
.sm\:h-11\/12 { height: 91.667%; }
/************************************************************** FIM HEIGHTS ***************************************************************/

/************************************************************** MAX HEIGHTS ***************************************************************/
.sm\:max-h{ max-height: var(--max-h); }
.sm\:max-h-full{ max-height: 100%; }
.sm\:max-h-screen{ max-height: 100vh; }

.sm\:max-h-1\/12 { max-height: 8.333%; }
.sm\:max-h-1\/10 { max-height: 10%; }
.sm\:max-h-1\/8 { max-height: 12.5%; }
.sm\:max-h-1\/6, .sm\:max-h-2\/12 { max-height: 16.667%; }
.sm\:max-h-1\/5, .sm\:max-h-2\/10 { max-height: 20%; }
.sm\:max-h-1\/4, .sm\:max-h-2\/8, .sm\:max-h-3\/12 { max-height: 25%; }
.sm\:max-h-3\/10 { max-height: 30%; }
.sm\:max-h-1\/3, .sm\:max-h-2\/6, .sm\:max-h-4\/12 { max-height: 33.333%; }
.sm\:max-h-3\/8 { max-height: 37.5%; }
.sm\:max-h-2\/5, .sm\:max-h-4\/10 { max-height: 40%; }
.sm\:max-h-5\/12 { max-height: 41.667%; }
.sm\:max-h-1\/2, .sm\:max-h-2\/4, .sm\:max-h-3\/6, .sm\:max-h-4\/8, .sm\:max-h-5\/10, .sm\:max-h-6\/12 { max-height: 50%; }
.sm\:max-h-7\/12 { max-height: 58.333%; }
.sm\:max-h-3\/5, .sm\:max-h-6\/10 { max-height: 60%; }
.sm\:max-h-5\/8 { max-height: 62.5%; }
.sm\:max-h-2\/3 { max-height: 66.666%; }
.sm\:max-h-4\/6, .sm\:max-h-8\/12 { max-height: 66.667%; }
.sm\:max-h-7\/10 { max-height: 70%; }
.sm\:max-h-3\/4, .sm\:max-h-6\/8, .sm\:max-h-9\/12 { max-height: 75%; }
.sm\:max-h-4\/5, .sm\:max-h-8\/10 { max-height: 80%; }
.sm\:max-h-5\/6, .sm\:max-h-10\/12 { max-height: 83.333%; }
.sm\:max-h-7\/8 { max-height: 87.5%; }
.sm\:max-h-9\/10 { max-height: 90%; }
.sm\:max-h-11\/12 { max-height: 91.667%; }
/************************************************************ FIM MAX HEIGHTS *************************************************************/

/************************************************************** MIN HEIGHTS ***************************************************************/
.sm\:min-h{ min-height: var(--min-h); }
.sm\:min-h-full{ min-height: 100%; }
.sm\:min-h-screen{ min-height: 100vh; }

.sm\:min-h-1\/12 { min-height: 8.333%; }
.sm\:min-h-1\/10 { min-height: 10%; }
.sm\:min-h-1\/8 { min-height: 12.5%; }
.sm\:min-h-1\/6, .sm\:min-h-2\/12 { min-height: 16.667%; }
.sm\:min-h-1\/5, .sm\:min-h-2\/10 { min-height: 20%; }
.sm\:min-h-1\/4, .sm\:min-h-2\/8, .sm\:min-h-3\/12 { min-height: 25%; }
.sm\:min-h-3\/10 { min-height: 30%; }
.sm\:min-h-1\/3, .sm\:min-h-2\/6, .sm\:min-h-4\/12 { min-height: 33.333%; }
.sm\:min-h-3\/8 { min-height: 37.5%; }
.sm\:min-h-2\/5, .sm\:min-h-4\/10 { min-height: 40%; }
.sm\:min-h-5\/12 { min-height: 41.667%; }
.sm\:min-h-1\/2, .sm\:min-h-2\/4, .sm\:min-h-3\/6, .sm\:min-h-4\/8, .sm\:min-h-5\/10, .sm\:min-h-6\/12 { min-height: 50%; }
.sm\:min-h-7\/12 { min-height: 58.333%; }
.sm\:min-h-3\/5, .sm\:min-h-6\/10 { min-height: 60%; }
.sm\:min-h-5\/8 { min-height: 62.5%; }
.sm\:min-h-2\/3 { min-height: 66.666%; }
.sm\:min-h-4\/6, .sm\:min-h-8\/12 { min-height: 66.667%; }
.sm\:min-h-7\/10 { min-height: 70%; }
.sm\:min-h-3\/4, .sm\:min-h-6\/8, .sm\:min-h-9\/12 { min-height: 75%; }
.sm\:min-h-4\/5, .sm\:min-h-8\/10 { min-height: 80%; }
.sm\:min-h-5\/6, .sm\:min-h-10\/12 { min-height: 83.333%; }
.sm\:min-h-7\/8 { min-height: 87.5%; }
.sm\:min-h-9\/10 { min-height: 90%; }
.sm\:min-h-11\/12 { min-height: 91.667%; }
/************************************************************ FIM MIN HEIGHTS *************************************************************/

/************************************************************* DEFAULTS TEXTS *************************************************************/
.sm\:linhas1, .sm\:linhas2, .sm\:linhas3, .sm\:linhas4, .sm\:linhas5, .sm\:linhas6, .sm\:linhas7, .sm\:linhas8, .sm\:linhas9, .sm\:linhas10{display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.sm\:linhas1{-webkit-line-clamp: 1; line-clamp: 1;}
.sm\:linhas2{-webkit-line-clamp: 2; line-clamp: 2;}
.sm\:linhas3{-webkit-line-clamp: 3; line-clamp: 3;}
.sm\:linhas4{-webkit-line-clamp: 4; line-clamp: 4;}
.sm\:linhas5{-webkit-line-clamp: 5; line-clamp: 5;}
.sm\:linhas6{-webkit-line-clamp: 6; line-clamp: 6;}
.sm\:linhas7{-webkit-line-clamp: 7; line-clamp: 7;}
.sm\:linhas8{-webkit-line-clamp: 8; line-clamp: 8;}
.sm\:linhas9{-webkit-line-clamp: 9; line-clamp: 9;}
.sm\:linhas10{-webkit-line-clamp: 10; line-clamp: 10;}
/********************************************************** FIM DEFAULTS TEXTS ***********************************************************/
/********************************************************** FIM ESTRUTURA GERAL ***********************************************************/
}

@media only screen and (min-width:769px){
/************************************************************* VARIAVEIS CSS **************************************************************/
/**                                                                                                                                      **/
/**                                     VARIAVEIS PARA ESTRUTURA DEFAULT (MARGINS/PADDINGS DEFAULT)                                      **/
/**                                                                                                                                      **/
/******************************************************************************************************************************************/
:root{
  --colunas2: 1;
  --colunas3: 1;
  --colunas4: 1;
  --colunas5: 1;
  --colunas6: 1;

  --column-gap-default: 35px;

  --margin-top-default: 30px;
  --margin-right-default: 20px;
  --margin-bottom-default: 45px;
  --margin-left-default: 20px;

  --margin-top-layout: 30px;
  --margin-right-layout: 20px;
  --margin-bottom-layout: 100px;
  --margin-left-layout: 20px;

  --padding-top-default: 50px;
  --padding-right-default: 50px;
  --padding-bottom-default: 50px;
  --padding-left-default: 50px;

  --padding-top-layout: 50px;
  --padding-right-layout: 30px;
  --padding-bottom-layout: 50px;
  --padding-left-layout: 30px;
}

/*********************************************************** FIM VARIAVEIS CSS ************************************************************/


/************************************************************* DEFAUTLS LENIS *************************************************************/
/**                                                                                                                                      **/
/**                                          CLASES DEFAULT LENIS (SMOOTH SCROLL) NAO MODIFICAR                                          **/
/**                                                                                                                                      **/
/******************************************************************************************************************************************/
html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-stopped { overflow: hidden; }
.lenis.lenis-scrolling iframe { pointer-events: none; }
/*********************************************************** FIM DEFAUTLS LENIS ***********************************************************/


/************************************************************ DEFAULT ELEMENTS ************************************************************/
/**                                                                                                                                      **/
/**                                             CLASES DEFAULT ELEMENTOS BASE NAO MODIFICAR                                              **/
/**                                                                                                                                      **/
/******************************************************************************************************************************************/
.container{ max-width: 769px; }
/********************************************************** FIM DEFAULT ELEMENTS **********************************************************/

/************************************************************ DEFAULTS COLUNAS ************************************************************/
*:has(>.md\:colunas1), *:has(>.md\:colunas2), *:has(>.md\:colunas3), *:has(>.md\:colunas4), *:has(>.md\:colunas5), *:has(>.md\:colunas6){display: flex; flex-direction: row; flex-wrap: wrap;}
.md\:colunas1:nth-child(1n+1){flex-grow: 0; flex-shrink: 0; width: 100%; margin-right: 0;}

.md\:colunas2:nth-child(2n+1){flex-grow: 0; flex-shrink: 0; width: calc((100% / 2) - ((var(--marginColunas) * 1) / 2)); margin-right: var(--marginColunas); }
.md\:colunas2:nth-child(2n+2){flex-grow: 0; flex-shrink: 0; width: calc((100% / 2) - ((var(--marginColunas) * 1) / 2)); margin-right: 0; }

.md\:colunas3:nth-child(3n+1){flex-grow: 0; flex-shrink: 0; width: calc((100% / 3) - ((var(--marginColunas) * 2) / 3)); margin-right: var(--marginColunas); }
.md\:colunas3:nth-child(3n+2){flex-grow: 0; flex-shrink: 0; width: calc((100% / 3) - ((var(--marginColunas) * 2) / 3)); margin-right: var(--marginColunas); }
.md\:colunas3:nth-child(3n+3){flex-grow: 0; flex-shrink: 0; width: calc((100% / 3) - ((var(--marginColunas) * 2) / 3)); margin-right: 0; }

.md\:colunas4:nth-child(4n+1){flex-grow: 0; flex-shrink: 0; width: calc((100% / 4) - ((var(--marginColunas) * 3) / 4)); margin-right: var(--marginColunas); }
.md\:colunas4:nth-child(4n+2){flex-grow: 0; flex-shrink: 0; width: calc((100% / 4) - ((var(--marginColunas) * 3) / 4)); margin-right: var(--marginColunas); }
.md\:colunas4:nth-child(4n+3){flex-grow: 0; flex-shrink: 0; width: calc((100% / 4) - ((var(--marginColunas) * 3) / 4)); margin-right: var(--marginColunas); }
.md\:colunas4:nth-child(4n+4){flex-grow: 0; flex-shrink: 0; width: calc((100% / 4) - ((var(--marginColunas) * 3) / 4)); margin-right: 0; }

.md\:colunas5:nth-child(5n+1){flex-grow: 0; flex-shrink: 0; width: calc((100% / 5) - ((var(--marginColunas) * 4) / 5)); margin-right: var(--marginColunas); }
.md\:colunas5:nth-child(5n+2){flex-grow: 0; flex-shrink: 0; width: calc((100% / 5) - ((var(--marginColunas) * 4) / 5)); margin-right: var(--marginColunas); }
.md\:colunas5:nth-child(5n+3){flex-grow: 0; flex-shrink: 0; width: calc((100% / 5) - ((var(--marginColunas) * 4) / 5)); margin-right: var(--marginColunas); }
.md\:colunas5:nth-child(5n+4){flex-grow: 0; flex-shrink: 0; width: calc((100% / 5) - ((var(--marginColunas) * 4) / 5)); margin-right: var(--marginColunas); }
.md\:colunas5:nth-child(5n+5){flex-grow: 0; flex-shrink: 0; width: calc((100% / 5) - ((var(--marginColunas) * 4) / 5)); margin-right: 0; }

.md\:colunas6:nth-child(6n+1){flex-grow: 0; flex-shrink: 0; width: calc((100% / 6) - ((var(--marginColunas) * 5) / 6)); margin-right: var(--marginColunas); }
.md\:colunas6:nth-child(6n+2){flex-grow: 0; flex-shrink: 0; width: calc((100% / 6) - ((var(--marginColunas) * 5) / 6)); margin-right: var(--marginColunas); }
.md\:colunas6:nth-child(6n+3){flex-grow: 0; flex-shrink: 0; width: calc((100% / 6) - ((var(--marginColunas) * 5) / 6)); margin-right: var(--marginColunas); }
.md\:colunas6:nth-child(6n+4){flex-grow: 0; flex-shrink: 0; width: calc((100% / 6) - ((var(--marginColunas) * 5) / 6)); margin-right: var(--marginColunas); }
.md\:colunas6:nth-child(6n+5){flex-grow: 0; flex-shrink: 0; width: calc((100% / 6) - ((var(--marginColunas) * 5) / 6)); margin-right: var(--marginColunas); }
.md\:colunas6:nth-child(6n+6){flex-grow: 0; flex-shrink: 0; width: calc((100% / 6) - ((var(--marginColunas) * 5) / 6)); margin-right: 0; }

.md\:colunas5{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 5%;}
.md\:colunas10{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 10%;}
.md\:colunas15{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 15%;}
.md\:colunas20{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 20%;}
.md\:colunas25{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 25%;}
.md\:colunas30{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 30%;}
.md\:colunas35{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 35%;}
.md\:colunas40{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 40%;}
.md\:colunas45{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 45%;}
.md\:colunas50{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 50%;}
.md\:colunas55{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 55%;}
.md\:colunas60{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 60%;}
.md\:colunas65{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 65%;}
.md\:colunas70{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 70%;}
.md\:colunas75{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 75%;}
.md\:colunas80{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 80%;}
.md\:colunas85{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 85%;}
.md\:colunas90{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 90%;}
.md\:colunas95{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 95%;}

.md\:colunasflex2{ display: flex; flex-direction: row; flex-wrap: wrap; }
.md\:colunasflex2 > * { width: calc(100% / var(--colunas2)); }
.md\:colunasflex3{ display: flex; flex-direction: row; flex-wrap: wrap; }
.md\:colunasflex3 > * { width: calc(100% / var(--colunas3)); }
.md\:colunasflex4{ display: flex; flex-direction: row; flex-wrap: wrap; }
.md\:colunasflex4 > * { width: calc(100% / var(--colunas4)); }
.md\:colunasflex5{ display: flex; flex-direction: row; flex-wrap: wrap; }
.md\:colunasflex5 > * { width: calc(100% / var(--colunas5)); }
.md\:colunasflex6{ display: flex; flex-direction: row; flex-wrap: wrap; }
.md\:colunasflex6 > * { width: calc(100% / var(--colunas6)); }

.md\:text-columns-1{ column-count: 1; }
.md\:text-columns-2{ column-count: 2; }
.md\:text-columns-3{ column-count: 3; }
.md\:text-columns-4{ column-count: 4; }
.md\:text-columns-5{ column-count: 5; }
.md\:text-columns-6{ column-count: 6; }

.md\:column-gap-default-\/3{column-gap: calc(var(--column-gap-default) / 3);}
.md\:column-gap-default-\/2{column-gap: calc(var(--column-gap-default) / 2);}
.md\:column-gap-default{column-gap: var(--column-gap-default);}
.md\:column-gap-default-x2{column-gap: calc(var(--column-gap-default) * 2);}
.md\:column-gap-default-x3{column-gap: calc(var(--column-gap-default) * 3);}
/********************************************************** FIM DEFAULTS COLUNAS **********************************************************/

/******************************************************** DEFAULT MARGINS/PADDINGS ********************************************************/
/**                                                                                                                                      **/
/**                                  CLASES DEFAULT MARGINS/PADDINGS NAO MODIFICAR, USAR VARIAVEIS CSS                                   **/
/**                                                                                                                                      **/
/******************************************************************************************************************************************/
.md\:m-0 { margin: 0; }
.md\:mx-0 { margin-left: 0; margin-right: 0; }
.md\:my-0 { margin-top: 0; margin-bottom: 0; }
.md\:mt-0 { margin-top: 0; }
.md\:mr-0 { margin-right: 0; }
.md\:mb-0 { margin-bottom: 0; }
.md\:ml-0 { margin-left: 0; }

.md\:m-1 { margin: 1px; }
.md\:mx-1 { margin-left: 1px; margin-right: 1px; }
.md\:my-1 { margin-top: 1px; margin-bottom: 1px; }
.md\:mt-1 { margin-top: 1px; }
.md\:mr-1 { margin-right: 1px; }
.md\:mb-1 { margin-bottom: 1px; }
.md\:ml-1 { margin-left: 1px; }

.md\:p-0 { padding: 0; }
.md\:px-0 { padding-left: 0; padding-right: 0; }
.md\:py-0 { padding-top: 0; padding-bottom: 0; }
.md\:pt-0 { padding-top: 0; }
.md\:pr-0 { padding-right: 0; }
.md\:pb-0 { padding-bottom: 0; }
.md\:pl-0 { padding-left: 0; }

.md\:p-1 { padding: 1px; }
.md\:px-1 { padding-left: 1px; padding-right: 1px; }
.md\:py-1 { padding-top: 1px; padding-bottom: 1px; }
.md\:pt-1 { padding-top: 1px; }
.md\:pr-1 { padding-right: 1px; }
.md\:pb-1 { padding-bottom: 1px; }
.md\:pl-1 { padding-left: 1px; }


.md\:m-auto { margin: auto; }
.md\:mx-auto { margin-left: auto; margin-right: auto; }
.md\:my-auto { margin-top: auto; margin-bottom: auto; }
.md\:mt-auto { margin-top: auto; }
.md\:mr-auto { margin-right: auto; }
.md\:mb-auto { margin-bottom: auto; }
.md\:ml-auto { margin-left: auto; }

.md\:m { margin: var(--m); }
.md\:my { margin-top: var(--my); margin-bottom: var(--my); }
.md\:mx { margin-right: var(--mx); margin-left: var(--mx); }
.md\:mt { margin-top: var(--mt); }
.md\:mr { margin-right: var(--mr); }
.md\:mb { margin-bottom: var(--mb); }
.md\:ml { margin-left: var(--ml); }

.md\:m-default-\/5 { margin: calc(var(--margin-top-default) / 5) calc(var(--margin-right-default) / 5) calc(var(--margin-bottom-default) / 5) calc(var(--margin-left-default) / 5); }
.md\:mx-default-\/5 { margin-left: calc(var(--margin-left-default) / 5); margin-right: calc(var(--margin-right-default) / 5); width: calc(100% - (calc(var(--margin-left-default) / 5) + calc(var(--margin-right-default) / 5))); }
.md\:my-default-\/5 { margin-top: calc(var(--margin-top-default) / 5); margin-bottom: calc(var(--margin-bottom-default) / 5); }
.md\:mt-default-\/5 { margin-top: calc(var(--margin-top-default) / 5); }
.md\:mr-default-\/5 { margin-right: calc(var(--margin-right-default) / 5); }
.md\:mb-default-\/5 { margin-bottom: calc(var(--margin-bottom-default) / 5); }
.md\:ml-default-\/5 { margin-left: calc(var(--margin-left-default) / 5); }

.md\:m-layout-\/5 { margin: calc(var(--margin-top-layout) / 5) calc(var(--margin-right-layout) / 5) calc(var(--margin-bottom-layout) / 5) calc(var(--margin-left-layout) / 5); }
.md\:mx-layout-\/5 { margin-left: calc(var(--margin-left-layout) / 5); margin-right: calc(var(--margin-right-layout) / 5); width: calc(100% - (calc(var(--margin-left-layout) / 5) + calc(var(--margin-right-layout) / 5))); }
.md\:my-layout-\/5 { margin-top: calc(var(--margin-top-layout) / 5); margin-bottom: calc(var(--margin-bottom-layout) / 5); }
.md\:mt-layout-\/5 { margin-top: calc(var(--margin-top-layout) / 5); }
.md\:mr-layout-\/5 { margin-right: calc(var(--margin-right-layout) / 5); }
.md\:mb-layout-\/5 { margin-bottom: calc(var(--margin-bottom-layout) / 5); }
.md\:ml-layout-\/5 { margin-left: calc(var(--margin-left-layout) / 5); }

.md\:m-default-\/4 { margin: calc(var(--margin-top-default) / 4) calc(var(--margin-right-default) / 4) calc(var(--margin-bottom-default) / 4) calc(var(--margin-left-default) / 4); }
.md\:mx-default-\/4 { margin-left: calc(var(--margin-left-default) / 4); margin-right: calc(var(--margin-right-default) / 4); width: calc(100% - (calc(var(--margin-left-default) / 4) + calc(var(--margin-right-default) / 4))); }
.md\:my-default-\/4 { margin-top: calc(var(--margin-top-default) / 4); margin-bottom: calc(var(--margin-bottom-default) / 4); }
.md\:mt-default-\/4 { margin-top: calc(var(--margin-top-default) / 4); }
.md\:mr-default-\/4 { margin-right: calc(var(--margin-right-default) / 4); }
.md\:mb-default-\/4 { margin-bottom: calc(var(--margin-bottom-default) / 4); }
.md\:ml-default-\/4 { margin-left: calc(var(--margin-left-default) / 4); }

.md\:m-layout-\/4 { margin: calc(var(--margin-top-layout) / 4) calc(var(--margin-right-layout) / 4) calc(var(--margin-bottom-layout) / 4) calc(var(--margin-left-layout) / 4); }
.md\:mx-layout-\/4 { margin-left: calc(var(--margin-left-layout) / 4); margin-right: calc(var(--margin-right-layout) / 4); width: calc(100% - (calc(var(--margin-left-layout) / 4) + calc(var(--margin-right-layout) / 4))); }
.md\:my-layout-\/4 { margin-top: calc(var(--margin-top-layout) / 4); margin-bottom: calc(var(--margin-bottom-layout) / 4); }
.md\:mt-layout-\/4 { margin-top: calc(var(--margin-top-layout) / 4); }
.md\:mr-layout-\/4 { margin-right: calc(var(--margin-right-layout) / 4); }
.md\:mb-layout-\/4 { margin-bottom: calc(var(--margin-bottom-layout) / 4); }
.md\:ml-layout-\/4 { margin-left: calc(var(--margin-left-layout) / 4); }

.md\:m-default-\/3 { margin: calc(var(--margin-top-default) / 3) calc(var(--margin-right-default) / 3) calc(var(--margin-bottom-default) / 3) calc(var(--margin-left-default) / 3); }
.md\:mx-default-\/3 { margin-left: calc(var(--margin-left-default) / 3); margin-right: calc(var(--margin-right-default) / 3); width: calc(100% - (calc(var(--margin-left-default) / 3) + calc(var(--margin-right-default) / 3))); }
.md\:my-default-\/3 { margin-top: calc(var(--margin-top-default) / 3); margin-bottom: calc(var(--margin-bottom-default) / 3); }
.md\:mt-default-\/3 { margin-top: calc(var(--margin-top-default) / 3); }
.md\:mr-default-\/3 { margin-right: calc(var(--margin-right-default) / 3); }
.md\:mb-default-\/3 { margin-bottom: calc(var(--margin-bottom-default) / 3); }
.md\:ml-default-\/3 { margin-left: calc(var(--margin-left-default) / 3); }

.md\:m-layout-\/3 { margin: calc(var(--margin-top-layout) / 3) calc(var(--margin-right-layout) / 3) calc(var(--margin-bottom-layout) / 3) calc(var(--margin-left-layout) / 3); }
.md\:mx-layout-\/3 { margin-left: calc(var(--margin-left-layout) / 3); margin-right: calc(var(--margin-right-layout) / 3); width: calc(100% - (calc(var(--margin-left-layout) / 3) + calc(var(--margin-right-layout) / 3))); }
.md\:my-layout-\/3 { margin-top: calc(var(--margin-top-layout) / 3); margin-bottom: calc(var(--margin-bottom-layout) / 3); }
.md\:mt-layout-\/3 { margin-top: calc(var(--margin-top-layout) / 3); }
.md\:mr-layout-\/3 { margin-right: calc(var(--margin-right-layout) / 3); }
.md\:mb-layout-\/3 { margin-bottom: calc(var(--margin-bottom-layout) / 3); }
.md\:ml-layout-\/3 { margin-left: calc(var(--margin-left-layout) / 3); }

.md\:m-default-\/2 { margin: calc(var(--margin-top-default) / 2) calc(var(--margin-right-default) / 2) calc(var(--margin-bottom-default) / 2) calc(var(--margin-left-default) / 2); }
.md\:mx-default-\/2 { margin-left: calc(var(--margin-left-default) / 2); margin-right: calc(var(--margin-right-default) / 2); width: calc(100% - (calc(var(--margin-left-default) / 2) + calc(var(--margin-right-default) / 2))); }
.md\:my-default-\/2 { margin-top: calc(var(--margin-top-default) / 2); margin-bottom: calc(var(--margin-bottom-default) / 2); }
.md\:mt-default-\/2 { margin-top: calc(var(--margin-top-default) / 2); }
.md\:mr-default-\/2 { margin-right: calc(var(--margin-right-default) / 2); }
.md\:mb-default-\/2 { margin-bottom: calc(var(--margin-bottom-default) / 2); }
.md\:ml-default-\/2 { margin-left: calc(var(--margin-left-default) / 2); }

.md\:m-layout-\/2 { margin: calc(var(--margin-top-layout) / 2) calc(var(--margin-right-layout) / 2) calc(var(--margin-bottom-layout) / 2) calc(var(--margin-left-layout) / 2); }
.md\:mx-layout-\/2 { margin-left: calc(var(--margin-left-layout) / 2); margin-right: calc(var(--margin-right-layout) / 2); width: calc(100% - (calc(var(--margin-left-layout) / 2) + calc(var(--margin-right-layout) / 2))); }
.md\:my-layout-\/2 { margin-top: calc(var(--margin-top-layout) / 2); margin-bottom: calc(var(--margin-bottom-layout) / 2); }
.md\:mt-layout-\/2 { margin-top: calc(var(--margin-top-layout) / 2); }
.md\:mr-layout-\/2 { margin-right: calc(var(--margin-right-layout) / 2); }
.md\:mb-layout-\/2 { margin-bottom: calc(var(--margin-bottom-layout) / 2); }
.md\:ml-layout-\/2 { margin-left: calc(var(--margin-left-layout) / 2); }

.md\:m-default-\/1_5 { margin: calc(var(--margin-top-default) / 1.5) calc(var(--margin-right-default) / 1.5) calc(var(--margin-bottom-default) / 1.5) calc(var(--margin-left-default) / 1.5); }
.md\:mx-default-\/1_5 { margin-left: calc(var(--margin-left-default) / 1.5); margin-right: calc(var(--margin-right-default) / 1.5); width: calc(100% - (calc(var(--margin-left-default) / 1.5) + calc(var(--margin-right-default) / 1.5))); }
.md\:my-default-\/1_5 { margin-top: calc(var(--margin-top-default) / 1.5); margin-bottom: calc(var(--margin-bottom-default) / 1.5); }
.md\:mt-default-\/1_5 { margin-top: calc(var(--margin-top-default) / 1.5); }
.md\:mr-default-\/1_5 { margin-right: calc(var(--margin-right-default) / 1.5); }
.md\:mb-default-\/1_5 { margin-bottom: calc(var(--margin-bottom-default) / 1.5); }
.md\:ml-default-\/1_5 { margin-left: calc(var(--margin-left-default) / 1.5); }

.md\:m-layout-\/1_5 { margin: calc(var(--margin-top-layout) / 1.5) calc(var(--margin-right-layout) / 1.5) calc(var(--margin-bottom-layout) / 1.5) calc(var(--margin-left-layout) / 1.5); }
.md\:mx-layout-\/1_5 { margin-left: calc(var(--margin-left-layout) / 1.5); margin-right: calc(var(--margin-right-layout) / 1.5); width: calc(100% - (calc(var(--margin-left-layout) / 1.5) + calc(var(--margin-right-layout) / 1.5))); }
.md\:my-layout-\/1_5 { margin-top: calc(var(--margin-top-layout) / 1.5); margin-bottom: calc(var(--margin-bottom-layout) / 1.5); }
.md\:mt-layout-\/1_5 { margin-top: calc(var(--margin-top-layout) / 1.5); }
.md\:mr-layout-\/1_5 { margin-right: calc(var(--margin-right-layout) / 1.5); }
.md\:mb-layout-\/1_5 { margin-bottom: calc(var(--margin-bottom-layout) / 1.5); }
.md\:ml-layout-\/1_5 { margin-left: calc(var(--margin-left-layout) / 1.5); }

.md\:m-default { margin: var(--margin-top-default) var(--margin-right-default) var(--margin-bottom-default) var(--margin-left-default); }
.md\:mx-default { margin-left: var(--margin-left-default); margin-right: var(--margin-right-default); width: calc(100% - (var(--margin-left-default) + var(--margin-right-default))); }
.md\:my-default { margin-top: var(--margin-top-default); margin-bottom: var(--margin-bottom-default); }
.md\:mt-default { margin-top: var(--margin-top-default); }
.md\:mr-default { margin-right: var(--margin-right-default); }
.md\:mb-default { margin-bottom: var(--margin-bottom-default); }
.md\:ml-default { margin-left: var(--margin-left-default); }

.md\:m-layout { margin: var(--margin-top-layout) var(--margin-right-layout) var(--margin-bottom-layout) var(--margin-left-layout); }
.md\:mx-layout { margin-left: var(--margin-left-layout); margin-right: var(--margin-right-layout); width: calc(100% - (var(--margin-left-layout) + var(--margin-right-layout))); }
.md\:my-layout { margin-top: var(--margin-top-layout); margin-bottom: var(--margin-bottom-layout); }
.md\:mt-layout { margin-top: var(--margin-top-layout); }
.md\:mr-layout { margin-right: var(--margin-right-layout); }
.md\:mb-layout { margin-bottom: var(--margin-bottom-layout); }
.md\:ml-layout { margin-left: var(--margin-left-layout); }

.md\:m-default-x1_5 { margin: calc(var(--margin-top-default) * 1.5) calc(var(--margin-right-default) * 1.5) calc(var(--margin-bottom-default) * 1.5) calc(var(--margin-left-default) * 1.5); }
.md\:mx-default-x1_5 { margin-left: calc(var(--margin-left-default) * 1.5); margin-right: calc(var(--margin-right-default) * 1.5); width: calc(100% - (calc(var(--margin-left-default) * 1.5) + calc(var(--margin-right-default) * 1.5))); }
.md\:my-default-x1_5 { margin-top: calc(var(--margin-top-default) * 1.5); margin-bottom: calc(var(--margin-bottom-default) * 1.5); }
.md\:mt-default-x1_5 { margin-top: calc(var(--margin-top-default) * 1.5); }
.md\:mr-default-x1_5 { margin-right: calc(var(--margin-right-default) * 1.5); }
.md\:mb-default-x1_5 { margin-bottom: calc(var(--margin-bottom-default) * 1.5); }
.md\:ml-default-x1_5 { margin-left: calc(var(--margin-left-default) * 1.5); }

.md\:m-layout-x1_5 { margin: calc(var(--margin-top-layout) * 1.5) calc(var(--margin-right-layout) * 1.5) calc(var(--margin-bottom-layout) * 1.5) calc(var(--margin-left-layout) * 1.5); }
.md\:mx-layout-x1_5 { margin-left: calc(var(--margin-left-layout) * 1.5); margin-right: calc(var(--margin-right-layout) * 1.5); width: calc(100% - (calc(var(--margin-left-layout) * 1.5) + calc(var(--margin-right-layout) * 1.5))); }
.md\:my-layout-x1_5 { margin-top: calc(var(--margin-top-layout) * 1.5); margin-bottom: calc(var(--margin-bottom-layout) * 1.5); }
.md\:mt-layout-x1_5 { margin-top: calc(var(--margin-top-layout) * 1.5); }
.md\:mr-layout-x1_5 { margin-right: calc(var(--margin-right-layout) * 1.5); }
.md\:mb-layout-x1_5 { margin-bottom: calc(var(--margin-bottom-layout) * 1.5); }
.md\:ml-layout-x1_5 { margin-left: calc(var(--margin-left-layout) * 1.5); }

.md\:m-default-x2 { margin: calc(var(--margin-top-default) * 2) calc(var(--margin-right-default) * 2) calc(var(--margin-bottom-default) * 2) calc(var(--margin-left-default) * 2); }
.md\:mx-default-x2 { margin-left: calc(var(--margin-left-default) * 2); margin-right: calc(var(--margin-right-default) * 2); width: calc(100% - (calc(var(--margin-left-default) * 2) + calc(var(--margin-right-default) * 2))); }
.md\:my-default-x2 { margin-top: calc(var(--margin-top-default) * 2); margin-bottom: calc(var(--margin-bottom-default) * 2); }
.md\:mt-default-x2 { margin-top: calc(var(--margin-top-default) * 2); }
.md\:mr-default-x2 { margin-right: calc(var(--margin-right-default) * 2); }
.md\:mb-default-x2 { margin-bottom: calc(var(--margin-bottom-default) * 2); }
.md\:ml-default-x2 { margin-left: calc(var(--margin-left-default) * 2); }

.md\:m-layout-x2 { margin: calc(var(--margin-top-layout) * 2) calc(var(--margin-right-layout) * 2) calc(var(--margin-bottom-layout) * 2) calc(var(--margin-left-layout) * 2); }
.md\:mx-layout-x2 { margin-left: calc(var(--margin-left-layout) * 2); margin-right: calc(var(--margin-right-layout) * 2); width: calc(100% - (calc(var(--margin-left-layout) * 2) + calc(var(--margin-right-layout) * 2))); }
.md\:my-layout-x2 { margin-top: calc(var(--margin-top-layout) * 2); margin-bottom: calc(var(--margin-bottom-layout) * 2); }
.md\:mt-layout-x2 { margin-top: calc(var(--margin-top-layout) * 2); }
.md\:mr-layout-x2 { margin-right: calc(var(--margin-right-layout) * 2); }
.md\:mb-layout-x2 { margin-bottom: calc(var(--margin-bottom-layout) * 2); }
.md\:ml-layout-x2 { margin-left: calc(var(--margin-left-layout) * 2); }

.md\:m-default-x3 { margin: calc(var(--margin-top-default) * 3) calc(var(--margin-right-default) * 3) calc(var(--margin-bottom-default) * 3) calc(var(--margin-left-default) * 3); }
.md\:mx-default-x3 { margin-left: calc(var(--margin-left-default) * 3); margin-right: calc(var(--margin-right-default) * 3); width: calc(100% - (calc(var(--margin-left-default) * 3) + calc(var(--margin-right-default) * 3))); }
.md\:my-default-x3 { margin-top: calc(var(--margin-top-default) * 3); margin-bottom: calc(var(--margin-bottom-default) * 3); }
.md\:mt-default-x3 { margin-top: calc(var(--margin-top-default) * 3); }
.md\:mr-default-x3 { margin-right: calc(var(--margin-right-default) * 3); }
.md\:mb-default-x3 { margin-bottom: calc(var(--margin-bottom-default) * 3); }
.md\:ml-default-x3 { margin-left: calc(var(--margin-left-default) * 3); }

.md\:m-layout-x3 { margin: calc(var(--margin-top-layout) * 3) calc(var(--margin-right-layout) * 3) calc(var(--margin-bottom-layout) * 3) calc(var(--margin-left-layout) * 3); }
.md\:mx-layout-x3 { margin-left: calc(var(--margin-left-layout) * 3); margin-right: calc(var(--margin-right-layout) * 3); width: calc(100% - (calc(var(--margin-left-layout) * 3) + calc(var(--margin-right-layout) * 3))); }
.md\:my-layout-x3 { margin-top: calc(var(--margin-top-layout) * 3); margin-bottom: calc(var(--margin-bottom-layout) * 3); }
.md\:mt-layout-x3 { margin-top: calc(var(--margin-top-layout) * 3); }
.md\:mr-layout-x3 { margin-right: calc(var(--margin-right-layout) * 3); }
.md\:mb-layout-x3 { margin-bottom: calc(var(--margin-bottom-layout) * 3); }
.md\:ml-layout-x3 { margin-left: calc(var(--margin-left-layout) * 3); }

.md\:m-default-x4 { margin: calc(var(--margin-top-default) * 4) calc(var(--margin-right-default) * 4) calc(var(--margin-bottom-default) * 4) calc(var(--margin-left-default) * 4); }
.md\:mx-default-x4 { margin-left: calc(var(--margin-left-default) * 4); margin-right: calc(var(--margin-right-default) * 4); width: calc(100% - (calc(var(--margin-left-default) * 4) + calc(var(--margin-right-default) * 4))); }
.md\:my-default-x4 { margin-top: calc(var(--margin-top-default) * 4); margin-bottom: calc(var(--margin-bottom-default) * 4); }
.md\:mt-default-x4 { margin-top: calc(var(--margin-top-default) * 4); }
.md\:mr-default-x4 { margin-right: calc(var(--margin-right-default) * 4); }
.md\:mb-default-x4 { margin-bottom: calc(var(--margin-bottom-default) * 4); }
.md\:ml-default-x4 { margin-left: calc(var(--margin-left-default) * 4); }

.md\:m-layout-x4 { margin: calc(var(--margin-top-layout) * 4) calc(var(--margin-right-layout) * 4) calc(var(--margin-bottom-layout) * 4) calc(var(--margin-left-layout) * 4); }
.md\:mx-layout-x4 { margin-left: calc(var(--margin-left-layout) * 4); margin-right: calc(var(--margin-right-layout) * 4); width: calc(100% - (calc(var(--margin-left-layout) * 4) + calc(var(--margin-right-layout) * 4))); }
.md\:my-layout-x4 { margin-top: calc(var(--margin-top-layout) * 4); margin-bottom: calc(var(--margin-bottom-layout) * 4); }
.md\:mt-layout-x4 { margin-top: calc(var(--margin-top-layout) * 4); }
.md\:mr-layout-x4 { margin-right: calc(var(--margin-right-layout) * 4); }
.md\:mb-layout-x4 { margin-bottom: calc(var(--margin-bottom-layout) * 4); }
.md\:ml-layout-x4 { margin-left: calc(var(--margin-left-layout) * 4); }

.md\:m-default-x5 { margin: calc(var(--margin-top-default) * 5) calc(var(--margin-right-default) * 5) calc(var(--margin-bottom-default) * 5) calc(var(--margin-left-default) * 5); }
.md\:mx-default-x5 { margin-left: calc(var(--margin-left-default) * 5); margin-right: calc(var(--margin-right-default) * 5); width: calc(100% - (calc(var(--margin-left-default) * 5) + calc(var(--margin-right-default) * 5))); }
.md\:my-default-x5 { margin-top: calc(var(--margin-top-default) * 5); margin-bottom: calc(var(--margin-bottom-default) * 5); }
.md\:mt-default-x5 { margin-top: calc(var(--margin-top-default) * 5); }
.md\:mr-default-x5 { margin-right: calc(var(--margin-right-default) * 5); }
.md\:mb-default-x5 { margin-bottom: calc(var(--margin-bottom-default) * 5); }
.md\:ml-default-x5 { margin-left: calc(var(--margin-left-default) * 5); }

.md\:m-layout-x5 { margin: calc(var(--margin-top-layout) * 5) calc(var(--margin-right-layout) * 5) calc(var(--margin-bottom-layout) * 5) calc(var(--margin-left-layout) * 5); }
.md\:mx-layout-x5 { margin-left: calc(var(--margin-left-layout) * 5); margin-right: calc(var(--margin-right-layout) * 5); width: calc(100% - (calc(var(--margin-left-layout) * 5) + calc(var(--margin-right-layout) * 5))); }
.md\:my-layout-x5 { margin-top: calc(var(--margin-top-layout) * 5); margin-bottom: calc(var(--margin-bottom-layout) * 5); }
.md\:mt-layout-x5 { margin-top: calc(var(--margin-top-layout) * 5); }
.md\:mr-layout-x5 { margin-right: calc(var(--margin-right-layout) * 5); }
.md\:mb-layout-x5 { margin-bottom: calc(var(--margin-bottom-layout) * 5); }
.md\:ml-layout-x5 { margin-left: calc(var(--margin-left-layout) * 5); }

.md\:p { padding: var(--p); }
.md\:py { padding-top: var(--py); padding-bottom: var(--py); }
.md\:px { padding-right: var(--px); padding-left: var(--px); }
.md\:pt { padding-top: var(--pt); }
.md\:pr { padding-right: var(--pr); }
.md\:pb { padding-bottom: var(--pb); }
.md\:pl { padding-left: var(--pl); }

.md\:p-default-\/5 { padding: calc(var(--padding-top-default) / 5) calc(var(--padding-right-default) / 5) calc(var(--padding-bottom-default) / 5) calc(var(--padding-left-default) / 5); }
.md\:px-default-\/5 { padding-left: calc(var(--padding-left-default) / 5); padding-right: calc(var(--padding-right-default) / 5); }
.md\:py-default-\/5 { padding-top: calc(var(--padding-top-default) / 5); padding-bottom: calc(var(--padding-bottom-default) / 5); }
.md\:pt-default-\/5 { padding-top: calc(var(--padding-top-default) / 5); }
.md\:pr-default-\/5 { padding-right: calc(var(--padding-right-default) / 5); }
.md\:pb-default-\/5 { padding-bottom: calc(var(--padding-bottom-default) / 5); }
.md\:pl-default-\/5 { padding-left: calc(var(--padding-left-default) / 5); }

.md\:p-layout-\/5 { padding: calc(var(--padding-top-layout) / 5) calc(var(--padding-right-layout) / 5) calc(var(--padding-bottom-layout) / 5) calc(var(--padding-left-layout) / 5); }
.md\:px-layout-\/5 { padding-left: calc(var(--padding-left-layout) / 5); padding-right: calc(var(--padding-right-layout) / 5); }
.md\:py-layout-\/5 { padding-top: calc(var(--padding-top-layout) / 5); padding-bottom: calc(var(--padding-bottom-layout) / 5); }
.md\:pt-layout-\/5 { padding-top: calc(var(--padding-top-layout) / 5); }
.md\:pr-layout-\/5 { padding-right: calc(var(--padding-right-layout) / 5); }
.md\:pb-layout-\/5 { padding-bottom: calc(var(--padding-bottom-layout) / 5); }
.md\:pl-layout-\/5 { padding-left: calc(var(--padding-left-layout) / 5); }

.md\:p-default-\/4 { padding: calc(var(--padding-top-default) / 4) calc(var(--padding-right-default) / 4) calc(var(--padding-bottom-default) / 4) calc(var(--padding-left-default) / 4); }
.md\:px-default-\/4 { padding-left: calc(var(--padding-left-default) / 4); padding-right: calc(var(--padding-right-default) / 4); }
.md\:py-default-\/4 { padding-top: calc(var(--padding-top-default) / 4); padding-bottom: calc(var(--padding-bottom-default) / 4); }
.md\:pt-default-\/4 { padding-top: calc(var(--padding-top-default) / 4); }
.md\:pr-default-\/4 { padding-right: calc(var(--padding-right-default) / 4); }
.md\:pb-default-\/4 { padding-bottom: calc(var(--padding-bottom-default) / 4); }
.md\:pl-default-\/4 { padding-left: calc(var(--padding-left-default) / 4); }

.md\:p-layout-\/4 { padding: calc(var(--padding-top-layout) / 4) calc(var(--padding-right-layout) / 4) calc(var(--padding-bottom-layout) / 4) calc(var(--padding-left-layout) / 4); }
.md\:px-layout-\/4 { padding-left: calc(var(--padding-left-layout) / 4); padding-right: calc(var(--padding-right-layout) / 4); }
.md\:py-layout-\/4 { padding-top: calc(var(--padding-top-layout) / 4); padding-bottom: calc(var(--padding-bottom-layout) / 4); }
.md\:pt-layout-\/4 { padding-top: calc(var(--padding-top-layout) / 4); }
.md\:pr-layout-\/4 { padding-right: calc(var(--padding-right-layout) / 4); }
.md\:pb-layout-\/4 { padding-bottom: calc(var(--padding-bottom-layout) / 4); }
.md\:pl-layout-\/4 { padding-left: calc(var(--padding-left-layout) / 4); }

.md\:p-default-\/3 { padding: calc(var(--padding-top-default) / 3) calc(var(--padding-right-default) / 3) calc(var(--padding-bottom-default) / 3) calc(var(--padding-left-default) / 3); }
.md\:px-default-\/3 { padding-left: calc(var(--padding-left-default) / 3); padding-right: calc(var(--padding-right-default) / 3); }
.md\:py-default-\/3 { padding-top: calc(var(--padding-top-default) / 3); padding-bottom: calc(var(--padding-bottom-default) / 3); }
.md\:pt-default-\/3 { padding-top: calc(var(--padding-top-default) / 3); }
.md\:pr-default-\/3 { padding-right: calc(var(--padding-right-default) / 3); }
.md\:pb-default-\/3 { padding-bottom: calc(var(--padding-bottom-default) / 3); }
.md\:pl-default-\/3 { padding-left: calc(var(--padding-left-default) / 3); }

.md\:p-layout-\/3 { padding: calc(var(--padding-top-layout) / 3) calc(var(--padding-right-layout) / 3) calc(var(--padding-bottom-layout) / 3) calc(var(--padding-left-layout) / 3); }
.md\:px-layout-\/3 { padding-left: calc(var(--padding-left-layout) / 3); padding-right: calc(var(--padding-right-layout) / 3); }
.md\:py-layout-\/3 { padding-top: calc(var(--padding-top-layout) / 3); padding-bottom: calc(var(--padding-bottom-layout) / 3); }
.md\:pt-layout-\/3 { padding-top: calc(var(--padding-top-layout) / 3); }
.md\:pr-layout-\/3 { padding-right: calc(var(--padding-right-layout) / 3); }
.md\:pb-layout-\/3 { padding-bottom: calc(var(--padding-bottom-layout) / 3); }
.md\:pl-layout-\/3 { padding-left: calc(var(--padding-left-layout) / 3); }

.md\:p-default-\/2 { padding: calc(var(--padding-top-default) / 2) calc(var(--padding-right-default) / 2) calc(var(--padding-bottom-default) / 2) calc(var(--padding-left-default) / 2); }
.md\:px-default-\/2 { padding-left: calc(var(--padding-left-default) / 2); padding-right: calc(var(--padding-right-default) / 2); }
.md\:py-default-\/2 { padding-top: calc(var(--padding-top-default) / 2); padding-bottom: calc(var(--padding-bottom-default) / 2); }
.md\:pt-default-\/2 { padding-top: calc(var(--padding-top-default) / 2); }
.md\:pr-default-\/2 { padding-right: calc(var(--padding-right-default) / 2); }
.md\:pb-default-\/2 { padding-bottom: calc(var(--padding-bottom-default) / 2); }
.md\:pl-default-\/2 { padding-left: calc(var(--padding-left-default) / 2); }

.md\:p-layout-\/2 { padding: calc(var(--padding-top-layout) / 2) calc(var(--padding-right-layout) / 2) calc(var(--padding-bottom-layout) / 2) calc(var(--padding-left-layout) / 2); }
.md\:px-layout-\/2 { padding-left: calc(var(--padding-left-layout) / 2); padding-right: calc(var(--padding-right-layout) / 2); }
.md\:py-layout-\/2 { padding-top: calc(var(--padding-top-layout) / 2); padding-bottom: calc(var(--padding-bottom-layout) / 2); }
.md\:pt-layout-\/2 { padding-top: calc(var(--padding-top-layout) / 2); }
.md\:pr-layout-\/2 { padding-right: calc(var(--padding-right-layout) / 2); }
.md\:pb-layout-\/2 { padding-bottom: calc(var(--padding-bottom-layout) / 2); }
.md\:pl-layout-\/2 { padding-left: calc(var(--padding-left-layout) / 2); }

.md\:p-default { padding: var(--padding-top-default) var(--padding-right-default) var(--padding-bottom-default) var(--padding-left-default); }
.md\:px-default { padding-right: var(--padding-right-default); padding-left: var(--padding-left-default); }
.md\:py-default { padding-top: var(--padding-top-default); padding-bottom: var(--padding-bottom-default); }
.md\:pt-default { padding-top: var(--padding-top-default); }
.md\:pr-default { padding-right: var(--padding-right-default); }
.md\:pb-default { padding-bottom: var(--padding-bottom-default); }
.md\:pl-default { padding-left: var(--padding-left-default); }

.md\:p-layout { padding: var(--padding-top-layout) var(--padding-right-layout) var(--padding-bottom-layout) var(--padding-left-layout); }
.md\:px-layout { padding-right: var(--padding-right-layout); padding-left: var(--padding-left-layout); }
.md\:py-layout { padding-top: var(--padding-top-layout); padding-bottom: var(--padding-bottom-layout); }
.md\:pt-layout { padding-top: var(--padding-top-layout); }
.md\:pr-layout { padding-right: var(--padding-right-layout); }
.md\:pb-layout { padding-bottom: var(--padding-bottom-layout); }
.md\:pl-layout { padding-left: var(--padding-left-layout); }

.md\:p-default-x1_5 { padding: calc(var(--padding-top-default) * 1.5) calc(var(--padding-right-default) * 1.5) calc(var(--padding-bottom-default) * 1.5) calc(var(--padding-left-default) * 1.5); }
.md\:px-default-x1_5 { padding-left: calc(var(--padding-left-default) * 1.5); padding-right: calc(var(--padding-right-default) * 1.5); }
.md\:py-default-x1_5 { padding-top: calc(var(--padding-top-default) * 1.5); padding-bottom: calc(var(--padding-bottom-default) * 1.5); }
.md\:pt-default-x1_5 { padding-top: calc(var(--padding-top-default) * 1.5); }
.md\:pr-default-x1_5 { padding-right: calc(var(--padding-right-default) * 1.5); }
.md\:pb-default-x1_5 { padding-bottom: calc(var(--padding-bottom-default) * 1.5); }
.md\:pl-default-x1_5 { padding-left: calc(var(--padding-left-default) * 1.5); }

.md\:p-layout-x1_5 { padding: calc(var(--padding-top-layout) * 1.5) calc(var(--padding-right-layout) * 1.5) calc(var(--padding-bottom-layout) * 1.5) calc(var(--padding-left-layout) * 1.5); }
.md\:px-layout-x1_5 { padding-left: calc(var(--padding-left-layout) * 1.5); padding-right: calc(var(--padding-right-layout) * 1.5); }
.md\:py-layout-x1_5 { padding-top: calc(var(--padding-top-layout) * 1.5); padding-bottom: calc(var(--padding-bottom-layout) * 1.5); }
.md\:pt-layout-x1_5 { padding-top: calc(var(--padding-top-layout) * 1.5); }
.md\:pr-layout-x1_5 { padding-right: calc(var(--padding-right-layout) * 1.5); }
.md\:pb-layout-x1_5 { padding-bottom: calc(var(--padding-bottom-layout) * 1.5); }
.md\:pl-layout-x1_5 { padding-left: calc(var(--padding-left-layout) * 1.5); }

.md\:p-default-x2 { padding: calc(var(--padding-top-default) * 2) calc(var(--padding-right-default) * 2) calc(var(--padding-bottom-default) * 2) calc(var(--padding-left-default) * 2); }
.md\:px-default-x2 { padding-left: calc(var(--padding-left-default) * 2); padding-right: calc(var(--padding-right-default) * 2); }
.md\:py-default-x2 { padding-top: calc(var(--padding-top-default) * 2); padding-bottom: calc(var(--padding-bottom-default) * 2); }
.md\:pt-default-x2 { padding-top: calc(var(--padding-top-default) * 2); }
.md\:pr-default-x2 { padding-right: calc(var(--padding-right-default) * 2); }
.md\:pb-default-x2 { padding-bottom: calc(var(--padding-bottom-default) * 2); }
.md\:pl-default-x2 { padding-left: calc(var(--padding-left-default) * 2); }

.md\:p-layout-x2 { padding: calc(var(--padding-top-layout) * 2) calc(var(--padding-right-layout) * 2) calc(var(--padding-bottom-layout) * 2) calc(var(--padding-left-layout) * 2); }
.md\:px-layout-x2 { padding-left: calc(var(--padding-left-layout) * 2); padding-right: calc(var(--padding-right-layout) * 2); }
.md\:py-layout-x2 { padding-top: calc(var(--padding-top-layout) * 2); padding-bottom: calc(var(--padding-bottom-layout) * 2); }
.md\:pt-layout-x2 { padding-top: calc(var(--padding-top-layout) * 2); }
.md\:pr-layout-x2 { padding-right: calc(var(--padding-right-layout) * 2); }
.md\:pb-layout-x2 { padding-bottom: calc(var(--padding-bottom-layout) * 2); }
.md\:pl-layout-x2 { padding-left: calc(var(--padding-left-layout) * 2); }

.md\:p-default-x3 { padding: calc(var(--padding-top-default) * 3) calc(var(--padding-right-default) * 3) calc(var(--padding-bottom-default) * 3) calc(var(--padding-left-default) * 3); }
.md\:px-default-x3 { padding-left: calc(var(--padding-left-default) * 3); padding-right: calc(var(--padding-right-default) * 3); }
.md\:py-default-x3 { padding-top: calc(var(--padding-top-default) * 3); padding-bottom: calc(var(--padding-bottom-default) * 3); }
.md\:pt-default-x3 { padding-top: calc(var(--padding-top-default) * 3); }
.md\:pr-default-x3 { padding-right: calc(var(--padding-right-default) * 3); }
.md\:pb-default-x3 { padding-bottom: calc(var(--padding-bottom-default) * 3); }
.md\:pl-default-x3 { padding-left: calc(var(--padding-left-default) * 3); }

.md\:p-layout-x3 { padding: calc(var(--padding-top-layout) * 3) calc(var(--padding-right-layout) * 3) calc(var(--padding-bottom-layout) * 3) calc(var(--padding-left-layout) * 3); }
.md\:px-layout-x3 { padding-left: calc(var(--padding-left-layout) * 3); padding-right: calc(var(--padding-right-layout) * 3); }
.md\:py-layout-x3 { padding-top: calc(var(--padding-top-layout) * 3); padding-bottom: calc(var(--padding-bottom-layout) * 3); }
.md\:pt-layout-x3 { padding-top: calc(var(--padding-top-layout) * 3); }
.md\:pr-layout-x3 { padding-right: calc(var(--padding-right-layout) * 3); }
.md\:pb-layout-x3 { padding-bottom: calc(var(--padding-bottom-layout) * 3); }
.md\:pl-layout-x3 { padding-left: calc(var(--padding-left-layout) * 3); }

.md\:p-default-x4 { padding: calc(var(--padding-top-default) * 4) calc(var(--padding-right-default) * 4) calc(var(--padding-bottom-default) * 4) calc(var(--padding-left-default) * 4); }
.md\:px-default-x4 { padding-left: calc(var(--padding-left-default) * 4); padding-right: calc(var(--padding-right-default) * 4); }
.md\:py-default-x4 { padding-top: calc(var(--padding-top-default) * 4); padding-bottom: calc(var(--padding-bottom-default) * 4); }
.md\:pt-default-x4 { padding-top: calc(var(--padding-top-default) * 4); }
.md\:pr-default-x4 { padding-right: calc(var(--padding-right-default) * 4); }
.md\:pb-default-x4 { padding-bottom: calc(var(--padding-bottom-default) * 4); }
.md\:pl-default-x4 { padding-left: calc(var(--padding-left-default) * 4); }

.md\:p-layout-x4 { padding: calc(var(--padding-top-layout) * 4) calc(var(--padding-right-layout) * 4) calc(var(--padding-bottom-layout) * 4) calc(var(--padding-left-layout) * 4); }
.md\:px-layout-x4 { padding-left: calc(var(--padding-left-layout) * 4); padding-right: calc(var(--padding-right-layout) * 4); }
.md\:py-layout-x4 { padding-top: calc(var(--padding-top-layout) * 4); padding-bottom: calc(var(--padding-bottom-layout) * 4); }
.md\:pt-layout-x4 { padding-top: calc(var(--padding-top-layout) * 4); }
.md\:pr-layout-x4 { padding-right: calc(var(--padding-right-layout) * 4); }
.md\:pb-layout-x4 { padding-bottom: calc(var(--padding-bottom-layout) * 4); }
.md\:pl-layout-x4 { padding-left: calc(var(--padding-left-layout) * 4); }

.md\:p-default-x5 { padding: calc(var(--padding-top-default) * 5) calc(var(--padding-right-default) * 5) calc(var(--padding-bottom-default) * 5) calc(var(--padding-left-default) * 5); }
.md\:px-default-x5 { padding-left: calc(var(--padding-left-default) * 5); padding-right: calc(var(--padding-right-default) * 5); }
.md\:py-default-x5 { padding-top: calc(var(--padding-top-default) * 5); padding-bottom: calc(var(--padding-bottom-default) * 5); }
.md\:pt-default-x5 { padding-top: calc(var(--padding-top-default) * 5); }
.md\:pr-default-x5 { padding-right: calc(var(--padding-right-default) * 5); }
.md\:pb-default-x5 { padding-bottom: calc(var(--padding-bottom-default) * 5); }
.md\:pl-default-x5 { padding-left: calc(var(--padding-left-default) * 5); }

.md\:p-layout-x5 { padding: calc(var(--padding-top-layout) * 5) calc(var(--padding-right-layout) * 5) calc(var(--padding-bottom-layout) * 5) calc(var(--padding-left-layout) * 5); }
.md\:px-layout-x5 { padding-left: calc(var(--padding-left-layout) * 5); padding-right: calc(var(--padding-right-layout) * 5); }
.md\:py-layout-x5 { padding-top: calc(var(--padding-top-layout) * 5); padding-bottom: calc(var(--padding-bottom-layout) * 5); }
.md\:pt-layout-x5 { padding-top: calc(var(--padding-top-layout) * 5); }
.md\:pr-layout-x5 { padding-right: calc(var(--padding-right-layout) * 5); }
.md\:pb-layout-x5 { padding-bottom: calc(var(--padding-bottom-layout) * 5); }
.md\:pl-layout-x5 { padding-left: calc(var(--padding-left-layout) * 5); }
/****************************************************** FIM DEFAULT MARGINS/PADDINGS ******************************************************/

/********************************************************* CONTROLOS SHOW / HIDE **********************************************************/
.md\:block { display: block; }
.md\:inline { display: inline; }
.md\:inline-block { display: inline-block; }
.md\:flex { display: flex; }
.md\:inline-flex { display: inline-flex; }
.md\:grid { display: grid; }
.md\:inline-grid { display: inline-grid; }
.md\:table { display: table; }
.md\:table-row { display: table-row; }
.md\:table-cell { display: table-cell; }
.md\:hidden { display: none; }
/******************************************************* FIM CONTROLOS SHOW / HIDE ********************************************************/
/**************************************************************** OVERFLOW ****************************************************************/
.md\:overflow-auto{ overflow: auto; }
.md\:overflow-hidden{ overflow: hidden; }
.md\:overflow-clip{ overflow: clip; }
.md\:overflow-visible{ overflow: visible; }
.md\:overflow-scroll{ overflow: scroll; }
.md\:overflow-x-auto{ overflow-x: auto; }
.md\:overflow-y-auto{ overflow-y: auto; }
.md\:overflow-x-hidden{ overflow-x: hidden; }
.md\:overflow-y-hidden{ overflow-y: hidden; }
.md\:overflow-x-clip{ overflow-x: clip; }
.md\:overflow-y-clip{ overflow-y: clip; }
.md\:overflow-x-visible{ overflow-x: visible; }
.md\:overflow-y-visible{ overflow-y: visible; }
.md\:overflow-x-scroll{ overflow-x: scroll; }
.md\:overflow-y-scroll{ overflow-y: scroll; }
/************************************************************** FIM OVERFLOW **************************************************************/
/************************************************************** POSITIONING ***************************************************************/
.md\:static { position: static; }
.md\:relative { position: relative; }
.md\:absolute { position: absolute; }
.md\:fixed { position: fixed; }
.md\:sticky { position: sticky; }

.md\:top-0 { top: 0; }
.md\:top-50 { top: 50%; }
.md\:top-100 { top: 100%; }
.md\:top { top: var(--top); }

.md\:bottom-0 { bottom: 0; }
.md\:bottom-50 { bottom: 50%; }
.md\:bottom-100 { bottom: 100%; }
.md\:bottom { bottom: var(--bottom); }

.md\:left-0 { left: 0; }
.md\:left-50 { left: 50%; }
.md\:left-100 { left: 100%; }
.md\:left { left: var(--left); }

.md\:right-0 { right: 0; }
.md\:right-50 { right: 50%; }
.md\:right-100 { right: 100%; }
.md\:right { right: var(--right); }

.group.active .md\:group-active\:translate-x-0, .group.selected .md\:group-selected\:translate-x-0, .group:hover .md\:group-hover\:translate-x-0, .md\:hover\:translate-x-0:hover, .md\:translate-x-0 { --icono2-translate-x: 0; }
.group.active .md\:group-active\:translate-x-50, .group.selected .md\:group-selected\:translate-x-50, .group:hover .md\:group-hover\:translate-x-50, .md\:hover\:translate-x-50:hover, .md\:translate-x-50 { --icono2-translate-x: 50%; }
.group.active .md\:group-active\:-translate-x-50, .group.selected .md\:group-selected\:-translate-x-50, .group:hover .md\:group-hover\:-translate-x-50, .md\:hover\:-translate-x-50:hover, .md\:-translate-x-50 { --icono2-translate-x: -50%; }
.group.active .md\:group-active\:translate-x-full, .group.selected .md\:group-selected\:translate-x-full, .group:hover .md\:group-hover\:translate-x-full, .md\:hover\:translate-x-full:hover, .md\:translate-x-full { --icono2-translate-x: 100%; }
.group.active .md\:group-active\:-translate-x-full, .group.selected .md\:group-selected\:-translate-x-full, .group:hover .md\:group-hover\:-translate-x-full, .md\:hover\:-translate-x-full:hover, .md\:-translate-x-full { --icono2-translate-x: -100%; }
.group.active .md\:group-active\:translate-y-0, .group.selected .md\:group-selected\:translate-y-0, .group:hover .md\:group-hover\:translate-y-0, .md\:hover\:translate-y-0:hover, .md\:translate-y-0 { --icono2-translate-y: 0; }
.group.active .md\:group-active\:translate-y-50, .group.selected .md\:group-selected\:translate-y-50, .group:hover .md\:group-hover\:translate-y-50, .md\:hover\:translate-y-50:hover, .md\:translate-y-50 { --icono2-translate-y: 50%; }
.group.active .md\:group-active\:-translate-y-50, .group.selected .md\:group-selected\:-translate-y-50, .group:hover .md\:group-hover\:-translate-y-50, .md\:hover\:-translate-y-50:hover, .md\:-translate-y-50 { --icono2-translate-y: -50%; }
.group.active .md\:group-active\:translate-y-full, .group.selected .md\:group-selected\:translate-y-full, .group:hover .md\:group-hover\:translate-y-full, .md\:hover\:translate-y-full:hover, .md\:translate-y-full { --icono2-translate-y: 100%; }
.group.active .md\:group-active\:-translate-y-full, .group.selected .md\:group-selected\:-translate-y-full, .group:hover .md\:group-hover\:-translate-y-full, .md\:hover\:-translate-y-full:hover, .md\:-translate-y-full { --icono2-translate-y: -100%; }
.group.active .md\:group-active\:translate-50, .group.selected .md\:group-selected\:translate-50, .group:hover .md\:group-hover\:translate-50, .md\:hover\:translate-50:hover, .md\:translate-50 { --icono2-translate-x: 50%; --icono2-translate-y: 50%; }
.group.active .md\:group-active\:-translate-50, .group.selected .md\:group-selected\:-translate-50, .group:hover .md\:group-hover\:-translate-50, .md\:hover\:-translate-50:hover, .md\:-translate-50 { --icono2-translate-x: -50%; --icono2-translate-y: -50%; }
.group.active .md\:group-active\:translate-x, .group.selected .md\:group-selected\:translate-x, .group:hover .md\:group-hover\:translate-x, .md\:hover\:translate-x:hover, .md\:translate-x { --icono2-translate-x: var(--translate-x); }
.group.active .md\:group-active\:translate-x-anim, .group.selected .md\:group-selected\:translate-x-anim, .group:hover .md\:group-hover\:translate-x-anim, .md\:hover\:translate-x-anim:hover { --icono2-translate-x: var(--translate-x-anim); }
.group.active .md\:group-active\:translate-y, .group.selected .md\:group-selected\:translate-y, .group:hover .md\:group-hover\:translate-y, .md\:hover\:translate-y:hover, .md\:translate-y { --icono2-translate-y: var(--translate-y); }
.group.active .md\:group-active\:translate-y-anim, .group.selected .md\:group-selected\:translate-y-anim, .group:hover .md\:group-hover\:translate-y-anim, .md\:hover\:translate-y-anim:hover { --icono2-translate-y: var(--translate-y-anim); }
.group.active .md\:group-active\:scale, .group.selected .md\:group-selected\:scale, .group:hover .md\:group-hover\:scale, .md\:hover\:scale:hover, .md\:scale { --icono2-scale: var(--scale); }
.group.active .md\:group-active\:scale-anim, .group.selected .md\:group-selected\:scale-anim, .group:hover .md\:group-hover\:scale-anim, .md\:hover\:scale-anim:hover, .md\:scale-anim { --icono2-scale-anim: var(--scale-anim); }
.group.active .md\:group-active\:scale-100, .group.selected .md\:group-selected\:scale-100, .group:hover .md\:group-hover\:scale-100, .md\:hover\:scale-100:hover, .md\:scale-100 { --icono2-scale: 1; }
.group.active .md\:group-active\:scale-anim-100, .group.selected .md\:group-selected\:scale-anim-100, .group:hover .md\:group-hover\:scale-anim-100, .md\:hover\:scale-anim-100:hover, .md\:scale-anim-100 { --icono2-scale-anim: 1; }
.group.active .md\:group-active\:scale-110, .group.selected .md\:group-selected\:scale-110, .group:hover .md\:group-hover\:scale-110, .md\:hover\:scale-110:hover, .md\:scale-110 { --icono2-scale: 1.1; }
.group.active .md\:group-active\:scale-anim-110, .group.selected .md\:group-selected\:scale-anim-110, .group:hover .md\:group-hover\:scale-anim-110, .md\:hover\:scale-anim-110:hover, .md\:scale-anim-110 { --icono2-scale-anim: 1.1; }
.group.active .md\:group-active\:scale-125, .group.selected .md\:group-selected\:scale-125, .group:hover .md\:group-hover\:scale-125, .md\:hover\:scale-125:hover, .md\:scale-125 { --icono2-scale: 1.25; }
.group.active .md\:group-active\:scale-anim-125, .group.selected .md\:group-selected\:scale-anim-125, .group:hover .md\:group-hover\:scale-anim-125, .md\:hover\:scale-anim-125:hover, .md\:scale-anim-125 { --icono2-scale-anim: 1.25; }
.group.active .md\:group-active\:scale-150, .group.selected .md\:group-selected\:scale-150, .group:hover .md\:group-hover\:scale-150, .md\:hover\:scale-150:hover, .md\:scale-150 { --icono2-scale: 1.5; }
.group.active .md\:group-active\:scale-anim-150, .group.selected .md\:group-selected\:scale-anim-150, .group:hover .md\:group-hover\:scale-anim-150, .md\:hover\:scale-anim-150:hover, .md\:scale-anim-150 { --icono2-scale-anim: 1.5; }
.group.active .md\:group-active\:scale-200, .group.selected .md\:group-selected\:scale-200, .group:hover .md\:group-hover\:scale-200, .md\:hover\:scale-200:hover, .md\:scale-200 { --icono2-scale: 2; }
.group.active .md\:group-active\:scale-anim-200, .group.selected .md\:group-selected\:scale-anim-200, .group:hover .md\:group-hover\:scale-anim-200, .md\:hover\:scale-anim-200:hover, .md\:scale-anim-200 { --icono2-scale-anim: 2; }
.group.active .md\:group-active\:rotate-0, .group.selected .md\:group-selected\:rotate-0, .group:hover .md\:group-hover\:rotate-0, .md\:hover\:rotate-0:hover, .md\:rotate-0 { --icono2-rotate: 0deg; }
.group.active .md\:group-active\:rotate-45, .group.selected .md\:group-selected\:rotate-45, .group:hover .md\:group-hover\:rotate-45, .md\:hover\:rotate-45:hover, .md\:rotate-45 { --icono2-rotate: 45deg; }
.group.active .md\:group-active\:rotate-90, .group.selected .md\:group-selected\:rotate-90, .group:hover .md\:group-hover\:rotate-90, .md\:hover\:rotate-90:hover, .md\:rotate-90 { --icono2-rotate: 90deg; }
.group.active .md\:group-active\:rotate-180, .group.selected .md\:group-selected\:rotate-180, .group:hover .md\:group-hover\:rotate-180, .md\:hover\:rotate-180:hover, .md\:rotate-180 { --icono2-rotate: 180deg; }
.group.active .md\:group-active\:rotate-270, .group.selected .md\:group-selected\:rotate-270, .group:hover .md\:group-hover\:rotate-270, .md\:hover\:rotate-270:hover, .md\:rotate-270 { --icono2-rotate: 270deg; }
.group.active .md\:group-active\:translate-x-0, .group.selected .md\:group-selected\:translate-x-0, .group:hover .md\:group-hover\:translate-x-0, .md\:hover\:translate-x-0:hover, .md\:translate-x-0,
.group.active .md\:group-active\:translate-x-50, .group.selected .md\:group-selected\:translate-x-50, .group:hover .md\:group-hover\:translate-x-50, .md\:hover\:translate-x-50:hover, .md\:translate-x-50,
.group.active .md\:group-active\:-translate-x-50, .group.selected .md\:group-selected\:-translate-x-50, .group:hover .md\:group-hover\:-translate-x-50, .md\:hover\:-translate-x-50:hover, .md\:-translate-x-50,
.group.active .md\:group-active\:translate-x-full, .group.selected .md\:group-selected\:translate-x-full, .group:hover .md\:group-hover\:translate-x-full, .md\:hover\:translate-x-full:hover, .md\:translate-x-full,
.group.active .md\:group-active\:-translate-x-full, .group.selected .md\:group-selected\:-translate-x-full, .group:hover .md\:group-hover\:-translate-x-full, .md\:hover\:-translate-x-full:hover, .md\:-translate-x-full,
.group.active .md\:group-active\:translate-y-0, .group.selected .md\:group-selected\:translate-y-0, .group:hover .md\:group-hover\:translate-y-0, .md\:hover\:translate-y-0:hover, .md\:translate-y-0,
.group.active .md\:group-active\:translate-y-50, .group.selected .md\:group-selected\:translate-y-50, .group:hover .md\:group-hover\:translate-y-50, .md\:hover\:translate-y-50:hover, .md\:translate-y-50,
.group.active .md\:group-active\:-translate-y-50, .group.selected .md\:group-selected\:-translate-y-50, .group:hover .md\:group-hover\:-translate-y-50, .md\:hover\:-translate-y-50:hover, .md\:-translate-y-50,
.group.active .md\:group-active\:translate-y-full, .group.selected .md\:group-selected\:translate-y-full, .group:hover .md\:group-hover\:translate-y-full, .md\:hover\:translate-y-full:hover, .md\:translate-y-full,
.group.active .md\:group-active\:-translate-y-full, .group.selected .md\:group-selected\:-translate-y-full, .group:hover .md\:group-hover\:-translate-y-full, .md\:hover\:-translate-y-full:hover, .md\:-translate-y-full,
.group.active .md\:group-active\:translate-50, .group.selected .md\:group-selected\:translate-50, .group:hover .md\:group-hover\:translate-50, .md\:hover\:translate-50:hover, .md\:translate-50,
.group.active .md\:group-active\:-translate-50, .group.selected .md\:group-selected\:-translate-50, .group:hover .md\:group-hover\:-translate-50, .md\:hover\:-translate-50:hover, .md\:-translate-50,
.group.active .md\:group-active\:translate-x, .group.selected .md\:group-selected\:translate-x, .group:hover .md\:group-hover\:translate-x, .md\:hover\:translate-x:hover, .md\:translate-x,
.group.active .md\:group-active\:translate-y, .group.selected .md\:group-selected\:translate-y, .group:hover .md\:group-hover\:translate-y, .md\:hover\:translate-y:hover, .md\:translate-y,
.group.active .md\:group-active\:scale-100, .group.selected .md\:group-selected\:scale-100, .group:hover .md\:group-hover\:scale-100, .md\:hover\:scale-100:hover, .md\:scale-100,
.group.active .md\:group-active\:scale-110, .group.selected .md\:group-selected\:scale-110, .group:hover .md\:group-hover\:scale-110, .md\:hover\:scale-110:hover, .md\:scale-110,
.group.active .md\:group-active\:scale-125, .group.selected .md\:group-selected\:scale-125, .group:hover .md\:group-hover\:scale-125, .md\:hover\:scale-125:hover, .md\:scale-125,
.group.active .md\:group-active\:scale-150, .group.selected .md\:group-selected\:scale-150, .group:hover .md\:group-hover\:scale-150, .md\:hover\:scale-150:hover, .md\:scale-150,
.group.active .md\:group-active\:scale-200, .group.selected .md\:group-selected\:scale-200, .group:hover .md\:group-hover\:scale-200, .md\:hover\:scale-200:hover, .md\:scale-200,
.group.active .md\:group-active\:rotate-0, .group.selected .md\:group-selected\:rotate-0, .group:hover .md\:group-hover\:rotate-0, .md\:hover\:rotate-0:hover, .md\:rotate-0,
.group.active .md\:group-active\:rotate-45, .group.selected .md\:group-selected\:rotate-45, .group:hover .md\:group-hover\:rotate-45, .md\:hover\:rotate-45:hover, .md\:rotate-45,
.group.active .md\:group-active\:rotate-90, .group.selected .md\:group-selected\:rotate-90, .group:hover .md\:group-hover\:rotate-90, .md\:hover\:rotate-90:hover, .md\:rotate-90,
.group.active .md\:group-active\:rotate-180, .group.selected .md\:group-selected\:rotate-180, .group:hover .md\:group-hover\:rotate-180, .md\:hover\:rotate-180:hover, .md\:rotate-180,
.group.active .md\:group-active\:rotate-270:not(.group .group-active\:rotate-270 *), .group.selected .md\:group-selected\:rotate-270, .group:hover .md\:group-hover\:rotate-270, .md\:hover\:rotate-270:hover, .md\:rotate-270,
.md\:hoverimg-child, .md\:transform { transform: translateX(var(--icono2-translate-x)) translateY(var(--icono2-translate-y)) rotate(var(--icono2-rotate)) scale(var(--icono2-scale)); }

.md\:-z-1 { z-index: -1; }
.md\:z-0 { z-index: 0; }
.md\:z-1 { z-index: 1; }
.md\:z-2 { z-index: 2; }
.md\:z-3 { z-index: 3; }
.md\:z-4 { z-index: 4; }
.md\:z-5 { z-index: 5; }
.md\:z-6 { z-index: 6; }
.md\:z-7 { z-index: 7; }
.md\:z-8 { z-index: 8; }
.md\:z-9 { z-index: 9; }
.md\:z-10 { z-index: 10; }
.md\:z-11 { z-index: 11; }
.md\:z-12 { z-index: 12; }
.md\:z-13 { z-index: 13; }
.md\:z-14 { z-index: 14; }
.md\:z-15 { z-index: 15; }
.md\:z-16 { z-index: 16; }
.md\:z-17 { z-index: 17; }
.md\:z-18 { z-index: 18; }
.md\:z-19 { z-index: 19; }
.md\:z-20 { z-index: 20; }
.md\:z-50 { z-index: 50; }
.md\:z-100 { z-index: 100; }
.md\:z-auto { z-index: auto; }

.md\:float-right{ float: right; }
.md\:float-left{ float: left; }
.md\:float-start{ float: inline-start; }
.md\:float-end{ float: inline-end; }
.md\:float-none{ float: none; }

.md\:clear-left{ clear: left; }
.md\:clear-right{ clear: right; }
.md\:clear-both{ clear: both; }
.md\:clear-start{ clear: inline-start; }
.md\:clear-end{ clear: inline-end; }
.md\:clear-none{ clear: none; }
/************************************************************ FIM POSITIONING *************************************************************/

.md\:text-left{ text-align: left; }
.md\:text-center{ text-align: center; }
.md\:text-right{ text-align: right; }
.md\:text-justify{ text-align: justify; }
.md\:text-start{ text-align: start; }
.md\:text-end{ text-align: end; }

.md\:writing-mode-vlr{ writing-mode: vertical-lr; }

/************************************************************** ASPECT_RATIO **************************************************************/
.md\:ratio-1{ --ratio-w: 1; --ratio-h: 1; }
.md\:ratio-4\/3{ --ratio-w: 4; --ratio-h: 3; }
.md\:ratio-16\/9{ --ratio-w: 16; --ratio-h: 9; }
.md\:ratio-9\/16{ --ratio-w: 9; --ratio-h: 16; }
.md\:ratio-1, .md\:ratio-4\/3, .md\:ratio-16\/9, .md\:ratio-9\/16, .md\:ratio{ aspect-ratio: var(--ratio-w)/var(--ratio-h); }

@supports not (aspect-ratio: 1/1) {
  .md\:ratio::before, .md\:ratio-1::before, .md\:ratio-4\/3::before, .md\:ratio-16\/9::before, .md\:ratio-9\/16::before{ float: left; padding-top: calc((var(--ratio-h) / var(--ratio-w)) * 100%); content: ""; }
  .md\:ratio > div:nth-child(1), .md\:ratio-1 > div:nth-child(1), .md\:ratio-4\/3 > div:nth-child(1), .md\:ratio-16\/9 > div:nth-child(1), .md\:ratio-9\/16 > div:nth-child(1){ position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
  .md\:ratio::after, .md\:ratio-1::after, .md\:ratio-4\/3::after, .md\:ratio-16\/9::after, .md\:ratio-9\/16::after{display: block; content: ""; clear: both;}
}
/************************************************************ FIM ASPECT_RATIO ************************************************************/


/*********************************************************** DEFAULTS FLEX/GRID ***********************************************************/
/*************************************************************** DIRECTION ****************************************************************/
.md\:flex-row{ flex-direction: row; }
.md\:flex-row-reverse{ flex-direction: row-reverse; }
.md\:flex-col{ flex-direction: column; }
.md\:flex-col-reverse{ flex-direction: column-reverse; }
/************************************************************* FIM DIRECTION **************************************************************/
/****************************************************************** WRAP ******************************************************************/
.md\:flex-nowrap{ flex-wrap: nowrap; }
.md\:flex-wrap{ flex-wrap: wrap; }
.md\:flex-wrap-reverse{ flex-wrap: wrap-reverse; }
/**************************************************************** FIM WRAP ****************************************************************/
/****************************************************************** GROW ******************************************************************/
.md\:flex-grow{ flex-grow: var(--flex-grow); }
.md\:flex-grow-1{ flex-grow: 1; }
.md\:flex-nogrow{ flex-grow: 0; }
/**************************************************************** FIM GROW ****************************************************************/
/***************************************************************** SHRINK *****************************************************************/
.md\:flex-shrink{ flex-shrink: var(--flex-shrink); }
.md\:flex-shrink-1{ flex-shrink: 1; }
.md\:flex-noshrink{ flex-shrink: 0; }
/*************************************************************** FIM SHRINK ***************************************************************/
/*************************************************************** FLEX-BASIS ***************************************************************/
.md\:basis{ flex-basis: var(--basis); }
.md\:basis-full{ flex-basis: 100%; }
.md\:basis-0{ flex-basis: 0%; }
.md\:basis-1\/12 { flex-basis: 8.333%; }
.md\:basis-1\/10 { flex-basis: 10%; }
.md\:basis-1\/8 { flex-basis: 12.5%; }
.md\:basis-1\/6, .basis-2\/12 { flex-basis: 16.667%; }
.md\:basis-1\/5, .basis-2\/10 { flex-basis: 20%; }
.md\:basis-1\/4, .basis-2\/8, .basis-3\/12 { flex-basis: 25%; }
.md\:basis-3\/10 { flex-basis: 30%; }
.md\:basis-1\/3, .basis-2\/6, .basis-4\/12 { flex-basis: 33.333%; }
.md\:basis-3\/8 { flex-basis: 37.5%; }
.md\:basis-2\/5, .basis-4\/10 { flex-basis: 40%; }
.md\:basis-5\/12 { flex-basis: 41.667%; }
.md\:basis-1\/2, .basis-2\/4, .basis-3\/6, .basis-4\/8, .basis-5\/10, .basis-6\/12 { flex-basis: 50%; }
.md\:basis-7\/12 { flex-basis: 58.333%; }
.md\:basis-3\/5, .basis-6\/10 { flex-basis: 60%; }
.md\:basis-5\/8 { flex-basis: 62.5%; }
.md\:basis-2\/3 { flex-basis: 66.666%; }
.md\:basis-4\/6, .basis-8\/12 { flex-basis: 66.667%; }
.md\:basis-7\/10 { flex-basis: 70%; }
.md\:basis-3\/4, .basis-6\/8, .basis-9\/12 { flex-basis: 75%; }
.md\:basis-4\/5, .basis-8\/10 { flex-basis: 80%; }
.md\:basis-5\/6, .basis-10\/12 { flex-basis: 83.333%; }
.md\:basis-7\/8 { flex-basis: 87.5%; }
.md\:basis-9\/10 { flex-basis: 90%; }
.md\:basis-11\/12 { flex-basis: 91.667%; }
/************************************************************* FIM FLEX-BASIS *************************************************************/

/****************************************************************** GROW ******************************************************************/
.md\:gap-x-0{ column-gap: 0; }
.md\:gap-y-0{ row-gap: 0; }
.md\:gap-x{ column-gap: var(--gap-x); }
.md\:gap-y{ row-gap: var(--gap-y); }
/**************************************************************** FIM GROW ****************************************************************/
/************************************************************ JUSTIFY CONTENT *************************************************************/
.md\:justify-start{ justify-content: flex-start; }
.md\:justify-end{ justify-content: flex-end; }
.md\:justify-center{ justify-content: center; }
.md\:justify-between{ justify-content: space-between; }
.md\:justify-around{ justify-content: space-around; }
.md\:justify-evenly{ justify-content: space-evenly; }
.md\:justify-stretch{ justify-content: stretch; }
.md\:justify-baseline{ justify-content: baseline; }
.md\:justify-normal{ justify-content: normal; }
/********************************************************** FIM JUSTIFY CONTENT ***********************************************************/
/************************************************************* JUSTIFY ITEMS **************************************************************/
.md\:justify-items-start{ justify-items: start; }
.md\:justify-items-end{ justify-items: end; }
.md\:justify-items-center{ justify-items: center; }
.md\:justify-items-stretch{ justify-items: stretch; }
.md\:justify-items-normal{ justify-items: normal; }
/*********************************************************** FIM JUSTIFY ITEMS ************************************************************/
/************************************************************** ALIGN ITEMS ***************************************************************/
.md\:items-start{ align-items: flex-start; }
.md\:items-end{ align-items: flex-end; }
.md\:items-center{ align-items: center; }
.md\:items-baseline{ align-items: baseline; }
.md\:items-stretch{ align-items: stretch; }
/************************************************************ FIM ALIGN ITEMS *************************************************************/
/*************************************************************** ALIGN SELF ***************************************************************/
.md\:self-auto{ align-self: auto; }
.md\:self-start{ align-self: flex-start; }
.md\:self-end{ align-self: flex-end; }
.md\:self-center{ align-self: center; }
.md\:self-stretch{ align-self: stretch; }
.md\:self-baseline{ align-self: baseline; }
/************************************************************* FIM ALIGN SELF *************************************************************/
.md\:auto-cols-auto{ grid-auto-columns: auto; }
.md\:auto-cols-min{ grid-auto-columns: min-content; }
.md\:auto-cols-max{ grid-auto-columns: max-content; }
.md\:auto-cols-fr{ grid-auto-columns: minmax(0, 1fr); }

.md\:template-cols-fr{ grid-template-rows: minmax(0, 1fr); }

/********************************************************* FIM DEFAULTS FLEX/GRID *********************************************************/

.md\:whitespace-normal{ white-space: normal; }
.md\:whitespace-nowrap{ white-space: nowrap; }
.md\:whitespace-pre{ white-space: pre; }
.md\:whitespace-pre-line{ white-space: pre-line; }
.md\:whitespace-pre-wrap{ white-space: pre-wrap; }
.md\:whitespace-break-spaces{ white-space: break-spaces; }

.md\:text-wrap{ text-wrap: wrap; }
.md\:text-nowrap{ text-wrap: nowrap; }
.md\:text-balance{ text-wrap: balance; }
.md\:text-pretty{ text-wrap: pretty; }

.md\:whitespace-normal{ white-space: normal; }
.md\:whitespace-nowrap{ white-space: nowrap; }
.md\:whitespace-pre{ white-space: pre; }
.md\:whitespace-pre-line{ white-space: pre-line; }
.md\:whitespace-pre-wrap{ white-space: pre-wrap; }
.md\:whitespace-break-spaces{ white-space: break-spaces; }

.md\:object-contain{ object-fit: contain; }
.md\:object-cover{ object-fit: cover; }
.md\:object-fill{ object-fit: fill; }
.md\:object-none{ object-fit: none; }
.md\:object-scale-down{ object-fit: scale-down; }

/***************************************************************** WIDTHS *****************************************************************/
.md\:w{ width: var(--w); }
.md\:w-0{ width: 0; }
.md\:w-auto{ width: auto; }
.md\:w-full{ width: 100%; }
.md\:w-screen{ width: 100vw; }

.md\:w-1\/12 { width: 8.333%; }
.md\:w-1\/10 { width: 10%; }
.md\:w-1\/8 { width: 12.5%; }
.md\:w-1\/6, .md\:w-2\/12 { width: 16.667%; }
.md\:w-1\/5, .md\:w-2\/10 { width: 20%; }
.md\:w-1\/4, .md\:w-2\/8, .md\:w-3\/12 { width: 25%; }
.md\:w-3\/10 { width: 30%; }
.md\:w-1\/3, .md\:w-2\/6, .md\:w-4\/12 { width: 33.333%; }
.md\:w-3\/8 { width: 37.5%; }
.md\:w-2\/5, .md\:w-4\/10 { width: 40%; }
.md\:w-5\/12 { width: 41.667%; }
.md\:w-1\/2, .md\:w-2\/4, .md\:w-3\/6, .md\:w-4\/8, .md\:w-5\/10, .md\:w-6\/12 { width: 50%; }
.md\:w-7\/12 { width: 58.333%; }
.md\:w-3\/5, .md\:w-6\/10 { width: 60%; }
.md\:w-5\/8 { width: 62.5%; }
.md\:w-2\/3 { width: 66.666%; }
.md\:w-4\/6, .md\:w-8\/12 { width: 66.667%; }
.md\:w-7\/10 { width: 70%; }
.md\:w-3\/4, .md\:w-6\/8, .md\:w-9\/12 { width: 75%; }
.md\:w-4\/5, .md\:w-8\/10 { width: 80%; }
.md\:w-5\/6, .md\:w-10\/12 { width: 83.333%; }
.md\:w-7\/8 { width: 87.5%; }
.md\:w-9\/10 { width: 90%; }
.md\:w-11\/12 { width: 91.667%; }

/*************************************************************** FIM WIDTHS ***************************************************************/

/*************************************************************** MAX WIDTHS ***************************************************************/
.md\:min-w{ min-width: var(--min-w); }
.md\:min-w-0{ min-width: 0; }
.md\:min-w-full{ min-width: 100%; }
.md\:min-w-screen{ min-width: 100vw; }

.md\:min-w-1\/12 { min-width: 8.333%; }
.md\:min-w-1\/10 { min-width: 10%; }
.md\:min-w-1\/8 { min-width: 12.5%; }
.md\:min-w-1\/6, .md\:min-w-2\/12 { min-width: 16.667%; }
.md\:min-w-1\/5, .md\:min-w-2\/10 { min-width: 20%; }
.md\:min-w-1\/4, .md\:min-w-2\/8, .md\:min-w-3\/12 { min-width: 25%; }
.md\:min-w-3\/10 { min-width: 30%; }
.md\:min-w-1\/3, .md\:min-w-2\/6, .md\:min-w-4\/12 { min-width: 33.333%; }
.md\:min-w-3\/8 { min-width: 37.5%; }
.md\:min-w-2\/5, .md\:min-w-4\/10 { min-width: 40%; }
.md\:min-w-5\/12 { min-width: 41.667%; }
.md\:min-w-1\/2, .md\:min-w-2\/4, .md\:min-w-3\/6, .md\:min-w-4\/8, .md\:min-w-5\/10, .md\:min-w-6\/12 { min-width: 50%; }
.md\:min-w-7\/12 { min-width: 58.333%; }
.md\:min-w-3\/5, .md\:min-w-6\/10 { min-width: 60%; }
.md\:min-w-5\/8 { min-width: 62.5%; }
.md\:min-w-2\/3 { min-width: 66.666%; }
.md\:min-w-4\/6, .md\:min-w-8\/12 { min-width: 66.667%; }
.md\:min-w-7\/10 { min-width: 70%; }
.md\:min-w-3\/4, .md\:min-w-6\/8, .md\:min-w-9\/12 { min-width: 75%; }
.md\:min-w-4\/5, .md\:min-w-8\/10 { min-width: 80%; }
.md\:min-w-5\/6, .md\:min-w-10\/12 { min-width: 83.333%; }
.md\:min-w-7\/8 { min-width: 87.5%; }
.md\:min-w-9\/10 { min-width: 90%; }
.md\:min-w-11\/12 { min-width: 91.667%; }
/************************************************************* FIM MAX WIDTHS *************************************************************/

/*************************************************************** MAX WIDTHS ***************************************************************/
.md\:max-w{ max-width: var(--max-w); }
.md\:max-w-0{ max-width: 0%; }
.md\:max-w-full{ max-width: 100%; }
.md\:max-w-screen{ max-width: 100vw; }

.md\:max-w-1\/12 { max-width: 8.333%; }
.md\:max-w-1\/10 { max-width: 10%; }
.md\:max-w-1\/8 { max-width: 12.5%; }
.md\:max-w-1\/6, .md\:max-w-2\/12 { max-width: 16.667%; }
.md\:max-w-1\/5, .md\:max-w-2\/10 { max-width: 20%; }
.md\:max-w-1\/4, .md\:max-w-2\/8, .md\:max-w-3\/12 { max-width: 25%; }
.md\:max-w-3\/10 { max-width: 30%; }
.md\:max-w-1\/3, .md\:max-w-2\/6, .md\:max-w-4\/12 { max-width: 33.333%; }
.md\:max-w-3\/8 { max-width: 37.5%; }
.md\:max-w-2\/5, .md\:max-w-4\/10 { max-width: 40%; }
.md\:max-w-5\/12 { max-width: 41.667%; }
.md\:max-w-1\/2, .md\:max-w-2\/4, .md\:max-w-3\/6, .md\:max-w-4\/8, .md\:max-w-5\/10, .md\:max-w-6\/12 { max-width: 50%; }
.md\:max-w-7\/12 { max-width: 58.333%; }
.md\:max-w-3\/5, .md\:max-w-6\/10 { max-width: 60%; }
.md\:max-w-5\/8 { max-width: 62.5%; }
.md\:max-w-2\/3 { max-width: 66.666%; }
.md\:max-w-4\/6, .md\:max-w-8\/12 { max-width: 66.667%; }
.md\:max-w-7\/10 { max-width: 70%; }
.md\:max-w-3\/4, .md\:max-w-6\/8, .md\:max-w-9\/12 { max-width: 75%; }
.md\:max-w-4\/5, .md\:max-w-8\/10 { max-width: 80%; }
.md\:max-w-5\/6, .md\:max-w-10\/12 { max-width: 83.333%; }
.md\:max-w-7\/8 { max-width: 87.5%; }
.md\:max-w-9\/10 { max-width: 90%; }
.md\:max-w-11\/12 { max-width: 91.667%; }
/************************************************************* FIM MAX WIDTHS *************************************************************/

/**************************************************************** HEIGHTS *****************************************************************/
.md\:h{ height: var(--h); }
.md\:h-auto{ height: auto; }
.md\:h-full{ height: 100%; }
.md\:h-screen{ height: 100vh; }
.md\:h-screenNoHead{ height: calc(100vh - var(--heightbarramenu)); }

.md\:h-1\/12 { height: 8.333%; }
.md\:h-1\/10 { height: 10%; }
.md\:h-1\/8 { height: 12.5%; }
.md\:h-1\/6, .md\:h-2\/12 { height: 16.667%; }
.md\:h-1\/5, .md\:h-2\/10 { height: 20%; }
.md\:h-1\/4, .md\:h-2\/8, .md\:h-3\/12 { height: 25%; }
.md\:h-3\/10 { height: 30%; }
.md\:h-1\/3, .md\:h-2\/6, .md\:h-4\/12 { height: 33.333%; }
.md\:h-3\/8 { height: 37.5%; }
.md\:h-2\/5, .md\:h-4\/10 { height: 40%; }
.md\:h-5\/12 { height: 41.667%; }
.md\:h-1\/2, .md\:h-2\/4, .md\:h-3\/6, .md\:h-4\/8, .md\:h-5\/10, .md\:h-6\/12 { height: 50%; }
.md\:h-7\/12 { height: 58.333%; }
.md\:h-3\/5, .md\:h-6\/10 { height: 60%; }
.md\:h-5\/8 { height: 62.5%; }
.md\:h-2\/3 { height: 66.666%; }
.md\:h-4\/6, .md\:h-8\/12 { height: 66.667%; }
.md\:h-7\/10 { height: 70%; }
.md\:h-3\/4, .md\:h-6\/8, .md\:h-9\/12 { height: 75%; }
.md\:h-4\/5, .md\:h-8\/10 { height: 80%; }
.md\:h-5\/6, .md\:h-10\/12 { height: 83.333%; }
.md\:h-7\/8 { height: 87.5%; }
.md\:h-9\/10 { height: 90%; }
.md\:h-11\/12 { height: 91.667%; }
/************************************************************** FIM HEIGHTS ***************************************************************/

/************************************************************** MAX HEIGHTS ***************************************************************/
.md\:max-h{ max-height: var(--max-h); }
.md\:max-h-full{ max-height: 100%; }
.md\:max-h-screen{ max-height: 100vh; }

.md\:max-h-1\/12 { max-height: 8.333%; }
.md\:max-h-1\/10 { max-height: 10%; }
.md\:max-h-1\/8 { max-height: 12.5%; }
.md\:max-h-1\/6, .md\:max-h-2\/12 { max-height: 16.667%; }
.md\:max-h-1\/5, .md\:max-h-2\/10 { max-height: 20%; }
.md\:max-h-1\/4, .md\:max-h-2\/8, .md\:max-h-3\/12 { max-height: 25%; }
.md\:max-h-3\/10 { max-height: 30%; }
.md\:max-h-1\/3, .md\:max-h-2\/6, .md\:max-h-4\/12 { max-height: 33.333%; }
.md\:max-h-3\/8 { max-height: 37.5%; }
.md\:max-h-2\/5, .md\:max-h-4\/10 { max-height: 40%; }
.md\:max-h-5\/12 { max-height: 41.667%; }
.md\:max-h-1\/2, .md\:max-h-2\/4, .md\:max-h-3\/6, .md\:max-h-4\/8, .md\:max-h-5\/10, .md\:max-h-6\/12 { max-height: 50%; }
.md\:max-h-7\/12 { max-height: 58.333%; }
.md\:max-h-3\/5, .md\:max-h-6\/10 { max-height: 60%; }
.md\:max-h-5\/8 { max-height: 62.5%; }
.md\:max-h-2\/3 { max-height: 66.666%; }
.md\:max-h-4\/6, .md\:max-h-8\/12 { max-height: 66.667%; }
.md\:max-h-7\/10 { max-height: 70%; }
.md\:max-h-3\/4, .md\:max-h-6\/8, .md\:max-h-9\/12 { max-height: 75%; }
.md\:max-h-4\/5, .md\:max-h-8\/10 { max-height: 80%; }
.md\:max-h-5\/6, .md\:max-h-10\/12 { max-height: 83.333%; }
.md\:max-h-7\/8 { max-height: 87.5%; }
.md\:max-h-9\/10 { max-height: 90%; }
.md\:max-h-11\/12 { max-height: 91.667%; }
/************************************************************ FIM MAX HEIGHTS *************************************************************/

/************************************************************** MIN HEIGHTS ***************************************************************/
.md\:min-h{ min-height: var(--min-h); }
.md\:min-h-full{ min-height: 100%; }
.md\:min-h-screen{ min-height: 100vh; }

.md\:min-h-1\/12 { min-height: 8.333%; }
.md\:min-h-1\/10 { min-height: 10%; }
.md\:min-h-1\/8 { min-height: 12.5%; }
.md\:min-h-1\/6, .md\:min-h-2\/12 { min-height: 16.667%; }
.md\:min-h-1\/5, .md\:min-h-2\/10 { min-height: 20%; }
.md\:min-h-1\/4, .md\:min-h-2\/8, .md\:min-h-3\/12 { min-height: 25%; }
.md\:min-h-3\/10 { min-height: 30%; }
.md\:min-h-1\/3, .md\:min-h-2\/6, .md\:min-h-4\/12 { min-height: 33.333%; }
.md\:min-h-3\/8 { min-height: 37.5%; }
.md\:min-h-2\/5, .md\:min-h-4\/10 { min-height: 40%; }
.md\:min-h-5\/12 { min-height: 41.667%; }
.md\:min-h-1\/2, .md\:min-h-2\/4, .md\:min-h-3\/6, .md\:min-h-4\/8, .md\:min-h-5\/10, .md\:min-h-6\/12 { min-height: 50%; }
.md\:min-h-7\/12 { min-height: 58.333%; }
.md\:min-h-3\/5, .md\:min-h-6\/10 { min-height: 60%; }
.md\:min-h-5\/8 { min-height: 62.5%; }
.md\:min-h-2\/3 { min-height: 66.666%; }
.md\:min-h-4\/6, .md\:min-h-8\/12 { min-height: 66.667%; }
.md\:min-h-7\/10 { min-height: 70%; }
.md\:min-h-3\/4, .md\:min-h-6\/8, .md\:min-h-9\/12 { min-height: 75%; }
.md\:min-h-4\/5, .md\:min-h-8\/10 { min-height: 80%; }
.md\:min-h-5\/6, .md\:min-h-10\/12 { min-height: 83.333%; }
.md\:min-h-7\/8 { min-height: 87.5%; }
.md\:min-h-9\/10 { min-height: 90%; }
.md\:min-h-11\/12 { min-height: 91.667%; }
/************************************************************ FIM MIN HEIGHTS *************************************************************/

/************************************************************* DEFAULTS TEXTS *************************************************************/
.md\:linhas1, .md\:linhas2, .md\:linhas3, .md\:linhas4, .md\:linhas5, .md\:linhas6, .md\:linhas7, .md\:linhas8, .md\:linhas9, .md\:linhas10{display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.md\:linhas1{-webkit-line-clamp: 1; line-clamp: 1;}
.md\:linhas2{-webkit-line-clamp: 2; line-clamp: 2;}
.md\:linhas3{-webkit-line-clamp: 3; line-clamp: 3;}
.md\:linhas4{-webkit-line-clamp: 4; line-clamp: 4;}
.md\:linhas5{-webkit-line-clamp: 5; line-clamp: 5;}
.md\:linhas6{-webkit-line-clamp: 6; line-clamp: 6;}
.md\:linhas7{-webkit-line-clamp: 7; line-clamp: 7;}
.md\:linhas8{-webkit-line-clamp: 8; line-clamp: 8;}
.md\:linhas9{-webkit-line-clamp: 9; line-clamp: 9;}
.md\:linhas10{-webkit-line-clamp: 10; line-clamp: 10;}
/********************************************************** FIM DEFAULTS TEXTS ***********************************************************/
/********************************************************** FIM ESTRUTURA GERAL ***********************************************************/
}

@media only screen and (min-width:1024px){
/************************************************************* VARIAVEIS CSS **************************************************************/
/**                                                                                                                                      **/
/**                                     VARIAVEIS PARA ESTRUTURA DEFAULT (MARGINS/PADDINGS DEFAULT)                                      **/
/**                                                                                                                                      **/
/******************************************************************************************************************************************/
:root{
  --colunas2: 1;
  --colunas3: 1;
  --colunas4: 1;
  --colunas5: 1;
  --colunas6: 1;

  --column-gap-default: 35px;

  --margin-top-default: 90px;
  --margin-right-default: 50px;
  --margin-bottom-default: 45px;
  --margin-left-default: 50px;

  --margin-top-layout: 90px;
  --margin-right-layout: 150px;
  --margin-bottom-layout: 300px;
  --margin-left-layout: 170px;

  --padding-top-default: 60px;
  --padding-right-default: 50px;
  --padding-bottom-default: 60px;
  --padding-left-default: 50px;

  --padding-top-layout: 60px;
  --padding-right-layout: 100px;
  --padding-bottom-layout: 60px;
  --padding-left-layout: 100px;
}

/*********************************************************** FIM VARIAVEIS CSS ************************************************************/


/************************************************************* DEFAUTLS LENIS *************************************************************/
/**                                                                                                                                      **/
/**                                          CLASES DEFAULT LENIS (SMOOTH SCROLL) NAO MODIFICAR                                          **/
/**                                                                                                                                      **/
/******************************************************************************************************************************************/
html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-stopped { overflow: hidden; }
.lenis.lenis-scrolling iframe { pointer-events: none; }
/*********************************************************** FIM DEFAUTLS LENIS ***********************************************************/


/************************************************************ DEFAULT ELEMENTS ************************************************************/
/**                                                                                                                                      **/
/**                                             CLASES DEFAULT ELEMENTOS BASE NAO MODIFICAR                                              **/
/**                                                                                                                                      **/
/******************************************************************************************************************************************/
.container{ max-width: 1024px; }
.hide1024{display: block;}
.show1024{display: none;}
/********************************************************** FIM DEFAULT ELEMENTS **********************************************************/

/************************************************************ DEFAULTS COLUNAS ************************************************************/
*:has(>.lg\:colunas1), *:has(>.lg\:colunas2), *:has(>.lg\:colunas3), *:has(>.lg\:colunas4), *:has(>.lg\:colunas5), *:has(>.lg\:colunas6){display: flex; flex-direction: row; flex-wrap: wrap;}
.lg\:colunas1:nth-child(1n+1){flex-grow: 0; flex-shrink: 0; width: 100%; margin-right: 0;}

.lg\:colunas2:nth-child(2n+1){flex-grow: 0; flex-shrink: 0; width: calc((100% / 2) - ((var(--marginColunas) * 1) / 2)); margin-right: var(--marginColunas); }
.lg\:colunas2:nth-child(2n+2){flex-grow: 0; flex-shrink: 0; width: calc((100% / 2) - ((var(--marginColunas) * 1) / 2)); margin-right: 0; }

.lg\:colunas3:nth-child(3n+1){flex-grow: 0; flex-shrink: 0; width: calc((100% / 3) - ((var(--marginColunas) * 2) / 3)); margin-right: var(--marginColunas); }
.lg\:colunas3:nth-child(3n+2){flex-grow: 0; flex-shrink: 0; width: calc((100% / 3) - ((var(--marginColunas) * 2) / 3)); margin-right: var(--marginColunas); }
.lg\:colunas3:nth-child(3n+3){flex-grow: 0; flex-shrink: 0; width: calc((100% / 3) - ((var(--marginColunas) * 2) / 3)); margin-right: 0; }

.lg\:colunas4:nth-child(4n+1){flex-grow: 0; flex-shrink: 0; width: calc((100% / 4) - ((var(--marginColunas) * 3) / 4)); margin-right: var(--marginColunas); }
.lg\:colunas4:nth-child(4n+2){flex-grow: 0; flex-shrink: 0; width: calc((100% / 4) - ((var(--marginColunas) * 3) / 4)); margin-right: var(--marginColunas); }
.lg\:colunas4:nth-child(4n+3){flex-grow: 0; flex-shrink: 0; width: calc((100% / 4) - ((var(--marginColunas) * 3) / 4)); margin-right: var(--marginColunas); }
.lg\:colunas4:nth-child(4n+4){flex-grow: 0; flex-shrink: 0; width: calc((100% / 4) - ((var(--marginColunas) * 3) / 4)); margin-right: 0; }

.lg\:colunas5:nth-child(5n+1){flex-grow: 0; flex-shrink: 0; width: calc((100% / 5) - ((var(--marginColunas) * 4) / 5)); margin-right: var(--marginColunas); }
.lg\:colunas5:nth-child(5n+2){flex-grow: 0; flex-shrink: 0; width: calc((100% / 5) - ((var(--marginColunas) * 4) / 5)); margin-right: var(--marginColunas); }
.lg\:colunas5:nth-child(5n+3){flex-grow: 0; flex-shrink: 0; width: calc((100% / 5) - ((var(--marginColunas) * 4) / 5)); margin-right: var(--marginColunas); }
.lg\:colunas5:nth-child(5n+4){flex-grow: 0; flex-shrink: 0; width: calc((100% / 5) - ((var(--marginColunas) * 4) / 5)); margin-right: var(--marginColunas); }
.lg\:colunas5:nth-child(5n+5){flex-grow: 0; flex-shrink: 0; width: calc((100% / 5) - ((var(--marginColunas) * 4) / 5)); margin-right: 0; }

.lg\:colunas6:nth-child(6n+1){flex-grow: 0; flex-shrink: 0; width: calc((100% / 6) - ((var(--marginColunas) * 5) / 6)); margin-right: var(--marginColunas); }
.lg\:colunas6:nth-child(6n+2){flex-grow: 0; flex-shrink: 0; width: calc((100% / 6) - ((var(--marginColunas) * 5) / 6)); margin-right: var(--marginColunas); }
.lg\:colunas6:nth-child(6n+3){flex-grow: 0; flex-shrink: 0; width: calc((100% / 6) - ((var(--marginColunas) * 5) / 6)); margin-right: var(--marginColunas); }
.lg\:colunas6:nth-child(6n+4){flex-grow: 0; flex-shrink: 0; width: calc((100% / 6) - ((var(--marginColunas) * 5) / 6)); margin-right: var(--marginColunas); }
.lg\:colunas6:nth-child(6n+5){flex-grow: 0; flex-shrink: 0; width: calc((100% / 6) - ((var(--marginColunas) * 5) / 6)); margin-right: var(--marginColunas); }
.lg\:colunas6:nth-child(6n+6){flex-grow: 0; flex-shrink: 0; width: calc((100% / 6) - ((var(--marginColunas) * 5) / 6)); margin-right: 0; }

.lg\:colunas5{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 5%;}
.lg\:colunas10{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 10%;}
.lg\:colunas15{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 15%;}
.lg\:colunas20{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 20%;}
.lg\:colunas25{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 25%;}
.lg\:colunas30{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 30%;}
.lg\:colunas35{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 35%;}
/*************************************************************** COLUNAS 40 ***************************************************************/
.lg\:colunas40{width: 40%;}
/************************************************************** COLUNAS 40-60 *************************************************************/
.lg\:colunas40:has(+ .lg\:colunas60){width: calc(40% - ((var(--marginColunas) * 1) / 2)); margin-right: var(--marginColunas);}
.lg\:colunas40 + .lg\:colunas60{width: calc(60% - ((var(--marginColunas) * 1) / 2));}
/************************************************************ FIM COLUNAS 40-60 ***********************************************************/
/************************************************************** FIM COLUNAS 40 ************************************************************/
.lg\:colunas45{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 45%;}
.lg\:colunas50{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 50%;}
.lg\:colunas55{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 55%;}
.lg\:colunas60{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 60%;}
.lg\:colunas65{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 65%;}
.lg\:colunas70{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 70%;}
.lg\:colunas75{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 75%;}
.lg\:colunas80{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 80%;}
.lg\:colunas85{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 85%;}
.lg\:colunas90{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 90%;}
.lg\:colunas95{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 95%;}

.lg\:colunasflex2{ display: flex; flex-direction: row; flex-wrap: wrap; }
.lg\:colunasflex2 > * { width: calc(100% / var(--colunas2)); }
.lg\:colunasflex3{ display: flex; flex-direction: row; flex-wrap: wrap; }
.lg\:colunasflex3 > * { width: calc(100% / var(--colunas3)); }
.lg\:colunasflex4{ display: flex; flex-direction: row; flex-wrap: wrap; }
.lg\:colunasflex4 > * { width: calc(100% / var(--colunas4)); }
.lg\:colunasflex5{ display: flex; flex-direction: row; flex-wrap: wrap; }
.lg\:colunasflex5 > * { width: calc(100% / var(--colunas5)); }
.lg\:colunasflex6{ display: flex; flex-direction: row; flex-wrap: wrap; }
.lg\:colunasflex6 > * { width: calc(100% / var(--colunas6)); }

.lg\:text-columns-1{ column-count: 1; }
.lg\:text-columns-2{ column-count: 2; }
.lg\:text-columns-3{ column-count: 3; }
.lg\:text-columns-4{ column-count: 4; }
.lg\:text-columns-5{ column-count: 5; }
.lg\:text-columns-6{ column-count: 6; }

.lg\:column-gap-default-\/3{column-gap: calc(var(--column-gap-default) / 3);}
.lg\:column-gap-default-\/2{column-gap: calc(var(--column-gap-default) / 2);}
.lg\:column-gap-default{column-gap: var(--column-gap-default);}
.lg\:column-gap-default-x2{column-gap: calc(var(--column-gap-default) * 2);}
.lg\:column-gap-default-x3{column-gap: calc(var(--column-gap-default) * 3);}
/********************************************************** FIM DEFAULTS COLUNAS **********************************************************/

/******************************************************** DEFAULT MARGINS/PADDINGS ********************************************************/
/**                                                                                                                                      **/
/**                                  CLASES DEFAULT MARGINS/PADDINGS NAO MODIFICAR, USAR VARIAVEIS CSS                                   **/
/**                                                                                                                                      **/
/******************************************************************************************************************************************/
.lg\:m-0 { margin: 0; }
.lg\:mx-0 { margin-left: 0; margin-right: 0; }
.lg\:my-0 { margin-top: 0; margin-bottom: 0; }
.lg\:mt-0 { margin-top: 0; }
.lg\:mr-0 { margin-right: 0; }
.lg\:mb-0 { margin-bottom: 0; }
.lg\:ml-0 { margin-left: 0; }

.lg\:m-1 { margin: 1px; }
.lg\:mx-1 { margin-left: 1px; margin-right: 1px; }
.lg\:my-1 { margin-top: 1px; margin-bottom: 1px; }
.lg\:mt-1 { margin-top: 1px; }
.lg\:mr-1 { margin-right: 1px; }
.lg\:mb-1 { margin-bottom: 1px; }
.lg\:ml-1 { margin-left: 1px; }

.lg\:p-0 { padding: 0; }
.lg\:px-0 { padding-left: 0; padding-right: 0; }
.lg\:py-0 { padding-top: 0; padding-bottom: 0; }
.lg\:pt-0 { padding-top: 0; }
.lg\:pr-0 { padding-right: 0; }
.lg\:pb-0 { padding-bottom: 0; }
.lg\:pl-0 { padding-left: 0; }

.lg\:p-1 { padding: 1px; }
.lg\:px-1 { padding-left: 1px; padding-right: 1px; }
.lg\:py-1 { padding-top: 1px; padding-bottom: 1px; }
.lg\:pt-1 { padding-top: 1px; }
.lg\:pr-1 { padding-right: 1px; }
.lg\:pb-1 { padding-bottom: 1px; }
.lg\:pl-1 { padding-left: 1px; }


.lg\:m-auto { margin: auto; }
.lg\:mx-auto { margin-left: auto; margin-right: auto; }
.lg\:my-auto { margin-top: auto; margin-bottom: auto; }
.lg\:mt-auto { margin-top: auto; }
.lg\:mr-auto { margin-right: auto; }
.lg\:mb-auto { margin-bottom: auto; }
.lg\:ml-auto { margin-left: auto; }

.lg\:m { margin: var(--m); }
.lg\:my { margin-top: var(--my); margin-bottom: var(--my); }
.lg\:mx { margin-right: var(--mx); margin-left: var(--mx); }
.lg\:mt { margin-top: var(--mt); }
.lg\:mr { margin-right: var(--mr); }
.lg\:mb { margin-bottom: var(--mb); }
.lg\:ml { margin-left: var(--ml); }

.lg\:m-default-\/5 { margin: calc(var(--margin-top-default) / 5) calc(var(--margin-right-default) / 5) calc(var(--margin-bottom-default) / 5) calc(var(--margin-left-default) / 5); }
.lg\:mx-default-\/5 { margin-left: calc(var(--margin-left-default) / 5); margin-right: calc(var(--margin-right-default) / 5); width: calc(100% - (calc(var(--margin-left-default) / 5) + calc(var(--margin-right-default) / 5))); }
.lg\:my-default-\/5 { margin-top: calc(var(--margin-top-default) / 5); margin-bottom: calc(var(--margin-bottom-default) / 5); }
.lg\:mt-default-\/5 { margin-top: calc(var(--margin-top-default) / 5); }
.lg\:mr-default-\/5 { margin-right: calc(var(--margin-right-default) / 5); }
.lg\:mb-default-\/5 { margin-bottom: calc(var(--margin-bottom-default) / 5); }
.lg\:ml-default-\/5 { margin-left: calc(var(--margin-left-default) / 5); }

.lg\:m-layout-\/5 { margin: calc(var(--margin-top-layout) / 5) calc(var(--margin-right-layout) / 5) calc(var(--margin-bottom-layout) / 5) calc(var(--margin-left-layout) / 5); }
.lg\:mx-layout-\/5 { margin-left: calc(var(--margin-left-layout) / 5); margin-right: calc(var(--margin-right-layout) / 5); width: calc(100% - (calc(var(--margin-left-layout) / 5) + calc(var(--margin-right-layout) / 5))); }
.lg\:my-layout-\/5 { margin-top: calc(var(--margin-top-layout) / 5); margin-bottom: calc(var(--margin-bottom-layout) / 5); }
.lg\:mt-layout-\/5 { margin-top: calc(var(--margin-top-layout) / 5); }
.lg\:mr-layout-\/5 { margin-right: calc(var(--margin-right-layout) / 5); }
.lg\:mb-layout-\/5 { margin-bottom: calc(var(--margin-bottom-layout) / 5); }
.lg\:ml-layout-\/5 { margin-left: calc(var(--margin-left-layout) / 5); }

.lg\:m-default-\/4 { margin: calc(var(--margin-top-default) / 4) calc(var(--margin-right-default) / 4) calc(var(--margin-bottom-default) / 4) calc(var(--margin-left-default) / 4); }
.lg\:mx-default-\/4 { margin-left: calc(var(--margin-left-default) / 4); margin-right: calc(var(--margin-right-default) / 4); width: calc(100% - (calc(var(--margin-left-default) / 4) + calc(var(--margin-right-default) / 4))); }
.lg\:my-default-\/4 { margin-top: calc(var(--margin-top-default) / 4); margin-bottom: calc(var(--margin-bottom-default) / 4); }
.lg\:mt-default-\/4 { margin-top: calc(var(--margin-top-default) / 4); }
.lg\:mr-default-\/4 { margin-right: calc(var(--margin-right-default) / 4); }
.lg\:mb-default-\/4 { margin-bottom: calc(var(--margin-bottom-default) / 4); }
.lg\:ml-default-\/4 { margin-left: calc(var(--margin-left-default) / 4); }

.lg\:m-layout-\/4 { margin: calc(var(--margin-top-layout) / 4) calc(var(--margin-right-layout) / 4) calc(var(--margin-bottom-layout) / 4) calc(var(--margin-left-layout) / 4); }
.lg\:mx-layout-\/4 { margin-left: calc(var(--margin-left-layout) / 4); margin-right: calc(var(--margin-right-layout) / 4); width: calc(100% - (calc(var(--margin-left-layout) / 4) + calc(var(--margin-right-layout) / 4))); }
.lg\:my-layout-\/4 { margin-top: calc(var(--margin-top-layout) / 4); margin-bottom: calc(var(--margin-bottom-layout) / 4); }
.lg\:mt-layout-\/4 { margin-top: calc(var(--margin-top-layout) / 4); }
.lg\:mr-layout-\/4 { margin-right: calc(var(--margin-right-layout) / 4); }
.lg\:mb-layout-\/4 { margin-bottom: calc(var(--margin-bottom-layout) / 4); }
.lg\:ml-layout-\/4 { margin-left: calc(var(--margin-left-layout) / 4); }

.lg\:m-default-\/3 { margin: calc(var(--margin-top-default) / 3) calc(var(--margin-right-default) / 3) calc(var(--margin-bottom-default) / 3) calc(var(--margin-left-default) / 3); }
.lg\:mx-default-\/3 { margin-left: calc(var(--margin-left-default) / 3); margin-right: calc(var(--margin-right-default) / 3); width: calc(100% - (calc(var(--margin-left-default) / 3) + calc(var(--margin-right-default) / 3))); }
.lg\:my-default-\/3 { margin-top: calc(var(--margin-top-default) / 3); margin-bottom: calc(var(--margin-bottom-default) / 3); }
.lg\:mt-default-\/3 { margin-top: calc(var(--margin-top-default) / 3); }
.lg\:mr-default-\/3 { margin-right: calc(var(--margin-right-default) / 3); }
.lg\:mb-default-\/3 { margin-bottom: calc(var(--margin-bottom-default) / 3); }
.lg\:ml-default-\/3 { margin-left: calc(var(--margin-left-default) / 3); }

.lg\:m-layout-\/3 { margin: calc(var(--margin-top-layout) / 3) calc(var(--margin-right-layout) / 3) calc(var(--margin-bottom-layout) / 3) calc(var(--margin-left-layout) / 3); }
.lg\:mx-layout-\/3 { margin-left: calc(var(--margin-left-layout) / 3); margin-right: calc(var(--margin-right-layout) / 3); width: calc(100% - (calc(var(--margin-left-layout) / 3) + calc(var(--margin-right-layout) / 3))); }
.lg\:my-layout-\/3 { margin-top: calc(var(--margin-top-layout) / 3); margin-bottom: calc(var(--margin-bottom-layout) / 3); }
.lg\:mt-layout-\/3 { margin-top: calc(var(--margin-top-layout) / 3); }
.lg\:mr-layout-\/3 { margin-right: calc(var(--margin-right-layout) / 3); }
.lg\:mb-layout-\/3 { margin-bottom: calc(var(--margin-bottom-layout) / 3); }
.lg\:ml-layout-\/3 { margin-left: calc(var(--margin-left-layout) / 3); }

.lg\:m-default-\/2 { margin: calc(var(--margin-top-default) / 2) calc(var(--margin-right-default) / 2) calc(var(--margin-bottom-default) / 2) calc(var(--margin-left-default) / 2); }
.lg\:mx-default-\/2 { margin-left: calc(var(--margin-left-default) / 2); margin-right: calc(var(--margin-right-default) / 2); width: calc(100% - (calc(var(--margin-left-default) / 2) + calc(var(--margin-right-default) / 2))); }
.lg\:my-default-\/2 { margin-top: calc(var(--margin-top-default) / 2); margin-bottom: calc(var(--margin-bottom-default) / 2); }
.lg\:mt-default-\/2 { margin-top: calc(var(--margin-top-default) / 2); }
.lg\:mr-default-\/2 { margin-right: calc(var(--margin-right-default) / 2); }
.lg\:mb-default-\/2 { margin-bottom: calc(var(--margin-bottom-default) / 2); }
.lg\:ml-default-\/2 { margin-left: calc(var(--margin-left-default) / 2); }

.lg\:m-layout-\/2 { margin: calc(var(--margin-top-layout) / 2) calc(var(--margin-right-layout) / 2) calc(var(--margin-bottom-layout) / 2) calc(var(--margin-left-layout) / 2); }
.lg\:mx-layout-\/2 { margin-left: calc(var(--margin-left-layout) / 2); margin-right: calc(var(--margin-right-layout) / 2); width: calc(100% - (calc(var(--margin-left-layout) / 2) + calc(var(--margin-right-layout) / 2))); }
.lg\:my-layout-\/2 { margin-top: calc(var(--margin-top-layout) / 2); margin-bottom: calc(var(--margin-bottom-layout) / 2); }
.lg\:mt-layout-\/2 { margin-top: calc(var(--margin-top-layout) / 2); }
.lg\:mr-layout-\/2 { margin-right: calc(var(--margin-right-layout) / 2); }
.lg\:mb-layout-\/2 { margin-bottom: calc(var(--margin-bottom-layout) / 2); }
.lg\:ml-layout-\/2 { margin-left: calc(var(--margin-left-layout) / 2); }

.lg\:m-default-\/1_5 { margin: calc(var(--margin-top-default) / 1.5) calc(var(--margin-right-default) / 1.5) calc(var(--margin-bottom-default) / 1.5) calc(var(--margin-left-default) / 1.5); }
.lg\:mx-default-\/1_5 { margin-left: calc(var(--margin-left-default) / 1.5); margin-right: calc(var(--margin-right-default) / 1.5); width: calc(100% - (calc(var(--margin-left-default) / 1.5) + calc(var(--margin-right-default) / 1.5))); }
.lg\:my-default-\/1_5 { margin-top: calc(var(--margin-top-default) / 1.5); margin-bottom: calc(var(--margin-bottom-default) / 1.5); }
.lg\:mt-default-\/1_5 { margin-top: calc(var(--margin-top-default) / 1.5); }
.lg\:mr-default-\/1_5 { margin-right: calc(var(--margin-right-default) / 1.5); }
.lg\:mb-default-\/1_5 { margin-bottom: calc(var(--margin-bottom-default) / 1.5); }
.lg\:ml-default-\/1_5 { margin-left: calc(var(--margin-left-default) / 1.5); }

.lg\:m-layout-\/1_5 { margin: calc(var(--margin-top-layout) / 1.5) calc(var(--margin-right-layout) / 1.5) calc(var(--margin-bottom-layout) / 1.5) calc(var(--margin-left-layout) / 1.5); }
.lg\:mx-layout-\/1_5 { margin-left: calc(var(--margin-left-layout) / 1.5); margin-right: calc(var(--margin-right-layout) / 1.5); width: calc(100% - (calc(var(--margin-left-layout) / 1.5) + calc(var(--margin-right-layout) / 1.5))); }
.lg\:my-layout-\/1_5 { margin-top: calc(var(--margin-top-layout) / 1.5); margin-bottom: calc(var(--margin-bottom-layout) / 1.5); }
.lg\:mt-layout-\/1_5 { margin-top: calc(var(--margin-top-layout) / 1.5); }
.lg\:mr-layout-\/1_5 { margin-right: calc(var(--margin-right-layout) / 1.5); }
.lg\:mb-layout-\/1_5 { margin-bottom: calc(var(--margin-bottom-layout) / 1.5); }
.lg\:ml-layout-\/1_5 { margin-left: calc(var(--margin-left-layout) / 1.5); }

.lg\:m-default { margin: var(--margin-top-default) var(--margin-right-default) var(--margin-bottom-default) var(--margin-left-default); }
.lg\:mx-default { margin-left: var(--margin-left-default); margin-right: var(--margin-right-default); width: calc(100% - (var(--margin-left-default) + var(--margin-right-default))); }
.lg\:my-default { margin-top: var(--margin-top-default); margin-bottom: var(--margin-bottom-default); }
.lg\:mt-default { margin-top: var(--margin-top-default); }
.lg\:mr-default { margin-right: var(--margin-right-default); }
.lg\:mb-default { margin-bottom: var(--margin-bottom-default); }
.lg\:ml-default { margin-left: var(--margin-left-default); }

.lg\:m-layout { margin: var(--margin-top-layout) var(--margin-right-layout) var(--margin-bottom-layout) var(--margin-left-layout); }
.lg\:mx-layout { margin-left: var(--margin-left-layout); margin-right: var(--margin-right-layout); width: calc(100% - (var(--margin-left-layout) + var(--margin-right-layout))); }
.lg\:my-layout { margin-top: var(--margin-top-layout); margin-bottom: var(--margin-bottom-layout); }
.lg\:mt-layout { margin-top: var(--margin-top-layout); }
.lg\:mr-layout { margin-right: var(--margin-right-layout); }
.lg\:mb-layout { margin-bottom: var(--margin-bottom-layout); }
.lg\:ml-layout { margin-left: var(--margin-left-layout); }

.lg\:m-default-x1_5 { margin: calc(var(--margin-top-default) * 1.5) calc(var(--margin-right-default) * 1.5) calc(var(--margin-bottom-default) * 1.5) calc(var(--margin-left-default) * 1.5); }
.lg\:mx-default-x1_5 { margin-left: calc(var(--margin-left-default) * 1.5); margin-right: calc(var(--margin-right-default) * 1.5); width: calc(100% - (calc(var(--margin-left-default) * 1.5) + calc(var(--margin-right-default) * 1.5))); }
.lg\:my-default-x1_5 { margin-top: calc(var(--margin-top-default) * 1.5); margin-bottom: calc(var(--margin-bottom-default) * 1.5); }
.lg\:mt-default-x1_5 { margin-top: calc(var(--margin-top-default) * 1.5); }
.lg\:mr-default-x1_5 { margin-right: calc(var(--margin-right-default) * 1.5); }
.lg\:mb-default-x1_5 { margin-bottom: calc(var(--margin-bottom-default) * 1.5); }
.lg\:ml-default-x1_5 { margin-left: calc(var(--margin-left-default) * 1.5); }

.lg\:m-layout-x1_5 { margin: calc(var(--margin-top-layout) * 1.5) calc(var(--margin-right-layout) * 1.5) calc(var(--margin-bottom-layout) * 1.5) calc(var(--margin-left-layout) * 1.5); }
.lg\:mx-layout-x1_5 { margin-left: calc(var(--margin-left-layout) * 1.5); margin-right: calc(var(--margin-right-layout) * 1.5); width: calc(100% - (calc(var(--margin-left-layout) * 1.5) + calc(var(--margin-right-layout) * 1.5))); }
.lg\:my-layout-x1_5 { margin-top: calc(var(--margin-top-layout) * 1.5); margin-bottom: calc(var(--margin-bottom-layout) * 1.5); }
.lg\:mt-layout-x1_5 { margin-top: calc(var(--margin-top-layout) * 1.5); }
.lg\:mr-layout-x1_5 { margin-right: calc(var(--margin-right-layout) * 1.5); }
.lg\:mb-layout-x1_5 { margin-bottom: calc(var(--margin-bottom-layout) * 1.5); }
.lg\:ml-layout-x1_5 { margin-left: calc(var(--margin-left-layout) * 1.5); }

.lg\:m-default-x2 { margin: calc(var(--margin-top-default) * 2) calc(var(--margin-right-default) * 2) calc(var(--margin-bottom-default) * 2) calc(var(--margin-left-default) * 2); }
.lg\:mx-default-x2 { margin-left: calc(var(--margin-left-default) * 2); margin-right: calc(var(--margin-right-default) * 2); width: calc(100% - (calc(var(--margin-left-default) * 2) + calc(var(--margin-right-default) * 2))); }
.lg\:my-default-x2 { margin-top: calc(var(--margin-top-default) * 2); margin-bottom: calc(var(--margin-bottom-default) * 2); }
.lg\:mt-default-x2 { margin-top: calc(var(--margin-top-default) * 2); }
.lg\:mr-default-x2 { margin-right: calc(var(--margin-right-default) * 2); }
.lg\:mb-default-x2 { margin-bottom: calc(var(--margin-bottom-default) * 2); }
.lg\:ml-default-x2 { margin-left: calc(var(--margin-left-default) * 2); }

.lg\:m-layout-x2 { margin: calc(var(--margin-top-layout) * 2) calc(var(--margin-right-layout) * 2) calc(var(--margin-bottom-layout) * 2) calc(var(--margin-left-layout) * 2); }
.lg\:mx-layout-x2 { margin-left: calc(var(--margin-left-layout) * 2); margin-right: calc(var(--margin-right-layout) * 2); width: calc(100% - (calc(var(--margin-left-layout) * 2) + calc(var(--margin-right-layout) * 2))); }
.lg\:my-layout-x2 { margin-top: calc(var(--margin-top-layout) * 2); margin-bottom: calc(var(--margin-bottom-layout) * 2); }
.lg\:mt-layout-x2 { margin-top: calc(var(--margin-top-layout) * 2); }
.lg\:mr-layout-x2 { margin-right: calc(var(--margin-right-layout) * 2); }
.lg\:mb-layout-x2 { margin-bottom: calc(var(--margin-bottom-layout) * 2); }
.lg\:ml-layout-x2 { margin-left: calc(var(--margin-left-layout) * 2); }

.lg\:m-default-x3 { margin: calc(var(--margin-top-default) * 3) calc(var(--margin-right-default) * 3) calc(var(--margin-bottom-default) * 3) calc(var(--margin-left-default) * 3); }
.lg\:mx-default-x3 { margin-left: calc(var(--margin-left-default) * 3); margin-right: calc(var(--margin-right-default) * 3); width: calc(100% - (calc(var(--margin-left-default) * 3) + calc(var(--margin-right-default) * 3))); }
.lg\:my-default-x3 { margin-top: calc(var(--margin-top-default) * 3); margin-bottom: calc(var(--margin-bottom-default) * 3); }
.lg\:mt-default-x3 { margin-top: calc(var(--margin-top-default) * 3); }
.lg\:mr-default-x3 { margin-right: calc(var(--margin-right-default) * 3); }
.lg\:mb-default-x3 { margin-bottom: calc(var(--margin-bottom-default) * 3); }
.lg\:ml-default-x3 { margin-left: calc(var(--margin-left-default) * 3); }

.lg\:m-layout-x3 { margin: calc(var(--margin-top-layout) * 3) calc(var(--margin-right-layout) * 3) calc(var(--margin-bottom-layout) * 3) calc(var(--margin-left-layout) * 3); }
.lg\:mx-layout-x3 { margin-left: calc(var(--margin-left-layout) * 3); margin-right: calc(var(--margin-right-layout) * 3); width: calc(100% - (calc(var(--margin-left-layout) * 3) + calc(var(--margin-right-layout) * 3))); }
.lg\:my-layout-x3 { margin-top: calc(var(--margin-top-layout) * 3); margin-bottom: calc(var(--margin-bottom-layout) * 3); }
.lg\:mt-layout-x3 { margin-top: calc(var(--margin-top-layout) * 3); }
.lg\:mr-layout-x3 { margin-right: calc(var(--margin-right-layout) * 3); }
.lg\:mb-layout-x3 { margin-bottom: calc(var(--margin-bottom-layout) * 3); }
.lg\:ml-layout-x3 { margin-left: calc(var(--margin-left-layout) * 3); }

.lg\:m-default-x4 { margin: calc(var(--margin-top-default) * 4) calc(var(--margin-right-default) * 4) calc(var(--margin-bottom-default) * 4) calc(var(--margin-left-default) * 4); }
.lg\:mx-default-x4 { margin-left: calc(var(--margin-left-default) * 4); margin-right: calc(var(--margin-right-default) * 4); width: calc(100% - (calc(var(--margin-left-default) * 4) + calc(var(--margin-right-default) * 4))); }
.lg\:my-default-x4 { margin-top: calc(var(--margin-top-default) * 4); margin-bottom: calc(var(--margin-bottom-default) * 4); }
.lg\:mt-default-x4 { margin-top: calc(var(--margin-top-default) * 4); }
.lg\:mr-default-x4 { margin-right: calc(var(--margin-right-default) * 4); }
.lg\:mb-default-x4 { margin-bottom: calc(var(--margin-bottom-default) * 4); }
.lg\:ml-default-x4 { margin-left: calc(var(--margin-left-default) * 4); }

.lg\:m-layout-x4 { margin: calc(var(--margin-top-layout) * 4) calc(var(--margin-right-layout) * 4) calc(var(--margin-bottom-layout) * 4) calc(var(--margin-left-layout) * 4); }
.lg\:mx-layout-x4 { margin-left: calc(var(--margin-left-layout) * 4); margin-right: calc(var(--margin-right-layout) * 4); width: calc(100% - (calc(var(--margin-left-layout) * 4) + calc(var(--margin-right-layout) * 4))); }
.lg\:my-layout-x4 { margin-top: calc(var(--margin-top-layout) * 4); margin-bottom: calc(var(--margin-bottom-layout) * 4); }
.lg\:mt-layout-x4 { margin-top: calc(var(--margin-top-layout) * 4); }
.lg\:mr-layout-x4 { margin-right: calc(var(--margin-right-layout) * 4); }
.lg\:mb-layout-x4 { margin-bottom: calc(var(--margin-bottom-layout) * 4); }
.lg\:ml-layout-x4 { margin-left: calc(var(--margin-left-layout) * 4); }

.lg\:m-default-x5 { margin: calc(var(--margin-top-default) * 5) calc(var(--margin-right-default) * 5) calc(var(--margin-bottom-default) * 5) calc(var(--margin-left-default) * 5); }
.lg\:mx-default-x5 { margin-left: calc(var(--margin-left-default) * 5); margin-right: calc(var(--margin-right-default) * 5); width: calc(100% - (calc(var(--margin-left-default) * 5) + calc(var(--margin-right-default) * 5))); }
.lg\:my-default-x5 { margin-top: calc(var(--margin-top-default) * 5); margin-bottom: calc(var(--margin-bottom-default) * 5); }
.lg\:mt-default-x5 { margin-top: calc(var(--margin-top-default) * 5); }
.lg\:mr-default-x5 { margin-right: calc(var(--margin-right-default) * 5); }
.lg\:mb-default-x5 { margin-bottom: calc(var(--margin-bottom-default) * 5); }
.lg\:ml-default-x5 { margin-left: calc(var(--margin-left-default) * 5); }

.lg\:m-layout-x5 { margin: calc(var(--margin-top-layout) * 5) calc(var(--margin-right-layout) * 5) calc(var(--margin-bottom-layout) * 5) calc(var(--margin-left-layout) * 5); }
.lg\:mx-layout-x5 { margin-left: calc(var(--margin-left-layout) * 5); margin-right: calc(var(--margin-right-layout) * 5); width: calc(100% - (calc(var(--margin-left-layout) * 5) + calc(var(--margin-right-layout) * 5))); }
.lg\:my-layout-x5 { margin-top: calc(var(--margin-top-layout) * 5); margin-bottom: calc(var(--margin-bottom-layout) * 5); }
.lg\:mt-layout-x5 { margin-top: calc(var(--margin-top-layout) * 5); }
.lg\:mr-layout-x5 { margin-right: calc(var(--margin-right-layout) * 5); }
.lg\:mb-layout-x5 { margin-bottom: calc(var(--margin-bottom-layout) * 5); }
.lg\:ml-layout-x5 { margin-left: calc(var(--margin-left-layout) * 5); }

.lg\:p { padding: var(--p); }
.lg\:py { padding-top: var(--py); padding-bottom: var(--py); }
.lg\:px { padding-right: var(--px); padding-left: var(--px); }
.lg\:pt { padding-top: var(--pt); }
.lg\:pr { padding-right: var(--pr); }
.lg\:pb { padding-bottom: var(--pb); }
.lg\:pl { padding-left: var(--pl); }

.lg\:p-default-\/5 { padding: calc(var(--padding-top-default) / 5) calc(var(--padding-right-default) / 5) calc(var(--padding-bottom-default) / 5) calc(var(--padding-left-default) / 5); }
.lg\:px-default-\/5 { padding-left: calc(var(--padding-left-default) / 5); padding-right: calc(var(--padding-right-default) / 5); }
.lg\:py-default-\/5 { padding-top: calc(var(--padding-top-default) / 5); padding-bottom: calc(var(--padding-bottom-default) / 5); }
.lg\:pt-default-\/5 { padding-top: calc(var(--padding-top-default) / 5); }
.lg\:pr-default-\/5 { padding-right: calc(var(--padding-right-default) / 5); }
.lg\:pb-default-\/5 { padding-bottom: calc(var(--padding-bottom-default) / 5); }
.lg\:pl-default-\/5 { padding-left: calc(var(--padding-left-default) / 5); }

.lg\:p-layout-\/5 { padding: calc(var(--padding-top-layout) / 5) calc(var(--padding-right-layout) / 5) calc(var(--padding-bottom-layout) / 5) calc(var(--padding-left-layout) / 5); }
.lg\:px-layout-\/5 { padding-left: calc(var(--padding-left-layout) / 5); padding-right: calc(var(--padding-right-layout) / 5); }
.lg\:py-layout-\/5 { padding-top: calc(var(--padding-top-layout) / 5); padding-bottom: calc(var(--padding-bottom-layout) / 5); }
.lg\:pt-layout-\/5 { padding-top: calc(var(--padding-top-layout) / 5); }
.lg\:pr-layout-\/5 { padding-right: calc(var(--padding-right-layout) / 5); }
.lg\:pb-layout-\/5 { padding-bottom: calc(var(--padding-bottom-layout) / 5); }
.lg\:pl-layout-\/5 { padding-left: calc(var(--padding-left-layout) / 5); }

.lg\:p-default-\/4 { padding: calc(var(--padding-top-default) / 4) calc(var(--padding-right-default) / 4) calc(var(--padding-bottom-default) / 4) calc(var(--padding-left-default) / 4); }
.lg\:px-default-\/4 { padding-left: calc(var(--padding-left-default) / 4); padding-right: calc(var(--padding-right-default) / 4); }
.lg\:py-default-\/4 { padding-top: calc(var(--padding-top-default) / 4); padding-bottom: calc(var(--padding-bottom-default) / 4); }
.lg\:pt-default-\/4 { padding-top: calc(var(--padding-top-default) / 4); }
.lg\:pr-default-\/4 { padding-right: calc(var(--padding-right-default) / 4); }
.lg\:pb-default-\/4 { padding-bottom: calc(var(--padding-bottom-default) / 4); }
.lg\:pl-default-\/4 { padding-left: calc(var(--padding-left-default) / 4); }

.lg\:p-layout-\/4 { padding: calc(var(--padding-top-layout) / 4) calc(var(--padding-right-layout) / 4) calc(var(--padding-bottom-layout) / 4) calc(var(--padding-left-layout) / 4); }
.lg\:px-layout-\/4 { padding-left: calc(var(--padding-left-layout) / 4); padding-right: calc(var(--padding-right-layout) / 4); }
.lg\:py-layout-\/4 { padding-top: calc(var(--padding-top-layout) / 4); padding-bottom: calc(var(--padding-bottom-layout) / 4); }
.lg\:pt-layout-\/4 { padding-top: calc(var(--padding-top-layout) / 4); }
.lg\:pr-layout-\/4 { padding-right: calc(var(--padding-right-layout) / 4); }
.lg\:pb-layout-\/4 { padding-bottom: calc(var(--padding-bottom-layout) / 4); }
.lg\:pl-layout-\/4 { padding-left: calc(var(--padding-left-layout) / 4); }

.lg\:p-default-\/3 { padding: calc(var(--padding-top-default) / 3) calc(var(--padding-right-default) / 3) calc(var(--padding-bottom-default) / 3) calc(var(--padding-left-default) / 3); }
.lg\:px-default-\/3 { padding-left: calc(var(--padding-left-default) / 3); padding-right: calc(var(--padding-right-default) / 3); }
.lg\:py-default-\/3 { padding-top: calc(var(--padding-top-default) / 3); padding-bottom: calc(var(--padding-bottom-default) / 3); }
.lg\:pt-default-\/3 { padding-top: calc(var(--padding-top-default) / 3); }
.lg\:pr-default-\/3 { padding-right: calc(var(--padding-right-default) / 3); }
.lg\:pb-default-\/3 { padding-bottom: calc(var(--padding-bottom-default) / 3); }
.lg\:pl-default-\/3 { padding-left: calc(var(--padding-left-default) / 3); }

.lg\:p-layout-\/3 { padding: calc(var(--padding-top-layout) / 3) calc(var(--padding-right-layout) / 3) calc(var(--padding-bottom-layout) / 3) calc(var(--padding-left-layout) / 3); }
.lg\:px-layout-\/3 { padding-left: calc(var(--padding-left-layout) / 3); padding-right: calc(var(--padding-right-layout) / 3); }
.lg\:py-layout-\/3 { padding-top: calc(var(--padding-top-layout) / 3); padding-bottom: calc(var(--padding-bottom-layout) / 3); }
.lg\:pt-layout-\/3 { padding-top: calc(var(--padding-top-layout) / 3); }
.lg\:pr-layout-\/3 { padding-right: calc(var(--padding-right-layout) / 3); }
.lg\:pb-layout-\/3 { padding-bottom: calc(var(--padding-bottom-layout) / 3); }
.lg\:pl-layout-\/3 { padding-left: calc(var(--padding-left-layout) / 3); }

.lg\:p-default-\/2 { padding: calc(var(--padding-top-default) / 2) calc(var(--padding-right-default) / 2) calc(var(--padding-bottom-default) / 2) calc(var(--padding-left-default) / 2); }
.lg\:px-default-\/2 { padding-left: calc(var(--padding-left-default) / 2); padding-right: calc(var(--padding-right-default) / 2); }
.lg\:py-default-\/2 { padding-top: calc(var(--padding-top-default) / 2); padding-bottom: calc(var(--padding-bottom-default) / 2); }
.lg\:pt-default-\/2 { padding-top: calc(var(--padding-top-default) / 2); }
.lg\:pr-default-\/2 { padding-right: calc(var(--padding-right-default) / 2); }
.lg\:pb-default-\/2 { padding-bottom: calc(var(--padding-bottom-default) / 2); }
.lg\:pl-default-\/2 { padding-left: calc(var(--padding-left-default) / 2); }

.lg\:p-layout-\/2 { padding: calc(var(--padding-top-layout) / 2) calc(var(--padding-right-layout) / 2) calc(var(--padding-bottom-layout) / 2) calc(var(--padding-left-layout) / 2); }
.lg\:px-layout-\/2 { padding-left: calc(var(--padding-left-layout) / 2); padding-right: calc(var(--padding-right-layout) / 2); }
.lg\:py-layout-\/2 { padding-top: calc(var(--padding-top-layout) / 2); padding-bottom: calc(var(--padding-bottom-layout) / 2); }
.lg\:pt-layout-\/2 { padding-top: calc(var(--padding-top-layout) / 2); }
.lg\:pr-layout-\/2 { padding-right: calc(var(--padding-right-layout) / 2); }
.lg\:pb-layout-\/2 { padding-bottom: calc(var(--padding-bottom-layout) / 2); }
.lg\:pl-layout-\/2 { padding-left: calc(var(--padding-left-layout) / 2); }

.lg\:p-default { padding: var(--padding-top-default) var(--padding-right-default) var(--padding-bottom-default) var(--padding-left-default); }
.lg\:px-default { padding-right: var(--padding-right-default); padding-left: var(--padding-left-default); }
.lg\:py-default { padding-top: var(--padding-top-default); padding-bottom: var(--padding-bottom-default); }
.lg\:pt-default { padding-top: var(--padding-top-default); }
.lg\:pr-default { padding-right: var(--padding-right-default); }
.lg\:pb-default { padding-bottom: var(--padding-bottom-default); }
.lg\:pl-default { padding-left: var(--padding-left-default); }

.lg\:p-layout { padding: var(--padding-top-layout) var(--padding-right-layout) var(--padding-bottom-layout) var(--padding-left-layout); }
.lg\:px-layout { padding-right: var(--padding-right-layout); padding-left: var(--padding-left-layout); }
.lg\:py-layout { padding-top: var(--padding-top-layout); padding-bottom: var(--padding-bottom-layout); }
.lg\:pt-layout { padding-top: var(--padding-top-layout); }
.lg\:pr-layout { padding-right: var(--padding-right-layout); }
.lg\:pb-layout { padding-bottom: var(--padding-bottom-layout); }
.lg\:pl-layout { padding-left: var(--padding-left-layout); }

.lg\:p-default-x1_5 { padding: calc(var(--padding-top-default) * 1.5) calc(var(--padding-right-default) * 1.5) calc(var(--padding-bottom-default) * 1.5) calc(var(--padding-left-default) * 1.5); }
.lg\:px-default-x1_5 { padding-left: calc(var(--padding-left-default) * 1.5); padding-right: calc(var(--padding-right-default) * 1.5); }
.lg\:py-default-x1_5 { padding-top: calc(var(--padding-top-default) * 1.5); padding-bottom: calc(var(--padding-bottom-default) * 1.5); }
.lg\:pt-default-x1_5 { padding-top: calc(var(--padding-top-default) * 1.5); }
.lg\:pr-default-x1_5 { padding-right: calc(var(--padding-right-default) * 1.5); }
.lg\:pb-default-x1_5 { padding-bottom: calc(var(--padding-bottom-default) * 1.5); }
.lg\:pl-default-x1_5 { padding-left: calc(var(--padding-left-default) * 1.5); }

.lg\:p-layout-x1_5 { padding: calc(var(--padding-top-layout) * 1.5) calc(var(--padding-right-layout) * 1.5) calc(var(--padding-bottom-layout) * 1.5) calc(var(--padding-left-layout) * 1.5); }
.lg\:px-layout-x1_5 { padding-left: calc(var(--padding-left-layout) * 1.5); padding-right: calc(var(--padding-right-layout) * 1.5); }
.lg\:py-layout-x1_5 { padding-top: calc(var(--padding-top-layout) * 1.5); padding-bottom: calc(var(--padding-bottom-layout) * 1.5); }
.lg\:pt-layout-x1_5 { padding-top: calc(var(--padding-top-layout) * 1.5); }
.lg\:pr-layout-x1_5 { padding-right: calc(var(--padding-right-layout) * 1.5); }
.lg\:pb-layout-x1_5 { padding-bottom: calc(var(--padding-bottom-layout) * 1.5); }
.lg\:pl-layout-x1_5 { padding-left: calc(var(--padding-left-layout) * 1.5); }

.lg\:p-default-x2 { padding: calc(var(--padding-top-default) * 2) calc(var(--padding-right-default) * 2) calc(var(--padding-bottom-default) * 2) calc(var(--padding-left-default) * 2); }
.lg\:px-default-x2 { padding-left: calc(var(--padding-left-default) * 2); padding-right: calc(var(--padding-right-default) * 2); }
.lg\:py-default-x2 { padding-top: calc(var(--padding-top-default) * 2); padding-bottom: calc(var(--padding-bottom-default) * 2); }
.lg\:pt-default-x2 { padding-top: calc(var(--padding-top-default) * 2); }
.lg\:pr-default-x2 { padding-right: calc(var(--padding-right-default) * 2); }
.lg\:pb-default-x2 { padding-bottom: calc(var(--padding-bottom-default) * 2); }
.lg\:pl-default-x2 { padding-left: calc(var(--padding-left-default) * 2); }

.lg\:p-layout-x2 { padding: calc(var(--padding-top-layout) * 2) calc(var(--padding-right-layout) * 2) calc(var(--padding-bottom-layout) * 2) calc(var(--padding-left-layout) * 2); }
.lg\:px-layout-x2 { padding-left: calc(var(--padding-left-layout) * 2); padding-right: calc(var(--padding-right-layout) * 2); }
.lg\:py-layout-x2 { padding-top: calc(var(--padding-top-layout) * 2); padding-bottom: calc(var(--padding-bottom-layout) * 2); }
.lg\:pt-layout-x2 { padding-top: calc(var(--padding-top-layout) * 2); }
.lg\:pr-layout-x2 { padding-right: calc(var(--padding-right-layout) * 2); }
.lg\:pb-layout-x2 { padding-bottom: calc(var(--padding-bottom-layout) * 2); }
.lg\:pl-layout-x2 { padding-left: calc(var(--padding-left-layout) * 2); }

.lg\:p-default-x3 { padding: calc(var(--padding-top-default) * 3) calc(var(--padding-right-default) * 3) calc(var(--padding-bottom-default) * 3) calc(var(--padding-left-default) * 3); }
.lg\:px-default-x3 { padding-left: calc(var(--padding-left-default) * 3); padding-right: calc(var(--padding-right-default) * 3); }
.lg\:py-default-x3 { padding-top: calc(var(--padding-top-default) * 3); padding-bottom: calc(var(--padding-bottom-default) * 3); }
.lg\:pt-default-x3 { padding-top: calc(var(--padding-top-default) * 3); }
.lg\:pr-default-x3 { padding-right: calc(var(--padding-right-default) * 3); }
.lg\:pb-default-x3 { padding-bottom: calc(var(--padding-bottom-default) * 3); }
.lg\:pl-default-x3 { padding-left: calc(var(--padding-left-default) * 3); }

.lg\:p-layout-x3 { padding: calc(var(--padding-top-layout) * 3) calc(var(--padding-right-layout) * 3) calc(var(--padding-bottom-layout) * 3) calc(var(--padding-left-layout) * 3); }
.lg\:px-layout-x3 { padding-left: calc(var(--padding-left-layout) * 3); padding-right: calc(var(--padding-right-layout) * 3); }
.lg\:py-layout-x3 { padding-top: calc(var(--padding-top-layout) * 3); padding-bottom: calc(var(--padding-bottom-layout) * 3); }
.lg\:pt-layout-x3 { padding-top: calc(var(--padding-top-layout) * 3); }
.lg\:pr-layout-x3 { padding-right: calc(var(--padding-right-layout) * 3); }
.lg\:pb-layout-x3 { padding-bottom: calc(var(--padding-bottom-layout) * 3); }
.lg\:pl-layout-x3 { padding-left: calc(var(--padding-left-layout) * 3); }

.lg\:p-default-x4 { padding: calc(var(--padding-top-default) * 4) calc(var(--padding-right-default) * 4) calc(var(--padding-bottom-default) * 4) calc(var(--padding-left-default) * 4); }
.lg\:px-default-x4 { padding-left: calc(var(--padding-left-default) * 4); padding-right: calc(var(--padding-right-default) * 4); }
.lg\:py-default-x4 { padding-top: calc(var(--padding-top-default) * 4); padding-bottom: calc(var(--padding-bottom-default) * 4); }
.lg\:pt-default-x4 { padding-top: calc(var(--padding-top-default) * 4); }
.lg\:pr-default-x4 { padding-right: calc(var(--padding-right-default) * 4); }
.lg\:pb-default-x4 { padding-bottom: calc(var(--padding-bottom-default) * 4); }
.lg\:pl-default-x4 { padding-left: calc(var(--padding-left-default) * 4); }

.lg\:p-layout-x4 { padding: calc(var(--padding-top-layout) * 4) calc(var(--padding-right-layout) * 4) calc(var(--padding-bottom-layout) * 4) calc(var(--padding-left-layout) * 4); }
.lg\:px-layout-x4 { padding-left: calc(var(--padding-left-layout) * 4); padding-right: calc(var(--padding-right-layout) * 4); }
.lg\:py-layout-x4 { padding-top: calc(var(--padding-top-layout) * 4); padding-bottom: calc(var(--padding-bottom-layout) * 4); }
.lg\:pt-layout-x4 { padding-top: calc(var(--padding-top-layout) * 4); }
.lg\:pr-layout-x4 { padding-right: calc(var(--padding-right-layout) * 4); }
.lg\:pb-layout-x4 { padding-bottom: calc(var(--padding-bottom-layout) * 4); }
.lg\:pl-layout-x4 { padding-left: calc(var(--padding-left-layout) * 4); }

.lg\:p-default-x5 { padding: calc(var(--padding-top-default) * 5) calc(var(--padding-right-default) * 5) calc(var(--padding-bottom-default) * 5) calc(var(--padding-left-default) * 5); }
.lg\:px-default-x5 { padding-left: calc(var(--padding-left-default) * 5); padding-right: calc(var(--padding-right-default) * 5); }
.lg\:py-default-x5 { padding-top: calc(var(--padding-top-default) * 5); padding-bottom: calc(var(--padding-bottom-default) * 5); }
.lg\:pt-default-x5 { padding-top: calc(var(--padding-top-default) * 5); }
.lg\:pr-default-x5 { padding-right: calc(var(--padding-right-default) * 5); }
.lg\:pb-default-x5 { padding-bottom: calc(var(--padding-bottom-default) * 5); }
.lg\:pl-default-x5 { padding-left: calc(var(--padding-left-default) * 5); }

.lg\:p-layout-x5 { padding: calc(var(--padding-top-layout) * 5) calc(var(--padding-right-layout) * 5) calc(var(--padding-bottom-layout) * 5) calc(var(--padding-left-layout) * 5); }
.lg\:px-layout-x5 { padding-left: calc(var(--padding-left-layout) * 5); padding-right: calc(var(--padding-right-layout) * 5); }
.lg\:py-layout-x5 { padding-top: calc(var(--padding-top-layout) * 5); padding-bottom: calc(var(--padding-bottom-layout) * 5); }
.lg\:pt-layout-x5 { padding-top: calc(var(--padding-top-layout) * 5); }
.lg\:pr-layout-x5 { padding-right: calc(var(--padding-right-layout) * 5); }
.lg\:pb-layout-x5 { padding-bottom: calc(var(--padding-bottom-layout) * 5); }
.lg\:pl-layout-x5 { padding-left: calc(var(--padding-left-layout) * 5); }
/****************************************************** FIM DEFAULT MARGINS/PADDINGS ******************************************************/

/********************************************************* CONTROLOS SHOW / HIDE **********************************************************/
.lg\:block, .group.selected .lg\:group-selected\:block { display: block; }
.lg\:inline, .group.selected .lg\:group-selected\:inline { display: inline; }
.lg\:inline-block, .group.selected .lg\:group-selected\:inline-block { display: inline-block; }
.lg\:flex, .group.selected .lg\:group-selected\:flex { display: flex; }
.lg\:inline-flex, .group.selected .lg\:group-selected\:inline-flex { display: inline-flex; }
.lg\:grid, .group.selected .lg\:group-selected\:grid { display: grid; }
.lg\:inline-grid, .group.selected .lg\:group-selected\:inline-grid { display: inline-grid; }
.lg\:table, .group.selected .lg\:group-selected\:table { display: table; }
.lg\:table-row, .group.selected .lg\:group-selected\:table-row { display: table-row; }
.lg\:table-cell, .group.selected .lg\:group-selected\:table-cell { display: table-cell; }
.lg\:hidden, .group.selected .lg\:group-selected\:none { display: none; }
/******************************************************* FIM CONTROLOS SHOW / HIDE ********************************************************/
/**************************************************************** OVERFLOW ****************************************************************/
.lg\:overflow-auto{ overflow: auto; }
.lg\:overflow-hidden{ overflow: hidden; }
.lg\:overflow-clip{ overflow: clip; }
.lg\:overflow-visible{ overflow: visible; }
.lg\:overflow-scroll{ overflow: scroll; }
.lg\:overflow-x-auto{ overflow-x: auto; }
.lg\:overflow-y-auto{ overflow-y: auto; }
.lg\:overflow-x-hidden{ overflow-x: hidden; }
.lg\:overflow-y-hidden{ overflow-y: hidden; }
.lg\:overflow-x-clip{ overflow-x: clip; }
.lg\:overflow-y-clip{ overflow-y: clip; }
.lg\:overflow-x-visible{ overflow-x: visible; }
.lg\:overflow-y-visible{ overflow-y: visible; }
.lg\:overflow-x-scroll{ overflow-x: scroll; }
.lg\:overflow-y-scroll{ overflow-y: scroll; }
/************************************************************** FIM OVERFLOW **************************************************************/
/************************************************************** POSITIONING ***************************************************************/
.lg\:static { position: static; }
.lg\:relative { position: relative; }
.lg\:absolute { position: absolute; }
.lg\:fixed { position: fixed; }
.lg\:sticky { position: sticky; }

.lg\:top-0 { top: 0; }
.lg\:top-50 { top: 50%; }
.lg\:top-100 { top: 100%; }
.lg\:top { top: var(--top); }

.lg\:bottom-0 { bottom: 0; }
.lg\:bottom-50 { bottom: 50%; }
.lg\:bottom-100 { bottom: 100%; }
.lg\:bottom { bottom: var(--bottom); }

.lg\:left-0 { left: 0; }
.lg\:left-50 { left: 50%; }
.lg\:left-100 { left: 100%; }
.lg\:left { left: var(--left); }

.lg\:right-0 { right: 0; }
.lg\:right-50 { right: 50%; }
.lg\:right-100 { right: 100%; }
.lg\:right { right: var(--right); }

.group.active .lg\:group-active\:translate-x-0, .group.selected .lg\:group-selected\:translate-x-0, .group:hover .lg\:group-hover\:translate-x-0, .lg\:hover\:translate-x-0:hover, .lg\:translate-x-0 { --icono2-translate-x: 0; }
.group.active .lg\:group-active\:translate-x-50, .group.selected .lg\:group-selected\:translate-x-50, .group:hover .lg\:group-hover\:translate-x-50, .lg\:hover\:translate-x-50:hover, .lg\:translate-x-50 { --icono2-translate-x: 50%; }
.group.active .lg\:group-active\:-translate-x-50, .group.selected .lg\:group-selected\:-translate-x-50, .group:hover .lg\:group-hover\:-translate-x-50, .lg\:hover\:-translate-x-50:hover, .lg\:-translate-x-50 { --icono2-translate-x: -50%; }
.group.active .lg\:group-active\:translate-x-full, .group.selected .lg\:group-selected\:translate-x-full, .group:hover .lg\:group-hover\:translate-x-full, .lg\:hover\:translate-x-full:hover, .lg\:translate-x-full { --icono2-translate-x: 100%; }
.group.active .lg\:group-active\:-translate-x-full, .group.selected .lg\:group-selected\:-translate-x-full, .group:hover .lg\:group-hover\:-translate-x-full, .lg\:hover\:-translate-x-full:hover, .lg\:-translate-x-full { --icono2-translate-x: -100%; }
.group.active .lg\:group-active\:translate-y-0, .group.selected .lg\:group-selected\:translate-y-0, .group:hover .lg\:group-hover\:translate-y-0, .lg\:hover\:translate-y-0:hover, .lg\:translate-y-0 { --icono2-translate-y: 0; }
.group.active .lg\:group-active\:translate-y-50, .group.selected .lg\:group-selected\:translate-y-50, .group:hover .lg\:group-hover\:translate-y-50, .lg\:hover\:translate-y-50:hover, .lg\:translate-y-50 { --icono2-translate-y: 50%; }
.group.active .lg\:group-active\:-translate-y-50, .group.selected .lg\:group-selected\:-translate-y-50, .group:hover .lg\:group-hover\:-translate-y-50, .lg\:hover\:-translate-y-50:hover, .lg\:-translate-y-50 { --icono2-translate-y: -50%; }
.group.active .lg\:group-active\:translate-y-full, .group.selected .lg\:group-selected\:translate-y-full, .group:hover .lg\:group-hover\:translate-y-full, .lg\:hover\:translate-y-full:hover, .lg\:translate-y-full { --icono2-translate-y: 100%; }
.group.active .lg\:group-active\:-translate-y-full, .group.selected .lg\:group-selected\:-translate-y-full, .group:hover .lg\:group-hover\:-translate-y-full, .lg\:hover\:-translate-y-full:hover, .lg\:-translate-y-full { --icono2-translate-y: -100%; }
.group.active .lg\:group-active\:translate-50, .group.selected .lg\:group-selected\:translate-50, .group:hover .lg\:group-hover\:translate-50, .lg\:hover\:translate-50:hover, .lg\:translate-50 { --icono2-translate-x: 50%; --icono2-translate-y: 50%; }
.group.active .lg\:group-active\:-translate-50, .group.selected .lg\:group-selected\:-translate-50, .group:hover .lg\:group-hover\:-translate-50, .lg\:hover\:-translate-50:hover, .lg\:-translate-50 { --icono2-translate-x: -50%; --icono2-translate-y: -50%; }
.group.active .lg\:group-active\:translate-x, .group.selected .lg\:group-selected\:translate-x, .group:hover .lg\:group-hover\:translate-x, .lg\:hover\:translate-x:hover, .lg\:translate-x { --icono2-translate-x: var(--translate-x); }
.group.active .lg\:group-active\:translate-x-anim, .group.selected .lg\:group-selected\:translate-x-anim, .group:hover .lg\:group-hover\:translate-x-anim, .lg\:hover\:translate-x-anim:hover { --icono2-translate-x: var(--translate-x-anim); }
.group.active .lg\:group-active\:translate-y, .group.selected .lg\:group-selected\:translate-y, .group:hover .lg\:group-hover\:translate-y, .lg\:hover\:translate-y:hover, .lg\:translate-y { --icono2-translate-y: var(--translate-y); }
.group.active .lg\:group-active\:translate-y-anim, .group.selected .lg\:group-selected\:translate-y-anim, .group:hover .lg\:group-hover\:translate-y-anim, .lg\:hover\:translate-y-anim:hover { --icono2-translate-y: var(--translate-y-anim); }
.group.active .lg\:group-active\:scale, .group.selected .lg\:group-selected\:scale, .group:hover .lg\:group-hover\:scale, .lg\:hover\:scale:hover, .lg\:scale { --icono2-scale: var(--scale); }
.group.active .lg\:group-active\:scale-anim, .group.selected .lg\:group-selected\:scale-anim, .group:hover .lg\:group-hover\:scale-anim, .lg\:hover\:scale-anim:hover, .lg\:scale-anim { --icono2-scale-anim: var(--scale-anim); }
.group.active .lg\:group-active\:scale-100, .group.selected .lg\:group-selected\:scale-100, .group:hover .lg\:group-hover\:scale-100, .lg\:hover\:scale-100:hover, .lg\:scale-100 { --icono2-scale: 1; }
.group.active .lg\:group-active\:scale-anim-100, .group.selected .lg\:group-selected\:scale-anim-100, .group:hover .lg\:group-hover\:scale-anim-100, .lg\:hover\:scale-anim-100:hover, .lg\:scale-anim-100 { --icono2-scale-anim: 1; }
.group.active .lg\:group-active\:scale-110, .group.selected .lg\:group-selected\:scale-110, .group:hover .lg\:group-hover\:scale-110, .lg\:hover\:scale-110:hover, .lg\:scale-110 { --icono2-scale: 1.1; }
.group.active .lg\:group-active\:scale-anim-110, .group.selected .lg\:group-selected\:scale-anim-110, .group:hover .lg\:group-hover\:scale-anim-110, .lg\:hover\:scale-anim-110:hover, .lg\:scale-anim-110 { --icono2-scale-anim: 1.1; }
.group.active .lg\:group-active\:scale-125, .group.selected .lg\:group-selected\:scale-125, .group:hover .lg\:group-hover\:scale-125, .lg\:hover\:scale-125:hover, .lg\:scale-125 { --icono2-scale: 1.25; }
.group.active .lg\:group-active\:scale-anim-125, .group.selected .lg\:group-selected\:scale-anim-125, .group:hover .lg\:group-hover\:scale-anim-125, .lg\:hover\:scale-anim-125:hover, .lg\:scale-anim-125 { --icono2-scale-anim: 1.25; }
.group.active .lg\:group-active\:scale-150, .group.selected .lg\:group-selected\:scale-150, .group:hover .lg\:group-hover\:scale-150, .lg\:hover\:scale-150:hover, .lg\:scale-150 { --icono2-scale: 1.5; }
.group.active .lg\:group-active\:scale-anim-150, .group.selected .lg\:group-selected\:scale-anim-150, .group:hover .lg\:group-hover\:scale-anim-150, .lg\:hover\:scale-anim-150:hover, .lg\:scale-anim-150 { --icono2-scale-anim: 1.5; }
.group.active .lg\:group-active\:scale-200, .group.selected .lg\:group-selected\:scale-200, .group:hover .lg\:group-hover\:scale-200, .lg\:hover\:scale-200:hover, .lg\:scale-200 { --icono2-scale: 2; }
.group.active .lg\:group-active\:scale-anim-200, .group.selected .lg\:group-selected\:scale-anim-200, .group:hover .lg\:group-hover\:scale-anim-200, .lg\:hover\:scale-anim-200:hover, .lg\:scale-anim-200 { --icono2-scale-anim: 2; }
.group.active .lg\:group-active\:rotate-0, .group.selected .lg\:group-selected\:rotate-0, .group:hover .lg\:group-hover\:rotate-0, .lg\:hover\:rotate-0:hover, .lg\:rotate-0 { --icono2-rotate: 0deg; }
.group.active .lg\:group-active\:rotate-45, .group.selected .lg\:group-selected\:rotate-45, .group:hover .lg\:group-hover\:rotate-45, .lg\:hover\:rotate-45:hover, .lg\:rotate-45 { --icono2-rotate: 45deg; }
.group.active .lg\:group-active\:rotate-90, .group.selected .lg\:group-selected\:rotate-90, .group:hover .lg\:group-hover\:rotate-90, .lg\:hover\:rotate-90:hover, .lg\:rotate-90 { --icono2-rotate: 90deg; }
.group.active .lg\:group-active\:rotate-180, .group.selected .lg\:group-selected\:rotate-180, .group:hover .lg\:group-hover\:rotate-180, .lg\:hover\:rotate-180:hover, .lg\:rotate-180 { --icono2-rotate: 180deg; }
.group.active .lg\:group-active\:rotate-270, .group.selected .lg\:group-selected\:rotate-270, .group:hover .lg\:group-hover\:rotate-270, .lg\:hover\:rotate-270:hover, .lg\:rotate-270 { --icono2-rotate: 270deg; }
.group.active .lg\:group-active\:translate-x-0, .group.selected .lg\:group-selected\:translate-x-0, .group:hover .lg\:group-hover\:translate-x-0, .lg\:hover\:translate-x-0:hover, .lg\:translate-x-0,
.group.active .lg\:group-active\:translate-x-50, .group.selected .lg\:group-selected\:translate-x-50, .group:hover .lg\:group-hover\:translate-x-50, .lg\:hover\:translate-x-50:hover, .lg\:translate-x-50,
.group.active .lg\:group-active\:-translate-x-50, .group.selected .lg\:group-selected\:-translate-x-50, .group:hover .lg\:group-hover\:-translate-x-50, .lg\:hover\:-translate-x-50:hover, .lg\:-translate-x-50,
.group.active .lg\:group-active\:translate-x-full, .group.selected .lg\:group-selected\:translate-x-full, .group:hover .lg\:group-hover\:translate-x-full, .lg\:hover\:translate-x-full:hover, .lg\:translate-x-full,
.group.active .lg\:group-active\:-translate-x-full, .group.selected .lg\:group-selected\:-translate-x-full, .group:hover .lg\:group-hover\:-translate-x-full, .lg\:hover\:-translate-x-full:hover, .lg\:-translate-x-full,
.group.active .lg\:group-active\:translate-y-0, .group.selected .lg\:group-selected\:translate-y-0, .group:hover .lg\:group-hover\:translate-y-0, .lg\:hover\:translate-y-0:hover, .lg\:translate-y-0,
.group.active .lg\:group-active\:translate-y-50, .group.selected .lg\:group-selected\:translate-y-50, .group:hover .lg\:group-hover\:translate-y-50, .lg\:hover\:translate-y-50:hover, .lg\:translate-y-50,
.group.active .lg\:group-active\:-translate-y-50, .group.selected .lg\:group-selected\:-translate-y-50, .group:hover .lg\:group-hover\:-translate-y-50, .lg\:hover\:-translate-y-50:hover, .lg\:-translate-y-50,
.group.active .lg\:group-active\:translate-y-full, .group.selected .lg\:group-selected\:translate-y-full, .group:hover .lg\:group-hover\:translate-y-full, .lg\:hover\:translate-y-full:hover, .lg\:translate-y-full,
.group.active .lg\:group-active\:-translate-y-full, .group.selected .lg\:group-selected\:-translate-y-full, .group:hover .lg\:group-hover\:-translate-y-full, .lg\:hover\:-translate-y-full:hover, .lg\:-translate-y-full,
.group.active .lg\:group-active\:translate-50, .group.selected .lg\:group-selected\:translate-50, .group:hover .lg\:group-hover\:translate-50, .lg\:hover\:translate-50:hover, .lg\:translate-50,
.group.active .lg\:group-active\:-translate-50, .group.selected .lg\:group-selected\:-translate-50, .group:hover .lg\:group-hover\:-translate-50, .lg\:hover\:-translate-50:hover, .lg\:-translate-50,
.group.active .lg\:group-active\:translate-x, .group.selected .lg\:group-selected\:translate-x, .group:hover .lg\:group-hover\:translate-x, .lg\:hover\:translate-x:hover, .lg\:translate-x,
.group.active .lg\:group-active\:translate-y, .group.selected .lg\:group-selected\:translate-y, .group:hover .lg\:group-hover\:translate-y, .lg\:hover\:translate-y:hover, .lg\:translate-y,
.group.active .lg\:group-active\:scale-100, .group.selected .lg\:group-selected\:scale-100, .group:hover .lg\:group-hover\:scale-100, .lg\:hover\:scale-100:hover, .lg\:scale-100,
.group.active .lg\:group-active\:scale-110, .group.selected .lg\:group-selected\:scale-110, .group:hover .lg\:group-hover\:scale-110, .lg\:hover\:scale-110:hover, .lg\:scale-110,
.group.active .lg\:group-active\:scale-125, .group.selected .lg\:group-selected\:scale-125, .group:hover .lg\:group-hover\:scale-125, .lg\:hover\:scale-125:hover, .lg\:scale-125,
.group.active .lg\:group-active\:scale-150, .group.selected .lg\:group-selected\:scale-150, .group:hover .lg\:group-hover\:scale-150, .lg\:hover\:scale-150:hover, .lg\:scale-150,
.group.active .lg\:group-active\:scale-200, .group.selected .lg\:group-selected\:scale-200, .group:hover .lg\:group-hover\:scale-200, .lg\:hover\:scale-200:hover, .lg\:scale-200,
.group.active .lg\:group-active\:rotate-0, .group.selected .lg\:group-selected\:rotate-0, .group:hover .lg\:group-hover\:rotate-0, .lg\:hover\:rotate-0:hover, .lg\:rotate-0,
.group.active .lg\:group-active\:rotate-45, .group.selected .lg\:group-selected\:rotate-45, .group:hover .lg\:group-hover\:rotate-45, .lg\:hover\:rotate-45:hover, .lg\:rotate-45,
.group.active .lg\:group-active\:rotate-90, .group.selected .lg\:group-selected\:rotate-90, .group:hover .lg\:group-hover\:rotate-90, .lg\:hover\:rotate-90:hover, .lg\:rotate-90,
.group.active .lg\:group-active\:rotate-180, .group.selected .lg\:group-selected\:rotate-180, .group:hover .lg\:group-hover\:rotate-180, .lg\:hover\:rotate-180:hover, .lg\:rotate-180,
.group.active .lg\:group-active\:rotate-270:not(.group .group-active\:rotate-270 *), .group.selected .lg\:group-selected\:rotate-270, .group:hover .lg\:group-hover\:rotate-270, .lg\:hover\:rotate-270:hover, .lg\:rotate-270,
.lg\:hoverimg-child, .lg\:transform { transform: translateX(var(--icono2-translate-x)) translateY(var(--icono2-translate-y)) rotate(var(--icono2-rotate)) scale(var(--icono2-scale)); }

.lg\:-z-1 { z-index: -1; }
.lg\:z-0 { z-index: 0; }
.lg\:z-1 { z-index: 1; }
.lg\:z-2 { z-index: 2; }
.lg\:z-3 { z-index: 3; }
.lg\:z-4 { z-index: 4; }
.lg\:z-5 { z-index: 5; }
.lg\:z-6 { z-index: 6; }
.lg\:z-7 { z-index: 7; }
.lg\:z-8 { z-index: 8; }
.lg\:z-9 { z-index: 9; }
.lg\:z-10 { z-index: 10; }
.lg\:z-11 { z-index: 11; }
.lg\:z-12 { z-index: 12; }
.lg\:z-13 { z-index: 13; }
.lg\:z-14 { z-index: 14; }
.lg\:z-15 { z-index: 15; }
.lg\:z-16 { z-index: 16; }
.lg\:z-17 { z-index: 17; }
.lg\:z-18 { z-index: 18; }
.lg\:z-19 { z-index: 19; }
.lg\:z-20 { z-index: 20; }
.lg\:z-50 { z-index: 50; }
.lg\:z-100 { z-index: 100; }
.lg\:z-auto { z-index: auto; }

.lg\:float-right{ float: right; }
.lg\:float-left{ float: left; }
.lg\:float-start{ float: inline-start; }
.lg\:float-end{ float: inline-end; }
.lg\:float-none{ float: none; }

.lg\:clear-left{ clear: left; }
.lg\:clear-right{ clear: right; }
.lg\:clear-both{ clear: both; }
.lg\:clear-start{ clear: inline-start; }
.lg\:clear-end{ clear: inline-end; }
.lg\:clear-none{ clear: none; }
/************************************************************ FIM POSITIONING *************************************************************/

.lg\:text-left{ text-align: left; }
.lg\:text-center{ text-align: center; }
.lg\:text-right{ text-align: right; }
.lg\:text-justify{ text-align: justify; }
.lg\:text-start{ text-align: start; }
.lg\:text-end{ text-align: end; }

.lg\:writing-mode-vlr{ writing-mode: vertical-lr; }

/************************************************************** ASPECT_RATIO **************************************************************/
.lg\:ratio-1{ --ratio-w: 1; --ratio-h: 1; }
.lg\:ratio-4\/3{ --ratio-w: 4; --ratio-h: 3; }
.lg\:ratio-16\/9{ --ratio-w: 16; --ratio-h: 9; }
.lg\:ratio-9\/16{ --ratio-w: 9; --ratio-h: 16; }
.lg\:ratio-1, .lg\:ratio-4\/3, .lg\:ratio-16\/9, .lg\:ratio-9\/16, .lg\:ratio{ aspect-ratio: var(--ratio-w)/var(--ratio-h); }

@supports not (aspect-ratio: 1/1) {
  .lg\:ratio::before, .lg\:ratio-1::before, .lg\:ratio-4\/3::before, .lg\:ratio-16\/9::before, .lg\:ratio-9\/16::before{ float: left; padding-top: calc((var(--ratio-h) / var(--ratio-w)) * 100%); content: ""; }
  .lg\:ratio > div:nth-child(1), .lg\:ratio-1 > div:nth-child(1), .lg\:ratio-4\/3 > div:nth-child(1), .lg\:ratio-16\/9 > div:nth-child(1), .lg\:ratio-9\/16 > div:nth-child(1){ position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
  .lg\:ratio::after, .lg\:ratio-1::after, .lg\:ratio-4\/3::after, .lg\:ratio-16\/9::after, .lg\:ratio-9\/16::after{display: block; content: ""; clear: both;}
}
/************************************************************ FIM ASPECT_RATIO ************************************************************/


/*********************************************************** DEFAULTS FLEX/GRID ***********************************************************/
/*************************************************************** DIRECTION ****************************************************************/
.lg\:flex-row{ flex-direction: row; }
.lg\:flex-row-reverse{ flex-direction: row-reverse; }
.lg\:flex-col{ flex-direction: column; }
.lg\:flex-col-reverse{ flex-direction: column-reverse; }
/************************************************************* FIM DIRECTION **************************************************************/
/****************************************************************** WRAP ******************************************************************/
.lg\:flex-nowrap{ flex-wrap: nowrap; }
.lg\:flex-wrap{ flex-wrap: wrap; }
.lg\:flex-wrap-reverse{ flex-wrap: wrap-reverse; }
/**************************************************************** FIM WRAP ****************************************************************/
/****************************************************************** GROW ******************************************************************/
.lg\:flex-grow{ flex-grow: var(--flex-grow); }
.lg\:flex-grow-1{ flex-grow: 1; }
.lg\:flex-nogrow{ flex-grow: 0; }
/**************************************************************** FIM GROW ****************************************************************/
/***************************************************************** SHRINK *****************************************************************/
.lg\:flex-shrink{ flex-shrink: var(--flex-shrink); }
.lg\:flex-shrink-1{ flex-shrink: 1; }
.lg\:flex-noshrink{ flex-shrink: 0; }
/*************************************************************** FIM SHRINK ***************************************************************/
/*************************************************************** FLEX-BASIS ***************************************************************/
.lg\:basis{ flex-basis: var(--basis); }
.lg\:basis-full{ flex-basis: 100%; }
.lg\:basis-0{ flex-basis: 0%; }
.lg\:basis-1\/12 { flex-basis: 8.333%; }
.lg\:basis-1\/10 { flex-basis: 10%; }
.lg\:basis-1\/8 { flex-basis: 12.5%; }
.lg\:basis-1\/6, .basis-2\/12 { flex-basis: 16.667%; }
.lg\:basis-1\/5, .basis-2\/10 { flex-basis: 20%; }
.lg\:basis-1\/4, .basis-2\/8, .basis-3\/12 { flex-basis: 25%; }
.lg\:basis-3\/10 { flex-basis: 30%; }
.lg\:basis-1\/3, .basis-2\/6, .basis-4\/12 { flex-basis: 33.333%; }
.lg\:basis-3\/8 { flex-basis: 37.5%; }
.lg\:basis-2\/5, .basis-4\/10 { flex-basis: 40%; }
.lg\:basis-5\/12 { flex-basis: 41.667%; }
.lg\:basis-1\/2, .basis-2\/4, .basis-3\/6, .basis-4\/8, .basis-5\/10, .basis-6\/12 { flex-basis: 50%; }
.lg\:basis-7\/12 { flex-basis: 58.333%; }
.lg\:basis-3\/5, .basis-6\/10 { flex-basis: 60%; }
.lg\:basis-5\/8 { flex-basis: 62.5%; }
.lg\:basis-2\/3 { flex-basis: 66.666%; }
.lg\:basis-4\/6, .basis-8\/12 { flex-basis: 66.667%; }
.lg\:basis-7\/10 { flex-basis: 70%; }
.lg\:basis-3\/4, .basis-6\/8, .basis-9\/12 { flex-basis: 75%; }
.lg\:basis-4\/5, .basis-8\/10 { flex-basis: 80%; }
.lg\:basis-5\/6, .basis-10\/12 { flex-basis: 83.333%; }
.lg\:basis-7\/8 { flex-basis: 87.5%; }
.lg\:basis-9\/10 { flex-basis: 90%; }
.lg\:basis-11\/12 { flex-basis: 91.667%; }
/************************************************************* FIM FLEX-BASIS *************************************************************/

/****************************************************************** GROW ******************************************************************/
.lg\:gap-x-0{ column-gap: 0; }
.lg\:gap-y-0{ row-gap: 0; }
.lg\:gap-x{ column-gap: var(--gap-x); }
.lg\:gap-y{ row-gap: var(--gap-y); }
/**************************************************************** FIM GROW ****************************************************************/
/************************************************************ JUSTIFY CONTENT *************************************************************/
.lg\:justify-start{ justify-content: flex-start; }
.lg\:justify-end{ justify-content: flex-end; }
.lg\:justify-center{ justify-content: center; }
.lg\:justify-between{ justify-content: space-between; }
.lg\:justify-around{ justify-content: space-around; }
.lg\:justify-evenly{ justify-content: space-evenly; }
.lg\:justify-stretch{ justify-content: stretch; }
.lg\:justify-baseline{ justify-content: baseline; }
.lg\:justify-normal{ justify-content: normal; }
/********************************************************** FIM JUSTIFY CONTENT ***********************************************************/
/************************************************************* JUSTIFY ITEMS **************************************************************/
.lg\:justify-items-start{ justify-items: start; }
.lg\:justify-items-end{ justify-items: end; }
.lg\:justify-items-center{ justify-items: center; }
.lg\:justify-items-stretch{ justify-items: stretch; }
.lg\:justify-items-normal{ justify-items: normal; }
/*********************************************************** FIM JUSTIFY ITEMS ************************************************************/
/************************************************************** ALIGN ITEMS ***************************************************************/
.lg\:items-start{ align-items: flex-start; }
.lg\:items-end{ align-items: flex-end; }
.lg\:items-center{ align-items: center; }
.lg\:items-baseline{ align-items: baseline; }
.lg\:items-stretch{ align-items: stretch; }
/************************************************************ FIM ALIGN ITEMS *************************************************************/
/*************************************************************** ALIGN SELF ***************************************************************/
.lg\:self-auto{ align-self: auto; }
.lg\:self-start{ align-self: flex-start; }
.lg\:self-end{ align-self: flex-end; }
.lg\:self-center{ align-self: center; }
.lg\:self-stretch{ align-self: stretch; }
.lg\:self-baseline{ align-self: baseline; }
/************************************************************* FIM ALIGN SELF *************************************************************/
.lg\:auto-cols-auto{ grid-auto-columns: auto; }
.lg\:auto-cols-min{ grid-auto-columns: min-content; }
.lg\:auto-cols-max{ grid-auto-columns: max-content; }
.lg\:auto-cols-fr{ grid-auto-columns: minmax(0, 1fr); }

.lg\:template-cols-fr{ grid-template-rows: minmax(0, 1fr); }

/********************************************************* FIM DEFAULTS FLEX/GRID *********************************************************/

.lg\:whitespace-normal{ white-space: normal; }
.lg\:whitespace-nowrap{ white-space: nowrap; }
.lg\:whitespace-pre{ white-space: pre; }
.lg\:whitespace-pre-line{ white-space: pre-line; }
.lg\:whitespace-pre-wrap{ white-space: pre-wrap; }
.lg\:whitespace-break-spaces{ white-space: break-spaces; }

.lg\:text-wrap{ text-wrap: wrap; }
.lg\:text-nowrap{ text-wrap: nowrap; }
.lg\:text-balance{ text-wrap: balance; }
.lg\:text-pretty{ text-wrap: pretty; }

.lg\:whitespace-normal{ white-space: normal; }
.lg\:whitespace-nowrap{ white-space: nowrap; }
.lg\:whitespace-pre{ white-space: pre; }
.lg\:whitespace-pre-line{ white-space: pre-line; }
.lg\:whitespace-pre-wrap{ white-space: pre-wrap; }
.lg\:whitespace-break-spaces{ white-space: break-spaces; }

.lg\:object-contain{ object-fit: contain; }
.lg\:object-cover{ object-fit: cover; }
.lg\:object-fill{ object-fit: fill; }
.lg\:object-none{ object-fit: none; }
.lg\:object-scale-down{ object-fit: scale-down; }

/***************************************************************** WIDTHS *****************************************************************/
.lg\:w{ width: var(--w); }
.lg\:w-0{ width: 0; }
.lg\:w-auto{ width: auto; }
.lg\:w-full{ width: 100%; }
.lg\:w-screen{ width: 100vw; }

.lg\:w-1\/12 { width: 8.333%; }
.lg\:w-1\/10 { width: 10%; }
.lg\:w-1\/8 { width: 12.5%; }
.lg\:w-1\/6, .lg\:w-2\/12 { width: 16.667%; }
.lg\:w-1\/5, .lg\:w-2\/10 { width: 20%; }
.lg\:w-1\/4, .lg\:w-2\/8, .lg\:w-3\/12 { width: 25%; }
.lg\:w-3\/10 { width: 30%; }
.lg\:w-1\/3, .lg\:w-2\/6, .lg\:w-4\/12 { width: 33.333%; }
.lg\:w-3\/8 { width: 37.5%; }
.lg\:w-2\/5, .lg\:w-4\/10 { width: 40%; }
.lg\:w-5\/12 { width: 41.667%; }
.lg\:w-1\/2, .lg\:w-2\/4, .lg\:w-3\/6, .lg\:w-4\/8, .lg\:w-5\/10, .lg\:w-6\/12 { width: 50%; }
.lg\:w-7\/12 { width: 58.333%; }
.lg\:w-3\/5, .lg\:w-6\/10 { width: 60%; }
.lg\:w-5\/8 { width: 62.5%; }
.lg\:w-2\/3 { width: 66.666%; }
.lg\:w-4\/6, .lg\:w-8\/12 { width: 66.667%; }
.lg\:w-7\/10 { width: 70%; }
.lg\:w-3\/4, .lg\:w-6\/8, .lg\:w-9\/12 { width: 75%; }
.lg\:w-4\/5, .lg\:w-8\/10 { width: 80%; }
.lg\:w-5\/6, .lg\:w-10\/12 { width: 83.333%; }
.lg\:w-7\/8 { width: 87.5%; }
.lg\:w-9\/10 { width: 90%; }
.lg\:w-11\/12 { width: 91.667%; }

/*************************************************************** FIM WIDTHS ***************************************************************/

/*************************************************************** MAX WIDTHS ***************************************************************/
.lg\:min-w{ min-width: var(--min-w); }
.lg\:min-w-0{ min-width: 0; }
.lg\:min-w-full{ min-width: 100%; }
.lg\:min-w-screen{ min-width: 100vw; }

.lg\:min-w-1\/12 { min-width: 8.333%; }
.lg\:min-w-1\/10 { min-width: 10%; }
.lg\:min-w-1\/8 { min-width: 12.5%; }
.lg\:min-w-1\/6, .lg\:min-w-2\/12 { min-width: 16.667%; }
.lg\:min-w-1\/5, .lg\:min-w-2\/10 { min-width: 20%; }
.lg\:min-w-1\/4, .lg\:min-w-2\/8, .lg\:min-w-3\/12 { min-width: 25%; }
.lg\:min-w-3\/10 { min-width: 30%; }
.lg\:min-w-1\/3, .lg\:min-w-2\/6, .lg\:min-w-4\/12 { min-width: 33.333%; }
.lg\:min-w-3\/8 { min-width: 37.5%; }
.lg\:min-w-2\/5, .lg\:min-w-4\/10 { min-width: 40%; }
.lg\:min-w-5\/12 { min-width: 41.667%; }
.lg\:min-w-1\/2, .lg\:min-w-2\/4, .lg\:min-w-3\/6, .lg\:min-w-4\/8, .lg\:min-w-5\/10, .lg\:min-w-6\/12 { min-width: 50%; }
.lg\:min-w-7\/12 { min-width: 58.333%; }
.lg\:min-w-3\/5, .lg\:min-w-6\/10 { min-width: 60%; }
.lg\:min-w-5\/8 { min-width: 62.5%; }
.lg\:min-w-2\/3 { min-width: 66.666%; }
.lg\:min-w-4\/6, .lg\:min-w-8\/12 { min-width: 66.667%; }
.lg\:min-w-7\/10 { min-width: 70%; }
.lg\:min-w-3\/4, .lg\:min-w-6\/8, .lg\:min-w-9\/12 { min-width: 75%; }
.lg\:min-w-4\/5, .lg\:min-w-8\/10 { min-width: 80%; }
.lg\:min-w-5\/6, .lg\:min-w-10\/12 { min-width: 83.333%; }
.lg\:min-w-7\/8 { min-width: 87.5%; }
.lg\:min-w-9\/10 { min-width: 90%; }
.lg\:min-w-11\/12 { min-width: 91.667%; }
/************************************************************* FIM MAX WIDTHS *************************************************************/

/*************************************************************** MAX WIDTHS ***************************************************************/
.lg\:max-w{ max-width: var(--max-w); }
.lg\:max-w-0{ max-width: 0%; }
.lg\:max-w-full{ max-width: 100%; }
.lg\:max-w-screen{ max-width: 100vw; }

.lg\:max-w-1\/12 { max-width: 8.333%; }
.lg\:max-w-1\/10 { max-width: 10%; }
.lg\:max-w-1\/8 { max-width: 12.5%; }
.lg\:max-w-1\/6, .lg\:max-w-2\/12 { max-width: 16.667%; }
.lg\:max-w-1\/5, .lg\:max-w-2\/10 { max-width: 20%; }
.lg\:max-w-1\/4, .lg\:max-w-2\/8, .lg\:max-w-3\/12 { max-width: 25%; }
.lg\:max-w-3\/10 { max-width: 30%; }
.lg\:max-w-1\/3, .lg\:max-w-2\/6, .lg\:max-w-4\/12 { max-width: 33.333%; }
.lg\:max-w-3\/8 { max-width: 37.5%; }
.lg\:max-w-2\/5, .lg\:max-w-4\/10 { max-width: 40%; }
.lg\:max-w-5\/12 { max-width: 41.667%; }
.lg\:max-w-1\/2, .lg\:max-w-2\/4, .lg\:max-w-3\/6, .lg\:max-w-4\/8, .lg\:max-w-5\/10, .lg\:max-w-6\/12 { max-width: 50%; }
.lg\:max-w-7\/12 { max-width: 58.333%; }
.lg\:max-w-3\/5, .lg\:max-w-6\/10 { max-width: 60%; }
.lg\:max-w-5\/8 { max-width: 62.5%; }
.lg\:max-w-2\/3 { max-width: 66.666%; }
.lg\:max-w-4\/6, .lg\:max-w-8\/12 { max-width: 66.667%; }
.lg\:max-w-7\/10 { max-width: 70%; }
.lg\:max-w-3\/4, .lg\:max-w-6\/8, .lg\:max-w-9\/12 { max-width: 75%; }
.lg\:max-w-4\/5, .lg\:max-w-8\/10 { max-width: 80%; }
.lg\:max-w-5\/6, .lg\:max-w-10\/12 { max-width: 83.333%; }
.lg\:max-w-7\/8 { max-width: 87.5%; }
.lg\:max-w-9\/10 { max-width: 90%; }
.lg\:max-w-11\/12 { max-width: 91.667%; }
/************************************************************* FIM MAX WIDTHS *************************************************************/

/**************************************************************** HEIGHTS *****************************************************************/
.lg\:h{ height: var(--h); }
.lg\:h-auto{ height: auto; }
.lg\:h-full{ height: 100%; }
.lg\:h-screen{ height: 100vh; }
.lg\:h-screenNoHead{ height: calc(100vh - var(--heightbarramenu)); }

.lg\:h-1\/12 { height: 8.333%; }
.lg\:h-1\/10 { height: 10%; }
.lg\:h-1\/8 { height: 12.5%; }
.lg\:h-1\/6, .lg\:h-2\/12 { height: 16.667%; }
.lg\:h-1\/5, .lg\:h-2\/10 { height: 20%; }
.lg\:h-1\/4, .lg\:h-2\/8, .lg\:h-3\/12 { height: 25%; }
.lg\:h-3\/10 { height: 30%; }
.lg\:h-1\/3, .lg\:h-2\/6, .lg\:h-4\/12 { height: 33.333%; }
.lg\:h-3\/8 { height: 37.5%; }
.lg\:h-2\/5, .lg\:h-4\/10 { height: 40%; }
.lg\:h-5\/12 { height: 41.667%; }
.lg\:h-1\/2, .lg\:h-2\/4, .lg\:h-3\/6, .lg\:h-4\/8, .lg\:h-5\/10, .lg\:h-6\/12 { height: 50%; }
.lg\:h-7\/12 { height: 58.333%; }
.lg\:h-3\/5, .lg\:h-6\/10 { height: 60%; }
.lg\:h-5\/8 { height: 62.5%; }
.lg\:h-2\/3 { height: 66.666%; }
.lg\:h-4\/6, .lg\:h-8\/12 { height: 66.667%; }
.lg\:h-7\/10 { height: 70%; }
.lg\:h-3\/4, .lg\:h-6\/8, .lg\:h-9\/12 { height: 75%; }
.lg\:h-4\/5, .lg\:h-8\/10 { height: 80%; }
.lg\:h-5\/6, .lg\:h-10\/12 { height: 83.333%; }
.lg\:h-7\/8 { height: 87.5%; }
.lg\:h-9\/10 { height: 90%; }
.lg\:h-11\/12 { height: 91.667%; }
/************************************************************** FIM HEIGHTS ***************************************************************/

/************************************************************** MAX HEIGHTS ***************************************************************/
.lg\:max-h{ max-height: var(--max-h); }
.lg\:max-h-full{ max-height: 100%; }
.lg\:max-h-screen{ max-height: 100vh; }

.lg\:max-h-1\/12 { max-height: 8.333%; }
.lg\:max-h-1\/10 { max-height: 10%; }
.lg\:max-h-1\/8 { max-height: 12.5%; }
.lg\:max-h-1\/6, .lg\:max-h-2\/12 { max-height: 16.667%; }
.lg\:max-h-1\/5, .lg\:max-h-2\/10 { max-height: 20%; }
.lg\:max-h-1\/4, .lg\:max-h-2\/8, .lg\:max-h-3\/12 { max-height: 25%; }
.lg\:max-h-3\/10 { max-height: 30%; }
.lg\:max-h-1\/3, .lg\:max-h-2\/6, .lg\:max-h-4\/12 { max-height: 33.333%; }
.lg\:max-h-3\/8 { max-height: 37.5%; }
.lg\:max-h-2\/5, .lg\:max-h-4\/10 { max-height: 40%; }
.lg\:max-h-5\/12 { max-height: 41.667%; }
.lg\:max-h-1\/2, .lg\:max-h-2\/4, .lg\:max-h-3\/6, .lg\:max-h-4\/8, .lg\:max-h-5\/10, .lg\:max-h-6\/12 { max-height: 50%; }
.lg\:max-h-7\/12 { max-height: 58.333%; }
.lg\:max-h-3\/5, .lg\:max-h-6\/10 { max-height: 60%; }
.lg\:max-h-5\/8 { max-height: 62.5%; }
.lg\:max-h-2\/3 { max-height: 66.666%; }
.lg\:max-h-4\/6, .lg\:max-h-8\/12 { max-height: 66.667%; }
.lg\:max-h-7\/10 { max-height: 70%; }
.lg\:max-h-3\/4, .lg\:max-h-6\/8, .lg\:max-h-9\/12 { max-height: 75%; }
.lg\:max-h-4\/5, .lg\:max-h-8\/10 { max-height: 80%; }
.lg\:max-h-5\/6, .lg\:max-h-10\/12 { max-height: 83.333%; }
.lg\:max-h-7\/8 { max-height: 87.5%; }
.lg\:max-h-9\/10 { max-height: 90%; }
.lg\:max-h-11\/12 { max-height: 91.667%; }
/************************************************************ FIM MAX HEIGHTS *************************************************************/

/************************************************************** MIN HEIGHTS ***************************************************************/
.lg\:min-h{ min-height: var(--min-h); }
.lg\:min-h-full{ min-height: 100%; }
.lg\:min-h-screen{ min-height: 100vh; }

.lg\:min-h-1\/12 { min-height: 8.333%; }
.lg\:min-h-1\/10 { min-height: 10%; }
.lg\:min-h-1\/8 { min-height: 12.5%; }
.lg\:min-h-1\/6, .lg\:min-h-2\/12 { min-height: 16.667%; }
.lg\:min-h-1\/5, .lg\:min-h-2\/10 { min-height: 20%; }
.lg\:min-h-1\/4, .lg\:min-h-2\/8, .lg\:min-h-3\/12 { min-height: 25%; }
.lg\:min-h-3\/10 { min-height: 30%; }
.lg\:min-h-1\/3, .lg\:min-h-2\/6, .lg\:min-h-4\/12 { min-height: 33.333%; }
.lg\:min-h-3\/8 { min-height: 37.5%; }
.lg\:min-h-2\/5, .lg\:min-h-4\/10 { min-height: 40%; }
.lg\:min-h-5\/12 { min-height: 41.667%; }
.lg\:min-h-1\/2, .lg\:min-h-2\/4, .lg\:min-h-3\/6, .lg\:min-h-4\/8, .lg\:min-h-5\/10, .lg\:min-h-6\/12 { min-height: 50%; }
.lg\:min-h-7\/12 { min-height: 58.333%; }
.lg\:min-h-3\/5, .lg\:min-h-6\/10 { min-height: 60%; }
.lg\:min-h-5\/8 { min-height: 62.5%; }
.lg\:min-h-2\/3 { min-height: 66.666%; }
.lg\:min-h-4\/6, .lg\:min-h-8\/12 { min-height: 66.667%; }
.lg\:min-h-7\/10 { min-height: 70%; }
.lg\:min-h-3\/4, .lg\:min-h-6\/8, .lg\:min-h-9\/12 { min-height: 75%; }
.lg\:min-h-4\/5, .lg\:min-h-8\/10 { min-height: 80%; }
.lg\:min-h-5\/6, .lg\:min-h-10\/12 { min-height: 83.333%; }
.lg\:min-h-7\/8 { min-height: 87.5%; }
.lg\:min-h-9\/10 { min-height: 90%; }
.lg\:min-h-11\/12 { min-height: 91.667%; }
/************************************************************ FIM MIN HEIGHTS *************************************************************/

/************************************************************* DEFAULTS TEXTS *************************************************************/
.lg\:linhas1, .lg\:linhas2, .lg\:linhas3, .lg\:linhas4, .lg\:linhas5, .lg\:linhas6, .lg\:linhas7, .lg\:linhas8, .lg\:linhas9, .lg\:linhas10{display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.lg\:linhas1{-webkit-line-clamp: 1; line-clamp: 1;}
.lg\:linhas2{-webkit-line-clamp: 2; line-clamp: 2;}
.lg\:linhas3{-webkit-line-clamp: 3; line-clamp: 3;}
.lg\:linhas4{-webkit-line-clamp: 4; line-clamp: 4;}
.lg\:linhas5{-webkit-line-clamp: 5; line-clamp: 5;}
.lg\:linhas6{-webkit-line-clamp: 6; line-clamp: 6;}
.lg\:linhas7{-webkit-line-clamp: 7; line-clamp: 7;}
.lg\:linhas8{-webkit-line-clamp: 8; line-clamp: 8;}
.lg\:linhas9{-webkit-line-clamp: 9; line-clamp: 9;}
.lg\:linhas10{-webkit-line-clamp: 10; line-clamp: 10;}
/********************************************************** FIM DEFAULTS TEXTS ***********************************************************/
/********************************************************** FIM ESTRUTURA GERAL ***********************************************************/
}

@media only screen and (min-width:1280px){
/************************************************************* VARIAVEIS CSS **************************************************************/
/**                                                                                                                                      **/
/**                                     VARIAVEIS PARA ESTRUTURA DEFAULT (MARGINS/PADDINGS DEFAULT)                                      **/
/**                                                                                                                                      **/
/******************************************************************************************************************************************/
:root{
  --colunas2: 1;
  --colunas3: 1;
  --colunas4: 1;
  --colunas5: 1;
  --colunas6: 1;

  --column-gap-default: 35px;

  --margin-top-default: 90px;
  --margin-right-default: 50px;
  --margin-bottom-default: 45px;
  --margin-left-default: 50px;

  --margin-top-layout: 90px;
  --margin-right-layout: 150px;
  --margin-bottom-layout: 300px;
  --margin-left-layout: 170px;

  --padding-top-default: 60px;
  --padding-right-default: 50px;
  --padding-bottom-default: 60px;
  --padding-left-default: 50px;

  --padding-top-layout: 60px;
  --padding-right-layout: 100px;
  --padding-bottom-layout: 60px;
  --padding-left-layout: 100px;
}

.lg\:colunas2alojamento:nth-child(2n+1){flex-grow: 0; flex-shrink: 0; width: calc((100% / 2) - ((var(--marginColunas) * 1) / 2)); margin-right: var(--marginColunas); }
.lg\:colunas2alojamento:nth-child(2n+2){flex-grow: 0; flex-shrink: 0; width: calc((100% / 2) - ((var(--marginColunas) * 1) / 2)); margin-right: 0; }

/*********************************************************** FIM VARIAVEIS CSS ************************************************************/


/************************************************************* DEFAUTLS LENIS *************************************************************/
/**                                                                                                                                      **/
/**                                          CLASES DEFAULT LENIS (SMOOTH SCROLL) NAO MODIFICAR                                          **/
/**                                                                                                                                      **/
/******************************************************************************************************************************************/
html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-stopped { overflow: hidden; }
.lenis.lenis-scrolling iframe { pointer-events: none; }
/*********************************************************** FIM DEFAUTLS LENIS ***********************************************************/

/************************************************************ DEFAULTS COLUNAS ************************************************************/
*:has(>.xl\:colunas1), *:has(>.xl\:colunas2), *:has(>.xl\:colunas3), *:has(>.xl\:colunas4), *:has(>.xl\:colunas5), *:has(>.xl\:colunas6){display: flex; flex-direction: row; flex-wrap: wrap;}
.xl\:colunas1:nth-child(1n+1){flex-grow: 0; flex-shrink: 0; width: 100%; margin-right: 0;}

.xl\:colunas2:nth-child(2n+1){flex-grow: 0; flex-shrink: 0; width: calc((100% / 2) - ((var(--marginColunas) * 1) / 2)); margin-right: var(--marginColunas); }
.xl\:colunas2:nth-child(2n+2){flex-grow: 0; flex-shrink: 0; width: calc((100% / 2) - ((var(--marginColunas) * 1) / 2)); margin-right: 0; }

.xl\:colunas3:nth-child(3n+1){flex-grow: 0; flex-shrink: 0; width: calc((100% / 3) - ((var(--marginColunas) * 2) / 3)); margin-right: var(--marginColunas); }
.xl\:colunas3:nth-child(3n+2){flex-grow: 0; flex-shrink: 0; width: calc((100% / 3) - ((var(--marginColunas) * 2) / 3)); margin-right: var(--marginColunas); }
.xl\:colunas3:nth-child(3n+3){flex-grow: 0; flex-shrink: 0; width: calc((100% / 3) - ((var(--marginColunas) * 2) / 3)); margin-right: 0; }

.xl\:colunas4:nth-child(4n+1){flex-grow: 0; flex-shrink: 0; width: calc((100% / 4) - ((var(--marginColunas) * 3) / 4)); margin-right: var(--marginColunas); }
.xl\:colunas4:nth-child(4n+2){flex-grow: 0; flex-shrink: 0; width: calc((100% / 4) - ((var(--marginColunas) * 3) / 4)); margin-right: var(--marginColunas); }
.xl\:colunas4:nth-child(4n+3){flex-grow: 0; flex-shrink: 0; width: calc((100% / 4) - ((var(--marginColunas) * 3) / 4)); margin-right: var(--marginColunas); }
.xl\:colunas4:nth-child(4n+4){flex-grow: 0; flex-shrink: 0; width: calc((100% / 4) - ((var(--marginColunas) * 3) / 4)); margin-right: 0; }

.xl\:colunas5:nth-child(5n+1){flex-grow: 0; flex-shrink: 0; width: calc((100% / 5) - ((var(--marginColunas) * 4) / 5)); margin-right: var(--marginColunas); }
.xl\:colunas5:nth-child(5n+2){flex-grow: 0; flex-shrink: 0; width: calc((100% / 5) - ((var(--marginColunas) * 4) / 5)); margin-right: var(--marginColunas); }
.xl\:colunas5:nth-child(5n+3){flex-grow: 0; flex-shrink: 0; width: calc((100% / 5) - ((var(--marginColunas) * 4) / 5)); margin-right: var(--marginColunas); }
.xl\:colunas5:nth-child(5n+4){flex-grow: 0; flex-shrink: 0; width: calc((100% / 5) - ((var(--marginColunas) * 4) / 5)); margin-right: var(--marginColunas); }
.xl\:colunas5:nth-child(5n+5){flex-grow: 0; flex-shrink: 0; width: calc((100% / 5) - ((var(--marginColunas) * 4) / 5)); margin-right: 0; }

.xl\:colunas6:nth-child(6n+1){flex-grow: 0; flex-shrink: 0; width: calc((100% / 6) - ((var(--marginColunas) * 5) / 6)); margin-right: var(--marginColunas); }
.xl\:colunas6:nth-child(6n+2){flex-grow: 0; flex-shrink: 0; width: calc((100% / 6) - ((var(--marginColunas) * 5) / 6)); margin-right: var(--marginColunas); }
.xl\:colunas6:nth-child(6n+3){flex-grow: 0; flex-shrink: 0; width: calc((100% / 6) - ((var(--marginColunas) * 5) / 6)); margin-right: var(--marginColunas); }
.xl\:colunas6:nth-child(6n+4){flex-grow: 0; flex-shrink: 0; width: calc((100% / 6) - ((var(--marginColunas) * 5) / 6)); margin-right: var(--marginColunas); }
.xl\:colunas6:nth-child(6n+5){flex-grow: 0; flex-shrink: 0; width: calc((100% / 6) - ((var(--marginColunas) * 5) / 6)); margin-right: var(--marginColunas); }
.xl\:colunas6:nth-child(6n+6){flex-grow: 0; flex-shrink: 0; width: calc((100% / 6) - ((var(--marginColunas) * 5) / 6)); margin-right: 0; }

.xl\:colunas5{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 5%;}
.xl\:colunas10{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 10%;}
.xl\:colunas15{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 15%;}
.xl\:colunas20{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 20%;}
.xl\:colunas25{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 25%;}
.xl\:colunas30{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 30%;}
.xl\:colunas35{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 35%;}
.xl\:colunas40{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 40%;}
.xl\:colunas45{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 45%;}
.xl\:colunas50{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 50%;}
.xl\:colunas55{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 55%;}
.xl\:colunas60{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 60%;}
.xl\:colunas65{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 65%;}
.xl\:colunas70{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 70%;}
.xl\:colunas75{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 75%;}
.xl\:colunas80{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 80%;}
.xl\:colunas85{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 85%;}
.xl\:colunas90{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 90%;}
.xl\:colunas95{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 95%;}

.xl\:colunasflex2{ display: flex; flex-direction: row; flex-wrap: wrap; }
.xl\:colunasflex2 > * { width: calc(100% / var(--colunas2)); }
.xl\:colunasflex3{ display: flex; flex-direction: row; flex-wrap: wrap; }
.xl\:colunasflex3 > * { width: calc(100% / var(--colunas3)); }
.xl\:colunasflex4{ display: flex; flex-direction: row; flex-wrap: wrap; }
.xl\:colunasflex4 > * { width: calc(100% / var(--colunas4)); }
.xl\:colunasflex5{ display: flex; flex-direction: row; flex-wrap: wrap; }
.xl\:colunasflex5 > * { width: calc(100% / var(--colunas5)); }
.xl\:colunasflex6{ display: flex; flex-direction: row; flex-wrap: wrap; }
.xl\:colunasflex6 > * { width: calc(100% / var(--colunas6)); }

.xl\:text-columns-1{ column-count: 1; }
.xl\:text-columns-2{ column-count: 2; }
.xl\:text-columns-3{ column-count: 3; }
.xl\:text-columns-4{ column-count: 4; }
.xl\:text-columns-5{ column-count: 5; }
.xl\:text-columns-6{ column-count: 6; }

.xl\:column-gap-default-\/3{column-gap: calc(var(--column-gap-default) / 3);}
.xl\:column-gap-default-\/2{column-gap: calc(var(--column-gap-default) / 2);}
.xl\:column-gap-default{column-gap: var(--column-gap-default);}
.xl\:column-gap-default-x2{column-gap: calc(var(--column-gap-default) * 2);}
.xl\:column-gap-default-x3{column-gap: calc(var(--column-gap-default) * 3);}
/********************************************************** FIM DEFAULTS COLUNAS **********************************************************/

/************************************************************ DEFAULT ELEMENTS ************************************************************/
/**                                                                                                                                      **/
/**                                             CLASES DEFAULT ELEMENTOS BASE NAO MODIFICAR                                              **/
/**                                                                                                                                      **/
/******************************************************************************************************************************************/
.container{ max-width: 1280px; }
/********************************************************** FIM DEFAULT ELEMENTS **********************************************************/


/******************************************************** DEFAULT MARGINS/PADDINGS ********************************************************/
/**                                                                                                                                      **/
/**                                  CLASES DEFAULT MARGINS/PADDINGS NAO MODIFICAR, USAR VARIAVEIS CSS                                   **/
/**                                                                                                                                      **/
/******************************************************************************************************************************************/
.xl\:m-0 { margin: 0; }
.xl\:mx-0 { margin-left: 0; margin-right: 0; }
.xl\:my-0 { margin-top: 0; margin-bottom: 0; }
.xl\:mt-0 { margin-top: 0; }
.xl\:mr-0 { margin-right: 0; }
.xl\:mb-0 { margin-bottom: 0; }
.xl\:ml-0 { margin-left: 0; }

.xl\:m-1 { margin: 1px; }
.xl\:mx-1 { margin-left: 1px; margin-right: 1px; }
.xl\:my-1 { margin-top: 1px; margin-bottom: 1px; }
.xl\:mt-1 { margin-top: 1px; }
.xl\:mr-1 { margin-right: 1px; }
.xl\:mb-1 { margin-bottom: 1px; }
.xl\:ml-1 { margin-left: 1px; }

.xl\:p-0 { padding: 0; }
.xl\:px-0 { padding-left: 0; padding-right: 0; }
.xl\:py-0 { padding-top: 0; padding-bottom: 0; }
.xl\:pt-0 { padding-top: 0; }
.xl\:pr-0 { padding-right: 0; }
.xl\:pb-0 { padding-bottom: 0; }
.xl\:pl-0 { padding-left: 0; }

.xl\:p-1 { padding: 1px; }
.xl\:px-1 { padding-left: 1px; padding-right: 1px; }
.xl\:py-1 { padding-top: 1px; padding-bottom: 1px; }
.xl\:pt-1 { padding-top: 1px; }
.xl\:pr-1 { padding-right: 1px; }
.xl\:pb-1 { padding-bottom: 1px; }
.xl\:pl-1 { padding-left: 1px; }


.xl\:m-auto { margin: auto; }
.xl\:mx-auto { margin-left: auto; margin-right: auto; }
.xl\:my-auto { margin-top: auto; margin-bottom: auto; }
.xl\:mt-auto { margin-top: auto; }
.xl\:mr-auto { margin-right: auto; }
.xl\:mb-auto { margin-bottom: auto; }
.xl\:ml-auto { margin-left: auto; }

.xl\:m { margin: var(--m); }
.xl\:my { margin-top: var(--my); margin-bottom: var(--my); }
.xl\:mx { margin-right: var(--mx); margin-left: var(--mx); }
.xl\:mt { margin-top: var(--mt); }
.xl\:mr { margin-right: var(--mr); }
.xl\:mb { margin-bottom: var(--mb); }
.xl\:ml { margin-left: var(--ml); }

.xl\:m-default-\/5 { margin: calc(var(--margin-top-default) / 5) calc(var(--margin-right-default) / 5) calc(var(--margin-bottom-default) / 5) calc(var(--margin-left-default) / 5); }
.xl\:mx-default-\/5 { margin-left: calc(var(--margin-left-default) / 5); margin-right: calc(var(--margin-right-default) / 5); width: calc(100% - (calc(var(--margin-left-default) / 5) + calc(var(--margin-right-default) / 5))); }
.xl\:my-default-\/5 { margin-top: calc(var(--margin-top-default) / 5); margin-bottom: calc(var(--margin-bottom-default) / 5); }
.xl\:mt-default-\/5 { margin-top: calc(var(--margin-top-default) / 5); }
.xl\:mr-default-\/5 { margin-right: calc(var(--margin-right-default) / 5); }
.xl\:mb-default-\/5 { margin-bottom: calc(var(--margin-bottom-default) / 5); }
.xl\:ml-default-\/5 { margin-left: calc(var(--margin-left-default) / 5); }

.xl\:m-layout-\/5 { margin: calc(var(--margin-top-layout) / 5) calc(var(--margin-right-layout) / 5) calc(var(--margin-bottom-layout) / 5) calc(var(--margin-left-layout) / 5); }
.xl\:mx-layout-\/5 { margin-left: calc(var(--margin-left-layout) / 5); margin-right: calc(var(--margin-right-layout) / 5); width: calc(100% - (calc(var(--margin-left-layout) / 5) + calc(var(--margin-right-layout) / 5))); }
.xl\:my-layout-\/5 { margin-top: calc(var(--margin-top-layout) / 5); margin-bottom: calc(var(--margin-bottom-layout) / 5); }
.xl\:mt-layout-\/5 { margin-top: calc(var(--margin-top-layout) / 5); }
.xl\:mr-layout-\/5 { margin-right: calc(var(--margin-right-layout) / 5); }
.xl\:mb-layout-\/5 { margin-bottom: calc(var(--margin-bottom-layout) / 5); }
.xl\:ml-layout-\/5 { margin-left: calc(var(--margin-left-layout) / 5); }

.xl\:m-default-\/4 { margin: calc(var(--margin-top-default) / 4) calc(var(--margin-right-default) / 4) calc(var(--margin-bottom-default) / 4) calc(var(--margin-left-default) / 4); }
.xl\:mx-default-\/4 { margin-left: calc(var(--margin-left-default) / 4); margin-right: calc(var(--margin-right-default) / 4); width: calc(100% - (calc(var(--margin-left-default) / 4) + calc(var(--margin-right-default) / 4))); }
.xl\:my-default-\/4 { margin-top: calc(var(--margin-top-default) / 4); margin-bottom: calc(var(--margin-bottom-default) / 4); }
.xl\:mt-default-\/4 { margin-top: calc(var(--margin-top-default) / 4); }
.xl\:mr-default-\/4 { margin-right: calc(var(--margin-right-default) / 4); }
.xl\:mb-default-\/4 { margin-bottom: calc(var(--margin-bottom-default) / 4); }
.xl\:ml-default-\/4 { margin-left: calc(var(--margin-left-default) / 4); }

.xl\:m-layout-\/4 { margin: calc(var(--margin-top-layout) / 4) calc(var(--margin-right-layout) / 4) calc(var(--margin-bottom-layout) / 4) calc(var(--margin-left-layout) / 4); }
.xl\:mx-layout-\/4 { margin-left: calc(var(--margin-left-layout) / 4); margin-right: calc(var(--margin-right-layout) / 4); width: calc(100% - (calc(var(--margin-left-layout) / 4) + calc(var(--margin-right-layout) / 4))); }
.xl\:my-layout-\/4 { margin-top: calc(var(--margin-top-layout) / 4); margin-bottom: calc(var(--margin-bottom-layout) / 4); }
.xl\:mt-layout-\/4 { margin-top: calc(var(--margin-top-layout) / 4); }
.xl\:mr-layout-\/4 { margin-right: calc(var(--margin-right-layout) / 4); }
.xl\:mb-layout-\/4 { margin-bottom: calc(var(--margin-bottom-layout) / 4); }
.xl\:ml-layout-\/4 { margin-left: calc(var(--margin-left-layout) / 4); }

.xl\:m-default-\/3 { margin: calc(var(--margin-top-default) / 3) calc(var(--margin-right-default) / 3) calc(var(--margin-bottom-default) / 3) calc(var(--margin-left-default) / 3); }
.xl\:mx-default-\/3 { margin-left: calc(var(--margin-left-default) / 3); margin-right: calc(var(--margin-right-default) / 3); width: calc(100% - (calc(var(--margin-left-default) / 3) + calc(var(--margin-right-default) / 3))); }
.xl\:my-default-\/3 { margin-top: calc(var(--margin-top-default) / 3); margin-bottom: calc(var(--margin-bottom-default) / 3); }
.xl\:mt-default-\/3 { margin-top: calc(var(--margin-top-default) / 3); }
.xl\:mr-default-\/3 { margin-right: calc(var(--margin-right-default) / 3); }
.xl\:mb-default-\/3 { margin-bottom: calc(var(--margin-bottom-default) / 3); }
.xl\:ml-default-\/3 { margin-left: calc(var(--margin-left-default) / 3); }

.xl\:m-layout-\/3 { margin: calc(var(--margin-top-layout) / 3) calc(var(--margin-right-layout) / 3) calc(var(--margin-bottom-layout) / 3) calc(var(--margin-left-layout) / 3); }
.xl\:mx-layout-\/3 { margin-left: calc(var(--margin-left-layout) / 3); margin-right: calc(var(--margin-right-layout) / 3); width: calc(100% - (calc(var(--margin-left-layout) / 3) + calc(var(--margin-right-layout) / 3))); }
.xl\:my-layout-\/3 { margin-top: calc(var(--margin-top-layout) / 3); margin-bottom: calc(var(--margin-bottom-layout) / 3); }
.xl\:mt-layout-\/3 { margin-top: calc(var(--margin-top-layout) / 3); }
.xl\:mr-layout-\/3 { margin-right: calc(var(--margin-right-layout) / 3); }
.xl\:mb-layout-\/3 { margin-bottom: calc(var(--margin-bottom-layout) / 3); }
.xl\:ml-layout-\/3 { margin-left: calc(var(--margin-left-layout) / 3); }

.xl\:m-default-\/2 { margin: calc(var(--margin-top-default) / 2) calc(var(--margin-right-default) / 2) calc(var(--margin-bottom-default) / 2) calc(var(--margin-left-default) / 2); }
.xl\:mx-default-\/2 { margin-left: calc(var(--margin-left-default) / 2); margin-right: calc(var(--margin-right-default) / 2); width: calc(100% - (calc(var(--margin-left-default) / 2) + calc(var(--margin-right-default) / 2))); }
.xl\:my-default-\/2 { margin-top: calc(var(--margin-top-default) / 2); margin-bottom: calc(var(--margin-bottom-default) / 2); }
.xl\:mt-default-\/2 { margin-top: calc(var(--margin-top-default) / 2); }
.xl\:mr-default-\/2 { margin-right: calc(var(--margin-right-default) / 2); }
.xl\:mb-default-\/2 { margin-bottom: calc(var(--margin-bottom-default) / 2); }
.xl\:ml-default-\/2 { margin-left: calc(var(--margin-left-default) / 2); }

.xl\:m-layout-\/2 { margin: calc(var(--margin-top-layout) / 2) calc(var(--margin-right-layout) / 2) calc(var(--margin-bottom-layout) / 2) calc(var(--margin-left-layout) / 2); }
.xl\:mx-layout-\/2 { margin-left: calc(var(--margin-left-layout) / 2); margin-right: calc(var(--margin-right-layout) / 2); width: calc(100% - (calc(var(--margin-left-layout) / 2) + calc(var(--margin-right-layout) / 2))); }
.xl\:my-layout-\/2 { margin-top: calc(var(--margin-top-layout) / 2); margin-bottom: calc(var(--margin-bottom-layout) / 2); }
.xl\:mt-layout-\/2 { margin-top: calc(var(--margin-top-layout) / 2); }
.xl\:mr-layout-\/2 { margin-right: calc(var(--margin-right-layout) / 2); }
.xl\:mb-layout-\/2 { margin-bottom: calc(var(--margin-bottom-layout) / 2); }
.xl\:ml-layout-\/2 { margin-left: calc(var(--margin-left-layout) / 2); }

.xl\:m-default-\/1_5 { margin: calc(var(--margin-top-default) / 1.5) calc(var(--margin-right-default) / 1.5) calc(var(--margin-bottom-default) / 1.5) calc(var(--margin-left-default) / 1.5); }
.xl\:mx-default-\/1_5 { margin-left: calc(var(--margin-left-default) / 1.5); margin-right: calc(var(--margin-right-default) / 1.5); width: calc(100% - (calc(var(--margin-left-default) / 1.5) + calc(var(--margin-right-default) / 1.5))); }
.xl\:my-default-\/1_5 { margin-top: calc(var(--margin-top-default) / 1.5); margin-bottom: calc(var(--margin-bottom-default) / 1.5); }
.xl\:mt-default-\/1_5 { margin-top: calc(var(--margin-top-default) / 1.5); }
.xl\:mr-default-\/1_5 { margin-right: calc(var(--margin-right-default) / 1.5); }
.xl\:mb-default-\/1_5 { margin-bottom: calc(var(--margin-bottom-default) / 1.5); }
.xl\:ml-default-\/1_5 { margin-left: calc(var(--margin-left-default) / 1.5); }

.xl\:m-layout-\/1_5 { margin: calc(var(--margin-top-layout) / 1.5) calc(var(--margin-right-layout) / 1.5) calc(var(--margin-bottom-layout) / 1.5) calc(var(--margin-left-layout) / 1.5); }
.xl\:mx-layout-\/1_5 { margin-left: calc(var(--margin-left-layout) / 1.5); margin-right: calc(var(--margin-right-layout) / 1.5); width: calc(100% - (calc(var(--margin-left-layout) / 1.5) + calc(var(--margin-right-layout) / 1.5))); }
.xl\:my-layout-\/1_5 { margin-top: calc(var(--margin-top-layout) / 1.5); margin-bottom: calc(var(--margin-bottom-layout) / 1.5); }
.xl\:mt-layout-\/1_5 { margin-top: calc(var(--margin-top-layout) / 1.5); }
.xl\:mr-layout-\/1_5 { margin-right: calc(var(--margin-right-layout) / 1.5); }
.xl\:mb-layout-\/1_5 { margin-bottom: calc(var(--margin-bottom-layout) / 1.5); }
.xl\:ml-layout-\/1_5 { margin-left: calc(var(--margin-left-layout) / 1.5); }

.xl\:m-default { margin: var(--margin-top-default) var(--margin-right-default) var(--margin-bottom-default) var(--margin-left-default); }
.xl\:mx-default { margin-left: var(--margin-left-default); margin-right: var(--margin-right-default); width: calc(100% - (var(--margin-left-default) + var(--margin-right-default))); }
.xl\:my-default { margin-top: var(--margin-top-default); margin-bottom: var(--margin-bottom-default); }
.xl\:mt-default { margin-top: var(--margin-top-default); }
.xl\:mr-default { margin-right: var(--margin-right-default); }
.xl\:mb-default { margin-bottom: var(--margin-bottom-default); }
.xl\:ml-default { margin-left: var(--margin-left-default); }

.xl\:m-layout { margin: var(--margin-top-layout) var(--margin-right-layout) var(--margin-bottom-layout) var(--margin-left-layout); }
.xl\:mx-layout { margin-left: var(--margin-left-layout); margin-right: var(--margin-right-layout); width: calc(100% - (var(--margin-left-layout) + var(--margin-right-layout))); }
.xl\:my-layout { margin-top: var(--margin-top-layout); margin-bottom: var(--margin-bottom-layout); }
.xl\:mt-layout { margin-top: var(--margin-top-layout); }
.xl\:mr-layout { margin-right: var(--margin-right-layout); }
.xl\:mb-layout { margin-bottom: var(--margin-bottom-layout); }
.xl\:ml-layout { margin-left: var(--margin-left-layout); }

.xl\:m-default-x1_5 { margin: calc(var(--margin-top-default) * 1.5) calc(var(--margin-right-default) * 1.5) calc(var(--margin-bottom-default) * 1.5) calc(var(--margin-left-default) * 1.5); }
.xl\:mx-default-x1_5 { margin-left: calc(var(--margin-left-default) * 1.5); margin-right: calc(var(--margin-right-default) * 1.5); width: calc(100% - (calc(var(--margin-left-default) * 1.5) + calc(var(--margin-right-default) * 1.5))); }
.xl\:my-default-x1_5 { margin-top: calc(var(--margin-top-default) * 1.5); margin-bottom: calc(var(--margin-bottom-default) * 1.5); }
.xl\:mt-default-x1_5 { margin-top: calc(var(--margin-top-default) * 1.5); }
.xl\:mr-default-x1_5 { margin-right: calc(var(--margin-right-default) * 1.5); }
.xl\:mb-default-x1_5 { margin-bottom: calc(var(--margin-bottom-default) * 1.5); }
.xl\:ml-default-x1_5 { margin-left: calc(var(--margin-left-default) * 1.5); }

.xl\:m-layout-x1_5 { margin: calc(var(--margin-top-layout) * 1.5) calc(var(--margin-right-layout) * 1.5) calc(var(--margin-bottom-layout) * 1.5) calc(var(--margin-left-layout) * 1.5); }
.xl\:mx-layout-x1_5 { margin-left: calc(var(--margin-left-layout) * 1.5); margin-right: calc(var(--margin-right-layout) * 1.5); width: calc(100% - (calc(var(--margin-left-layout) * 1.5) + calc(var(--margin-right-layout) * 1.5))); }
.xl\:my-layout-x1_5 { margin-top: calc(var(--margin-top-layout) * 1.5); margin-bottom: calc(var(--margin-bottom-layout) * 1.5); }
.xl\:mt-layout-x1_5 { margin-top: calc(var(--margin-top-layout) * 1.5); }
.xl\:mr-layout-x1_5 { margin-right: calc(var(--margin-right-layout) * 1.5); }
.xl\:mb-layout-x1_5 { margin-bottom: calc(var(--margin-bottom-layout) * 1.5); }
.xl\:ml-layout-x1_5 { margin-left: calc(var(--margin-left-layout) * 1.5); }

.xl\:m-default-x2 { margin: calc(var(--margin-top-default) * 2) calc(var(--margin-right-default) * 2) calc(var(--margin-bottom-default) * 2) calc(var(--margin-left-default) * 2); }
.xl\:mx-default-x2 { margin-left: calc(var(--margin-left-default) * 2); margin-right: calc(var(--margin-right-default) * 2); width: calc(100% - (calc(var(--margin-left-default) * 2) + calc(var(--margin-right-default) * 2))); }
.xl\:my-default-x2 { margin-top: calc(var(--margin-top-default) * 2); margin-bottom: calc(var(--margin-bottom-default) * 2); }
.xl\:mt-default-x2 { margin-top: calc(var(--margin-top-default) * 2); }
.xl\:mr-default-x2 { margin-right: calc(var(--margin-right-default) * 2); }
.xl\:mb-default-x2 { margin-bottom: calc(var(--margin-bottom-default) * 2); }
.xl\:ml-default-x2 { margin-left: calc(var(--margin-left-default) * 2); }

.xl\:m-layout-x2 { margin: calc(var(--margin-top-layout) * 2) calc(var(--margin-right-layout) * 2) calc(var(--margin-bottom-layout) * 2) calc(var(--margin-left-layout) * 2); }
.xl\:mx-layout-x2 { margin-left: calc(var(--margin-left-layout) * 2); margin-right: calc(var(--margin-right-layout) * 2); width: calc(100% - (calc(var(--margin-left-layout) * 2) + calc(var(--margin-right-layout) * 2))); }
.xl\:my-layout-x2 { margin-top: calc(var(--margin-top-layout) * 2); margin-bottom: calc(var(--margin-bottom-layout) * 2); }
.xl\:mt-layout-x2 { margin-top: calc(var(--margin-top-layout) * 2); }
.xl\:mr-layout-x2 { margin-right: calc(var(--margin-right-layout) * 2); }
.xl\:mb-layout-x2 { margin-bottom: calc(var(--margin-bottom-layout) * 2); }
.xl\:ml-layout-x2 { margin-left: calc(var(--margin-left-layout) * 2); }

.xl\:m-default-x3 { margin: calc(var(--margin-top-default) * 3) calc(var(--margin-right-default) * 3) calc(var(--margin-bottom-default) * 3) calc(var(--margin-left-default) * 3); }
.xl\:mx-default-x3 { margin-left: calc(var(--margin-left-default) * 3); margin-right: calc(var(--margin-right-default) * 3); width: calc(100% - (calc(var(--margin-left-default) * 3) + calc(var(--margin-right-default) * 3))); }
.xl\:my-default-x3 { margin-top: calc(var(--margin-top-default) * 3); margin-bottom: calc(var(--margin-bottom-default) * 3); }
.xl\:mt-default-x3 { margin-top: calc(var(--margin-top-default) * 3); }
.xl\:mr-default-x3 { margin-right: calc(var(--margin-right-default) * 3); }
.xl\:mb-default-x3 { margin-bottom: calc(var(--margin-bottom-default) * 3); }
.xl\:ml-default-x3 { margin-left: calc(var(--margin-left-default) * 3); }

.xl\:m-layout-x3 { margin: calc(var(--margin-top-layout) * 3) calc(var(--margin-right-layout) * 3) calc(var(--margin-bottom-layout) * 3) calc(var(--margin-left-layout) * 3); }
.xl\:mx-layout-x3 { margin-left: calc(var(--margin-left-layout) * 3); margin-right: calc(var(--margin-right-layout) * 3); width: calc(100% - (calc(var(--margin-left-layout) * 3) + calc(var(--margin-right-layout) * 3))); }
.xl\:my-layout-x3 { margin-top: calc(var(--margin-top-layout) * 3); margin-bottom: calc(var(--margin-bottom-layout) * 3); }
.xl\:mt-layout-x3 { margin-top: calc(var(--margin-top-layout) * 3); }
.xl\:mr-layout-x3 { margin-right: calc(var(--margin-right-layout) * 3); }
.xl\:mb-layout-x3 { margin-bottom: calc(var(--margin-bottom-layout) * 3); }
.xl\:ml-layout-x3 { margin-left: calc(var(--margin-left-layout) * 3); }

.xl\:m-default-x4 { margin: calc(var(--margin-top-default) * 4) calc(var(--margin-right-default) * 4) calc(var(--margin-bottom-default) * 4) calc(var(--margin-left-default) * 4); }
.xl\:mx-default-x4 { margin-left: calc(var(--margin-left-default) * 4); margin-right: calc(var(--margin-right-default) * 4); width: calc(100% - (calc(var(--margin-left-default) * 4) + calc(var(--margin-right-default) * 4))); }
.xl\:my-default-x4 { margin-top: calc(var(--margin-top-default) * 4); margin-bottom: calc(var(--margin-bottom-default) * 4); }
.xl\:mt-default-x4 { margin-top: calc(var(--margin-top-default) * 4); }
.xl\:mr-default-x4 { margin-right: calc(var(--margin-right-default) * 4); }
.xl\:mb-default-x4 { margin-bottom: calc(var(--margin-bottom-default) * 4); }
.xl\:ml-default-x4 { margin-left: calc(var(--margin-left-default) * 4); }

.xl\:m-layout-x4 { margin: calc(var(--margin-top-layout) * 4) calc(var(--margin-right-layout) * 4) calc(var(--margin-bottom-layout) * 4) calc(var(--margin-left-layout) * 4); }
.xl\:mx-layout-x4 { margin-left: calc(var(--margin-left-layout) * 4); margin-right: calc(var(--margin-right-layout) * 4); width: calc(100% - (calc(var(--margin-left-layout) * 4) + calc(var(--margin-right-layout) * 4))); }
.xl\:my-layout-x4 { margin-top: calc(var(--margin-top-layout) * 4); margin-bottom: calc(var(--margin-bottom-layout) * 4); }
.xl\:mt-layout-x4 { margin-top: calc(var(--margin-top-layout) * 4); }
.xl\:mr-layout-x4 { margin-right: calc(var(--margin-right-layout) * 4); }
.xl\:mb-layout-x4 { margin-bottom: calc(var(--margin-bottom-layout) * 4); }
.xl\:ml-layout-x4 { margin-left: calc(var(--margin-left-layout) * 4); }

.xl\:m-default-x5 { margin: calc(var(--margin-top-default) * 5) calc(var(--margin-right-default) * 5) calc(var(--margin-bottom-default) * 5) calc(var(--margin-left-default) * 5); }
.xl\:mx-default-x5 { margin-left: calc(var(--margin-left-default) * 5); margin-right: calc(var(--margin-right-default) * 5); width: calc(100% - (calc(var(--margin-left-default) * 5) + calc(var(--margin-right-default) * 5))); }
.xl\:my-default-x5 { margin-top: calc(var(--margin-top-default) * 5); margin-bottom: calc(var(--margin-bottom-default) * 5); }
.xl\:mt-default-x5 { margin-top: calc(var(--margin-top-default) * 5); }
.xl\:mr-default-x5 { margin-right: calc(var(--margin-right-default) * 5); }
.xl\:mb-default-x5 { margin-bottom: calc(var(--margin-bottom-default) * 5); }
.xl\:ml-default-x5 { margin-left: calc(var(--margin-left-default) * 5); }

.xl\:m-layout-x5 { margin: calc(var(--margin-top-layout) * 5) calc(var(--margin-right-layout) * 5) calc(var(--margin-bottom-layout) * 5) calc(var(--margin-left-layout) * 5); }
.xl\:mx-layout-x5 { margin-left: calc(var(--margin-left-layout) * 5); margin-right: calc(var(--margin-right-layout) * 5); width: calc(100% - (calc(var(--margin-left-layout) * 5) + calc(var(--margin-right-layout) * 5))); }
.xl\:my-layout-x5 { margin-top: calc(var(--margin-top-layout) * 5); margin-bottom: calc(var(--margin-bottom-layout) * 5); }
.xl\:mt-layout-x5 { margin-top: calc(var(--margin-top-layout) * 5); }
.xl\:mr-layout-x5 { margin-right: calc(var(--margin-right-layout) * 5); }
.xl\:mb-layout-x5 { margin-bottom: calc(var(--margin-bottom-layout) * 5); }
.xl\:ml-layout-x5 { margin-left: calc(var(--margin-left-layout) * 5); }

.xl\:p { padding: var(--p); }
.xl\:py { padding-top: var(--py); padding-bottom: var(--py); }
.xl\:px { padding-right: var(--px); padding-left: var(--px); }
.xl\:pt { padding-top: var(--pt); }
.xl\:pr { padding-right: var(--pr); }
.xl\:pb { padding-bottom: var(--pb); }
.xl\:pl { padding-left: var(--pl); }

.xl\:p-default-\/5 { padding: calc(var(--padding-top-default) / 5) calc(var(--padding-right-default) / 5) calc(var(--padding-bottom-default) / 5) calc(var(--padding-left-default) / 5); }
.xl\:px-default-\/5 { padding-left: calc(var(--padding-left-default) / 5); padding-right: calc(var(--padding-right-default) / 5); }
.xl\:py-default-\/5 { padding-top: calc(var(--padding-top-default) / 5); padding-bottom: calc(var(--padding-bottom-default) / 5); }
.xl\:pt-default-\/5 { padding-top: calc(var(--padding-top-default) / 5); }
.xl\:pr-default-\/5 { padding-right: calc(var(--padding-right-default) / 5); }
.xl\:pb-default-\/5 { padding-bottom: calc(var(--padding-bottom-default) / 5); }
.xl\:pl-default-\/5 { padding-left: calc(var(--padding-left-default) / 5); }

.xl\:p-layout-\/5 { padding: calc(var(--padding-top-layout) / 5) calc(var(--padding-right-layout) / 5) calc(var(--padding-bottom-layout) / 5) calc(var(--padding-left-layout) / 5); }
.xl\:px-layout-\/5 { padding-left: calc(var(--padding-left-layout) / 5); padding-right: calc(var(--padding-right-layout) / 5); }
.xl\:py-layout-\/5 { padding-top: calc(var(--padding-top-layout) / 5); padding-bottom: calc(var(--padding-bottom-layout) / 5); }
.xl\:pt-layout-\/5 { padding-top: calc(var(--padding-top-layout) / 5); }
.xl\:pr-layout-\/5 { padding-right: calc(var(--padding-right-layout) / 5); }
.xl\:pb-layout-\/5 { padding-bottom: calc(var(--padding-bottom-layout) / 5); }
.xl\:pl-layout-\/5 { padding-left: calc(var(--padding-left-layout) / 5); }

.xl\:p-default-\/4 { padding: calc(var(--padding-top-default) / 4) calc(var(--padding-right-default) / 4) calc(var(--padding-bottom-default) / 4) calc(var(--padding-left-default) / 4); }
.xl\:px-default-\/4 { padding-left: calc(var(--padding-left-default) / 4); padding-right: calc(var(--padding-right-default) / 4); }
.xl\:py-default-\/4 { padding-top: calc(var(--padding-top-default) / 4); padding-bottom: calc(var(--padding-bottom-default) / 4); }
.xl\:pt-default-\/4 { padding-top: calc(var(--padding-top-default) / 4); }
.xl\:pr-default-\/4 { padding-right: calc(var(--padding-right-default) / 4); }
.xl\:pb-default-\/4 { padding-bottom: calc(var(--padding-bottom-default) / 4); }
.xl\:pl-default-\/4 { padding-left: calc(var(--padding-left-default) / 4); }

.xl\:p-layout-\/4 { padding: calc(var(--padding-top-layout) / 4) calc(var(--padding-right-layout) / 4) calc(var(--padding-bottom-layout) / 4) calc(var(--padding-left-layout) / 4); }
.xl\:px-layout-\/4 { padding-left: calc(var(--padding-left-layout) / 4); padding-right: calc(var(--padding-right-layout) / 4); }
.xl\:py-layout-\/4 { padding-top: calc(var(--padding-top-layout) / 4); padding-bottom: calc(var(--padding-bottom-layout) / 4); }
.xl\:pt-layout-\/4 { padding-top: calc(var(--padding-top-layout) / 4); }
.xl\:pr-layout-\/4 { padding-right: calc(var(--padding-right-layout) / 4); }
.xl\:pb-layout-\/4 { padding-bottom: calc(var(--padding-bottom-layout) / 4); }
.xl\:pl-layout-\/4 { padding-left: calc(var(--padding-left-layout) / 4); }

.xl\:p-default-\/3 { padding: calc(var(--padding-top-default) / 3) calc(var(--padding-right-default) / 3) calc(var(--padding-bottom-default) / 3) calc(var(--padding-left-default) / 3); }
.xl\:px-default-\/3 { padding-left: calc(var(--padding-left-default) / 3); padding-right: calc(var(--padding-right-default) / 3); }
.xl\:py-default-\/3 { padding-top: calc(var(--padding-top-default) / 3); padding-bottom: calc(var(--padding-bottom-default) / 3); }
.xl\:pt-default-\/3 { padding-top: calc(var(--padding-top-default) / 3); }
.xl\:pr-default-\/3 { padding-right: calc(var(--padding-right-default) / 3); }
.xl\:pb-default-\/3 { padding-bottom: calc(var(--padding-bottom-default) / 3); }
.xl\:pl-default-\/3 { padding-left: calc(var(--padding-left-default) / 3); }

.xl\:p-layout-\/3 { padding: calc(var(--padding-top-layout) / 3) calc(var(--padding-right-layout) / 3) calc(var(--padding-bottom-layout) / 3) calc(var(--padding-left-layout) / 3); }
.xl\:px-layout-\/3 { padding-left: calc(var(--padding-left-layout) / 3); padding-right: calc(var(--padding-right-layout) / 3); }
.xl\:py-layout-\/3 { padding-top: calc(var(--padding-top-layout) / 3); padding-bottom: calc(var(--padding-bottom-layout) / 3); }
.xl\:pt-layout-\/3 { padding-top: calc(var(--padding-top-layout) / 3); }
.xl\:pr-layout-\/3 { padding-right: calc(var(--padding-right-layout) / 3); }
.xl\:pb-layout-\/3 { padding-bottom: calc(var(--padding-bottom-layout) / 3); }
.xl\:pl-layout-\/3 { padding-left: calc(var(--padding-left-layout) / 3); }

.xl\:p-default-\/2 { padding: calc(var(--padding-top-default) / 2) calc(var(--padding-right-default) / 2) calc(var(--padding-bottom-default) / 2) calc(var(--padding-left-default) / 2); }
.xl\:px-default-\/2 { padding-left: calc(var(--padding-left-default) / 2); padding-right: calc(var(--padding-right-default) / 2); }
.xl\:py-default-\/2 { padding-top: calc(var(--padding-top-default) / 2); padding-bottom: calc(var(--padding-bottom-default) / 2); }
.xl\:pt-default-\/2 { padding-top: calc(var(--padding-top-default) / 2); }
.xl\:pr-default-\/2 { padding-right: calc(var(--padding-right-default) / 2); }
.xl\:pb-default-\/2 { padding-bottom: calc(var(--padding-bottom-default) / 2); }
.xl\:pl-default-\/2 { padding-left: calc(var(--padding-left-default) / 2); }

.xl\:p-layout-\/2 { padding: calc(var(--padding-top-layout) / 2) calc(var(--padding-right-layout) / 2) calc(var(--padding-bottom-layout) / 2) calc(var(--padding-left-layout) / 2); }
.xl\:px-layout-\/2 { padding-left: calc(var(--padding-left-layout) / 2); padding-right: calc(var(--padding-right-layout) / 2); }
.xl\:py-layout-\/2 { padding-top: calc(var(--padding-top-layout) / 2); padding-bottom: calc(var(--padding-bottom-layout) / 2); }
.xl\:pt-layout-\/2 { padding-top: calc(var(--padding-top-layout) / 2); }
.xl\:pr-layout-\/2 { padding-right: calc(var(--padding-right-layout) / 2); }
.xl\:pb-layout-\/2 { padding-bottom: calc(var(--padding-bottom-layout) / 2); }
.xl\:pl-layout-\/2 { padding-left: calc(var(--padding-left-layout) / 2); }

.xl\:p-default { padding: var(--padding-top-default) var(--padding-right-default) var(--padding-bottom-default) var(--padding-left-default); }
.xl\:px-default { padding-right: var(--padding-right-default); padding-left: var(--padding-left-default); }
.xl\:py-default { padding-top: var(--padding-top-default); padding-bottom: var(--padding-bottom-default); }
.xl\:pt-default { padding-top: var(--padding-top-default); }
.xl\:pr-default { padding-right: var(--padding-right-default); }
.xl\:pb-default { padding-bottom: var(--padding-bottom-default); }
.xl\:pl-default { padding-left: var(--padding-left-default); }

.xl\:p-layout { padding: var(--padding-top-layout) var(--padding-right-layout) var(--padding-bottom-layout) var(--padding-left-layout); }
.xl\:px-layout { padding-right: var(--padding-right-layout); padding-left: var(--padding-left-layout); }
.xl\:py-layout { padding-top: var(--padding-top-layout); padding-bottom: var(--padding-bottom-layout); }
.xl\:pt-layout { padding-top: var(--padding-top-layout); }
.xl\:pr-layout { padding-right: var(--padding-right-layout); }
.xl\:pb-layout { padding-bottom: var(--padding-bottom-layout); }
.xl\:pl-layout { padding-left: var(--padding-left-layout); }

.xl\:p-default-x1_5 { padding: calc(var(--padding-top-default) * 1.5) calc(var(--padding-right-default) * 1.5) calc(var(--padding-bottom-default) * 1.5) calc(var(--padding-left-default) * 1.5); }
.xl\:px-default-x1_5 { padding-left: calc(var(--padding-left-default) * 1.5); padding-right: calc(var(--padding-right-default) * 1.5); }
.xl\:py-default-x1_5 { padding-top: calc(var(--padding-top-default) * 1.5); padding-bottom: calc(var(--padding-bottom-default) * 1.5); }
.xl\:pt-default-x1_5 { padding-top: calc(var(--padding-top-default) * 1.5); }
.xl\:pr-default-x1_5 { padding-right: calc(var(--padding-right-default) * 1.5); }
.xl\:pb-default-x1_5 { padding-bottom: calc(var(--padding-bottom-default) * 1.5); }
.xl\:pl-default-x1_5 { padding-left: calc(var(--padding-left-default) * 1.5); }

.xl\:p-layout-x1_5 { padding: calc(var(--padding-top-layout) * 1.5) calc(var(--padding-right-layout) * 1.5) calc(var(--padding-bottom-layout) * 1.5) calc(var(--padding-left-layout) * 1.5); }
.xl\:px-layout-x1_5 { padding-left: calc(var(--padding-left-layout) * 1.5); padding-right: calc(var(--padding-right-layout) * 1.5); }
.xl\:py-layout-x1_5 { padding-top: calc(var(--padding-top-layout) * 1.5); padding-bottom: calc(var(--padding-bottom-layout) * 1.5); }
.xl\:pt-layout-x1_5 { padding-top: calc(var(--padding-top-layout) * 1.5); }
.xl\:pr-layout-x1_5 { padding-right: calc(var(--padding-right-layout) * 1.5); }
.xl\:pb-layout-x1_5 { padding-bottom: calc(var(--padding-bottom-layout) * 1.5); }
.xl\:pl-layout-x1_5 { padding-left: calc(var(--padding-left-layout) * 1.5); }

.xl\:p-default-x2 { padding: calc(var(--padding-top-default) * 2) calc(var(--padding-right-default) * 2) calc(var(--padding-bottom-default) * 2) calc(var(--padding-left-default) * 2); }
.xl\:px-default-x2 { padding-left: calc(var(--padding-left-default) * 2); padding-right: calc(var(--padding-right-default) * 2); }
.xl\:py-default-x2 { padding-top: calc(var(--padding-top-default) * 2); padding-bottom: calc(var(--padding-bottom-default) * 2); }
.xl\:pt-default-x2 { padding-top: calc(var(--padding-top-default) * 2); }
.xl\:pr-default-x2 { padding-right: calc(var(--padding-right-default) * 2); }
.xl\:pb-default-x2 { padding-bottom: calc(var(--padding-bottom-default) * 2); }
.xl\:pl-default-x2 { padding-left: calc(var(--padding-left-default) * 2); }

.xl\:p-layout-x2 { padding: calc(var(--padding-top-layout) * 2) calc(var(--padding-right-layout) * 2) calc(var(--padding-bottom-layout) * 2) calc(var(--padding-left-layout) * 2); }
.xl\:px-layout-x2 { padding-left: calc(var(--padding-left-layout) * 2); padding-right: calc(var(--padding-right-layout) * 2); }
.xl\:py-layout-x2 { padding-top: calc(var(--padding-top-layout) * 2); padding-bottom: calc(var(--padding-bottom-layout) * 2); }
.xl\:pt-layout-x2 { padding-top: calc(var(--padding-top-layout) * 2); }
.xl\:pr-layout-x2 { padding-right: calc(var(--padding-right-layout) * 2); }
.xl\:pb-layout-x2 { padding-bottom: calc(var(--padding-bottom-layout) * 2); }
.xl\:pl-layout-x2 { padding-left: calc(var(--padding-left-layout) * 2); }

.xl\:p-default-x3 { padding: calc(var(--padding-top-default) * 3) calc(var(--padding-right-default) * 3) calc(var(--padding-bottom-default) * 3) calc(var(--padding-left-default) * 3); }
.xl\:px-default-x3 { padding-left: calc(var(--padding-left-default) * 3); padding-right: calc(var(--padding-right-default) * 3); }
.xl\:py-default-x3 { padding-top: calc(var(--padding-top-default) * 3); padding-bottom: calc(var(--padding-bottom-default) * 3); }
.xl\:pt-default-x3 { padding-top: calc(var(--padding-top-default) * 3); }
.xl\:pr-default-x3 { padding-right: calc(var(--padding-right-default) * 3); }
.xl\:pb-default-x3 { padding-bottom: calc(var(--padding-bottom-default) * 3); }
.xl\:pl-default-x3 { padding-left: calc(var(--padding-left-default) * 3); }

.xl\:p-layout-x3 { padding: calc(var(--padding-top-layout) * 3) calc(var(--padding-right-layout) * 3) calc(var(--padding-bottom-layout) * 3) calc(var(--padding-left-layout) * 3); }
.xl\:px-layout-x3 { padding-left: calc(var(--padding-left-layout) * 3); padding-right: calc(var(--padding-right-layout) * 3); }
.xl\:py-layout-x3 { padding-top: calc(var(--padding-top-layout) * 3); padding-bottom: calc(var(--padding-bottom-layout) * 3); }
.xl\:pt-layout-x3 { padding-top: calc(var(--padding-top-layout) * 3); }
.xl\:pr-layout-x3 { padding-right: calc(var(--padding-right-layout) * 3); }
.xl\:pb-layout-x3 { padding-bottom: calc(var(--padding-bottom-layout) * 3); }
.xl\:pl-layout-x3 { padding-left: calc(var(--padding-left-layout) * 3); }

.xl\:p-default-x4 { padding: calc(var(--padding-top-default) * 4) calc(var(--padding-right-default) * 4) calc(var(--padding-bottom-default) * 4) calc(var(--padding-left-default) * 4); }
.xl\:px-default-x4 { padding-left: calc(var(--padding-left-default) * 4); padding-right: calc(var(--padding-right-default) * 4); }
.xl\:py-default-x4 { padding-top: calc(var(--padding-top-default) * 4); padding-bottom: calc(var(--padding-bottom-default) * 4); }
.xl\:pt-default-x4 { padding-top: calc(var(--padding-top-default) * 4); }
.xl\:pr-default-x4 { padding-right: calc(var(--padding-right-default) * 4); }
.xl\:pb-default-x4 { padding-bottom: calc(var(--padding-bottom-default) * 4); }
.xl\:pl-default-x4 { padding-left: calc(var(--padding-left-default) * 4); }

.xl\:p-layout-x4 { padding: calc(var(--padding-top-layout) * 4) calc(var(--padding-right-layout) * 4) calc(var(--padding-bottom-layout) * 4) calc(var(--padding-left-layout) * 4); }
.xl\:px-layout-x4 { padding-left: calc(var(--padding-left-layout) * 4); padding-right: calc(var(--padding-right-layout) * 4); }
.xl\:py-layout-x4 { padding-top: calc(var(--padding-top-layout) * 4); padding-bottom: calc(var(--padding-bottom-layout) * 4); }
.xl\:pt-layout-x4 { padding-top: calc(var(--padding-top-layout) * 4); }
.xl\:pr-layout-x4 { padding-right: calc(var(--padding-right-layout) * 4); }
.xl\:pb-layout-x4 { padding-bottom: calc(var(--padding-bottom-layout) * 4); }
.xl\:pl-layout-x4 { padding-left: calc(var(--padding-left-layout) * 4); }

.xl\:p-default-x5 { padding: calc(var(--padding-top-default) * 5) calc(var(--padding-right-default) * 5) calc(var(--padding-bottom-default) * 5) calc(var(--padding-left-default) * 5); }
.xl\:px-default-x5 { padding-left: calc(var(--padding-left-default) * 5); padding-right: calc(var(--padding-right-default) * 5); }
.xl\:py-default-x5 { padding-top: calc(var(--padding-top-default) * 5); padding-bottom: calc(var(--padding-bottom-default) * 5); }
.xl\:pt-default-x5 { padding-top: calc(var(--padding-top-default) * 5); }
.xl\:pr-default-x5 { padding-right: calc(var(--padding-right-default) * 5); }
.xl\:pb-default-x5 { padding-bottom: calc(var(--padding-bottom-default) * 5); }
.xl\:pl-default-x5 { padding-left: calc(var(--padding-left-default) * 5); }

.xl\:p-layout-x5 { padding: calc(var(--padding-top-layout) * 5) calc(var(--padding-right-layout) * 5) calc(var(--padding-bottom-layout) * 5) calc(var(--padding-left-layout) * 5); }
.xl\:px-layout-x5 { padding-left: calc(var(--padding-left-layout) * 5); padding-right: calc(var(--padding-right-layout) * 5); }
.xl\:py-layout-x5 { padding-top: calc(var(--padding-top-layout) * 5); padding-bottom: calc(var(--padding-bottom-layout) * 5); }
.xl\:pt-layout-x5 { padding-top: calc(var(--padding-top-layout) * 5); }
.xl\:pr-layout-x5 { padding-right: calc(var(--padding-right-layout) * 5); }
.xl\:pb-layout-x5 { padding-bottom: calc(var(--padding-bottom-layout) * 5); }
.xl\:pl-layout-x5 { padding-left: calc(var(--padding-left-layout) * 5); }
/****************************************************** FIM DEFAULT MARGINS/PADDINGS ******************************************************/

/********************************************************* CONTROLOS SHOW / HIDE **********************************************************/
.xl\:block { display: block; }
.xl\:inline { display: inline; }
.xl\:inline-block { display: inline-block; }
.xl\:flex { display: flex; }
.xl\:inline-flex { display: inline-flex; }
.xl\:grid { display: grid; }
.xl\:inline-grid { display: inline-grid; }
.xl\:table { display: table; }
.xl\:table-row { display: table-row; }
.xl\:table-cell { display: table-cell; }
.xl\:hidden { display: none; }
/******************************************************* FIM CONTROLOS SHOW / HIDE ********************************************************/
/**************************************************************** OVERFLOW ****************************************************************/
.xl\:overflow-auto{ overflow: auto; }
.xl\:overflow-hidden{ overflow: hidden; }
.xl\:overflow-clip{ overflow: clip; }
.xl\:overflow-visible{ overflow: visible; }
.xl\:overflow-scroll{ overflow: scroll; }
.xl\:overflow-x-auto{ overflow-x: auto; }
.xl\:overflow-y-auto{ overflow-y: auto; }
.xl\:overflow-x-hidden{ overflow-x: hidden; }
.xl\:overflow-y-hidden{ overflow-y: hidden; }
.xl\:overflow-x-clip{ overflow-x: clip; }
.xl\:overflow-y-clip{ overflow-y: clip; }
.xl\:overflow-x-visible{ overflow-x: visible; }
.xl\:overflow-y-visible{ overflow-y: visible; }
.xl\:overflow-x-scroll{ overflow-x: scroll; }
.xl\:overflow-y-scroll{ overflow-y: scroll; }
/************************************************************** FIM OVERFLOW **************************************************************/
/************************************************************** POSITIONING ***************************************************************/
.xl\:static { position: static; }
.xl\:relative { position: relative; }
.xl\:absolute { position: absolute; }
.xl\:fixed { position: fixed; }
.xl\:sticky { position: sticky; }

.xl\:top-0 { top: 0; }
.xl\:top-50 { top: 50%; }
.xl\:top-100 { top: 100%; }
.xl\:top { top: var(--top); }

.xl\:bottom-0 { bottom: 0; }
.xl\:bottom-50 { bottom: 50%; }
.xl\:bottom-100 { bottom: 100%; }
.xl\:bottom { bottom: var(--bottom); }

.xl\:left-0 { left: 0; }
.xl\:left-50 { left: 50%; }
.xl\:left-100 { left: 100%; }
.xl\:left { left: var(--left); }

.xl\:right-0 { right: 0; }
.xl\:right-50 { right: 50%; }
.xl\:right-100 { right: 100%; }
.xl\:right { right: var(--right); }

.group.active .xl\:group-active\:translate-x-0, .group.selected .xl\:group-selected\:translate-x-0, .group:hover .xl\:group-hover\:translate-x-0, .xl\:hover\:translate-x-0:hover, .xl\:translate-x-0 { --icono2-translate-x: 0; }
.group.active .xl\:group-active\:translate-x-50, .group.selected .xl\:group-selected\:translate-x-50, .group:hover .xl\:group-hover\:translate-x-50, .xl\:hover\:translate-x-50:hover, .xl\:translate-x-50 { --icono2-translate-x: 50%; }
.group.active .xl\:group-active\:-translate-x-50, .group.selected .xl\:group-selected\:-translate-x-50, .group:hover .xl\:group-hover\:-translate-x-50, .xl\:hover\:-translate-x-50:hover, .xl\:-translate-x-50 { --icono2-translate-x: -50%; }
.group.active .xl\:group-active\:translate-x-full, .group.selected .xl\:group-selected\:translate-x-full, .group:hover .xl\:group-hover\:translate-x-full, .xl\:hover\:translate-x-full:hover, .xl\:translate-x-full { --icono2-translate-x: 100%; }
.group.active .xl\:group-active\:-translate-x-full, .group.selected .xl\:group-selected\:-translate-x-full, .group:hover .xl\:group-hover\:-translate-x-full, .xl\:hover\:-translate-x-full:hover, .xl\:-translate-x-full { --icono2-translate-x: -100%; }
.group.active .xl\:group-active\:translate-y-0, .group.selected .xl\:group-selected\:translate-y-0, .group:hover .xl\:group-hover\:translate-y-0, .xl\:hover\:translate-y-0:hover, .xl\:translate-y-0 { --icono2-translate-y: 0; }
.group.active .xl\:group-active\:translate-y-50, .group.selected .xl\:group-selected\:translate-y-50, .group:hover .xl\:group-hover\:translate-y-50, .xl\:hover\:translate-y-50:hover, .xl\:translate-y-50 { --icono2-translate-y: 50%; }
.group.active .xl\:group-active\:-translate-y-50, .group.selected .xl\:group-selected\:-translate-y-50, .group:hover .xl\:group-hover\:-translate-y-50, .xl\:hover\:-translate-y-50:hover, .xl\:-translate-y-50 { --icono2-translate-y: -50%; }
.group.active .xl\:group-active\:translate-y-full, .group.selected .xl\:group-selected\:translate-y-full, .group:hover .xl\:group-hover\:translate-y-full, .xl\:hover\:translate-y-full:hover, .xl\:translate-y-full { --icono2-translate-y: 100%; }
.group.active .xl\:group-active\:-translate-y-full, .group.selected .xl\:group-selected\:-translate-y-full, .group:hover .xl\:group-hover\:-translate-y-full, .xl\:hover\:-translate-y-full:hover, .xl\:-translate-y-full { --icono2-translate-y: -100%; }
.group.active .xl\:group-active\:translate-50, .group.selected .xl\:group-selected\:translate-50, .group:hover .xl\:group-hover\:translate-50, .xl\:hover\:translate-50:hover, .xl\:translate-50 { --icono2-translate-x: 50%; --icono2-translate-y: 50%; }
.group.active .xl\:group-active\:-translate-50, .group.selected .xl\:group-selected\:-translate-50, .group:hover .xl\:group-hover\:-translate-50, .xl\:hover\:-translate-50:hover, .xl\:-translate-50 { --icono2-translate-x: -50%; --icono2-translate-y: -50%; }
.group.active .xl\:group-active\:translate-x, .group.selected .xl\:group-selected\:translate-x, .group:hover .xl\:group-hover\:translate-x, .xl\:hover\:translate-x:hover, .xl\:translate-x { --icono2-translate-x: var(--translate-x); }
.group.active .xl\:group-active\:translate-x-anim, .group.selected .xl\:group-selected\:translate-x-anim, .group:hover .xl\:group-hover\:translate-x-anim, .xl\:hover\:translate-x-anim:hover { --icono2-translate-x: var(--translate-x-anim); }
.group.active .xl\:group-active\:translate-y, .group.selected .xl\:group-selected\:translate-y, .group:hover .xl\:group-hover\:translate-y, .xl\:hover\:translate-y:hover, .xl\:translate-y { --icono2-translate-y: var(--translate-y); }
.group.active .xl\:group-active\:translate-y-anim, .group.selected .xl\:group-selected\:translate-y-anim, .group:hover .xl\:group-hover\:translate-y-anim, .xl\:hover\:translate-y-anim:hover { --icono2-translate-y: var(--translate-y-anim); }
.group.active .xl\:group-active\:scale, .group.selected .xl\:group-selected\:scale, .group:hover .xl\:group-hover\:scale, .xl\:hover\:scale:hover, .xl\:scale { --icono2-scale: var(--scale); }
.group.active .xl\:group-active\:scale-anim, .group.selected .xl\:group-selected\:scale-anim, .group:hover .xl\:group-hover\:scale-anim, .xl\:hover\:scale-anim:hover, .xl\:scale-anim { --icono2-scale-anim: var(--scale-anim); }
.group.active .xl\:group-active\:scale-100, .group.selected .xl\:group-selected\:scale-100, .group:hover .xl\:group-hover\:scale-100, .xl\:hover\:scale-100:hover, .xl\:scale-100 { --icono2-scale: 1; }
.group.active .xl\:group-active\:scale-anim-100, .group.selected .xl\:group-selected\:scale-anim-100, .group:hover .xl\:group-hover\:scale-anim-100, .xl\:hover\:scale-anim-100:hover, .xl\:scale-anim-100 { --icono2-scale-anim: 1; }
.group.active .xl\:group-active\:scale-110, .group.selected .xl\:group-selected\:scale-110, .group:hover .xl\:group-hover\:scale-110, .xl\:hover\:scale-110:hover, .xl\:scale-110 { --icono2-scale: 1.1; }
.group.active .xl\:group-active\:scale-anim-110, .group.selected .xl\:group-selected\:scale-anim-110, .group:hover .xl\:group-hover\:scale-anim-110, .xl\:hover\:scale-anim-110:hover, .xl\:scale-anim-110 { --icono2-scale-anim: 1.1; }
.group.active .xl\:group-active\:scale-125, .group.selected .xl\:group-selected\:scale-125, .group:hover .xl\:group-hover\:scale-125, .xl\:hover\:scale-125:hover, .xl\:scale-125 { --icono2-scale: 1.25; }
.group.active .xl\:group-active\:scale-anim-125, .group.selected .xl\:group-selected\:scale-anim-125, .group:hover .xl\:group-hover\:scale-anim-125, .xl\:hover\:scale-anim-125:hover, .xl\:scale-anim-125 { --icono2-scale-anim: 1.25; }
.group.active .xl\:group-active\:scale-150, .group.selected .xl\:group-selected\:scale-150, .group:hover .xl\:group-hover\:scale-150, .xl\:hover\:scale-150:hover, .xl\:scale-150 { --icono2-scale: 1.5; }
.group.active .xl\:group-active\:scale-anim-150, .group.selected .xl\:group-selected\:scale-anim-150, .group:hover .xl\:group-hover\:scale-anim-150, .xl\:hover\:scale-anim-150:hover, .xl\:scale-anim-150 { --icono2-scale-anim: 1.5; }
.group.active .xl\:group-active\:scale-200, .group.selected .xl\:group-selected\:scale-200, .group:hover .xl\:group-hover\:scale-200, .xl\:hover\:scale-200:hover, .xl\:scale-200 { --icono2-scale: 2; }
.group.active .xl\:group-active\:scale-anim-200, .group.selected .xl\:group-selected\:scale-anim-200, .group:hover .xl\:group-hover\:scale-anim-200, .xl\:hover\:scale-anim-200:hover, .xl\:scale-anim-200 { --icono2-scale-anim: 2; }
.group.active .xl\:group-active\:rotate-0, .group.selected .xl\:group-selected\:rotate-0, .group:hover .xl\:group-hover\:rotate-0, .xl\:hover\:rotate-0:hover, .xl\:rotate-0 { --icono2-rotate: 0deg; }
.group.active .xl\:group-active\:rotate-45, .group.selected .xl\:group-selected\:rotate-45, .group:hover .xl\:group-hover\:rotate-45, .xl\:hover\:rotate-45:hover, .xl\:rotate-45 { --icono2-rotate: 45deg; }
.group.active .xl\:group-active\:rotate-90, .group.selected .xl\:group-selected\:rotate-90, .group:hover .xl\:group-hover\:rotate-90, .xl\:hover\:rotate-90:hover, .xl\:rotate-90 { --icono2-rotate: 90deg; }
.group.active .xl\:group-active\:rotate-180, .group.selected .xl\:group-selected\:rotate-180, .group:hover .xl\:group-hover\:rotate-180, .xl\:hover\:rotate-180:hover, .xl\:rotate-180 { --icono2-rotate: 180deg; }
.group.active .xl\:group-active\:rotate-270, .group.selected .xl\:group-selected\:rotate-270, .group:hover .xl\:group-hover\:rotate-270, .xl\:hover\:rotate-270:hover, .xl\:rotate-270 { --icono2-rotate: 270deg; }
.group.active .xl\:group-active\:translate-x-0, .group.selected .xl\:group-selected\:translate-x-0, .group:hover .xl\:group-hover\:translate-x-0, .xl\:hover\:translate-x-0:hover, .xl\:translate-x-0,
.group.active .xl\:group-active\:translate-x-50, .group.selected .xl\:group-selected\:translate-x-50, .group:hover .xl\:group-hover\:translate-x-50, .xl\:hover\:translate-x-50:hover, .xl\:translate-x-50,
.group.active .xl\:group-active\:-translate-x-50, .group.selected .xl\:group-selected\:-translate-x-50, .group:hover .xl\:group-hover\:-translate-x-50, .xl\:hover\:-translate-x-50:hover, .xl\:-translate-x-50,
.group.active .xl\:group-active\:translate-x-full, .group.selected .xl\:group-selected\:translate-x-full, .group:hover .xl\:group-hover\:translate-x-full, .xl\:hover\:translate-x-full:hover, .xl\:translate-x-full,
.group.active .xl\:group-active\:-translate-x-full, .group.selected .xl\:group-selected\:-translate-x-full, .group:hover .xl\:group-hover\:-translate-x-full, .xl\:hover\:-translate-x-full:hover, .xl\:-translate-x-full,
.group.active .xl\:group-active\:translate-y-0, .group.selected .xl\:group-selected\:translate-y-0, .group:hover .xl\:group-hover\:translate-y-0, .xl\:hover\:translate-y-0:hover, .xl\:translate-y-0,
.group.active .xl\:group-active\:translate-y-50, .group.selected .xl\:group-selected\:translate-y-50, .group:hover .xl\:group-hover\:translate-y-50, .xl\:hover\:translate-y-50:hover, .xl\:translate-y-50,
.group.active .xl\:group-active\:-translate-y-50, .group.selected .xl\:group-selected\:-translate-y-50, .group:hover .xl\:group-hover\:-translate-y-50, .xl\:hover\:-translate-y-50:hover, .xl\:-translate-y-50,
.group.active .xl\:group-active\:translate-y-full, .group.selected .xl\:group-selected\:translate-y-full, .group:hover .xl\:group-hover\:translate-y-full, .xl\:hover\:translate-y-full:hover, .xl\:translate-y-full,
.group.active .xl\:group-active\:-translate-y-full, .group.selected .xl\:group-selected\:-translate-y-full, .group:hover .xl\:group-hover\:-translate-y-full, .xl\:hover\:-translate-y-full:hover, .xl\:-translate-y-full,
.group.active .xl\:group-active\:translate-50, .group.selected .xl\:group-selected\:translate-50, .group:hover .xl\:group-hover\:translate-50, .xl\:hover\:translate-50:hover, .xl\:translate-50,
.group.active .xl\:group-active\:-translate-50, .group.selected .xl\:group-selected\:-translate-50, .group:hover .xl\:group-hover\:-translate-50, .xl\:hover\:-translate-50:hover, .xl\:-translate-50,
.group.active .xl\:group-active\:translate-x, .group.selected .xl\:group-selected\:translate-x, .group:hover .xl\:group-hover\:translate-x, .xl\:hover\:translate-x:hover, .xl\:translate-x,
.group.active .xl\:group-active\:translate-y, .group.selected .xl\:group-selected\:translate-y, .group:hover .xl\:group-hover\:translate-y, .xl\:hover\:translate-y:hover, .xl\:translate-y,
.group.active .xl\:group-active\:scale-100, .group.selected .xl\:group-selected\:scale-100, .group:hover .xl\:group-hover\:scale-100, .xl\:hover\:scale-100:hover, .xl\:scale-100,
.group.active .xl\:group-active\:scale-110, .group.selected .xl\:group-selected\:scale-110, .group:hover .xl\:group-hover\:scale-110, .xl\:hover\:scale-110:hover, .xl\:scale-110,
.group.active .xl\:group-active\:scale-125, .group.selected .xl\:group-selected\:scale-125, .group:hover .xl\:group-hover\:scale-125, .xl\:hover\:scale-125:hover, .xl\:scale-125,
.group.active .xl\:group-active\:scale-150, .group.selected .xl\:group-selected\:scale-150, .group:hover .xl\:group-hover\:scale-150, .xl\:hover\:scale-150:hover, .xl\:scale-150,
.group.active .xl\:group-active\:scale-200, .group.selected .xl\:group-selected\:scale-200, .group:hover .xl\:group-hover\:scale-200, .xl\:hover\:scale-200:hover, .xl\:scale-200,
.group.active .xl\:group-active\:rotate-0, .group.selected .xl\:group-selected\:rotate-0, .group:hover .xl\:group-hover\:rotate-0, .xl\:hover\:rotate-0:hover, .xl\:rotate-0,
.group.active .xl\:group-active\:rotate-45, .group.selected .xl\:group-selected\:rotate-45, .group:hover .xl\:group-hover\:rotate-45, .xl\:hover\:rotate-45:hover, .xl\:rotate-45,
.group.active .xl\:group-active\:rotate-90, .group.selected .xl\:group-selected\:rotate-90, .group:hover .xl\:group-hover\:rotate-90, .xl\:hover\:rotate-90:hover, .xl\:rotate-90,
.group.active .xl\:group-active\:rotate-180, .group.selected .xl\:group-selected\:rotate-180, .group:hover .xl\:group-hover\:rotate-180, .xl\:hover\:rotate-180:hover, .xl\:rotate-180,
.group.active .xl\:group-active\:rotate-270:not(.group .group-active\:rotate-270 *), .group.selected .xl\:group-selected\:rotate-270, .group:hover .xl\:group-hover\:rotate-270, .xl\:hover\:rotate-270:hover, .xl\:rotate-270,
.xl\:hoverimg-child, .xl\:transform { transform: translateX(var(--icono2-translate-x)) translateY(var(--icono2-translate-y)) rotate(var(--icono2-rotate)) scale(var(--icono2-scale)); }

.xl\:-z-1 { z-index: -1; }
.xl\:z-0 { z-index: 0; }
.xl\:z-1 { z-index: 1; }
.xl\:z-2 { z-index: 2; }
.xl\:z-3 { z-index: 3; }
.xl\:z-4 { z-index: 4; }
.xl\:z-5 { z-index: 5; }
.xl\:z-6 { z-index: 6; }
.xl\:z-7 { z-index: 7; }
.xl\:z-8 { z-index: 8; }
.xl\:z-9 { z-index: 9; }
.xl\:z-10 { z-index: 10; }
.xl\:z-11 { z-index: 11; }
.xl\:z-12 { z-index: 12; }
.xl\:z-13 { z-index: 13; }
.xl\:z-14 { z-index: 14; }
.xl\:z-15 { z-index: 15; }
.xl\:z-16 { z-index: 16; }
.xl\:z-17 { z-index: 17; }
.xl\:z-18 { z-index: 18; }
.xl\:z-19 { z-index: 19; }
.xl\:z-20 { z-index: 20; }
.xl\:z-50 { z-index: 50; }
.xl\:z-100 { z-index: 100; }
.xl\:z-auto { z-index: auto; }

.xl\:float-right{ float: right; }
.xl\:float-left{ float: left; }
.xl\:float-start{ float: inline-start; }
.xl\:float-end{ float: inline-end; }
.xl\:float-none{ float: none; }

.xl\:clear-left{ clear: left; }
.xl\:clear-right{ clear: right; }
.xl\:clear-both{ clear: both; }
.xl\:clear-start{ clear: inline-start; }
.xl\:clear-end{ clear: inline-end; }
.xl\:clear-none{ clear: none; }
/************************************************************ FIM POSITIONING *************************************************************/

.xl\:text-left{ text-align: left; }
.xl\:text-center{ text-align: center; }
.xl\:text-right{ text-align: right; }
.xl\:text-justify{ text-align: justify; }
.xl\:text-start{ text-align: start; }
.xl\:text-end{ text-align: end; }

.xl\:writing-mode-vlr{ writing-mode: vertical-lr; }

/************************************************************** ASPECT_RATIO **************************************************************/
.xl\:ratio-1{ --ratio-w: 1; --ratio-h: 1; }
.xl\:ratio-4\/3{ --ratio-w: 4; --ratio-h: 3; }
.xl\:ratio-16\/9{ --ratio-w: 16; --ratio-h: 9; }
.xl\:ratio-9\/16{ --ratio-w: 9; --ratio-h: 16; }
.xl\:ratio-1, .xl\:ratio-4\/3, .xl\:ratio-16\/9, .xl\:ratio-9\/16, .xl\:ratio{ aspect-ratio: var(--ratio-w)/var(--ratio-h); }

@supports not (aspect-ratio: 1/1) {
  .xl\:ratio::before, .xl\:ratio-1::before, .xl\:ratio-4\/3::before, .xl\:ratio-16\/9::before, .xl\:ratio-9\/16::before{ float: left; padding-top: calc((var(--ratio-h) / var(--ratio-w)) * 100%); content: ""; }
  .xl\:ratio > div:nth-child(1), .xl\:ratio-1 > div:nth-child(1), .xl\:ratio-4\/3 > div:nth-child(1), .xl\:ratio-16\/9 > div:nth-child(1), .xl\:ratio-9\/16 > div:nth-child(1){ position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
  .xl\:ratio::after, .xl\:ratio-1::after, .xl\:ratio-4\/3::after, .xl\:ratio-16\/9::after, .xl\:ratio-9\/16::after{display: block; content: ""; clear: both;}
}
/************************************************************ FIM ASPECT_RATIO ************************************************************/


/*********************************************************** DEFAULTS FLEX/GRID ***********************************************************/
/*************************************************************** DIRECTION ****************************************************************/
.xl\:flex-row{ flex-direction: row; }
.xl\:flex-row-reverse{ flex-direction: row-reverse; }
.xl\:flex-col{ flex-direction: column; }
.xl\:flex-col-reverse{ flex-direction: column-reverse; }
/************************************************************* FIM DIRECTION **************************************************************/
/****************************************************************** WRAP ******************************************************************/
.xl\:flex-nowrap{ flex-wrap: nowrap; }
.xl\:flex-wrap{ flex-wrap: wrap; }
.xl\:flex-wrap-reverse{ flex-wrap: wrap-reverse; }
/**************************************************************** FIM WRAP ****************************************************************/
/****************************************************************** GROW ******************************************************************/
.xl\:flex-grow{ flex-grow: var(--flex-grow); }
.xl\:flex-grow-1{ flex-grow: 1; }
.xl\:flex-nogrow{ flex-grow: 0; }
/**************************************************************** FIM GROW ****************************************************************/
/***************************************************************** SHRINK *****************************************************************/
.xl\:flex-shrink{ flex-shrink: var(--flex-shrink); }
.xl\:flex-shrink-1{ flex-shrink: 1; }
.xl\:flex-noshrink{ flex-shrink: 0; }
/*************************************************************** FIM SHRINK ***************************************************************/
/*************************************************************** FLEX-BASIS ***************************************************************/
.xl\:basis{ flex-basis: var(--basis); }
.xl\:basis-full{ flex-basis: 100%; }
.xl\:basis-0{ flex-basis: 0%; }
.xl\:basis-1\/12 { flex-basis: 8.333%; }
.xl\:basis-1\/10 { flex-basis: 10%; }
.xl\:basis-1\/8 { flex-basis: 12.5%; }
.xl\:basis-1\/6, .basis-2\/12 { flex-basis: 16.667%; }
.xl\:basis-1\/5, .basis-2\/10 { flex-basis: 20%; }
.xl\:basis-1\/4, .basis-2\/8, .basis-3\/12 { flex-basis: 25%; }
.xl\:basis-3\/10 { flex-basis: 30%; }
.xl\:basis-1\/3, .basis-2\/6, .basis-4\/12 { flex-basis: 33.333%; }
.xl\:basis-3\/8 { flex-basis: 37.5%; }
.xl\:basis-2\/5, .basis-4\/10 { flex-basis: 40%; }
.xl\:basis-5\/12 { flex-basis: 41.667%; }
.xl\:basis-1\/2, .basis-2\/4, .basis-3\/6, .basis-4\/8, .basis-5\/10, .basis-6\/12 { flex-basis: 50%; }
.xl\:basis-7\/12 { flex-basis: 58.333%; }
.xl\:basis-3\/5, .basis-6\/10 { flex-basis: 60%; }
.xl\:basis-5\/8 { flex-basis: 62.5%; }
.xl\:basis-2\/3 { flex-basis: 66.666%; }
.xl\:basis-4\/6, .basis-8\/12 { flex-basis: 66.667%; }
.xl\:basis-7\/10 { flex-basis: 70%; }
.xl\:basis-3\/4, .basis-6\/8, .basis-9\/12 { flex-basis: 75%; }
.xl\:basis-4\/5, .basis-8\/10 { flex-basis: 80%; }
.xl\:basis-5\/6, .basis-10\/12 { flex-basis: 83.333%; }
.xl\:basis-7\/8 { flex-basis: 87.5%; }
.xl\:basis-9\/10 { flex-basis: 90%; }
.xl\:basis-11\/12 { flex-basis: 91.667%; }
/************************************************************* FIM FLEX-BASIS *************************************************************/

/****************************************************************** GROW ******************************************************************/
.xl\:gap-x-0{ column-gap: 0; }
.xl\:gap-y-0{ row-gap: 0; }
.xl\:gap-x{ column-gap: var(--gap-x); }
.xl\:gap-y{ row-gap: var(--gap-y); }
/**************************************************************** FIM GROW ****************************************************************/
/************************************************************ JUSTIFY CONTENT *************************************************************/
.xl\:justify-start{ justify-content: flex-start; }
.xl\:justify-end{ justify-content: flex-end; }
.xl\:justify-center{ justify-content: center; }
.xl\:justify-between{ justify-content: space-between; }
.xl\:justify-around{ justify-content: space-around; }
.xl\:justify-evenly{ justify-content: space-evenly; }
.xl\:justify-stretch{ justify-content: stretch; }
.xl\:justify-baseline{ justify-content: baseline; }
.xl\:justify-normal{ justify-content: normal; }
/********************************************************** FIM JUSTIFY CONTENT ***********************************************************/
/************************************************************* JUSTIFY ITEMS **************************************************************/
.xl\:justify-items-start{ justify-items: start; }
.xl\:justify-items-end{ justify-items: end; }
.xl\:justify-items-center{ justify-items: center; }
.xl\:justify-items-stretch{ justify-items: stretch; }
.xl\:justify-items-normal{ justify-items: normal; }
/*********************************************************** FIM JUSTIFY ITEMS ************************************************************/
/************************************************************** ALIGN ITEMS ***************************************************************/
.xl\:items-start{ align-items: flex-start; }
.xl\:items-end{ align-items: flex-end; }
.xl\:items-center{ align-items: center; }
.xl\:items-baseline{ align-items: baseline; }
.xl\:items-stretch{ align-items: stretch; }
/************************************************************ FIM ALIGN ITEMS *************************************************************/
/*************************************************************** ALIGN SELF ***************************************************************/
.xl\:self-auto{ align-self: auto; }
.xl\:self-start{ align-self: flex-start; }
.xl\:self-end{ align-self: flex-end; }
.xl\:self-center{ align-self: center; }
.xl\:self-stretch{ align-self: stretch; }
.xl\:self-baseline{ align-self: baseline; }
/************************************************************* FIM ALIGN SELF *************************************************************/
.xl\:auto-cols-auto{ grid-auto-columns: auto; }
.xl\:auto-cols-min{ grid-auto-columns: min-content; }
.xl\:auto-cols-max{ grid-auto-columns: max-content; }
.xl\:auto-cols-fr{ grid-auto-columns: minmax(0, 1fr); }

.xl\:template-cols-fr{ grid-template-rows: minmax(0, 1fr); }

/********************************************************* FIM DEFAULTS FLEX/GRID *********************************************************/

.xl\:whitespace-normal{ white-space: normal; }
.xl\:whitespace-nowrap{ white-space: nowrap; }
.xl\:whitespace-pre{ white-space: pre; }
.xl\:whitespace-pre-line{ white-space: pre-line; }
.xl\:whitespace-pre-wrap{ white-space: pre-wrap; }
.xl\:whitespace-break-spaces{ white-space: break-spaces; }

.xl\:text-wrap{ text-wrap: wrap; }
.xl\:text-nowrap{ text-wrap: nowrap; }
.xl\:text-balance{ text-wrap: balance; }
.xl\:text-pretty{ text-wrap: pretty; }

.xl\:whitespace-normal{ white-space: normal; }
.xl\:whitespace-nowrap{ white-space: nowrap; }
.xl\:whitespace-pre{ white-space: pre; }
.xl\:whitespace-pre-line{ white-space: pre-line; }
.xl\:whitespace-pre-wrap{ white-space: pre-wrap; }
.xl\:whitespace-break-spaces{ white-space: break-spaces; }

.xl\:object-contain{ object-fit: contain; }
.xl\:object-cover{ object-fit: cover; }
.xl\:object-fill{ object-fit: fill; }
.xl\:object-none{ object-fit: none; }
.xl\:object-scale-down{ object-fit: scale-down; }

/***************************************************************** WIDTHS *****************************************************************/
.xl\:w{ width: var(--w); }
.xl\:w-0{ width: 0; }
.xl\:w-auto{ width: auto; }
.xl\:w-full{ width: 100%; }
.xl\:w-screen{ width: 100vw; }

.xl\:w-1\/12 { width: 8.333%; }
.xl\:w-1\/10 { width: 10%; }
.xl\:w-1\/8 { width: 12.5%; }
.xl\:w-1\/6, .xl\:w-2\/12 { width: 16.667%; }
.xl\:w-1\/5, .xl\:w-2\/10 { width: 20%; }
.xl\:w-1\/4, .xl\:w-2\/8, .xl\:w-3\/12 { width: 25%; }
.xl\:w-3\/10 { width: 30%; }
.xl\:w-1\/3, .xl\:w-2\/6, .xl\:w-4\/12 { width: 33.333%; }
.xl\:w-3\/8 { width: 37.5%; }
.xl\:w-2\/5, .xl\:w-4\/10 { width: 40%; }
.xl\:w-5\/12 { width: 41.667%; }
.xl\:w-1\/2, .xl\:w-2\/4, .xl\:w-3\/6, .xl\:w-4\/8, .xl\:w-5\/10, .xl\:w-6\/12 { width: 50%; }
.xl\:w-7\/12 { width: 58.333%; }
.xl\:w-3\/5, .xl\:w-6\/10 { width: 60%; }
.xl\:w-5\/8 { width: 62.5%; }
.xl\:w-2\/3 { width: 66.666%; }
.xl\:w-4\/6, .xl\:w-8\/12 { width: 66.667%; }
.xl\:w-7\/10 { width: 70%; }
.xl\:w-3\/4, .xl\:w-6\/8, .xl\:w-9\/12 { width: 75%; }
.xl\:w-4\/5, .xl\:w-8\/10 { width: 80%; }
.xl\:w-5\/6, .xl\:w-10\/12 { width: 83.333%; }
.xl\:w-7\/8 { width: 87.5%; }
.xl\:w-9\/10 { width: 90%; }
.xl\:w-11\/12 { width: 91.667%; }

/*************************************************************** FIM WIDTHS ***************************************************************/

/*************************************************************** MAX WIDTHS ***************************************************************/
.xl\:min-w{ min-width: var(--min-w); }
.xl\:min-w-0{ min-width: 0; }
.xl\:min-w-full{ min-width: 100%; }
.xl\:min-w-screen{ min-width: 100vw; }

.xl\:min-w-1\/12 { min-width: 8.333%; }
.xl\:min-w-1\/10 { min-width: 10%; }
.xl\:min-w-1\/8 { min-width: 12.5%; }
.xl\:min-w-1\/6, .xl\:min-w-2\/12 { min-width: 16.667%; }
.xl\:min-w-1\/5, .xl\:min-w-2\/10 { min-width: 20%; }
.xl\:min-w-1\/4, .xl\:min-w-2\/8, .xl\:min-w-3\/12 { min-width: 25%; }
.xl\:min-w-3\/10 { min-width: 30%; }
.xl\:min-w-1\/3, .xl\:min-w-2\/6, .xl\:min-w-4\/12 { min-width: 33.333%; }
.xl\:min-w-3\/8 { min-width: 37.5%; }
.xl\:min-w-2\/5, .xl\:min-w-4\/10 { min-width: 40%; }
.xl\:min-w-5\/12 { min-width: 41.667%; }
.xl\:min-w-1\/2, .xl\:min-w-2\/4, .xl\:min-w-3\/6, .xl\:min-w-4\/8, .xl\:min-w-5\/10, .xl\:min-w-6\/12 { min-width: 50%; }
.xl\:min-w-7\/12 { min-width: 58.333%; }
.xl\:min-w-3\/5, .xl\:min-w-6\/10 { min-width: 60%; }
.xl\:min-w-5\/8 { min-width: 62.5%; }
.xl\:min-w-2\/3 { min-width: 66.666%; }
.xl\:min-w-4\/6, .xl\:min-w-8\/12 { min-width: 66.667%; }
.xl\:min-w-7\/10 { min-width: 70%; }
.xl\:min-w-3\/4, .xl\:min-w-6\/8, .xl\:min-w-9\/12 { min-width: 75%; }
.xl\:min-w-4\/5, .xl\:min-w-8\/10 { min-width: 80%; }
.xl\:min-w-5\/6, .xl\:min-w-10\/12 { min-width: 83.333%; }
.xl\:min-w-7\/8 { min-width: 87.5%; }
.xl\:min-w-9\/10 { min-width: 90%; }
.xl\:min-w-11\/12 { min-width: 91.667%; }
/************************************************************* FIM MAX WIDTHS *************************************************************/

/*************************************************************** MAX WIDTHS ***************************************************************/
.xl\:max-w{ max-width: var(--max-w); }
.xl\:max-w-0{ max-width: 0%; }
.xl\:max-w-full{ max-width: 100%; }
.xl\:max-w-screen{ max-width: 100vw; }

.xl\:max-w-1\/12 { max-width: 8.333%; }
.xl\:max-w-1\/10 { max-width: 10%; }
.xl\:max-w-1\/8 { max-width: 12.5%; }
.xl\:max-w-1\/6, .xl\:max-w-2\/12 { max-width: 16.667%; }
.xl\:max-w-1\/5, .xl\:max-w-2\/10 { max-width: 20%; }
.xl\:max-w-1\/4, .xl\:max-w-2\/8, .xl\:max-w-3\/12 { max-width: 25%; }
.xl\:max-w-3\/10 { max-width: 30%; }
.xl\:max-w-1\/3, .xl\:max-w-2\/6, .xl\:max-w-4\/12 { max-width: 33.333%; }
.xl\:max-w-3\/8 { max-width: 37.5%; }
.xl\:max-w-2\/5, .xl\:max-w-4\/10 { max-width: 40%; }
.xl\:max-w-5\/12 { max-width: 41.667%; }
.xl\:max-w-1\/2, .xl\:max-w-2\/4, .xl\:max-w-3\/6, .xl\:max-w-4\/8, .xl\:max-w-5\/10, .xl\:max-w-6\/12 { max-width: 50%; }
.xl\:max-w-7\/12 { max-width: 58.333%; }
.xl\:max-w-3\/5, .xl\:max-w-6\/10 { max-width: 60%; }
.xl\:max-w-5\/8 { max-width: 62.5%; }
.xl\:max-w-2\/3 { max-width: 66.666%; }
.xl\:max-w-4\/6, .xl\:max-w-8\/12 { max-width: 66.667%; }
.xl\:max-w-7\/10 { max-width: 70%; }
.xl\:max-w-3\/4, .xl\:max-w-6\/8, .xl\:max-w-9\/12 { max-width: 75%; }
.xl\:max-w-4\/5, .xl\:max-w-8\/10 { max-width: 80%; }
.xl\:max-w-5\/6, .xl\:max-w-10\/12 { max-width: 83.333%; }
.xl\:max-w-7\/8 { max-width: 87.5%; }
.xl\:max-w-9\/10 { max-width: 90%; }
.xl\:max-w-11\/12 { max-width: 91.667%; }
/************************************************************* FIM MAX WIDTHS *************************************************************/

/**************************************************************** HEIGHTS *****************************************************************/
.xl\:h{ height: var(--h); }
.xl\:h-auto{ height: auto; }
.xl\:h-full{ height: 100%; }
.xl\:h-screen{ height: 100vh; }
.xl\:h-screenNoHead{ height: calc(100vh - var(--heightbarramenu)); }

.xl\:h-1\/12 { height: 8.333%; }
.xl\:h-1\/10 { height: 10%; }
.xl\:h-1\/8 { height: 12.5%; }
.xl\:h-1\/6, .xl\:h-2\/12 { height: 16.667%; }
.xl\:h-1\/5, .xl\:h-2\/10 { height: 20%; }
.xl\:h-1\/4, .xl\:h-2\/8, .xl\:h-3\/12 { height: 25%; }
.xl\:h-3\/10 { height: 30%; }
.xl\:h-1\/3, .xl\:h-2\/6, .xl\:h-4\/12 { height: 33.333%; }
.xl\:h-3\/8 { height: 37.5%; }
.xl\:h-2\/5, .xl\:h-4\/10 { height: 40%; }
.xl\:h-5\/12 { height: 41.667%; }
.xl\:h-1\/2, .xl\:h-2\/4, .xl\:h-3\/6, .xl\:h-4\/8, .xl\:h-5\/10, .xl\:h-6\/12 { height: 50%; }
.xl\:h-7\/12 { height: 58.333%; }
.xl\:h-3\/5, .xl\:h-6\/10 { height: 60%; }
.xl\:h-5\/8 { height: 62.5%; }
.xl\:h-2\/3 { height: 66.666%; }
.xl\:h-4\/6, .xl\:h-8\/12 { height: 66.667%; }
.xl\:h-7\/10 { height: 70%; }
.xl\:h-3\/4, .xl\:h-6\/8, .xl\:h-9\/12 { height: 75%; }
.xl\:h-4\/5, .xl\:h-8\/10 { height: 80%; }
.xl\:h-5\/6, .xl\:h-10\/12 { height: 83.333%; }
.xl\:h-7\/8 { height: 87.5%; }
.xl\:h-9\/10 { height: 90%; }
.xl\:h-11\/12 { height: 91.667%; }
/************************************************************** FIM HEIGHTS ***************************************************************/

/************************************************************** MAX HEIGHTS ***************************************************************/
.xl\:max-h{ max-height: var(--max-h); }
.xl\:max-h-full{ max-height: 100%; }
.xl\:max-h-screen{ max-height: 100vh; }

.xl\:max-h-1\/12 { max-height: 8.333%; }
.xl\:max-h-1\/10 { max-height: 10%; }
.xl\:max-h-1\/8 { max-height: 12.5%; }
.xl\:max-h-1\/6, .xl\:max-h-2\/12 { max-height: 16.667%; }
.xl\:max-h-1\/5, .xl\:max-h-2\/10 { max-height: 20%; }
.xl\:max-h-1\/4, .xl\:max-h-2\/8, .xl\:max-h-3\/12 { max-height: 25%; }
.xl\:max-h-3\/10 { max-height: 30%; }
.xl\:max-h-1\/3, .xl\:max-h-2\/6, .xl\:max-h-4\/12 { max-height: 33.333%; }
.xl\:max-h-3\/8 { max-height: 37.5%; }
.xl\:max-h-2\/5, .xl\:max-h-4\/10 { max-height: 40%; }
.xl\:max-h-5\/12 { max-height: 41.667%; }
.xl\:max-h-1\/2, .xl\:max-h-2\/4, .xl\:max-h-3\/6, .xl\:max-h-4\/8, .xl\:max-h-5\/10, .xl\:max-h-6\/12 { max-height: 50%; }
.xl\:max-h-7\/12 { max-height: 58.333%; }
.xl\:max-h-3\/5, .xl\:max-h-6\/10 { max-height: 60%; }
.xl\:max-h-5\/8 { max-height: 62.5%; }
.xl\:max-h-2\/3 { max-height: 66.666%; }
.xl\:max-h-4\/6, .xl\:max-h-8\/12 { max-height: 66.667%; }
.xl\:max-h-7\/10 { max-height: 70%; }
.xl\:max-h-3\/4, .xl\:max-h-6\/8, .xl\:max-h-9\/12 { max-height: 75%; }
.xl\:max-h-4\/5, .xl\:max-h-8\/10 { max-height: 80%; }
.xl\:max-h-5\/6, .xl\:max-h-10\/12 { max-height: 83.333%; }
.xl\:max-h-7\/8 { max-height: 87.5%; }
.xl\:max-h-9\/10 { max-height: 90%; }
.xl\:max-h-11\/12 { max-height: 91.667%; }
/************************************************************ FIM MAX HEIGHTS *************************************************************/

/************************************************************** MIN HEIGHTS ***************************************************************/
.xl\:min-h{ min-height: var(--min-h); }
.xl\:min-h-full{ min-height: 100%; }
.xl\:min-h-screen{ min-height: 100vh; }

.xl\:min-h-1\/12 { min-height: 8.333%; }
.xl\:min-h-1\/10 { min-height: 10%; }
.xl\:min-h-1\/8 { min-height: 12.5%; }
.xl\:min-h-1\/6, .xl\:min-h-2\/12 { min-height: 16.667%; }
.xl\:min-h-1\/5, .xl\:min-h-2\/10 { min-height: 20%; }
.xl\:min-h-1\/4, .xl\:min-h-2\/8, .xl\:min-h-3\/12 { min-height: 25%; }
.xl\:min-h-3\/10 { min-height: 30%; }
.xl\:min-h-1\/3, .xl\:min-h-2\/6, .xl\:min-h-4\/12 { min-height: 33.333%; }
.xl\:min-h-3\/8 { min-height: 37.5%; }
.xl\:min-h-2\/5, .xl\:min-h-4\/10 { min-height: 40%; }
.xl\:min-h-5\/12 { min-height: 41.667%; }
.xl\:min-h-1\/2, .xl\:min-h-2\/4, .xl\:min-h-3\/6, .xl\:min-h-4\/8, .xl\:min-h-5\/10, .xl\:min-h-6\/12 { min-height: 50%; }
.xl\:min-h-7\/12 { min-height: 58.333%; }
.xl\:min-h-3\/5, .xl\:min-h-6\/10 { min-height: 60%; }
.xl\:min-h-5\/8 { min-height: 62.5%; }
.xl\:min-h-2\/3 { min-height: 66.666%; }
.xl\:min-h-4\/6, .xl\:min-h-8\/12 { min-height: 66.667%; }
.xl\:min-h-7\/10 { min-height: 70%; }
.xl\:min-h-3\/4, .xl\:min-h-6\/8, .xl\:min-h-9\/12 { min-height: 75%; }
.xl\:min-h-4\/5, .xl\:min-h-8\/10 { min-height: 80%; }
.xl\:min-h-5\/6, .xl\:min-h-10\/12 { min-height: 83.333%; }
.xl\:min-h-7\/8 { min-height: 87.5%; }
.xl\:min-h-9\/10 { min-height: 90%; }
.xl\:min-h-11\/12 { min-height: 91.667%; }
/************************************************************ FIM MIN HEIGHTS *************************************************************/

/************************************************************* DEFAULTS TEXTS *************************************************************/
.xl\:linhas1, .xl\:linhas2, .xl\:linhas3, .xl\:linhas4, .xl\:linhas5, .xl\:linhas6, .xl\:linhas7, .xl\:linhas8, .xl\:linhas9, .xl\:linhas10{display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.xl\:linhas1{-webkit-line-clamp: 1; line-clamp: 1;}
.xl\:linhas2{-webkit-line-clamp: 2; line-clamp: 2;}
.xl\:linhas3{-webkit-line-clamp: 3; line-clamp: 3;}
.xl\:linhas4{-webkit-line-clamp: 4; line-clamp: 4;}
.xl\:linhas5{-webkit-line-clamp: 5; line-clamp: 5;}
.xl\:linhas6{-webkit-line-clamp: 6; line-clamp: 6;}
.xl\:linhas7{-webkit-line-clamp: 7; line-clamp: 7;}
.xl\:linhas8{-webkit-line-clamp: 8; line-clamp: 8;}
.xl\:linhas9{-webkit-line-clamp: 9; line-clamp: 9;}
.xl\:linhas10{-webkit-line-clamp: 10; line-clamp: 10;}
/********************************************************** FIM DEFAULTS TEXTS ***********************************************************/
/********************************************************** FIM ESTRUTURA GERAL ***********************************************************/
}

@media only screen and (min-width:1536px){
/************************************************************* VARIAVEIS CSS **************************************************************/
/**                                                                                                                                      **/
/**                                     VARIAVEIS PARA ESTRUTURA DEFAULT (MARGINS/PADDINGS DEFAULT)                                      **/
/**                                                                                                                                      **/
/******************************************************************************************************************************************/
:root{
  --colunas2: 1;
  --colunas3: 1;
  --colunas4: 1;
  --colunas5: 1;
  --colunas6: 1;

  --column-gap-default: 35px;

  --margin-top-default: 90px;
  --margin-right-default: 50px;
  --margin-bottom-default: 45px;
  --margin-left-default: 50px;

  --margin-top-layout: 90px;
  --margin-right-layout: 150px;
  --margin-bottom-layout: 300px;
  --margin-left-layout: 170px;

  --padding-top-default: 60px;
  --padding-right-default: 50px;
  --padding-bottom-default: 60px;
  --padding-left-default: 50px;

  --padding-top-layout: 60px;
  --padding-right-layout: 100px;
  --padding-bottom-layout: 60px;
  --padding-left-layout: 100px;
}

/*********************************************************** FIM VARIAVEIS CSS ************************************************************/


/************************************************************* DEFAUTLS LENIS *************************************************************/
/**                                                                                                                                      **/
/**                                          CLASES DEFAULT LENIS (SMOOTH SCROLL) NAO MODIFICAR                                          **/
/**                                                                                                                                      **/
/******************************************************************************************************************************************/
html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-stopped { overflow: hidden; }
.lenis.lenis-scrolling iframe { pointer-events: none; }
/*********************************************************** FIM DEFAUTLS LENIS ***********************************************************/


/************************************************************ DEFAULT ELEMENTS ************************************************************/
/**                                                                                                                                      **/
/**                                             CLASES DEFAULT ELEMENTOS BASE NAO MODIFICAR                                              **/
/**                                                                                                                                      **/
/******************************************************************************************************************************************/
.container{ max-width: 1536px; }
/********************************************************** FIM DEFAULT ELEMENTS **********************************************************/

/************************************************************ DEFAULTS COLUNAS ************************************************************/
*:has(>.xxl\:colunas1), *:has(>.xxl\:colunas2), *:has(>.xxl\:colunas3), *:has(>.xxl\:colunas4), *:has(>.xxl\:colunas5), *:has(>.xxl\:colunas6){display: flex; flex-direction: row; flex-wrap: wrap;}
.xxl\:colunas1:nth-child(1n+1){flex-grow: 0; flex-shrink: 0; width: 100%; margin-right: 0;}

.xxl\:colunas2:nth-child(2n+1){flex-grow: 0; flex-shrink: 0; width: calc((100% / 2) - ((var(--marginColunas) * 1) / 2)); margin-right: var(--marginColunas); }
.xxl\:colunas2:nth-child(2n+2){flex-grow: 0; flex-shrink: 0; width: calc((100% / 2) - ((var(--marginColunas) * 1) / 2)); margin-right: 0; }

.xxl\:colunas3:nth-child(3n+1){flex-grow: 0; flex-shrink: 0; width: calc((100% / 3) - ((var(--marginColunas) * 2) / 3)); margin-right: var(--marginColunas); }
.xxl\:colunas3:nth-child(3n+2){flex-grow: 0; flex-shrink: 0; width: calc((100% / 3) - ((var(--marginColunas) * 2) / 3)); margin-right: var(--marginColunas); }
.xxl\:colunas3:nth-child(3n+3){flex-grow: 0; flex-shrink: 0; width: calc((100% / 3) - ((var(--marginColunas) * 2) / 3)); margin-right: 0; }

.xxl\:colunas4:nth-child(4n+1){flex-grow: 0; flex-shrink: 0; width: calc((100% / 4) - ((var(--marginColunas) * 3) / 4)); margin-right: var(--marginColunas); }
.xxl\:colunas4:nth-child(4n+2){flex-grow: 0; flex-shrink: 0; width: calc((100% / 4) - ((var(--marginColunas) * 3) / 4)); margin-right: var(--marginColunas); }
.xxl\:colunas4:nth-child(4n+3){flex-grow: 0; flex-shrink: 0; width: calc((100% / 4) - ((var(--marginColunas) * 3) / 4)); margin-right: var(--marginColunas); }
.xxl\:colunas4:nth-child(4n+4){flex-grow: 0; flex-shrink: 0; width: calc((100% / 4) - ((var(--marginColunas) * 3) / 4)); margin-right: 0; }

.xxl\:colunas5:nth-child(5n+1){flex-grow: 0; flex-shrink: 0; width: calc((100% / 5) - ((var(--marginColunas) * 4) / 5)); margin-right: var(--marginColunas); }
.xxl\:colunas5:nth-child(5n+2){flex-grow: 0; flex-shrink: 0; width: calc((100% / 5) - ((var(--marginColunas) * 4) / 5)); margin-right: var(--marginColunas); }
.xxl\:colunas5:nth-child(5n+3){flex-grow: 0; flex-shrink: 0; width: calc((100% / 5) - ((var(--marginColunas) * 4) / 5)); margin-right: var(--marginColunas); }
.xxl\:colunas5:nth-child(5n+4){flex-grow: 0; flex-shrink: 0; width: calc((100% / 5) - ((var(--marginColunas) * 4) / 5)); margin-right: var(--marginColunas); }
.xxl\:colunas5:nth-child(5n+5){flex-grow: 0; flex-shrink: 0; width: calc((100% / 5) - ((var(--marginColunas) * 4) / 5)); margin-right: 0; }

.xxl\:colunas6:nth-child(6n+1){flex-grow: 0; flex-shrink: 0; width: calc((100% / 6) - ((var(--marginColunas) * 5) / 6)); margin-right: var(--marginColunas); }
.xxl\:colunas6:nth-child(6n+2){flex-grow: 0; flex-shrink: 0; width: calc((100% / 6) - ((var(--marginColunas) * 5) / 6)); margin-right: var(--marginColunas); }
.xxl\:colunas6:nth-child(6n+3){flex-grow: 0; flex-shrink: 0; width: calc((100% / 6) - ((var(--marginColunas) * 5) / 6)); margin-right: var(--marginColunas); }
.xxl\:colunas6:nth-child(6n+4){flex-grow: 0; flex-shrink: 0; width: calc((100% / 6) - ((var(--marginColunas) * 5) / 6)); margin-right: var(--marginColunas); }
.xxl\:colunas6:nth-child(6n+5){flex-grow: 0; flex-shrink: 0; width: calc((100% / 6) - ((var(--marginColunas) * 5) / 6)); margin-right: var(--marginColunas); }
.xxl\:colunas6:nth-child(6n+6){flex-grow: 0; flex-shrink: 0; width: calc((100% / 6) - ((var(--marginColunas) * 5) / 6)); margin-right: 0; }

.xxl\:colunas5{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 5%;}
.xxl\:colunas10{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 10%;}
.xxl\:colunas15{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 15%;}
.xxl\:colunas20{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 20%;}
.xxl\:colunas25{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 25%;}
.xxl\:colunas30{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 30%;}
.xxl\:colunas35{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 35%;}
.xxl\:colunas40{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 40%;}
.xxl\:colunas45{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 45%;}
.xxl\:colunas50{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 50%;}
.xxl\:colunas55{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 55%;}
.xxl\:colunas60{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 60%;}
.xxl\:colunas65{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 65%;}
.xxl\:colunas70{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 70%;}
.xxl\:colunas75{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 75%;}
.xxl\:colunas80{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 80%;}
.xxl\:colunas85{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 85%;}
.xxl\:colunas90{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 90%;}
.xxl\:colunas95{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 95%;}

.xxl\:colunasflex2{ display: flex; flex-direction: row; flex-wrap: wrap; }
.xxl\:colunasflex2 > * { width: calc(100% / var(--colunas2)); }
.xxl\:colunasflex3{ display: flex; flex-direction: row; flex-wrap: wrap; }
.xxl\:colunasflex3 > * { width: calc(100% / var(--colunas3)); }
.xxl\:colunasflex4{ display: flex; flex-direction: row; flex-wrap: wrap; }
.xxl\:colunasflex4 > * { width: calc(100% / var(--colunas4)); }
.xxl\:colunasflex5{ display: flex; flex-direction: row; flex-wrap: wrap; }
.xxl\:colunasflex5 > * { width: calc(100% / var(--colunas5)); }
.xxl\:colunasflex6{ display: flex; flex-direction: row; flex-wrap: wrap; }
.xxl\:colunasflex6 > * { width: calc(100% / var(--colunas6)); }

.xxl\:text-columns-1{ column-count: 1; }
.xxl\:text-columns-2{ column-count: 2; }
.xxl\:text-columns-3{ column-count: 3; }
.xxl\:text-columns-4{ column-count: 4; }
.xxl\:text-columns-5{ column-count: 5; }
.xxl\:text-columns-6{ column-count: 6; }

.xxl\:column-gap-default-\/3{column-gap: calc(var(--column-gap-default) / 3);}
.xxl\:column-gap-default-\/2{column-gap: calc(var(--column-gap-default) / 2);}
.xxl\:column-gap-default{column-gap: var(--column-gap-default);}
.xxl\:column-gap-default-x2{column-gap: calc(var(--column-gap-default) * 2);}
.xxl\:column-gap-default-x3{column-gap: calc(var(--column-gap-default) * 3);}
/********************************************************** FIM DEFAULTS COLUNAS **********************************************************/

/******************************************************** DEFAULT MARGINS/PADDINGS ********************************************************/
/**                                                                                                                                      **/
/**                                  CLASES DEFAULT MARGINS/PADDINGS NAO MODIFICAR, USAR VARIAVEIS CSS                                   **/
/**                                                                                                                                      **/
/******************************************************************************************************************************************/
.xxl\:m-0 { margin: 0; }
.xxl\:mx-0 { margin-left: 0; margin-right: 0; }
.xxl\:my-0 { margin-top: 0; margin-bottom: 0; }
.xxl\:mt-0 { margin-top: 0; }
.xxl\:mr-0 { margin-right: 0; }
.xxl\:mb-0 { margin-bottom: 0; }
.xxl\:ml-0 { margin-left: 0; }

.xxl\:m-1 { margin: 1px; }
.xxl\:mx-1 { margin-left: 1px; margin-right: 1px; }
.xxl\:my-1 { margin-top: 1px; margin-bottom: 1px; }
.xxl\:mt-1 { margin-top: 1px; }
.xxl\:mr-1 { margin-right: 1px; }
.xxl\:mb-1 { margin-bottom: 1px; }
.xxl\:ml-1 { margin-left: 1px; }

.xxl\:p-0 { padding: 0; }
.xxl\:px-0 { padding-left: 0; padding-right: 0; }
.xxl\:py-0 { padding-top: 0; padding-bottom: 0; }
.xxl\:pt-0 { padding-top: 0; }
.xxl\:pr-0 { padding-right: 0; }
.xxl\:pb-0 { padding-bottom: 0; }
.xxl\:pl-0 { padding-left: 0; }

.xxl\:p-1 { padding: 1px; }
.xxl\:px-1 { padding-left: 1px; padding-right: 1px; }
.xxl\:py-1 { padding-top: 1px; padding-bottom: 1px; }
.xxl\:pt-1 { padding-top: 1px; }
.xxl\:pr-1 { padding-right: 1px; }
.xxl\:pb-1 { padding-bottom: 1px; }
.xxl\:pl-1 { padding-left: 1px; }


.xxl\:m-auto { margin: auto; }
.xxl\:mx-auto { margin-left: auto; margin-right: auto; }
.xxl\:my-auto { margin-top: auto; margin-bottom: auto; }
.xxl\:mt-auto { margin-top: auto; }
.xxl\:mr-auto { margin-right: auto; }
.xxl\:mb-auto { margin-bottom: auto; }
.xxl\:ml-auto { margin-left: auto; }

.xxl\:m { margin: var(--m); }
.xxl\:my { margin-top: var(--my); margin-bottom: var(--my); }
.xxl\:mx { margin-right: var(--mx); margin-left: var(--mx); }
.xxl\:mt { margin-top: var(--mt); }
.xxl\:mr { margin-right: var(--mr); }
.xxl\:mb { margin-bottom: var(--mb); }
.xxl\:ml { margin-left: var(--ml); }

.xxl\:m-default-\/5 { margin: calc(var(--margin-top-default) / 5) calc(var(--margin-right-default) / 5) calc(var(--margin-bottom-default) / 5) calc(var(--margin-left-default) / 5); }
.xxl\:mx-default-\/5 { margin-left: calc(var(--margin-left-default) / 5); margin-right: calc(var(--margin-right-default) / 5); width: calc(100% - (calc(var(--margin-left-default) / 5) + calc(var(--margin-right-default) / 5))); }
.xxl\:my-default-\/5 { margin-top: calc(var(--margin-top-default) / 5); margin-bottom: calc(var(--margin-bottom-default) / 5); }
.xxl\:mt-default-\/5 { margin-top: calc(var(--margin-top-default) / 5); }
.xxl\:mr-default-\/5 { margin-right: calc(var(--margin-right-default) / 5); }
.xxl\:mb-default-\/5 { margin-bottom: calc(var(--margin-bottom-default) / 5); }
.xxl\:ml-default-\/5 { margin-left: calc(var(--margin-left-default) / 5); }

.xxl\:m-layout-\/5 { margin: calc(var(--margin-top-layout) / 5) calc(var(--margin-right-layout) / 5) calc(var(--margin-bottom-layout) / 5) calc(var(--margin-left-layout) / 5); }
.xxl\:mx-layout-\/5 { margin-left: calc(var(--margin-left-layout) / 5); margin-right: calc(var(--margin-right-layout) / 5); width: calc(100% - (calc(var(--margin-left-layout) / 5) + calc(var(--margin-right-layout) / 5))); }
.xxl\:my-layout-\/5 { margin-top: calc(var(--margin-top-layout) / 5); margin-bottom: calc(var(--margin-bottom-layout) / 5); }
.xxl\:mt-layout-\/5 { margin-top: calc(var(--margin-top-layout) / 5); }
.xxl\:mr-layout-\/5 { margin-right: calc(var(--margin-right-layout) / 5); }
.xxl\:mb-layout-\/5 { margin-bottom: calc(var(--margin-bottom-layout) / 5); }
.xxl\:ml-layout-\/5 { margin-left: calc(var(--margin-left-layout) / 5); }

.xxl\:m-default-\/4 { margin: calc(var(--margin-top-default) / 4) calc(var(--margin-right-default) / 4) calc(var(--margin-bottom-default) / 4) calc(var(--margin-left-default) / 4); }
.xxl\:mx-default-\/4 { margin-left: calc(var(--margin-left-default) / 4); margin-right: calc(var(--margin-right-default) / 4); width: calc(100% - (calc(var(--margin-left-default) / 4) + calc(var(--margin-right-default) / 4))); }
.xxl\:my-default-\/4 { margin-top: calc(var(--margin-top-default) / 4); margin-bottom: calc(var(--margin-bottom-default) / 4); }
.xxl\:mt-default-\/4 { margin-top: calc(var(--margin-top-default) / 4); }
.xxl\:mr-default-\/4 { margin-right: calc(var(--margin-right-default) / 4); }
.xxl\:mb-default-\/4 { margin-bottom: calc(var(--margin-bottom-default) / 4); }
.xxl\:ml-default-\/4 { margin-left: calc(var(--margin-left-default) / 4); }

.xxl\:m-layout-\/4 { margin: calc(var(--margin-top-layout) / 4) calc(var(--margin-right-layout) / 4) calc(var(--margin-bottom-layout) / 4) calc(var(--margin-left-layout) / 4); }
.xxl\:mx-layout-\/4 { margin-left: calc(var(--margin-left-layout) / 4); margin-right: calc(var(--margin-right-layout) / 4); width: calc(100% - (calc(var(--margin-left-layout) / 4) + calc(var(--margin-right-layout) / 4))); }
.xxl\:my-layout-\/4 { margin-top: calc(var(--margin-top-layout) / 4); margin-bottom: calc(var(--margin-bottom-layout) / 4); }
.xxl\:mt-layout-\/4 { margin-top: calc(var(--margin-top-layout) / 4); }
.xxl\:mr-layout-\/4 { margin-right: calc(var(--margin-right-layout) / 4); }
.xxl\:mb-layout-\/4 { margin-bottom: calc(var(--margin-bottom-layout) / 4); }
.xxl\:ml-layout-\/4 { margin-left: calc(var(--margin-left-layout) / 4); }

.xxl\:m-default-\/3 { margin: calc(var(--margin-top-default) / 3) calc(var(--margin-right-default) / 3) calc(var(--margin-bottom-default) / 3) calc(var(--margin-left-default) / 3); }
.xxl\:mx-default-\/3 { margin-left: calc(var(--margin-left-default) / 3); margin-right: calc(var(--margin-right-default) / 3); width: calc(100% - (calc(var(--margin-left-default) / 3) + calc(var(--margin-right-default) / 3))); }
.xxl\:my-default-\/3 { margin-top: calc(var(--margin-top-default) / 3); margin-bottom: calc(var(--margin-bottom-default) / 3); }
.xxl\:mt-default-\/3 { margin-top: calc(var(--margin-top-default) / 3); }
.xxl\:mr-default-\/3 { margin-right: calc(var(--margin-right-default) / 3); }
.xxl\:mb-default-\/3 { margin-bottom: calc(var(--margin-bottom-default) / 3); }
.xxl\:ml-default-\/3 { margin-left: calc(var(--margin-left-default) / 3); }

.xxl\:m-layout-\/3 { margin: calc(var(--margin-top-layout) / 3) calc(var(--margin-right-layout) / 3) calc(var(--margin-bottom-layout) / 3) calc(var(--margin-left-layout) / 3); }
.xxl\:mx-layout-\/3 { margin-left: calc(var(--margin-left-layout) / 3); margin-right: calc(var(--margin-right-layout) / 3); width: calc(100% - (calc(var(--margin-left-layout) / 3) + calc(var(--margin-right-layout) / 3))); }
.xxl\:my-layout-\/3 { margin-top: calc(var(--margin-top-layout) / 3); margin-bottom: calc(var(--margin-bottom-layout) / 3); }
.xxl\:mt-layout-\/3 { margin-top: calc(var(--margin-top-layout) / 3); }
.xxl\:mr-layout-\/3 { margin-right: calc(var(--margin-right-layout) / 3); }
.xxl\:mb-layout-\/3 { margin-bottom: calc(var(--margin-bottom-layout) / 3); }
.xxl\:ml-layout-\/3 { margin-left: calc(var(--margin-left-layout) / 3); }

.xxl\:m-default-\/2 { margin: calc(var(--margin-top-default) / 2) calc(var(--margin-right-default) / 2) calc(var(--margin-bottom-default) / 2) calc(var(--margin-left-default) / 2); }
.xxl\:mx-default-\/2 { margin-left: calc(var(--margin-left-default) / 2); margin-right: calc(var(--margin-right-default) / 2); width: calc(100% - (calc(var(--margin-left-default) / 2) + calc(var(--margin-right-default) / 2))); }
.xxl\:my-default-\/2 { margin-top: calc(var(--margin-top-default) / 2); margin-bottom: calc(var(--margin-bottom-default) / 2); }
.xxl\:mt-default-\/2 { margin-top: calc(var(--margin-top-default) / 2); }
.xxl\:mr-default-\/2 { margin-right: calc(var(--margin-right-default) / 2); }
.xxl\:mb-default-\/2 { margin-bottom: calc(var(--margin-bottom-default) / 2); }
.xxl\:ml-default-\/2 { margin-left: calc(var(--margin-left-default) / 2); }

.xxl\:m-layout-\/2 { margin: calc(var(--margin-top-layout) / 2) calc(var(--margin-right-layout) / 2) calc(var(--margin-bottom-layout) / 2) calc(var(--margin-left-layout) / 2); }
.xxl\:mx-layout-\/2 { margin-left: calc(var(--margin-left-layout) / 2); margin-right: calc(var(--margin-right-layout) / 2); width: calc(100% - (calc(var(--margin-left-layout) / 2) + calc(var(--margin-right-layout) / 2))); }
.xxl\:my-layout-\/2 { margin-top: calc(var(--margin-top-layout) / 2); margin-bottom: calc(var(--margin-bottom-layout) / 2); }
.xxl\:mt-layout-\/2 { margin-top: calc(var(--margin-top-layout) / 2); }
.xxl\:mr-layout-\/2 { margin-right: calc(var(--margin-right-layout) / 2); }
.xxl\:mb-layout-\/2 { margin-bottom: calc(var(--margin-bottom-layout) / 2); }
.xxl\:ml-layout-\/2 { margin-left: calc(var(--margin-left-layout) / 2); }

.xxl\:m-default-\/1_5 { margin: calc(var(--margin-top-default) / 1.5) calc(var(--margin-right-default) / 1.5) calc(var(--margin-bottom-default) / 1.5) calc(var(--margin-left-default) / 1.5); }
.xxl\:mx-default-\/1_5 { margin-left: calc(var(--margin-left-default) / 1.5); margin-right: calc(var(--margin-right-default) / 1.5); width: calc(100% - (calc(var(--margin-left-default) / 1.5) + calc(var(--margin-right-default) / 1.5))); }
.xxl\:my-default-\/1_5 { margin-top: calc(var(--margin-top-default) / 1.5); margin-bottom: calc(var(--margin-bottom-default) / 1.5); }
.xxl\:mt-default-\/1_5 { margin-top: calc(var(--margin-top-default) / 1.5); }
.xxl\:mr-default-\/1_5 { margin-right: calc(var(--margin-right-default) / 1.5); }
.xxl\:mb-default-\/1_5 { margin-bottom: calc(var(--margin-bottom-default) / 1.5); }
.xxl\:ml-default-\/1_5 { margin-left: calc(var(--margin-left-default) / 1.5); }

.xxl\:m-layout-\/1_5 { margin: calc(var(--margin-top-layout) / 1.5) calc(var(--margin-right-layout) / 1.5) calc(var(--margin-bottom-layout) / 1.5) calc(var(--margin-left-layout) / 1.5); }
.xxl\:mx-layout-\/1_5 { margin-left: calc(var(--margin-left-layout) / 1.5); margin-right: calc(var(--margin-right-layout) / 1.5); width: calc(100% - (calc(var(--margin-left-layout) / 1.5) + calc(var(--margin-right-layout) / 1.5))); }
.xxl\:my-layout-\/1_5 { margin-top: calc(var(--margin-top-layout) / 1.5); margin-bottom: calc(var(--margin-bottom-layout) / 1.5); }
.xxl\:mt-layout-\/1_5 { margin-top: calc(var(--margin-top-layout) / 1.5); }
.xxl\:mr-layout-\/1_5 { margin-right: calc(var(--margin-right-layout) / 1.5); }
.xxl\:mb-layout-\/1_5 { margin-bottom: calc(var(--margin-bottom-layout) / 1.5); }
.xxl\:ml-layout-\/1_5 { margin-left: calc(var(--margin-left-layout) / 1.5); }

.xxl\:m-default { margin: var(--margin-top-default) var(--margin-right-default) var(--margin-bottom-default) var(--margin-left-default); }
.xxl\:mx-default { margin-left: var(--margin-left-default); margin-right: var(--margin-right-default); width: calc(100% - (var(--margin-left-default) + var(--margin-right-default))); }
.xxl\:my-default { margin-top: var(--margin-top-default); margin-bottom: var(--margin-bottom-default); }
.xxl\:mt-default { margin-top: var(--margin-top-default); }
.xxl\:mr-default { margin-right: var(--margin-right-default); }
.xxl\:mb-default { margin-bottom: var(--margin-bottom-default); }
.xxl\:ml-default { margin-left: var(--margin-left-default); }

.xxl\:m-layout { margin: var(--margin-top-layout) var(--margin-right-layout) var(--margin-bottom-layout) var(--margin-left-layout); }
.xxl\:mx-layout { margin-left: var(--margin-left-layout); margin-right: var(--margin-right-layout); width: calc(100% - (var(--margin-left-layout) + var(--margin-right-layout))); }
.xxl\:my-layout { margin-top: var(--margin-top-layout); margin-bottom: var(--margin-bottom-layout); }
.xxl\:mt-layout { margin-top: var(--margin-top-layout); }
.xxl\:mr-layout { margin-right: var(--margin-right-layout); }
.xxl\:mb-layout { margin-bottom: var(--margin-bottom-layout); }
.xxl\:ml-layout { margin-left: var(--margin-left-layout); }

.xxl\:m-default-x1_5 { margin: calc(var(--margin-top-default) * 1.5) calc(var(--margin-right-default) * 1.5) calc(var(--margin-bottom-default) * 1.5) calc(var(--margin-left-default) * 1.5); }
.xxl\:mx-default-x1_5 { margin-left: calc(var(--margin-left-default) * 1.5); margin-right: calc(var(--margin-right-default) * 1.5); width: calc(100% - (calc(var(--margin-left-default) * 1.5) + calc(var(--margin-right-default) * 1.5))); }
.xxl\:my-default-x1_5 { margin-top: calc(var(--margin-top-default) * 1.5); margin-bottom: calc(var(--margin-bottom-default) * 1.5); }
.xxl\:mt-default-x1_5 { margin-top: calc(var(--margin-top-default) * 1.5); }
.xxl\:mr-default-x1_5 { margin-right: calc(var(--margin-right-default) * 1.5); }
.xxl\:mb-default-x1_5 { margin-bottom: calc(var(--margin-bottom-default) * 1.5); }
.xxl\:ml-default-x1_5 { margin-left: calc(var(--margin-left-default) * 1.5); }

.xxl\:m-layout-x1_5 { margin: calc(var(--margin-top-layout) * 1.5) calc(var(--margin-right-layout) * 1.5) calc(var(--margin-bottom-layout) * 1.5) calc(var(--margin-left-layout) * 1.5); }
.xxl\:mx-layout-x1_5 { margin-left: calc(var(--margin-left-layout) * 1.5); margin-right: calc(var(--margin-right-layout) * 1.5); width: calc(100% - (calc(var(--margin-left-layout) * 1.5) + calc(var(--margin-right-layout) * 1.5))); }
.xxl\:my-layout-x1_5 { margin-top: calc(var(--margin-top-layout) * 1.5); margin-bottom: calc(var(--margin-bottom-layout) * 1.5); }
.xxl\:mt-layout-x1_5 { margin-top: calc(var(--margin-top-layout) * 1.5); }
.xxl\:mr-layout-x1_5 { margin-right: calc(var(--margin-right-layout) * 1.5); }
.xxl\:mb-layout-x1_5 { margin-bottom: calc(var(--margin-bottom-layout) * 1.5); }
.xxl\:ml-layout-x1_5 { margin-left: calc(var(--margin-left-layout) * 1.5); }

.xxl\:m-default-x2 { margin: calc(var(--margin-top-default) * 2) calc(var(--margin-right-default) * 2) calc(var(--margin-bottom-default) * 2) calc(var(--margin-left-default) * 2); }
.xxl\:mx-default-x2 { margin-left: calc(var(--margin-left-default) * 2); margin-right: calc(var(--margin-right-default) * 2); width: calc(100% - (calc(var(--margin-left-default) * 2) + calc(var(--margin-right-default) * 2))); }
.xxl\:my-default-x2 { margin-top: calc(var(--margin-top-default) * 2); margin-bottom: calc(var(--margin-bottom-default) * 2); }
.xxl\:mt-default-x2 { margin-top: calc(var(--margin-top-default) * 2); }
.xxl\:mr-default-x2 { margin-right: calc(var(--margin-right-default) * 2); }
.xxl\:mb-default-x2 { margin-bottom: calc(var(--margin-bottom-default) * 2); }
.xxl\:ml-default-x2 { margin-left: calc(var(--margin-left-default) * 2); }

.xxl\:m-layout-x2 { margin: calc(var(--margin-top-layout) * 2) calc(var(--margin-right-layout) * 2) calc(var(--margin-bottom-layout) * 2) calc(var(--margin-left-layout) * 2); }
.xxl\:mx-layout-x2 { margin-left: calc(var(--margin-left-layout) * 2); margin-right: calc(var(--margin-right-layout) * 2); width: calc(100% - (calc(var(--margin-left-layout) * 2) + calc(var(--margin-right-layout) * 2))); }
.xxl\:my-layout-x2 { margin-top: calc(var(--margin-top-layout) * 2); margin-bottom: calc(var(--margin-bottom-layout) * 2); }
.xxl\:mt-layout-x2 { margin-top: calc(var(--margin-top-layout) * 2); }
.xxl\:mr-layout-x2 { margin-right: calc(var(--margin-right-layout) * 2); }
.xxl\:mb-layout-x2 { margin-bottom: calc(var(--margin-bottom-layout) * 2); }
.xxl\:ml-layout-x2 { margin-left: calc(var(--margin-left-layout) * 2); }

.xxl\:m-default-x3 { margin: calc(var(--margin-top-default) * 3) calc(var(--margin-right-default) * 3) calc(var(--margin-bottom-default) * 3) calc(var(--margin-left-default) * 3); }
.xxl\:mx-default-x3 { margin-left: calc(var(--margin-left-default) * 3); margin-right: calc(var(--margin-right-default) * 3); width: calc(100% - (calc(var(--margin-left-default) * 3) + calc(var(--margin-right-default) * 3))); }
.xxl\:my-default-x3 { margin-top: calc(var(--margin-top-default) * 3); margin-bottom: calc(var(--margin-bottom-default) * 3); }
.xxl\:mt-default-x3 { margin-top: calc(var(--margin-top-default) * 3); }
.xxl\:mr-default-x3 { margin-right: calc(var(--margin-right-default) * 3); }
.xxl\:mb-default-x3 { margin-bottom: calc(var(--margin-bottom-default) * 3); }
.xxl\:ml-default-x3 { margin-left: calc(var(--margin-left-default) * 3); }

.xxl\:m-layout-x3 { margin: calc(var(--margin-top-layout) * 3) calc(var(--margin-right-layout) * 3) calc(var(--margin-bottom-layout) * 3) calc(var(--margin-left-layout) * 3); }
.xxl\:mx-layout-x3 { margin-left: calc(var(--margin-left-layout) * 3); margin-right: calc(var(--margin-right-layout) * 3); width: calc(100% - (calc(var(--margin-left-layout) * 3) + calc(var(--margin-right-layout) * 3))); }
.xxl\:my-layout-x3 { margin-top: calc(var(--margin-top-layout) * 3); margin-bottom: calc(var(--margin-bottom-layout) * 3); }
.xxl\:mt-layout-x3 { margin-top: calc(var(--margin-top-layout) * 3); }
.xxl\:mr-layout-x3 { margin-right: calc(var(--margin-right-layout) * 3); }
.xxl\:mb-layout-x3 { margin-bottom: calc(var(--margin-bottom-layout) * 3); }
.xxl\:ml-layout-x3 { margin-left: calc(var(--margin-left-layout) * 3); }

.xxl\:m-default-x4 { margin: calc(var(--margin-top-default) * 4) calc(var(--margin-right-default) * 4) calc(var(--margin-bottom-default) * 4) calc(var(--margin-left-default) * 4); }
.xxl\:mx-default-x4 { margin-left: calc(var(--margin-left-default) * 4); margin-right: calc(var(--margin-right-default) * 4); width: calc(100% - (calc(var(--margin-left-default) * 4) + calc(var(--margin-right-default) * 4))); }
.xxl\:my-default-x4 { margin-top: calc(var(--margin-top-default) * 4); margin-bottom: calc(var(--margin-bottom-default) * 4); }
.xxl\:mt-default-x4 { margin-top: calc(var(--margin-top-default) * 4); }
.xxl\:mr-default-x4 { margin-right: calc(var(--margin-right-default) * 4); }
.xxl\:mb-default-x4 { margin-bottom: calc(var(--margin-bottom-default) * 4); }
.xxl\:ml-default-x4 { margin-left: calc(var(--margin-left-default) * 4); }

.xxl\:m-layout-x4 { margin: calc(var(--margin-top-layout) * 4) calc(var(--margin-right-layout) * 4) calc(var(--margin-bottom-layout) * 4) calc(var(--margin-left-layout) * 4); }
.xxl\:mx-layout-x4 { margin-left: calc(var(--margin-left-layout) * 4); margin-right: calc(var(--margin-right-layout) * 4); width: calc(100% - (calc(var(--margin-left-layout) * 4) + calc(var(--margin-right-layout) * 4))); }
.xxl\:my-layout-x4 { margin-top: calc(var(--margin-top-layout) * 4); margin-bottom: calc(var(--margin-bottom-layout) * 4); }
.xxl\:mt-layout-x4 { margin-top: calc(var(--margin-top-layout) * 4); }
.xxl\:mr-layout-x4 { margin-right: calc(var(--margin-right-layout) * 4); }
.xxl\:mb-layout-x4 { margin-bottom: calc(var(--margin-bottom-layout) * 4); }
.xxl\:ml-layout-x4 { margin-left: calc(var(--margin-left-layout) * 4); }

.xxl\:m-default-x5 { margin: calc(var(--margin-top-default) * 5) calc(var(--margin-right-default) * 5) calc(var(--margin-bottom-default) * 5) calc(var(--margin-left-default) * 5); }
.xxl\:mx-default-x5 { margin-left: calc(var(--margin-left-default) * 5); margin-right: calc(var(--margin-right-default) * 5); width: calc(100% - (calc(var(--margin-left-default) * 5) + calc(var(--margin-right-default) * 5))); }
.xxl\:my-default-x5 { margin-top: calc(var(--margin-top-default) * 5); margin-bottom: calc(var(--margin-bottom-default) * 5); }
.xxl\:mt-default-x5 { margin-top: calc(var(--margin-top-default) * 5); }
.xxl\:mr-default-x5 { margin-right: calc(var(--margin-right-default) * 5); }
.xxl\:mb-default-x5 { margin-bottom: calc(var(--margin-bottom-default) * 5); }
.xxl\:ml-default-x5 { margin-left: calc(var(--margin-left-default) * 5); }

.xxl\:m-layout-x5 { margin: calc(var(--margin-top-layout) * 5) calc(var(--margin-right-layout) * 5) calc(var(--margin-bottom-layout) * 5) calc(var(--margin-left-layout) * 5); }
.xxl\:mx-layout-x5 { margin-left: calc(var(--margin-left-layout) * 5); margin-right: calc(var(--margin-right-layout) * 5); width: calc(100% - (calc(var(--margin-left-layout) * 5) + calc(var(--margin-right-layout) * 5))); }
.xxl\:my-layout-x5 { margin-top: calc(var(--margin-top-layout) * 5); margin-bottom: calc(var(--margin-bottom-layout) * 5); }
.xxl\:mt-layout-x5 { margin-top: calc(var(--margin-top-layout) * 5); }
.xxl\:mr-layout-x5 { margin-right: calc(var(--margin-right-layout) * 5); }
.xxl\:mb-layout-x5 { margin-bottom: calc(var(--margin-bottom-layout) * 5); }
.xxl\:ml-layout-x5 { margin-left: calc(var(--margin-left-layout) * 5); }

.xxl\:p { padding: var(--p); }
.xxl\:py { padding-top: var(--py); padding-bottom: var(--py); }
.xxl\:px { padding-right: var(--px); padding-left: var(--px); }
.xxl\:pt { padding-top: var(--pt); }
.xxl\:pr { padding-right: var(--pr); }
.xxl\:pb { padding-bottom: var(--pb); }
.xxl\:pl { padding-left: var(--pl); }

.xxl\:p-default-\/5 { padding: calc(var(--padding-top-default) / 5) calc(var(--padding-right-default) / 5) calc(var(--padding-bottom-default) / 5) calc(var(--padding-left-default) / 5); }
.xxl\:px-default-\/5 { padding-left: calc(var(--padding-left-default) / 5); padding-right: calc(var(--padding-right-default) / 5); }
.xxl\:py-default-\/5 { padding-top: calc(var(--padding-top-default) / 5); padding-bottom: calc(var(--padding-bottom-default) / 5); }
.xxl\:pt-default-\/5 { padding-top: calc(var(--padding-top-default) / 5); }
.xxl\:pr-default-\/5 { padding-right: calc(var(--padding-right-default) / 5); }
.xxl\:pb-default-\/5 { padding-bottom: calc(var(--padding-bottom-default) / 5); }
.xxl\:pl-default-\/5 { padding-left: calc(var(--padding-left-default) / 5); }

.xxl\:p-layout-\/5 { padding: calc(var(--padding-top-layout) / 5) calc(var(--padding-right-layout) / 5) calc(var(--padding-bottom-layout) / 5) calc(var(--padding-left-layout) / 5); }
.xxl\:px-layout-\/5 { padding-left: calc(var(--padding-left-layout) / 5); padding-right: calc(var(--padding-right-layout) / 5); }
.xxl\:py-layout-\/5 { padding-top: calc(var(--padding-top-layout) / 5); padding-bottom: calc(var(--padding-bottom-layout) / 5); }
.xxl\:pt-layout-\/5 { padding-top: calc(var(--padding-top-layout) / 5); }
.xxl\:pr-layout-\/5 { padding-right: calc(var(--padding-right-layout) / 5); }
.xxl\:pb-layout-\/5 { padding-bottom: calc(var(--padding-bottom-layout) / 5); }
.xxl\:pl-layout-\/5 { padding-left: calc(var(--padding-left-layout) / 5); }

.xxl\:p-default-\/4 { padding: calc(var(--padding-top-default) / 4) calc(var(--padding-right-default) / 4) calc(var(--padding-bottom-default) / 4) calc(var(--padding-left-default) / 4); }
.xxl\:px-default-\/4 { padding-left: calc(var(--padding-left-default) / 4); padding-right: calc(var(--padding-right-default) / 4); }
.xxl\:py-default-\/4 { padding-top: calc(var(--padding-top-default) / 4); padding-bottom: calc(var(--padding-bottom-default) / 4); }
.xxl\:pt-default-\/4 { padding-top: calc(var(--padding-top-default) / 4); }
.xxl\:pr-default-\/4 { padding-right: calc(var(--padding-right-default) / 4); }
.xxl\:pb-default-\/4 { padding-bottom: calc(var(--padding-bottom-default) / 4); }
.xxl\:pl-default-\/4 { padding-left: calc(var(--padding-left-default) / 4); }

.xxl\:p-layout-\/4 { padding: calc(var(--padding-top-layout) / 4) calc(var(--padding-right-layout) / 4) calc(var(--padding-bottom-layout) / 4) calc(var(--padding-left-layout) / 4); }
.xxl\:px-layout-\/4 { padding-left: calc(var(--padding-left-layout) / 4); padding-right: calc(var(--padding-right-layout) / 4); }
.xxl\:py-layout-\/4 { padding-top: calc(var(--padding-top-layout) / 4); padding-bottom: calc(var(--padding-bottom-layout) / 4); }
.xxl\:pt-layout-\/4 { padding-top: calc(var(--padding-top-layout) / 4); }
.xxl\:pr-layout-\/4 { padding-right: calc(var(--padding-right-layout) / 4); }
.xxl\:pb-layout-\/4 { padding-bottom: calc(var(--padding-bottom-layout) / 4); }
.xxl\:pl-layout-\/4 { padding-left: calc(var(--padding-left-layout) / 4); }

.xxl\:p-default-\/3 { padding: calc(var(--padding-top-default) / 3) calc(var(--padding-right-default) / 3) calc(var(--padding-bottom-default) / 3) calc(var(--padding-left-default) / 3); }
.xxl\:px-default-\/3 { padding-left: calc(var(--padding-left-default) / 3); padding-right: calc(var(--padding-right-default) / 3); }
.xxl\:py-default-\/3 { padding-top: calc(var(--padding-top-default) / 3); padding-bottom: calc(var(--padding-bottom-default) / 3); }
.xxl\:pt-default-\/3 { padding-top: calc(var(--padding-top-default) / 3); }
.xxl\:pr-default-\/3 { padding-right: calc(var(--padding-right-default) / 3); }
.xxl\:pb-default-\/3 { padding-bottom: calc(var(--padding-bottom-default) / 3); }
.xxl\:pl-default-\/3 { padding-left: calc(var(--padding-left-default) / 3); }

.xxl\:p-layout-\/3 { padding: calc(var(--padding-top-layout) / 3) calc(var(--padding-right-layout) / 3) calc(var(--padding-bottom-layout) / 3) calc(var(--padding-left-layout) / 3); }
.xxl\:px-layout-\/3 { padding-left: calc(var(--padding-left-layout) / 3); padding-right: calc(var(--padding-right-layout) / 3); }
.xxl\:py-layout-\/3 { padding-top: calc(var(--padding-top-layout) / 3); padding-bottom: calc(var(--padding-bottom-layout) / 3); }
.xxl\:pt-layout-\/3 { padding-top: calc(var(--padding-top-layout) / 3); }
.xxl\:pr-layout-\/3 { padding-right: calc(var(--padding-right-layout) / 3); }
.xxl\:pb-layout-\/3 { padding-bottom: calc(var(--padding-bottom-layout) / 3); }
.xxl\:pl-layout-\/3 { padding-left: calc(var(--padding-left-layout) / 3); }

.xxl\:p-default-\/2 { padding: calc(var(--padding-top-default) / 2) calc(var(--padding-right-default) / 2) calc(var(--padding-bottom-default) / 2) calc(var(--padding-left-default) / 2); }
.xxl\:px-default-\/2 { padding-left: calc(var(--padding-left-default) / 2); padding-right: calc(var(--padding-right-default) / 2); }
.xxl\:py-default-\/2 { padding-top: calc(var(--padding-top-default) / 2); padding-bottom: calc(var(--padding-bottom-default) / 2); }
.xxl\:pt-default-\/2 { padding-top: calc(var(--padding-top-default) / 2); }
.xxl\:pr-default-\/2 { padding-right: calc(var(--padding-right-default) / 2); }
.xxl\:pb-default-\/2 { padding-bottom: calc(var(--padding-bottom-default) / 2); }
.xxl\:pl-default-\/2 { padding-left: calc(var(--padding-left-default) / 2); }

.xxl\:p-layout-\/2 { padding: calc(var(--padding-top-layout) / 2) calc(var(--padding-right-layout) / 2) calc(var(--padding-bottom-layout) / 2) calc(var(--padding-left-layout) / 2); }
.xxl\:px-layout-\/2 { padding-left: calc(var(--padding-left-layout) / 2); padding-right: calc(var(--padding-right-layout) / 2); }
.xxl\:py-layout-\/2 { padding-top: calc(var(--padding-top-layout) / 2); padding-bottom: calc(var(--padding-bottom-layout) / 2); }
.xxl\:pt-layout-\/2 { padding-top: calc(var(--padding-top-layout) / 2); }
.xxl\:pr-layout-\/2 { padding-right: calc(var(--padding-right-layout) / 2); }
.xxl\:pb-layout-\/2 { padding-bottom: calc(var(--padding-bottom-layout) / 2); }
.xxl\:pl-layout-\/2 { padding-left: calc(var(--padding-left-layout) / 2); }

.xxl\:p-default { padding: var(--padding-top-default) var(--padding-right-default) var(--padding-bottom-default) var(--padding-left-default); }
.xxl\:px-default { padding-right: var(--padding-right-default); padding-left: var(--padding-left-default); }
.xxl\:py-default { padding-top: var(--padding-top-default); padding-bottom: var(--padding-bottom-default); }
.xxl\:pt-default { padding-top: var(--padding-top-default); }
.xxl\:pr-default { padding-right: var(--padding-right-default); }
.xxl\:pb-default { padding-bottom: var(--padding-bottom-default); }
.xxl\:pl-default { padding-left: var(--padding-left-default); }

.xxl\:p-layout { padding: var(--padding-top-layout) var(--padding-right-layout) var(--padding-bottom-layout) var(--padding-left-layout); }
.xxl\:px-layout { padding-right: var(--padding-right-layout); padding-left: var(--padding-left-layout); }
.xxl\:py-layout { padding-top: var(--padding-top-layout); padding-bottom: var(--padding-bottom-layout); }
.xxl\:pt-layout { padding-top: var(--padding-top-layout); }
.xxl\:pr-layout { padding-right: var(--padding-right-layout); }
.xxl\:pb-layout { padding-bottom: var(--padding-bottom-layout); }
.xxl\:pl-layout { padding-left: var(--padding-left-layout); }

.xxl\:p-default-x1_5 { padding: calc(var(--padding-top-default) * 1.5) calc(var(--padding-right-default) * 1.5) calc(var(--padding-bottom-default) * 1.5) calc(var(--padding-left-default) * 1.5); }
.xxl\:px-default-x1_5 { padding-left: calc(var(--padding-left-default) * 1.5); padding-right: calc(var(--padding-right-default) * 1.5); }
.xxl\:py-default-x1_5 { padding-top: calc(var(--padding-top-default) * 1.5); padding-bottom: calc(var(--padding-bottom-default) * 1.5); }
.xxl\:pt-default-x1_5 { padding-top: calc(var(--padding-top-default) * 1.5); }
.xxl\:pr-default-x1_5 { padding-right: calc(var(--padding-right-default) * 1.5); }
.xxl\:pb-default-x1_5 { padding-bottom: calc(var(--padding-bottom-default) * 1.5); }
.xxl\:pl-default-x1_5 { padding-left: calc(var(--padding-left-default) * 1.5); }

.xxl\:p-layout-x1_5 { padding: calc(var(--padding-top-layout) * 1.5) calc(var(--padding-right-layout) * 1.5) calc(var(--padding-bottom-layout) * 1.5) calc(var(--padding-left-layout) * 1.5); }
.xxl\:px-layout-x1_5 { padding-left: calc(var(--padding-left-layout) * 1.5); padding-right: calc(var(--padding-right-layout) * 1.5); }
.xxl\:py-layout-x1_5 { padding-top: calc(var(--padding-top-layout) * 1.5); padding-bottom: calc(var(--padding-bottom-layout) * 1.5); }
.xxl\:pt-layout-x1_5 { padding-top: calc(var(--padding-top-layout) * 1.5); }
.xxl\:pr-layout-x1_5 { padding-right: calc(var(--padding-right-layout) * 1.5); }
.xxl\:pb-layout-x1_5 { padding-bottom: calc(var(--padding-bottom-layout) * 1.5); }
.xxl\:pl-layout-x1_5 { padding-left: calc(var(--padding-left-layout) * 1.5); }

.xxl\:p-default-x2 { padding: calc(var(--padding-top-default) * 2) calc(var(--padding-right-default) * 2) calc(var(--padding-bottom-default) * 2) calc(var(--padding-left-default) * 2); }
.xxl\:px-default-x2 { padding-left: calc(var(--padding-left-default) * 2); padding-right: calc(var(--padding-right-default) * 2); }
.xxl\:py-default-x2 { padding-top: calc(var(--padding-top-default) * 2); padding-bottom: calc(var(--padding-bottom-default) * 2); }
.xxl\:pt-default-x2 { padding-top: calc(var(--padding-top-default) * 2); }
.xxl\:pr-default-x2 { padding-right: calc(var(--padding-right-default) * 2); }
.xxl\:pb-default-x2 { padding-bottom: calc(var(--padding-bottom-default) * 2); }
.xxl\:pl-default-x2 { padding-left: calc(var(--padding-left-default) * 2); }

.xxl\:p-layout-x2 { padding: calc(var(--padding-top-layout) * 2) calc(var(--padding-right-layout) * 2) calc(var(--padding-bottom-layout) * 2) calc(var(--padding-left-layout) * 2); }
.xxl\:px-layout-x2 { padding-left: calc(var(--padding-left-layout) * 2); padding-right: calc(var(--padding-right-layout) * 2); }
.xxl\:py-layout-x2 { padding-top: calc(var(--padding-top-layout) * 2); padding-bottom: calc(var(--padding-bottom-layout) * 2); }
.xxl\:pt-layout-x2 { padding-top: calc(var(--padding-top-layout) * 2); }
.xxl\:pr-layout-x2 { padding-right: calc(var(--padding-right-layout) * 2); }
.xxl\:pb-layout-x2 { padding-bottom: calc(var(--padding-bottom-layout) * 2); }
.xxl\:pl-layout-x2 { padding-left: calc(var(--padding-left-layout) * 2); }

.xxl\:p-default-x3 { padding: calc(var(--padding-top-default) * 3) calc(var(--padding-right-default) * 3) calc(var(--padding-bottom-default) * 3) calc(var(--padding-left-default) * 3); }
.xxl\:px-default-x3 { padding-left: calc(var(--padding-left-default) * 3); padding-right: calc(var(--padding-right-default) * 3); }
.xxl\:py-default-x3 { padding-top: calc(var(--padding-top-default) * 3); padding-bottom: calc(var(--padding-bottom-default) * 3); }
.xxl\:pt-default-x3 { padding-top: calc(var(--padding-top-default) * 3); }
.xxl\:pr-default-x3 { padding-right: calc(var(--padding-right-default) * 3); }
.xxl\:pb-default-x3 { padding-bottom: calc(var(--padding-bottom-default) * 3); }
.xxl\:pl-default-x3 { padding-left: calc(var(--padding-left-default) * 3); }

.xxl\:p-layout-x3 { padding: calc(var(--padding-top-layout) * 3) calc(var(--padding-right-layout) * 3) calc(var(--padding-bottom-layout) * 3) calc(var(--padding-left-layout) * 3); }
.xxl\:px-layout-x3 { padding-left: calc(var(--padding-left-layout) * 3); padding-right: calc(var(--padding-right-layout) * 3); }
.xxl\:py-layout-x3 { padding-top: calc(var(--padding-top-layout) * 3); padding-bottom: calc(var(--padding-bottom-layout) * 3); }
.xxl\:pt-layout-x3 { padding-top: calc(var(--padding-top-layout) * 3); }
.xxl\:pr-layout-x3 { padding-right: calc(var(--padding-right-layout) * 3); }
.xxl\:pb-layout-x3 { padding-bottom: calc(var(--padding-bottom-layout) * 3); }
.xxl\:pl-layout-x3 { padding-left: calc(var(--padding-left-layout) * 3); }

.xxl\:p-default-x4 { padding: calc(var(--padding-top-default) * 4) calc(var(--padding-right-default) * 4) calc(var(--padding-bottom-default) * 4) calc(var(--padding-left-default) * 4); }
.xxl\:px-default-x4 { padding-left: calc(var(--padding-left-default) * 4); padding-right: calc(var(--padding-right-default) * 4); }
.xxl\:py-default-x4 { padding-top: calc(var(--padding-top-default) * 4); padding-bottom: calc(var(--padding-bottom-default) * 4); }
.xxl\:pt-default-x4 { padding-top: calc(var(--padding-top-default) * 4); }
.xxl\:pr-default-x4 { padding-right: calc(var(--padding-right-default) * 4); }
.xxl\:pb-default-x4 { padding-bottom: calc(var(--padding-bottom-default) * 4); }
.xxl\:pl-default-x4 { padding-left: calc(var(--padding-left-default) * 4); }

.xxl\:p-layout-x4 { padding: calc(var(--padding-top-layout) * 4) calc(var(--padding-right-layout) * 4) calc(var(--padding-bottom-layout) * 4) calc(var(--padding-left-layout) * 4); }
.xxl\:px-layout-x4 { padding-left: calc(var(--padding-left-layout) * 4); padding-right: calc(var(--padding-right-layout) * 4); }
.xxl\:py-layout-x4 { padding-top: calc(var(--padding-top-layout) * 4); padding-bottom: calc(var(--padding-bottom-layout) * 4); }
.xxl\:pt-layout-x4 { padding-top: calc(var(--padding-top-layout) * 4); }
.xxl\:pr-layout-x4 { padding-right: calc(var(--padding-right-layout) * 4); }
.xxl\:pb-layout-x4 { padding-bottom: calc(var(--padding-bottom-layout) * 4); }
.xxl\:pl-layout-x4 { padding-left: calc(var(--padding-left-layout) * 4); }

.xxl\:p-default-x5 { padding: calc(var(--padding-top-default) * 5) calc(var(--padding-right-default) * 5) calc(var(--padding-bottom-default) * 5) calc(var(--padding-left-default) * 5); }
.xxl\:px-default-x5 { padding-left: calc(var(--padding-left-default) * 5); padding-right: calc(var(--padding-right-default) * 5); }
.xxl\:py-default-x5 { padding-top: calc(var(--padding-top-default) * 5); padding-bottom: calc(var(--padding-bottom-default) * 5); }
.xxl\:pt-default-x5 { padding-top: calc(var(--padding-top-default) * 5); }
.xxl\:pr-default-x5 { padding-right: calc(var(--padding-right-default) * 5); }
.xxl\:pb-default-x5 { padding-bottom: calc(var(--padding-bottom-default) * 5); }
.xxl\:pl-default-x5 { padding-left: calc(var(--padding-left-default) * 5); }

.xxl\:p-layout-x5 { padding: calc(var(--padding-top-layout) * 5) calc(var(--padding-right-layout) * 5) calc(var(--padding-bottom-layout) * 5) calc(var(--padding-left-layout) * 5); }
.xxl\:px-layout-x5 { padding-left: calc(var(--padding-left-layout) * 5); padding-right: calc(var(--padding-right-layout) * 5); }
.xxl\:py-layout-x5 { padding-top: calc(var(--padding-top-layout) * 5); padding-bottom: calc(var(--padding-bottom-layout) * 5); }
.xxl\:pt-layout-x5 { padding-top: calc(var(--padding-top-layout) * 5); }
.xxl\:pr-layout-x5 { padding-right: calc(var(--padding-right-layout) * 5); }
.xxl\:pb-layout-x5 { padding-bottom: calc(var(--padding-bottom-layout) * 5); }
.xxl\:pl-layout-x5 { padding-left: calc(var(--padding-left-layout) * 5); }
/****************************************************** FIM DEFAULT MARGINS/PADDINGS ******************************************************/

/********************************************************* CONTROLOS SHOW / HIDE **********************************************************/
.xxl\:block { display: block; }
.xxl\:inline { display: inline; }
.xxl\:inline-block { display: inline-block; }
.xxl\:flex { display: flex; }
.xxl\:inline-flex { display: inline-flex; }
.xxl\:grid { display: grid; }
.xxl\:inline-grid { display: inline-grid; }
.xxl\:table { display: table; }
.xxl\:table-row { display: table-row; }
.xxl\:table-cell { display: table-cell; }
.xxl\:hidden { display: none; }
/******************************************************* FIM CONTROLOS SHOW / HIDE ********************************************************/
/**************************************************************** OVERFLOW ****************************************************************/
.xxl\:overflow-auto{ overflow: auto; }
.xxl\:overflow-hidden{ overflow: hidden; }
.xxl\:overflow-clip{ overflow: clip; }
.xxl\:overflow-visible{ overflow: visible; }
.xxl\:overflow-scroll{ overflow: scroll; }
.xxl\:overflow-x-auto{ overflow-x: auto; }
.xxl\:overflow-y-auto{ overflow-y: auto; }
.xxl\:overflow-x-hidden{ overflow-x: hidden; }
.xxl\:overflow-y-hidden{ overflow-y: hidden; }
.xxl\:overflow-x-clip{ overflow-x: clip; }
.xxl\:overflow-y-clip{ overflow-y: clip; }
.xxl\:overflow-x-visible{ overflow-x: visible; }
.xxl\:overflow-y-visible{ overflow-y: visible; }
.xxl\:overflow-x-scroll{ overflow-x: scroll; }
.xxl\:overflow-y-scroll{ overflow-y: scroll; }
/************************************************************** FIM OVERFLOW **************************************************************/
/************************************************************** POSITIONING ***************************************************************/
.xxl\:static { position: static; }
.xxl\:relative { position: relative; }
.xxl\:absolute { position: absolute; }
.xxl\:fixed { position: fixed; }
.xxl\:sticky { position: sticky; }

.xxl\:top-0 { top: 0; }
.xxl\:top-50 { top: 50%; }
.xxl\:top-100 { top: 100%; }
.xxl\:top { top: var(--top); }

.xxl\:bottom-0 { bottom: 0; }
.xxl\:bottom-50 { bottom: 50%; }
.xxl\:bottom-100 { bottom: 100%; }
.xxl\:bottom { bottom: var(--bottom); }

.xxl\:left-0 { left: 0; }
.xxl\:left-50 { left: 50%; }
.xxl\:left-100 { left: 100%; }
.xxl\:left { left: var(--left); }

.xxl\:right-0 { right: 0; }
.xxl\:right-50 { right: 50%; }
.xxl\:right-100 { right: 100%; }
.xxl\:right { right: var(--right); }

.group.active .xxl\:group-active\:translate-x-0, .group.selected .xxl\:group-selected\:translate-x-0, .group:hover .xxl\:group-hover\:translate-x-0, .xxl\:hover\:translate-x-0:hover, .xxl\:translate-x-0 { --icono2-translate-x: 0; }
.group.active .xxl\:group-active\:translate-x-50, .group.selected .xxl\:group-selected\:translate-x-50, .group:hover .xxl\:group-hover\:translate-x-50, .xxl\:hover\:translate-x-50:hover, .xxl\:translate-x-50 { --icono2-translate-x: 50%; }
.group.active .xxl\:group-active\:-translate-x-50, .group.selected .xxl\:group-selected\:-translate-x-50, .group:hover .xxl\:group-hover\:-translate-x-50, .xxl\:hover\:-translate-x-50:hover, .xxl\:-translate-x-50 { --icono2-translate-x: -50%; }
.group.active .xxl\:group-active\:translate-x-full, .group.selected .xxl\:group-selected\:translate-x-full, .group:hover .xxl\:group-hover\:translate-x-full, .xxl\:hover\:translate-x-full:hover, .xxl\:translate-x-full { --icono2-translate-x: 100%; }
.group.active .xxl\:group-active\:-translate-x-full, .group.selected .xxl\:group-selected\:-translate-x-full, .group:hover .xxl\:group-hover\:-translate-x-full, .xxl\:hover\:-translate-x-full:hover, .xxl\:-translate-x-full { --icono2-translate-x: -100%; }
.group.active .xxl\:group-active\:translate-y-0, .group.selected .xxl\:group-selected\:translate-y-0, .group:hover .xxl\:group-hover\:translate-y-0, .xxl\:hover\:translate-y-0:hover, .xxl\:translate-y-0 { --icono2-translate-y: 0; }
.group.active .xxl\:group-active\:translate-y-50, .group.selected .xxl\:group-selected\:translate-y-50, .group:hover .xxl\:group-hover\:translate-y-50, .xxl\:hover\:translate-y-50:hover, .xxl\:translate-y-50 { --icono2-translate-y: 50%; }
.group.active .xxl\:group-active\:-translate-y-50, .group.selected .xxl\:group-selected\:-translate-y-50, .group:hover .xxl\:group-hover\:-translate-y-50, .xxl\:hover\:-translate-y-50:hover, .xxl\:-translate-y-50 { --icono2-translate-y: -50%; }
.group.active .xxl\:group-active\:translate-y-full, .group.selected .xxl\:group-selected\:translate-y-full, .group:hover .xxl\:group-hover\:translate-y-full, .xxl\:hover\:translate-y-full:hover, .xxl\:translate-y-full { --icono2-translate-y: 100%; }
.group.active .xxl\:group-active\:-translate-y-full, .group.selected .xxl\:group-selected\:-translate-y-full, .group:hover .xxl\:group-hover\:-translate-y-full, .xxl\:hover\:-translate-y-full:hover, .xxl\:-translate-y-full { --icono2-translate-y: -100%; }
.group.active .xxl\:group-active\:translate-50, .group.selected .xxl\:group-selected\:translate-50, .group:hover .xxl\:group-hover\:translate-50, .xxl\:hover\:translate-50:hover, .xxl\:translate-50 { --icono2-translate-x: 50%; --icono2-translate-y: 50%; }
.group.active .xxl\:group-active\:-translate-50, .group.selected .xxl\:group-selected\:-translate-50, .group:hover .xxl\:group-hover\:-translate-50, .xxl\:hover\:-translate-50:hover, .xxl\:-translate-50 { --icono2-translate-x: -50%; --icono2-translate-y: -50%; }
.group.active .xxl\:group-active\:translate-x, .group.selected .xxl\:group-selected\:translate-x, .group:hover .xxl\:group-hover\:translate-x, .xxl\:hover\:translate-x:hover, .xxl\:translate-x { --icono2-translate-x: var(--translate-x); }
.group.active .xxl\:group-active\:translate-x-anim, .group.selected .xxl\:group-selected\:translate-x-anim, .group:hover .xxl\:group-hover\:translate-x-anim, .xxl\:hover\:translate-x-anim:hover { --icono2-translate-x: var(--translate-x-anim); }
.group.active .xxl\:group-active\:translate-y, .group.selected .xxl\:group-selected\:translate-y, .group:hover .xxl\:group-hover\:translate-y, .xxl\:hover\:translate-y:hover, .xxl\:translate-y { --icono2-translate-y: var(--translate-y); }
.group.active .xxl\:group-active\:translate-y-anim, .group.selected .xxl\:group-selected\:translate-y-anim, .group:hover .xxl\:group-hover\:translate-y-anim, .xxl\:hover\:translate-y-anim:hover { --icono2-translate-y: var(--translate-y-anim); }
.group.active .xxl\:group-active\:scale, .group.selected .xxl\:group-selected\:scale, .group:hover .xxl\:group-hover\:scale, .xxl\:hover\:scale:hover, .xxl\:scale { --icono2-scale: var(--scale); }
.group.active .xxl\:group-active\:scale-anim, .group.selected .xxl\:group-selected\:scale-anim, .group:hover .xxl\:group-hover\:scale-anim, .xxl\:hover\:scale-anim:hover, .xxl\:scale-anim { --icono2-scale-anim: var(--scale-anim); }
.group.active .xxl\:group-active\:scale-100, .group.selected .xxl\:group-selected\:scale-100, .group:hover .xxl\:group-hover\:scale-100, .xxl\:hover\:scale-100:hover, .xxl\:scale-100 { --icono2-scale: 1; }
.group.active .xxl\:group-active\:scale-anim-100, .group.selected .xxl\:group-selected\:scale-anim-100, .group:hover .xxl\:group-hover\:scale-anim-100, .xxl\:hover\:scale-anim-100:hover, .xxl\:scale-anim-100 { --icono2-scale-anim: 1; }
.group.active .xxl\:group-active\:scale-110, .group.selected .xxl\:group-selected\:scale-110, .group:hover .xxl\:group-hover\:scale-110, .xxl\:hover\:scale-110:hover, .xxl\:scale-110 { --icono2-scale: 1.1; }
.group.active .xxl\:group-active\:scale-anim-110, .group.selected .xxl\:group-selected\:scale-anim-110, .group:hover .xxl\:group-hover\:scale-anim-110, .xxl\:hover\:scale-anim-110:hover, .xxl\:scale-anim-110 { --icono2-scale-anim: 1.1; }
.group.active .xxl\:group-active\:scale-125, .group.selected .xxl\:group-selected\:scale-125, .group:hover .xxl\:group-hover\:scale-125, .xxl\:hover\:scale-125:hover, .xxl\:scale-125 { --icono2-scale: 1.25; }
.group.active .xxl\:group-active\:scale-anim-125, .group.selected .xxl\:group-selected\:scale-anim-125, .group:hover .xxl\:group-hover\:scale-anim-125, .xxl\:hover\:scale-anim-125:hover, .xxl\:scale-anim-125 { --icono2-scale-anim: 1.25; }
.group.active .xxl\:group-active\:scale-150, .group.selected .xxl\:group-selected\:scale-150, .group:hover .xxl\:group-hover\:scale-150, .xxl\:hover\:scale-150:hover, .xxl\:scale-150 { --icono2-scale: 1.5; }
.group.active .xxl\:group-active\:scale-anim-150, .group.selected .xxl\:group-selected\:scale-anim-150, .group:hover .xxl\:group-hover\:scale-anim-150, .xxl\:hover\:scale-anim-150:hover, .xxl\:scale-anim-150 { --icono2-scale-anim: 1.5; }
.group.active .xxl\:group-active\:scale-200, .group.selected .xxl\:group-selected\:scale-200, .group:hover .xxl\:group-hover\:scale-200, .xxl\:hover\:scale-200:hover, .xxl\:scale-200 { --icono2-scale: 2; }
.group.active .xxl\:group-active\:scale-anim-200, .group.selected .xxl\:group-selected\:scale-anim-200, .group:hover .xxl\:group-hover\:scale-anim-200, .xxl\:hover\:scale-anim-200:hover, .xxl\:scale-anim-200 { --icono2-scale-anim: 2; }
.group.active .xxl\:group-active\:rotate-0, .group.selected .xxl\:group-selected\:rotate-0, .group:hover .xxl\:group-hover\:rotate-0, .xxl\:hover\:rotate-0:hover, .xxl\:rotate-0 { --icono2-rotate: 0deg; }
.group.active .xxl\:group-active\:rotate-45, .group.selected .xxl\:group-selected\:rotate-45, .group:hover .xxl\:group-hover\:rotate-45, .xxl\:hover\:rotate-45:hover, .xxl\:rotate-45 { --icono2-rotate: 45deg; }
.group.active .xxl\:group-active\:rotate-90, .group.selected .xxl\:group-selected\:rotate-90, .group:hover .xxl\:group-hover\:rotate-90, .xxl\:hover\:rotate-90:hover, .xxl\:rotate-90 { --icono2-rotate: 90deg; }
.group.active .xxl\:group-active\:rotate-180, .group.selected .xxl\:group-selected\:rotate-180, .group:hover .xxl\:group-hover\:rotate-180, .xxl\:hover\:rotate-180:hover, .xxl\:rotate-180 { --icono2-rotate: 180deg; }
.group.active .xxl\:group-active\:rotate-270, .group.selected .xxl\:group-selected\:rotate-270, .group:hover .xxl\:group-hover\:rotate-270, .xxl\:hover\:rotate-270:hover, .xxl\:rotate-270 { --icono2-rotate: 270deg; }
.group.active .xxl\:group-active\:translate-x-0, .group.selected .xxl\:group-selected\:translate-x-0, .group:hover .xxl\:group-hover\:translate-x-0, .xxl\:hover\:translate-x-0:hover, .xxl\:translate-x-0,
.group.active .xxl\:group-active\:translate-x-50, .group.selected .xxl\:group-selected\:translate-x-50, .group:hover .xxl\:group-hover\:translate-x-50, .xxl\:hover\:translate-x-50:hover, .xxl\:translate-x-50,
.group.active .xxl\:group-active\:-translate-x-50, .group.selected .xxl\:group-selected\:-translate-x-50, .group:hover .xxl\:group-hover\:-translate-x-50, .xxl\:hover\:-translate-x-50:hover, .xxl\:-translate-x-50,
.group.active .xxl\:group-active\:translate-x-full, .group.selected .xxl\:group-selected\:translate-x-full, .group:hover .xxl\:group-hover\:translate-x-full, .xxl\:hover\:translate-x-full:hover, .xxl\:translate-x-full,
.group.active .xxl\:group-active\:-translate-x-full, .group.selected .xxl\:group-selected\:-translate-x-full, .group:hover .xxl\:group-hover\:-translate-x-full, .xxl\:hover\:-translate-x-full:hover, .xxl\:-translate-x-full,
.group.active .xxl\:group-active\:translate-y-0, .group.selected .xxl\:group-selected\:translate-y-0, .group:hover .xxl\:group-hover\:translate-y-0, .xxl\:hover\:translate-y-0:hover, .xxl\:translate-y-0,
.group.active .xxl\:group-active\:translate-y-50, .group.selected .xxl\:group-selected\:translate-y-50, .group:hover .xxl\:group-hover\:translate-y-50, .xxl\:hover\:translate-y-50:hover, .xxl\:translate-y-50,
.group.active .xxl\:group-active\:-translate-y-50, .group.selected .xxl\:group-selected\:-translate-y-50, .group:hover .xxl\:group-hover\:-translate-y-50, .xxl\:hover\:-translate-y-50:hover, .xxl\:-translate-y-50,
.group.active .xxl\:group-active\:translate-y-full, .group.selected .xxl\:group-selected\:translate-y-full, .group:hover .xxl\:group-hover\:translate-y-full, .xxl\:hover\:translate-y-full:hover, .xxl\:translate-y-full,
.group.active .xxl\:group-active\:-translate-y-full, .group.selected .xxl\:group-selected\:-translate-y-full, .group:hover .xxl\:group-hover\:-translate-y-full, .xxl\:hover\:-translate-y-full:hover, .xxl\:-translate-y-full,
.group.active .xxl\:group-active\:translate-50, .group.selected .xxl\:group-selected\:translate-50, .group:hover .xxl\:group-hover\:translate-50, .xxl\:hover\:translate-50:hover, .xxl\:translate-50,
.group.active .xxl\:group-active\:-translate-50, .group.selected .xxl\:group-selected\:-translate-50, .group:hover .xxl\:group-hover\:-translate-50, .xxl\:hover\:-translate-50:hover, .xxl\:-translate-50,
.group.active .xxl\:group-active\:translate-x, .group.selected .xxl\:group-selected\:translate-x, .group:hover .xxl\:group-hover\:translate-x, .xxl\:hover\:translate-x:hover, .xxl\:translate-x,
.group.active .xxl\:group-active\:translate-y, .group.selected .xxl\:group-selected\:translate-y, .group:hover .xxl\:group-hover\:translate-y, .xxl\:hover\:translate-y:hover, .xxl\:translate-y,
.group.active .xxl\:group-active\:scale-100, .group.selected .xxl\:group-selected\:scale-100, .group:hover .xxl\:group-hover\:scale-100, .xxl\:hover\:scale-100:hover, .xxl\:scale-100,
.group.active .xxl\:group-active\:scale-110, .group.selected .xxl\:group-selected\:scale-110, .group:hover .xxl\:group-hover\:scale-110, .xxl\:hover\:scale-110:hover, .xxl\:scale-110,
.group.active .xxl\:group-active\:scale-125, .group.selected .xxl\:group-selected\:scale-125, .group:hover .xxl\:group-hover\:scale-125, .xxl\:hover\:scale-125:hover, .xxl\:scale-125,
.group.active .xxl\:group-active\:scale-150, .group.selected .xxl\:group-selected\:scale-150, .group:hover .xxl\:group-hover\:scale-150, .xxl\:hover\:scale-150:hover, .xxl\:scale-150,
.group.active .xxl\:group-active\:scale-200, .group.selected .xxl\:group-selected\:scale-200, .group:hover .xxl\:group-hover\:scale-200, .xxl\:hover\:scale-200:hover, .xxl\:scale-200,
.group.active .xxl\:group-active\:rotate-0, .group.selected .xxl\:group-selected\:rotate-0, .group:hover .xxl\:group-hover\:rotate-0, .xxl\:hover\:rotate-0:hover, .xxl\:rotate-0,
.group.active .xxl\:group-active\:rotate-45, .group.selected .xxl\:group-selected\:rotate-45, .group:hover .xxl\:group-hover\:rotate-45, .xxl\:hover\:rotate-45:hover, .xxl\:rotate-45,
.group.active .xxl\:group-active\:rotate-90, .group.selected .xxl\:group-selected\:rotate-90, .group:hover .xxl\:group-hover\:rotate-90, .xxl\:hover\:rotate-90:hover, .xxl\:rotate-90,
.group.active .xxl\:group-active\:rotate-180, .group.selected .xxl\:group-selected\:rotate-180, .group:hover .xxl\:group-hover\:rotate-180, .xxl\:hover\:rotate-180:hover, .xxl\:rotate-180,
.group.active .xxl\:group-active\:rotate-270:not(.group .group-active\:rotate-270 *), .group.selected .xxl\:group-selected\:rotate-270, .group:hover .xxl\:group-hover\:rotate-270, .xxl\:hover\:rotate-270:hover, .xxl\:rotate-270,
.xxl\:hoverimg-child, .xxl\:transform { transform: translateX(var(--icono2-translate-x)) translateY(var(--icono2-translate-y)) rotate(var(--icono2-rotate)) scale(var(--icono2-scale)); }

.xxl\:-z-1 { z-index: -1; }
.xxl\:z-0 { z-index: 0; }
.xxl\:z-1 { z-index: 1; }
.xxl\:z-2 { z-index: 2; }
.xxl\:z-3 { z-index: 3; }
.xxl\:z-4 { z-index: 4; }
.xxl\:z-5 { z-index: 5; }
.xxl\:z-6 { z-index: 6; }
.xxl\:z-7 { z-index: 7; }
.xxl\:z-8 { z-index: 8; }
.xxl\:z-9 { z-index: 9; }
.xxl\:z-10 { z-index: 10; }
.xxl\:z-11 { z-index: 11; }
.xxl\:z-12 { z-index: 12; }
.xxl\:z-13 { z-index: 13; }
.xxl\:z-14 { z-index: 14; }
.xxl\:z-15 { z-index: 15; }
.xxl\:z-16 { z-index: 16; }
.xxl\:z-17 { z-index: 17; }
.xxl\:z-18 { z-index: 18; }
.xxl\:z-19 { z-index: 19; }
.xxl\:z-20 { z-index: 20; }
.xxl\:z-10 { z-index: 10; }
.xxl\:z-50 { z-index: 50; }
.xxl\:z-100 { z-index: 100; }
.xxl\:z-auto { z-index: auto; }

.xxl\:float-right{ float: right; }
.xxl\:float-left{ float: left; }
.xxl\:float-start{ float: inline-start; }
.xxl\:float-end{ float: inline-end; }
.xxl\:float-none{ float: none; }

.xxl\:clear-left{ clear: left; }
.xxl\:clear-right{ clear: right; }
.xxl\:clear-both{ clear: both; }
.xxl\:clear-start{ clear: inline-start; }
.xxl\:clear-end{ clear: inline-end; }
.xxl\:clear-none{ clear: none; }
/************************************************************ FIM POSITIONING *************************************************************/

.xxl\:text-left{ text-align: left; }
.xxl\:text-center{ text-align: center; }
.xxl\:text-right{ text-align: right; }
.xxl\:text-justify{ text-align: justify; }
.xxl\:text-start{ text-align: start; }
.xxl\:text-end{ text-align: end; }

.xxl\:writing-mode-vlr{ writing-mode: vertical-lr; }

/************************************************************** ASPECT_RATIO **************************************************************/
.xxl\:ratio-1{ --ratio-w: 1; --ratio-h: 1; }
.xxl\:ratio-4\/3{ --ratio-w: 4; --ratio-h: 3; }
.xxl\:ratio-16\/9{ --ratio-w: 16; --ratio-h: 9; }
.xxl\:ratio-9\/16{ --ratio-w: 9; --ratio-h: 16; }
.xxl\:ratio-1, .xxl\:ratio-4\/3, .xxl\:ratio-16\/9, .xxl\:ratio-9\/16, .xxl\:ratio{ aspect-ratio: var(--ratio-w)/var(--ratio-h); }

@supports not (aspect-ratio: 1/1) {
  .xxl\:ratio::before, .xxl\:ratio-1::before, .xxl\:ratio-4\/3::before, .xxl\:ratio-16\/9::before, .xxl\:ratio-9\/16::before{ float: left; padding-top: calc((var(--ratio-h) / var(--ratio-w)) * 100%); content: ""; }
  .xxl\:ratio > div:nth-child(1), .xxl\:ratio-1 > div:nth-child(1), .xxl\:ratio-4\/3 > div:nth-child(1), .xxl\:ratio-16\/9 > div:nth-child(1), .xxl\:ratio-9\/16 > div:nth-child(1){ position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
  .xxl\:ratio::after, .xxl\:ratio-1::after, .xxl\:ratio-4\/3::after, .xxl\:ratio-16\/9::after, .xxl\:ratio-9\/16::after{display: block; content: ""; clear: both;}
}
/************************************************************ FIM ASPECT_RATIO ************************************************************/


/*********************************************************** DEFAULTS FLEX/GRID ***********************************************************/
/*************************************************************** DIRECTION ****************************************************************/
.xxl\:flex-row{ flex-direction: row; }
.xxl\:flex-row-reverse{ flex-direction: row-reverse; }
.xxl\:flex-col{ flex-direction: column; }
.xxl\:flex-col-reverse{ flex-direction: column-reverse; }
/************************************************************* FIM DIRECTION **************************************************************/
/****************************************************************** WRAP ******************************************************************/
.xxl\:flex-nowrap{ flex-wrap: nowrap; }
.xxl\:flex-wrap{ flex-wrap: wrap; }
.xxl\:flex-wrap-reverse{ flex-wrap: wrap-reverse; }
/**************************************************************** FIM WRAP ****************************************************************/
/****************************************************************** GROW ******************************************************************/
.xxl\:flex-grow{ flex-grow: var(--flex-grow); }
.xxl\:flex-grow-1{ flex-grow: 1; }
.xxl\:flex-nogrow{ flex-grow: 0; }
/**************************************************************** FIM GROW ****************************************************************/
/***************************************************************** SHRINK *****************************************************************/
.xxl\:flex-shrink{ flex-shrink: var(--flex-shrink); }
.xxl\:flex-shrink-1{ flex-shrink: 1; }
.xxl\:flex-noshrink{ flex-shrink: 0; }
/*************************************************************** FIM SHRINK ***************************************************************/
/*************************************************************** FLEX-BASIS ***************************************************************/
.xxl\:basis{ flex-basis: var(--basis); }
.xxl\:basis-full{ flex-basis: 100%; }
.xxl\:basis-0{ flex-basis: 0%; }
.xxl\:basis-1\/12 { flex-basis: 8.333%; }
.xxl\:basis-1\/10 { flex-basis: 10%; }
.xxl\:basis-1\/8 { flex-basis: 12.5%; }
.xxl\:basis-1\/6, .basis-2\/12 { flex-basis: 16.667%; }
.xxl\:basis-1\/5, .basis-2\/10 { flex-basis: 20%; }
.xxl\:basis-1\/4, .basis-2\/8, .basis-3\/12 { flex-basis: 25%; }
.xxl\:basis-3\/10 { flex-basis: 30%; }
.xxl\:basis-1\/3, .basis-2\/6, .basis-4\/12 { flex-basis: 33.333%; }
.xxl\:basis-3\/8 { flex-basis: 37.5%; }
.xxl\:basis-2\/5, .basis-4\/10 { flex-basis: 40%; }
.xxl\:basis-5\/12 { flex-basis: 41.667%; }
.xxl\:basis-1\/2, .basis-2\/4, .basis-3\/6, .basis-4\/8, .basis-5\/10, .basis-6\/12 { flex-basis: 50%; }
.xxl\:basis-7\/12 { flex-basis: 58.333%; }
.xxl\:basis-3\/5, .basis-6\/10 { flex-basis: 60%; }
.xxl\:basis-5\/8 { flex-basis: 62.5%; }
.xxl\:basis-2\/3 { flex-basis: 66.666%; }
.xxl\:basis-4\/6, .basis-8\/12 { flex-basis: 66.667%; }
.xxl\:basis-7\/10 { flex-basis: 70%; }
.xxl\:basis-3\/4, .basis-6\/8, .basis-9\/12 { flex-basis: 75%; }
.xxl\:basis-4\/5, .basis-8\/10 { flex-basis: 80%; }
.xxl\:basis-5\/6, .basis-10\/12 { flex-basis: 83.333%; }
.xxl\:basis-7\/8 { flex-basis: 87.5%; }
.xxl\:basis-9\/10 { flex-basis: 90%; }
.xxl\:basis-11\/12 { flex-basis: 91.667%; }
/************************************************************* FIM FLEX-BASIS *************************************************************/

/****************************************************************** GROW ******************************************************************/
.xxl\:gap-x-0{ column-gap: 0; }
.xxl\:gap-y-0{ row-gap: 0; }
.xxl\:gap-x{ column-gap: var(--gap-x); }
.xxl\:gap-y{ row-gap: var(--gap-y); }
/**************************************************************** FIM GROW ****************************************************************/
/************************************************************ JUSTIFY CONTENT *************************************************************/
.xxl\:justify-start{ justify-content: flex-start; }
.xxl\:justify-end{ justify-content: flex-end; }
.xxl\:justify-center{ justify-content: center; }
.xxl\:justify-between{ justify-content: space-between; }
.xxl\:justify-around{ justify-content: space-around; }
.xxl\:justify-evenly{ justify-content: space-evenly; }
.xxl\:justify-stretch{ justify-content: stretch; }
.xxl\:justify-baseline{ justify-content: baseline; }
.xxl\:justify-normal{ justify-content: normal; }
/********************************************************** FIM JUSTIFY CONTENT ***********************************************************/
/************************************************************* JUSTIFY ITEMS **************************************************************/
.xxl\:justify-items-start{ justify-items: start; }
.xxl\:justify-items-end{ justify-items: end; }
.xxl\:justify-items-center{ justify-items: center; }
.xxl\:justify-items-stretch{ justify-items: stretch; }
.xxl\:justify-items-normal{ justify-items: normal; }
/*********************************************************** FIM JUSTIFY ITEMS ************************************************************/
/************************************************************** ALIGN ITEMS ***************************************************************/
.xxl\:items-start{ align-items: flex-start; }
.xxl\:items-end{ align-items: flex-end; }
.xxl\:items-center{ align-items: center; }
.xxl\:items-baseline{ align-items: baseline; }
.xxl\:items-stretch{ align-items: stretch; }
/************************************************************ FIM ALIGN ITEMS *************************************************************/
/*************************************************************** ALIGN SELF ***************************************************************/
.xxl\:self-auto{ align-self: auto; }
.xxl\:self-start{ align-self: flex-start; }
.xxl\:self-end{ align-self: flex-end; }
.xxl\:self-center{ align-self: center; }
.xxl\:self-stretch{ align-self: stretch; }
.xxl\:self-baseline{ align-self: baseline; }
/************************************************************* FIM ALIGN SELF *************************************************************/
.xxl\:auto-cols-auto{ grid-auto-columns: auto; }
.xxl\:auto-cols-min{ grid-auto-columns: min-content; }
.xxl\:auto-cols-max{ grid-auto-columns: max-content; }
.xxl\:auto-cols-fr{ grid-auto-columns: minmax(0, 1fr); }

.xxl\:template-cols-fr{ grid-template-rows: minmax(0, 1fr); }

/********************************************************* FIM DEFAULTS FLEX/GRID *********************************************************/

.xxl\:whitespace-normal{ white-space: normal; }
.xxl\:whitespace-nowrap{ white-space: nowrap; }
.xxl\:whitespace-pre{ white-space: pre; }
.xxl\:whitespace-pre-line{ white-space: pre-line; }
.xxl\:whitespace-pre-wrap{ white-space: pre-wrap; }
.xxl\:whitespace-break-spaces{ white-space: break-spaces; }

.xxl\:text-wrap{ text-wrap: wrap; }
.xxl\:text-nowrap{ text-wrap: nowrap; }
.xxl\:text-balance{ text-wrap: balance; }
.xxl\:text-pretty{ text-wrap: pretty; }

.xxl\:whitespace-normal{ white-space: normal; }
.xxl\:whitespace-nowrap{ white-space: nowrap; }
.xxl\:whitespace-pre{ white-space: pre; }
.xxl\:whitespace-pre-line{ white-space: pre-line; }
.xxl\:whitespace-pre-wrap{ white-space: pre-wrap; }
.xxl\:whitespace-break-spaces{ white-space: break-spaces; }

.xxl\:object-contain{ object-fit: contain; }
.xxl\:object-cover{ object-fit: cover; }
.xxl\:object-fill{ object-fit: fill; }
.xxl\:object-none{ object-fit: none; }
.xxl\:object-scale-down{ object-fit: scale-down; }

/***************************************************************** WIDTHS *****************************************************************/
.xxl\:w{ width: var(--w); }
.xxl\:w-0{ width: 0; }
.xxl\:w-auto{ width: auto; }
.xxl\:w-full{ width: 100%; }
.xxl\:w-screen{ width: 100vw; }

.xxl\:w-1\/12 { width: 8.333%; }
.xxl\:w-1\/10 { width: 10%; }
.xxl\:w-1\/8 { width: 12.5%; }
.xxl\:w-1\/6, .xxl\:w-2\/12 { width: 16.667%; }
.xxl\:w-1\/5, .xxl\:w-2\/10 { width: 20%; }
.xxl\:w-1\/4, .xxl\:w-2\/8, .xxl\:w-3\/12 { width: 25%; }
.xxl\:w-3\/10 { width: 30%; }
.xxl\:w-1\/3, .xxl\:w-2\/6, .xxl\:w-4\/12 { width: 33.333%; }
.xxl\:w-3\/8 { width: 37.5%; }
.xxl\:w-2\/5, .xxl\:w-4\/10 { width: 40%; }
.xxl\:w-5\/12 { width: 41.667%; }
.xxl\:w-1\/2, .xxl\:w-2\/4, .xxl\:w-3\/6, .xxl\:w-4\/8, .xxl\:w-5\/10, .xxl\:w-6\/12 { width: 50%; }
.xxl\:w-7\/12 { width: 58.333%; }
.xxl\:w-3\/5, .xxl\:w-6\/10 { width: 60%; }
.xxl\:w-5\/8 { width: 62.5%; }
.xxl\:w-2\/3 { width: 66.666%; }
.xxl\:w-4\/6, .xxl\:w-8\/12 { width: 66.667%; }
.xxl\:w-7\/10 { width: 70%; }
.xxl\:w-3\/4, .xxl\:w-6\/8, .xxl\:w-9\/12 { width: 75%; }
.xxl\:w-4\/5, .xxl\:w-8\/10 { width: 80%; }
.xxl\:w-5\/6, .xxl\:w-10\/12 { width: 83.333%; }
.xxl\:w-7\/8 { width: 87.5%; }
.xxl\:w-9\/10 { width: 90%; }
.xxl\:w-11\/12 { width: 91.667%; }

/*************************************************************** FIM WIDTHS ***************************************************************/

/*************************************************************** MAX WIDTHS ***************************************************************/
.xxl\:min-w{ min-width: var(--min-w); }
.xxl\:min-w-0{ min-width: 0; }
.xxl\:min-w-full{ min-width: 100%; }
.xxl\:min-w-screen{ min-width: 100vw; }

.xxl\:min-w-1\/12 { min-width: 8.333%; }
.xxl\:min-w-1\/10 { min-width: 10%; }
.xxl\:min-w-1\/8 { min-width: 12.5%; }
.xxl\:min-w-1\/6, .xxl\:min-w-2\/12 { min-width: 16.667%; }
.xxl\:min-w-1\/5, .xxl\:min-w-2\/10 { min-width: 20%; }
.xxl\:min-w-1\/4, .xxl\:min-w-2\/8, .xxl\:min-w-3\/12 { min-width: 25%; }
.xxl\:min-w-3\/10 { min-width: 30%; }
.xxl\:min-w-1\/3, .xxl\:min-w-2\/6, .xxl\:min-w-4\/12 { min-width: 33.333%; }
.xxl\:min-w-3\/8 { min-width: 37.5%; }
.xxl\:min-w-2\/5, .xxl\:min-w-4\/10 { min-width: 40%; }
.xxl\:min-w-5\/12 { min-width: 41.667%; }
.xxl\:min-w-1\/2, .xxl\:min-w-2\/4, .xxl\:min-w-3\/6, .xxl\:min-w-4\/8, .xxl\:min-w-5\/10, .xxl\:min-w-6\/12 { min-width: 50%; }
.xxl\:min-w-7\/12 { min-width: 58.333%; }
.xxl\:min-w-3\/5, .xxl\:min-w-6\/10 { min-width: 60%; }
.xxl\:min-w-5\/8 { min-width: 62.5%; }
.xxl\:min-w-2\/3 { min-width: 66.666%; }
.xxl\:min-w-4\/6, .xxl\:min-w-8\/12 { min-width: 66.667%; }
.xxl\:min-w-7\/10 { min-width: 70%; }
.xxl\:min-w-3\/4, .xxl\:min-w-6\/8, .xxl\:min-w-9\/12 { min-width: 75%; }
.xxl\:min-w-4\/5, .xxl\:min-w-8\/10 { min-width: 80%; }
.xxl\:min-w-5\/6, .xxl\:min-w-10\/12 { min-width: 83.333%; }
.xxl\:min-w-7\/8 { min-width: 87.5%; }
.xxl\:min-w-9\/10 { min-width: 90%; }
.xxl\:min-w-11\/12 { min-width: 91.667%; }
/************************************************************* FIM MAX WIDTHS *************************************************************/

/*************************************************************** MAX WIDTHS ***************************************************************/
.xxl\:max-w{ max-width: var(--max-w); }
.xxl\:max-w-0{ max-width: 0%; }
.xxl\:max-w-full{ max-width: 100%; }
.xxl\:max-w-screen{ max-width: 100vw; }

.xxl\:max-w-1\/12 { max-width: 8.333%; }
.xxl\:max-w-1\/10 { max-width: 10%; }
.xxl\:max-w-1\/8 { max-width: 12.5%; }
.xxl\:max-w-1\/6, .xxl\:max-w-2\/12 { max-width: 16.667%; }
.xxl\:max-w-1\/5, .xxl\:max-w-2\/10 { max-width: 20%; }
.xxl\:max-w-1\/4, .xxl\:max-w-2\/8, .xxl\:max-w-3\/12 { max-width: 25%; }
.xxl\:max-w-3\/10 { max-width: 30%; }
.xxl\:max-w-1\/3, .xxl\:max-w-2\/6, .xxl\:max-w-4\/12 { max-width: 33.333%; }
.xxl\:max-w-3\/8 { max-width: 37.5%; }
.xxl\:max-w-2\/5, .xxl\:max-w-4\/10 { max-width: 40%; }
.xxl\:max-w-5\/12 { max-width: 41.667%; }
.xxl\:max-w-1\/2, .xxl\:max-w-2\/4, .xxl\:max-w-3\/6, .xxl\:max-w-4\/8, .xxl\:max-w-5\/10, .xxl\:max-w-6\/12 { max-width: 50%; }
.xxl\:max-w-7\/12 { max-width: 58.333%; }
.xxl\:max-w-3\/5, .xxl\:max-w-6\/10 { max-width: 60%; }
.xxl\:max-w-5\/8 { max-width: 62.5%; }
.xxl\:max-w-2\/3 { max-width: 66.666%; }
.xxl\:max-w-4\/6, .xxl\:max-w-8\/12 { max-width: 66.667%; }
.xxl\:max-w-7\/10 { max-width: 70%; }
.xxl\:max-w-3\/4, .xxl\:max-w-6\/8, .xxl\:max-w-9\/12 { max-width: 75%; }
.xxl\:max-w-4\/5, .xxl\:max-w-8\/10 { max-width: 80%; }
.xxl\:max-w-5\/6, .xxl\:max-w-10\/12 { max-width: 83.333%; }
.xxl\:max-w-7\/8 { max-width: 87.5%; }
.xxl\:max-w-9\/10 { max-width: 90%; }
.xxl\:max-w-11\/12 { max-width: 91.667%; }
/************************************************************* FIM MAX WIDTHS *************************************************************/

/**************************************************************** HEIGHTS *****************************************************************/
.xxl\:h{ height: var(--h); }
.xxl\:h-auto{ height: auto; }
.xxl\:h-full{ height: 100%; }
.xxl\:h-screen{ height: 100vh; }
.xxl\:h-screenNoHead{ height: calc(100vh - var(--heightbarramenu)); }

.xxl\:h-1\/12 { height: 8.333%; }
.xxl\:h-1\/10 { height: 10%; }
.xxl\:h-1\/8 { height: 12.5%; }
.xxl\:h-1\/6, .xxl\:h-2\/12 { height: 16.667%; }
.xxl\:h-1\/5, .xxl\:h-2\/10 { height: 20%; }
.xxl\:h-1\/4, .xxl\:h-2\/8, .xxl\:h-3\/12 { height: 25%; }
.xxl\:h-3\/10 { height: 30%; }
.xxl\:h-1\/3, .xxl\:h-2\/6, .xxl\:h-4\/12 { height: 33.333%; }
.xxl\:h-3\/8 { height: 37.5%; }
.xxl\:h-2\/5, .xxl\:h-4\/10 { height: 40%; }
.xxl\:h-5\/12 { height: 41.667%; }
.xxl\:h-1\/2, .xxl\:h-2\/4, .xxl\:h-3\/6, .xxl\:h-4\/8, .xxl\:h-5\/10, .xxl\:h-6\/12 { height: 50%; }
.xxl\:h-7\/12 { height: 58.333%; }
.xxl\:h-3\/5, .xxl\:h-6\/10 { height: 60%; }
.xxl\:h-5\/8 { height: 62.5%; }
.xxl\:h-2\/3 { height: 66.666%; }
.xxl\:h-4\/6, .xxl\:h-8\/12 { height: 66.667%; }
.xxl\:h-7\/10 { height: 70%; }
.xxl\:h-3\/4, .xxl\:h-6\/8, .xxl\:h-9\/12 { height: 75%; }
.xxl\:h-4\/5, .xxl\:h-8\/10 { height: 80%; }
.xxl\:h-5\/6, .xxl\:h-10\/12 { height: 83.333%; }
.xxl\:h-7\/8 { height: 87.5%; }
.xxl\:h-9\/10 { height: 90%; }
.xxl\:h-11\/12 { height: 91.667%; }
/************************************************************** FIM HEIGHTS ***************************************************************/

/************************************************************** MAX HEIGHTS ***************************************************************/
.xxl\:max-h{ max-height: var(--max-h); }
.xxl\:max-h-full{ max-height: 100%; }
.xxl\:max-h-screen{ max-height: 100vh; }

.xxl\:max-h-1\/12 { max-height: 8.333%; }
.xxl\:max-h-1\/10 { max-height: 10%; }
.xxl\:max-h-1\/8 { max-height: 12.5%; }
.xxl\:max-h-1\/6, .xxl\:max-h-2\/12 { max-height: 16.667%; }
.xxl\:max-h-1\/5, .xxl\:max-h-2\/10 { max-height: 20%; }
.xxl\:max-h-1\/4, .xxl\:max-h-2\/8, .xxl\:max-h-3\/12 { max-height: 25%; }
.xxl\:max-h-3\/10 { max-height: 30%; }
.xxl\:max-h-1\/3, .xxl\:max-h-2\/6, .xxl\:max-h-4\/12 { max-height: 33.333%; }
.xxl\:max-h-3\/8 { max-height: 37.5%; }
.xxl\:max-h-2\/5, .xxl\:max-h-4\/10 { max-height: 40%; }
.xxl\:max-h-5\/12 { max-height: 41.667%; }
.xxl\:max-h-1\/2, .xxl\:max-h-2\/4, .xxl\:max-h-3\/6, .xxl\:max-h-4\/8, .xxl\:max-h-5\/10, .xxl\:max-h-6\/12 { max-height: 50%; }
.xxl\:max-h-7\/12 { max-height: 58.333%; }
.xxl\:max-h-3\/5, .xxl\:max-h-6\/10 { max-height: 60%; }
.xxl\:max-h-5\/8 { max-height: 62.5%; }
.xxl\:max-h-2\/3 { max-height: 66.666%; }
.xxl\:max-h-4\/6, .xxl\:max-h-8\/12 { max-height: 66.667%; }
.xxl\:max-h-7\/10 { max-height: 70%; }
.xxl\:max-h-3\/4, .xxl\:max-h-6\/8, .xxl\:max-h-9\/12 { max-height: 75%; }
.xxl\:max-h-4\/5, .xxl\:max-h-8\/10 { max-height: 80%; }
.xxl\:max-h-5\/6, .xxl\:max-h-10\/12 { max-height: 83.333%; }
.xxl\:max-h-7\/8 { max-height: 87.5%; }
.xxl\:max-h-9\/10 { max-height: 90%; }
.xxl\:max-h-11\/12 { max-height: 91.667%; }
/************************************************************ FIM MAX HEIGHTS *************************************************************/

/************************************************************** MIN HEIGHTS ***************************************************************/
.xxl\:min-h{ min-height: var(--min-h); }
.xxl\:min-h-full{ min-height: 100%; }
.xxl\:min-h-screen{ min-height: 100vh; }

.xxl\:min-h-1\/12 { min-height: 8.333%; }
.xxl\:min-h-1\/10 { min-height: 10%; }
.xxl\:min-h-1\/8 { min-height: 12.5%; }
.xxl\:min-h-1\/6, .xxl\:min-h-2\/12 { min-height: 16.667%; }
.xxl\:min-h-1\/5, .xxl\:min-h-2\/10 { min-height: 20%; }
.xxl\:min-h-1\/4, .xxl\:min-h-2\/8, .xxl\:min-h-3\/12 { min-height: 25%; }
.xxl\:min-h-3\/10 { min-height: 30%; }
.xxl\:min-h-1\/3, .xxl\:min-h-2\/6, .xxl\:min-h-4\/12 { min-height: 33.333%; }
.xxl\:min-h-3\/8 { min-height: 37.5%; }
.xxl\:min-h-2\/5, .xxl\:min-h-4\/10 { min-height: 40%; }
.xxl\:min-h-5\/12 { min-height: 41.667%; }
.xxl\:min-h-1\/2, .xxl\:min-h-2\/4, .xxl\:min-h-3\/6, .xxl\:min-h-4\/8, .xxl\:min-h-5\/10, .xxl\:min-h-6\/12 { min-height: 50%; }
.xxl\:min-h-7\/12 { min-height: 58.333%; }
.xxl\:min-h-3\/5, .xxl\:min-h-6\/10 { min-height: 60%; }
.xxl\:min-h-5\/8 { min-height: 62.5%; }
.xxl\:min-h-2\/3 { min-height: 66.666%; }
.xxl\:min-h-4\/6, .xxl\:min-h-8\/12 { min-height: 66.667%; }
.xxl\:min-h-7\/10 { min-height: 70%; }
.xxl\:min-h-3\/4, .xxl\:min-h-6\/8, .xxl\:min-h-9\/12 { min-height: 75%; }
.xxl\:min-h-4\/5, .xxl\:min-h-8\/10 { min-height: 80%; }
.xxl\:min-h-5\/6, .xxl\:min-h-10\/12 { min-height: 83.333%; }
.xxl\:min-h-7\/8 { min-height: 87.5%; }
.xxl\:min-h-9\/10 { min-height: 90%; }
.xxl\:min-h-11\/12 { min-height: 91.667%; }
/************************************************************ FIM MIN HEIGHTS *************************************************************/

/************************************************************* DEFAULTS TEXTS *************************************************************/
.xxl\:linhas1, .xxl\:linhas2, .xxl\:linhas3, .xxl\:linhas4, .xxl\:linhas5, .xxl\:linhas6, .xxl\:linhas7, .xxl\:linhas8, .xxl\:linhas9, .xxl\:linhas10{display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.xxl\:linhas1{-webkit-line-clamp: 1; line-clamp: 1;}
.xxl\:linhas2{-webkit-line-clamp: 2; line-clamp: 2;}
.xxl\:linhas3{-webkit-line-clamp: 3; line-clamp: 3;}
.xxl\:linhas4{-webkit-line-clamp: 4; line-clamp: 4;}
.xxl\:linhas5{-webkit-line-clamp: 5; line-clamp: 5;}
.xxl\:linhas6{-webkit-line-clamp: 6; line-clamp: 6;}
.xxl\:linhas7{-webkit-line-clamp: 7; line-clamp: 7;}
.xxl\:linhas8{-webkit-line-clamp: 8; line-clamp: 8;}
.xxl\:linhas9{-webkit-line-clamp: 9; line-clamp: 9;}
.xxl\:linhas10{-webkit-line-clamp: 10; line-clamp: 10;}
/********************************************************** FIM DEFAULTS TEXTS ***********************************************************/
/********************************************************** FIM ESTRUTURA GERAL ***********************************************************/
}

@media only screen and (min-width:1920px){
/************************************************************* VARIAVEIS CSS **************************************************************/
/**                                                                                                                                      **/
/**                                     VARIAVEIS PARA ESTRUTURA DEFAULT (MARGINS/PADDINGS DEFAULT)                                      **/
/**                                                                                                                                      **/
/******************************************************************************************************************************************/
:root{
  --colunas2: 1;
  --colunas3: 1;
  --colunas4: 1;
  --colunas5: 1;
  --colunas6: 1;

  --column-gap-default: 35px;

  --margin-top-default: 90px;
  --margin-right-default: 50px;
  --margin-bottom-default: 45px;
  --margin-left-default: 50px;

  --margin-top-layout: 90px;
  --margin-right-layout: 150px;
  --margin-bottom-layout: 300px;
  --margin-left-layout: 170px;

  --padding-top-default: 60px;
  --padding-right-default: 50px;
  --padding-bottom-default: 60px;
  --padding-left-default: 50px;

  --padding-top-layout: 60px;
  --padding-right-layout: 100px;
  --padding-bottom-layout: 60px;
  --padding-left-layout: 100px;
}

/*********************************************************** FIM VARIAVEIS CSS ************************************************************/


/************************************************************* DEFAUTLS LENIS *************************************************************/
/**                                                                                                                                      **/
/**                                          CLASES DEFAULT LENIS (SMOOTH SCROLL) NAO MODIFICAR                                          **/
/**                                                                                                                                      **/
/******************************************************************************************************************************************/
html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-stopped { overflow: hidden; }
.lenis.lenis-scrolling iframe { pointer-events: none; }
/*********************************************************** FIM DEFAUTLS LENIS ***********************************************************/


/************************************************************ DEFAULT ELEMENTS ************************************************************/
/**                                                                                                                                      **/
/**                                             CLASES DEFAULT ELEMENTOS BASE NAO MODIFICAR                                              **/
/**                                                                                                                                      **/
/******************************************************************************************************************************************/
.container{ max-width: 1920px; }
/********************************************************** FIM DEFAULT ELEMENTS **********************************************************/

/************************************************************ DEFAULTS COLUNAS ************************************************************/
*:has(>.xxxl\:colunas1), *:has(>.xxxl\:colunas2), *:has(>.xxxl\:colunas3), *:has(>.xxxl\:colunas4), *:has(>.xxxl\:colunas5), *:has(>.xxxl\:colunas6){display: flex; flex-direction: row; flex-wrap: wrap;}
.xxxl\:colunas1:nth-child(1n+1){flex-grow: 0; flex-shrink: 0; width: 100%; margin-right: 0;}

.xxxl\:colunas2:nth-child(2n+1){flex-grow: 0; flex-shrink: 0; width: calc((100% / 2) - ((var(--marginColunas) * 1) / 2)); margin-right: var(--marginColunas); }
.xxxl\:colunas2:nth-child(2n+2){flex-grow: 0; flex-shrink: 0; width: calc((100% / 2) - ((var(--marginColunas) * 1) / 2)); margin-right: 0; }

.xxxl\:colunas3:nth-child(3n+1){flex-grow: 0; flex-shrink: 0; width: calc((100% / 3) - ((var(--marginColunas) * 2) / 3)); margin-right: var(--marginColunas); }
.xxxl\:colunas3:nth-child(3n+2){flex-grow: 0; flex-shrink: 0; width: calc((100% / 3) - ((var(--marginColunas) * 2) / 3)); margin-right: var(--marginColunas); }
.xxxl\:colunas3:nth-child(3n+3){flex-grow: 0; flex-shrink: 0; width: calc((100% / 3) - ((var(--marginColunas) * 2) / 3)); margin-right: 0; }

.xxxl\:colunas4:nth-child(4n+1){flex-grow: 0; flex-shrink: 0; width: calc((100% / 4) - ((var(--marginColunas) * 3) / 4)); margin-right: var(--marginColunas); }
.xxxl\:colunas4:nth-child(4n+2){flex-grow: 0; flex-shrink: 0; width: calc((100% / 4) - ((var(--marginColunas) * 3) / 4)); margin-right: var(--marginColunas); }
.xxxl\:colunas4:nth-child(4n+3){flex-grow: 0; flex-shrink: 0; width: calc((100% / 4) - ((var(--marginColunas) * 3) / 4)); margin-right: var(--marginColunas); }
.xxxl\:colunas4:nth-child(4n+4){flex-grow: 0; flex-shrink: 0; width: calc((100% / 4) - ((var(--marginColunas) * 3) / 4)); margin-right: 0; }

.xxxl\:colunas5:nth-child(5n+1){flex-grow: 0; flex-shrink: 0; width: calc((100% / 5) - ((var(--marginColunas) * 4) / 5)); margin-right: var(--marginColunas); }
.xxxl\:colunas5:nth-child(5n+2){flex-grow: 0; flex-shrink: 0; width: calc((100% / 5) - ((var(--marginColunas) * 4) / 5)); margin-right: var(--marginColunas); }
.xxxl\:colunas5:nth-child(5n+3){flex-grow: 0; flex-shrink: 0; width: calc((100% / 5) - ((var(--marginColunas) * 4) / 5)); margin-right: var(--marginColunas); }
.xxxl\:colunas5:nth-child(5n+4){flex-grow: 0; flex-shrink: 0; width: calc((100% / 5) - ((var(--marginColunas) * 4) / 5)); margin-right: var(--marginColunas); }
.xxxl\:colunas5:nth-child(5n+5){flex-grow: 0; flex-shrink: 0; width: calc((100% / 5) - ((var(--marginColunas) * 4) / 5)); margin-right: 0; }

.xxxl\:colunas6:nth-child(6n+1){flex-grow: 0; flex-shrink: 0; width: calc((100% / 6) - ((var(--marginColunas) * 5) / 6)); margin-right: var(--marginColunas); }
.xxxl\:colunas6:nth-child(6n+2){flex-grow: 0; flex-shrink: 0; width: calc((100% / 6) - ((var(--marginColunas) * 5) / 6)); margin-right: var(--marginColunas); }
.xxxl\:colunas6:nth-child(6n+3){flex-grow: 0; flex-shrink: 0; width: calc((100% / 6) - ((var(--marginColunas) * 5) / 6)); margin-right: var(--marginColunas); }
.xxxl\:colunas6:nth-child(6n+4){flex-grow: 0; flex-shrink: 0; width: calc((100% / 6) - ((var(--marginColunas) * 5) / 6)); margin-right: var(--marginColunas); }
.xxxl\:colunas6:nth-child(6n+5){flex-grow: 0; flex-shrink: 0; width: calc((100% / 6) - ((var(--marginColunas) * 5) / 6)); margin-right: var(--marginColunas); }
.xxxl\:colunas6:nth-child(6n+6){flex-grow: 0; flex-shrink: 0; width: calc((100% / 6) - ((var(--marginColunas) * 5) / 6)); margin-right: 0; }

.xxxl\:colunas5{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 5%;}
.xxxl\:colunas10{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 10%;}
.xxxl\:colunas15{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 15%;}
.xxxl\:colunas20{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 20%;}
.xxxl\:colunas25{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 25%;}
.xxxl\:colunas30{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 30%;}
.xxxl\:colunas35{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 35%;}
.xxxl\:colunas40{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 40%;}
.xxxl\:colunas45{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 45%;}
.xxxl\:colunas50{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 50%;}
.xxxl\:colunas55{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 55%;}
.xxxl\:colunas60{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 60%;}
.xxxl\:colunas65{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 65%;}
.xxxl\:colunas70{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 70%;}
.xxxl\:colunas75{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 75%;}
.xxxl\:colunas80{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 80%;}
.xxxl\:colunas85{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 85%;}
.xxxl\:colunas90{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 90%;}
.xxxl\:colunas95{--marginColunas: 0px; flex-grow: 0; flex-shrink: 0; width: 95%;}

.xxxl\:colunasflex2{ display: flex; flex-direction: row; flex-wrap: wrap; }
.xxxl\:colunasflex2 > * { width: calc(100% / var(--colunas2)); }
.xxxl\:colunasflex3{ display: flex; flex-direction: row; flex-wrap: wrap; }
.xxxl\:colunasflex3 > * { width: calc(100% / var(--colunas3)); }
.xxxl\:colunasflex4{ display: flex; flex-direction: row; flex-wrap: wrap; }
.xxxl\:colunasflex4 > * { width: calc(100% / var(--colunas4)); }
.xxxl\:colunasflex5{ display: flex; flex-direction: row; flex-wrap: wrap; }
.xxxl\:colunasflex5 > * { width: calc(100% / var(--colunas5)); }
.xxxl\:colunasflex6{ display: flex; flex-direction: row; flex-wrap: wrap; }
.xxxl\:colunasflex6 > * { width: calc(100% / var(--colunas6)); }

.xxxl\:text-columns-1{ column-count: 1; }
.xxxl\:text-columns-2{ column-count: 2; }
.xxxl\:text-columns-3{ column-count: 3; }
.xxxl\:text-columns-4{ column-count: 4; }
.xxxl\:text-columns-5{ column-count: 5; }
.xxxl\:text-columns-6{ column-count: 6; }

.xxxl\:column-gap-default-\/3{column-gap: calc(var(--column-gap-default) / 3);}
.xxxl\:column-gap-default-\/2{column-gap: calc(var(--column-gap-default) / 2);}
.xxxl\:column-gap-default{column-gap: var(--column-gap-default);}
.xxxl\:column-gap-default-x2{column-gap: calc(var(--column-gap-default) * 2);}
.xxxl\:column-gap-default-x3{column-gap: calc(var(--column-gap-default) * 3);}
/********************************************************** FIM DEFAULTS COLUNAS **********************************************************/

/******************************************************** DEFAULT MARGINS/PADDINGS ********************************************************/
/**                                                                                                                                      **/
/**                                  CLASES DEFAULT MARGINS/PADDINGS NAO MODIFICAR, USAR VARIAVEIS CSS                                   **/
/**                                                                                                                                      **/
/******************************************************************************************************************************************/
.xxxl\:m-0 { margin: 0; }
.xxxl\:mx-0 { margin-left: 0; margin-right: 0; }
.xxxl\:my-0 { margin-top: 0; margin-bottom: 0; }
.xxxl\:mt-0 { margin-top: 0; }
.xxxl\:mr-0 { margin-right: 0; }
.xxxl\:mb-0 { margin-bottom: 0; }
.xxxl\:ml-0 { margin-left: 0; }

.xxxl\:m-1 { margin: 1px; }
.xxxl\:mx-1 { margin-left: 1px; margin-right: 1px; }
.xxxl\:my-1 { margin-top: 1px; margin-bottom: 1px; }
.xxxl\:mt-1 { margin-top: 1px; }
.xxxl\:mr-1 { margin-right: 1px; }
.xxxl\:mb-1 { margin-bottom: 1px; }
.xxxl\:ml-1 { margin-left: 1px; }

.xxxl\:p-0 { padding: 0; }
.xxxl\:px-0 { padding-left: 0; padding-right: 0; }
.xxxl\:py-0 { padding-top: 0; padding-bottom: 0; }
.xxxl\:pt-0 { padding-top: 0; }
.xxxl\:pr-0 { padding-right: 0; }
.xxxl\:pb-0 { padding-bottom: 0; }
.xxxl\:pl-0 { padding-left: 0; }

.xxxl\:p-1 { padding: 1px; }
.xxxl\:px-1 { padding-left: 1px; padding-right: 1px; }
.xxxl\:py-1 { padding-top: 1px; padding-bottom: 1px; }
.xxxl\:pt-1 { padding-top: 1px; }
.xxxl\:pr-1 { padding-right: 1px; }
.xxxl\:pb-1 { padding-bottom: 1px; }
.xxxl\:pl-1 { padding-left: 1px; }


.xxxl\:m-auto { margin: auto; }
.xxxl\:mx-auto { margin-left: auto; margin-right: auto; }
.xxxl\:my-auto { margin-top: auto; margin-bottom: auto; }
.xxxl\:mt-auto { margin-top: auto; }
.xxxl\:mr-auto { margin-right: auto; }
.xxxl\:mb-auto { margin-bottom: auto; }
.xxxl\:ml-auto { margin-left: auto; }

.xxxl\:m { margin: var(--m); }
.xxxl\:my { margin-top: var(--my); margin-bottom: var(--my); }
.xxxl\:mx { margin-right: var(--mx); margin-left: var(--mx); }
.xxxl\:mt { margin-top: var(--mt); }
.xxxl\:mr { margin-right: var(--mr); }
.xxxl\:mb { margin-bottom: var(--mb); }
.xxxl\:ml { margin-left: var(--ml); }

.xxxl\:m-default-\/5 { margin: calc(var(--margin-top-default) / 5) calc(var(--margin-right-default) / 5) calc(var(--margin-bottom-default) / 5) calc(var(--margin-left-default) / 5); }
.xxxl\:mx-default-\/5 { margin-left: calc(var(--margin-left-default) / 5); margin-right: calc(var(--margin-right-default) / 5); width: calc(100% - (calc(var(--margin-left-default) / 5) + calc(var(--margin-right-default) / 5))); }
.xxxl\:my-default-\/5 { margin-top: calc(var(--margin-top-default) / 5); margin-bottom: calc(var(--margin-bottom-default) / 5); }
.xxxl\:mt-default-\/5 { margin-top: calc(var(--margin-top-default) / 5); }
.xxxl\:mr-default-\/5 { margin-right: calc(var(--margin-right-default) / 5); }
.xxxl\:mb-default-\/5 { margin-bottom: calc(var(--margin-bottom-default) / 5); }
.xxxl\:ml-default-\/5 { margin-left: calc(var(--margin-left-default) / 5); }

.xxxl\:m-layout-\/5 { margin: calc(var(--margin-top-layout) / 5) calc(var(--margin-right-layout) / 5) calc(var(--margin-bottom-layout) / 5) calc(var(--margin-left-layout) / 5); }
.xxxl\:mx-layout-\/5 { margin-left: calc(var(--margin-left-layout) / 5); margin-right: calc(var(--margin-right-layout) / 5); width: calc(100% - (calc(var(--margin-left-layout) / 5) + calc(var(--margin-right-layout) / 5))); }
.xxxl\:my-layout-\/5 { margin-top: calc(var(--margin-top-layout) / 5); margin-bottom: calc(var(--margin-bottom-layout) / 5); }
.xxxl\:mt-layout-\/5 { margin-top: calc(var(--margin-top-layout) / 5); }
.xxxl\:mr-layout-\/5 { margin-right: calc(var(--margin-right-layout) / 5); }
.xxxl\:mb-layout-\/5 { margin-bottom: calc(var(--margin-bottom-layout) / 5); }
.xxxl\:ml-layout-\/5 { margin-left: calc(var(--margin-left-layout) / 5); }

.xxxl\:m-default-\/4 { margin: calc(var(--margin-top-default) / 4) calc(var(--margin-right-default) / 4) calc(var(--margin-bottom-default) / 4) calc(var(--margin-left-default) / 4); }
.xxxl\:mx-default-\/4 { margin-left: calc(var(--margin-left-default) / 4); margin-right: calc(var(--margin-right-default) / 4); width: calc(100% - (calc(var(--margin-left-default) / 4) + calc(var(--margin-right-default) / 4))); }
.xxxl\:my-default-\/4 { margin-top: calc(var(--margin-top-default) / 4); margin-bottom: calc(var(--margin-bottom-default) / 4); }
.xxxl\:mt-default-\/4 { margin-top: calc(var(--margin-top-default) / 4); }
.xxxl\:mr-default-\/4 { margin-right: calc(var(--margin-right-default) / 4); }
.xxxl\:mb-default-\/4 { margin-bottom: calc(var(--margin-bottom-default) / 4); }
.xxxl\:ml-default-\/4 { margin-left: calc(var(--margin-left-default) / 4); }

.xxxl\:m-layout-\/4 { margin: calc(var(--margin-top-layout) / 4) calc(var(--margin-right-layout) / 4) calc(var(--margin-bottom-layout) / 4) calc(var(--margin-left-layout) / 4); }
.xxxl\:mx-layout-\/4 { margin-left: calc(var(--margin-left-layout) / 4); margin-right: calc(var(--margin-right-layout) / 4); width: calc(100% - (calc(var(--margin-left-layout) / 4) + calc(var(--margin-right-layout) / 4))); }
.xxxl\:my-layout-\/4 { margin-top: calc(var(--margin-top-layout) / 4); margin-bottom: calc(var(--margin-bottom-layout) / 4); }
.xxxl\:mt-layout-\/4 { margin-top: calc(var(--margin-top-layout) / 4); }
.xxxl\:mr-layout-\/4 { margin-right: calc(var(--margin-right-layout) / 4); }
.xxxl\:mb-layout-\/4 { margin-bottom: calc(var(--margin-bottom-layout) / 4); }
.xxxl\:ml-layout-\/4 { margin-left: calc(var(--margin-left-layout) / 4); }

.xxxl\:m-default-\/3 { margin: calc(var(--margin-top-default) / 3) calc(var(--margin-right-default) / 3) calc(var(--margin-bottom-default) / 3) calc(var(--margin-left-default) / 3); }
.xxxl\:mx-default-\/3 { margin-left: calc(var(--margin-left-default) / 3); margin-right: calc(var(--margin-right-default) / 3); width: calc(100% - (calc(var(--margin-left-default) / 3) + calc(var(--margin-right-default) / 3))); }
.xxxl\:my-default-\/3 { margin-top: calc(var(--margin-top-default) / 3); margin-bottom: calc(var(--margin-bottom-default) / 3); }
.xxxl\:mt-default-\/3 { margin-top: calc(var(--margin-top-default) / 3); }
.xxxl\:mr-default-\/3 { margin-right: calc(var(--margin-right-default) / 3); }
.xxxl\:mb-default-\/3 { margin-bottom: calc(var(--margin-bottom-default) / 3); }
.xxxl\:ml-default-\/3 { margin-left: calc(var(--margin-left-default) / 3); }

.xxxl\:m-layout-\/3 { margin: calc(var(--margin-top-layout) / 3) calc(var(--margin-right-layout) / 3) calc(var(--margin-bottom-layout) / 3) calc(var(--margin-left-layout) / 3); }
.xxxl\:mx-layout-\/3 { margin-left: calc(var(--margin-left-layout) / 3); margin-right: calc(var(--margin-right-layout) / 3); width: calc(100% - (calc(var(--margin-left-layout) / 3) + calc(var(--margin-right-layout) / 3))); }
.xxxl\:my-layout-\/3 { margin-top: calc(var(--margin-top-layout) / 3); margin-bottom: calc(var(--margin-bottom-layout) / 3); }
.xxxl\:mt-layout-\/3 { margin-top: calc(var(--margin-top-layout) / 3); }
.xxxl\:mr-layout-\/3 { margin-right: calc(var(--margin-right-layout) / 3); }
.xxxl\:mb-layout-\/3 { margin-bottom: calc(var(--margin-bottom-layout) / 3); }
.xxxl\:ml-layout-\/3 { margin-left: calc(var(--margin-left-layout) / 3); }

.xxxl\:m-default-\/2 { margin: calc(var(--margin-top-default) / 2) calc(var(--margin-right-default) / 2) calc(var(--margin-bottom-default) / 2) calc(var(--margin-left-default) / 2); }
.xxxl\:mx-default-\/2 { margin-left: calc(var(--margin-left-default) / 2); margin-right: calc(var(--margin-right-default) / 2); width: calc(100% - (calc(var(--margin-left-default) / 2) + calc(var(--margin-right-default) / 2))); }
.xxxl\:my-default-\/2 { margin-top: calc(var(--margin-top-default) / 2); margin-bottom: calc(var(--margin-bottom-default) / 2); }
.xxxl\:mt-default-\/2 { margin-top: calc(var(--margin-top-default) / 2); }
.xxxl\:mr-default-\/2 { margin-right: calc(var(--margin-right-default) / 2); }
.xxxl\:mb-default-\/2 { margin-bottom: calc(var(--margin-bottom-default) / 2); }
.xxxl\:ml-default-\/2 { margin-left: calc(var(--margin-left-default) / 2); }

.xxxl\:m-layout-\/2 { margin: calc(var(--margin-top-layout) / 2) calc(var(--margin-right-layout) / 2) calc(var(--margin-bottom-layout) / 2) calc(var(--margin-left-layout) / 2); }
.xxxl\:mx-layout-\/2 { margin-left: calc(var(--margin-left-layout) / 2); margin-right: calc(var(--margin-right-layout) / 2); width: calc(100% - (calc(var(--margin-left-layout) / 2) + calc(var(--margin-right-layout) / 2))); }
.xxxl\:my-layout-\/2 { margin-top: calc(var(--margin-top-layout) / 2); margin-bottom: calc(var(--margin-bottom-layout) / 2); }
.xxxl\:mt-layout-\/2 { margin-top: calc(var(--margin-top-layout) / 2); }
.xxxl\:mr-layout-\/2 { margin-right: calc(var(--margin-right-layout) / 2); }
.xxxl\:mb-layout-\/2 { margin-bottom: calc(var(--margin-bottom-layout) / 2); }
.xxxl\:ml-layout-\/2 { margin-left: calc(var(--margin-left-layout) / 2); }

.xxxl\:m-default-\/1_5 { margin: calc(var(--margin-top-default) / 1.5) calc(var(--margin-right-default) / 1.5) calc(var(--margin-bottom-default) / 1.5) calc(var(--margin-left-default) / 1.5); }
.xxxl\:mx-default-\/1_5 { margin-left: calc(var(--margin-left-default) / 1.5); margin-right: calc(var(--margin-right-default) / 1.5); width: calc(100% - (calc(var(--margin-left-default) / 1.5) + calc(var(--margin-right-default) / 1.5))); }
.xxxl\:my-default-\/1_5 { margin-top: calc(var(--margin-top-default) / 1.5); margin-bottom: calc(var(--margin-bottom-default) / 1.5); }
.xxxl\:mt-default-\/1_5 { margin-top: calc(var(--margin-top-default) / 1.5); }
.xxxl\:mr-default-\/1_5 { margin-right: calc(var(--margin-right-default) / 1.5); }
.xxxl\:mb-default-\/1_5 { margin-bottom: calc(var(--margin-bottom-default) / 1.5); }
.xxxl\:ml-default-\/1_5 { margin-left: calc(var(--margin-left-default) / 1.5); }

.xxxl\:m-layout-\/1_5 { margin: calc(var(--margin-top-layout) / 1.5) calc(var(--margin-right-layout) / 1.5) calc(var(--margin-bottom-layout) / 1.5) calc(var(--margin-left-layout) / 1.5); }
.xxxl\:mx-layout-\/1_5 { margin-left: calc(var(--margin-left-layout) / 1.5); margin-right: calc(var(--margin-right-layout) / 1.5); width: calc(100% - (calc(var(--margin-left-layout) / 1.5) + calc(var(--margin-right-layout) / 1.5))); }
.xxxl\:my-layout-\/1_5 { margin-top: calc(var(--margin-top-layout) / 1.5); margin-bottom: calc(var(--margin-bottom-layout) / 1.5); }
.xxxl\:mt-layout-\/1_5 { margin-top: calc(var(--margin-top-layout) / 1.5); }
.xxxl\:mr-layout-\/1_5 { margin-right: calc(var(--margin-right-layout) / 1.5); }
.xxxl\:mb-layout-\/1_5 { margin-bottom: calc(var(--margin-bottom-layout) / 1.5); }
.xxxl\:ml-layout-\/1_5 { margin-left: calc(var(--margin-left-layout) / 1.5); }

.xxxl\:m-default { margin: var(--margin-top-default) var(--margin-right-default) var(--margin-bottom-default) var(--margin-left-default); }
.xxxl\:mx-default { margin-left: var(--margin-left-default); margin-right: var(--margin-right-default); width: calc(100% - (var(--margin-left-default) + var(--margin-right-default))); }
.xxxl\:my-default { margin-top: var(--margin-top-default); margin-bottom: var(--margin-bottom-default); }
.xxxl\:mt-default { margin-top: var(--margin-top-default); }
.xxxl\:mr-default { margin-right: var(--margin-right-default); }
.xxxl\:mb-default { margin-bottom: var(--margin-bottom-default); }
.xxxl\:ml-default { margin-left: var(--margin-left-default); }

.xxxl\:m-layout { margin: var(--margin-top-layout) var(--margin-right-layout) var(--margin-bottom-layout) var(--margin-left-layout); }
.xxxl\:mx-layout { margin-left: var(--margin-left-layout); margin-right: var(--margin-right-layout); width: calc(100% - (var(--margin-left-layout) + var(--margin-right-layout))); }
.xxxl\:my-layout { margin-top: var(--margin-top-layout); margin-bottom: var(--margin-bottom-layout); }
.xxxl\:mt-layout { margin-top: var(--margin-top-layout); }
.xxxl\:mr-layout { margin-right: var(--margin-right-layout); }
.xxxl\:mb-layout { margin-bottom: var(--margin-bottom-layout); }
.xxxl\:ml-layout { margin-left: var(--margin-left-layout); }

.xxxl\:m-default-x1_5 { margin: calc(var(--margin-top-default) * 1.5) calc(var(--margin-right-default) * 1.5) calc(var(--margin-bottom-default) * 1.5) calc(var(--margin-left-default) * 1.5); }
.xxxl\:mx-default-x1_5 { margin-left: calc(var(--margin-left-default) * 1.5); margin-right: calc(var(--margin-right-default) * 1.5); width: calc(100% - (calc(var(--margin-left-default) * 1.5) + calc(var(--margin-right-default) * 1.5))); }
.xxxl\:my-default-x1_5 { margin-top: calc(var(--margin-top-default) * 1.5); margin-bottom: calc(var(--margin-bottom-default) * 1.5); }
.xxxl\:mt-default-x1_5 { margin-top: calc(var(--margin-top-default) * 1.5); }
.xxxl\:mr-default-x1_5 { margin-right: calc(var(--margin-right-default) * 1.5); }
.xxxl\:mb-default-x1_5 { margin-bottom: calc(var(--margin-bottom-default) * 1.5); }
.xxxl\:ml-default-x1_5 { margin-left: calc(var(--margin-left-default) * 1.5); }

.xxxl\:m-layout-x1_5 { margin: calc(var(--margin-top-layout) * 1.5) calc(var(--margin-right-layout) * 1.5) calc(var(--margin-bottom-layout) * 1.5) calc(var(--margin-left-layout) * 1.5); }
.xxxl\:mx-layout-x1_5 { margin-left: calc(var(--margin-left-layout) * 1.5); margin-right: calc(var(--margin-right-layout) * 1.5); width: calc(100% - (calc(var(--margin-left-layout) * 1.5) + calc(var(--margin-right-layout) * 1.5))); }
.xxxl\:my-layout-x1_5 { margin-top: calc(var(--margin-top-layout) * 1.5); margin-bottom: calc(var(--margin-bottom-layout) * 1.5); }
.xxxl\:mt-layout-x1_5 { margin-top: calc(var(--margin-top-layout) * 1.5); }
.xxxl\:mr-layout-x1_5 { margin-right: calc(var(--margin-right-layout) * 1.5); }
.xxxl\:mb-layout-x1_5 { margin-bottom: calc(var(--margin-bottom-layout) * 1.5); }
.xxxl\:ml-layout-x1_5 { margin-left: calc(var(--margin-left-layout) * 1.5); }

.xxxl\:m-default-x2 { margin: calc(var(--margin-top-default) * 2) calc(var(--margin-right-default) * 2) calc(var(--margin-bottom-default) * 2) calc(var(--margin-left-default) * 2); }
.xxxl\:mx-default-x2 { margin-left: calc(var(--margin-left-default) * 2); margin-right: calc(var(--margin-right-default) * 2); width: calc(100% - (calc(var(--margin-left-default) * 2) + calc(var(--margin-right-default) * 2))); }
.xxxl\:my-default-x2 { margin-top: calc(var(--margin-top-default) * 2); margin-bottom: calc(var(--margin-bottom-default) * 2); }
.xxxl\:mt-default-x2 { margin-top: calc(var(--margin-top-default) * 2); }
.xxxl\:mr-default-x2 { margin-right: calc(var(--margin-right-default) * 2); }
.xxxl\:mb-default-x2 { margin-bottom: calc(var(--margin-bottom-default) * 2); }
.xxxl\:ml-default-x2 { margin-left: calc(var(--margin-left-default) * 2); }

.xxxl\:m-layout-x2 { margin: calc(var(--margin-top-layout) * 2) calc(var(--margin-right-layout) * 2) calc(var(--margin-bottom-layout) * 2) calc(var(--margin-left-layout) * 2); }
.xxxl\:mx-layout-x2 { margin-left: calc(var(--margin-left-layout) * 2); margin-right: calc(var(--margin-right-layout) * 2); width: calc(100% - (calc(var(--margin-left-layout) * 2) + calc(var(--margin-right-layout) * 2))); }
.xxxl\:my-layout-x2 { margin-top: calc(var(--margin-top-layout) * 2); margin-bottom: calc(var(--margin-bottom-layout) * 2); }
.xxxl\:mt-layout-x2 { margin-top: calc(var(--margin-top-layout) * 2); }
.xxxl\:mr-layout-x2 { margin-right: calc(var(--margin-right-layout) * 2); }
.xxxl\:mb-layout-x2 { margin-bottom: calc(var(--margin-bottom-layout) * 2); }
.xxxl\:ml-layout-x2 { margin-left: calc(var(--margin-left-layout) * 2); }

.xxxl\:m-default-x3 { margin: calc(var(--margin-top-default) * 3) calc(var(--margin-right-default) * 3) calc(var(--margin-bottom-default) * 3) calc(var(--margin-left-default) * 3); }
.xxxl\:mx-default-x3 { margin-left: calc(var(--margin-left-default) * 3); margin-right: calc(var(--margin-right-default) * 3); width: calc(100% - (calc(var(--margin-left-default) * 3) + calc(var(--margin-right-default) * 3))); }
.xxxl\:my-default-x3 { margin-top: calc(var(--margin-top-default) * 3); margin-bottom: calc(var(--margin-bottom-default) * 3); }
.xxxl\:mt-default-x3 { margin-top: calc(var(--margin-top-default) * 3); }
.xxxl\:mr-default-x3 { margin-right: calc(var(--margin-right-default) * 3); }
.xxxl\:mb-default-x3 { margin-bottom: calc(var(--margin-bottom-default) * 3); }
.xxxl\:ml-default-x3 { margin-left: calc(var(--margin-left-default) * 3); }

.xxxl\:m-layout-x3 { margin: calc(var(--margin-top-layout) * 3) calc(var(--margin-right-layout) * 3) calc(var(--margin-bottom-layout) * 3) calc(var(--margin-left-layout) * 3); }
.xxxl\:mx-layout-x3 { margin-left: calc(var(--margin-left-layout) * 3); margin-right: calc(var(--margin-right-layout) * 3); width: calc(100% - (calc(var(--margin-left-layout) * 3) + calc(var(--margin-right-layout) * 3))); }
.xxxl\:my-layout-x3 { margin-top: calc(var(--margin-top-layout) * 3); margin-bottom: calc(var(--margin-bottom-layout) * 3); }
.xxxl\:mt-layout-x3 { margin-top: calc(var(--margin-top-layout) * 3); }
.xxxl\:mr-layout-x3 { margin-right: calc(var(--margin-right-layout) * 3); }
.xxxl\:mb-layout-x3 { margin-bottom: calc(var(--margin-bottom-layout) * 3); }
.xxxl\:ml-layout-x3 { margin-left: calc(var(--margin-left-layout) * 3); }

.xxxl\:m-default-x4 { margin: calc(var(--margin-top-default) * 4) calc(var(--margin-right-default) * 4) calc(var(--margin-bottom-default) * 4) calc(var(--margin-left-default) * 4); }
.xxxl\:mx-default-x4 { margin-left: calc(var(--margin-left-default) * 4); margin-right: calc(var(--margin-right-default) * 4); width: calc(100% - (calc(var(--margin-left-default) * 4) + calc(var(--margin-right-default) * 4))); }
.xxxl\:my-default-x4 { margin-top: calc(var(--margin-top-default) * 4); margin-bottom: calc(var(--margin-bottom-default) * 4); }
.xxxl\:mt-default-x4 { margin-top: calc(var(--margin-top-default) * 4); }
.xxxl\:mr-default-x4 { margin-right: calc(var(--margin-right-default) * 4); }
.xxxl\:mb-default-x4 { margin-bottom: calc(var(--margin-bottom-default) * 4); }
.xxxl\:ml-default-x4 { margin-left: calc(var(--margin-left-default) * 4); }

.xxxl\:m-layout-x4 { margin: calc(var(--margin-top-layout) * 4) calc(var(--margin-right-layout) * 4) calc(var(--margin-bottom-layout) * 4) calc(var(--margin-left-layout) * 4); }
.xxxl\:mx-layout-x4 { margin-left: calc(var(--margin-left-layout) * 4); margin-right: calc(var(--margin-right-layout) * 4); width: calc(100% - (calc(var(--margin-left-layout) * 4) + calc(var(--margin-right-layout) * 4))); }
.xxxl\:my-layout-x4 { margin-top: calc(var(--margin-top-layout) * 4); margin-bottom: calc(var(--margin-bottom-layout) * 4); }
.xxxl\:mt-layout-x4 { margin-top: calc(var(--margin-top-layout) * 4); }
.xxxl\:mr-layout-x4 { margin-right: calc(var(--margin-right-layout) * 4); }
.xxxl\:mb-layout-x4 { margin-bottom: calc(var(--margin-bottom-layout) * 4); }
.xxxl\:ml-layout-x4 { margin-left: calc(var(--margin-left-layout) * 4); }

.xxxl\:m-default-x5 { margin: calc(var(--margin-top-default) * 5) calc(var(--margin-right-default) * 5) calc(var(--margin-bottom-default) * 5) calc(var(--margin-left-default) * 5); }
.xxxl\:mx-default-x5 { margin-left: calc(var(--margin-left-default) * 5); margin-right: calc(var(--margin-right-default) * 5); width: calc(100% - (calc(var(--margin-left-default) * 5) + calc(var(--margin-right-default) * 5))); }
.xxxl\:my-default-x5 { margin-top: calc(var(--margin-top-default) * 5); margin-bottom: calc(var(--margin-bottom-default) * 5); }
.xxxl\:mt-default-x5 { margin-top: calc(var(--margin-top-default) * 5); }
.xxxl\:mr-default-x5 { margin-right: calc(var(--margin-right-default) * 5); }
.xxxl\:mb-default-x5 { margin-bottom: calc(var(--margin-bottom-default) * 5); }
.xxxl\:ml-default-x5 { margin-left: calc(var(--margin-left-default) * 5); }

.xxxl\:m-layout-x5 { margin: calc(var(--margin-top-layout) * 5) calc(var(--margin-right-layout) * 5) calc(var(--margin-bottom-layout) * 5) calc(var(--margin-left-layout) * 5); }
.xxxl\:mx-layout-x5 { margin-left: calc(var(--margin-left-layout) * 5); margin-right: calc(var(--margin-right-layout) * 5); width: calc(100% - (calc(var(--margin-left-layout) * 5) + calc(var(--margin-right-layout) * 5))); }
.xxxl\:my-layout-x5 { margin-top: calc(var(--margin-top-layout) * 5); margin-bottom: calc(var(--margin-bottom-layout) * 5); }
.xxxl\:mt-layout-x5 { margin-top: calc(var(--margin-top-layout) * 5); }
.xxxl\:mr-layout-x5 { margin-right: calc(var(--margin-right-layout) * 5); }
.xxxl\:mb-layout-x5 { margin-bottom: calc(var(--margin-bottom-layout) * 5); }
.xxxl\:ml-layout-x5 { margin-left: calc(var(--margin-left-layout) * 5); }

.xxxl\:p { padding: var(--p); }
.xxxl\:py { padding-top: var(--py); padding-bottom: var(--py); }
.xxxl\:px { padding-right: var(--px); padding-left: var(--px); }
.xxxl\:pt { padding-top: var(--pt); }
.xxxl\:pr { padding-right: var(--pr); }
.xxxl\:pb { padding-bottom: var(--pb); }
.xxxl\:pl { padding-left: var(--pl); }

.xxxl\:p-default-\/5 { padding: calc(var(--padding-top-default) / 5) calc(var(--padding-right-default) / 5) calc(var(--padding-bottom-default) / 5) calc(var(--padding-left-default) / 5); }
.xxxl\:px-default-\/5 { padding-left: calc(var(--padding-left-default) / 5); padding-right: calc(var(--padding-right-default) / 5); }
.xxxl\:py-default-\/5 { padding-top: calc(var(--padding-top-default) / 5); padding-bottom: calc(var(--padding-bottom-default) / 5); }
.xxxl\:pt-default-\/5 { padding-top: calc(var(--padding-top-default) / 5); }
.xxxl\:pr-default-\/5 { padding-right: calc(var(--padding-right-default) / 5); }
.xxxl\:pb-default-\/5 { padding-bottom: calc(var(--padding-bottom-default) / 5); }
.xxxl\:pl-default-\/5 { padding-left: calc(var(--padding-left-default) / 5); }

.xxxl\:p-layout-\/5 { padding: calc(var(--padding-top-layout) / 5) calc(var(--padding-right-layout) / 5) calc(var(--padding-bottom-layout) / 5) calc(var(--padding-left-layout) / 5); }
.xxxl\:px-layout-\/5 { padding-left: calc(var(--padding-left-layout) / 5); padding-right: calc(var(--padding-right-layout) / 5); }
.xxxl\:py-layout-\/5 { padding-top: calc(var(--padding-top-layout) / 5); padding-bottom: calc(var(--padding-bottom-layout) / 5); }
.xxxl\:pt-layout-\/5 { padding-top: calc(var(--padding-top-layout) / 5); }
.xxxl\:pr-layout-\/5 { padding-right: calc(var(--padding-right-layout) / 5); }
.xxxl\:pb-layout-\/5 { padding-bottom: calc(var(--padding-bottom-layout) / 5); }
.xxxl\:pl-layout-\/5 { padding-left: calc(var(--padding-left-layout) / 5); }

.xxxl\:p-default-\/4 { padding: calc(var(--padding-top-default) / 4) calc(var(--padding-right-default) / 4) calc(var(--padding-bottom-default) / 4) calc(var(--padding-left-default) / 4); }
.xxxl\:px-default-\/4 { padding-left: calc(var(--padding-left-default) / 4); padding-right: calc(var(--padding-right-default) / 4); }
.xxxl\:py-default-\/4 { padding-top: calc(var(--padding-top-default) / 4); padding-bottom: calc(var(--padding-bottom-default) / 4); }
.xxxl\:pt-default-\/4 { padding-top: calc(var(--padding-top-default) / 4); }
.xxxl\:pr-default-\/4 { padding-right: calc(var(--padding-right-default) / 4); }
.xxxl\:pb-default-\/4 { padding-bottom: calc(var(--padding-bottom-default) / 4); }
.xxxl\:pl-default-\/4 { padding-left: calc(var(--padding-left-default) / 4); }

.xxxl\:p-layout-\/4 { padding: calc(var(--padding-top-layout) / 4) calc(var(--padding-right-layout) / 4) calc(var(--padding-bottom-layout) / 4) calc(var(--padding-left-layout) / 4); }
.xxxl\:px-layout-\/4 { padding-left: calc(var(--padding-left-layout) / 4); padding-right: calc(var(--padding-right-layout) / 4); }
.xxxl\:py-layout-\/4 { padding-top: calc(var(--padding-top-layout) / 4); padding-bottom: calc(var(--padding-bottom-layout) / 4); }
.xxxl\:pt-layout-\/4 { padding-top: calc(var(--padding-top-layout) / 4); }
.xxxl\:pr-layout-\/4 { padding-right: calc(var(--padding-right-layout) / 4); }
.xxxl\:pb-layout-\/4 { padding-bottom: calc(var(--padding-bottom-layout) / 4); }
.xxxl\:pl-layout-\/4 { padding-left: calc(var(--padding-left-layout) / 4); }

.xxxl\:p-default-\/3 { padding: calc(var(--padding-top-default) / 3) calc(var(--padding-right-default) / 3) calc(var(--padding-bottom-default) / 3) calc(var(--padding-left-default) / 3); }
.xxxl\:px-default-\/3 { padding-left: calc(var(--padding-left-default) / 3); padding-right: calc(var(--padding-right-default) / 3); }
.xxxl\:py-default-\/3 { padding-top: calc(var(--padding-top-default) / 3); padding-bottom: calc(var(--padding-bottom-default) / 3); }
.xxxl\:pt-default-\/3 { padding-top: calc(var(--padding-top-default) / 3); }
.xxxl\:pr-default-\/3 { padding-right: calc(var(--padding-right-default) / 3); }
.xxxl\:pb-default-\/3 { padding-bottom: calc(var(--padding-bottom-default) / 3); }
.xxxl\:pl-default-\/3 { padding-left: calc(var(--padding-left-default) / 3); }

.xxxl\:p-layout-\/3 { padding: calc(var(--padding-top-layout) / 3) calc(var(--padding-right-layout) / 3) calc(var(--padding-bottom-layout) / 3) calc(var(--padding-left-layout) / 3); }
.xxxl\:px-layout-\/3 { padding-left: calc(var(--padding-left-layout) / 3); padding-right: calc(var(--padding-right-layout) / 3); }
.xxxl\:py-layout-\/3 { padding-top: calc(var(--padding-top-layout) / 3); padding-bottom: calc(var(--padding-bottom-layout) / 3); }
.xxxl\:pt-layout-\/3 { padding-top: calc(var(--padding-top-layout) / 3); }
.xxxl\:pr-layout-\/3 { padding-right: calc(var(--padding-right-layout) / 3); }
.xxxl\:pb-layout-\/3 { padding-bottom: calc(var(--padding-bottom-layout) / 3); }
.xxxl\:pl-layout-\/3 { padding-left: calc(var(--padding-left-layout) / 3); }

.xxxl\:p-default-\/2 { padding: calc(var(--padding-top-default) / 2) calc(var(--padding-right-default) / 2) calc(var(--padding-bottom-default) / 2) calc(var(--padding-left-default) / 2); }
.xxxl\:px-default-\/2 { padding-left: calc(var(--padding-left-default) / 2); padding-right: calc(var(--padding-right-default) / 2); }
.xxxl\:py-default-\/2 { padding-top: calc(var(--padding-top-default) / 2); padding-bottom: calc(var(--padding-bottom-default) / 2); }
.xxxl\:pt-default-\/2 { padding-top: calc(var(--padding-top-default) / 2); }
.xxxl\:pr-default-\/2 { padding-right: calc(var(--padding-right-default) / 2); }
.xxxl\:pb-default-\/2 { padding-bottom: calc(var(--padding-bottom-default) / 2); }
.xxxl\:pl-default-\/2 { padding-left: calc(var(--padding-left-default) / 2); }

.xxxl\:p-layout-\/2 { padding: calc(var(--padding-top-layout) / 2) calc(var(--padding-right-layout) / 2) calc(var(--padding-bottom-layout) / 2) calc(var(--padding-left-layout) / 2); }
.xxxl\:px-layout-\/2 { padding-left: calc(var(--padding-left-layout) / 2); padding-right: calc(var(--padding-right-layout) / 2); }
.xxxl\:py-layout-\/2 { padding-top: calc(var(--padding-top-layout) / 2); padding-bottom: calc(var(--padding-bottom-layout) / 2); }
.xxxl\:pt-layout-\/2 { padding-top: calc(var(--padding-top-layout) / 2); }
.xxxl\:pr-layout-\/2 { padding-right: calc(var(--padding-right-layout) / 2); }
.xxxl\:pb-layout-\/2 { padding-bottom: calc(var(--padding-bottom-layout) / 2); }
.xxxl\:pl-layout-\/2 { padding-left: calc(var(--padding-left-layout) / 2); }

.xxxl\:p-default { padding: var(--padding-top-default) var(--padding-right-default) var(--padding-bottom-default) var(--padding-left-default); }
.xxxl\:px-default { padding-right: var(--padding-right-default); padding-left: var(--padding-left-default); }
.xxxl\:py-default { padding-top: var(--padding-top-default); padding-bottom: var(--padding-bottom-default); }
.xxxl\:pt-default { padding-top: var(--padding-top-default); }
.xxxl\:pr-default { padding-right: var(--padding-right-default); }
.xxxl\:pb-default { padding-bottom: var(--padding-bottom-default); }
.xxxl\:pl-default { padding-left: var(--padding-left-default); }

.xxxl\:p-layout { padding: var(--padding-top-layout) var(--padding-right-layout) var(--padding-bottom-layout) var(--padding-left-layout); }
.xxxl\:px-layout { padding-right: var(--padding-right-layout); padding-left: var(--padding-left-layout); }
.xxxl\:py-layout { padding-top: var(--padding-top-layout); padding-bottom: var(--padding-bottom-layout); }
.xxxl\:pt-layout { padding-top: var(--padding-top-layout); }
.xxxl\:pr-layout { padding-right: var(--padding-right-layout); }
.xxxl\:pb-layout { padding-bottom: var(--padding-bottom-layout); }
.xxxl\:pl-layout { padding-left: var(--padding-left-layout); }

.xxxl\:p-default-x1_5 { padding: calc(var(--padding-top-default) * 1.5) calc(var(--padding-right-default) * 1.5) calc(var(--padding-bottom-default) * 1.5) calc(var(--padding-left-default) * 1.5); }
.xxxl\:px-default-x1_5 { padding-left: calc(var(--padding-left-default) * 1.5); padding-right: calc(var(--padding-right-default) * 1.5); }
.xxxl\:py-default-x1_5 { padding-top: calc(var(--padding-top-default) * 1.5); padding-bottom: calc(var(--padding-bottom-default) * 1.5); }
.xxxl\:pt-default-x1_5 { padding-top: calc(var(--padding-top-default) * 1.5); }
.xxxl\:pr-default-x1_5 { padding-right: calc(var(--padding-right-default) * 1.5); }
.xxxl\:pb-default-x1_5 { padding-bottom: calc(var(--padding-bottom-default) * 1.5); }
.xxxl\:pl-default-x1_5 { padding-left: calc(var(--padding-left-default) * 1.5); }

.xxxl\:p-layout-x1_5 { padding: calc(var(--padding-top-layout) * 1.5) calc(var(--padding-right-layout) * 1.5) calc(var(--padding-bottom-layout) * 1.5) calc(var(--padding-left-layout) * 1.5); }
.xxxl\:px-layout-x1_5 { padding-left: calc(var(--padding-left-layout) * 1.5); padding-right: calc(var(--padding-right-layout) * 1.5); }
.xxxl\:py-layout-x1_5 { padding-top: calc(var(--padding-top-layout) * 1.5); padding-bottom: calc(var(--padding-bottom-layout) * 1.5); }
.xxxl\:pt-layout-x1_5 { padding-top: calc(var(--padding-top-layout) * 1.5); }
.xxxl\:pr-layout-x1_5 { padding-right: calc(var(--padding-right-layout) * 1.5); }
.xxxl\:pb-layout-x1_5 { padding-bottom: calc(var(--padding-bottom-layout) * 1.5); }
.xxxl\:pl-layout-x1_5 { padding-left: calc(var(--padding-left-layout) * 1.5); }

.xxxl\:p-default-x2 { padding: calc(var(--padding-top-default) * 2) calc(var(--padding-right-default) * 2) calc(var(--padding-bottom-default) * 2) calc(var(--padding-left-default) * 2); }
.xxxl\:px-default-x2 { padding-left: calc(var(--padding-left-default) * 2); padding-right: calc(var(--padding-right-default) * 2); }
.xxxl\:py-default-x2 { padding-top: calc(var(--padding-top-default) * 2); padding-bottom: calc(var(--padding-bottom-default) * 2); }
.xxxl\:pt-default-x2 { padding-top: calc(var(--padding-top-default) * 2); }
.xxxl\:pr-default-x2 { padding-right: calc(var(--padding-right-default) * 2); }
.xxxl\:pb-default-x2 { padding-bottom: calc(var(--padding-bottom-default) * 2); }
.xxxl\:pl-default-x2 { padding-left: calc(var(--padding-left-default) * 2); }

.xxxl\:p-layout-x2 { padding: calc(var(--padding-top-layout) * 2) calc(var(--padding-right-layout) * 2) calc(var(--padding-bottom-layout) * 2) calc(var(--padding-left-layout) * 2); }
.xxxl\:px-layout-x2 { padding-left: calc(var(--padding-left-layout) * 2); padding-right: calc(var(--padding-right-layout) * 2); }
.xxxl\:py-layout-x2 { padding-top: calc(var(--padding-top-layout) * 2); padding-bottom: calc(var(--padding-bottom-layout) * 2); }
.xxxl\:pt-layout-x2 { padding-top: calc(var(--padding-top-layout) * 2); }
.xxxl\:pr-layout-x2 { padding-right: calc(var(--padding-right-layout) * 2); }
.xxxl\:pb-layout-x2 { padding-bottom: calc(var(--padding-bottom-layout) * 2); }
.xxxl\:pl-layout-x2 { padding-left: calc(var(--padding-left-layout) * 2); }

.xxxl\:p-default-x3 { padding: calc(var(--padding-top-default) * 3) calc(var(--padding-right-default) * 3) calc(var(--padding-bottom-default) * 3) calc(var(--padding-left-default) * 3); }
.xxxl\:px-default-x3 { padding-left: calc(var(--padding-left-default) * 3); padding-right: calc(var(--padding-right-default) * 3); }
.xxxl\:py-default-x3 { padding-top: calc(var(--padding-top-default) * 3); padding-bottom: calc(var(--padding-bottom-default) * 3); }
.xxxl\:pt-default-x3 { padding-top: calc(var(--padding-top-default) * 3); }
.xxxl\:pr-default-x3 { padding-right: calc(var(--padding-right-default) * 3); }
.xxxl\:pb-default-x3 { padding-bottom: calc(var(--padding-bottom-default) * 3); }
.xxxl\:pl-default-x3 { padding-left: calc(var(--padding-left-default) * 3); }

.xxxl\:p-layout-x3 { padding: calc(var(--padding-top-layout) * 3) calc(var(--padding-right-layout) * 3) calc(var(--padding-bottom-layout) * 3) calc(var(--padding-left-layout) * 3); }
.xxxl\:px-layout-x3 { padding-left: calc(var(--padding-left-layout) * 3); padding-right: calc(var(--padding-right-layout) * 3); }
.xxxl\:py-layout-x3 { padding-top: calc(var(--padding-top-layout) * 3); padding-bottom: calc(var(--padding-bottom-layout) * 3); }
.xxxl\:pt-layout-x3 { padding-top: calc(var(--padding-top-layout) * 3); }
.xxxl\:pr-layout-x3 { padding-right: calc(var(--padding-right-layout) * 3); }
.xxxl\:pb-layout-x3 { padding-bottom: calc(var(--padding-bottom-layout) * 3); }
.xxxl\:pl-layout-x3 { padding-left: calc(var(--padding-left-layout) * 3); }

.xxxl\:p-default-x4 { padding: calc(var(--padding-top-default) * 4) calc(var(--padding-right-default) * 4) calc(var(--padding-bottom-default) * 4) calc(var(--padding-left-default) * 4); }
.xxxl\:px-default-x4 { padding-left: calc(var(--padding-left-default) * 4); padding-right: calc(var(--padding-right-default) * 4); }
.xxxl\:py-default-x4 { padding-top: calc(var(--padding-top-default) * 4); padding-bottom: calc(var(--padding-bottom-default) * 4); }
.xxxl\:pt-default-x4 { padding-top: calc(var(--padding-top-default) * 4); }
.xxxl\:pr-default-x4 { padding-right: calc(var(--padding-right-default) * 4); }
.xxxl\:pb-default-x4 { padding-bottom: calc(var(--padding-bottom-default) * 4); }
.xxxl\:pl-default-x4 { padding-left: calc(var(--padding-left-default) * 4); }

.xxxl\:p-layout-x4 { padding: calc(var(--padding-top-layout) * 4) calc(var(--padding-right-layout) * 4) calc(var(--padding-bottom-layout) * 4) calc(var(--padding-left-layout) * 4); }
.xxxl\:px-layout-x4 { padding-left: calc(var(--padding-left-layout) * 4); padding-right: calc(var(--padding-right-layout) * 4); }
.xxxl\:py-layout-x4 { padding-top: calc(var(--padding-top-layout) * 4); padding-bottom: calc(var(--padding-bottom-layout) * 4); }
.xxxl\:pt-layout-x4 { padding-top: calc(var(--padding-top-layout) * 4); }
.xxxl\:pr-layout-x4 { padding-right: calc(var(--padding-right-layout) * 4); }
.xxxl\:pb-layout-x4 { padding-bottom: calc(var(--padding-bottom-layout) * 4); }
.xxxl\:pl-layout-x4 { padding-left: calc(var(--padding-left-layout) * 4); }

.xxxl\:p-default-x5 { padding: calc(var(--padding-top-default) * 5) calc(var(--padding-right-default) * 5) calc(var(--padding-bottom-default) * 5) calc(var(--padding-left-default) * 5); }
.xxxl\:px-default-x5 { padding-left: calc(var(--padding-left-default) * 5); padding-right: calc(var(--padding-right-default) * 5); }
.xxxl\:py-default-x5 { padding-top: calc(var(--padding-top-default) * 5); padding-bottom: calc(var(--padding-bottom-default) * 5); }
.xxxl\:pt-default-x5 { padding-top: calc(var(--padding-top-default) * 5); }
.xxxl\:pr-default-x5 { padding-right: calc(var(--padding-right-default) * 5); }
.xxxl\:pb-default-x5 { padding-bottom: calc(var(--padding-bottom-default) * 5); }
.xxxl\:pl-default-x5 { padding-left: calc(var(--padding-left-default) * 5); }

.xxxl\:p-layout-x5 { padding: calc(var(--padding-top-layout) * 5) calc(var(--padding-right-layout) * 5) calc(var(--padding-bottom-layout) * 5) calc(var(--padding-left-layout) * 5); }
.xxxl\:px-layout-x5 { padding-left: calc(var(--padding-left-layout) * 5); padding-right: calc(var(--padding-right-layout) * 5); }
.xxxl\:py-layout-x5 { padding-top: calc(var(--padding-top-layout) * 5); padding-bottom: calc(var(--padding-bottom-layout) * 5); }
.xxxl\:pt-layout-x5 { padding-top: calc(var(--padding-top-layout) * 5); }
.xxxl\:pr-layout-x5 { padding-right: calc(var(--padding-right-layout) * 5); }
.xxxl\:pb-layout-x5 { padding-bottom: calc(var(--padding-bottom-layout) * 5); }
.xxxl\:pl-layout-x5 { padding-left: calc(var(--padding-left-layout) * 5); }
/****************************************************** FIM DEFAULT MARGINS/PADDINGS ******************************************************/

/********************************************************* CONTROLOS SHOW / HIDE **********************************************************/
.xxxl\:block { display: block; }
.xxxl\:inline { display: inline; }
.xxxl\:inline-block { display: inline-block; }
.xxxl\:flex { display: flex; }
.xxxl\:inline-flex { display: inline-flex; }
.xxxl\:grid { display: grid; }
.xxxl\:inline-grid { display: inline-grid; }
.xxxl\:table { display: table; }
.xxxl\:table-row { display: table-row; }
.xxxl\:table-cell { display: table-cell; }
.xxxl\:hidden { display: none; }
/******************************************************* FIM CONTROLOS SHOW / HIDE ********************************************************/
/**************************************************************** OVERFLOW ****************************************************************/
.xxxl\:overflow-auto{ overflow: auto; }
.xxxl\:overflow-hidden{ overflow: hidden; }
.xxxl\:overflow-clip{ overflow: clip; }
.xxxl\:overflow-visible{ overflow: visible; }
.xxxl\:overflow-scroll{ overflow: scroll; }
.xxxl\:overflow-x-auto{ overflow-x: auto; }
.xxxl\:overflow-y-auto{ overflow-y: auto; }
.xxxl\:overflow-x-hidden{ overflow-x: hidden; }
.xxxl\:overflow-y-hidden{ overflow-y: hidden; }
.xxxl\:overflow-x-clip{ overflow-x: clip; }
.xxxl\:overflow-y-clip{ overflow-y: clip; }
.xxxl\:overflow-x-visible{ overflow-x: visible; }
.xxxl\:overflow-y-visible{ overflow-y: visible; }
.xxxl\:overflow-x-scroll{ overflow-x: scroll; }
.xxxl\:overflow-y-scroll{ overflow-y: scroll; }
/************************************************************** FIM OVERFLOW **************************************************************/
/************************************************************** POSITIONING ***************************************************************/
.xxxl\:static { position: static; }
.xxxl\:relative { position: relative; }
.xxxl\:absolute { position: absolute; }
.xxxl\:fixed { position: fixed; }
.xxxl\:sticky { position: sticky; }

.xxxl\:top-0 { top: 0; }
.xxxl\:top-50 { top: 50%; }
.xxxl\:top-100 { top: 100%; }
.xxxl\:top { top: var(--top); }

.xxxl\:bottom-0 { bottom: 0; }
.xxxl\:bottom-50 { bottom: 50%; }
.xxxl\:bottom-100 { bottom: 100%; }
.xxxl\:bottom { bottom: var(--bottom); }

.xxxl\:left-0 { left: 0; }
.xxxl\:left-50 { left: 50%; }
.xxxl\:left-100 { left: 100%; }
.xxxl\:left { left: var(--left); }

.xxxl\:right-0 { right: 0; }
.xxxl\:right-50 { right: 50%; }
.xxxl\:right-100 { right: 100%; }
.xxxl\:right { right: var(--right); }

.group.active .xxxl\:group-active\:translate-x-0, .group.selected .xxxl\:group-selected\:translate-x-0, .group:hover .xxxl\:group-hover\:translate-x-0, .xxxl\:hover\:translate-x-0:hover, .xxxl\:translate-x-0 { --icono2-translate-x: 0; }
.group.active .xxxl\:group-active\:translate-x-50, .group.selected .xxxl\:group-selected\:translate-x-50, .group:hover .xxxl\:group-hover\:translate-x-50, .xxxl\:hover\:translate-x-50:hover, .xxxl\:translate-x-50 { --icono2-translate-x: 50%; }
.group.active .xxxl\:group-active\:-translate-x-50, .group.selected .xxxl\:group-selected\:-translate-x-50, .group:hover .xxxl\:group-hover\:-translate-x-50, .xxxl\:hover\:-translate-x-50:hover, .xxxl\:-translate-x-50 { --icono2-translate-x: -50%; }
.group.active .xxxl\:group-active\:translate-x-full, .group.selected .xxxl\:group-selected\:translate-x-full, .group:hover .xxxl\:group-hover\:translate-x-full, .xxxl\:hover\:translate-x-full:hover, .xxxl\:translate-x-full { --icono2-translate-x: 100%; }
.group.active .xxxl\:group-active\:-translate-x-full, .group.selected .xxxl\:group-selected\:-translate-x-full, .group:hover .xxxl\:group-hover\:-translate-x-full, .xxxl\:hover\:-translate-x-full:hover, .xxxl\:-translate-x-full { --icono2-translate-x: -100%; }
.group.active .xxxl\:group-active\:translate-y-0, .group.selected .xxxl\:group-selected\:translate-y-0, .group:hover .xxxl\:group-hover\:translate-y-0, .xxxl\:hover\:translate-y-0:hover, .xxxl\:translate-y-0 { --icono2-translate-y: 0; }
.group.active .xxxl\:group-active\:translate-y-50, .group.selected .xxxl\:group-selected\:translate-y-50, .group:hover .xxxl\:group-hover\:translate-y-50, .xxxl\:hover\:translate-y-50:hover, .xxxl\:translate-y-50 { --icono2-translate-y: 50%; }
.group.active .xxxl\:group-active\:-translate-y-50, .group.selected .xxxl\:group-selected\:-translate-y-50, .group:hover .xxxl\:group-hover\:-translate-y-50, .xxxl\:hover\:-translate-y-50:hover, .xxxl\:-translate-y-50 { --icono2-translate-y: -50%; }
.group.active .xxxl\:group-active\:translate-y-full, .group.selected .xxxl\:group-selected\:translate-y-full, .group:hover .xxxl\:group-hover\:translate-y-full, .xxxl\:hover\:translate-y-full:hover, .xxxl\:translate-y-full { --icono2-translate-y: 100%; }
.group.active .xxxl\:group-active\:-translate-y-full, .group.selected .xxxl\:group-selected\:-translate-y-full, .group:hover .xxxl\:group-hover\:-translate-y-full, .xxxl\:hover\:-translate-y-full:hover, .xxxl\:-translate-y-full { --icono2-translate-y: -100%; }
.group.active .xxxl\:group-active\:translate-50, .group.selected .xxxl\:group-selected\:translate-50, .group:hover .xxxl\:group-hover\:translate-50, .xxxl\:hover\:translate-50:hover, .xxxl\:translate-50 { --icono2-translate-x: 50%; --icono2-translate-y: 50%; }
.group.active .xxxl\:group-active\:-translate-50, .group.selected .xxxl\:group-selected\:-translate-50, .group:hover .xxxl\:group-hover\:-translate-50, .xxxl\:hover\:-translate-50:hover, .xxxl\:-translate-50 { --icono2-translate-x: -50%; --icono2-translate-y: -50%; }
.group.active .xxxl\:group-active\:translate-x, .group.selected .xxxl\:group-selected\:translate-x, .group:hover .xxxl\:group-hover\:translate-x, .xxxl\:hover\:translate-x:hover, .xxxl\:translate-x { --icono2-translate-x: var(--translate-x); }
.group.active .xxxl\:group-active\:translate-x-anim, .group.selected .xxxl\:group-selected\:translate-x-anim, .group:hover .xxxl\:group-hover\:translate-x-anim, .xxxl\:hover\:translate-x-anim:hover { --icono2-translate-x: var(--translate-x-anim); }
.group.active .xxxl\:group-active\:translate-y, .group.selected .xxxl\:group-selected\:translate-y, .group:hover .xxxl\:group-hover\:translate-y, .xxxl\:hover\:translate-y:hover, .xxxl\:translate-y { --icono2-translate-y: var(--translate-y); }
.group.active .xxxl\:group-active\:translate-y-anim, .group.selected .xxxl\:group-selected\:translate-y-anim, .group:hover .xxxl\:group-hover\:translate-y-anim, .xxxl\:hover\:translate-y-anim:hover { --icono2-translate-y: var(--translate-y-anim); }
.group.active .xxxl\:group-active\:scale, .group.selected .xxxl\:group-selected\:scale, .group:hover .xxxl\:group-hover\:scale, .xxxl\:hover\:scale:hover, .xxxl\:scale { --icono2-scale: var(--scale); }
.group.active .xxxl\:group-active\:scale-anim, .group.selected .xxxl\:group-selected\:scale-anim, .group:hover .xxxl\:group-hover\:scale-anim, .xxxl\:hover\:scale-anim:hover, .xxxl\:scale-anim { --icono2-scale-anim: var(--scale-anim); }
.group.active .xxxl\:group-active\:scale-100, .group.selected .xxxl\:group-selected\:scale-100, .group:hover .xxxl\:group-hover\:scale-100, .xxxl\:hover\:scale-100:hover, .xxxl\:scale-100 { --icono2-scale: 1; }
.group.active .xxxl\:group-active\:scale-anim-100, .group.selected .xxxl\:group-selected\:scale-anim-100, .group:hover .xxxl\:group-hover\:scale-anim-100, .xxxl\:hover\:scale-anim-100:hover, .xxxl\:scale-anim-100 { --icono2-scale-anim: 1; }
.group.active .xxxl\:group-active\:scale-110, .group.selected .xxxl\:group-selected\:scale-110, .group:hover .xxxl\:group-hover\:scale-110, .xxxl\:hover\:scale-110:hover, .xxxl\:scale-110 { --icono2-scale: 1.1; }
.group.active .xxxl\:group-active\:scale-anim-110, .group.selected .xxxl\:group-selected\:scale-anim-110, .group:hover .xxxl\:group-hover\:scale-anim-110, .xxxl\:hover\:scale-anim-110:hover, .xxxl\:scale-anim-110 { --icono2-scale-anim: 1.1; }
.group.active .xxxl\:group-active\:scale-125, .group.selected .xxxl\:group-selected\:scale-125, .group:hover .xxxl\:group-hover\:scale-125, .xxxl\:hover\:scale-125:hover, .xxxl\:scale-125 { --icono2-scale: 1.25; }
.group.active .xxxl\:group-active\:scale-anim-125, .group.selected .xxxl\:group-selected\:scale-anim-125, .group:hover .xxxl\:group-hover\:scale-anim-125, .xxxl\:hover\:scale-anim-125:hover, .xxxl\:scale-anim-125 { --icono2-scale-anim: 1.25; }
.group.active .xxxl\:group-active\:scale-150, .group.selected .xxxl\:group-selected\:scale-150, .group:hover .xxxl\:group-hover\:scale-150, .xxxl\:hover\:scale-150:hover, .xxxl\:scale-150 { --icono2-scale: 1.5; }
.group.active .xxxl\:group-active\:scale-anim-150, .group.selected .xxxl\:group-selected\:scale-anim-150, .group:hover .xxxl\:group-hover\:scale-anim-150, .xxxl\:hover\:scale-anim-150:hover, .xxxl\:scale-anim-150 { --icono2-scale-anim: 1.5; }
.group.active .xxxl\:group-active\:scale-200, .group.selected .xxxl\:group-selected\:scale-200, .group:hover .xxxl\:group-hover\:scale-200, .xxxl\:hover\:scale-200:hover, .xxxl\:scale-200 { --icono2-scale: 2; }
.group.active .xxxl\:group-active\:scale-anim-200, .group.selected .xxxl\:group-selected\:scale-anim-200, .group:hover .xxxl\:group-hover\:scale-anim-200, .xxxl\:hover\:scale-anim-200:hover, .xxxl\:scale-anim-200 { --icono2-scale-anim: 2; }
.group.active .xxxl\:group-active\:rotate-0, .group.selected .xxxl\:group-selected\:rotate-0, .group:hover .xxxl\:group-hover\:rotate-0, .xxxl\:hover\:rotate-0:hover, .xxxl\:rotate-0 { --icono2-rotate: 0deg; }
.group.active .xxxl\:group-active\:rotate-45, .group.selected .xxxl\:group-selected\:rotate-45, .group:hover .xxxl\:group-hover\:rotate-45, .xxxl\:hover\:rotate-45:hover, .xxxl\:rotate-45 { --icono2-rotate: 45deg; }
.group.active .xxxl\:group-active\:rotate-90, .group.selected .xxxl\:group-selected\:rotate-90, .group:hover .xxxl\:group-hover\:rotate-90, .xxxl\:hover\:rotate-90:hover, .xxxl\:rotate-90 { --icono2-rotate: 90deg; }
.group.active .xxxl\:group-active\:rotate-180, .group.selected .xxxl\:group-selected\:rotate-180, .group:hover .xxxl\:group-hover\:rotate-180, .xxxl\:hover\:rotate-180:hover, .xxxl\:rotate-180 { --icono2-rotate: 180deg; }
.group.active .xxxl\:group-active\:rotate-270, .group.selected .xxxl\:group-selected\:rotate-270, .group:hover .xxxl\:group-hover\:rotate-270, .xxxl\:hover\:rotate-270:hover, .xxxl\:rotate-270 { --icono2-rotate: 270deg; }
.group.active .xxxl\:group-active\:translate-x-0, .group.selected .xxxl\:group-selected\:translate-x-0, .group:hover .xxxl\:group-hover\:translate-x-0, .xxxl\:hover\:translate-x-0:hover, .xxxl\:translate-x-0,
.group.active .xxxl\:group-active\:translate-x-50, .group.selected .xxxl\:group-selected\:translate-x-50, .group:hover .xxxl\:group-hover\:translate-x-50, .xxxl\:hover\:translate-x-50:hover, .xxxl\:translate-x-50,
.group.active .xxxl\:group-active\:-translate-x-50, .group.selected .xxxl\:group-selected\:-translate-x-50, .group:hover .xxxl\:group-hover\:-translate-x-50, .xxxl\:hover\:-translate-x-50:hover, .xxxl\:-translate-x-50,
.group.active .xxxl\:group-active\:translate-x-full, .group.selected .xxxl\:group-selected\:translate-x-full, .group:hover .xxxl\:group-hover\:translate-x-full, .xxxl\:hover\:translate-x-full:hover, .xxxl\:translate-x-full,
.group.active .xxxl\:group-active\:-translate-x-full, .group.selected .xxxl\:group-selected\:-translate-x-full, .group:hover .xxxl\:group-hover\:-translate-x-full, .xxxl\:hover\:-translate-x-full:hover, .xxxl\:-translate-x-full,
.group.active .xxxl\:group-active\:translate-y-0, .group.selected .xxxl\:group-selected\:translate-y-0, .group:hover .xxxl\:group-hover\:translate-y-0, .xxxl\:hover\:translate-y-0:hover, .xxxl\:translate-y-0,
.group.active .xxxl\:group-active\:translate-y-50, .group.selected .xxxl\:group-selected\:translate-y-50, .group:hover .xxxl\:group-hover\:translate-y-50, .xxxl\:hover\:translate-y-50:hover, .xxxl\:translate-y-50,
.group.active .xxxl\:group-active\:-translate-y-50, .group.selected .xxxl\:group-selected\:-translate-y-50, .group:hover .xxxl\:group-hover\:-translate-y-50, .xxxl\:hover\:-translate-y-50:hover, .xxxl\:-translate-y-50,
.group.active .xxxl\:group-active\:translate-y-full, .group.selected .xxxl\:group-selected\:translate-y-full, .group:hover .xxxl\:group-hover\:translate-y-full, .xxxl\:hover\:translate-y-full:hover, .xxxl\:translate-y-full,
.group.active .xxxl\:group-active\:-translate-y-full, .group.selected .xxxl\:group-selected\:-translate-y-full, .group:hover .xxxl\:group-hover\:-translate-y-full, .xxxl\:hover\:-translate-y-full:hover, .xxxl\:-translate-y-full,
.group.active .xxxl\:group-active\:translate-50, .group.selected .xxxl\:group-selected\:translate-50, .group:hover .xxxl\:group-hover\:translate-50, .xxxl\:hover\:translate-50:hover, .xxxl\:translate-50,
.group.active .xxxl\:group-active\:-translate-50, .group.selected .xxxl\:group-selected\:-translate-50, .group:hover .xxxl\:group-hover\:-translate-50, .xxxl\:hover\:-translate-50:hover, .xxxl\:-translate-50,
.group.active .xxxl\:group-active\:translate-x, .group.selected .xxxl\:group-selected\:translate-x, .group:hover .xxxl\:group-hover\:translate-x, .xxxl\:hover\:translate-x:hover, .xxxl\:translate-x,
.group.active .xxxl\:group-active\:translate-y, .group.selected .xxxl\:group-selected\:translate-y, .group:hover .xxxl\:group-hover\:translate-y, .xxxl\:hover\:translate-y:hover, .xxxl\:translate-y,
.group.active .xxxl\:group-active\:scale-100, .group.selected .xxxl\:group-selected\:scale-100, .group:hover .xxxl\:group-hover\:scale-100, .xxxl\:hover\:scale-100:hover, .xxxl\:scale-100,
.group.active .xxxl\:group-active\:scale-110, .group.selected .xxxl\:group-selected\:scale-110, .group:hover .xxxl\:group-hover\:scale-110, .xxxl\:hover\:scale-110:hover, .xxxl\:scale-110,
.group.active .xxxl\:group-active\:scale-125, .group.selected .xxxl\:group-selected\:scale-125, .group:hover .xxxl\:group-hover\:scale-125, .xxxl\:hover\:scale-125:hover, .xxxl\:scale-125,
.group.active .xxxl\:group-active\:scale-150, .group.selected .xxxl\:group-selected\:scale-150, .group:hover .xxxl\:group-hover\:scale-150, .xxxl\:hover\:scale-150:hover, .xxxl\:scale-150,
.group.active .xxxl\:group-active\:scale-200, .group.selected .xxxl\:group-selected\:scale-200, .group:hover .xxxl\:group-hover\:scale-200, .xxxl\:hover\:scale-200:hover, .xxxl\:scale-200,
.group.active .xxxl\:group-active\:rotate-0, .group.selected .xxxl\:group-selected\:rotate-0, .group:hover .xxxl\:group-hover\:rotate-0, .xxxl\:hover\:rotate-0:hover, .xxxl\:rotate-0,
.group.active .xxxl\:group-active\:rotate-45, .group.selected .xxxl\:group-selected\:rotate-45, .group:hover .xxxl\:group-hover\:rotate-45, .xxxl\:hover\:rotate-45:hover, .xxxl\:rotate-45,
.group.active .xxxl\:group-active\:rotate-90, .group.selected .xxxl\:group-selected\:rotate-90, .group:hover .xxxl\:group-hover\:rotate-90, .xxxl\:hover\:rotate-90:hover, .xxxl\:rotate-90,
.group.active .xxxl\:group-active\:rotate-180, .group.selected .xxxl\:group-selected\:rotate-180, .group:hover .xxxl\:group-hover\:rotate-180, .xxxl\:hover\:rotate-180:hover, .xxxl\:rotate-180,
.group.active .xxxl\:group-active\:rotate-270:not(.group .group-active\:rotate-270 *), .group.selected .xxxl\:group-selected\:rotate-270, .group:hover .xxxl\:group-hover\:rotate-270, .xxxl\:hover\:rotate-270:hover, .xxxl\:rotate-270,
.xxxl\:hoverimg-child, .xxxl\:transform { transform: translateX(var(--icono2-translate-x)) translateY(var(--icono2-translate-y)) rotate(var(--icono2-rotate)) scale(var(--icono2-scale)); }

.xxxl\:-z-1 { z-index: -1; }
.xxxl\:z-0 { z-index: 0; }
.xxxl\:z-1 { z-index: 1; }
.xxxl\:z-2 { z-index: 2; }
.xxxl\:z-3 { z-index: 3; }
.xxxl\:z-4 { z-index: 4; }
.xxxl\:z-5 { z-index: 5; }
.xxxl\:z-6 { z-index: 6; }
.xxxl\:z-7 { z-index: 7; }
.xxxl\:z-8 { z-index: 8; }
.xxxl\:z-9 { z-index: 9; }
.xxxl\:z-10 { z-index: 10; }
.xxxl\:z-11 { z-index: 11; }
.xxxl\:z-12 { z-index: 12; }
.xxxl\:z-13 { z-index: 13; }
.xxxl\:z-14 { z-index: 14; }
.xxxl\:z-15 { z-index: 15; }
.xxxl\:z-16 { z-index: 16; }
.xxxl\:z-17 { z-index: 17; }
.xxxl\:z-18 { z-index: 18; }
.xxxl\:z-19 { z-index: 19; }
.xxxl\:z-20 { z-index: 20; }
.xxxl\:z-50 { z-index: 50; }
.xxxl\:z-100 { z-index: 100; }
.xxxl\:z-auto { z-index: auto; }

.xxxl\:float-right{ float: right; }
.xxxl\:float-left{ float: left; }
.xxxl\:float-start{ float: inline-start; }
.xxxl\:float-end{ float: inline-end; }
.xxxl\:float-none{ float: none; }

.xxxl\:clear-left{ clear: left; }
.xxxl\:clear-right{ clear: right; }
.xxxl\:clear-both{ clear: both; }
.xxxl\:clear-start{ clear: inline-start; }
.xxxl\:clear-end{ clear: inline-end; }
.xxxl\:clear-none{ clear: none; }
/************************************************************ FIM POSITIONING *************************************************************/

.xxxl\:text-left{ text-align: left; }
.xxxl\:text-center{ text-align: center; }
.xxxl\:text-right{ text-align: right; }
.xxxl\:text-justify{ text-align: justify; }
.xxxl\:text-start{ text-align: start; }
.xxxl\:text-end{ text-align: end; }

.xxxl\:writing-mode-vlr{ writing-mode: vertical-lr; }

/************************************************************** ASPECT_RATIO **************************************************************/
.xxxl\:ratio-1{ --ratio-w: 1; --ratio-h: 1; }
.xxxl\:ratio-4\/3{ --ratio-w: 4; --ratio-h: 3; }
.xxxl\:ratio-16\/9{ --ratio-w: 16; --ratio-h: 9; }
.xxxl\:ratio-9\/16{ --ratio-w: 9; --ratio-h: 16; }
.xxxl\:ratio-1, .xxxl\:ratio-4\/3, .xxxl\:ratio-16\/9, .xxxl\:ratio-9\/16, .xxxl\:ratio{ aspect-ratio: var(--ratio-w)/var(--ratio-h); }

@supports not (aspect-ratio: 1/1) {
  .xxxl\:ratio::before, .xxxl\:ratio-1::before, .xxxl\:ratio-4\/3::before, .xxxl\:ratio-16\/9::before, .xxxl\:ratio-9\/16::before{ float: left; padding-top: calc((var(--ratio-h) / var(--ratio-w)) * 100%); content: ""; }
  .xxxl\:ratio > div:nth-child(1), .xxxl\:ratio-1 > div:nth-child(1), .xxxl\:ratio-4\/3 > div:nth-child(1), .xxxl\:ratio-16\/9 > div:nth-child(1), .xxxl\:ratio-9\/16 > div:nth-child(1){ position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
  .xxxl\:ratio::after, .xxxl\:ratio-1::after, .xxxl\:ratio-4\/3::after, .xxxl\:ratio-16\/9::after, .xxxl\:ratio-9\/16::after{display: block; content: ""; clear: both;}
}
/************************************************************ FIM ASPECT_RATIO ************************************************************/


/*********************************************************** DEFAULTS FLEX/GRID ***********************************************************/
/*************************************************************** DIRECTION ****************************************************************/
.xxxl\:flex-row{ flex-direction: row; }
.xxxl\:flex-row-reverse{ flex-direction: row-reverse; }
.xxxl\:flex-col{ flex-direction: column; }
.xxxl\:flex-col-reverse{ flex-direction: column-reverse; }
/************************************************************* FIM DIRECTION **************************************************************/
/****************************************************************** WRAP ******************************************************************/
.xxxl\:flex-nowrap{ flex-wrap: nowrap; }
.xxxl\:flex-wrap{ flex-wrap: wrap; }
.xxxl\:flex-wrap-reverse{ flex-wrap: wrap-reverse; }
/**************************************************************** FIM WRAP ****************************************************************/
/****************************************************************** GROW ******************************************************************/
.xxxl\:flex-grow{ flex-grow: var(--flex-grow); }
.xxxl\:flex-grow-1{ flex-grow: 1; }
.xxxl\:flex-nogrow{ flex-grow: 0; }
/**************************************************************** FIM GROW ****************************************************************/
/***************************************************************** SHRINK *****************************************************************/
.xxxl\:flex-shrink{ flex-shrink: var(--flex-shrink); }
.xxxl\:flex-shrink-1{ flex-shrink: 1; }
.xxxl\:flex-noshrink{ flex-shrink: 0; }
/*************************************************************** FIM SHRINK ***************************************************************/
/*************************************************************** FLEX-BASIS ***************************************************************/
.xxxl\:basis{ flex-basis: var(--basis); }
.xxxl\:basis-full{ flex-basis: 100%; }
.xxxl\:basis-0{ flex-basis: 0%; }
.xxxl\:basis-1\/12 { flex-basis: 8.333%; }
.xxxl\:basis-1\/10 { flex-basis: 10%; }
.xxxl\:basis-1\/8 { flex-basis: 12.5%; }
.xxxl\:basis-1\/6, .basis-2\/12 { flex-basis: 16.667%; }
.xxxl\:basis-1\/5, .basis-2\/10 { flex-basis: 20%; }
.xxxl\:basis-1\/4, .basis-2\/8, .basis-3\/12 { flex-basis: 25%; }
.xxxl\:basis-3\/10 { flex-basis: 30%; }
.xxxl\:basis-1\/3, .basis-2\/6, .basis-4\/12 { flex-basis: 33.333%; }
.xxxl\:basis-3\/8 { flex-basis: 37.5%; }
.xxxl\:basis-2\/5, .basis-4\/10 { flex-basis: 40%; }
.xxxl\:basis-5\/12 { flex-basis: 41.667%; }
.xxxl\:basis-1\/2, .basis-2\/4, .basis-3\/6, .basis-4\/8, .basis-5\/10, .basis-6\/12 { flex-basis: 50%; }
.xxxl\:basis-7\/12 { flex-basis: 58.333%; }
.xxxl\:basis-3\/5, .basis-6\/10 { flex-basis: 60%; }
.xxxl\:basis-5\/8 { flex-basis: 62.5%; }
.xxxl\:basis-2\/3 { flex-basis: 66.666%; }
.xxxl\:basis-4\/6, .basis-8\/12 { flex-basis: 66.667%; }
.xxxl\:basis-7\/10 { flex-basis: 70%; }
.xxxl\:basis-3\/4, .basis-6\/8, .basis-9\/12 { flex-basis: 75%; }
.xxxl\:basis-4\/5, .basis-8\/10 { flex-basis: 80%; }
.xxxl\:basis-5\/6, .basis-10\/12 { flex-basis: 83.333%; }
.xxxl\:basis-7\/8 { flex-basis: 87.5%; }
.xxxl\:basis-9\/10 { flex-basis: 90%; }
.xxxl\:basis-11\/12 { flex-basis: 91.667%; }
/************************************************************* FIM FLEX-BASIS *************************************************************/

/****************************************************************** GROW ******************************************************************/
.xxxl\:gap-x-0{ column-gap: 0; }
.xxxl\:gap-y-0{ row-gap: 0; }
.xxxl\:gap-x{ column-gap: var(--gap-x); }
.xxxl\:gap-y{ row-gap: var(--gap-y); }
/**************************************************************** FIM GROW ****************************************************************/
/************************************************************ JUSTIFY CONTENT *************************************************************/
.xxxl\:justify-start{ justify-content: flex-start; }
.xxxl\:justify-end{ justify-content: flex-end; }
.xxxl\:justify-center{ justify-content: center; }
.xxxl\:justify-between{ justify-content: space-between; }
.xxxl\:justify-around{ justify-content: space-around; }
.xxxl\:justify-evenly{ justify-content: space-evenly; }
.xxxl\:justify-stretch{ justify-content: stretch; }
.xxxl\:justify-baseline{ justify-content: baseline; }
.xxxl\:justify-normal{ justify-content: normal; }
/********************************************************** FIM JUSTIFY CONTENT ***********************************************************/
/************************************************************* JUSTIFY ITEMS **************************************************************/
.xxxl\:justify-items-start{ justify-items: start; }
.xxxl\:justify-items-end{ justify-items: end; }
.xxxl\:justify-items-center{ justify-items: center; }
.xxxl\:justify-items-stretch{ justify-items: stretch; }
.xxxl\:justify-items-normal{ justify-items: normal; }
/*********************************************************** FIM JUSTIFY ITEMS ************************************************************/
/************************************************************** ALIGN ITEMS ***************************************************************/
.xxxl\:items-start{ align-items: flex-start; }
.xxxl\:items-end{ align-items: flex-end; }
.xxxl\:items-center{ align-items: center; }
.xxxl\:items-baseline{ align-items: baseline; }
.xxxl\:items-stretch{ align-items: stretch; }
/************************************************************ FIM ALIGN ITEMS *************************************************************/
/*************************************************************** ALIGN SELF ***************************************************************/
.xxxl\:self-auto{ align-self: auto; }
.xxxl\:self-start{ align-self: flex-start; }
.xxxl\:self-end{ align-self: flex-end; }
.xxxl\:self-center{ align-self: center; }
.xxxl\:self-stretch{ align-self: stretch; }
.xxxl\:self-baseline{ align-self: baseline; }
/************************************************************* FIM ALIGN SELF *************************************************************/
.xxxl\:auto-cols-auto{ grid-auto-columns: auto; }
.xxxl\:auto-cols-min{ grid-auto-columns: min-content; }
.xxxl\:auto-cols-max{ grid-auto-columns: max-content; }
.xxxl\:auto-cols-fr{ grid-auto-columns: minmax(0, 1fr); }

.xxxl\:template-cols-fr{ grid-template-rows: minmax(0, 1fr); }

/********************************************************* FIM DEFAULTS FLEX/GRID *********************************************************/

.xxxl\:whitespace-normal{ white-space: normal; }
.xxxl\:whitespace-nowrap{ white-space: nowrap; }
.xxxl\:whitespace-pre{ white-space: pre; }
.xxxl\:whitespace-pre-line{ white-space: pre-line; }
.xxxl\:whitespace-pre-wrap{ white-space: pre-wrap; }
.xxxl\:whitespace-break-spaces{ white-space: break-spaces; }

.xxxl\:text-wrap{ text-wrap: wrap; }
.xxxl\:text-nowrap{ text-wrap: nowrap; }
.xxxl\:text-balance{ text-wrap: balance; }
.xxxl\:text-pretty{ text-wrap: pretty; }

.xxxl\:whitespace-normal{ white-space: normal; }
.xxxl\:whitespace-nowrap{ white-space: nowrap; }
.xxxl\:whitespace-pre{ white-space: pre; }
.xxxl\:whitespace-pre-line{ white-space: pre-line; }
.xxxl\:whitespace-pre-wrap{ white-space: pre-wrap; }
.xxxl\:whitespace-break-spaces{ white-space: break-spaces; }

.xxxl\:object-contain{ object-fit: contain; }
.xxxl\:object-cover{ object-fit: cover; }
.xxxl\:object-fill{ object-fit: fill; }
.xxxl\:object-none{ object-fit: none; }
.xxxl\:object-scale-down{ object-fit: scale-down; }

/***************************************************************** WIDTHS *****************************************************************/
.xxxl\:w{ width: var(--w); }
.xxxl\:w-0{ width: 0; }
.xxxl\:w-auto{ width: auto; }
.xxxl\:w-full{ width: 100%; }
.xxxl\:w-screen{ width: 100vw; }

.xxxl\:w-1\/12 { width: 8.333%; }
.xxxl\:w-1\/10 { width: 10%; }
.xxxl\:w-1\/8 { width: 12.5%; }
.xxxl\:w-1\/6, .xxxl\:w-2\/12 { width: 16.667%; }
.xxxl\:w-1\/5, .xxxl\:w-2\/10 { width: 20%; }
.xxxl\:w-1\/4, .xxxl\:w-2\/8, .xxxl\:w-3\/12 { width: 25%; }
.xxxl\:w-3\/10 { width: 30%; }
.xxxl\:w-1\/3, .xxxl\:w-2\/6, .xxxl\:w-4\/12 { width: 33.333%; }
.xxxl\:w-3\/8 { width: 37.5%; }
.xxxl\:w-2\/5, .xxxl\:w-4\/10 { width: 40%; }
.xxxl\:w-5\/12 { width: 41.667%; }
.xxxl\:w-1\/2, .xxxl\:w-2\/4, .xxxl\:w-3\/6, .xxxl\:w-4\/8, .xxxl\:w-5\/10, .xxxl\:w-6\/12 { width: 50%; }
.xxxl\:w-7\/12 { width: 58.333%; }
.xxxl\:w-3\/5, .xxxl\:w-6\/10 { width: 60%; }
.xxxl\:w-5\/8 { width: 62.5%; }
.xxxl\:w-2\/3 { width: 66.666%; }
.xxxl\:w-4\/6, .xxxl\:w-8\/12 { width: 66.667%; }
.xxxl\:w-7\/10 { width: 70%; }
.xxxl\:w-3\/4, .xxxl\:w-6\/8, .xxxl\:w-9\/12 { width: 75%; }
.xxxl\:w-4\/5, .xxxl\:w-8\/10 { width: 80%; }
.xxxl\:w-5\/6, .xxxl\:w-10\/12 { width: 83.333%; }
.xxxl\:w-7\/8 { width: 87.5%; }
.xxxl\:w-9\/10 { width: 90%; }
.xxxl\:w-11\/12 { width: 91.667%; }

/*************************************************************** FIM WIDTHS ***************************************************************/

/*************************************************************** MAX WIDTHS ***************************************************************/
.xxxl\:min-w{ min-width: var(--min-w); }
.xxxl\:min-w-0{ min-width: 0; }
.xxxl\:min-w-full{ min-width: 100%; }
.xxxl\:min-w-screen{ min-width: 100vw; }

.xxxl\:min-w-1\/12 { min-width: 8.333%; }
.xxxl\:min-w-1\/10 { min-width: 10%; }
.xxxl\:min-w-1\/8 { min-width: 12.5%; }
.xxxl\:min-w-1\/6, .xxxl\:min-w-2\/12 { min-width: 16.667%; }
.xxxl\:min-w-1\/5, .xxxl\:min-w-2\/10 { min-width: 20%; }
.xxxl\:min-w-1\/4, .xxxl\:min-w-2\/8, .xxxl\:min-w-3\/12 { min-width: 25%; }
.xxxl\:min-w-3\/10 { min-width: 30%; }
.xxxl\:min-w-1\/3, .xxxl\:min-w-2\/6, .xxxl\:min-w-4\/12 { min-width: 33.333%; }
.xxxl\:min-w-3\/8 { min-width: 37.5%; }
.xxxl\:min-w-2\/5, .xxxl\:min-w-4\/10 { min-width: 40%; }
.xxxl\:min-w-5\/12 { min-width: 41.667%; }
.xxxl\:min-w-1\/2, .xxxl\:min-w-2\/4, .xxxl\:min-w-3\/6, .xxxl\:min-w-4\/8, .xxxl\:min-w-5\/10, .xxxl\:min-w-6\/12 { min-width: 50%; }
.xxxl\:min-w-7\/12 { min-width: 58.333%; }
.xxxl\:min-w-3\/5, .xxxl\:min-w-6\/10 { min-width: 60%; }
.xxxl\:min-w-5\/8 { min-width: 62.5%; }
.xxxl\:min-w-2\/3 { min-width: 66.666%; }
.xxxl\:min-w-4\/6, .xxxl\:min-w-8\/12 { min-width: 66.667%; }
.xxxl\:min-w-7\/10 { min-width: 70%; }
.xxxl\:min-w-3\/4, .xxxl\:min-w-6\/8, .xxxl\:min-w-9\/12 { min-width: 75%; }
.xxxl\:min-w-4\/5, .xxxl\:min-w-8\/10 { min-width: 80%; }
.xxxl\:min-w-5\/6, .xxxl\:min-w-10\/12 { min-width: 83.333%; }
.xxxl\:min-w-7\/8 { min-width: 87.5%; }
.xxxl\:min-w-9\/10 { min-width: 90%; }
.xxxl\:min-w-11\/12 { min-width: 91.667%; }
/************************************************************* FIM MAX WIDTHS *************************************************************/

/*************************************************************** MAX WIDTHS ***************************************************************/
.xxxl\:max-w{ max-width: var(--max-w); }
.xxxl\:max-w-0{ max-width: 0%; }
.xxxl\:max-w-full{ max-width: 100%; }
.xxxl\:max-w-screen{ max-width: 100vw; }

.xxxl\:max-w-1\/12 { max-width: 8.333%; }
.xxxl\:max-w-1\/10 { max-width: 10%; }
.xxxl\:max-w-1\/8 { max-width: 12.5%; }
.xxxl\:max-w-1\/6, .xxxl\:max-w-2\/12 { max-width: 16.667%; }
.xxxl\:max-w-1\/5, .xxxl\:max-w-2\/10 { max-width: 20%; }
.xxxl\:max-w-1\/4, .xxxl\:max-w-2\/8, .xxxl\:max-w-3\/12 { max-width: 25%; }
.xxxl\:max-w-3\/10 { max-width: 30%; }
.xxxl\:max-w-1\/3, .xxxl\:max-w-2\/6, .xxxl\:max-w-4\/12 { max-width: 33.333%; }
.xxxl\:max-w-3\/8 { max-width: 37.5%; }
.xxxl\:max-w-2\/5, .xxxl\:max-w-4\/10 { max-width: 40%; }
.xxxl\:max-w-5\/12 { max-width: 41.667%; }
.xxxl\:max-w-1\/2, .xxxl\:max-w-2\/4, .xxxl\:max-w-3\/6, .xxxl\:max-w-4\/8, .xxxl\:max-w-5\/10, .xxxl\:max-w-6\/12 { max-width: 50%; }
.xxxl\:max-w-7\/12 { max-width: 58.333%; }
.xxxl\:max-w-3\/5, .xxxl\:max-w-6\/10 { max-width: 60%; }
.xxxl\:max-w-5\/8 { max-width: 62.5%; }
.xxxl\:max-w-2\/3 { max-width: 66.666%; }
.xxxl\:max-w-4\/6, .xxxl\:max-w-8\/12 { max-width: 66.667%; }
.xxxl\:max-w-7\/10 { max-width: 70%; }
.xxxl\:max-w-3\/4, .xxxl\:max-w-6\/8, .xxxl\:max-w-9\/12 { max-width: 75%; }
.xxxl\:max-w-4\/5, .xxxl\:max-w-8\/10 { max-width: 80%; }
.xxxl\:max-w-5\/6, .xxxl\:max-w-10\/12 { max-width: 83.333%; }
.xxxl\:max-w-7\/8 { max-width: 87.5%; }
.xxxl\:max-w-9\/10 { max-width: 90%; }
.xxxl\:max-w-11\/12 { max-width: 91.667%; }
/************************************************************* FIM MAX WIDTHS *************************************************************/

/**************************************************************** HEIGHTS *****************************************************************/
.xxxl\:h{ height: var(--h); }
.xxxl\:h-auto{ height: auto; }
.xxxl\:h-full{ height: 100%; }
.xxxl\:h-screen{ height: 100vh; }
.xxxl\:h-screenNoHead{ height: calc(100vh - var(--heightbarramenu)); }

.xxxl\:h-1\/12 { height: 8.333%; }
.xxxl\:h-1\/10 { height: 10%; }
.xxxl\:h-1\/8 { height: 12.5%; }
.xxxl\:h-1\/6, .xxxl\:h-2\/12 { height: 16.667%; }
.xxxl\:h-1\/5, .xxxl\:h-2\/10 { height: 20%; }
.xxxl\:h-1\/4, .xxxl\:h-2\/8, .xxxl\:h-3\/12 { height: 25%; }
.xxxl\:h-3\/10 { height: 30%; }
.xxxl\:h-1\/3, .xxxl\:h-2\/6, .xxxl\:h-4\/12 { height: 33.333%; }
.xxxl\:h-3\/8 { height: 37.5%; }
.xxxl\:h-2\/5, .xxxl\:h-4\/10 { height: 40%; }
.xxxl\:h-5\/12 { height: 41.667%; }
.xxxl\:h-1\/2, .xxxl\:h-2\/4, .xxxl\:h-3\/6, .xxxl\:h-4\/8, .xxxl\:h-5\/10, .xxxl\:h-6\/12 { height: 50%; }
.xxxl\:h-7\/12 { height: 58.333%; }
.xxxl\:h-3\/5, .xxxl\:h-6\/10 { height: 60%; }
.xxxl\:h-5\/8 { height: 62.5%; }
.xxxl\:h-2\/3 { height: 66.666%; }
.xxxl\:h-4\/6, .xxxl\:h-8\/12 { height: 66.667%; }
.xxxl\:h-7\/10 { height: 70%; }
.xxxl\:h-3\/4, .xxxl\:h-6\/8, .xxxl\:h-9\/12 { height: 75%; }
.xxxl\:h-4\/5, .xxxl\:h-8\/10 { height: 80%; }
.xxxl\:h-5\/6, .xxxl\:h-10\/12 { height: 83.333%; }
.xxxl\:h-7\/8 { height: 87.5%; }
.xxxl\:h-9\/10 { height: 90%; }
.xxxl\:h-11\/12 { height: 91.667%; }
/************************************************************** FIM HEIGHTS ***************************************************************/

/************************************************************** MAX HEIGHTS ***************************************************************/
.xxxl\:max-h{ max-height: var(--max-h); }
.xxxl\:max-h-full{ max-height: 100%; }
.xxxl\:max-h-screen{ max-height: 100vh; }

.xxxl\:max-h-1\/12 { max-height: 8.333%; }
.xxxl\:max-h-1\/10 { max-height: 10%; }
.xxxl\:max-h-1\/8 { max-height: 12.5%; }
.xxxl\:max-h-1\/6, .xxxl\:max-h-2\/12 { max-height: 16.667%; }
.xxxl\:max-h-1\/5, .xxxl\:max-h-2\/10 { max-height: 20%; }
.xxxl\:max-h-1\/4, .xxxl\:max-h-2\/8, .xxxl\:max-h-3\/12 { max-height: 25%; }
.xxxl\:max-h-3\/10 { max-height: 30%; }
.xxxl\:max-h-1\/3, .xxxl\:max-h-2\/6, .xxxl\:max-h-4\/12 { max-height: 33.333%; }
.xxxl\:max-h-3\/8 { max-height: 37.5%; }
.xxxl\:max-h-2\/5, .xxxl\:max-h-4\/10 { max-height: 40%; }
.xxxl\:max-h-5\/12 { max-height: 41.667%; }
.xxxl\:max-h-1\/2, .xxxl\:max-h-2\/4, .xxxl\:max-h-3\/6, .xxxl\:max-h-4\/8, .xxxl\:max-h-5\/10, .xxxl\:max-h-6\/12 { max-height: 50%; }
.xxxl\:max-h-7\/12 { max-height: 58.333%; }
.xxxl\:max-h-3\/5, .xxxl\:max-h-6\/10 { max-height: 60%; }
.xxxl\:max-h-5\/8 { max-height: 62.5%; }
.xxxl\:max-h-2\/3 { max-height: 66.666%; }
.xxxl\:max-h-4\/6, .xxxl\:max-h-8\/12 { max-height: 66.667%; }
.xxxl\:max-h-7\/10 { max-height: 70%; }
.xxxl\:max-h-3\/4, .xxxl\:max-h-6\/8, .xxxl\:max-h-9\/12 { max-height: 75%; }
.xxxl\:max-h-4\/5, .xxxl\:max-h-8\/10 { max-height: 80%; }
.xxxl\:max-h-5\/6, .xxxl\:max-h-10\/12 { max-height: 83.333%; }
.xxxl\:max-h-7\/8 { max-height: 87.5%; }
.xxxl\:max-h-9\/10 { max-height: 90%; }
.xxxl\:max-h-11\/12 { max-height: 91.667%; }
/************************************************************ FIM MAX HEIGHTS *************************************************************/

/************************************************************** MIN HEIGHTS ***************************************************************/
.xxxl\:min-h{ min-height: var(--min-h); }
.xxxl\:min-h-full{ min-height: 100%; }
.xxxl\:min-h-screen{ min-height: 100vh; }

.xxxl\:min-h-1\/12 { min-height: 8.333%; }
.xxxl\:min-h-1\/10 { min-height: 10%; }
.xxxl\:min-h-1\/8 { min-height: 12.5%; }
.xxxl\:min-h-1\/6, .xxxl\:min-h-2\/12 { min-height: 16.667%; }
.xxxl\:min-h-1\/5, .xxxl\:min-h-2\/10 { min-height: 20%; }
.xxxl\:min-h-1\/4, .xxxl\:min-h-2\/8, .xxxl\:min-h-3\/12 { min-height: 25%; }
.xxxl\:min-h-3\/10 { min-height: 30%; }
.xxxl\:min-h-1\/3, .xxxl\:min-h-2\/6, .xxxl\:min-h-4\/12 { min-height: 33.333%; }
.xxxl\:min-h-3\/8 { min-height: 37.5%; }
.xxxl\:min-h-2\/5, .xxxl\:min-h-4\/10 { min-height: 40%; }
.xxxl\:min-h-5\/12 { min-height: 41.667%; }
.xxxl\:min-h-1\/2, .xxxl\:min-h-2\/4, .xxxl\:min-h-3\/6, .xxxl\:min-h-4\/8, .xxxl\:min-h-5\/10, .xxxl\:min-h-6\/12 { min-height: 50%; }
.xxxl\:min-h-7\/12 { min-height: 58.333%; }
.xxxl\:min-h-3\/5, .xxxl\:min-h-6\/10 { min-height: 60%; }
.xxxl\:min-h-5\/8 { min-height: 62.5%; }
.xxxl\:min-h-2\/3 { min-height: 66.666%; }
.xxxl\:min-h-4\/6, .xxxl\:min-h-8\/12 { min-height: 66.667%; }
.xxxl\:min-h-7\/10 { min-height: 70%; }
.xxxl\:min-h-3\/4, .xxxl\:min-h-6\/8, .xxxl\:min-h-9\/12 { min-height: 75%; }
.xxxl\:min-h-4\/5, .xxxl\:min-h-8\/10 { min-height: 80%; }
.xxxl\:min-h-5\/6, .xxxl\:min-h-10\/12 { min-height: 83.333%; }
.xxxl\:min-h-7\/8 { min-height: 87.5%; }
.xxxl\:min-h-9\/10 { min-height: 90%; }
.xxxl\:min-h-11\/12 { min-height: 91.667%; }
/************************************************************ FIM MIN HEIGHTS *************************************************************/

/************************************************************* DEFAULTS TEXTS *************************************************************/
.xxxl\:linhas1, .xxxl\:linhas2, .xxxl\:linhas3, .xxxl\:linhas4, .xxxl\:linhas5, .xxxl\:linhas6, .xxxl\:linhas7, .xxxl\:linhas8, .xxxl\:linhas9, .xxxl\:linhas10{display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.xxxl\:linhas1{-webkit-line-clamp: 1; line-clamp: 1}
.xxxl\:linhas2{-webkit-line-clamp: 2; line-clamp: 2}
.xxxl\:linhas3{-webkit-line-clamp: 3; line-clamp: 3}
.xxxl\:linhas4{-webkit-line-clamp: 4; line-clamp: 4}
.xxxl\:linhas5{-webkit-line-clamp: 5; line-clamp: 5}
.xxxl\:linhas6{-webkit-line-clamp: 6; line-clamp: 6}
.xxxl\:linhas7{-webkit-line-clamp: 7; line-clamp: 7}
.xxxl\:linhas8{-webkit-line-clamp: 8; line-clamp: 8}
.xxxl\:linhas9{-webkit-line-clamp: 9; line-clamp: 9}
.xxxl\:linhas10{-webkit-line-clamp: 10; line-clamp: 10}
/********************************************************** FIM DEFAULTS TEXTS ***********************************************************/
/********************************************************** FIM ESTRUTURA GERAL ***********************************************************/
}