.tool-details-container{background-color:#f9f9f9;border-radius:10px;max-width:1200px;margin:20px auto;padding:20px;box-shadow:0 2px 10px #0000001a}.tool-details-content{gap:20px;display:flex}.tool-image{border-radius:10px;width:700px;height:auto}.tool-info{flex:1}.tool-title{color:#333;margin:0 0 10px;font-size:2rem}.tool-description{color:#555;padding-left:20px;font-size:1rem;line-height:1.5;list-style-type:disc}.tool-description li{margin-bottom:8px}@media (width<=768px){.tool-details-content{flex-direction:column;align-items:flex-start}.tool-image{width:100%;height:auto}}#tools-container{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.card{border-radius:15px;transition:transform .2s;overflow:hidden;box-shadow:0 2px 10px #0000001a}.card h2{justify-content:center;align-items:center;font-size:20px;display:flex}.card img{object-fit:cover;width:100%;height:300px}.card:hover{transform:scale(1.02)}@media (width<=600px){#tools-container{grid-template-columns:1fr}}.content{margin:0 auto;padding:20px}.banner-grid{grid-template-columns:repeat(3,1fr);align-items:center;gap:20px;display:grid}.grid-component{justify-content:center;display:flex}.img-banner{max-width:100%;height:200px;margin-left:20px;padding-top:20px}.main-h1{justify-content:center;align-items:center;display:flex}.icon-main{color:#ff9000;padding-right:20px;font-size:80px;font-weight:100}.main-h1 h1{font-size:60px}.border{border-color:#000 #000 currentColor;border-bottom-style:solid;border-bottom-width:.2px;margin:50px 0}.main-grid{grid-gap:20px;grid-template-columns:repeat(3,1fr);display:grid}.tools-video{justify-content:center;align-items:center;display:flex}.card-btn{text-align:center;background-color:#ff9000;border-radius:15px;width:80%;padding:10px 0;font-size:16px;font-weight:450;box-shadow:2px 2px 2px #0003}.card-btn:hover{color:#fff;background-color:#b16a0e}.tools-grid{justify-content:center;align-items:center;margin:10px 0;display:flex}.video-grid{width:100%;height:auto;max-height:200px}@media (width<=768px){.banner-grid{grid-template-columns:1fr}.main-h1 h1{font-size:40px}.icon-main{font-size:60px}.main-grid{grid-template-columns:1fr}.card-btn{font-size:14px}}@media (width<=480px){.main-h1 h1{font-size:30px}.icon-main{font-size:50px}.img-banner{margin-left:0}}.dark-mode header nav{background-color:#181818;transition:background-color .8s,color .8s}.dark-mode .btn-insc-nav:hover{color:#ff9000;background-color:#181818;border-color:#ff9000}.dark-mode .perfil-font{color:#121212}.dark-mode{color:#fff;background-color:#1e1e1e;transition:background-color .8s,color .8s}.dark-mode .tool-details-container{background-color:#3837375b;transition:background-color .8s,color .8s}.dark-mode .tool-details-container p,.dark-mode .tool-details-container h1{color:#fff;transition:background-color .8s,color .8s}