/*================================================================
				   ./Pages/Model.html
================================================================*/

article.modelo {display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:stretch; grid-gap:1em; margin:2% 1%; width:98%;}
article.modelo > * {box-sizing:border-box; margin:0; flex-grow:1;}
article.modelo > section {width:68%;}
article.modelo figure {text-align:center;}
article.modelo figure img {border:1px solid black; box-shadow:black 2px 2px 4px; transition:all 1s;}
article.modelo figure figcaption {margin:.5em 0em;}
article.modelo figure img:focus, article.modelo figure img:hover {box-shadow:none;}

table.accmpsBdgs {margin:2% 1%; width:44%; font-size:small;}
table.accmpsBdgs tr th:first-child {width:64%;}
table.accmpsBdgs tr td:first-child {text-align:right; padding-right:.5em; font-weight:bold;}
table.accmpsBdgs tr td:last-child {padding-left:.5em;}

section.accmpsBdgs {margin:2% 1%; width:98%; display:flex; flex-wrap:wrap; justify-content:space-evenly; align-items:stretch; grid-gap:1em;}
section.accmpsBdgs figure {width:36%; margin:0; text-align:center; font-size:smaller; box-shadow:gray 0px 4px 8px; cursor:pointer; transition:all 1s;}
section.accmpsBdgs figure:focus, section.accmpsBdgs figure:hover {box-shadow:none; outline:1px dotted gray; }
section.accmpsBdgs figure img:hover {transform:scale(2);}
section.accmpsBdgs figure svg:hover {transform:rotateX(720deg);}

section.alsoLike:focus, span#navUp a img:focus, nav#likeNav > img:focus, nav#qzNav > img:focus, textarea#cmmtBx:focus {outline:4px solid black;}