body{

background:#f4f4f4;

font-family:Arial;

}


.topo{

background:#f68b4a;

padding:20px;

}


.logo-publica{

width:180px;

}


.hero{

padding:40px;

text-align:center;

}


.hero h1{

font-weight:bold;

}


.busca{

height:55px;

border-radius:12px;

}


.btn-laranja{

background:#f68b4a;
color:white;

height:55px;

border:none;

}


.btn-laranja:hover{

background:#e76f22;
color:white;

}


.conveniado-card{

border:none;

border-radius:20px;

padding:15px;

height:100%;

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

transition:.3s;

}

.conveniado-card:hover{

transform:translateY(-5px);

}


.logo-conveniado{

height:100px;

max-width:100%;

object-fit:contain;

margin-bottom:15px;

}


.categoria{

display:inline-block;

padding:5px 15px;

background:#f1f1f1;

border-radius:20px;

margin-bottom:15px;

font-size:13px;

}


.desconto{

background:#f68b4a;

padding:10px;

border-radius:10px;

color:white;

font-weight:bold;

}

.detalhe-card{

border:none;

border-radius:20px;

padding:30px;

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

}

.logo-detalhe{

max-width:100%;

max-height:250px;

object-fit:contain;

}