/*
Theme Name: Sistemas Policiais [ Desktop PT ]
Version: 1.0.0
Author: Louis Cypher
Author URI: http://www.sistemaspoliciais.com.br
Description: A simple responsive theme based on the Bootstrap framework. Includes multiple page templates, two different sidebars and a theme options panel.
Tags: black, white, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, full-width-template, theme-options
License: GNU General Public License v2.0 & Apache License 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0
*/

/* HEADS UP: Everything that you will normally find here can be found in the library/less/wp.less */

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-family: 'Roboto', sans-serif;
  font-size: 17px;
  line-height: 27px;
  color: #5f6060;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important; }
.lead {
  font-size: 16px;
  line-height: 27px;
  font-weight: 700; }
h1, h2, h3, h4, h5, h6 {
  padding: 3px 0px;
  font-family: 'Bitter', serif;
  color: #f60808;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important; }
h2, h3, h4, h5, h6 {
  margin-bottom: 18px; }
h1 {
  font-size: 36px;
  line-height: 42px; }
h2 {
  font-size: 32px;
  line-height: 38px; }
h3 {
  font-size: 28px;
  line-height: 35px; }
h4 {
  font-size: 25px;
  line-height: 33px; }
a { color: ##f60808; }
a:hover {color: #1507c2; text-decoration: none; }
#main {
    min-height: 600px; }
#main a[target="_blank"]:after {
    font-family: 'FontAwesome';
    content: " \f08e";
    color: #FA194E;
    font-size: 74%; }
#main a:hover[target="_blank"]:after {
    font-family: 'FontAwesome';
    content: " \f08e";
    color: #2879c4;
    font-size: 74%; }
/* HEADER */
.header-links {
    width: 100%;
    padding: 18px 0px 0px 0px;
    float: left;
    /*text-align: right;*/  }
    .header-links a {
        font-size: 70%;
        color: #69686c;
        padding: 0px 0px 0px 32px; }
        .header-links a:hover {
            color: #1507c2;
            text-decoration: none;  }
    .my-time {
        width: 211px;
        height: 66px;
        /*float: left; */
        font-size: 66%;
        color: #000;
        font-weight: 400;
        letter-spacing: 0.6px;
        /*background: url(images/my-time-background.jpg) no-repeat;*/
        padding: 0px 30px 0px 0px;
        text-align: right;
        text-rendering: optimizeLegibility !important;
        -webkit-font-smoothing: antialiased !important;   }
