/* ==========================================================================
   Ajustes propios de Vigicom sobre el tema.

   En el sitio legacy este archivo existía pero estaba vacío (0 bytes): todo
   retoque terminaba como un <style> suelto dentro de la página que lo
   necesitaba. Acá va lo que es del sitio y no del tema.
   ========================================================================== */

/* El botón de los buscadores de la barra lateral (blog y ayuda).

   El legacy usaba un <a onclick="..."> con JavaScript inline para navegar, así
   que el buscador no andaba sin JS. Ahora es un <button type="submit"> dentro
   del form, y hay que quitarle el cromo que el navegador le pone de fábrica
   para que se vea igual que el <a> de antes: sólo el ícono. */
.blog-sidebar .widget .search-bar .btn-newsletter {
    border: 0;
    background: none;
    line-height: 1;
    cursor: pointer;
}

/* Tarjetas del listado del blog y de la home: el tema las deja crecer con el
   texto, y el sitio las recorta a alto fijo con un degradado al pie para que
   la grilla quede prolija. En el legacy esto venía como un <style> repetido en
   la home, en secciones/noticias.php y en blog/listar.php. */
.card-desvanecida {
    margin-bottom: 30px;
}

.card-desvanecida::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px;
    background: linear-gradient(to top,
            rgba(255, 255, 255, 1) 0%,
            rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
    z-index: 1;
}

.card-desvanecida .card-body {
    height: 400px;
    overflow: hidden;
}

/* Listado de la ayuda: filas separadas por un punteado, con la categoría
   como etiqueta de color. Venía como <style> dentro de ayuda/listar.php. */
.ayuda-listado .card-body {
    padding: 40px;
}

.ayuda-fila {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.25);
}

.ayuda-fila .card-text {
    font-size: smaller;
}

.ayuda-fila .categoria {
    padding: 2px 7px;
    color: white;
    border-radius: 5px;
    font-size: x-small;
    display: inline;
}

.ayuda-fila h5 {
    margin-top: 8px;
    margin-bottom: 8px !important;
}