$colors: ( verde: #00b500, gris: #1B1B1B, dorado: #A38E7B, rojo: #ff002c, celeste: #00b1dd, texto: #FFF, plomo: #f7f7f8, facebook: #3b5998, twitter: #00acee);
@function color($nombre-color) {
    @return map-get($colors, $nombre-color);
}

$url_images: "../img/";
$fuente_titulo: "gothic";
@font-face {
    font-family: 'gothic';
    src: url('./fonts/CenturyGothic-Bold.eot');
    src: url('./fonts/CenturyGothic-Bold.eot?#iefix') format('embedded-opentype'), url('./fonts/CenturyGothic-Bold.woff2') format('woff2'), url('./fonts/CenturyGothic-Bold.woff') format('woff'), url('./fonts/CenturyGothic-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'gothic';
    src: url('./fonts/CenturyGothic-Italic.eot');
    src: url('./fonts/CenturyGothic-Italic.eot?#iefix') format('embedded-opentype'), url('./fonts/CenturyGothic-Italic.woff2') format('woff2'), url('./fonts/CenturyGothic-Italic.woff') format('woff'), url('./fonts/CenturyGothic-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'gothic';
    src: url('./fonts/CenturyGothic-BoldItalic.eot');
    src: url('./fonts/CenturyGothic-BoldItalic.eot?#iefix') format('embedded-opentype'), url('./fonts/CenturyGothic-BoldItalic.woff2') format('woff2'), url('./fonts/CenturyGothic-BoldItalic.woff') format('woff'), url('./fonts/CenturyGothic-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'gothic';
    src: url('./fonts/CenturyGothic.eot');
    src: url('./fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'), url('./fonts/CenturyGothic.woff2') format('woff2'), url('./fonts/CenturyGothic.woff') format('woff'), url('./fonts/CenturyGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}