body{
    background:#f5f7fa;
    font-family:Arial, Helvetica, sans-serif;
}

/* ==========================
MENU
========================== */

.navbar-custom{
    background:#2f63b5;
}

.navbar-custom .nav-link{
    color:#fff !important;
    font-size:18px;
    font-weight:600;
    padding:18px 20px;
}

.navbar-custom .nav-link:hover{
    color:#dfe9ff !important;
}

/* ==========================
TOPO GUIA
========================== */

.guia-header{
    padding:60px 0;
}

.titulo-guia{
    color:#0d4f9a;
    font-size:48px;
    font-weight:700;
}

.subtitulo-guia{
    color:#555;
    font-size:18px;
}

.busca-box{
    background:#fff;
    padding:30px;
    border-radius:15px;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.busca-box h3{
    color:#0d4f9a;
    margin-bottom:20px;
}

/* ==========================
BANNER
========================== */

.banner-principal{
    height:350px;
    border-radius:20px;
    overflow:hidden;
    position:relative;
    margin-bottom:60px;

    background:url('https://images.unsplash.com/photo-1436491865332-7a61a109cc05?q=80&w=1600')
    center center;
    background-size:cover;
}

.banner-principal::before{
    content:'';
    position:absolute;
    inset:0;
    background:rgba(0,45,90,.65);
}

.banner-content{
    position:absolute;
    left:60px;
    bottom:60px;
    color:#fff;
}

.banner-content h2{
    font-size:48px;
    font-weight:700;
}

.banner-content p{
    font-size:20px;
}

/* ==========================
TITULOS
========================== */

.section-title{
    color:#0d4f9a;
    font-size:38px;
    font-weight:700;
    margin-bottom:30px;
}

/* ==========================
CATEGORIAS
========================== */

.categoria-card{
    display:block;
    position:relative;
    overflow:hidden;
    border-radius:15px;
    height:280px;
    text-decoration:none;
}

.categoria-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.4s;
}

.categoria-card:hover img{
    transform:scale(1.1);
}

.categoria-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.35);

    display:flex;
    align-items:center;
    justify-content:center;

    text-align:center;
    padding:20px;
}

.categoria-overlay h3{
    color:#fff;
    font-weight:700;
    font-size:32px;
}

/* ==========================
EMPRESAS
========================== */

.empresa-card{
    background:#fff;
    border-radius:15px;
    padding:35px;
    margin-bottom:25px;

    box-shadow:0 5px 20px rgba(0,0,0,.07);
}

.empresa-card h3{
    color:#0d4f9a;
    font-size:30px;
    font-weight:700;
    margin-bottom:20px;
}

.empresa-info{
    list-style:none;
    padding:0;
}

.empresa-info li{
    margin-bottom:10px;
    font-size:17px;
}

.logo-empresa{
    max-width:220px;
}
.info-right a{
    color:#000!important;
    text-decoration:none!important;
}
/* ==========================
FOOTER
========================== */

footer{
    background:#0d4f9a;
    color:#fff;
    text-align:center;
    padding:30px;
    margin-top:50px;
}

@media(max-width:768px){

.banner-content{
    left:25px;
    bottom:25px;
}

.banner-content h2{
    font-size:28px;
}

.titulo-guia{
    font-size:34px;
}

.section-title{
    font-size:28px;
}

}

.pagination .page-link{

    color:#0d4f9a;
    border-radius:8px;
    margin:0 4px;
    border:1px solid #ddd;
    font-weight:600;

}


.pagination .active .page-link{

    background:#0d4f9a;
    border-color:#0d4f9a;
    color:#fff;

}


.pagination .page-link:hover{

    background:#2f63b5;
    color:#fff;

}