/*
Author: Juan Ríos
Description: actualización de los estilos de morgan
Version: 0.0.1
*/

/*CABECERA 202306 JR*/

.precios,
.soluciones {
    display: flex;
}

/*MM MENU SOLUCIONES DESKTOP 202203 JR*/

.columnaSoluciones,
.columnaPrecios {
    display: flex;
    flex-direction: column;
    padding: 20px 10px;
    flex-grow: 1;
    max-width: 33%;
  }

  .linkPrecios {
    padding-bottom: 10px;
  }
  
  .linkSoluciones .underlineSoloTitulo,
  .linkPrecios .underlineSoloTitulo {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: inherit;
    padding: 5px 8px;
  }

  @media (max-width: 991px) {
    .linkSoluciones .underlineSoloTitulo,
    .linkPrecios .underlineSoloTitulo {
      display: flex !important;
      flex-direction: row;
    }

    .linkPrecios .underlineSoloTitulo .tituloPrecios a,
    .linkSoluciones .underlineSoloTitulo .tituloSoluciones {
      padding: 5px 8px;
    }
    
    .iconoPrecios,
    .iconoSoluciones {
      padding-top: 5px;
    }
  }

  @media (max-width: 575px) {

    .precios,
    .soluciones {
      flex-direction: column;
    }

    .columnaSoluciones,
    .columnaPrecios {
      max-width: 100%;
      padding: 10px;
    }
    
    .linkSoluciones .underlineSoloTitulo,
    .linkPrecios .underlineSoloTitulo {
      flex-direction: row;
      align-items: top;
    }
    
    .iconoSoluciones,
    .iconoPrecios {
      padding-right: 10px;
    }
  }
  
  .linkSoluciones:hover,
  .linkPrecios:hover {
    background-color: #f2fcff;
  }
  
  .iconoSoluciones,
  .iconoPrecios {
    padding-right: 15px;
  }
  
  .linkSoluciones p,
  .linkPrecios p {
    font-size: 12px;
    /*color: grey;*/
  }
  
  .tituloSoluciones,
  .tituloPrecios {
    display: flex;
    flex-direction: column;
  }

/*MM PARA ANIMAR EL HOVER DE LOS LINKS DE LOS SUBMENUS - SOLUCIONES 202306 JR*/
.underlineSoloTitulo strong {
  position: relative;
}

.underlineSoloTitulo strong::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 1px;
  background-color: var(--rosamm);
  transition: width 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

@media (hover: hover) and (pointer: fine) {
  .underlineSoloTitulo:hover strong::before {
    left: 0;
    right: auto;
    width: 100%;
  }
}

@media (hover: hover) and (pointer: fine) {
  .underlineSoloTitulo:hover {
    color: var(--rosamm);
  }
}