/* Reset básico */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


@font-face {
    font-family: 'Gotham Book';
    src: url('fonts/gotham/Gotham-Book.otf') format('opentype');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Thin';
    src: url('fonts/gotham/Gotham-Thin.otf') format('opentype');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Bold';
    src: url('fonts/gotham/Gotham-Bold.otf') format('opentype');
    font-style: normal;
    font-display: swap;
}

.gotham-book-font {
    font-family: 'Gotham Book', Arial, Helvetica, sans-serif;
}

.gotham-thin-font {
    font-family: 'Gotham Thin', Arial, Helvetica, sans-serif;
}

.gotham-bold-font {
    font-family: 'Gotham Bold', Arial, Helvetica, sans-serif;
}

body {
    font-family: 'Gotham Book', Arial, Helvetica, sans-serif;
    color: #111;
    background-color: #fff;
    line-height: 1.7;
}

a, a:hover, a:active
{
    color: #111 !important;
    text-decoration: none !important;
}


/* Contenedor principal */
.container {
    max-width: 720px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px 0;
}

section
{
    margin-left: 12px;
}


.logo {
    max-width: 300px;
    height: auto;
    display: block;
    margin-left: 5px;
}

.firma
{
    line-height: 0px;
    font-size: 12px !important;
}

.firma-up
{
    font-size: 26px;
    margin-top: 0px !important;
    margin-bottom: -17px !important;
    letter-spacing: -0.111em;
    word-spacing: 0.05em;
}

.firma-down
{
    font-size: 17px;
    margin-top: -17px !important;
    margin-bottom: 0px !important;
    font-weight: bold;
}

.insta
{
    letter-spacing: 0.1em;
}

/* ==================================================
   SISTEMA TIPOGRÁFICO · Plus Jakarta Sans
   ================================================== */

.type-xl {
    font-size: 23px;
    line-height: 1.11;
    letter-spacing: -0.03em;
}

.type-l {
    font-size: 19px;
    line-height: 1.6;
    letter-spacing: 0em
}

.type-m {
    font-size: 14px;
    line-height: 1.75;
    letter-spacing: -0.0222em;
}

.type-s {
    font-size: 13px;
    line-height: 1.5;
    letter-spacing: 0.21em;
}

.type-xs {
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: 0.022em;
}

/* ==================================================
   MÁRGENES Y PADDINGS
   ================================================== */

   .mt-l
   {
        margin-top: 24px;
   }

   .mt-m
   {
        margin-top: 0px;
   }

   .mb-xl
   {
        margin-bottom: 30px;
   }