@font-face {
    font-family: CenturyGothic;
    src: url(../font/CenturyGothic.ttf);
}
@font-face {
    font-family: CenturyGothicB;
    src: url(../font/CenturyGothicB.ttf);
}
@font-face {
    font-family: Wolf_in_the_City;
    src: url(../font/Wolf_in_the_City.otf);
}



:root {
    --textoR: CenturyGothic;
    --textoB: CenturyGothicB;
    --negro1: #151515;
    --verde: #14AB9B;
    --rosado: #DD7890;
    --gris: #E6E6E6;
    --blanco: #f2f2f2;
}



/* Área de reset básico - estilos por defecto */
* {
    font-family: var(--textoR); font-size: 13px; margin: 0;
    padding: 0; color: var(--negro1); box-sizing: border-box;
}
input{-webkit-appearance: none; -moz-appearance: none; appearance: none;}

/* Alineación de textos */
.tIzq {text-align: left;}       /* Texto alineado a la izquierda */
.tCen {text-align: center;}     /* Texto alineado al centro */
.tDer {text-align: right;}      /* Texto alineado a la derecha */
.tJus {text-align: justify;}    /* Texto justificado */

/* Mostrar u ocultar */
.verF {display: flex;}          /* Mostrar como flex */
.verB {display: block;}         /* Mostrar como block */
.verN {display: none;}          /* Ocultar */



.sub-body
{
    position: absolute; top: 0; left: 0;
    width: 100%; min-width: 360px; max-width: 1920px;
    min-height: 100%; 
    display: flex; flex-direction: column;
}



.boxsw {box-shadow: 0px 0px 5px rgb(210,210,210);}



.flex {display: flex;}
.block {display: block;}
.none {display: none;}
.ocultar {visibility: hidden;}