body,html{background-color:rgb(0,0,0);margin:0;padding:0;height:100%}.main-container{min-height:100vh}.header-show,.main-container{display:flex;flex-direction:column}.header-show{background-color:#000000;padding:1rem;position:relative}.top-header{position:relative;display:flex;align-items:center;width:100%}.mediacenter{position:absolute;top:1em;display:flex;left:6.9em;transform:translateY(-50%);margin:0;font-size:2rem;color:rgb(255,255,255)}.main-buttons{justify-content:center;padding-top:1rem;padding-left:46em;gap:2rem}.main-buttons,.user-info{display:flex;align-items:center}.user-info{position:relative;right:-3.5em;transform:translateY(5%)}.user-dropdown{position:absolute;top:calc(100% + 20px);right:10em;background-color:#2a2a2e;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.4);width:180px;padding:8px 0;z-index:1000;border:1px solid #444;animation:fadeInDown .2s ease-out}.dropdown-item{display:block;width:100%;padding:10px 16px;color:#e0e0e0;text-align:left;font-size:.95rem;background-color:transparent;border:none;cursor:pointer;transition:background-color .2s ease,color .2s ease;font-family:inherit}.dropdown-item:hover{background-color:#008DFC;color:#ffffff}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}button{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer}.caminhoes,.identidadevisual,.onibus,.pes{color:#ffffff;transition:color .2s ease-in-out}.caminhoes.active,.caminhoes:hover,.identidadevisual.active,.identidadevisual:hover,.onibus.active,.onibus:hover,.pes.active,.pes:hover{color:#008DFC}.username-small{color:#ffffff;font-size:1.2rem;padding-right:13.5em;padding-top:1.1em}.username-small:hover{color:#008DFC}.secondary-container{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding-left:15.2em;padding-top:2em}.secondary-buttons-container button{color:white;padding:.3rem 1rem;font-size:.95rem;border:none;text-align:center;min-width:130px;display:inline-block;height:30px;transition:all .5s}.secondary-buttons-container button:hover{transform:scale(1.1)}.bancoimagens{background-color:#9c27b0;border-top-left-radius:8px;border-bottom-left-radius:8px}.midia{background-color:#f50057}.midiaon{background-color:#ec6446}.aev{background-color:#8bc34a;border-top-right-radius:8px;border-bottom-right-radius:8px}.search-bar-container{position:relative;--btn-size:35px;display:inline-block}.custom-search-input{padding-right:35px;height:var(--btn-size);font-size:15px;border:none;color:#fff;outline:none;width:var(--btn-size);transition:all .3s ease;background-color:#191A1E;box-shadow:1.5px 1.5px 3px #0e0e0e,-1.5px -1.5px 3px rgba(95,94,94,.25),inset 0 0 0 #0e0e0e,inset 0 0 0 #5f5e5e;border-radius:8px;cursor:pointer}.custom-search-input:focus,.custom-search-input:not(:placeholder-shown){width:450px;padding-left:10px;cursor:text;box-shadow:inset 1.5px 1.5px 3px #0e0e0e,inset -1.5px -1.5px 3px rgb(92,92,92)}.color-boxmain{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 15.8em;gap:1em}.icon-svg{width:24px;height:24px;fill:#fff}.heart-button,.list-button{cursor:pointer;padding:.5rem;transition:transform .1s ease,opacity .1s ease;color:#008DFC}.list-button:hover svg{transform:scale(1.1);opacity:.8;fill:#008DFC}.favorites-counter-button{display:flex;align-items:center;gap:4px;cursor:pointer;padding:.5rem}.favorite-count-display{color:#fff;font-size:1rem;line-height:1;padding-bottom:1px;margin-left:-8px}.favorites-counter-button.active .icon-svg,.favorites-counter-button:hover .icon-svg{fill:#008DFC}.favorites-counter-button.active .favorite-count-display,.favorites-counter-button:hover .favorite-count-display{font-weight:700;color:#008DFC}.view-actions-container{display:flex;align-items:center;gap:1rem;padding-top:.3em}.main-content{flex:1;padding:2rem;background-color:rgb(255,255,255)}.custom-footer{background-color:#000000;padding:1rem;text-align:center;color:white}.intro{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.welcome-message{color:white;font-size:2.5rem;margin-bottom:1rem;animation:fadeIn .6s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.filter-dropdown{appearance:none;color:rgb(255,255,255);border:none;border-radius:5px;padding:4px 28px 4px 8px;font-size:1rem;cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:1em;transition:opacity 2s}.filter-dropdown:focus{outline:none}.filter-dropdown:hover{opacity:.9}.dropdown-banco-imagens{background-color:#9c27b0}.dropdown-midia-offline{background-color:#f50057}.dropdown-midia-online{background-color:#ec6446}.dropdown-audio-video{background-color:#8bc34a}@media (max-width:1630px){.main-buttons{padding-left:35em}.secondary-container{padding-left:10em}.color-boxmain{padding:0 10em}}@media (max-width:1179px){.mediacenter{left:2em}.main-buttons{padding-left:20em;gap:1.5rem;font-size:.9rem}.user-info{right:2em}.username-small{padding-right:0}.user-dropdown{right:0}.secondary-container{padding-left:2em}.color-boxmain{padding:0 2em}}@media (max-width:1090px){.top-header{flex-direction:column;padding-bottom:1rem}.mediacenter,.user-info{position:static;transform:none;width:100%;display:flex;justify-content:space-between}.mediacenter{justify-content:flex-start}.user-info{justify-content:flex-end;margin-top:-3.5rem}.main-buttons{width:100%;margin-top:-3.5rem}.main-buttons,.secondary-container{padding-left:0;justify-content:center}}@media (max-width:908px){.header-show{padding:1rem}.main-buttons{display:none}.top-header{flex-direction:row;justify-content:space-between;padding-bottom:0}.user-info{margin-top:0}.secondary-container{flex-direction:column;padding:1.5rem 0 0;align-items:center}.secondary-buttons-container{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;width:100%;padding:0 1rem;box-sizing:border-box;margin-bottom:1rem}.secondary-buttons-container button{width:100%;min-width:0;border-radius:8px!important}.custom-search-input:focus,.custom-search-input:not(:placeholder-shown){width:90vw}.color-boxmain{flex-direction:column;height:auto;padding:.75rem 1rem;gap:.75rem}.filter-dropdown,.filter-dropdown-container{width:100%}}