
/* ---- Editar ---- */

.textos-editar { position:absolute; top:1.25rem; right:1.5rem; }
		
@media all and (min-width:30em)  { .textos-editar { right:1rem; } }
@media all and (min-width:40em)  { .textos-editar { right:1.25rem; } }
@media all and (min-width:50em)  { .textos-editar { right:1.5rem; } }
@media all and (min-width:60em)  { .textos-editar { right:1.75rem; } }
@media all and (min-width:70em)  { .textos-editar { right:2rem; } }



/* ---- Conteúdo ---- */

.textos-figure img, .textos-video { border-radius:.25rem; }

.textos { border-bottom:.0625rem solid rgba(0,0,0,.12); margin:-6rem 8px 0; }
.textos-fundo { padding-top:20px; padding-right:16px; padding-left:16px; background:#f5f5f5; position:relative; z-index:2; }
.textos-fundo::before { width:100%; height:8rem; display:block; position:absolute; top:0; left:0; z-index:-1; box-shadow:0 -8px 8px 0 rgba(0,0,0,.16); content:""; }

.textos-section { padding-bottom:4rem; }
.textos-section:nth-last-child(1) { padding-bottom:2rem; }

@media all and (min-width:480px) { .textos { padding-right:16px; padding-left:16px; margin:-4rem 16px 0; } }
@media all and (min-width:640px) {
	.textos { padding-right:20px; padding-left:20px; margin:-6rem 20px 0; }
	.textos-fundo { padding-top:20px; padding-bottom:0; }
}
@media all and (min-width:800px) {
	.textos { padding-right:24px; padding-left:24px; margin:-6rem 24px 0; }
	.textos-fundo { padding-top:24px; }
}
@media all and (min-width:960px) {
	.textos { width:calc(66.6666666667% - 56px); padding-right:28px; padding-left:28px; border-bottom:0; margin:-6rem 28px 0; float:left; }
	.textos-fundo { padding-top:28px; }
}
@media all and (min-width:1280px) {
	.textos { width:calc(70% - 64px); padding-right:32px; padding-left:32px; margin:-6rem 32px 0; float:left; }
	.textos-fundo { padding-top:32px; }
}



/* ---- Figure ---- */

.textos-figure { margin-right:-16px; margin-left:-16px; display:block; }
.textos-figure-t, .textos-figure-d, .textos-figure-d { margin-bottom:2rem; }
.textos-figure-b { margin-top:2rem; }
.textos-figure-img { width:100%; height:0; padding-bottom:66.6666666667%; overflow:hidden; position:relative; }
.textos-figure-texto { padding:.75rem 16px; }

.textos-fundo .textos-figure { margin-right:0; margin-left:0; }

@media all and (min-width:480px) { .textos-figure { margin-right:-8px; margin-left:-8px; } }
@media all and (min-width:640px) {
	.textos-figure { margin-right:0; margin-left:0; }
	.textos-figure-e { width:50%; margin-right:32px; margin-bottom:2rem; float:left; }
	.textos-figure-d { width:50%; margin-bottom:2rem; margin-left:32px; float:right; }
	.textos-fundo .textos-figure-e { margin-right:32px; margin-bottom:2rem; }
	.textos-fundo .textos-figure-d { margin-bottom:2rem; margin-left:32px; }
}
@media all and (min-width:1280px) { .textos-figure-e, .textos-figure-d { width:40%; } }

.textos-figure img { transition:transform .3s; }
.textos-figure:hover img { transform:scale(1.1); }



/* ---- Galeria ---- */

.textos-galeria { margin:1.25rem -4px -.25rem; }
.textos-galeria-figure { width:50%; padding:.25rem 4px; display:block; float:left; }
.textos-galeria-figure-img { width:100%; height:0; padding-bottom:100%; overflow:hidden; position:relative; }

.textos-galeria-figure img { transition:transform .3s; }
.textos-galeria-figure:hover img { transform:scale(1.1) }

@media all and (min-width:480px) { .textos-galeria-figure { width:33.3333333333%; } }
@media all and (min-width:720px) { .textos-galeria-figure { width:25%; } }




/* ---- Vídeo ---- */

.textos-video { height:0; padding-bottom:52.25%; margin:1.5rem 0 0; overflow:hidden; position:relative; }



/* ---- Anexo ---- */

.textos-anexo { height:4rem; padding-left:88px; margin-top:1.5rem; display:block; position:relative; color:rgba(0,0,0,.54); line-height:4rem; transition:opacity .25s; }
.textos-anexo-figure { width:4rem; height:4rem; position:absolute; top:0; left:0; background:#828D6F; }
.textos-anexo-figure img { width:32px; height:32px; position:absolute; top:calc(50% - 1rem); left:calc(50% - 1rem); }
.textos-anexo:hover { opacity:.7; }



/* ---- Tabela ---- */

.table-container { min-width:100%; border:solid rgba(0,0,0,.12); border-width:0 1px 1px 0; overflow-x:auto; }
.table { width:100%; border-collapse:collapse; overflow:hidden; }
.table tr { border:.0625rem solid rgba(0,0,0,.12); border-collapse:collapse; max-height:3.0625rem; background:#ffffff; }
.table tr th { padding:1rem 16px; color:#ffffff; font-weight:bold; text-align:left; white-space:nowrap; background:#a999a0; }
.table tr td { padding:1rem 16px; border-right:.0625rem solid rgba(0,0,0,.06); white-space:nowrap; }

@media all and (min-width:480px) {
	.table tr th { padding:1rem 24px; }
	.table tr td { padding:1rem 24px; }
}
@media all and (min-width:960px) { .table tr td { vertical-align:middle; white-space:normal; } }


