.pagina-utilitarios .pagina-principal{text-align:center;padding:var(--space-8) 0}.pagina-utilitarios .pagina-principal-subtitulo{color:var(--gray-600);max-width:700px;margin:0 auto var(--space-8);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.pagina-utilitarios .search-container{max-width:600px;margin:0 auto var(--space-8)}#searchInput{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);border-radius:var(--radius-md);border:2px solid var(--gray-300);box-sizing:border-box;transition:all var(--transition-base)}#searchInput:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.utilitarios-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6);margin-top:var(--space-8)}.utilitario-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-6);background-color:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);text-decoration:none;color:inherit;transition:all var(--transition-base);position:relative;overflow:hidden}.utilitario-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-500),var(--primary-600));transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.utilitario-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-200);text-decoration:none;color:inherit}.utilitario-card:hover:before{transform:scaleX(1)}.utilitario-card:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.card-icon{width:64px;height:64px;margin-bottom:var(--space-4);object-fit:contain;transition:transform var(--transition-base)}.utilitario-card:hover .card-icon{transform:scale(1.1)}.card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);color:var(--gray-900)}.card-description{color:var(--gray-600);font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}@media (max-width: 640px){.utilitarios-grid{grid-template-columns:1fr;gap:var(--space-4)}.pagina-utilitarios .pagina-principal{padding:var(--space-6) 0}.pagina-utilitarios .pagina-principal-subtitulo{font-size:var(--font-size-base);margin-bottom:var(--space-6)}}