/* Styles offered in the rich text editor's style menu.

   Loaded twice on purpose: by the editor, so the preview matches what visitors
   get, and by Master, so the front end renders the same classes. The menu
   itself is declared in App_Plugins/AlphaRteStyles/umbraco-package.json —
   since v14 a stylesheet no longer builds the menu on its own.

   Only class selectors belong here. The file is served site-wide, so a bare
   element rule would restyle content that never opted in.

   The scale is the one the site already uses: 72 on the landing hero, 60 from
   the old "Alpha Big Title", 50 for .big-title / .medium-title, 40 for
   .info .big-title, and 30 for the landing's lead paragraph. */

/**umb_name:Titular jumbo*/
.rte-jumbo {
    font-family: Rubik, sans-serif;
    font-size: 72px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -1px;
    color: #26242B;
}

/**umb_name:Titular XL*/
.rte-xl {
    font-family: Rubik, sans-serif;
    font-size: 60px;
    font-weight: 600;
    line-height: 1.142;
    color: #26242B;
}

/**umb_name:Titular L*/
.rte-lg {
    font-family: Rubik, sans-serif;
    font-size: 50px;
    font-weight: 600;
    line-height: 1.142;
    color: #26242B;
}

/**umb_name:Titular M*/
.rte-md {
    font-family: Rubik, sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.142;
    color: #26242B;
}

/**umb_name:Parrafo grande*/
.rte-lead {
    font-family: Rubik, sans-serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 1.142;
    color: #26242B;
}

/**umb_name:Azul Alpha*/
.rte-accent {
    color: #2E58EB;
}

/* The scale steps down at the same breakpoints as the rest of the landing. */

@media screen and (max-width: 1199px) {
    .rte-jumbo { font-size: 48px; }
    .rte-xl    { font-size: 44px; }
    .rte-lg    { font-size: 40px; }
    .rte-md    { font-size: 34px; }
    .rte-lead  { font-size: 26px; }
}

@media screen and (max-width: 767px) {
    .rte-jumbo { font-size: 34px; letter-spacing: -0.5px; }
    .rte-xl    { font-size: 32px; }
    .rte-lg    { font-size: 33px; }
    .rte-md    { font-size: 28px; }
    .rte-lead  { font-size: 20px; }
}