@charset "utf-8";

/*==================================================
SERVICOS
==================================================*/

#o-canil{margin-block-end:3rem;}

/*==================================================
DIFERENCIAIS
==================================================*/

#kennel-differentials{margin-block:60px;}
.differentials-panel{display:grid; grid-template-columns:1fr; gap: 22px;}
.differential-card{display:grid; grid-template-columns:63px 1fr; align-items: start; gap:14px; max-inline-size:285px;}
.differential-card img{inline-size:auto; margin-inline:auto;}
.differential-card h3{font-size:13px; font-weight:700; text-transform:uppercase;}
.differential-card p{font-size:13px; line-height:1.7;}

/*==================================================
768px
==================================================*/
@media only screen and (min-width:768px){
    .differentials-panel{grid-template-columns: repeat(2, 1fr); padding: 0 36px;}
}

/*==================================================
820px
==================================================*/
@media only screen and (min-width:820px){
    
}

/*==================================================
1024px
==================================================*/
@media only screen and (min-width:1024px){
    .differentials-panel{grid-template-columns: repeat(3, 1fr);}
}

/*==================================================
1180px
==================================================*/

@media only screen and (min-width:1180px){
    .differentials-panel {padding: 0 112px;}
}

/*==================================================
1280px
==================================================*/

@media only screen and (min-width:1280px){

}

/*==================================================
1366px
==================================================*/

@media only screen and (min-width:1366px){

}