@charset "UTF-8";
/* CSS Document */

/* regras para a definição gráfica dos estados interactivos dos
botões e do hypertexto */



/* //////////////////////////////  HYPERTEXTO  ////////////////////////////// */

/*============================  Hypertexto geral ============================ */
a {
    color: inherit;
    text-decoration: underline;
}
a:hover, a:focus, a:active {
    color: rgba(var(--color-wadzul-500));
    text-decoration: underline;
    outline: none; /*para evitar o tracejado à volta do objecto clicado — no Firefox*/
}
a.hyperlink_sem_sublinhado,
a.sem_link,
#rodape a {
    text-decoration: none;
}
a.link_area_toda {
    /* para garantir que o link tem o mesmo tamanho que a Div onde está inserido*/
    display: block;
    width: 100%;
    height: 100%;
}
/* ================  Hypertexto conforme as cores do Background  =============== */

/* ---------------------- light backgrounds --------------------- */
.off_white_bkg a:hover, .off_white_bkg a:focus, .off_white_bkg a:active {
	/*color: rgba(var(--syno-red));*/
}
/*-- marked elements (negative => dark background) ----*/
.off_white_bkg mark a:hover, .off_white_bkg mark a:focus, .off_white_bkg mark a:active {
	/*color: rgba(var(--syno-pink));*/
}


/* ---------------------- dark backgrounds -------------------- */
.off_black_bkg a:hover, .off_black_bkg a:focus, .off_black_bkg a:active {
	/*color: rgba(var(--syno-pink));*/
}
/*-- marked elements (negative => light background) ----*/
.off_black_bkg mark a:hover, .off_black_bkg mark a:focus, .off_black_bkg mark a:active {
	/*color: rgba(var(--syno-red));*/
}

/* ================  Hypertexto excepcional  =============== */
body {  
    --hyperlink-redux:  0.692307692307692;
}

a.accent {
   color: rgba(var(--color-wadzul-500)) !important; 
}

a.pequeno {
    font-size: calc(var(--p-fluid-m-size)*var(--hyperlink-redux));
}

#worked_with Ul li::after  {
    content: "\005F\00a0"; /* após o item, underscore encostado + space */
}
#worked_with Ul li:has(a)::after  {
    content: "\00a0"; /* apenas o Espaço após o item (sem underscrore) */
}
a.hyperlink_underscore_after_neutral::after,
a.hyperlink_underscore_after_accent::after,
#worked_with Ul li a::after {
    content: "\005F"; /* underscore encostado à última palavra */
}
a.hyperlink_underscore_after_accent::after,
#worked_with Ul li a::after {
    color: rgba(var(--color-wadzul-500));
}
#worked_with Ul li a {
    text-decoration: none;
}
a.hyperlink_underscore_after_neutral:hover, a.hyperlink_underscore_after_accent:active,
#worked_with Ul li a:hover, #worked_with Ul li a:active {
    color: rgba(var(--color-wadzul-500));
}

/* ////////////////////////////////  BOTÕES  //////////////////////////////// */

.botao {
    /* imita o button conforme definido pelo Bootstrap */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    margin: 0px;
    overflow-x: visible;
    overflow-y: visible;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    text-indent: 0px;
    text-shadow: none;
    text-transform: none;
    white-space: nowrap;
    word-spacing: 0px;
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}
button {
	/* como elemento inline-block, obriga a centrar verticalmente na linha de texto */
	vertical-align: middle;
}
button, .botao {
    --botao-padding-vertical: calc(var(--entrelinha)*0.3);
    --botao-padding-horizontal: calc(var(--entrelinha)*0.75);
    --botao-margin-vertical: calc(var(--entrelinha)*0.25);
    --botao-margin-horizontal: calc(var(--entrelinha)*0.2);
    line-height: 1em;
	border-radius: calc(var(--entrelinha)*0.3);
    padding-top: var(--botao-padding-vertical) !important;
    padding-bottom: var(--botao-padding-vertical) !important;
    padding-left: var(--botao-padding-horizontal) !important;
    padding-right: var(--botao-padding-horizontal) !important;
	border-style: solid;
	border-width: 2px;
	margin-top: var(--botao-margin-vertical) !important;
	margin-bottom: var(--botao-margin-vertical) !important;
	margin-left: var(--botao-margin-horizontal) !important;
	margin-right: var(--botao-margin-horizontal) !important;
}
.bt_vazado {
    background-color: transparent !important;
}
.bt_sem_borda {
    border-style: none !important;
}
button:hover, button:focus, button:active, 
.botao:hover, .botao:focus, .botao:active {
    text-decoration: none;
}
button:active, .botao:active {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
}