/* CRÉDITOS */
.creditos {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 42px;
  bottom: 0;
  margin: 0;
  padding: 6px;
  background: #fff;
  box-sizing: border-box;
  font-size: 86%;
  color: #181a56; }
  .creditos-inner {
    width: 1170px;
    margin: 0 auto; }
    .creditos-inner .attribution {
      width: 280px;
      margin-top: 2px !important; }
        .pull-right a {
          color: #69686c;
          margin: 5px 60px 0px 0px !important; }
          .pull-right a:hover {
              color: #1507c2;
              text-decoration: none; }
.link-home {
    float: left;
    width: 142px;
    height: 25px;
    font-size: 0px;   }
.link-home:hover {
    float: left;
    width: 142px;
    height: 25px;    }
.links-home a {
    width: 142px !important;
    height: 25px !important;  }
/* CARDS */
.cards {
    float: left;
    display: block;
    overflow: hidden;
    width: 100%;
    font-size: 15px;
    line-height: 20px;
    font-weight: 700;
    margin: 0px auto 68px auto;
    padding-left: 0px; }
    .cards a {
        font-size: 15px;
        line-height: 20px;
        font-weight: 700;
        color: #000;
        letter-spacing: 0.4px;
        text-decoration: none; }
        .cards a:hover {
        font-size: 15px;
        line-height: 20px;
        font-weight: 700;
        letter-spacing: 0.4px;
        color: #1507c2;
        text-decoration: none; }
.policia-brasil-card {
    float: left;
    width: 204px;
    height: 122px;
    display: block;
    overflow: hidden;
    padding: 53px 20px 0px 12px;
    margin: 4px 9px;
    background: url(images/background-policia-brasil.jpg) no-repeat; }
    .policia-brasil-card:hover {
    float: left;
    width: 204px;
    height: 122px;
    display: block;
    overflow: hidden;
    padding: 53px 20px 0px 12px;
    margin: 4px 9px;
    background: url(images/background-policia-brasil-on.jpg) no-repeat; }
.policia-saopaulo-card {
    float: left;
    width: 204px;
    height: 122px;
    display: block;
    overflow: hidden;
    padding: 53px 20px 0px 12px;
    margin: 4px 9px;
    background: url(images/background-policia-saopaulo.jpg) no-repeat; }
    .policia-saopaulo-card:hover {
    float: left;
    width: 204px;
    height: 122px;
    display: block;
    overflow: hidden;
    padding: 53px 20px 0px 12px;
    margin: 4px 9px;
    background: url(images/background-policia-saopaulo-on.jpg) no-repeat; }
.judiciario-brasil-card {
    float: left;
    width: 204px;
    height: 122px;
    display: block;
    overflow: hidden;
    padding: 53px 20px 0px 12px;
    margin: 4px 9px;
    background: url(images/background-judiciario-brasil.jpg) no-repeat; }
    .judiciario-brasil-card:hover {
    float: left;
    width: 204px;
    height: 122px;
    display: block;
    overflow: hidden;
    padding: 53px 20px 0px 12px;
    margin: 4px 9px;
    background: url(images/background-judiciario-brasil-on.jpg) no-repeat; }
.judiciario-saopaulo-card {
    float: left;
    width: 204px;
    height: 122px;
    display: block;
    overflow: hidden;
    padding: 53px 20px 0px 12px;
    margin: 4px 9px;
    background: url(images/background-judiciario-saopaulo.jpg) no-repeat; }
    .judiciario-saopaulo-card:hover {
    float: left;
    width: 204px;
    height: 122px;
    display: block;
    overflow: hidden;
    padding: 53px 20px 0px 12px;
    margin: 4px 9px;
    background: url(images/background-judiciario-saopaulo-on.jpg) no-repeat; }
.legislativo-brasil-card {
    float: left;
    width: 204px;
    height: 122px;
    display: block;
    overflow: hidden;
    padding: 53px 20px 0px 12px;
    margin: 4px 9px;
    background: url(images/background-legislativo-brasil.jpg) no-repeat; }
    .legislativo-brasil-card:hover {
    float: left;
    width: 204px;
    height: 122px;
    display: block;
    overflow: hidden;
   padding: 53px 20px 0px 12px;
    margin: 4px 9px;
    background: url(images/background-legislativo-brasil-on.jpg) no-repeat; }
.legislativo-saopaulo-card {
    float: left;
    width: 204px;
    height: 122px;
    display: block;
    overflow: hidden;
   padding: 53px 20px 0px 12px;
    margin: 4px 9px;
    background: url(images/background-legislativo-saopaulo.jpg) no-repeat; }
    .legislativo-saopaulo-card:hover {
    float: left;
    width: 204px;
    height: 122px;
    display: block;
    overflow: hidden;
   padding: 53px 20px 0px 12px;
    margin: 4px 9px;
    background: url(images/background-legislativo-saopaulo-on.jpg) no-repeat; }
.admin-brasil-card {
    float: left;
    width: 204px;
    height: 122px;
    display: block;
    overflow: hidden;
   padding: 53px 20px 0px 12px;
    margin: 4px 9px;
    background: url(images/background-admin-brasil.jpg) no-repeat; }
    .admin-brasil-card:hover {
    float: left;
    width: 204px;
    height: 122px;
    display: block;
    overflow: hidden;
   padding: 53px 20px 0px 12px;
    margin: 4px 9px;
    background: url(images/background-admin-brasil-on.jpg) no-repeat; }
.admin-saopaulo-card {
    float: left;
    width: 204px;
    height: 122px;
    display: block;
    overflow: hidden;
   padding: 53px 20px 0px 12px;
    margin: 4px 9px;
    background: url(images/background-admin-saopaulo.jpg) no-repeat; }
    .admin-saopaulo-card:hover {
    float: left;
    width: 204px;
    height: 122px;
    display: block;
    overflow: hidden;
   padding: 53px 20px 0px 12px;
    margin: 4px 9px;
    background: url(images/background-admin-saopaulo-on.jpg) no-repeat; }
/* OUTROS CARDS */
.intranet-policia-saopaulo-card {
    float: left;
    width: 204px;
    height: 122px;
    display: block;
    overflow: hidden;
    padding: 53px 20px 0px 12px;
    margin: 4px 9px;
    background: url(images/background-intranet-policia-civil-sp.jpg) no-repeat; }
.intranet-policia-saopaulo-card:hover {
    float: left;
    width: 204px;
    height: 122px;
    display: block;
    overflow: hidden;
    padding: 53px 20px 0px 12px;
    margin: 4px 9px;
    background: url(images/background-intranet-policia-civil-sp-on.jpg) no-repeat; }
.osint-card {
    float: left;
    width: 204px;
    height: 122px;
    display: block;
    overflow: hidden;
    padding: 53px 20px 0px 12px;
    margin: 4px 9px;
    background: url(images/background-osint.jpg) no-repeat; }
.ia-card {
    float: left;
    width: 204px;
    height: 122px;
    display: block;
    overflow: hidden;
    padding: 53px 20px 0px 12px;
    margin: 4px 9px;
    background: url(images/background-ia.jpg) no-repeat; }
    .ia-card a {
        color: #fff !important; }
        .ia-card a:hover {
            color: #000000 !important; }
.email-policia-saopaulo-card {
    float: left;
    width: 204px;
    height: 122px;
    display: block;
    overflow: hidden;
    padding: 53px 20px 0px 12px;
    margin: 4px 9px;
    background: url(images/background-email-policia-civil-sp.jpg) no-repeat; }
.email-policia-saopaulo-card:hover {
    float: left;
    width: 204px;
    height: 122px;
    display: block;
    overflow: hidden;
    padding: 53px 20px 0px 12px;
    margin: 4px 9px;
    background: url(images/background-email-policia-civil-sp-on.jpg) no-repeat; }
/* OPERADORAS */
.intranet-operadoras-vivo-card {
    float: left;
    width: 204px;
    height: 122px;
    display: block;
    overflow: hidden;
    padding: 53px 20px 0px 12px;
    margin: 4px 9px;
    background: url(images/background-operadoras-vivo.jpg) no-repeat; }
.intranet-operadoras-vivo-card:hover {
    float: left;
    width: 204px;
    height: 122px;
    display: block;
    overflow: hidden;
    padding: 53px 20px 0px 12px;
    margin: 4px 9px;
    background: url(images/background-operadoras-vivo-on.jpg) no-repeat; }
.intranet-operadoras-tim-card {
    float: left;
    width: 204px;
    height: 122px;
    display: block;
    overflow: hidden;
    padding: 53px 20px 0px 12px;
    margin: 4px 9px;
    background: url(images/background-operadoras-tim.jpg) no-repeat; }
.intranet-operadoras-tim-card:hover {
    float: left;
    width: 204px;
    height: 122px;
    display: block;
    overflow: hidden;
    padding: 53px 20px 0px 12px;
    margin: 4px 9px;
    background: url(images/background-operadoras-tim-on.jpg) no-repeat; }
.intranet-operadoras-claro-card {
    float: left;
    width: 204px;
    height: 122px;
    display: block;
    overflow: hidden;
    padding: 53px 20px 0px 12px;
    margin: 4px 9px;
    background: url(images/background-operadoras-claro.jpg) no-repeat; }
.intranet-operadoras-claro-card:hover {
    float: left;
    width: 204px;
    height: 122px;
    display: block;
    overflow: hidden;
    padding: 53px 20px 0px 12px;
    margin: 4px 9px;
    background: url(images/background-operadoras-claro-on.jpg) no-repeat; }
.intranet-operadoras-oi-card {
    float: left;
    width: 204px;
    height: 122px;
    display: block;
    overflow: hidden;
    padding: 53px 20px 0px 12px;
    margin: 4px 9px;
    background: url(images/background-operadoras-oi.jpg) no-repeat; }
.intranet-operadoras-oi-card:hover {
    float: left;
    width: 204px;
    height: 122px;
    display: block;
    overflow: hidden;
    padding: 53px 20px 0px 12px;
    margin: 4px 9px;
    background: url(images/background-operadoras-oi-on.jpg) no-repeat; }
.cards-content {
    float: left;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 265px;
    margin: 0px auto 20px auto;
    padding-left: 0px; }
.content-card {
    float: left;
    width: 204px;
    height: 260px;
    display: block;
    overflow: hidden;
    margin: 4px 12px 4px 11px; }
    .content-card a {
    width: 204px;
    height: 260px;
    display: block;
    overflow: hidden; }


/* SLIDER */
.slider {
    display: block;
    overflow: hidden;
    float: left;
    width: 420px;
    height: 250px;
    margin: 5px 13px 0px 10px; }
/* Breadcrumbs */
.breadcrumbs-full{
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  height: 22px;
  text-align: left;
  padding: 12px 0px 4px 0px; }
.breadcrumbs-content{
  font-weight: 400;
  display: block;
  overflow: hidden;
  height: 60px;
  margin: 0px auto 0px auto;}
#breadcrumbs {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 24px;
  padding: 0px 15px;
  margin: 14px 0px 2px 0px; }
#breadcrumbs ul {
  text-transform: uppercase;
  font-size: 14px; }
#breadcrumbs li {
  font-family: 'Roboto', sans-serif;
  float: left;
  list-style: none;
  padding: 0px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 400; }
