/* CSS para Todo sobre el reclamo */
/* Modificado el 15-08-2022 */
#acceso_ciclo_reclamo,
#acceso_orientador_reclamo,
#acceso_seguimiento_reclamo,
#banner_flotante_reclamar,
#ntg_accesos_usuarios,
#ntg_accesos_complementarios,
#ntg_destacados_reclamo {
  opacity: 0; }

@keyframes escalar {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }
@keyframes escalar2 {
  from {
    transform: scale(1.05); }
  to {
    transform: scale(1); } }
@media (min-width: 992px) {
  .pull-right-md {
    float: right; } }

.bg-white {
  background-color: #fff; }

.py-lg, #seccion_atencion_usuarios .ntg-accesos-usuarios {
  padding-top: 2.5em;
  padding-bottom: 2.5em; }
  @media (min-width: 992px) {
    .py-lg, #seccion_atencion_usuarios .ntg-accesos-usuarios {
      padding-top: 4em;
      padding-bottom: 4em; } }

.bg-primary-dark, #todo_sobre_reclamo .ntg-acceso-destacado {
  background-color: #0b4e85; }

#todo_sobre_reclamo .h1,
#seccion_atencion_usuarios .h1 {
  margin: 1em 0; }

@media (max-width: 600px) {
  #todo_sobre_reclamo h2.h1 {
    display: none; } }
@media (max-width: 600px) {
  #todo_sobre_reclamo h3.h2 {
    font-size: 1.8em !important; } }
#todo_sobre_reclamo .ntg-acceso-destacado {
  animation: escalar2 0.3s;
  position: relative;
  display: flex;
  color: #fff; }
  @media (max-width: 600px) {
    #todo_sobre_reclamo .ntg-acceso-destacado {
      margin-top: 1em; } }
  #todo_sobre_reclamo .ntg-acceso-destacado:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    animation: escalar 0.5s;
    transform: scale(1.05); }
  #todo_sobre_reclamo .ntg-acceso-destacado a {
    color: #fff;
    font-weight: 600; }
    #todo_sobre_reclamo .ntg-acceso-destacado a .bi {
      color: #C3D459; }
    #todo_sobre_reclamo .ntg-acceso-destacado a:hover {
      color: #fff; }
  #todo_sobre_reclamo .ntg-acceso-destacado .ntg-textos {
    padding: 0 1.5em; }
  @media (max-width: 767px) {
    #todo_sobre_reclamo .ntg-acceso-destacado .ntg-icono img {
      width: 130px !important;
      height: auto !important; } }
#todo_sobre_reclamo #acceso_ciclo_reclamo,
#todo_sobre_reclamo #acceso_orientador_reclamo {
  overflow: hidden;
  padding-top: 2.5em;
  padding-bottom: 2.5em; }
  @media (min-width: 992px) {
    #todo_sobre_reclamo #acceso_ciclo_reclamo .col-sm-6.ntg-imagen,
    #todo_sobre_reclamo #acceso_orientador_reclamo .col-sm-6.ntg-imagen {
      padding-left: 0; } }
  @media (min-width: 992px) {
    #todo_sobre_reclamo #acceso_ciclo_reclamo .ntg-acceso-destacado,
    #todo_sobre_reclamo #acceso_orientador_reclamo .ntg-acceso-destacado {
      margin-right: -195px;
      flex-flow: row-reverse;
      justify-content: space-between; } }
#todo_sobre_reclamo #acceso_seguimiento_reclamo {
  overflow: hidden;
  padding-top: 2.5em;
  padding-bottom: 2.5em; }
  @media (min-width: 992px) {
    #todo_sobre_reclamo #acceso_seguimiento_reclamo .col-sm-6.ntg-imagen {
      padding-right: 0; } }
  @media (min-width: 992px) {
    #todo_sobre_reclamo #acceso_seguimiento_reclamo .ntg-acceso-destacado {
      margin-left: -195px; } }

