@font-face {
    font-family: 'gibsonregular';
    src: url('fonts/gibson-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gibsonsemibold';
    src: url('fonts/gibson-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gibsonsemibold_italic';
    src: url('fonts/gibson-semibolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gibsonheavy';
    src: url('fonts/gibson-heavy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'gibsonbold';
    src: url('fonts/gibson-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gibsonthin';
    src: url('fonts/gibson-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gibson-thinitalic';
    src: url('fonts/gibson-thinitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gibson-heavyitalic';
    src: url('fonts/gibson-heavyitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gibson-italic';
    src: url('fonts/gibson-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gibson-medium';
    src: url('fonts/gibson-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.gibson-medium {
    font-family: 'gibson-medium', sans-serif;
}

.gibson-italic {
    font-family: 'gibson-italic', sans-serif;
}

.gibson-thinitalic {
    font-family: 'gibson-thinitalic', sans-serif;
}

.gibson-heavyitalic {
    font-family: 'gibson-heavyitalic', sans-serif;
}

.gibsonsemibold_italic {
    font-family: 'gibsonsemibold_italic', sans-serif;
}

 .gibsonsemibold {
    font-family: 'gibsonsemibold', sans-serif;
    
}

.gibsonregular{
    font-family: 'gibsonregular', sans-serif;
}

.gibsonbold{
    font-family: 'gibsonbold', sans-serif;
}



:root {
    /* colores institucionales */
    --guinda: #4A001F;
    --rosa-claro: #FFC3D0;
    --rosa-fuerte: #D2417C;
    --morado: #6A0F49;
    --gris: #6D807F;
    --negro: #000000;
    --blanco: #ffffff;
    /* colores extras */
    --gris-suave: #d4d8d8;
    --amarillo:#ffc107;
    --rojo:#f30000 ; 
  }

  .guinda{
    color: var(--guinda)
  }
  .rojo{
    color: var(--rojo)
  }
  .rosa-claro{
    color: var(--rosa-claro)
  }
  .rosa-fuerte{
    color: var(--rosa-fuerte)
  }
  .morado{
    color: var(--morado)
  }
  .gris{
    color: var(--gris)
  }
  .blanco{
    color: var(--blanco);
  }
  .texto-guinda{
    color: var(--guinda);
  }
  .texto-rosa-claro{
    color: var(--rosa-claro);
  }
  .texto-rosa-fuerte{
    color: var(--rosa-fuerte);
  }
  .texto-morado{
    color: var(--morado);
  }
  .texto-gris{
    color: var(--gris);
  }
  .negro{
    color: var(--negro);
  }
  .text-warning{
    color: var(--amarillo);
  }

  .gibson-medium {
    font-size: 1rem; /* base, teléfonos */
  }
  
  @media (min-width: 992px) { /* pantallas grandes */
    .gibson-medium {
      font-size: 0.9rem; /* reduce en PC */
    }
  }