#breadcrumbs li a {
  font-family: 'Roboto', sans-serif;
  color: #ee0c0c;
  text-decoration: none; }
#breadcrumbs li a:hover {
  color: #ee0c0c; }
.separator {
  margin: 0px 10px; }
/* PAGINAÇÃO */
.paginacao {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  margin: 32px auto 22px auto;
  padding: 0;
  text-align: center; }
  .paginacao li a {
        font-family: 'Roboto', sans-serif;
        letter-spacing: 1px;    }
/* BOXES NOTICIAS */
.box-noticias {
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  float: left;
  position: relative;
  width: 31.3%;
  height: 340px;
  padding: 0px;
  margin: 10px;
  border: 1px solid #d7d7d7;
  border-radius: 12px; }
  .box-noticias:hover {
      -webkit-box-shadow: 0px 0px 8px 4px rgba(175,177,180,0.40);
      -moz-box-shadow: 0px 0px 8px 4px rgba(175,177,180,0.40);
      box-shadow: 0px 0px 8px 4px rgba(175,177,180,0.40);   }
  .box-noticias p {
    padding: 2px 16px;
    margin-top: 4px; }
    .box-noticias h3 {
    padding: 2px 16px;
    font-size: 32px !important;
    line-height: 41px !important;
    margin-top: 4px;
    line-height: 35px !important; }
    .box-noticias h3 a {
        font-size: 30px !important;
        line-height: 40px !important;
        text-decoration: none;
        border-bottom: 0px !important; }
    .thumbs-noticias {
    display: block;
      width: 100%;
      height: 144px;
      overflow: hidden;
      box-sizing: border-box;
      margin-bottom: 15px; }
      .thumbs-noticias img {
        display: block;
        width: 100%;
        max-height: 144px;
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 89%, 0% 100%);
        clip-path: polygon(0 0, 100% 0, 100% 89%, 0% 100%);  }
