/* Constitutional Review: ajustes responsive sobre los estilos de Pattern Lab */

/* Módulo info: columna12 suma márgenes laterales al width: 100% y desborda la página */
.faculty-derecho-constitucional .modulo-info {
  margin-left: 0;
  margin-right: 0;
}

/* Single: "Por:" con el tamaño y el espacio de un párrafo, como en Pattern Lab (<p class="autor">) */
.faculty-derecho-constitucional .texto .autor {
  font-size: 19px;
  line-height: 32.3px;
  margin: 8px 0 15px;
}

/* Módulo íconos: en tablet los cuatro íconos no caben en una fila; se muestran en dos columnas */
@media (min-width: 768px) and (max-width: 1023px) {
  .faculty-derecho-constitucional .modulo-iconos {
    flex-wrap: wrap;
    padding: 2rem 1rem 4rem;
  }

  .faculty-derecho-constitucional .card-icono {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    margin: 0;
    padding: 1rem;
    box-sizing: border-box;
  }

  .faculty-derecho-constitucional .card-icono a {
    display: flex;
    align-items: center;
    text-decoration: none;
  }

  .faculty-derecho-constitucional .detalle-icono {
    margin-right: 1rem;
  }

  .faculty-derecho-constitucional .modulo-iconos .divisor-vertical {
    display: none;
  }
}

/* Menú del blog en móvil: mismo botón "Menú" y menú desplegable (slicknav) que los demás subsitios */
.faculty-derecho-constitucional .menu-blog-der-constitucional .show-secondary-menu {
  display: none;
}

@media (max-width: 768px) {
  .faculty-derecho-constitucional .menu-blog-der-constitucional {
    padding: 0 7.5px;
  }

  .faculty-derecho-constitucional .menu-blog-der-constitucional .menu {
    display: none;
  }

  .faculty-derecho-constitucional .menu-blog-der-constitucional .show-secondary-menu {
    display: block;
    width: 100%;
    padding: 1rem 0;
    color: #32464d;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    font-size: 1rem;
    font-weight: 400;
  }

  .faculty-derecho-constitucional .menu-blog-der-constitucional .show-secondary-menu span {
    float: right;
    transform: rotate(0deg);
    transition: all 0.45s ease 0s;
  }

  .faculty-derecho-constitucional .menu-blog-der-constitucional .show-secondary-menu.active span {
    transform: rotate(-180deg);
  }

  /* El buscador del menú ya está en el menú responsive (.idioma-buscador); se oculta el duplicado */
  #responsive-secondary-menu .slicknav_nav li:has(> form.search),
  #responsive-secondary-menu .slicknav_nav form.search {
    display: none;
  }
}