.grid-segmentos__item {
  height: 338px;
  background-size: cover;
  background-position: center;
  color: white;
  padding: 1.5rem;
  font-size: 26px;
  font-size: 7vw;
  line-height: 1.2;
  margin-bottom: 16px; }
  @media (max-width: 257.142857143px) {
    .grid-segmentos__item {
      font-size: 18px; } }
  @media (min-width: 457.142857143px) {
    .grid-segmentos__item {
      font-size: 32px; } }
  .grid-segmentos__item--autonomos {
    background-image: url("../images/grid-segmentos/autonomos.jpg"); }
  .grid-segmentos__item--patrimonios {
    background-image: url("../images/grid-segmentos/patrimonios.jpg"); }
  .grid-segmentos__item--particulares {
    background-image: url("../images/grid-segmentos/particulares.jpg"); }
  .grid-segmentos__item--pymes {
    background-image: url("../images/grid-segmentos/pymes.jpg"); }
  .grid-segmentos__item__title {
    font-size: 40px;
    font-size: 12vw;
    margin-bottom: 0.75rem; }
    @media (max-width: 266.666666667px) {
      .grid-segmentos__item__title {
        font-size: 32px; } }
    @media (min-width: 458.333333333px) {
      .grid-segmentos__item__title {
        font-size: 55px; } }
  .grid-segmentos__item__cta {
    font-size: 22px;
    color: white; }
    .grid-segmentos__item__cta > .icon {
      font-size: 40px;
      text-decoration: none;
      line-height: 1;
      font-weight: 400; }

@media (min-width: 48em) {
  .grid-segmentos__item {
    padding: 2.25rem 3rem;
    font-size: 28px;
    margin-bottom: 44px; }
    .grid-segmentos__item__content {
      max-width: 415px; }
    .grid-segmentos__item__title {
      font-size: 56px; }
    .grid-segmentos__item__bodycopy {
      margin-bottom: 3rem; } }

@media (min-width: 62em) {
  .grid-segmentos__item {
    height: 380px;
    padding: 1.5rem 2.25rem;
    position: relative;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    margin-bottom: 40px; }
    .grid-segmentos__item:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      opacity: 0;
      -webkit-transition: opacity 0.3s ease-out;
      transition: opacity 0.3s ease-out; }
    .grid-segmentos__item__content {
      position: relative;
      z-index: 2; }
    .grid-segmentos__item:hover {
      color: #2B2E34; }
      .grid-segmentos__item:hover .grid-segmentos__item__cta {
        color: #2B2E34; }
      .grid-segmentos__item:hover:after {
        opacity: 1; }
    .grid-segmentos__item--autonomos:after {
      background-color: #99a7b0; }
    .grid-segmentos__item--patrimonios:after {
      background-color: #a9aaa4; }
    .grid-segmentos__item--particulares:after {
      background-color: #ffe7b0; }
    .grid-segmentos__item--pymes:after {
      background-color: #ebb18a; } }