.tags {
    font-weight: 700;
    margin: 36px 0 52px 0; }
.tags a {
    background-color: #f23030;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 3px 6px; }
blockquote {
    padding:10px 20px;
    margin:0 0 20px;
    font-size: 22px;
    line-height: 34px;
    font-weight: 700;
    border-left:8px solid #f60808;
    color: #f60808;   }

/* ACONTECE CARDS */
.acontece-cards {
  float: left;
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  width: 47%;
  min-height: 292px;
  margin: 16px 14px;
  background: url(images/bg-boxes-news.png) no-repeat;
  border: 1px solid #bcbec0;
  -webkit-box-shadow: 0px 0px 8px 4px rgba(175,177,180,0.25);
    -moz-box-shadow: 0px 0px 8px 4px rgba(175,177,180,0.25);
    box-shadow: 0px 0px 8px 4px rgba(175,177,180,0.25); }
  .acontece-cards:hover {
    -webkit-box-shadow: 0px 0px 8px 4px rgba(175,177,180,0.70);
    -moz-box-shadow: 0px 0px 8px 4px rgba(175,177,180,0.70);
    box-shadow: 0px 0px 8px 4px rgba(175,177,180,0.70);  }
  .acontece-cards p {
    font-size: 17px;
    line-height: 23px;   }
    .acontece-cards .bloco {
      display: block;
      overflow: hidden;
      box-sizing: border-box;
      width: 87%;
      margin: 24px 32px 8px 32px;  }
      .acontece-cards h3 a {
        line-height: 22px;
        text-decoration: none;
        margin-bottom: 24px;  }
      .acontece-cards h3 a:hover {
        text-decoration: none;  }
.acontece-cards-home {
  float: left;
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  width: 47%;
  min-height: 204px;
  margin: 16px 14px;
  background: url(images/bg-boxes-home.png) no-repeat;
  border: 1px solid #bcbec0;
  -webkit-box-shadow: 0px 0px 8px 4px rgba(175,177,180,0.25);
    -moz-box-shadow: 0px 0px 8px 4px rgba(175,177,180,0.25);
    box-shadow: 0px 0px 8px 4px rgba(175,177,180,0.25); }
  .acontece-cards-home:hover {
    -webkit-box-shadow: 0px 0px 8px 4px rgba(175,177,180,0.70);
    -moz-box-shadow: 0px 0px 8px 4px rgba(175,177,180,0.70);
    box-shadow: 0px 0px 8px 4px rgba(175,177,180,0.70);  }
  .acontece-cards-home p {
    font-size: 17px !important;
    line-height: 23px;   }
    .acontece-cards-home .bloco {
      display: block;
      overflow: hidden;
      box-sizing: border-box;
      width: 87%;
      margin: 14px 30px;  }
      .acontece-cards-home h3 a {
        line-height: 22px;
        text-decoration: none;  }
      .acontece-cards-home h3 a:hover {
        text-decoration: none;  }
.estimated {
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  margin: 8px 0px 22px 0px;
  color: #fa194e;
  font-weight: 300;
  font-size: 90%; }
.simple .qcopd-single-list h2 {
    font-size: 28px !important;
    text-transform: capitalize !important; }
    .simple .qcopd-single-list ul li a {
        font-size: 16px !important;     }

.all-centers {
    overflow: hidden;
    float: left;
    display: block;
    width: 100%;
    height: 76px;
    margin: 0 0 8px 14px !important;
}
.all-centers-links {
    float: left !important;
    width: 24.7% !important;
}
.all-centers-links img {
    width: 97% !important;
    height: 97% !important;
}
.title-all-centers {
    margin: 0px 0px 20px 0px !important;
    padding: 0px;
}

/*--------------------------------------------------------------
# ESTILOS DO CABEÇALHO E BUSCA (VERSÃO FINAL CORRIGIDA)
--------------------------------------------------------------*/

/* 1. Transforma o contêiner principal em flex para alinhamento */
.header-links {
    display: flex;
    align-items: center;
    padding-top: 18px;
}

/* 2. Corrige o botão HOME para funcionar dentro do flex */
.link-home {
    float: none;
    margin-left: -20px !important;
}

/* 3. Corrige o campo de data, alinhando seu fundo e texto interno */
.my-time {
    float: none;
    /*margin-left: 25px; */
    height: auto;
    display: flex;
    justify-content: left;
    align-items: center;
    padding: 5px 20px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-left: -280px !important;
}

/* 4. Posiciona o formulário de busca na extrema direita */
.header-links .search-form {
    margin-left: auto;
    margin-top: 0;
}

/* 5. Estiliza o campo de input da busca */
.header-links .search-field {
    border: 1px solid #ccc;
    padding: 6px 10px;
    width: 188px;
    font-size: 13px;
    border-radius: 5px;
}

/* 6. Estiliza o botão de busca */
.header-links .search-submit {
    background-color: #f60808;
    color: #fff;
    border: none;
    padding: 7px 12px;
    cursor: pointer;
    border-radius: 5px;
    font-size: 13px;
    margin-left: 5px;
}

.header-links .search-submit:hover {
    background-color: #1507c2;
}

/* === Overrides de correção aplicados (23-08-2025) === */

/* ==============================
   FIXO DE ALINHAMENTO CABEÇALHO
   Data/Hora (.my-time) + Busca
   ============================== */

.header-links{
  display:flex;
  align-items:center;
  gap:16px;
  padding:18px 0 0 0;
}

/* Remove efeitos de float herdados */
.header-links .link-home,
.header-links .links-home,
.header-links .my-time{
  float:none;
}

/* Cartão de data/hora com imagem de fundo */
.my-time{
  width:211px;
  height:66px;
  display:flex;
  align-items:center;
  justify-content:flex-end;      /* texto encostado à direita */
  padding:0 18px 0 0;            /* respiro à direita */
/*  background-image:url(images/my-time-background.jpg); */
  background-repeat:no-repeat;
  background-position:center right;  /* mantém a arte à direita */
  background-size:contain;           /* não distorce a arte */
  text-align:right;
  font-size:66%;
  color:#000;
  letter-spacing:.6px;
  /*margin-left:24px; */
}

/* Empurra o formulário de busca para a extrema direita */
.header-links form.search-form{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:8px;
}

/* Campo de texto da busca */
.header-links .search-field{
  width:220px;
  max-width:38vw;
  padding:8px 10px;
  border:1px solid #cfcfcf;
  border-radius:6px;
  font-size:14px;
  line-height:1.2;
}

/* Botão da busca */
.header-links .search-submit{
  padding:9px 14px;
  border:0;
  border-radius:6px;
  background:#f60808;
  color:#fff;
  font-size:14px;
  cursor:pointer;
}
.header-links .search-submit:hover{ background:#1507c2; }

/* Responsivo: reduz espaçamentos em telas menores */
@media (max-width: 992px){
  .header-links{ gap:12px; }
  .my-time{ margin-left:0px; width:190px; height:60px; }
  .header-links .search-field{ width:180px; }
}
@media (max-width: 640px){
  .header-links{ flex-wrap:wrap; }
  .header-links form.search-form{ width:100%; margin-left:0; }
  .header-links .search-field{ flex:1 1 auto; max-width:100%; }
}


/* === Ajuste específico (24-08-2025): campo de busca à extrema direita === */
.header-links .search-form {
    margin-left: auto !important;
}


/* === Ajuste definitivo (24-08-2025): garante que o campo de busca fique à extrema direita === */
.header-links {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}
.header-links .search-form {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* MANDADOS E OFICIOS */

        .tool-card {
            background:#fff;
            border:0;
            border-radius:20px;
            box-shadow:0 10px 24px rgba(0,0,0,.07);
            padding:30px 24px;
            height:100%;
            display:flex;
            flex-direction:column;
            justify-content:space-between;
            transition:transform .12s ease, box-shadow .12s ease;
            text-align:center;
        }
        .tool-card:hover {
            transform:translateY(-2px);
            box-shadow:0 14px 32px rgba(0,0,0,.09);
        }
        .tool-icon {
            width:80px;
            height:80px;
            margin:0 auto 15px;
            display:flex;
            align-items:center;
            justify-content:center;
            border-radius:50%;
            color:#fff;
            font-size:32px;
            box-shadow:0 6px 16px rgba(0,0,0,.08);
        }
        .tool-title {
            font-size:18px;
            font-family:'Bitter', serif;
            font-weight:700;
            color:#212529;
            margin-bottom:15px;
        }
        .tool-description {
            color:#6c757d;
            font-size:14px;
            line-height:1.5;
            margin-bottom:25px;
        }
        .tool-button {
            border-radius:6px;
            font-weight:400;
            font-size:15px !important;
            font-family:'Roboto', sans-serif;
            padding:7px 30px;
            border:none;
            color:white;
            text-decoration:none;
            display:inline-block;
            transition:all 0.3s ease;
        }
        .tool-button i {
            font-size:15px;
            margin-right:6px;
        }
        .btn-mandado { background:#2563EB; }
        .btn-mandado:hover { filter:brightness(.95); }
        .btn-alvara { background:#10B981; }
        .btn-alvara:hover { filter:brightness(.95); }
        .btn-oficio { background:#111827; }
        .btn-oficio:hover { filter:brightness(1.15); }