*, *:after, *:before { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: none; }
:root {--fontFA: "Font Awesome 5 Pro"; --font-size-default: 16px; --color-text: #333; --color1: #3581fb;  --color-link: #3581fb;  }

.contenido .subcont { max-width: 960px; margin: 0 auto; }


/*Sección de archivos*/
.section-files a { color: var(--color-link) }
.section-files { font-size: var(--font-size-default) ; line-height:140%;}
.section-files .file-list { display: flex; flex-direction: column;padding:0;margin:0; }
.section-files .file-list li { border-bottom: 1px solid #ccc; display: block; width: 100%; padding: 8px; display: flex; align-items: center; min-height: 32px; position:relative; }
.section-files .file-list li .file-cont { width: 100%; }
.section-files .file-list li .file-cont .file-link { text-decoration: none; color: inherit; display: flex; align-items: center; padding: 4px 0; }
.section-files .file-list li .file-cont .file-link:before { content: "\f15b"; font-family: var(--fontFA); font-size: 26px; color: #42a5f5; display: flex; width: 32px; height: 32px; align-items: center; justify-content: center; font-weight: 600; margin-right: 8px; flex-shrink: 0; }
.section-files .file-list li.image .file-cont .file-link:before { content: "\f1c5"; }
.section-files .file-list li.pdf .file-cont .file-link:before { content: "\f1c1"; }
.section-files .file-list li.zip .file-cont .file-link:before { content: "\f1c6"; }
.section-files .file-list li.txt .file-cont .file-link:before { content: "\f15c"; }
.section-files .file-list li.csv .file-cont .file-link:before { content: "\f6dd"; }
.section-files .file-list li.excel .file-cont .file-link:before { content: "\f1c3"; }
.section-files .file-list li.video .file-cont .file-link:before { content: "\f1c8"; }
.section-files .file-list li.audio .file-cont .file-link:before { content: "\f1c7"; }
.section-files .file-list li.point .file-cont .file-link:before { content: "\f1c4"; }
.section-files .file-list li .file-cont .file-link .file-info { width: 100%; min-height: 40px; display: flex; flex-direction: column; justify-content: center; }
.section-files .file-list li .file-cont .file-link .file-info .file-name { display: flex; align-items: center; word-break: break-word; }
.section-files .file-list li .file-cont .file-link:hover .file-info .file-name { text-decoration: underline; }
.section-files .file-list li .file-cont .file-link .file-info .file-date { font-size: 80%; display: block; opacity: 0.8; }
.section-files .file-list li .file-cont .file-link .file-info .file-date:empty { display: none; }

.section-files .file-list li[data-folder="True"] { background: #fffde7; }
.section-files .file-list li[data-folder="True"] .file-cont .file-link { text-decoration: none; }
.section-files .file-list li[data-folder="True"] .file-cont .file-link:before { content: "\f07b"; color: #f9ce1d; }
.section-files .file-list li[data-folder="True"] .file-cont .file-link:after { content: "\f105"; font-family: var(--fontFA); display: flex; flex-shrink: 0; margin-left: 8px; border: 0; width: 32px; height: 32px; align-items: center; justify-content: center; opacity: 0.8; }

.section-files .file-list li[data-upload="True"] { background: #e3f2fd; background: #e9f5fd; }
.section-files .file-list li[data-upload="True"] .file-cont .file-link:before { content: "\f954"; color: #42a5f5; }

.section-files .file-list li .file-preview { flex-shrink: 0; margin-left: 8px; border: 0; width: 32px; height: 32px; background: transparent; -webkit-appearance: none; -moz-appearance: none; cursor: pointer; }
.section-files .file-list li .file-preview i { font-size: 120%; opacity: .5; }


/*Orden CSS Carpeta/upload/archivo */
.section-files .file-list li[data-folder="True"] { order: 1; }
.section-files .file-list li { order: 2;}



.kmodal.iframe .wrap { width: 100%; height: 100%; }
.kmodal.iframe .dialog { height: 100%; }
.kmodal.iframe .text { position: relative; height: 100%; }
.kmodal.iframe iframe { position: absolute; top: 0; left: 0; }



@media (min-width: 768px) {

    .section-files .file-list li .file-cont { display: flex; }
    .section-files .file-list li .file-cont .file-link { width: 100%; }
    .section-files .file-list li .file-cont .file-date { width: 50%; flex-shrink: 0; }

}