/* HOTFIX 30.3.1 CORREGIDO
   1) Aviso gráfico visible del Libro en portada
   2) Separación visual del Canal Independiente en el Libro
*/

.lr-home-notice{
  padding:38px 20px!important;
  background:#f5f9f7!important;
}
.lr-home-notice__inner{
  max-width:1180px!important;
  margin:auto!important;
  padding:28px 30px!important;
  border:1px solid #d8e6df!important;
  border-radius:26px!important;
  background:#fff!important;
  display:grid!important;
  grid-template-columns:minmax(280px,390px) 1fr auto!important;
  gap:30px!important;
  align-items:center!important;
  box-shadow:0 16px 46px rgba(7,40,25,.07)!important;
}
.lr-home-notice__official{
  display:block!important;
  width:100%!important;
  max-width:390px!important;
  text-decoration:none!important;
}
.lr-home-notice__official svg{
  display:block!important;
  width:100%!important;
  height:auto!important;
}
.lr-home-notice__copy span{
  display:block!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.14em!important;
  color:#08783f!important;
  margin-bottom:7px!important;
}
.lr-home-notice__copy strong{
  display:block!important;
  font-family:'Plus Jakarta Sans',Inter,Arial,sans-serif!important;
  font-size:26px!important;
  letter-spacing:-.03em!important;
  color:#092318!important;
}
.lr-home-notice__copy p{
  margin:8px 0 0!important;
  color:#5b6c63!important;
  line-height:1.55!important;
}
.lr-home-notice__action{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  border-radius:999px!important;
  padding:14px 22px!important;
  background:#08783f!important;
  color:#fff!important;
  font-weight:800!important;
}

/* Libro: el Canal Independiente debe respirar respecto a Reclamo/Queja */
.lr-suggestion-channel{
  margin-top:42px!important;
  padding:24px 26px!important;
  border:1px solid #dce9e2!important;
  border-radius:18px!important;
  background:#f7faf8!important;
}
.lr-suggestion-channel>div{
  display:grid!important;
  gap:8px!important;
}
.lr-suggestion-channel span{
  display:block!important;
  margin-bottom:2px!important;
  font-size:11px!important;
  letter-spacing:.12em!important;
  font-weight:800!important;
  color:#08783f!important;
}
.lr-suggestion-channel strong{
  font-size:18px!important;
}
.lr-suggestion-channel p{
  margin:0!important;
  color:#5f7067!important;
  line-height:1.55!important;
}

@media(max-width:850px){
  .lr-home-notice__inner{
    grid-template-columns:1fr!important;
    gap:22px!important;
  }
  .lr-home-notice__official{
    max-width:100%!important;
  }
  .lr-home-notice__action{
    width:100%!important;
  }
  .lr-suggestion-channel{
    margin-top:30px!important;
  }
}