@charset "UTF-8";

/* fonts */
@font-face {
  font-family: 'Flowers Of Nineties';
  src: url('./font/Flowersofnineties/FlowersOfNineties-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Flowers Of Nineties';
  src: url('./font/Flowersofnineties/FlowersOfNineties-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Flowers Of Nineties';
  src: url('./font/Flowersofnineties/FlowersOfNineties-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Flowers Of Nineties';
  src: url('./font/Flowersofnineties/FlowersOfNineties-MediumItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Flowers Of Nineties';
  src: url('./font/Flowersofnineties/FlowersOfNineties-SmboldItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  src: url('./font/Manrope/Manrope-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  src: url('./font/Manrope/Manrope-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  src: url('./font/Manrope/Manrope-Medium.ttf') format('truetype');
  font-weight: 500; 
  font-style: normal;
  font-display: swap;
}

h1,
.h1 {font-family: 'Flowers Of Nineties', italic;font-weight: 600;font-size: 16rem;line-height: 4rem;letter-spacing: 1rem;}
.h1-big {font-family: 'Flowers Of Nineties', italic;font-weight: 600;font-size: 20rem;line-height: 4rem;letter-spacing: 1rem;}
.h1-small {font-family: 'Flowers Of Nineties', italic;font-weight: 600;font-size: 12rem;line-height: 4rem;letter-spacing: 1rem;}


h2,
.h2 {font-size: 5rem;font-family: 'Flowers Of Nineties';font-weight: 400; line-height: 1.2;}
.h2-2-italic {font-size: 8em;font-family: 'Flowers Of Nineties'; font-style: italic; font-weight: 400; line-height: 1;}
.h2-3 {font-size: 5.8rem;font-family: 'Flowers Of Nineties';font-weight: 400; line-height: 1;}
.h2-2 {font-size: 8rem;font-family: 'Flowers Of Nineties';font-weight: 700; line-height: 0;}

h3,
.h3 {font-family: 'Flowers Of Nineties', regular;font-size: 5.75rem;}

h4,
.h4 {font-family: 'Flowers Of Nineties', regular;font-size: 1.875rem;}

h5,
.h5 {font-family: 'Flowers Of Nineties', normal;font-size: 3rem;}

.p-manrope {font-family: 'Manrope';font-size: 3rem;font-weight: 200 !important;}
.p-manrope-1 {font-family: 'Manrope', normal;font-size: 5rem;}
.p-manrope-2 {font-family: 'Manrope', normal;font-size: 18px;}
.p-manrope-3  {font-family: 'Manrope', normal;font-size: 65px;}
.p-manrope-4 {font-family: 'Manrope', normal;font-size: 3.5rem;font-weight: 200 !important;}
.p-manrope-5 {font-family: 'Manrope', normal; font-size: 2rem;font-weight: 700;}
.p-manrope-6 {font-family: 'Flowers Of Nineties'; font-style: bold;font-size: 6rem;}

.p-manropeHC {font-family: 'Manrope';font-size: 2.5rem;font-weight: 500;}
.p-pabellon {font-family: 'Flowers Of Nineties';font-size: 5rem;line-height: 2;font-style: italic;}

.p-manrope-b {font-family: 'Manrope', normal;font-size: 3rem;font-weight: bold;}
.p-manrope-m {font-family: 'Manrope', medium;font-size: 2rem;}

.p-normal {font-family: 'Flowers Of Nineties', regular;font-size: 3rem;}
.p-percentaje {font-family: 'Flowers Of Nineties'; font-style: italic; font-size: 1.125}
.reto, .nada {font-family: 'Flowers Of Nineties', italic;font-size: 2.3rem;;}

.flowers {font-family: 'Flowers Of Nineties', cursive;}
.flowers2 {font-family: 'Flowers Of Nineties', regular;font-size: 5rem;}
.unidad {font-size: 4rem;font-weight: 400;}

.bold { font-weight: 700; }
.semibold { font-weight: 600; }

.ActMed {font-size: 4.8rem;font-family: 'Flowers Of Nineties';line-height: 1;margin-top: 15%;}
.atencion {font-size: 8rem;font-family: 'Flowers Of Nineties';font-style: normal;line-height: 1;margin-top: 15%;}

.azulBackground {background-color: var(--bs-azul) !important;}
.amarilloBackground {background-color: var(--bs-amarillo);height: 15px;width: auto;flex: 1;}
.coralBackground {background-color: var(--bs-coral);height: 15px;width: auto;flex: 1;}
.navyBackground {background-color: var(--bs-navy);height: 15px;width: auto;flex: 1;}

.azul-font {color: var(--bs-azul)!important;}
.amarillo-font {color: var(--bs-amarillo) !important;}
.navy-font {color: var(--bs-navy);}
.white-font {color: var(--bs-white);}
.gris-font {color: var(--bs-gris);}
.verde-font {color: var(--bs-verde);}