#seccion_atencion_usuarios {
  overflow: hidden;
  padding-bottom: 1em;
  display: block;
  width: 100%; }
  #seccion_atencion_usuarios .ntg-destacados-reclamo {
    margin-bottom: 0.6em; }
    @media (min-width: 768px) {
      #seccion_atencion_usuarios .ntg-destacados-reclamo {
        display: flex; } }
    #seccion_atencion_usuarios .ntg-destacados-reclamo div[class*="ntg-destacado"] {
      animation: escalar2 0.3s;
      display: flex;
      position: relative;
      align-items: center;
      padding: 0.72em 1.5em;
      width: 100%; }
      @media (min-width: 768px) {
        #seccion_atencion_usuarios .ntg-destacados-reclamo div[class*="ntg-destacado"] {
          width: 33.33333333%; } }
      #seccion_atencion_usuarios .ntg-destacados-reclamo div[class*="ntg-destacado"]:hover {
        animation: escalar 0.5s;
        transform: scale(1.05);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
        z-index: 2; }
    #seccion_atencion_usuarios .ntg-destacados-reclamo a {
      color: #fff; }
    #seccion_atencion_usuarios .ntg-destacados-reclamo .ntg-icono img {
      height: 60px;
      width: auto; }
    #seccion_atencion_usuarios .ntg-destacados-reclamo .ntg-textos {
      font-size: 1.5em;
      padding-left: 1em; }
    #seccion_atencion_usuarios .ntg-destacados-reclamo .ntg-destacado-reclamo {
      background-color: #0b4e85; }
    #seccion_atencion_usuarios .ntg-destacados-reclamo .ntg-destacado-seguimiento {
      background-color: #0f69b4; }
    #seccion_atencion_usuarios .ntg-destacados-reclamo .ntg-destacado-todo-reclamo {
      background-color: #5BC0DE; }
      #seccion_atencion_usuarios .ntg-destacados-reclamo .ntg-destacado-todo-reclamo .ntg-icono img {
        height: 50px !important; }
      #seccion_atencion_usuarios .ntg-destacados-reclamo .ntg-destacado-todo-reclamo a {
        color: #222; }
  #seccion_atencion_usuarios .ntg-presentacion .abstract {
    padding-bottom: 1.5em; }
  #seccion_atencion_usuarios .ntg-accesos-usuarios {
    overflow: hidden;
    background-color: black;
    background-image: url("channels-506_fondo_accesos_usuarios.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    margin-bottom: 2em; }
    @media (min-width: 992px) {
      #seccion_atencion_usuarios .ntg-accesos-usuarios {
        min-height: 500px;
        margin-bottom: 3em; } }
    #seccion_atencion_usuarios .ntg-accesos-usuarios .h1 {
      color: #fff; }
    #seccion_atencion_usuarios .ntg-accesos-usuarios .recuadro-card {
      animation: escalar2 0.3s;
      align-items: center;
      background-color: rgba(255, 255, 255, 0.7);
      position: relative;
      padding: 2em;
      text-align: center;
      display: flex;
      margin-bottom: 2em;
      border-bottom: 6px solid #0f69b4; }
      #seccion_atencion_usuarios .ntg-accesos-usuarios .recuadro-card:hover {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
        background-color: white;
        animation: escalar 0.5s;
        transform: scale(1.05); }
      #seccion_atencion_usuarios .ntg-accesos-usuarios .recuadro-card .ntg-titulo {
        font-size: 2.143em;
        padding: 0;
        margin: 0;
        width: 100%;
        align-items: center; }
        #seccion_atencion_usuarios .ntg-accesos-usuarios .recuadro-card .ntg-titulo a {
          color: #0b4e85; }
      @media (min-width: 992px) {
        #seccion_atencion_usuarios .ntg-accesos-usuarios .recuadro-card {
          min-height: 180px; } }
  #seccion_atencion_usuarios .ntg-accesos-complementarios .btn {
    font-size: 1.5em;
    color: #475156;
    margin-bottom: 1em;
    animation: escalar2 0.3s; }
    #seccion_atencion_usuarios .ntg-accesos-complementarios .btn:hover {
      color: #0f69b4;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
      animation: escalar 0.5s;
      transform: scale(1.05); }
      #seccion_atencion_usuarios .ntg-accesos-complementarios .btn:hover .bi {
        color: #0f69b4; }
    #seccion_atencion_usuarios .ntg-accesos-complementarios .btn .bi {
      color: #5BC0DE; }
      @media (min-width: 992px) {
        #seccion_atencion_usuarios .ntg-accesos-complementarios .btn .bi:before {
          font-size: 2.3em; } }
      @media (min-width: 992px) {
        #seccion_atencion_usuarios .ntg-accesos-complementarios .btn .bi {
          display: block;
          clear: both;
          margin-bottom: 1em; } }
  #seccion_atencion_usuarios .ntg-destacados-reclamo,
  #seccion_atencion_usuarios .ntg-accesos-usuarios {
    margin-right: auto;
    margin-left: auto;
    clear: both; }
    @media (min-width: 992px) {
      #seccion_atencion_usuarios .ntg-destacados-reclamo,
      #seccion_atencion_usuarios .ntg-accesos-usuarios {
        width: 992px; } }
    @media (min-width: 1200px) {
      #seccion_atencion_usuarios .ntg-destacados-reclamo,
      #seccion_atencion_usuarios .ntg-accesos-usuarios {
        width: 1200px; } }
    @media (min-width: 1360px) {
      #seccion_atencion_usuarios .ntg-destacados-reclamo,
      #seccion_atencion_usuarios .ntg-accesos-usuarios {
        width: 1170px; } }

#banner_flotante_reclamar {
  background-color: #0f69b4;
  text-align: center;
  position: relative;
  position: fixed;
  bottom: 0;
  display: flex;
  width: 100%;
  padding: 1em;
  align-items: center;
  justify-content: center;
  border-top: 3px solid #fff;
  margin-bottom: 0;
  z-index: 10;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); }
  #banner_flotante_reclamar:hover {
    transition: all 0.3s ease-in-out;
    background-color: #0b4e85; }
  #banner_flotante_reclamar .ntg-icono img {
    height: 60px;
    width: auto; }
  #banner_flotante_reclamar .ntg-textos {
    font-size: 1.8em;
    padding-left: 1em; }
    @media (max-width: 600px) {
      #banner_flotante_reclamar .ntg-textos {
        font-size: 1.6em !important;
        text-align: left; }
        #banner_flotante_reclamar .ntg-textos span {
          font-size: 75% !important;
          line-height: 1.2;
          display: inline-block; } }
  #banner_flotante_reclamar a {
    color: #fff; }

body.landing-todo-reclamo #footer {
  padding-bottom: 70px; }
  @media (max-width: 600px) {
    body.landing-todo-reclamo #footer {
      padding-bottom: 130px; } }

/* Fin CSS */