/*
  mry_comparativa (colores y tipografias)
  - Usado por templates/paragraph--comparativa.html.twig junto con
    componente_comparativa.css (que tiene el layout/estructura).
  - Prefijo "mry_" para que estas clases no choquen con clases del mismo
    nombre en otros componentes del theme.
*/

:root {
  --mry-color-pink: #FD006E;
  --mry-color-gray: #7B828C;
}

h2{
  margin-bottom:0px;
}

.mry_titulo {
  color: var(--mry-color-pink);
  text-align: center;
  font-family: Inter;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 42px; /* 105% */
}

@media (min-width: 760px) {
  .mry_titulo {
    font-size: 40px;
  }
}

.mry_subtitulo {
  color: var(--mry-color-gray);
  text-align: center;
  font-family: Inter;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.mry_texto {
  color: #7B828C;
text-align: center;
font-family: Inter;
font-size: 25px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.mry_bold {
  font-weight: 700;
}

.mry_texto_12 {
  color: var(--mry-color-gray);
  text-align: center;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}