.listanot > .item:hover{ transition: .2s ease; box-shadow: 2px 2px 10px rgb(10,10,10, 0.6); -webkit-box-shadow:2px 2px 10px rgb(10,10,10, 0.6); -moz-box-shadow:2px 2px 10px rgb(10,10,10, 0.6); -ms-box-shadow:2px 2px 10px rgb(10,10,10, 0.6); }

@media screen and (max-width:414px)
{
    .listanot{margin:0;display:grid;grid-gap:15px;grid-template-columns: 1fr;grid-auto-rows:auto;grid-auto-flow:dense;}
    .listanot > .item{ width:calc(100% - 10px);height:auto;float:left;;position:relative;background-color:#fff;border-radius:5px;box-shadow:0 1px 4px rgba(0,0,0,0.2);cursor:pointer;}
    .listanot .item > .thumb{float:right;width:100%;height:150px;border-radius: 5px 5px 0 0;}
    .listanot .item > .titulo{overflow:hidden;width:calc(100% - 16px);max-height:43px;float:left;padding:8px;text-align:justify;font-style:normal;font-weight:800;font-size:1.1em; }
    .listanot .item > .subtitulo{margin-bottom:5px;display:none;overflow:hidden;width:calc(100% - 16px);max-height:calc(25% - 12px);float:left;padding:8px 8px 0 8px;text-align:justify;font-style:italic;position:absolute;bottom:0;}
}
@media screen and (min-width:641px)
{
    .listanot{margin:0;display:grid;grid-gap:15px;grid-template-columns: 1fr;grid-auto-rows:auto;grid-auto-flow:dense;}
    .listanot > .item{ width:calc(100% - 10px);height:180px;float:left;;position:relative;background-color:#fff;border-radius:5px;box-shadow:0 1px 4px rgba(0,0,0,0.2);cursor:pointer;}
    .listanot .item > .thumb{float:right;width:calc(40% + 12px);height:100%;border-radius: 0 5px 5px 0;}
    .listanot .item > .titulo{overflow:hidden;width:calc(60% - 28px);max-height:40%;float:left;padding:8px;text-align:justify;font-style:normal;font-weight:800;font-size:1.4em; }
    .listanot .item > .subtitulo{margin-bottom:5px;overflow:hidden;width:calc(60% - 28px);max-height:calc(50% - 22px);float:left;padding:8px;text-align:justify;font-style:italic;position:absolute;bottom:0;}
}
@media screen and (min-width:415px) and (max-width:640px)
{
    .listanot{margin:0;display:grid;grid-gap:15px;grid-template-columns: 1fr;grid-auto-rows:auto;grid-auto-flow:dense;}
    .listanot > .item{ width:calc(100% - 10px);height:180px;float:left;;position:relative;background-color:#fff;border-radius:5px;box-shadow:0 1px 4px rgba(0,0,0,0.2);cursor:pointer;}
    .listanot .item > .thumb{float:right;width:calc(40% + 12px);height:100%;border-radius: 0 5px 5px 0;}
    .listanot .item > .titulo{overflow:hidden;width:calc(60% - 28px);max-height:40%;float:left;padding:8px;text-align:justify;font-style:normal;font-weight:800;font-size:1.4em; }
    .listanot .item > .subtitulo{margin-bottom:5px;overflow:hidden;width:calc(60% - 28px);max-height:calc(50% - 22px);float:left;padding:8px;text-align:justify;font-style:italic;position:absolute;bottom:0;}
}